/* 前端白明明 */ *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *{ margin:0; padding:0;} body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; max-width: 1920px; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333;font-family:微软雅黑,Microsoft YaHei,arial; font-size:14px; line-height:1;background: #fff;} html.act{overflow: hidden;width: 100%;height: 100vh;} ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} img{border:none;transform: translateZ(0) ;-webkit-transform: translateZ(0) ;display: block;max-width: 100%;} img[src=""]{opacity: 0;} body::-webkit-scrollbar-track-piece {width: 6px;background-color: #ccc;} body::-webkit-scrollbar {width: 6px;height: 6px} body::-webkit-scrollbar-thumb {height: 6px;background-color: #666;} @charset "UTF-8"; @font-face { font-family: "he"; src: url("../fonts/Helvetica.woff") format("woff"), url("../fonts/Helvetica.ttf") format("truetype"), url("../fonts/Helvetica.eot") format("embedded-opentype"), url("../fonts/Helvetica.svg") format("svg"); font-weight: normal; font-style: normal; } .he{font-family: he;} .arial{font-family: arial;} .f_16{ font-size:16px; } .f_18{ font-size:18px; } .f_20{ font-size:20px; } .f_22{font-size: 22px;} .f_24{ font-size:24px; } .f_26{ font-size:26px; } .f_28{ font-size:28px; } .f_30{ font-size:30px; } .f_32{ font-size:32px; } .f_34{ font-size:34px; } .f_36{ font-size:36px; } .f_38{ font-size:38px; } .f_40{font-size: 40px; } .f_48{font-size: 48px; } .wow{opacity: 0;} .wow1{opacity: 1;} /*分页*/ .BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;} .a_dw{position: relative;top: -60px;} .box {min-width: 1200px;padding: 0 100px; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;overflow: hidden;} .box2 {max-width: 1400px; min-width: 1200px;width: 75%; padding: 0 ; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;overflow: hidden;} .page1{clear:both; text-align:center; height: 45px;margin: 0;text-align: center;} .page1 span a{display: inline-block; color:#333333;padding:10px 13px; text-decoration:none;background: #f7f7f7;} .page1 span a:hover,.page1 span.current a{ background:#035899; color:#fff;} .page1 span{margin:2px 5px;} .page2{width: 120px;height: 40px;background: #035899;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;text-align: center;} .fbd{font-weight: bold;} /* 头部 */ .head{position: fixed;width: 100%;top: 0;left: 0;z-index: 20;background: #fff;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;border-bottom: 1px solid #fff;} .head .box{overflow: visible;} .head .logo{display: block;float: left;} .head .logo img{display: block;height: 100px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .head .lang{float: right;padding-top: 40px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .head .lang a{display: block;float: left;font-size: 16px;color: #555;padding: 0 15px;line-height: 20px;font-family: he;} .head .lang a:nth-child(1){padding-left: 35px;background: url(../images/1_1.png) center left no-repeat;} .head .lang a:nth-child(2){padding-right: 0;border-left: 1px solid #dbdbdb;} .head .lang a:hover{color: #035899;} .head .ul1{float: right;} .head .ul1 li{float: left;margin-right: 35px;position: relative;} .head .ul1 li .ltp{} .head .ul1 li .ltp a{display: block;position: relative;padding: 38px 0;font-size: 24px;font-weight: bold;} .head .ul1 li .ltp a:hover{color: #035899;} .head .ul1 li .ltp a:after{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;content: '';display: block;position: absolute;width: 0px;height: 4px;background: #035899;left: 50%;margin-left: -15px;bottom: 20px;} .head .ul1 li .lbt{background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: fixed;width: 100%;height: 100px;height: 0px;background: #fff;border-top: 1px solid #fff;left: 0;top: 100px;border-bottom: 1px solid #e5e5e5; overflow: hidden;visibility: hidden;} .head .ul1 li .lbt a{display: block;float: left;line-height: 50px;margin-right: 30px;font-size: 16px;} .head .ul1 li.act .ltp a:after{width: 30px;} .head .ul1 li:hover .lbt{height: 50px;visibility: inherit;} .head .ul1 li .lbt a:hover,.head .ul1 li.act .ltp a{color: #035899;} .head .ul1 li .lbt{padding-left: 45%;} .hheight{height: 100px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .head.act{border-bottom: 1px solid #e5e5e5;} .head.act .logo img{height: 60px;} .head.act .ul1 li .ltp a{padding: 18px 0;} .head.act .lang{padding-top: 20px;} .hheight.act{height: 60px;} .head.act .ul1 li .lbt{top: 60px;} .head.act .ul1 li .ltp a:after{bottom: 5px;} /* 首页 */ .i2{} .i2 .itp{padding: 100px 9% ;color: #fff;background: url(../images/1_8.jpg) center no-repeat;background-size: cover;} .i2 .itp .tc{padding-top: 40px; overflow: hidden;position: relative;} .i2 .itp .tc span{display: block;letter-spacing: 5px;} .i2 .ul1{background: #1780d0;} .i2 .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .i2 .ul1 li{width: 10.5%;position: relative;overflow: hidden;float: left;color: rgba(255,255,255,0.6);height: 580px;cursor: pointer;} .i2 .ul1 li:last-child{float: right;} .i2 .ul1 li img{display: block;height: 580px;max-width: inherit;width: auto;position: absolute;top: 0;right: 0;} .i2 .ul1 li .dbt{position: absolute;top: -80px;left: 40px;width: 185px;line-height: 80px;background: #1780d0;border-radius: 0 0 5px 5px ;text-align: center;color: #fff;} .i2 .ul1 li .txt{position: absolute;top: 0px;left:0%;width: 100%;height: 100%;padding: 60px 10%;} .i2 .ul1 li .txt .ltt{color: #fff;} .i2 .ul1 li .txt .en{margin: 20px 0 30px;font-family: he;} .i2 .ul1 li .txt .lx{transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0; display: block;width: 40px;height: 2px;background: rgba(255,255,255,0.6);} .i2 .ul1 li .txt .ltc{transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0; margin-top: 20px;line-height: 1.5;text-align: justify;max-width: 260px;} .i2 .ul1 li.act .txt{padding-top: 150px;} .i2 .ul1 li.act .txt .lx,.i2 .ul1 li.act .txt .ltc{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;} .i2 .ul1 li.act .txt .ltc{transition-delay: .3s;-webkit-transition-delay: .3s;} .i2 .ul1 li.act{width: 37%;} .i2 .ul1 li.act .dbt{top: 0;} /* 底部 */ .footer_idx{background: #121212;color: #888;line-height: 80px;} .footer_idx s{display: inline-block;width: 30px;} .footer_idx .other{float: right;} .footer_idx .other a{color: #888;} .footer_idx .flt{color: #888;display: block;float: left;padding-right: 20px;} .footer_idx .flt2{border-left: 1px solid #888;line-height: 16px;padding: 0 50px 0 20px;margin-top: 32px;} .yuyan{position: fixed;top: 0;left: 0;z-index: 99;display: none;} .footer{background: #121212;padding: 60px 0;border-bottom: 1px solid rgba(255,255,255,0.1)} .footer .flt{width: 210px;float: left;} .footer .flt .fbtn{margin: 50px 0 20px;} .footer .flt .fbtn a{display: block;float: left;width: 30px;height: 30px;overflow: hidden;background: #555;border-radius: 50%;cursor: pointer;margin-right: 20px;} .footer .flt .fbtn a:hover,.footer .flt .fbtn a.act{background: #035899;} .footer .flt .fewm{height: 130px;overflow: hidden;} .footer .flt .fewm img{display: block;width: 100px;margin-bottom: 15px;} .footer .flt .fewm span{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #757575;display: block;height: 131px;} .footer .flt .fewm.act span:nth-child(1){margin-top: -130px;} .footer .frt{float: right;} .footer .frt{} .footer .frt .tt{font-size: 16px;color: #fff;margin-bottom: 26px;} .footer .frt .atc{display: block;color: #888;margin-bottom: 15px;line-height: 28px;} .footer .frt .atc img{display: block;float: left;margin-right: 15px;} .footer .ul1{border-right: 1px solid rgba(255,255,255,0.1);float: right;margin-right: 80px;} .footer .ul1 li{width: 180px;float: left;} .footer .ul1 li a{display: block;color: #888;margin-bottom: 15px;position: relative;left: 0;} .footer .ul1 li a:nth-child(1){font-size: 16px;color: #fff;margin-bottom: 25px;} .footer .ul1 li a:hover{color: #fff;left: -5px;} .top{position: fixed;width: 50px;height: 50px;right: 20px;bottom: 200px;z-index: 10;cursor: pointer;display: none;} .top img{display: block;width: 100%;} .top:hover{transform: scale(.9);-webkit-transform: scale(.9);} /* 企业印象 */ .banner{position: relative;overflow: hidden;} .banner img{display: block;width: 1920px;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);max-width: inherit;} .banner .sbox{overflow: hidden;} .banner .txt{position: absolute;width: 100%;top: 170px;left: 0;text-align: center;color: #fff;z-index: 3;} .banner .txt .tt s{display: inline-block;width: 80px;height: 1px;background: rgba(255,255,255,0.4);position: relative;top: -10px;margin: 0 30px;} .banner .txt .en{margin-top: 30px;} .nav{height: 50px;background: #035899;padding-top: 18px;overflow: hidden;} .nav a{display: block;float: left;padding: 0 15px;color: #fff;border-left: 1px solid rgba(255,255,255,0.3);line-height: 16px;opacity: .8;} .nav a:nth-child(1){padding-left: 30px;background: url(../images/2_1.png) center left no-repeat;border:none;} .nav a:hover{opacity: 1;} .nav2{background: #fff;height: 80px;border-bottom: 1px solid #ddd;overflow: hidden;} .nav2 a{display: block;float: left;line-height: 80px;padding-right: 35px;margin-right: 30px;background: url(../images/2_2.png) center right no-repeat;font-size: 18px;color: #555;} .nav2 a:last-child{background: transparent;} .nav2 a.act,.nav2 a:hover{color: #035899;} .nav2 a.act{font-size: 24px;color: #035899;} .co1{padding: 80px 0;background: url(../images/2_3.png) center top no-repeat;} .co1 .xian{display: block;width: 60px;height: 4px;background: #bdbdbd;margin: 60px 0 50px;display: none;} .co1 .tbox{margin-top: 30px;} .co1 .tbox .clt{width: 100%;text-align: justify;} .co1 .tbox .clt .tc{color: #555;line-height: 32px;} .co1 .tbox .clt .tc .vd{display: block;width: 40%;float: left;margin-right: 5%;} .co1 .tbox .clt .tc .vd video{display: block;width: 100%;} .co1 .tbox .clt .ul1{margin-top: 50px;display: none;} .co1 .tbox .clt .ul1 li{width: 33.33%;float: left;text-align: center;padding: 50px 0;border-right: 1px solid #ddd;color: #666;} .co1 .tbox .clt .ul1 li:last-child{border:none;} .co1 .tbox .clt .ul1 li:nth-child(1){display: none;} .co1 .tbox .clt .ul1 li img{display: block;margin: 0 auto ;position: relative;top: 0;-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .co1 .tbox .clt .ul1 li .ltt{margin: 45px 0;font-size: 16px;} .co1 .tbox .clt .ul1 li .ltc span{font-size: 42px;color: #333;} .co1 .tbox .crt{width: 500px;height: 500px;float: right;overflow: hidden;display: none;} .co1 .tbox .crt img{-webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;display: block;width: 500px;height: 500px;float: left;margin-left: -500px;transform: scale(1.001);-webkit-transform: scale(1.001);} .co1 .tbox .crt span{display: block;width: 500px;height: 500px;background: #fff;} .co1 .tbox .crt.wow1 img{margin-left: 0;} .co1 .tc2{color: #555;line-height: 30px;margin-top: 70px;} .co1 .tbox .clt .ul1 li:hover img{top: -5px;} .co1 .tbox .crt:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} /* 文化 */ .cu1{padding: 100px 0 120px;background: url(../images/2_3_1.png) center top no-repeat;} .cu1 .box2{overflow: visible;} .cu1 .cimg,.cu1 .cimg img{display: block;width: 100%;} .cu1 .cbox{margin: 80px 0 40px;} .cu1 .cbox .clt{width: calc(100% - 560px);float: left;} .cu1 .cbox .clt .clt_tp{margin-bottom: 40px;} .cu1 .cbox .clt .clt_tp .cl_d1{width: 47.62%;float: left;border:1px solid #ddd;background: #f7f7f7;border-radius: 10px;padding: 50px 0;text-align: center;color: #555;} .cu1 .cbox .clt .clt_tp .cl_d1 .yuan{width: 280px;height: 280px;background: #fff;border:1px solid #ddd;border-radius: 50%;margin: 0 auto 50px;color: #035899;line-height: 1.5;} .cu1 .cbox .clt .clt_tp .cl_d1 .yuan img{display: block;margin: 60px auto 30px;position: relative;top: 0;-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .cu1 .cbox .clt .clt_tp .cl_d1 .txt{line-height: 1.5;} .cu1 .cbox .clt .clt_tp .cl_d2{float: right;} .cu1 .cbox .clt .clt_tp .cl_d1:hover .yuan img{top: -5px;} .cu1 .cbox .clt .clt_bt {width: 100%;border:1px solid #ddd;background: #f7f7f7;border-radius: 10px;padding: 60px ;color: #555;} .cu1 .cbox .clt .clt_bt .txt{width: calc(100% - 300px);float: left;line-height: 3.2;color: #555;padding-top: 90px;} .cu1 .cbox .clt .clt_bt .yuan{width: 280px;height: 280px;background: #fff;border:1px solid #ddd;border-radius: 50%;margin: 0 ;color: #035899;line-height: 1.5;float: right;text-align: center;} .cu1 .cbox .clt .clt_bt .yuan img{display: block;margin: 60px auto 30px;position: relative;top: 0;-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .cu1 .cbox .clt .clt_bt:hover .yuan img{top: -5px;} .cu1 .cbox .crt{width: 500px;float: right;position: relative;z-index: 3;} .cu1 .cbox .crt img{display: block;border-radius: 10px;} .cu1 .cbox .crt span{position: absolute;top: 10px;right: -10px;background: #e5e5e5;width: 100%;height: 100%;border-radius: 10px;z-index: -1;} .cu1 .cbox2 {width: 100%;border:1px solid #ddd;background: #f7f7f7;border-radius: 10px;padding:40px 60px ;color: #555;} .cu1 .cbox2 .yuan{width: 280px;height: 280px;background: #fff;border:1px solid #ddd;border-radius: 50%;margin: 0 ;color: #035899;line-height: 1.5;float: left;text-align: center;} .cu1 .cbox2 .yuan img{display: block;margin: 60px auto 30px;position: relative;top: 0;-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .cu1 .cbox2:hover .yuan img{top: -5px;} .cu1 .cbox2 .txt{width: calc(100% - 280px);float: right;line-height: 3.2;color: #555;padding: 15px 0 0 60px;} /* 致辞 */ .add1{padding: 100px 0 150px;background: url(../images/2_3_1.png) center top no-repeat;} .add1 .abox{padding: 60px 0 0; width: 90%;margin: 0 auto;max-width: 1600px;min-width: 1240px;background-color: #035899;} .add1 .box2{width: 90%;max-width: 1400px;min-width: 1200px;} .add1 .abox .atp{} .add1 .abox .atp .alt{position: relative;width: 600px;overflow: hidden;float: left;background: #fff;} .add1 .abox .atp .alt img{display: block;width: 100%;position: relative;left: -100%;} .add1 .abox .atp .alt.wow1 img{left: 0;-webkit-transition: all .8s ; -moz-transition: all .8s ; transition: all .8s ;} .add1 .abox .atp .art{width: calc(100% - 680px);float: right;text-align: justify;color: #fff;} /* .add1 .abox .atp .art .en{padding: 60px 0 40px;} */ /* .add1 .abox .atp .art .en s{display: inline-block;width: 90px;height: 3px;background: #9bc4e3;position: relative;top: -3px;margin-right: 25px;} */ .add1 .abox .atp .art .cn{line-height: 1.5;} /* .add1 .abox .atp .art .tc{line-height: 1.5;margin: 70px 0 100px;} */ .add1 .abox .atp .art .tc2{line-height: 1.8;color: #fff;background-color: #035899;padding: 10px;} .add1 .abox .abt {line-height: 1.8;color: #fff;margin-top: 20px;} .add1 .abox .abt .zc{display: none;padding-right: 70px;margin-top: 130px;text-align: right;background: url(../images/2_12.jpg) center right no-repeat;} /* 荣誉 */ .ho1{padding: 100px 0 120px;background: url(../images/2_3_1.png) center top no-repeat;} .ho1 .ul1{padding-bottom: 20px;} .ho1 .ul1 li{width: 21.5%;float: left;margin-right: 4.66%;margin-bottom: 70px;text-align: center;} .ho1 .ul1 li:nth-child(4n){margin-right: 0;} .ho1 .ul1 li .img{background: url(../images/2_13.jpg);padding: 40px 35px;background-size: cover;} .ho1 .ul1 li .img img{display: block;width: 100%;height: 100%;} .ho1 .ul1 li .txt{line-height: 60px;border:1px solid #ddd;position: relative;z-index: 3;margin-top: 20px;background: #f7f7f7;-webkit-transition: all .2s ; -moz-transition: all .2s ; transition: all .2s ;} .ho1 .ul1 li .txt span{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;background: #f7f7f7;-webkit-transition: all .2s ; -moz-transition: all .2s ; transition: all .2s ;} .ho1 .ul1 li .txt s{position: absolute;-webkit-transition: all .1s ; -moz-transition: all .1s ; transition: all .1s ;display: none;} .ho1 .ul1 li .txt .s1{top: 0;left: 0;width: 0%;height: 2px;background: #035899;transition-delay: .3s;-webkit-transition-delay: .3s;} .ho1 .ul1 li .txt .s2{top: 0;right: 0;width: 2px;height: 0%;background: #035899;transition-delay: .2s;-webkit-transition-delay: .2s;} .ho1 .ul1 li .txt .s3{bottom: 0;right: 0;width: 0%;height: 2px;background: #035899;transition-delay: .1s;-webkit-transition-delay: .1s;} .ho1 .ul1 li .txt .s4{bottom: 0;left: 0;width: 2px;height: 0%;background: #035899;transition-delay: 0s;-webkit-transition-delay: 0s;} .ho1 .ul1 li:hover .txt .s1{width: 100%;transition-delay: 0s;-webkit-transition-delay: 0s;} .ho1 .ul1 li:hover .txt .s2{height: 100%;transition-delay: .1s;-webkit-transition-delay: .1s;} .ho1 .ul1 li:hover .txt .s3{width: 100%;transition-delay: .2s;-webkit-transition-delay: .2s;} .ho1 .ul1 li:hover .txt .s4{height: 100%;transition-delay: .3s;-webkit-transition-delay: .3s;} .ho1 .ul1 li:hover .txt {background: #035899;color: #fff;} /* 关联企业 */ .rel1{padding: 100px 0 120px;background: url(../images/2_3_1.png) center top no-repeat;} .rel1 .img1,.rel1 .img1 img{display: block;width: 100%;} .rel1 .swiper1{} .rel1 .swiper1 .swiper-slide *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .rel1 .swiper1 .swiper-slide .txt{text-align: center;line-height: 140px;position: relative;cursor: pointer;font-size: 16px;} .rel1 .swiper1 .swiper-slide .txt:after{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;content: '';position: absolute;left: 50%;margin-left: -20px;width: 0px;height: 2px;background: #035899;bottom: 40px;} .rel1 .swiper1 .swiper-slide.act .txt,.rel1 .swiper1 .swiper-slide:hover .txt{color: #035899;} .rel1 .swiper1 .swiper-slide.act .txt:after{width: 40px;transition-delay: .3s;-webkit-transition-delay: .3s;} .my-map .icon {background: url(../images/map_dot.png) no-repeat;} .my-map .icon-cir {height: 40px;width: 48px;} .amap-info-content h5 {font-size: 15px;font-weight: bold;} .amap-info-close {display: none!important;} .amap-info-content {padding: 10px 20px;box-shadow: 0px 0px 5px #999;} .amap-info-sharp {background: transparent;width: 0;height: 0;border: 10px solid transparent;border-top: 10px solid #fff;position: relative;left: -8px;} .amap-logo,.amap-copyright{display: none !important;} .rel1 .rbt{border:1px solid #ddd;margin-top: 80px;background: #f7f7f7;} .rel1 .swiper1 .prev1{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px; border-radius: 50%;border:1px solid #f7f7f7;background: url(../images/2_12.png) center no-repeat;margin-top: -20px;left: 38%;} .rel1 .swiper1 .next1{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px; border-radius: 50%;border:1px solid #f7f7f7;background: url(../images/2_13.png) center no-repeat;margin-top: -20px;right: 38%;} .rel1 .swiper1 .prev1:hover,.rel1 .swiper1 .next1:hover{border:1px solid #035899;} .rel1 .map{width: 100%;height: 600px;border-top: 1px solid #ddd;position: relative;} .rel1 .map img{max-width: inherit;} .rel1 .map #map{width: 100%;height: 100%;} .rel1 .map .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 120;} .rel1 .map .img img{display: block;position: absolute;top: 0;left: 0;height: 100%; width: 100%;display:none; } .rel1 .map .img img:nth-child(3){display: block;} /* 工作 */ .wor1{padding: 100px 0;background: url(../images/2_23.jpg) top center no-repeat;background-size: cover;} .wor1 .wbox{min-width: 1200px;width: 75%; max-width: 1380px;margin: 0 auto;} .wor1 .wbox .txt{padding-left: 60px;color: #555;line-height: 2;width: 59.5%;text-align: justify;} .wor1 .wbox .txt .en{color: #c6c9cc;font-size: 60px;line-height: 1;} .wor1 .wbox .txt .tt{line-height: 1.5;margin: 40px 0 30px;} .wor1 .wbox .txt .xian{width: 60px;height: 4px;background: #c6c9cc;} .wor1 .wbox .txt .tc{margin-top: 40px;} .wor1 .wbox .swiper2{margin-top:-200px ;} .swiper2 .sbox{position: relative;padding-top: 240px;} .swiper2 .sbox *{} .swiper2 .sbox img{display: block;width: 100%;position: relative;left: 100%;-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .swiper2 .sbox .srt{position: absolute;top: 0;right: 0; width: 34.8%;} .swiper2 .sbox .srt .img,.swiper2 .sbox .srt .img img{width: 100%;display: block;overflow: hidden;} .swiper2 .sbox .slt{width: 59.5%;} .swiper2 .sbox .slt .img1,.swiper2 .sbox .slt .img2{display: block;float: right;overflow: hidden;width: 100%;} .swiper2 .sbox .slt .img1{width: 36.6%;margin-bottom: 40px;} .swiper2 .swiper-slide-active .sbox img{-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;left: 0;transition-delay: .5s;-webkit-transition-delay: .5s;} .swiper2 .btn{position: absolute;width: 100px;top: 45%;height: 40px;margin-top: -20px;left: 60px;} .swiper2 .btn .prev2{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;left: 0; border-radius: 50%;background: #fff url(../images/2_14.png) center no-repeat;margin-top: -20px;} .swiper2 .btn .next2{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;right: 0; border-radius: 50%;background: #fff url(../images/2_15.png) center no-repeat;margin-top: -20px;} .swiper2 .btn .prev2:hover{background: #035899 url(../images/2_14_1.png) center no-repeat;} .swiper2 .btn .next2:hover{background: #035899 url(../images/2_15_1.png) center no-repeat;} .wor2{padding: 80px 0;background: #e9eaea;} .wor2 .swiper3{} .wor2 .swiper3 .swiper-slide{} .wor2 .swiper3 .swiper-slide .sbox{position: relative;overflow: hidden;} .wor2 .swiper3 .swiper-slide .sbox *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .wor2 .swiper3 .swiper-slide .sbox img{display: block;width: 100%;transform: scale(1.001);-webkit-transform: scale(1.001);} .wor2 .swiper3 .swiper-slide .sbox .txt{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #fff;font-size: 16px;background: rgba(3,88,153,0);} .wor2 .swiper3 .swiper-slide .sbox .txt span{display: block;position: absolute;top: 50%;margin-top: 18px;width: 100%;opacity: 0;} .wor2 .swiper3 .swiper-slide .sbox:hover .txt{background: rgba(3,88,153,0.9);} .wor2 .swiper3 .swiper-slide .sbox:hover .txt span{margin-top: -8px;opacity: 1;} .wor2 .box2{overflow: visible;} .wor2 .box2 .prev3{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;left: -60px; border-radius: 50%;background: #fff url(../images/2_14.png) center no-repeat;margin-top: -20px;} .wor2 .box2 .next3{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;right: -60px; border-radius: 50%;background: #fff url(../images/2_15.png) center no-repeat;margin-top: -20px;} .wor2 .box2 .prev3:hover{background: #035899 url(../images/2_14_1.png) center no-repeat;} .wor2 .box2 .next3:hover{background: #035899 url(../images/2_15_1.png) center no-repeat;} /* 生活 */ .liv1{padding: 100px 0;background: #e6eaed;} .liv1 .en{font-size: 60px;color: #c6c9cc;} .liv1 .txt{margin: 50px 0 85px;color: #555;} .liv1 .txt .tlt{width: 390px;float: left;} .liv1 .txt .tlt .lxian{display: block;width: 60px;height: 4px;background: #c6c9cc;margin-top: 30px;} .liv1 .txt .trt{width: calc(100% - 390px);float: right;} .liv1 .txt .trt .rtc{line-height: 2;margin-top: 25px;} .liv1 .lbt{position: relative;} .liv1 .lbt .lbtn{position: relative;width: 100px;position: relative;top: -60px;} .liv1 .lbt .lbtn .prev4{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;left: 0px; border-radius: 50%;background: #fff url(../images/2_14.png) center no-repeat;margin-top: -20px;} .liv1 .lbt .lbtn .next4{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;right: 0px; border-radius: 50%;background: #fff url(../images/2_15.png) center no-repeat;margin-top: -20px;} .liv1 .lbt .lbtn .prev4:hover{background: #035899 url(../images/2_14_1.png) center no-repeat;} .liv1 .lbt .lbtn .next4:hover{background: #035899 url(../images/2_15_1.png) center no-repeat;} .liv1 .lbt .ltxt{padding-left: 120px;border-left: 5px solid #c6c9cc;} .liv1 .lbt .swiper4{} .liv1 .lbt .swiper4 .sbox{position: relative;overflow: hidden;display: block;width: 100%;} .liv1 .lbt .swiper4 .sbox *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .liv1 .lbt .swiper4 .sbox img{display: block;width: 100%;transform: rotate(0deg) scale(1.001);-webkit-transform: rotate(0deg) scale(1.001);} .liv1 .lbt .swiper4 .sbox .sbtt{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #fff;font-size: 16px;background: rgba(3,88,153,0);} .liv1 .lbt .swiper4 .sbox .sbtt span{display: block;position: absolute;top: 50%;margin-top: 18px;width: 100%;opacity: 0;} .liv1 .lbt .swiper4 .sbox:hover .sbtt{background: rgba(3,88,153,0.9);} .liv1 .lbt .swiper4 .sbox:hover .sbtt span{margin-top: -8px;opacity: 1;} /* 发展历程 */ .his1{padding: 100px 0;background: url(../images/2_3_1.png) center top no-repeat;} .his1 .hlt{width: 200px;float: left;padding: 35px 0;height: 790px;position: relative;} .his1 .hlt .swiper5{height: 729px;background: url(../images/2_19.png) 175px top repeat-y;text-align: right;} .his1 .hlt .swiper5 .swiper-slide{height: 81px;line-height: 81px;cursor: pointer;} .his1 .hlt .swiper5 .swiper-slide *{-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .his1 .hlt .swiper5 .sbox{padding-right: 30px;text-align: right;font-size: 18px;color: #888;position: relative;font-family: he;} .his1 .hlt .swiper5 .sbox s{display: block;width: 12px;height: 12px;border:2px solid #035899;background: #fff;border-radius: 50%;position: absolute;right: 0;top: 50%;margin-top: -6px;opacity: 0;} .his1 .hlt .swiper5 .swiper-slide-active .sbox{font-size: 70px;font-weight: bold;color: #035899;} .his1 .hlt .swiper5 .swiper-slide-active .sbox s{opacity: 1;} .his1 .hlt .prev5{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 35px;height: 35px;position: absolute;top: 0;left: auto; right: -10px;margin: 0;background: url(../images/2_20.png) center no-repeat;} .his1 .hlt .next5{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 35px;height: 35px;position: absolute;top: auto;bottom: -10px; left: auto; right: -10px;margin: 0;background: url(../images/2_21.png) center no-repeat;} .his1 .hrt{width: calc(100% - 300px);float: right;} .his1 .hrt li{display: none;} .his1 .hrt li:nth-child(1){display: block;} .his1 .hrt .ltp{font-size: 110px; color: #dbdbdb;height: 120px;border-bottom: 2px solid #dbdbdb;margin-bottom: 40px;width: calc(100% - 50px);} .his1 .hrt .lbt{padding-right: 50px;overflow: auto;height: 640px;} .his1 .hrt .lbt a{display: block;width: 49%;height: 200px;float: left;background: #f9f9f9;border:2px solid #ddd;padding: 30px;border-radius: 10px;margin-bottom: 20px;} .his1 .hrt .lbt a *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .his1 .hrt .lbt a:nth-child(2n){float: right;} .his1 .hrt .lbt a .ltt{line-height: 32px;padding-left: 50px;background: url(../images/2_22.png) center left no-repeat;} .his1 .hrt .lbt a .ltc{line-height: 2;color: #555;margin-top: 20px;height: 96px;overflow: auto;} .his1 .hrt .lbt a .ltc::-webkit-scrollbar-track-piece {width: 6px;background-color: #ccc;} .his1 .hrt .lbt a .ltc::-webkit-scrollbar {width: 6px;height: 6px} .his1 .hrt .lbt a .ltc::-webkit-scrollbar-thumb {height: 6px;background-color: #666;} .his1 .hrt .lbt a:hover .ltt{background: url(../images/2_22_1.png) center left no-repeat;color: #035899;} .his1 .hrt .lbt a:hover {border:2px solid #035899;} .his1 .hrt .lbt::-webkit-scrollbar-track-piece {width: 3px;background-color: #ccc;} .his1 .hrt .lbt::-webkit-scrollbar {width: 3px;height: 6px} .his1 .hrt .lbt::-webkit-scrollbar-thumb {height: 3px;background-color: #035899;} /* 技术 */ .ski1{padding: 120px 0 170px;background: url(../images/3_1.jpg) center top no-repeat;background-size: cover;} .ski1 .tt{color: #fff;text-align: center;margin-bottom: 60px;} .ski1 .abtn{text-align: center;} .ski1 .abtn span{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;display: inline-block;position: relative;color: #fff;opacity: .6;margin: 0 25px;padding-bottom: 15px;cursor: pointer;} .ski1 .abtn span s{display: block;position: absolute;width: 40px;height: 2px;background: #fff;opacity: 0;left: 50%;margin-left: -20px;bottom: 0px;} .ski1 .abtn span:hover,.ski1 .abtn span.act{opacity: 1;} .ski1 .abtn span.act s{opacity: 0.6;} .ski1 .ul1{margin-top: 55px;} .ski1 .ul1 li{display: none;} .ski1 .ul1 li:nth-child(1){display: block;} .ski1 .ul1 li .l_sk1 img{display: block;width: 100%;margin-bottom: 40px;} .ski1 .ul1 li .l_sk1 div{text-align: center;color: #fff;} .ski1 .ul1 li .llt{width: 27.15%;float: left;} .ski1 .ul1 li .lrt{width: 27.15%;float: right;} .ski1 .ul1 li .lct{width: 35.85%;float: left;margin-left: 4.9%;} .ski1 .ul1 li .l_sk2{padding: 50px 40px;border:1px solid #fff;background: rgba(255,255,255,0.12);color: #fff;text-align: justify;line-height: 2;border-radius: 5px;margin-top: 80px;} /* 产品 */ .pro1{padding: 120px 0 110px;background: url(../images/3_2.jpg) center top no-repeat;background-size: cover;min-height: calc(100vh - 180px);} .pro1 .tt{color: #fff;text-align: center;margin-bottom: 80px;} .pro1 .pbox{position: relative;width: 90%;max-width: 1680px;margin: 0 auto;min-width: 1200px;} .pro1 .pbox .swiper6{max-width: 1400px;min-width: 1000px;width: 80%;padding-top: 30px;} .pro1 .pbox .swiper6 .pagination6 span{background: #fff;opacity: 1;} .pro1 .pbox .swiper6 .pagination6 .swiper-pagination-bullet-active{background: #1780d0;} .pro1 .pbox .swiper6 .swiper-slide{} .pro1 .pbox .swiper6 .swiper-slide .sbox{} .pro1 .pbox .swiper6 .swiper-slide .sbox *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .pro1 .pbox .swiper6 .swiper-slide .sbox img{display: block;width: 100%;border-radius: 10px;} .pro1 .pbox .swiper6 .swiper-slide .sbox .slt{transform: translateX(-50px);-webkit-transform: translateX(-50px); opacity: 0; width: 40%;float: left; color: #fff;text-align: center;} .pro1 .pbox .swiper6 .swiper-slide .sbox .slt .img{margin-bottom: 40px; background: rgba(255,255,255,0.12);padding: 10px;border:1px solid rgba(255,255,255,0.4);border-radius: 10px;} .pro1 .pbox .swiper6 .swiper-slide .sbox .srt{transform: translateX(-50px);-webkit-transform: translateX(-50px); opacity: 0; width: 40%;float: right; color: #fff;text-align: center;} .pro1 .pbox .swiper6 .swiper-slide .sbox .srt .img{margin-bottom: 40px; background: rgba(255,255,255,0.12);padding: 10px;border:1px solid rgba(255,255,255,0.4);border-radius: 10px;} .pro1 .pbox .swiper6 .swiper-slide .sbox .sct{transform: translateY(50px);-webkit-transform: translateY(50px); opacity: 0; width: 100%;float: left;padding: 30px 20px;border: 1px solid #fff;background: rgba(255,255,255,0.12);color: #fff;text-align: justify;line-height: 2;border-radius: 5px;margin-top: 30px;} .pro1 .pbox .swiper6 .swiper-slide-active .sbox .slt{transform: translateX(0px);-webkit-transform: translateX(0px); opacity: 1;transition-delay: .5s;-webkit-transition-delay: .5s;} .pro1 .pbox .swiper6 .swiper-slide-active .sbox .sct{transform: translateY(0px);-webkit-transform: translateY(0px); opacity: 1;transition-delay: .7s;-webkit-transition-delay: .7s;} .pro1 .pbox .swiper6 .swiper-slide-active .sbox .srt{transform: translateX(0px);-webkit-transform: translateX(0px); opacity: 1;transition-delay: .6s;-webkit-transition-delay: .6s;} .pro1 .pbox .prev6{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 80px;height: 80px;background: url(../images/3_5.png) center no-repeat;margin-top: -50px;background-size: cover;} .pro1 .pbox .next6{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 80px;height: 80px;background: url(../images/3_6.png) center no-repeat;margin-top: -50px;background-size: cover;} .pro1 .pbox .prev6:hover{background: url(../images/3_5_1.png) center no-repeat;background-size: cover;} .pro1 .pbox .next6:hover{background: url(../images/3_6_1.png) center no-repeat;background-size: cover;} .pro1 .pbox .swiper6 .pagination6 {top: 410px;} /* 联系我们 */ .con1{padding: 100px 0;background: url(../images/2_3_1.png) center top no-repeat;} .con1 .ul1{} .con1 .ul1 li{margin-bottom: 60px;} .con1 .ul1 li:last-child{margin-bottom: 0;} .con1 .ul1 li *{-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .con1 .ul1 li .tt{margin-bottom: 30px;} .con1 .ul1 li .tc{background: #fafafa;} .con1 .ul1 li .tc .img{width:50%;float: left;height: 180px;overflow: hidden; } .con1 .ul1 li .tc .img img{display: block;height: 180px; transform: rotate(0deg) scale(1.001);-webkit-transform: rotate(0deg) scale(1.001);} .con1 .ul1 li .tc .trt{width: 50%;height: 180px;float: right;border:1px solid #ddd;padding: 35px 0 0 40px;} .con1 .ul1 li .tc .trt .t_d1{margin-bottom: 20px;line-height: 45px;} .con1 .ul1 li .tc .trt .t_d1 img{display: block;float: left;border:1px solid #ddd;border-radius: 50%;} .con1 .ul1 li .tc .trt .t_d1 span{display: block;float: left;margin: 0 5px 0 15px;} .con1 .ul1 li:hover .img img{ transform: rotate(2deg) scale(1.15);-webkit-transform: rotate(2deg) scale(1.15);} /* 股票 */ .inv1{padding: 100px 0;background: url(../images/2_3_1.png) center top no-repeat;} .inv1 .intp{height: 180px;background: #033257;padding: 30px 30px 0 100px;color: #c3cad2;} .inv1 .intp .ilt{width: 480px;float: left;} .inv1 .intp .ilt .num{color: #c3cbd4;} .inv1 .intp .ilt .shuzi{font-size: 48px;color: #e62b1e;margin: 20px 0;} .inv1 .intp .ilt .shuzi .sp2{display: inline-block;padding-left: 20px;background: url(../images/5_1.png) left bottom no-repeat;} .inv1 .intp .ilt .xl{color: #777f96;font-size: 12px;line-height: 1.8;} .inv1 .intp .irt{width: 550px;float: right;height: 100%;} .inv1 .intp .irt li{ width: 25%; float: left; height: 100%; position: relative;} .inv1 .intp .irt li .ltc{margin-top: 30px; position: absolute; top: 50px;} .inv1 .ul1{margin: 80px 0;border-top: 2px solid #035899;} .inv1 .ul1 li{line-height: 30px;padding: 25px 20px;border-bottom: 1px solid #ddd;} .inv1 .ul1 li *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .inv1 .ul1 li a{display: block;} .inv1 .ul1 li .day{width: 120px;float: left;text-align: center;color: #fff;background: #035899;border-radius: 5px;} .inv1 .ul1 li .dct{width: calc(100% - 250px);float: left;padding-left: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .inv1 .ul1 li .drt{width: 125px;float: right;color: #035899;background: url(../images/5_2.png) center right no-repeat;} .inv1 .ul1 li:hover .dct{color: #035899;} /* 股票 */ .new1{padding: 100px 0;background: url(../images/2_3_1.png) center top no-repeat;} .new1 .ul1{} .new1 .ul1 *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .new1 .ul1 li{width: 31%;float: left;position: relative;padding: 25px 25px 30px;border:2px solid #e7e7e7;margin-right: 3.5%;margin-bottom: 3.5%;} .new1 .ul1 li:nth-child(3n){margin-right: 0;} .new1 .ul1 li .img,.new1 .ul1 li .img img{-webkit-transition: all .7s ; -moz-transition: all .7s ; transition: all .7s ;display: block;overflow: hidden;width: 100%;} .new1 .ul1 li .img img{transform: scale(1.001);-webkit-transform: scale(1.001);} .new1 .ul1 li .day{color: #999;margin: 20px 0 15px;padding-left: 25px;background: url(../images/5_3.png) center left no-repeat;line-height: 20px;} .new1 .ul1 li .ltt{border-left: 4px solid #035899;padding-left: 10px;line-height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .new1 .ul1 li .xian{width: 100%;height: 6px;background: url(../images/5_5.png) center no-repeat;margin: 15px 0;} .new1 .ul1 li .ltc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 64px;line-height: 2;color: #555;} .new1 .ul1 li:hover{border:2px solid #035899;} .new1 .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .new1 .ul1 li:hover .ltt{color: #035899;} .nec1{padding: 80px 0 100px;text-align: center;} .nec1 .tt{line-height: 1.5;} .nec1 .day{line-height: 1.5;color: #999;border-bottom: 1px dashed #ddd;padding: 30px 0 20px;} .nec1 .day span{display: inline-block;margin: 0 55px;} .nec1 .nbox{width: 800px;margin: 60px auto 0;} .nec1 .nbox .tc{line-height: 2;color: #555;text-align: justify;} .nec1 .nbox .tc img{display: block;width: 100%;height: auto;margin: 0 auto;} .nec1 .nbox .abtn{position: relative;margin-top: 50px;text-align: justify;} .nec1 .nbox .abtn a{display: block;width: calc(100% - 200px);margin-bottom: 15px;color: #666;} .nec1 .nbox .abtn a:hover{color: #035899;} .nec1 .nbox .abtn .fh{width: 140px;line-height: 42px;background: #555;color: #fff;text-align: center;border-radius: 5px;position: absolute;top: 0;right: 0;} .nec1 .nbox .abtn .fh:hover{background: #035899;color: #fff;} /* 社会责任 */ .soc1{padding: 100px 0 120px;background: #f7f7f7;text-align: center;} .soc1 .tt{font-size: 48px;} .soc1 .tt span{display: inline-block;padding-right: 30px;margin-right: 20px;background: url(../images/5_4.png) center right no-repeat;} .soc1 .tc{line-height: 1.8;margin: 40px 0 60px;line-height: 1.8;} .soc1 .tp{border-radius: 10px;background: #fff url(../images/6_2.jpg) center left no-repeat;padding: 60px 60px 80px 50px;height: 450px;} .soc1 .tp .tlt{width: 48.85%;float: left;line-height: 1.5;} .soc1 .tp .trt{width: 45.8%;float: right;overflow: hidden;border-radius: 10px;} .soc1 .tp .trt img{display: block;height: 335px;} .soc1 .tp .tlt img{display: block;margin: 0 auto 35px; } .soc1 .tp .tlt .ptc{color: #555;line-height: 1.8;margin-top: 25px;} .soc2{width: 100%;height: 500px;background: url(../images/6_4.jpg) center no-repeat fixed;} .soc2 .stxt{width: 600px;height: 300px;padding: 60px 40px 0;background: rgba(255,255,255,.65);margin-top: 80px;border-radius: 10px;} .soc2 .stxt .tc{line-height: 1.8;margin: 35px 0;} .soc2 .stxt .more{display: block;width: 160px;line-height: 50px;background: #035899;color: #fff;text-align: center;border-radius: 5px;} .soc2 .stxt .more:hover{background: #1780d0;} .soc3{padding: 100px 0 120px;background: url(../images/6_5.jpg) right bottom no-repeat;position: relative;} .soc3 .tc{line-height: 1.5;color: #555;margin: 40px 0 50px;} .soc3 .abtn{position: relative;width: 100px;height: 40px;margin-bottom: 80px;} .soc3 .txt{padding: 65px;border:1px solid #ddd;width: 520px;color: #555;} .soc3 .txt .stc{line-height: 2;color: #888;margin: 20px 0 40px;} .soc3 .txt .more{display: block;width: 160px;line-height: 50px;background: #035899;color: #fff;text-align: center;border-radius: 5px;} .soc3 .txt .more:hover{background: #1780d0;} .soc3 .txt .stc2{color: #888;margin-top: 20px;line-height: 1.5;margin-top: 20px;} .soc3 .sobox{width: 53%;position: absolute;top: -70px;right: 0;z-index: 5;height: 570px;background: #f5f5f5;} .soc3 .sobox .swiper7 .swiper-slide *{} .soc3 .sobox .sbox{padding: 0 60px 40px 0;position: relative;} .soc3 .sobox .sbox .simg{overflow: hidden;width: 0%;} .soc3 .sobox .sbox .simg img{display: block;width: 960px;height: 520px;max-width: inherit;} .soc3 .sobox .sbox .stxt{position: absolute;left: 60px;bottom: 50px;color: #fff;z-index: 5;opacity: 0;} .soc3 .sobox .sbox .stxt .xtc{width: 270px;line-height: 1.8;margin: 20px 0 40px;} .soc3 .sobox .sbox .img{position: absolute;width: 59%;position: absolute;right: -100px;bottom: 0;opacity: 0;} .soc3 .sobox .sbox .more{display: block;width: 160px;line-height: 50px;background: #035899;color: #fff;text-align: center;border-radius: 5px;} .soc3 .sobox .sbox .more:hover{background: #1780d0;} .soc3 .sobox .swiper-slide-active .sbox .simg{-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;width: 100%;transition-delay: .3s;-webkit-transition-delay: .3s;} .soc3 .sobox .swiper-slide-active .sbox .stxt{-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;bottom: 100px;opacity: 1;transition-delay: .4s;-webkit-transition-delay: .4s;} .soc3 .sobox .swiper-slide-active .sbox .img{-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;opacity: 1;right: 0;transition-delay: .4s;-webkit-transition-delay: .4s;} .soc3 .abtn .prev7{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;left: 0px; border-radius: 50%;background: #fff url(../images/2_14.png) center no-repeat;margin-top: -20px;border:1px solid #ddd;} .soc3 .abtn .next7{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 40px;height: 40px;right: 0px; border-radius: 50%;background: #fff url(../images/2_15.png) center no-repeat;margin-top: -20px;border:1px solid #ddd;} .soc3 .abtn .prev7:hover{background: #035899 url(../images/2_14_1.png) center no-repeat;} .soc3 .abtn .next7:hover{background: #035899 url(../images/2_15_1.png) center no-repeat;} @media(max-width: 1680px){ .pro1 .pbox .swiper6 .pagination6 {top: 340px;} } @media(max-width: 1440px){ .hheight{height: 60px;} .head .logo img{height: 60px;} .head .ul1 li .ltp a{padding: 18px 0;font-size: 18px;} .head .lang{padding-top: 20px;} .hheight{height: 60px;} .head .ul1 li .lbt{top: 60px;} .head .ul1 li .lbt{padding-left: 35%;} .head .ul1 li:nth-child(3) .lbt{padding-left: 15%;} .i2 .itp{padding: 80px 9%;} .f_16{ font-size:14px; } .f_18{ font-size:16px; } .f_20{ font-size:20px; } .f_22{font-size: 20px;} .f_24{ font-size:20px; } .f_26{ font-size:20px; } .f_28{ font-size:20px; } .f_30{ font-size:24px; } .f_32{ font-size:24px; } .f_34{ font-size:24px; } .f_36{ font-size:26px; } .f_38{ font-size:30px; } .f_40{font-size: 30px; } .f_48{font-size: 38px; } .box{padding: 0 50px;} .footer_idx{line-height: 50px;} .head .ul1 li .ltp a:after{bottom: 5px;} .i2 .ul1 li:last-child{float: left;} .i2 .ul1 li .txt .en{line-height: 1.5;} .nav2 a{font-size: 16px;} .nav2 a.act{font-size: 18px;color: #035899;} .footer_idx .flt2{margin-top: 17px;} .soc3 .sobox .sbox .stxt{left: 20px;} .soc3 .sobox .sbox .stxt .xtc{width: 200px;} .cu1,.add1,.ski1,.pro1,.con1,.inv1,.soc1{padding: 80px 0;} .his1,.ho1,.rel1,.wor1,.liv1,.new1,.soc3{padding: 80px 0;} .wor1 .wbox .txt .en{font-size: 40px;} .wor1 .wbox .txt .tt{margin: 30px 0;} .head .ul1 li{margin-right: 25px;} .pro1 .pbox .next6,.pro1 .pbox .prev6{width: 60px;height: 60px;} .pro1 {min-height: calc(100vh - 110px);} .rel1 .swiper1 .swiper-slide .txt{font-size: 14px;} } @media(max-width: 1366px){ .pro1 .pbox .swiper6 .pagination6 {top: 330px;} } @media(max-width: 1280px){ .head .ul1 li{margin-right: 50px;} .head .ul1 li .ltp a{font-size: 18px;} .wor2 .box2 .prev3{left: 0;} .wor2 .box2 .next3{right: 0;} } .m_head ,.m_nav {display: none;} @media(max-width: 1030px){ body{min-width: 920px;padding-top: 50px;} .head {display: none;} .m_head{display: block;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 100;background: #fff;} .m_head .mlt{display: block;float: left;} .m_head .mlt img{display: block;height: 40px;margin-top: 5px;} .m_head .img{width: 50px;float: right;} .m_head .img img{display: block;width: 100%;} .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;} .m_nav.act{right: 0;} .m_out{ width: 15%;float: left; } .m_out img{display: block;width: 100%;} .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;} .m_nav.act{right: 0;} .m_out{ width: 15%;float: left; max-width: 50px;} .m_out img{display: block;width: 100%;} .wow{opacity: 1;} .m_navbox{width: 80%;box-sizing: border-box;float: right;background: #111;height: 100%;box-sizing: border-box;padding: 10px 5% ;overflow: auto; box-sizing: border-box;} .m_navbox div,.m_navbox a{color: #fff;display: block;} .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;} .m_navbox div,.m_navbox a.ltp{font-size: 20px;line-height: 30px;border-bottom: 1px solid #1f1e1e;padding: 10px 0;display: block;} .m_navbox li>div:nth-child(1){background: url(../images/plus.png) center right no-repeat;} .m_navbox li.act>div:nth-child(1){background: url(../images/reduce.jpg) center right no-repeat;} .m_navbox div.lbt{padding: 5px 0;display: none;} .m_navbox .lange{text-align: center;} .m_navbox .lange a{display: inline-block;margin: 0 10px;} .m_navbox li.lang {padding-top: 20px;} .m_navbox li.lang a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;} .m_navbox .lange{text-align: center;} .m_navbox .lange,.m_navbox .lange>div:nth-child(1),.m_navbox .lange.act>div:nth-child(1){background: none;} .m_navbox .lange a{width: 33.33%;display: block;float: left;margin: 0;} .box, .box2{padding: 0 ;min-width: 960px;width: 90%;} .f_16{ font-size:14px; } .f_18{ font-size:16px; } .f_20{ font-size:18px; } .f_22{font-size: 18px;} .f_24{ font-size:18px; } .f_26{ font-size:18px; } .f_28{ font-size:20px; } .f_30{ font-size:20px; } .f_32{ font-size:20px; } .f_34{ font-size:20px; } .f_36{ font-size:24px; } .f_38{ font-size:24px; } .f_40{font-size: 24px;} .hheight{display: none;} .i2 .itp{padding: 70px 5%;} .i2 .itp .tc{padding-top: 20px;} .i2 .ul1 li img,.i2 .ul1 li{height: 450px;} .i2 .ul1 li .dbt{line-height: 60px;font-size: 18px;} .i2 .ul1 li .txt .ltt{font-size: 16px;} .co1 .xian{margin: 30px 0;} .co1 .tbox .clt{width: 48%;} .co1 .tbox .crt{width: 48%;} .co1 .tbox .crt img{margin-left: 0;} .co1 .tbox .clt .ul1{margin-top: 20px;} .co1 .tbox .clt .ul1 li{padding: 30px 0;} .co1 .tbox .clt .ul1 li img{width: 70px;} .co1 .tbox .clt .ul1 li .ltc span{font-size: 24px;} .cu1 .cbox .clt{width: 670px;} .cu1 .cbox .crt{width: calc(100% - 710px);position: absolute;top: 0;right: 0;} .cu1 .cbox{position: relative;} .cu1 .cbox .clt .clt_bt{width: 960px;} .add1 .abox{min-width: 980px;} .add1 .box2{min-width: 960px;} .add1 .abox .atp .alt img{left: 0;} .add1 .abox .atp .alt{width: 48%;} .add1 .abox .atp .art{width: 48%;} .add1 .abox .atp .art .tc{margin-bottom: 80px;} .add1 .abox .abt,.add1 .abox .abt .zc{margin-top: 40px;display: none;} .his1 .hrt .ltp{font-size: 60px;height: 80px;} .cu1 .cbox,.rel1 .rbt{margin-top: 40px;} .ho1 .ul1{padding: 0;} .ho1 .ul1 li{margin-bottom: 50px;} .rel1 .swiper1 .swiper-slide .txt{font-size: 14px;line-height: 80px;} .rel1 .swiper1 .swiper-slide .txt:after{bottom: 20px;} .rel1 .map{height: 450px;} .nav2 a{padding-right: 20px;margin-right: 20px;} .wor1 .wbox,.pro1 .pbox{min-width: 960px;} .liv1 .txt .tlt{width: 300px;} .liv1 .txt .trt{width: calc(100% - 300px);} .pro1{min-height: calc(100vh - 100px);} .pro1 .pbox .next6,.pro1 .pbox .prev6{width: 40px;height: 40px;} .pro1 .pbox .swiper6{min-width: 800px;width: 80%;} .inv1 .intp{padding: 30px;height: auto;} .inv1 .intp .ilt{width: 48%;} .inv1 .intp .irt{width: 48%;padding-top: 10px;} .inv1 .ul1{margin: 40px 0;} .soc2{background: url(../images/6_4.jpg) center no-repeat ;background-size: cover;} .soc3 .txt{padding: 30px;width: 420px;} } .swiper1m{display: none;} @media(max-width: 960px){ body,.box, .box2{min-width: 200px;} .i2 .itp{padding: 30px 5%;} .i2 .itp .tt{font-size: 20px;line-height: 1.5;} .i2 .itp .tc{padding-top: 10px;} .i2 .ul1{display: none;} .footer_idx{line-height:24px;padding: 15px 0; text-align: center;font-size: 12px;} .footer_idx s{width: 5px;} .footer_idx .other{float: none;display: inline-block;} .swiper1m{display: block;} .swiper1m .sbox{position: relative;overflow: hidden;} .swiper1m .sbox img{display: block;width: 100%;} .swiper1m .sbox .dbt{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;opacity: 0; width: 150px;line-height: 50px;background: #1780d0;color: #fff;position: absolute;top: 0;left: 50%;margin-left: -75px;text-align: center;} .swiper1m .sbox .txt{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;opacity: 0; position: absolute;width: 90%;position: absolute;left: 5%;top: 80px;color: #fff;text-align: center;line-height: 1.8;} .swiper1m .sbox .txt .en{margin: 10px 0 20px;} .swiper1m .pagination1m span{background: #fff;opacity: 1;} .swiper1m .pagination1m .swiper-pagination-bullet-active{background: #1780d0} .swiper1m .swiper-slide-active .dbt,.swiper1m .swiper-slide-active .sbox .txt{transition-delay: .5s;-webkit-transition-delay: .5s; opacity: 1;} .banner img{width: 1000px;} .banner .txt{top: 80px;} .banner .txt .tt s{width: 30px;} .banner .txt .en{margin-top: 10px;} .nav2,.nav{display: none;} .co1{padding: 30px 0;} .co1 .xian{margin: 20px 0;} .co1 .tbox .crt{width: 100%;float: none;height: auto;} .co1 .tbox .crt img{width: 100%;height: auto;} .co1 .tbox .crt span{display: none;} .co1 .tbox .clt{width: 100%;float: none;margin-top: 20px;} .co1 .tbox .clt .ul1 li .ltt{margin: 20px 0;font-size: 12px;} .co1 .tbox .clt .ul1 li .ltc span{font-size: 16px;} .co1 .tc2{margin-top: 20px;text-align: justify;} .cu1, .add1, .ski1, .pro1, .con1, .inv1, .soc1{padding: 30px 0;} .cu1 .cimg{overflow: hidden;} .cu1 .cimg img{height: 200px;width: auto;max-width: inherit;} .cu1 .cbox, .rel1 .rbt{margin-top: 30px;} .cu1 .cbox .clt{width: 100%;float: none;} .cu1 .cbox .clt .clt_tp,.cu1 .cbox .clt .clt_tp .cl_d1{width: 100%;float: none;margin-bottom: 20px;} .cu1 .cbox .clt .clt_tp .cl_d1{padding: 30px 0;} .cu1 .cbox .clt .clt_tp .cl_d1 .yuan{width: 200px;height: 200px;} .cu1 .cbox .clt .clt_tp .cl_d1 .yuan img{margin: 20px auto;width: 80px;} .cu1 .cbox .clt .clt_bt,.cu1 .cbox2{width: 100%;padding: 30px 0;} .cu1 .cbox .clt .clt_bt .yuan,.cu1 .cbox2 .yuan{width: 200px;height: 200px;margin: 0 auto;float: none;} .cu1 .cbox .clt .clt_bt .yuan img,.cu1 .cbox2 .yuan img{margin: 20px auto;width: 80px;} .cu1 .cbox .clt .clt_bt .txt,.cu1 .cbox2 .txt{width: 90%;margin: 0 auto; float: none;padding: 20px 0 0;text-align: center;line-height: 1.8;} .cu1 .cbox{margin: 20px 0;} .cu1 .cbox2 .txt{text-align: justify;} .add1 .abox,.add1 .box2{min-width: 200px;} .add1 .abox .atp .alt{width: 100%;float: none;margin: 0 auto 20px;} .add1 .abox{padding-top: 0px;background: #fff;} .add1 .box2{width: 100%;} .add1 .abox .atp .art{width: 100%;float: none;color: #333;} .add1 .abox .atp .art .en{padding: 30px 0 20px;} .add1 .abox .atp .art .en s{width: 30px;} .add1 .abox .atp .art .tc{margin: 30px 0 20px;} .add1 .abox .abt .zc{margin-top: 20px;} .his1, .ho1, .rel1, .wor1, .liv1, .new1, .soc3{padding: 30px 0;} .his1 .hlt{width: 100%;height: auto;padding: 0;float: none;} .his1 .hlt .swiper5{height: auto;background: #fff;width: calc(100% - 70px);margin: 0 auto;} .his1 .hlt .swiper5 .swiper-slide-active .sbox{font-size: 20px;} .his1 .hlt .prev5{left: 0;right: auto;top: 50%;margin-top: -17px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .his1 .hlt .next5{left: auto;right: 0;top: 50%;margin-top: -17px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .his1 .hrt{width: 100%;float: none;} .his1 .hrt .ltp{width: 100%;font-size: 30px;height: 50px;margin-bottom: 20px;} .his1 .hrt .lbt{padding-right: 5px;} .his1 .hrt .lbt a,.his1 .hrt .lbt a:nth-child(2n){width: 100%;float: none;padding: 30px 5%;height: auto;} .his1 .hrt .lbt{height: 350px;} .his1 .hlt .swiper5 .swiper-slide{height: 50px;line-height: 50px;} .his1 .hrt .lbt a .ltc{height: auto;} .ho1 .ul1 li{width: 48%;float: left;margin: 0 0 20px 0;} .ho1 .ul1 li:nth-child(2n){float: right;} .ho1 .ul1 li .img{padding: 22px 20px;} .ho1 .ul1 li .txt{margin-top: 5px;} .page1{display: none;} .page2{display: block;margin-top: 20px;} .rel1 .img1{overflow: hidden;height: 200px;} .rel1 .img1 img{height: 200px;max-width: inherit;width: auto;position: relative;left: -90%;} .rel1 .map{height: 210px;} .wor1 .wbox, .pro1 .pbox{min-width: 200px;width: 90%;} .wor1 .wbox .txt{width: 100%;float: none;padding: 0;} .wor1 .wbox .txt .en{font-size: 24px;} .wor1 .wbox .txt .tt{margin: 10px 0 20px;} .wor1 .wbox .txt .tc{margin-top: 20px;} .swiper2 .btn{display: none;} .swiper2 .sbox{padding: 0;} .wor1 .wbox .swiper2{margin: 30px 0 0;padding-bottom: 50px;} .swiper2 .pagination2 span{background: #fff;opacity: 1;} .swiper2 .pagination2 .swiper-pagination-bullet-active{background: #1780d0} .swiper2 .sbox .slt .img1{margin-bottom: 10px;} .swiper2 .sbox .slt{width: 58%;} .swiper2 .sbox .srt{width: 39%;} .wor2{padding: 30px 0;} .wor2 .box2 .next3,.wor2 .box2 .prev3{display: none;} .wor2 .swiper3{padding-bottom: 40px;} .wor2 .swiper3 .pagination3 span{background: #fff;opacity: 1;} .wor2 .swiper3 .pagination3 .swiper-pagination-bullet-active{background: #1780d0} .liv1 .en{font-size: 24px;} .liv1 .txt{margin: 10px 0 30px;} .liv1 .txt .tlt .lxian{margin-top: 20px;} .liv1 .txt .tlt{width: 100%;float: none;} .liv1 .txt .trt{width: 100%;float: none;margin-top: 20px;line-height: 1.5;} .liv1 .lbt .lbtn{display: none;} .liv1 .lbt .ltxt{border:none;padding: 0;} .liv1 .lbt .swiper4{padding-bottom: 40px;} .liv1 .lbt .swiper4 .pagination4 span{background: #fff;opacity: 1;} .liv1 .lbt .swiper4 .pagination4 .swiper-pagination-bullet-active{background: #1780d0} .ski1 .tt{font-size: 20px;margin-bottom: 30px;} .ski1 .abtn span{font-size: 16px;padding: 0 0 10px;margin-bottom: 15px;} .ski1 .ul1{margin-top: 30px;} .ski1 .ul1 li .l_sk1 div,.ski1 .ul1 li .llt,.ski1 .ul1 li .lrt,.ski1 .ul1 li .lct{width: 100%;float: none;margin-bottom: 30px;margin-left: 0;font-size: 16px;} .ski1 .ul1 li .l_sk1 img{margin-bottom: 10px;} .ski1 .ul1 li .l_sk2{padding: 20px ;margin-top: 40px;} .con1 .ul1 li .tt{margin-bottom: 20px;} .con1 .ul1 li .tc .img,.con1 .ul1 li .tc .trt{width: 100%;float: none;} .con1 .ul1 li .tc .img,.con1 .ul1 li .tc .img img{height: 100px;} .con1 .ul1 li .tc .trt{padding: 20px 5% 10px;height: auto;} .con1 .ul1 li .tc .trt .t_d1{margin-bottom: 10px ;} .new1 .ul1 li{width: 100%;float: none;margin: 0 0 20px;padding: 10px;} .nec1{padding: 30px 0;} .nec1 .day span{margin: 0 1px;font-size: 12px;} .nec1 .nbox{width: 100%;margin-top: 30px;} .nec1 .nbox .abtn a{width: 100%;} .nec1 .nbox .abtn .fh{position: static;margin: 20px auto 0;} .inv1 .intp{padding: 20px 10px;} .inv1 .intp .ilt,.inv1 .intp .irt{width: 100%;float: none;} .inv1 .intp .irt{margin-top: 20px;} .inv1 .intp .irt li div{font-size: 12px;} .inv1 .intp .ilt .shuzi{font-size: 30px;} .inv1 .ul1{margin: 30px 0;} .inv1 .ul1 li{padding: 20px 10px;} .inv1 .ul1 li .day{float: none;margin: 0 auto;} .inv1 .ul1 li .dct{width: 100%;float: none;height: auto;padding: 0;overflow: inherit;margin: 20px auto 10px;white-space:inherit;text-align: center;} .inv1 .ul1 li .drt{float: none;margin: 0 auto;} .soc1 .tt{font-size: 24px;} .soc1 .tc{margin: 20px 0;font-size: 16px;} .soc1 .tp{padding: 20px 5%;} .soc1 .tp .tlt,.soc1 .tp .trt{width: 100%;float: none;} .soc1 .tp .trt{margin-top: 20px;} .soc1 .tp .trt img{height: auto;} .soc2 .stxt{width: 100%;padding: 20px 5%;} .soc3 .tc{margin: 20px 0;} .soc3 .abtn{display: none;} .soc3 .txt{width: 100%;} .soc3 .sobox{position: static;height: auto;width: 90%;margin: 30px auto 0;} .soc3{background: #fff;} .soc3 .sobox .sbox{padding: 0;} .soc3 .sobox .sbox .img{bottom: 40px;} .soc3 .sobox .swiper-slide-active .sbox .stxt{left: 5%;bottom: auto;top: 10%;} .soc3 .swiper7 .pagination7 span{background: #fff;opacity: 1;} .soc3 .swiper7 .pagination7 .swiper-pagination-bullet-active{background: #1780d0} .pro1 .pbox .next6, .pro1 .pbox .prev6{display: none;} .pro1 .pbox .swiper6{width: 100%;min-width: 200px;padding-bottom: 40px;} .pro1 .pbox .swiper6 .swiper-slide .sbox .slt,.pro1 .pbox .swiper6 .swiper-slide .sbox .srt,.pro1 .pbox .swiper6 .swiper-slide .sbox .sct{width: 80%;float: none;margin: 0 auto;font-size: 16px;} .pro1 .pbox .swiper6 .swiper-slide .sbox .sct img{display: none;} .pro1 .pbox .swiper6 .swiper-slide .sbox .sct{background-size: 80%;} .pro1 .pbox .swiper6 .swiper-slide .sbox .srt{margin: 20px auto;} .pro1 .pbox .swiper6 .swiper-slide .sbox .slt .img,.pro1 .pbox .swiper6 .swiper-slide .sbox .srt .img{margin-bottom: 20px;} .pro1 .tt{margin-bottom: 30px;} .pro1 .pbox .swiper6 .pagination6 span{background: #fff;opacity: 1;} .pro1 .pbox .swiper6 .pagination6 .swiper-pagination-bullet-active{background: #1780d0;} .con1 .ul1 li{margin-bottom: 30px;} .i2 .itp .tc span{font-size: 16px;} .co1 .tbox .clt .tc .vd{width: 100%;margin: 0;float: none;} .pro1 .pbox .swiper6 .pagination6{top: auto;} }