*{ margin:0; padding:0;color: #333;font-family:"arial","思源黑体"; font-size:14px; line-height:1.5;} body { margin:0 ; padding:0px; overflow-x: hidden;min-width: 1280px;padding-top: 100px;} ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; } @font-face { font-family: "hv"; src: url("../font/Helvetica.eot"); /* IE9 */ src: url("../font/Helvetica.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/Helvetica.woff") format("woff"), /* chrome、firefox */ url("../font/Helvetica.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../font/Helvetica.svg") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } @font-face { font-family: "al"; src: url("../font/al.eot"); /* IE9 */ src: url("../font/al.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/al.woff") format("woff"), /* chrome、firefox */ url("../font/al.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../font/al.svg") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } @font-face { font-family: "sy"; src: url("../font/SourceHanSansCN-Regular.eot"); /* IE9 */ src: url("../font/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/SourceHanSansCN-Regular.woff") format("woff"), /* chrome、firefox */ url("../font/SourceHanSansCN-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../font/SourceHanSansCN-Regular.svg") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } .clearfix:after {content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .text,textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} .f_10{font-size: 12px;} .f_12{font-size: 1.6rem } .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_28{ font-size:3.6rem; } .f_30{ font-size:30px; } .f_34{ font-size:34px; } .f_40{font-size: 40px;} .f_45{ font-size:45px;} img{border:none;} img[src=""]{opacity: 0;} body::-webkit-scrollbar{ width:1px;} body::-webkit-scrollbar-thumb{ background:#ccc;} body::-webkit-scrollbar-track{ background:#fff;} /*分页*/ .page1{clear:both; text-align:center;font-size:18px; line-height: 45px;height: 45px;margin: 50px 0 100px;} .page1 span a{ color:#333;padding:5px 5px; text-decoration:none;} .page1 span a:hover,.page1 span.current a{ color:#a0820c;} .page1 span.pagefirst{padding-left: 20px;background: url(../images/3_6.jpg) center left no-repeat;} .page1 span.pageend{padding-right: 20px;background: url(../images/3_7.jpg) center right no-repeat;} .page2{width: 120px;height: 40px;background: #a0820c;color: #fff;display: block;margin: .5rem auto 1rem;line-height: 40px;display: none;text-align: center;} .BMap_mask,.BMap_stdMpZoom,.BMap_stdMpPan,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;} .a_dw{position: relative;top: -130px;} .gr1 img{display: block;max-width: 100%;margin: 0 auto;} /* 头部 */ .p_head{position: fixed;width: 100%;height: 100px;top: 0;left: 0;z-index: 20;background: #fff;min-width: 1280px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .p_head .logo{width: 17.7%;float: left;overflow: hidden;height: 100px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .p_head .logo img{display: none;width: 100%;height: 100%;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;margin-top: 0;} .p_head .logo a{display: block;width: 100%;height: 100%; background: url(../images/1_1.jpg) right center no-repeat;} .p_head .gp{width: 5%;float: left;margin-top: 42px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .p_head .gp span{line-height: 1;border-left: 1px solid #ddd;display: block;float: left;padding-left: 10%;color: #666;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .p_head .ul1{width: 47%;float: left;margin-left: 5%;} .p_head .ul1 li{height: 100px;float: left;width: 14.28%;text-align: center;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .p_head .ul1 li .l_nav{position: relative;width: 100%;height: 100%;overflow: hidden;} .p_head .ul1 li .l_nav span{display: block;width: 100%;height: 100px;line-height: 100px;font-weight: bold;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .p_head .ul1 li .l_nav span:nth-child(2){background: #a0820c;height: 100px;color: #fff;line-height: 200px;} .p_head .ul1 li:hover .l_nav span:nth-child(1),.p_head .ul1 li.act .l_nav span:nth-child(1){margin-top: -100px;line-height: 10px;} .p_head .ul1 li:hover .l_nav span:nth-child(2),.p_head .ul1 li.act .l_nav span:nth-child(2){line-height: 100px;} .p_head .ul1 li .l_nav img{width: 10px;position: relative;top: -2px;left: 5px;} .p_head .ul1 li .l_cot{position: absolute;width: 100%;padding: 15px 5%;box-sizing: border-box;background: url(../images/blck.png);display: none;} .p_head .ul1 li .l_cot a{display: block;line-height: 1;color: #ccc;padding: 10px 0;} .p_head .ul1 li .l_cot a:hover{color: #fff;} .p_head .hrt{float: right;width: 23%;} .p_head .hrt a{width: 40%;text-align: center;font-weight: bold; float: right;display: block;height: 100px;line-height: 100px;box-sizing: border-box;border-right: 1px solid #eaeaea;border-left: 1px solid #f3f3f3;position: relative;} .p_head .hrt a:hover{color: #a0820c;} .p_head .hrt a:nth-child(1){width: 20%;border-right: 0;} .p_head .hrt a img{position: relative;width: 16px;top: 2px;right: 5px;} .p_head .hrt a:nth-child(3){border-left: 0;} .p_head .hrt a .im_ewm{width: 100px;position: absolute;left: 50%;margin-left: -50px; top: 100%;display: none;background: #fff;} .p_head .hrt a .im_ewm img{display:block;width: 100%;position: static;} .p_head.act{height: 80px;border-bottom: 1px solid #ddd;} .p_head.act .ul1 li{height: 80px;} .p_head.act .ul1 li .l_nav span,.p_head.act .ul1 li:hover .l_nav span:nth-child(2){height: 80px;line-height: 80px;} .p_head.act .logo{height: 80px;} .p_head.act .gp{margin-top: 28px;} .p_head.act .ul1 li:hover .l_nav span:nth-child(1),.p_head.act .ul1 li.act .l_nav span:nth-child(1){margin-top: -80px;line-height: 10px;} .p_head .ul1.act li:hover .l_nav span:nth-child(2), .p_head.act .ul1 li.act .l_nav span:nth-child(2){line-height: 80px;} .p_head.act .hrt a{line-height: 80px;height: 80px;} .swiper1{height: 650px;overflow: hidden;} .swiper1 video{width: 100%;height: 100%;background: #000;} .swiper1 .swiper-slide a{display: block;position: relative;width: 100%;height: 650px;overflow: hidden;} .swiper1 .swiper-slide a>img{display: block;height: 100%;position: relative;left: 50%;margin-left: -50%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .swiper1 .swiper-slide a>.img2{position: absolute;top: 50%;opacity: 0;} .swiper1 .swiper-slide a .alt{-webkit-transition: all 1.3s; -moz-transition: all 1.3s; transition: all 1.3s;position: absolute;width: 50%;height: 650px;position: absolute;top: -20%;opacity: 0; left: 0%; box-sizing: border-box;padding-left: 20%;font-size: 44px;font-weight: bold;color: #fff;padding-top: 15%;line-height: 1.5;font-family: sy;} .swiper1 .swiper-slide a .alt span{display: none;width: 200px;height: 50px;box-sizing: border-box;border:1px solid #ddd;text-align: center;line-height: 50px;color: #fff;font-size: 18px;font-weight: normal;box-sizing: border-box;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .swiper1 .swiper-slide:hover a .alt span{background: #a0820c;color: #fff;border:1px solid #a0820c;} .swiper1 .swiper-slide a .art{-webkit-transition: all 1.3s; -moz-transition: all 1.3s; transition: all 1.3s;width: 50%;height: 650px;position: absolute;top: 20%;right: 0;overflow: hidden;opacity: 0;} .swiper1 .swiper-slide a .art img{display: block;height: 100%;} .swiper1 .swiper-slide-active a .alt{top: 0;opacity: 1;} .swiper1 .swiper-slide-active a .art{top: 0;opacity: 1;} .swiper1 .swiper-slide-active a>.img2{top: 0;opacity: 1;} .swiper1 .next_sw1{width: 74px;height: 74px;background: url(../images/1_4.png) center no-repeat;margin-top: -37px;right: 2%;} .swiper1 .prev_sw1{width: 74px;height: 74px;background: url(../images/1_5.png) center no-repeat;margin-top: -37px;left: 2%;} .swiper1 .swiper-slide a .atxt1{width: 48%;height: 180px;background: url(../images/1_4_1.png);position: absolute;top: 36%;right: -40%; opacity: 0; box-sizing: border-box;padding: 25px 50px ;-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;box-sizing: border-box;} .swiper1 .swiper-slide a .atxt1 div{color: #fff;text-align: justify;} .swiper1 .swiper-slide a .atxt1 .att{font-size: 44px;font-family: sy;font-weight: bold;letter-spacing:9px;line-height: 1.3;} .swiper1 .swiper-slide a .atxt1 .aen{color: #5ca0d6;text-align: center;display: none;} .swiper1 .swiper-slide-active a .atxt1{right: 0%;opacity: 1;} .swiper1 .swiper-slide a .atxt2{width: 45%;position: absolute;top: 30%;right: -20%;opacity: 0; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;} .swiper1 .swiper-slide a .atxt2 .xian{width: 100px;height: 4px;background: #fff;margin-bottom: 20px;} .swiper1 .swiper-slide a .atxt2 .aen{font-size: 36px;font-weight: bold;color: #fff;} .swiper1 .swiper-slide a .atxt2 .att{color: #fff;font-size: 44px;letter-spacing:14px;font-family: sy;font-weight: bold;} .swiper1 .swiper-slide a .atxt2 .aen2{color: #fff;letter-spacing:1px;} .swiper1 .swiper-slide-active a .atxt2{right: 0;opacity: 1;} .swiper1 .swiper-slide a .atxt3{width: 1200px;position: absolute;top: 0;left: 50%;margin-left: -600px;} .swiper1 .swiper-slide a div{ -webkit-transition: all 1.7s; -moz-transition: all 1.7s; transition: all 1.7s;} .swiper1 .swiper-slide a .atxt3 .att{font-weight: bold;text-align: center;font-family: sy;margin: 120px 0 80px;position: relative;top: -100px;opacity: 0;} .swiper1 .swiper-slide a .atxt3 .alt3{width: 630px;float: left;color: #666;line-height: 1.8; box-sizing: border-box;padding-right: 80px;border-right: 1px dotted #b3b3b3;position: relative;left: -100px;opacity: 0;} .swiper1 .swiper-slide a .atxt3 .art3{width: 570px;float: right;overflow: hidden;position: relative;right: -100px;opacity: 0;} .swiper1 .swiper-slide a .atxt3 .art3 img{display: block;width: 100%;} .swiper1 .swiper-slide-active a .atxt3 .att{top: 0;opacity: 1;} .swiper1 .swiper-slide-active a .atxt3 .alt3{left: 0;opacity: 1;} .swiper1 .swiper-slide-active a .atxt3 .art3{right: 0;opacity: 1;} .swiper1 .swiper-slide a .atxt4{width: 1350px;position: absolute;top: 0;left: 50%;margin-left: -675px;} .swiper1 .swiper-slide a .atxt4 div{ -webkit-transition: all 1.7s; -moz-transition: all 1.7s; transition: all 1.7s;} .swiper1 .swiper-slide a .atxt4 .alt4{width: 650px;float: left;position: relative;left: -100px;opacity: 0;} .swiper1 .swiper-slide a .atxt4 .alt4 img{display: block;width: 100%;} .swiper1 .swiper-slide a .atxt4 .art4{width: 690px;float: right ;font-size: 44px;font-family: sy;color: #a0820c;line-height: 650px;position: relative;right: -100px;opacity: 0;} .swiper1 .swiper-slide-active a .atxt4 .alt4{left: 0;opacity: 1;} .swiper1 .swiper-slide-active a .atxt4 .art4{right: 0;opacity: 1;} .in1{height: 200px;} .in1 li{width: 25%;float: left;position: relative;height: 200px;text-align: center;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;z-index: 12;background: #a0820c;top: 0;} .in1 li a img{display: block; width: 90px;margin: 40px auto 10px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .in1 li a .tt{color: #fff;} .in1 li a .tc{color: #fff;overflow: hidden;height: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;margin-top: 20px;} .in1 li:hover{height: 215px;background: #0665b1;top: -15px;} .in1 li:hover .tc{height: 20px;} .in1 li:hover img{margin-top: 20px;} .in2{padding: 80px 0;width: 81.25%;margin: 0 auto;position: relative;} .in2 .tt{font-weight: bold;} .swiper2{padding-top: 40px;} .swiper2 .day{color: #666;font-family: "arial";} .swiper2 .att{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0; height: 54px;} .swiper2 .img{overflow: hidden;} .swiper2 .img img{display: block;width: 100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .swiper2 .atc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;max-height: 40px; -webkit-box-orient: vertical;margin-top: 10px;color: #666;} .swiper2 .aen{font-weight: bold;margin-top: 20px;} .swiper2 .swiper-slide:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .swiper2 .swiper-slide div{-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .swiper2 .swiper-slide:hover .att,.swiper2 .swiper-slide:hover .aen{color: #0665b1;} .in2 .sw2{text-align: right;width: 100%;top: 120px;} .in2 .sw2 span{margin-left: 5px;width: 20px;height: 20px;} .in2 .sw2 .swiper-pagination-bullet-active{background: #0665b1;} .in3{height: 550px;background: #a0820c;position: relative;} .in3 .ilt{width: 355px;margin-left: 9.375%;} .in3 .ilt .img img{display: block;width: 100%;} .in3 .ilt div,.in3 .ilt a{color: #fff;text-align: justify;line-height: 1.8;} .in3 .ilt .ltt{line-height: 1;} .in3 .ilt .ltc,.in3 .ilt .abtn{padding-right: 40px;margin-top: 15px;} .in3 .ilt .ltc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .in3 .ilt .abtn a{box-sizing: border-box; display: block;width: 48%;float: left;line-height: 1;padding: 15px 0;border-bottom: 1px solid #fff;font-size: 16px;background: url(../images/1_11.png) center right no-repeat;} .in3 .ilt .abtn a:nth-child(2n){float: right;} .in3 .ilt .abtn a:nth-child(5){width: 100%;border:0;} .in3 .ilt .abtn a:hover{padding-left: 5px;} .in3 .irt {width: calc(100% - 380px - 9.375%);height: 100%;background: url(../images/1_8.jpg) center no-repeat;background-size: cover; position: absolute;top: 0;right: 0;box-sizing: border-box;padding: 0 5%;} .in3 .irt div,.in3 .irt span{color: #fff;} .in3 .irt .itt{font-weight: bold;line-height: 1;margin: 100px 0 10px;} .in3 .irt .ul1{margin-top: 70px;} .in3 .irt .ul1 li{width: 21%;float: left;overflow: hidden;} .in3 .irt .ul1 li:nth-child(3){width: 23%;margin-right: 3%;} .in3 .irt .ul1 li:nth-child(2){width: 18%;margin: 0 4.5% 0 3.5%;} .in3 .irt .ul1 li:nth-child(4){margin-right: 0;} .in3 .irt .ul1 li .ltt .llt{float: left;width: 55%;display: block;font-size: 120px;line-height: 1;overflow: hidden;font-family: al;} .in3 .irt .ul1 li .ltt .lrt{width: 45%;float: right;margin-top: 50px; line-height: 1.2;} .in3 .irt .ul1 li .ltt .lrt span{display: block; line-height: 1.2;} .in3 .irt .ul1 li .ltc{margin-top: 10px;} .in3 .irt .ul1 li:nth-child(3) .ltt .llt{width: 73%;} .in3 .irt .ul1 li:nth-child(3) .ltt .lrt{width: 20%;} .in3 .irt .ul1 li:nth-child(2) .ltt .llt{width: 73%;} .in3 .irt .ul1 li:nth-child(2) .ltt .lrt{width: 27%;} .in3 .irt .ul1 li:nth-child(4) .ltt .lrt{width: 35%;} .in4{padding: .5% 0;} .in4 li{width: 33%;float: left;overflow: hidden;position: relative;text-align: center;margin-right: .5%;} .in4 li:last-child{margin: 0;} .in4 li img{display: block;width: 100%;-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;} .in4 li a{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../images/blue.png) ;background-size: cover;} .in4 li a .itt{color: #fff;margin-top: 22%;position: relative;} .in4 li a .itc{color: #fff;margin-top: 2%;position: relative;} .in4 li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .in5{width: 100%;height: 305px;background: #ededed;} .in5 .dlt{width: 50%;height: 100%;float: left;background: url(../images/1_12.jpg) center right no-repeat;background-size: cover; } .in5 .drt{width: 50%;float: right;box-sizing: border-box; } .in5 .drt .dtt{width: 70%;margin: 5% 0 2% 7%;font-weight: bold;} .in5 .drt .dtc{width: 70%;margin-left: 7%;} .in5 .drt .abtn{width: 70%;margin: 2% 0 0 7%;} .in5 .drt .abtn a{display: block;width: 23%;float: left;padding: 10px 0 ;line-height: 1;border-bottom: 1px solid #ddd;margin-right: 2.6%;box-sizing: border-box;background: url(../images/1_12.png) center right no-repeat;font-size: 16px;} .in5 .drt .abtn a:last-child{margin-right: 0;} .in5 .drt .abtn a:hover{padding-left: 5px;color: #a0820c;border-bottom: 1px solid #a0820c;} .in6{height: 465px;background: url(../images/1_13.jpg) center no-repeat;text-align: center;background-size: cover;} .in6 .tt{font-weight: bold;line-height: 1;padding-top: 90px;} .in6 .en{font-family: arial;line-height: 2;} .swiper3{width: 87.5%;margin: 50px auto 0;} .swiper3 img{display: block;width: 100%;} .swiper3 .next_sw3{width: 55px;height: 55px;margin-top: -27px;background: url(../images/1_20.png) center no-repeat;right: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .swiper3 .prev_sw3{width: 55px;height: 55px;margin-top: -27px;background: url(../images/1_19.png) center no-repeat;left: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .swiper3 .next_sw3:hover{background: url(../images/1_20_1.png) center no-repeat;} .swiper3 .prev_sw3:hover{background: url(../images/1_19_1.png) center no-repeat;} /* 底部 */ .footer{padding: 60px 0 0;background: #000;} .footer .fbox{width: 82.5%;margin: 0 auto;border-bottom: 1px solid #242424;} .footer .fbox .flt{width: 240px;float: left;} .footer .fbox .flt .ftc1{color: #fff;line-height: 1;margin-top: 30px;} .footer .fbox .flt .ftc1 div{color: #fff;font-weight: bold;} .footer .fbox .flt .ftc1 img{display: block;width: 100px;opacity: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .footer .fbox .flt .ftc1.act img{opacity: 1;} .footer .fbox .flt .abtn{margin: 50px 0;} .footer .fbox .flt .abtn a{display: block;width: 40px;height: 40px;float: left;margin-right: 13px;background: url(../images/1_14.jpg) center no-repeat;} .footer .fbox .flt .abtn a:nth-child(2){background: url(../images/1_15.jpg) center no-repeat;} .footer .fbox .flt .abtn a:nth-child(2):hover{background: url(../images/1_15_1.jpg) center no-repeat;} .footer .fbox .flt .abtn a:nth-child(1):hover{background: url(../images/1_14_1.jpg) center no-repeat;} .footer .frt{width: 60%;float: right;margin-right: -5%;} .footer .frt li{width: 16.66%;float: left;} .footer .frt li a,.footer .frt li div{display: block;color: #fff;line-height: 1;} .footer .frt li span{width: 25px;height: 1px;background: #fff;display: block;margin: 20px 0 10px;} .footer .frt li div{font-size: 16px;} .footer .frt li a{padding: 10px 0;color: #ccc;} .footer .frt li a:hover{color: #005ba1;padding-left: 5px;} .footer .fbox2{width: 82.5%;margin: 0 auto;font-size: 12px;line-height: 66px;color: #666;} .footer .fbox2 span{float: right;display: block;line-height: 66px;color: #666;font-size: 12px;} .footer .fbox2 a{color: #666;font-size: 12px;margin-right: 10px;} .mhead,.mh_nav,.swiperm1{display: none;} .footer .fbox2 p{display: inline-block;font-size: 12px;color: #666;} /*内页banner*/ @media (max-width:1920px) { .banner{ position: relative; overflow: hidden; background-image: url(../images/xw_banner.jpg); background-attachment: fixed; height: 1000px; background-repeat: no-repeat; background-size: cover; } } @media (max-width:1600px) { .banner{ position: relative; overflow: hidden; background-image: url(../images/xw_banner.jpg); background-attachment: fixed; height: 830px; background-repeat: no-repeat; background-size: cover; } } @media (max-width:1440px) { .banner{ position: relative; overflow: hidden; background-image: url(../images/xw_banner.jpg); background-attachment: fixed; height: 830px; background-repeat: no-repeat; background-size: cover; } } @media (max-width:1400px) { .banner{ position: relative; overflow: hidden; background-image: url(../images/xw_banner.jpg); background-attachment: fixed; height: 920px; background-repeat: no-repeat; background-size: cover; } } @media (max-width:1366px) { .banner{ position: relative; overflow: hidden; background-image: url(../images/xw_banner.jpg); background-attachment: fixed; height: 640px; background-repeat: no-repeat; background-size: cover; } } .banner img{display: block;height:100%;position: relative;width: 1920px;left: 50%;margin-left: -960px;/* opacity: .1; */} .banner .ming{display: none;} .banner .b_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;text-shadow:6px 3px 7px #000;} @media (max-width:1920px) { .banner .b_box .tt{margin-top: 20%;} } @media (max-width:1366px) { .banner .b_box .tt{margin-top: 12%;} } .banner .b_box .tc{margin-top: 10px;} .banner .b_blt{width: 405px;height: 405px;background: #a0820c;position: absolute;top: 0;left: 0;} .banner .b_blt .abtn{text-align: center;margin-top: 50%;} .banner .b_blt .abtn a{display: inline-block;color: #fff;line-height: 15px; font-size: 12px;} .banner .b_blt .abtn a:nth-child(1){padding-left: 20px;background: url(../images/2_1.png) center left no-repeat;} .banner div{color: #fff;} .box{width: 1200px;margin: 0 auto;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} @media (max-width:1920px) { .chutou{ margin: 0 auto; margin-left: 90px; margin-right: 90px; background-color: white; /*margin-top: -370px;*/ margin-top: -291px; position:relative; } } @media (max-width:1440px) { .chutou{ margin: 0 auto; margin-left: 90px; margin-right: 90px; background-color: white; margin-top: -320px; position:relative; } } /*加入我们*/ .mg_t50{margin-top: 50px;} @media (max-width:1920px) { .mg_t100{margin-top: 100px;} } @media (max-width:1600px) { .mg_t100{margin-top: 102px;} } .co1{} .co1 .tt{text-align: center;line-height: 1;font-weight: bold;} .co1 .tc1{font-weight: bold;line-height: 1;margin: 100px 0 25px;} .co1 .tc{line-height: 1;padding-bottom: 50px;border-bottom: 1px dotted #ddd; } .co2{} .co2 .tt{line-height: 1;text-align: center;margin-bottom: 100px;font-weight: bold;} .co2 .alt{width: 50%;float: left;text-align: justify;box-sizing: border-box;padding-right: 10%;} .co2 .alt .ltop{padding: 0 0 0 60px;background: url(../images/ab3.png)center left no-repeat;} .co2 .alt .ltop .cn{line-height: 1;} .co2 .alt .ltop .en{color: #ccc;} .co2 .alt .lbot{color: #999;margin-top: 30px;position: relative;} .co2 .alt .lbot span{display: block;width: 1px ;height: 100%;background: #ddd;position: absolute;top: 0;left: -25%;} .co2 .art{float: right;padding-left: 10%;padding-right: 0;} .co2 .art .ltop{padding: 0 0 0 60px;background: url(../images/ab2.png)center left no-repeat;} .co2 .img {margin-top: 30px;} .co2 .img,.co2 .img img{display: block;width: 100%;clear: both;} .co2 .itxt{font-size: 18px;line-height: 18px;padding-top: 30px;text-align: left;} .co3 {} .co3 .tt{line-height: 1;text-align: center;font-weight: bold;} .co3 .tc2{} .co3 .tc2 img{display: block;width: 50%;float: left;} .co3 .tc2 .trt{background: #a0820c;width: 50%;float: right ;padding: 0 50px;height: 270px;box-sizing: border-box;} .co3 .tc2 .trt div{color: #fff;} .co3 .tc2 .trt .tr_tt{line-height: 1;padding: 50px 0;border-bottom: 1px dotted #fff;} .co3 .tc2 .trt .tr_tc1{margin: 30px 0 10px;} .co3 .tc3{font-weight: bold;text-align: center;padding: 50px 0 30px;} .co3 .tc4{text-align: center;} .co3 .tc4 input,.co3 .tc4 select{margin-right: 10px; display: inline-block;width: 275px;height: 30px;box-sizing: border-box;border:1px solid #ddd;color: #999;padding-left: 20px;} .co3 .tc4 select.set2{width: 140px;} .co3 .tc4 a{display: inline-block;width: 65px;height: 30px;background: #0071c0;color: #fff;line-height: 30px;} .co3 .tc5{text-align: center;} .co3 .tc5 .tc_tt span{display: block;width: 20%;float: left;line-height: 60px;} .co3 .tc5 .tc_tt{background: #cdcdcd;} .co3 .tc5 .tc_tc1{background: #f3f3f3;} .co3 .tc5 .tc_tc1 .tc_sp1 span{display: block;width: 20%;float: left;line-height: 50px;color: #666;font-size: 14px;} .co3 .tc5 .tc_tc1 .tc_sp1{border-bottom: 1px solid #ddd;cursor: pointer;} .co3 .tc5 .tc_tc1 .tc_sp1.act{background: #eee;} .co3 .tc5 .tc_tc1 .tc_cont1{padding: 60px 6%;border-bottom: 1px solid #fff;text-align: left;display: none;} .co3 .tc5 .tc_tc1 .tc_cont1 div{color: #666;line-height: 2;} .co3 .tc5 .tc_tc1 .tc_box:nth-child(1) .tc_cont1{display: block;} .co4{} .co4 .tt{text-align: center;line-height: 1;font-weight: bold;} #map{width: 100%;height: 525px;margin-top: 50px;} .container1{margin-top: -170px;position: relative;z-index: 2;} .container1 dl{} .container1 dl dd{background: #f4f4f4; width: 50%;float: left;padding: 25px 5%;box-sizing: border-box;cursor: pointer;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .container1 dl dd .h3{position: absolute;top: 0;left: 0;width: 1px;height: 1px;overflow: hidden;opacity: 0;} .container1 dl dd div{color: #666;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .container1 dl dd:nth-child(1){width: 100%;float: left;} .container1 dl dd .dlt{width: 55%;float: left;box-sizing: border-box;padding-left: 50px;background: url(../images/2_3.png) center left no-repeat;} .container1 dl dd .dbt,.container1 dl dd .drt{width: 27%;float: left;box-sizing: border-box;padding-left: 50px;background: url(../images/2_6.png) center left no-repeat;} .container1 dl dd .drt{background: url(../images/2_8.png) center left no-repeat;} .container1 dl dd .dlt2{width: 70%;float: left;box-sizing: border-box;background: url(../images/2_3.png) center left no-repeat;padding-left: 50px;} .container1 dl dd .drt2{width: 25%;float: right;} .container1 dl dd.active{background: #3166ac;} .container1 dl dd.active div{color: #fff;} .container1 dl dd.active .dlt,.container1 dl dd.active .dlt2{background: url(../images/2_2.png) center left no-repeat;} .container1 dl dd.active .drt{background: url(../images/2_7.png) center left no-repeat;} .container1 dl dd.active .dbt{background: url(../images/2_5.png) center left no-repeat;} .container2{} .container2 .tt1{padding-left: 30px;background: url(../images/2_3.jpg) center left no-repeat;margin: 10px 0 20px;} .container2 .ul1{} .container2 .ul1 li{width: 50%;float: left;height: 30px;box-sizing: border-box;margin-bottom: 10px;} .container2 .ul1 li span{display: block;float: left;width: 50px;line-height: 30px;} .container2 .ul1 li input{width: 450px;float: left;border:0;border-bottom: 1px solid #ddd;outline: none;height: 30px;} .container2 .ul1 li:nth-child(2) input{width: 550px;} .container2 textarea{outline: none;resize: none;width: 100%;height: 170px;overflow: auto;border:1px solid #ddd;} .container2 .tj{display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;background: #3166ac;color: #fff;margin: 50px auto;font-size: 16px;} /* 新闻 */ @media (max-width:1920px) { .ne1{ padding-top: 3%; padding-bottom: 2%; } } @media (max-width:1680px) { .ne1{ padding-top: 3%; padding-bottom: 3%; } } .ne1 .en{text-align: center;line-height: 1;font-family: arial;} .ne1 .t_nav{height: 126px;text-align: center;} .ne1 .t_nav a{display: inline-block;line-height: 126px;padding: 0 50px;} /* .ne1 .t_nav a:nth-child(3){display: none;} */ .ne1 .t_nav a.act,.ne1 .t_nav a:hover{color: #a0820c;} .ne2{} .ne2 .ul1{} .ne2 .ul1 li{padding: 60px 0;border-top: 1px dotted #ddd;} .ne2 .ul1 li .img{width: 368px;float: left;overflow: hidden;} .ne2 .ul1 li .img img{display: block;width: 100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .ne2 .ul1 li div{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ne2 .ul1 li .llt{width: 555px;float: left;margin-left: 70px;} .ne2 .ul1 li .llt .ltt{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 45px 0 30px;line-height: 1;} .ne2 .ul1 li .llt .ltc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #666;line-height: 1.8;} .ne2 .ul1 li .lrt{width: 60px;float: right;line-height: 100px;border-bottom: 2px solid #666;} .ne2 .ul1 li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .ne2 .ul1 li:hover div{color: #a0820c;} /* 视频 */ .vi1{} .vi1 .ul1{} .vi1 .ul1 li{padding: 60px 0;border-top: 1px dotted #ddd;} .vi1 .ul1 li .img{width: 30%;overflow: hidden;position: relative;float: left;margin-right: 5%;} .vi1 .ul1 li .img:nth-child(3){margin-right: 0;} .vi1 .ul1 li .img img{display: block;width: 100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .vi1 .ul1 li .img a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .vi1 .ul1 li .img a img{width: 75px;height: 72px;margin: 70px auto ;} .vi1 .ul1 li .img:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);} .v_tc{width: 100%;height: 100%;background: url(../images/blck.png) ;position: fixed;top: 0;left: 0;z-index: 99;display: none;} .v_tc .viedo{width: 950px;height: 540px;left: 50%;position: relative;margin-left: -475px;top: 50%;margin-top: -270px;} .v_tc .viedo video{width: 100%;background: #000;} .v_tc .viedo img{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: -60px;cursor: pointer;} /* 品牌 */ .br1{} .br1 .a_box{padding: 50px 0;border-top: 1px dotted #ddd;} .br1 .a_box a{display: block;width: 100%;height: 60px;background: #efefef;margin-bottom: 30px;} .br1 .a_box a img{display: block;width: 60px;float: left;margin-right: 40px;} .br1 .a_box a div{float: left;line-height: 60px;height: 60px;width: 55%;overflow: hidden;} .br1 .a_box a span{display: block;float: right;line-height: 60px;color: #a0820c;padding-right: 30px;} /* 万里扬报 */ .pa1{padding-bottom: 100px;} .pa1 .ul1{/*border-top: 1px dotted #ddd;padding: 0 50px;*/} .pa1 .ul1 li{width: 860px;height: 220px;padding: 50px 100px 30px;background: url(../images/3_3.png) center bottom no-repeat;} .pa1 .ul1 li .lbox{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 154px;height: 220px;overflow: hidden; border:1px solid #ddd;box-sizing: border-box;background: #fff;padding: 10px;text-align: center;float: left;margin-right: 80px;} .pa1 .ul1 li .lbox img{display: block;width: 100%;margin: 0 auto;height: 160px;} .pa1 .ul1 li .lbox .tc{padding-top: 5px;} .pa1 .ul1 li .lbox:nth-child(4){margin-right: 0;} .pa1 .ul1 li .lbox:hover{box-shadow: 2px -2px 10px 0 rgba(0, 0, 0, .1);-webkit-transform: translateY(-10px);transform: translateY(-10px);} /* 新闻 */ .banner .b_brt{width: 495px;height: 60px;background: #a0820c;position: absolute;right: 0;bottom: 0;} .banner .b_brt a{display: block;line-height: 60px;color: #fff;padding-left: 20px;} .banner .b_brt a img{display: block;width: 38px;float: left;height: auto;position: static;margin: 20px 10px 0 0;} .banner .b_brt a:hover{padding-left: 30px;} .ab1{padding: 150px 0;background: url(../images/bjjz2.jpg) center ;background-repeat: no-repeat;background-size: cover;} .ab1 .alt{width: 760px;} .ab1 .alt img{display: block;width: 100%;} .ab1 .art{padding: 50px 65px;box-sizing: border-box; position: absolute;top: 75px;right: 0; width: 610px;height: 400px;background:rgba(255,255,255,0.8);-webkit-box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .1); box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .1);} .ab1 .art .tt{font-weight: bold;} .ab2{padding: 80px 0;text-align: center;background: #fff;} .ab2 .tt{font-weight: bold;} .ab2 .ul1{margin: 50px 0;} .ab2 .ul1 li{width: 25%;float: left;overflow: hidden;cursor: pointer;position: relative;top: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ab2 .ul1 li .img,.ab2 .ul1 li .img img{top: 0; display: block;width: 100%;overflow: hidden;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ab2 .ul1 li .img img:nth-child(2){position: absolute;width: 100%;top: 0;left: 0;opacity: 0;} .ab2 .ul1 li .txt{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ab2 .ul1 li.act .txt,.ab2 .ul1 li:hover .txt{color: #a0820c;} .ab2 .ul1 li.act {top: -10px;} .ab2 .ul1 li.act img:nth-child(2){opacity: 1;} .ab2 .ul2{padding: 30px 5%;background: #f0f0f0;display: none;} .ab2 .ul2 li{text-align: justify; display: none;} .ab2 .ul2 li .ltt{margin-bottom: 10px;} .ab2 .ul2 li .ltc,.ab2 .ul2 li .ltc p,.ab2 .ul2 li .ltc span{line-height: 1.8;color: #666;} .ab2 .ul2 li .a_btn{margin-top: 20px;} .ab2 .ul2 li .a_btn a{display: block;float: right;width:100px;height: 30px;background: #a0820c;color: #fff;text-align: center;line-height: 30px;} .ab2 .ul2 li:nth-child(1){display: block;} .ab3{width: 100%;height: 350px;display: none;} .video{position: fixed;z-index: -1;left: 0px;top: 20%;} .video video{display: block;height: 800px;} /* 园区 */ .par1{text-align: center;} .par1 .tt{margin-bottom: 40px;font-weight: bold;} .par1 .ul1{} .par1 .ul1 li{background: #f5f5f5;} .par1 .ul1 li .llt{width: 50%;float: right;} .par1 .ul1 li .llt img{display: block;width: 100%;} .par1 .ul1 li .lrt{position: relative; overflow: hidden; width: 50%;float: left;box-sizing: border-box;text-align: left;padding-left: 3%;font-size: 477px;color: #fff;line-height: .75;font-family: hv;} .par1 .ul1 li .lrt .lbox{position: absolute;top: 0;right: 0;width: 58.35%;min-width: 560px;} .par1 .ul1 li .lrt .lbox .xian{width: 65px;height: 1px;background: #35373b;margin-top: 30%;} .par1 .ul1 li .lrt .lbox .ltt{line-height: 1;margin: 5% 0;} .par1 .ul1 li .lrt .lbox .ltc{color: #555;line-height: 1.8;} .par1 .ul1 li:nth-child(2n) .lrt {float: right;} .par1 .ul1 li:nth-child(2n) .llt {float: left;} .par1 .ul1 li:nth-child(2n) .lrt .lbox{left: 150px;right: auto;width: 415px;} /* 研发实力 */ .st1{} .st1 .tt{line-height: 1;font-weight: bold;text-align: center;margin-bottom: 80px;} .st1 .tc{} .st1 .tc .tlt{width: 530px;float: left;} .st1 .tc .tlt .tl2t{width: 230px;float: left;font-size: 22px;color: #a0820c;} .st1 .tc .tlt .tl2t div{color: #a0820c;line-height: 1;font-size: 24px;} .st1 .tc .tlt .tl2t div span{color: #a0820c;font-size: 60px;line-height: 1;display: block;float: left;margin-right: 10px;} .st1 .tc .trt{color: #666;line-height: 2;width: 670px;float: right;} .st1 .ul1{text-align: center;} .st1 .ul1 li{width: 24.5%;float: left;margin-right: .65%;} .st1 .ul1 li:last-child{margin-right: 0;} .st1 .ul1 li .img,.st1 .ul1 li .img img{-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;display: block;width: 100%;overflow: hidden;} .st1 .ul1 li .txt{width: 100%;height: 30px;margin-top: 8px;line-height: 30px;background: #f2f2f2;} .st1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} .st2,.st3{text-align: center;} .st2 .tt{font-weight: bold;line-height: 1;} .st2 .tc{overflow: hidden;} .st2 .tc img{display: block;width: 595px;float: left;} .st2 .tc img:nth-child(2){float: right;} .st3 .tt{font-weight: bold;} .st3 .ul1{height: 100px;margin: 80px 0 30px;} .st3 .ul1 li{width: 25%;float: left;box-sizing: border-box;height: 50px;border-right: 1px solid #ddd;} .st3 .ul1 li img{display: block;width: 90%;margin: 0 auto;margin-top: -20px;} .st3 .ul1 li:nth-child(4){border:0;} /* 智能制造 */ .ma1{} .ma1 .tt{line-height: 1;text-align: center;} .ma1 .tc{padding: 30px 0;border-bottom: 1px dotted #ddd;} .ma1 .d_nav{padding: 50px 0;text-align: center;} .ma1 .d_nav a{display: inline-block;width: 125px;height: 45px;text-align: center;line-height: 45px;background: #f1f1f1;margin: 0 30px;} .ma1 .d_nav a:hover,.ma1 .d_nav a.act{background: #3166ac;color: #fff;} .ma1 .ul1{padding-bottom: 50px;} .ma1 .ul1 li{display: none;} .ma1 .ul1 li:nth-child(1){display: block;} .ma1 .ul1 li .img{display: block;width: 47.35%;float: left;overflow: hidden;position: relative;margin-bottom: 35px;} .ma1 .ul1 li .img:nth-child(2n){float: right;} .ma1 .ul1 li .img img{display: block;width: 100%;} .ma1 .ul1 li .img .imbox{opacity: 0; position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;background: url(../images/lan.png);-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ma1 .ul1 li .img .imbox .itt{color: #fff;margin-top: 20%;line-height: 2.5; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ma1 .ul1 li .img .imbox .itc{line-height: 2.5;width: 240px;margin: 3% auto;text-align: center;color: #fff;line-height: 1.8;opacity: 0;-webkit-transition: all .7s; -moz-transition: all .7s; transition: all .7s;} .ma1 .ul1 li .img:hover .imbox,.ma1 .ul1 li .img.act .imbox{opacity: 1;} .ma1 .ul1 li .img:hover .imbox .itt,.ma1 .ul1 li .img.act .imbox .itt{line-height: 1;} .ma1 .ul1 li .img:hover .imbox .itc,.ma1 .ul1 li .img.act .imbox .itc{line-height: 1.8;opacity: .5;} /* 荣誉 */ .ho1{} .ho1 .tt{text-align: center;line-height: 1;font-weight: bold;} .ho1 .tc{padding: 40px 0 30px;line-height: 1;border-bottom: 1px dotted #ddd;text-align: center;} .ho1 .tc2{color: #a0820c;line-height: 1;overflow: hidden;padding: 55px 0 30px;} .ho1 .tc2 span{font-weight: bold;line-height: 1;color: #eee;} .ho1 .ul1{} .ho1 .ul1 li{} .ho1 .ul1 li div{display: block;width: 32%;float: left;line-height: 64px;border-bottom: 1px solid #ddd;margin-right: 1%;color: #666;} .ho1 .ul1 li:last-child div{border:0;} .swiper4{width: 95%;margin: 100px auto;} .swiper4 img{display: block;width: 100%;} /* 发展历程 */ .hi1{} .hi1 .tt{text-align: center;line-height: 1;font-weight: bold;} .hi1 .hbox{margin: 25px 0 0;padding-top: 45px;background: url(../images/4_41.jpg) center repeat-y;padding-bottom: 50px;} .hi1 .hbox .hlt{width: 50%;float: left;text-align: right;box-sizing: border-box;padding-right: 50px;} .hi1 .hbox .hlt .en{color: #ccc; } .hi1 .hbox .hlt .cn{color: #444;margin-top: 140px;display: none;} .hi1 .hbox .hrt{width: 50%;float: right;text-align: left;box-sizing: border-box;padding-left: 50px;} .hi1 .hbox .hrt .en{color: #a0820c; } .hi1 .hbox .hrt .en span{display: block;font-size: 100px;color: #a0820c;line-height: 1;} .hi1 .hbox .hrt .cn{width: 380px;text-align: justify;margin-top: 40px;line-height: 1.8;display: none;} .hi1 .hbox .ul1{margin: 50px 0 0;} .hi1 .hbox .ul1 li{position: relative;padding: 20px 0 0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .hi1 .hbox .ul1 li div{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .hi1 .hbox .ul1 li .llt{width: 50%;float: left;text-align: right;padding-right: 50px;box-sizing: border-box;} .hi1 .hbox .ul1 li .lrt{width: 50%;float: right;text-align: left;padding-left: 50px;box-sizing: border-box;} .hi1 .hbox .ul1 li .lrt .txt{width: 350px;padding: 10px 0 20px;border-bottom: 1px solid #ddd;} .hi1 .hbox .ul1 li span{width: 16px;height: 16px;background: #dededf;border-radius: 50%;position: absolute;display: block;top: 30px;left: 50%;margin-left: -8px;} .hi1 .hbox .ul1 li:hover{background: #a0820c;} .hi1 .hbox .ul1 li:hover div,.hi1 .hbox .ul1 li:hover p,.hi1 .hbox .ul1 li:hover span{color: #fff;} .hi1 .hbox .ul1 li:hover .txt{border-bottom: 1px solid #a0820c;} .hi1 .hbox .ul1 li:nth-child(2n) .llt{float: right;text-align: left;padding: 0 0 0 50px;} .hi1 .hbox .ul1 li:nth-child(2n) .lrt{float: left;text-align: right;padding: 0 50px 0 ;} .hi1 .hbox .ul1 li:nth-child(2n) .lrt .txt{float: right;} .hi1 .more{width: 150px;margin: 0 auto;text-align: center;padding-bottom: 40px;background: url(../images/4_42.jpg) center bottom no-repeat;margin-bottom: 75px;} .hi1 .more a{display: block;width: 150px;height: 50px;line-height: 50px;background: #a0820c;color: #fff;} .hi1 .more a:hover{opacity: .8;} /* 企业文化 */ .cu1{text-align: center;} .cu1 .tt{line-height: 1;font-weight: bold;} .cu1 .tc1{line-height: 1;padding: 40px 0;display: none;} .cu1 .tc1 span{color: #a0820c;} .cu1 .tc2{display: inline-block;padding-bottom: 10px;border-bottom: 1px solid #666;color: #666;margin: 30px 0 50px;} .cu1 .tc3{font-size: 26px;color: #a0820c;margin-top: 20px;letter-spacing: 3px} .cu1 .ul1{margin: 70px 0;width: 1600px;position: relative;left: -200px;} .cu1 .ul1 li{width: 397px;float: left;overflow: hidden;position: relative;margin-right: 4px;margin-bottom: 4px;} .cu1 .ul1 li:nth-child(4){margin-right: 0;} .cu1 .ul1 li>img{display: block;width: 100%;} .cu1 .ul1 li div{-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;} .cu1 .ul1 li .lbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/blck2.png);} .cu1 .ul1 li .lbox img{display: block;width: 94px;margin: 150px auto 0;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .cu1 .ul1 li .lbox div{color: #fff;} .cu1 .ul1 li .lbox .ltt{margin: 50px 0 20px;line-height: 1;} .cu1 .ul1 li .lbox .ltc2{width: 240px;margin: 20px auto 0;text-align: justify;line-height: 1.8;opacity: 0;} .cu1 .ul1 li:hover .lbox img,.cu1 .ul1 li.act .lbox img{margin-top: 70px;} .cu1 .ul1 li:hover .lbox .ltc2,.cu1 .ul1 li.act .lbox .ltc2{opacity: 1;} .cu2{} .cu2 .tt{line-height: 1;text-align: center;font-weight: bold;} .cu2 .tc1{text-align: center;line-height: 1;padding: 30px 0 50px;} .cu2 .cu_d1{line-height: 1;color: #a0820c;margin-bottom: 20px;} .cu2 .cu_d2{color: #666;margin-bottom: 40px;} .cu2 .cu_d3{line-height: 48px;color: #666;margin-bottom: 20px;} .cu2 .cu_d3 span{display: block;float: left;width: 130px;height:48px;border:1px solid #ddd;text-align: center;line-height: 48px; margin-right: 20px;} .cu2 .cu_d4 img{display: block;width: 100%;margin: 50px 0 ;} .cu2 .cu_d4 {color: #666;line-height: 1.8;} .cu3{} .cu3 .tt{text-align: center;font-weight: bold;line-height: 1;} .cu3 .ul1{margin: 50px 0 100px;} .cu3 .ul1 li{margin-bottom: 50px;background: #f3f3f3;} .cu3 .ul1 li .llt{width: 50%;float: left;overflow: hidden;} .cu3 .ul1 li .llt img{display: block;width: 100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .cu3 .ul1 li .lrt{width: 50%;float: right;box-sizing: border-box;padding: 50px 80px 0 50px;text-align: justify;} .cu3 .ul1 li .lrt .day{line-height: 1;display: none;} .cu3 .ul1 li .lrt .ltt{line-height: 1;margin: 30px 0 20px;} .cu3 .ul1 li .lrt .ltc{color: #666;height: 64px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .cu3 .ul1 li .lrt .more{width: 85px;height: 30px;text-align: center;line-height: 30px;background: #b4b4b4;color: #fff;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .cu3 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} .cu3 .ul1 li:hover .more{background: #a0820c;} .cu3 .ul1 li:nth-child(2n) .llt{float: right;} /* 产品中心 */ .pr1{} .pr1 .abt{} .pr1 .abt a{color: #a0820c; display: block;width: 50%;float: left;line-height: 108px;text-align: center;background: #ebebeb;border-right: 2px solid #fff;border-bottom: 2px solid #fff;box-sizing: border-box;} .pr1 .abt a:hover,.pr1 .abt a.act{background: #a0820c;color: #fff;} .pr1 .ul1{margin: 50px 0;} .pr1 .ul1 li{width: 280px;float: left;box-sizing: border-box;margin: 0 26px 26px 0;border:1px solid #f2f2f2;text-align: center;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .pr1 .ul1 li:nth-child(4n){margin-right: 0;} .pr1 .ul1 li .ltt{line-height: 1;margin: 70px 0 10px;height: 20px;overflow: hidden;} .pr1 .ul1 li .ltc{height: 20px;overflow: hidden;width: 100%;} .pr1 .ul1 li .img,.pr1 .ul1 li .img img{width: 100%;overflow: hidden;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .pr1 .ul1 li:hover{border:1px solid #a0820c;} .pr1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} /* 产品详情 */ .banner2{background: #f0f0f0;position: relative;} .banner2 .img{width: 405px;position: relative;} .banner2 .img img{display: block;width: 100%;} .banner2 .img .ibbox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;} .banner2 .img .ibbox div{color: #fff;} .banner2 .img .ibbox .tt{line-height: 1;margin: 140px 0 20px;} .banner2 .img .ibbox a{display: block;width: 85px;box-sizing: border-box;margin: 35px auto;color: #fff;line-height: 1;background: url(../images/5_1.png) center right no-repeat;} .banner2 .txt{width: 57.3%;position: absolute;top: 0;left: 465px;min-width: 810px;} .banner2 .txt .tt{font-size: 48px;font-weight: bold;line-height: 1;margin-top: 130px;} .banner2 .txt .tc{line-height: 1;margin: 20px 0 30px;} .banner2 .txt .tc2{} .banner2 .txt .tc2 a{display: block;float: left;border-left: 1px solid #ddd;padding: 0 20px;line-height: 28px;} .banner2 .txt .tc2 a img{display: block;float: left;} .banner2 .txt .tc2 a:nth-child(1){border:0;padding-left: 0;} .banner2 .txt .tc3{position: relative;top: 10px;left: 250px;display: none;} .banner2 .txt .brt{width: 210px;position: absolute;top: 150px;right: 0;text-align: right;} .banner2 .txt .brt .btt{font-weight: bold;color: #0c5f95;} .banner2 .txt .brt .btc{display: inline-block;padding-left: 20px;background: url(../images/5_5.png) left center no-repeat;line-height: 1;color: #0c5f95;} .banner2 .txt .brt a{display: block;line-height: 1;padding: 15px 40px;background: #a0820c;color: #fff;border-radius: 5px;text-align: center;margin-top: 20px;} .pc1{} .pc1 .abt{} .pc1 .abt a{display: block;width: 272px;float: left;box-sizing: border-box;margin-top: 85px;font-size: 18px;color: #666;text-align: center;line-height: 1;margin-right: 28px;} .pc1 .abt a img{display: block; width:100%;border:1px solid #ddd;margin-bottom: 15px;} .pc1 .abt a:nth-child(3){margin-right: 0;} .pc1 .abt a:nth-child(2){width: 598px;margin-top: 0;color: #333;font-weight: bold;font-size: 28px;} .pc1 .abt a:nth-child(2) img{border:1px solid #0b5f94;margin-bottom: 50px;} .pc1 .ab_ct{color: #666;text-align: justify;line-height: 1.8;padding: 50px 0;width: 1150px;margin: 0 auto;} .pc1 .a_bt{width: 1150px;margin: 0 auto;} .pc1 .a_bt a{display: block;width: 25%;float: left;text-align: center;position: relative;line-height: 80px;background: #f0f0f0;} .pc1 .a_bt a img{position: absolute;width: 14px;bottom: -6px;opacity: 0;left: 50%;margin-left: -7px;} .pc1 .a_bt a.act,.pc1 .a_bt a:hover{background: #a0820c;color: #fff;} .pc1 .a_bt a.act img{opacity: 1;} .pc1 .ul1{margin: 50px auto 100px;width: 1150px;} .pc1 .ul1 li{font-size: 16px;color: #666;line-height: 1.8;display: none;} .pc1 .ul1 li:nth-child(1){display: block;} .pc1 .ul1 li .img{-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;display: block;width: 272px;float: left;box-sizing: border-box;margin-right: 20px;border:1px solid #ddd;overflow: hidden;margin-bottom: 20px;text-align: center;padding-bottom: 20px;} .pc1 .ul1 li .img img{display: block;width: 100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .pc1 .ul1 li .img:nth-child(4n){margin-right: 0;} .pc1 .ul1 li .img:hover img{transform: scale(1.05);transform: scale(1.05);} /* 投资者关系 */ .i_2 .tt{font-size: 24px;font-weight: bold;text-align: center;} .i_2 .box{padding-bottom: 80px;border-bottom: 1px dotted #ddd;} .i_2 .tc{font-weight: bold;line-height: 1;margin-top: 80px;} .i_2 .tc2{color: #666;line-height: 1;margin-top: 30px;} .i_2 .i2box{width: 1120px;padding: 50px 40px;background: #a0820c;margin-top: 50px;} .i_2 .ilt{width: 540px;float: left;} .i_2 .ilt .i2t1{font-size: 18px; color: #fff;} .i_2 .ilt .num{font-size: 150px;line-height: 150px;color: #fff;padding-top: 20px;} .i_2 .ilt .num span{font-size: 62px;color: #fff;float: right;line-height: 62px;background: url(../images/i2.png)left 35px no-repeat;padding-left: 25px;margin-top: 75px;} .i_2 dl{width: 540px;float: right;text-align: center;padding-top: 50px;} .i_2 dl dd{width: 25%;float: left;} .i_2 dl dd .txt{font-size: 18px;color: #fff;} .i_2 dl dd .num{font-size: 30px;color: #70b8e5;line-height: 30px;padding-top: 30px;} .i_2 .ct{line-height: 14px;color: #70b8e5;padding-top: 15px;} .clear{clear: both;} .int1{} .int1 .tt{text-align: center;font-weight: bold;} .int1 .ibox{height: 300px;margin-bottom: 3px;background: #eee;} .int1 .ibox .ilt{width: 50%;float: left;overflow: hidden;} .int1 .ibox .ilt img{display: block;height: 300px;} .int1 .ibox .irt{width: 50%;float: right;overflow: hidden;box-sizing: border-box;padding: 120px 0 0 75px;} .int1 .ibox .irt a{display: block;width: 150px;text-align: center;line-height: 50px;background: #a0820c;color: #fff;font-family: "宋体";} .int1 .ibox .irt .txt{padding-top: 20px;color: #666;display: none;} .i_5{padding: 100px 0;background: #f5f5f5;} .i_5 .tt{font-size: 24px;font-weight: bold;text-align: center;} .i_5 .t1{padding-left: 25px;background: url(../images/b16.png)bottom left no-repeat;font-size: 16px;line-height: 16px;padding-top: 25px;} .i_5 .i5lt{float: left;width: 650px;background: url(../images/i8.png)right center no-repeat;} .i_5 .i5rt{width: 530px;float: right;} .i_5 .xx{padding-top: 15px;} .i_5 .xx span{width: 95px;float: left;height: 26px;line-height: 26px;display: inline-block;float: left;text-align: center;} .i_5 .xx input{width: 425px;float: left;height: 26px;background: #eee;border:1px solid #ddd;} .i_5 textarea{resize: none;width: 1160px;height: 180px;box-sizing: border-box;border:1px solid #ddd;background: #eee;margin-left: 35px;margin-top: 15px;} .i_5 .tj{ width: 85px;height: 35px;line-height: 35px;text-align: center;background: #3166ac;color: #fff;margin: 35px auto 0;display: block;} .i_5 .tj:hover{background:#084870; } /* 服务中心 */ .se1{} .se1 .tt{text-align: center;font-weight: bold;line-height: 1;} .se1 .tc1{text-align: center;font-weight: bold;line-height: 1;margin: 40px 0 10px;} .se1 .tc2 img{display: block;margin: 0 auto;} .se1 .ul1{margin: 40px 0;display: none;} .se1 .ul1 li{width: 20%;float: left;text-align: center;} .se1 .ul1 li .ltt{margin-bottom: 10px;} .se1 .ul1 li .ltt .counter{color: #a0820c;line-height: 1;font-size: 48px;line-height: 1;color: #a0820c;font-family: arial;} .se1 .ul1 li .ltt .jia{color: #a0820c;line-height: 1;font-size: 48px;} .se1 .ul1 li .ltt span{color: #a0820c;} .se1 .tc3{color: #666;margin-top: 20px;font-size: 15px;line-height: 2.5;} .se1 .tc4{margin-top: 20px;color: #666;display: none;} .se2{} .se2 .tt{font-weight: bold;line-height: 1;text-align: center;display: none;} .se2 .ul1{margin-top: 50px;} .se2 .ul1 li{margin-bottom: 30px;height: 250px;overflow: hidden;background: #edeff1;} .se2 .ul1 li .img{width: 450px;float: left;overflow: hidden;} .se2 .ul1 li .img img{display: block;width: 100%;} .se2 .ul1 li .drt{width: 485px;float: left;padding: 75px;} .se2 .ul1 li .drt .dtt{font-weight: bold;} .se2 .ul1 li .drt .dtc{line-height: 1.8;padding-top: 10px;color: #666;} .se2 .ul1 li:nth-child(2n) .img{float: right;} .se2 .ul1 li:nth-child(2n) .drt{float: right;text-align: right;} .se3{} .se3 .tt{font-weight: bold;line-height: 1;text-align: center;} .se3 .se_t1{padding: 25px 0;background: #a0820c;} .se3 .set_box{width: 660px;margin: 0 auto;} .se3 .set_box select{box-sizing: border-box; display: block;box-sizing: border-box;width: 140px;float: left;height: 30px;color: #666;border:1px solid #ddd;margin-right: 10px;} .se3 .set_box select:nth-child(3){width: 270px;} .se3 .set_box a{display: block;width: 67px;height: 30px;border:1px solid #fff;background: #0071c0;color: #fff;float: left;text-align: center;line-height: 30px;box-sizing: border-box;} .se4{position: relative;height: 500px;} #map2{width: 100%;height: 100%;} .container2m{ width: 480px;height: 500px;position: absolute;bottom: 0px;right: 0;background: #fff;box-sizing: border-box;z-index: 3;} .container2m dl{width: 100%;height: 500px;overflow: auto;} .container2m dl dd{padding: 30px 5%;border-bottom: 1px solid #ddd;width: 100%;box-sizing: border-box;background: #e5e5e5;} .container2m dl dd:nth-child(2n){background: #fff;} .container2m dl::-webkit-scrollbar{ width:2px;} .container2m dl::-webkit-scrollbar-thumb{ background:#0050ab;} .container2m dl::-webkit-scrollbar-track{ background:#ccc;} .container2m dl dd div{color: #888;} .container2m dl dd .h3{line-height: 1;margin-bottom: 5px;color: #000;} .container2m dl dd.active{background: #0050ab} .container2m dl dd.active div{color: #fff;} .se5{} .se5 .tt{font-weight: bold;line-height: 1;text-align: center;} .se5 .ul1{} .se5 .ul1 li{width: 280px;height: 280px;float: left;box-sizing: border-box;border:1px solid #eee;text-align: center;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;margin-right: 26px;} .se5 .ul1 li:nth-child(4){margin-right: 0;} .se5 .ul1 li .ltt{margin-top: 90px;line-height: 1;} .se5 .ul1 li .ltc{margin-top: 30px;line-height: 1;} .se5 .ul1 li div{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .se5 .ul1 li:hover{background: #a0820c;border:1px solid #a0820c;} .se5 .ul1 li:hover div,.se5 .ul1 li:hover p,.se5 .ul1 li:hover span{color: #fff;} .se6{} .se6 .tt{font-weight: bold;line-height: 1;text-align: center;display: none;} .se6 .abt{padding-top: 50px;border-top: 1px dotted #ddd;display: none;} .se6 .abt a{display: block;height: 60px;line-height: 60px;box-sizing: border-box;padding-left: 80px;margin-bottom: 10px;background: #efefef url(../images/7_5.jpg) left center no-repeat;} .se6 .abt a span{display: block;float: right;margin-right: 45px;color: #a0820c;line-height: 60px;display: none;} .se6 .abt a:hover {color: #a0820c;} .se6 .img{width: 100%;height: 300px;background: url(../images/7_6.jpg) center no-repeat;text-align: center;margin-bottom: 100px;} .se6 .img .itt{font-weight: bold;color: #fff;padding: 90px 0 50px;line-height: 1;} .se6 .img .a_bt a{display: inline-block;width: 150px;text-align: center;line-height: 50px;background: #a0820c;color: #fff;margin: 0 50px;} /* 新闻详情 */ .nc1{padding: 100px 0;background: #eee;text-align: center;} .nc1 .box{width: 1000px;margin: 0 auto;} .nc1 .tt{font-size: 30px;} .nc1 .ot{text-align: left;line-height: 14px;margin: 60px 0 40px;} .nc1 .ot span{color: #999;display: inline-block;margin-left: 10px;} .nc1 .ot .otrt{width: 200px;float: right;line-height: 28px;margin-top: -7px;} .nc1 .ot .otrt .fx{width: 50px;float: left;line-height: 30px;} .nc1 .ct{text-align: left;} .nc1 .ct p{color: #666;margin-bottom: 20px;} .nc1 .ct img{display: block;margin:15px auto;max-width: 1000px;} .nc1 a{display: block;text-align: left;margin-top: 10px;color: #666;} .nc1 a.up{margin-top: 50px;} .nc1 a:hover{color: #0b5f94;-webkit-transition: all .3s; -moz-transition: all .3s ;transition: all .3s;} .nc1 .fhn{width: 110px;height: 40px;text-align: center;line-height: 40px;color: #fff;background: #0b5f94;float: right;margin-top: -50px;-webkit-transition: all .3s; -moz-transition: all .3s ;transition: all .3s;} .nc1 .fhn:hover{background: #005fa4;color: #fff;} .swiperm5,.pc_m1{display: none;} /* 主要客户 */ .ctm1{padding: 100px 0;} .ctm1 .tt{font-weight: bold;text-align: center;} .ctm1 .abt{text-align: center;margin: 50px 0;} .ctm1 .abt a{display: inline-block;padding: 0 0 10px 0;border-bottom: 2px solid #fff;margin: 0 25px;} .ctm1 .abt a:nth-child(3){display: none;} .ctm1 .abt a.act{color: #a0820c;border-bottom: 2px solid #a0820c;} .ctm1 .abt a:hover{color: #a0820c;} .ctm1 .s_box{width: 1200px;margin: 0 auto;position: relative;} .ctm1 .i6swp{width: 100%;padding: 10px;box-sizing: border-box;} .ctm1 .i6swp dl{width: 100%;height: 100%;} .ctm1 .i6swp dl dd{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 20%;float: left;box-sizing: border-box;border:1px solid transparent; border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;position: relative;height: 170px;} .ctm1 .i6swp dl dd:nth-child(1),.ctm1 .i6swp dl dd:nth-child(6),.ctm1 .i6swp dl dd:nth-child(11){border-left:1px solid #f9f9f9; } .ctm1 .i6swp dl dd img{width: 100%;display: block;position: relative;z-index: -1;} .ctm1 .i6swp dl dd a{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;line-height: 170px;font-size: 18px;background: url(../images/i30_1.png);opacity: 0;text-align: center;z-index: 5;} .ctm1 .i6swp dl dd:hover{border:1px solid #ddd;box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;-webkit-box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;-moz-box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd; } .ctm1 .i6swp dl dd:hover a{opacity: 1;} .ctm1 .next_i6{width: 60px;height: 60px;background: url(../images/l17.png) center no-repeat;margin-top: -30px;right: -80px;opacity: .6;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ctm1 .prev_i6{width: 60px;height: 60px;background: url(../images/l16.png) center no-repeat;margin-top: -30px;left: -80px;opacity: .6;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .ctm1 .next_i6:hover,.ctm1 .prev_i6:hover{opacity: 1;} .ctm1 .i6swp2{display: none;} /* 公司战略 */ .stg1{padding: 100px 0;text-align: center;} .stg1 .tt{font-weight: bold;} .stg1 .tc{font-weight: bold;margin: 30px 0;line-height: 1.8;} .stg1 img{display: block;max-width: 100%;margin:0 auto ;} @media(max-width: 1600px){ .in3 .irt .ul1 li .ltt .llt{font-size: 100px;} .in3 .irt .ul1 li .ltt .lrt{font-size: 18px;} .in3 .irt .ul1 li .ltc{font-size: 14px;} .p_head .ul1 li .l_cot a{font-size: 12px;} .swiper1 .swiper-slide a>img{margin-left: -60%;} .swiper1 .swiper-slide a .alt{padding-top: 20%;} .cu1 .ul1{width: 1500px;left: -150px;} .cu1 .ul1 li{width: 372px;} } @media(max-width: 1440px){ .in3 .irt .ul1 li .ltt .llt{font-size: 80px;} .in3 .irt .ul1 li .ltt .lrt{margin-top: 40px;} .in3 .irt .ul1 li .ltt .f_24{font-size: 16px;} .p_head .ul1 li .l_cot{padding: 15px 0;} .p_head .ul1 li .l_cot a{line-height: 1.3;} .par1 .ul1 li .lrt .lbox .xian{margin-top: 20%;} .par1 .ul1 li .lrt{font-size: 450px;} .swiper1 .swiper-slide a .alt{padding-left: 15%;font-size: 40px;padding-top: 18%;} .swiper1 .swiper-slide a .art img{height: auto; margin-top: 18%;width: 100%;} .swiper1 .swiper-slide a>img{margin-left: -65%;} .cu1 .ul1{width: 1400px;left: -100px;} .cu1 .ul1 li{width: 346px;} } @media(max-width: 1366px){ .in3 .irt .ul1 li .ltt .llt{font-size: 70px;} .in3 .irt .ul1 li .ltt .f_24{font-size: 14px;} .swiper1 .swiper-slide a .alt{padding-left: 12%;font-size: 40px;padding-top: 20%;} .swiper1 .swiper-slide a .art img{height: auto; margin-top: 20%;width: 100%;} .swiper1 .swiper-slide a>img{margin-left: -70%;} .cu1 .ul1{width: 810px;left: 0;margin: 70px auto ;} .cu1 .ul1 li{width: 400px;} } @media(max-width: 1280px){ .in3 .irt .ul1 li .ltt .llt{font-size: 70px;} .in3 .irt .ul1 li .ltt .f_24{font-size: 12px;} .par1 .ul1 li .lrt .lbox .xian{margin-top: 10%;} .par1 .ul1 li .lrt{font-size: 400px;} .swiper1 .swiper-slide a .alt{padding-left: 12%;font-size: 40px;padding-top: 20%;} .swiper1 .swiper-slide a .art img{height: auto; margin-top: 20%;width: 100%;} .p_head .ul1 li .l_nav span{font-size: 12px;} .p_head .ul1 li .l_cot a{font-size: 10px;} .swiper1 .swiper-slide a>img{margin-left: -75%;} .swiper1 .swiper-slide a .atxt4{width: 1200px;position: absolute;top: 0;left: 50%;margin-left: -600px;} .swiper1 .swiper-slide a .atxt4 .alt4,.swiper1 .swiper-slide a .atxt4 .art4{width: 600px;} } @media(max-width: 1024px) and (min-width: 768px){ *{font-size: 16px;} .f_12{ font-size:2.15rem;} .f_16{ font-size:.2rem; } .f_18{ font-size:.22rem; } .f_20{ font-size:.24rem; } .f_22{font-size: .26rem;} .f_24{ font-size:.28rem; } .f_26{ font-size:.3rem; } .f_28{ font-size:2.32rem; } .f_30{ font-size:.34rem; } .f_32{ font-size:.36rem; } .f_34{ font-size:.38rem; } .f_36{ font-size:.4rem; } .f_38{ font-size:.42rem; } .f_40{font-size: .42rem;} .f_45{ font-size:.42rem;} body{padding-top: 0px;min-width: 300px;} .p_head{display: none;} .mhead{display: block;width: 100%;overflow-x: hidden;background: #fff;} .mhead .mlogo{width: 100%;overflow: hidden;height: 70px;box-sizing: border-box;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .mhead .mlogo a{display: block;float: left;width: 65%;height: 100%;overflow: hidden;} .mhead .mlogo img{display: block;height: 100%;} .mhead .mlogo span{display: block;float: right;width: 35%;border-left: 1px solid #ddd;box-sizing: border-box;margin-top: 30px;padding-left: 4%;} .mhead .mlogo span div{line-height: 1;font-weight: bold;font-size: 12px;} .mhead .mlogo span .men{line-height: 1.3;font-weight: normal;} .mhead .mnav{height: 50px;background: #a0820c;width: 100%;left: 0;z-index: 19;overflow: hidden;} .mhead .mnav .rt{float: left;width: 65%;text-align: center;line-height: 50px;} .mhead .mnav .rt.act{background: #03508d;} .mhead .mnav .rt span{font-weight: bold;color: #fff;font-size: .4rem; background: url(../images/m1_4.png) center right no-repeat;background-size: 23%;padding-right: .5rem;} .mhead .mnav .lt{width: 35%;float: right;} .mhead .mnav .lt a{display: block;width: 60%;float: left;text-align: center;line-height: 50px;color: #fff;font-weight: bold;border-left: 1px solid #fff;box-sizing: border-box;} .mhead .mnav .lt a:nth-child(2){width: 40%;} .m_ntc{ display: none; position: absolute;top: 120px;left: 0;width: 100%;z-index: 20;} .mh_nav{display: block;width: 65%;background: #245880;box-sizing: border-box;text-align: left;} .m_nbg{background: #fff;} .mh_nav li{border-bottom: 1px solid #245880;} .mh_nav li a{display: block;height: 40px;line-height: 40px;padding: 0 15% 0 0;color: #fff;font-size: .45rem;} .mh_nav li .ltp{ font-size: .3rem; line-height: 40px;padding: 0 15% 0 0;color: #fff;background:#2174b5 url(../images/m1_3.png) 95% center no-repeat; background-size: 5%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;padding: 0 5%;} .mh_nav li.act .ltp{padding: 0 5%;background: #2174b5 url(../images/m1_2.png) 95% center no-repeat; background-size: 5%;} .mh_nav li .l_cot{display: none;} .mh_nav li:nth-child(1) .l_cot{display: block;} .mh_nav li .l_cot a{font-size: .25rem; padding: 0 5%;} .swiper1{display: none;} .swiperm1{display: block;} .swiperm1 img{display: block;width: 100%;} .in1{height: auto;} .in1 li{width: 100%;overflow: hidden;height: 2rem;text-align: left;padding: 0 5%;box-sizing: border-box;border-bottom: 1px solid #fff;} .in1 li a img{display: block;width: 22%;margin: 0;float: left;} .in1 li a .tt{display: block;float: left;width: 78%;float: right;line-height: 2rem;background: url(../images/m1_5.png) center right no-repeat;background-size: 5%;} .in1 li:hover{height: 2rem;background: #0665b1;top: 0px;} .in1 li:hover .tc{height: 20px;} .in1 li:hover img{margin-top: 0px;} .in2{width: 90%;padding: .3rem 0;} .swiper2{padding: .2rem 0 .5rem;} .in2 .sw2{bottom: .3rem;top: auto;text-align: center;} .in2 .sw2 span{width: 10px;height: 10px;} .in3{height: auto;} .in3 .ilt{width: 90%;margin: 0 auto;} .in3 .irt{position: static;width: 100%;margin: 0 auto;} .in3 .irt .itt{margin: 0 0 .3rem;padding-top: .5rem;} .in3 .irt .ul1{margin-top: .3rem;padding-bottom: .5rem;} .in3 .irt .ul1 li,.in3 .irt .ul1 li:nth-child(2),.in3 .irt .ul1 li:nth-child(3),.in3 .irt .ul1 li:nth-child(4){width: 50%;margin: 0 auto ;float: left;overflow: hidden;padding: .5rem 0;box-sizing: border-box;} .in3 .irt .ul1 li .ltt .llt,.in3 .irt .ul1 li .ltc{text-align: center;} .in3 .irt .ul1 li .ltc{display: none;} .in3 .irt .ul1 li .ltt .llt{font-size: 1rem;} .in3 .irt .ul1 li .ltt .lrt{margin-top: 0;} .in3 .irt .ul1 li:nth-child(1){border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .in3 .irt .ul1 li:nth-child(2){border-bottom: 1px solid #ddd;} .in3 .irt .ul1 li:nth-child(3){border-right: 1px solid #ddd;} .in3 .ilt .abtn a,.in3 .ilt .abtn a:nth-child(5){width: 24%;margin-right: 1%;font-size: .18rem;} .in4 {padding: .2rem 0;} .in4 li{width: 100%;float: none;margin-bottom: .5%;} .in4 li a .itt {font-weight: bold;} .in5{height: auto;background: none;} .in5 .dlt{width: 100%;height: 4rem;float: none;} .in5 .drt{width: 90%;float: none;padding: 1px 0 .3rem;margin: 0 auto .5rem;background: #ededed;position: relative;z-index: 2;margin-top: -1.5rem;} .footer .fbox2 a{font-size: .36rem;} .in5 .drt .dtt{margin: .5rem 0 2% 5%;} .in5 .drt .dtc{width: 90%;margin: 0 auto;} .in5 .drt .abtn{width: 90%;margin: .3rem auto 0;} .in5 .drt .abtn a{font-size: .2rem;} .swiper3{width: 90%;margin: .5rem auto 0; padding-bottom: 1rem;} .next_sw3,.prev_sw3{display: none;} .in6 .tt{padding-top: 0;} .in6{height: auto;padding: .5rem 0;} .in3 .ilt .ltc, .in3 .ilt .abtn{padding: 0;} .in3 .ilt .img img{width: 30%;} .footer{padding: .3rem 0;} .footer .fbox{display: none;} .footer .fbox2{width: 90%;font-size: .2rem;line-height: 1.8;text-align: center;} .footer .fbox2 span,.footer .fbox2 p{display: block;line-height: 1.8;font-size: .2rem;float: none;} .footer .fbox2 a{font-size: .2rem;} .banner img{position: static;width: 100%;height: auto;margin: 0 auto;} .banner .ping,.banner .b_blt{display: none;} .banner .ming{display: block;} .banner .b_box .tt{margin-top: 15%;} .mg_t100,.mg_t50{margin-top: .3rem;} .box{width: 90%;} .co1 .tc1{margin: .5rem 0 .3rem;} .co1 .tc{line-height: 1.8;padding-bottom: .5rem;} .co2 .tt{margin-bottom: .5rem;} .co2 .alt{width: 100%;float: none;padding: 0 0 .5rem 0;} .co2 .alt .lbot{margin-top: .3rem;} .co3 .tc2 img,.co3 .tc2 .trt{ width: 100%;float: none;} .co3 .tc2 .trt{padding: 0 5%;} .co3 .tc3{padding: .5rem 0 .3rem;} .co3 .tc4 input, .co3 .tc4 select{width: 100%;margin:0 0 .2rem 0;} .co3 .tc4 select.set2{width: 100%;} .co3 .tc5 .tc_tt span,.co3 .tc5 .tc_tc1 .tc_sp1 span{width: 33.33%;} .co3 .tc5 .tc_tt span:nth-child(2),.co3 .tc5 .tc_tt span:nth-child(5),.co3 .tc5 .tc_tc1 .tc_sp1 span:nth-child(2),.co3 .tc5 .tc_tc1 .tc_sp1 span:nth-child(5){display: none;} .co3 .tc5 .tc_tc1 .tc_cont1{padding: .3rem 3%;} #map{margin-top: .5rem;} .container1 dl dd{padding: 20px 5%;width: 100%;float: none;overflow: hidden;} .container1 dl dd.active .dlt{width: 100%;margin-bottom: .3rem;box-sizing: border-box;} .container1 dl dd.active .dlt2{width: 70%;margin-bottom: .3rem;box-sizing: border-box;} .container1 dl dd .dbt, .container1 dl dd .drt{width: 100%;float: none;margin-bottom: .3rem;} .container1 dl dd:nth-child(1){float: none;} .container1 dl dd:nth-child(1){} .container1 dl dd .dlt{width: 100%;float: none;} .container2 .ul1 li{width: 100%;float: none;} .container2 .ul1 li span{width: 20%;} .container2 .ul1 li input,.container2 .ul1 li:nth-child(2) input{width: 80%;} .container2 .tj{margin: .5rem auto;} .ne1 .t_nav{height: auto;margin-top: .5rem; /*border-bottom:1px solid #ddd;*/} .ne1 .t_nav a{display: block;width: 33%;padding: 0;float: left;line-height: 3;border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;} .ne1 .t_nav a:nth-child(2n){border-right: 1px solid #ddd;} .ne1 .t_nav a.act{background: #a0820c;color: #fff;} .ne2 .ul1 li{padding: .5rem 0;} .ne2 .ul1 li .img{width: 100%;float: none;} .ne2 .ul1 li .llt{width: 100%;margin: 0 auto;} .ne2 .ul1 li .llt .ltt{margin: .3rem 0;} .ne2 .ul1 li .lrt{width: 100%;float: none;line-height: 3;} .page1{display: none;} .page2{display: block;} .vi1 .ul1{margin-top: .5rem;} .vi1 .ul1 li{padding: 0;border:0;} .vi1 .ul1 li .img{width: 100%;margin: 0 auto .3rem;} .v_tc .viedo{width: 100%;height: auto;margin: 0;top:40%;left: 0; } .v_tc .viedo img{width: 30px;height: 30px;top: -40px;right: 5%;} .br1 .a_box{padding: .5rem 0;border:0;} .br1 .a_box a{margin-bottom: .3rem;} .br1 .a_box a img{margin-right: 0;} .t_nav a:nth-child(5){display: none;} .banner .b_brt{width: 100%;height: 50px;} .banner .b_brt a{line-height: 50px;} .banner .b_brt a img{margin: 15px 10px 0 ;} .ab1{padding: .5rem 0;} .ab1 .alt{width: 100%;} .ab1 .art{width: 100%;position: static;height: auto;padding: .5rem 5%;margin-top: .3rem;} .ab2{padding: .5rem 0;} .ab2 .ul1 li{width: 50%;} .ab3{display: none;} .par1 .tt{margin-bottom: .3rem;} .par1 .ul1 li .llt,.par1 .ul1 li .lrt,.par1 .ul1 li:nth-child(2n) .llt,.par1 .ul1 li:nth-child(2n) .lrt{width: 100%;float: none;} .par1 .ul1 li .lrt{font-size: 500px;text-align: center;} .par1 .ul1 li .lrt .lbox{width: 90%;min-width: 100px;text-align: left;right: auto;left: 5%;} .par1 .ul1 li .lrt{padding: 0;} .par1 .ul1 li:nth-child(2n) .lrt .lbox{left: 5%;} .st1 .tt{margin-bottom: .3rem;} .st1 .tc .tlt,.st1 .tc .trt{width: 100%;float: none;} .st1 .tc .tlt .tl2t{width: 50%;font-size: .26rem;} .st1 .tc .tlt .tl2t div span{font-size: .8rem;} .st1 .tc .trt{margin-top: .3rem;line-height: 1.8;text-align: justify;} .st1 .ul1 li{width: 49%;margin: 0 0 .3rem 0;} .st1 .ul1 li:nth-child(2n){float: right;} .st2 .tc img{width: 100%;margin-bottom: .3rem;float: none;} .st3 .ul1{margin: .5rem 0;height: auto;} .st3 .ul1 li{width: 50%;border:0;height: auto;} .st3 .ul1 li img{width: 100%;margin: 0;} .ma1 .ul1{padding-bottom: .2rem;} .ma1 .tc{padding: .2rem 0;} .ma1 .d_nav{padding: .3rem 0;} .ma1 .d_nav a{display: block;float: left;width: 33.33%;margin: 0;} .ma1 .ul1 li .img,.ma1 .ul1 li .img:nth-child(2n){width: 48%;float: left;margin-bottom: .3rem;} .ma1 .ul1 li .img:nth-child(2n){float: right;} .ho1 .tc{padding: .3rem 0;line-height: 1.5;} .ho1 .tc2{padding: .5rem 0;} .ho1 .ul1 li div{width: 32%;margin: 0 1% 0 0;line-height: 1rem;} .swiper4{margin: .5rem auto 1rem;} .hi1 .hbox{background: #fff;margin: .3rem 0 0;padding: 0;} .hi1 .hbox .hlt,.hi1 .hbox .hrt{width: 100%;float: none;padding: 0;text-align: center;} .hi1 .hbox .hlt .cn,.hi1 .hbox .hrt .en{margin-top: 0;} .hi1 .hbox .hrt .en span{display: inline-block;font-size: 1.5rem;padding: 0 10px;} .hi1 .hbox .hrt .cn{width: 100%;margin-top: .3rem;} .hi1 .hbox .ul1{margin: .5rem auto 1rem;width: 90%;border-top: 1px solid #ddd;} .hi1 .hbox .ul1 li .llt,.hi1 .hbox .ul1 li .lrt{width: 100%;float: none;margin: 0;text-align: left;font-size: .4rem;padding: 0;} .hi1 .hbox .ul1 li span{display: none;} .hi1 .hbox .ul1 li .lrt .txt{width: 100%;padding: 10px 0;} .hi1 .hbox .ul1 li:nth-child(2n) .llt{float: none;text-align: left;padding: 0;} .hi1 .hbox .ul1 li:nth-child(2n) .lrt{padding: 0;text-align: left;} .hi1 .hbox .ul1 li:nth-child(2n) .lrt .txt{float: none;text-align: left;} .hi1 .more{margin-bottom: .5rem;} .cu1 .tc1{padding: .3rem 0;} .cu1 .tc3{font-size: .4rem;margin-top: .3rem;} .cu1 .ul1{margin-top: .5rem;} .cu1 .ul1 li{width: 48%;float: left;margin: 0 0 .3rem 0;overflow: hidden;} .cu1 .ul1 li:nth-child(2n){float: right;} .cu2 .tc1{padding: .3rem 0 .5rem; } .cu2 .cu_d2{text-align: justify;margin-bottom: .3rem;} .cu2 .cu_d3 span{float: none;margin-bottom: .3rem;} .cu2 .cu_d3 {line-height: 1.5;margin-bottom: .3rem;text-align: justify;} .cu2 .cu_d4 img{margin: .3rem 0;} .cu3 .ul1 li .llt{width: 100%;float: none;} .cu3 .ul1 li .lrt{float: none;width: 100%;padding: .3rem 5%;} .cu3 .ul1 li .lrt .ltt{margin: .3rem 0;} .cu3 .ul1 li:nth-child(2n) .llt{float: none;} .cu3 .ul1{margin: .5rem 0 1rem;} .pr1 .abt a{line-height: 1rem;} .pr1 .ul1{margin: .3rem 0;} .banner2{max-height: 400px;overflow: hidden;} .pr1 .ul1 li{width: 49%;margin: 0 0 .3rem 0;} .pr1 .ul1 li:nth-child(2n){float: right;} .pr1 .ul1 li .ltt{margin: 1rem 0 .3rem;} .banner2 .img{width: 100%;} .banner2 .txt{position: relative;width: 90%;margin: 0;left: 5%;top: 0;min-width: 200px;padding-bottom: .5rem;} .banner2 .txt .tt{font-size: .7rem;margin-top: .5rem;} .banner2 .txt .tc2 a{padding: 0;border:0;} .banner2 .txt .tc2 .a_bt1,.banner2 .txt .tc2 .a_bt3{display: none;} .banner2 .txt .brt{position: relative;width: 100%;margin-top: -1.3rem;top: 0;} .banner2 .txt .tc{margin: .5rem 0 .3rem;} .vi1 .ul1 li .img a img{margin: 25% auto;} .pc1 .ab_ct{width: 100%;padding: .1rem 0;} .pc1 .a_bt{width: 100%;} .pc1 .a_bt a{width: 50%;} .pc1 .a_bt a img{display: none;} .pc1 .ul1{margin: .3rem 0 .5rem;width: 100%;} .pc1 .ul1 li .img{width: 49%;margin: 0 0 .3rem 0;} .pc1 .ul1 li .img:nth-child(2n){float: right;} .pc1 .abt{display: none;} .swiperm5{padding-bottom: .5rem;} .swiperm5 img{display: block;width: 100%;} .i_2{} .i_2 .tc{margin-top: .5rem;} .i_2 .tc2{margin-top: .3rem ;line-height: 1.5;} .i_2 .i2box{width: 100%;padding: .5rem 0;margin-top: .5rem;} .i_2 .ilt,.i_2 dl{width: 100%;float: none;} .i_2 .ilt .num{font-size: 50px;line-height: 50px;text-align: center;} .i_2 .ilt .num span{margin: 0;font-size: 40px;line-height: 50px;float: none;background: url(../images/i2.png)left 30px no-repeat} .i_2 dl dd{width: 50%;margin-bottom: 20px;} .i_2 .ilt .i2t1,.i_2 .ct{width: 90%;margin-left: 5%;line-height: 24px;} .i_2 .box{padding-bottom: .5rem;} .int1 .ibox .ilt{width: 100%;float: none;} .int1 .ibox .irt{width: 100%;padding: .5rem 5%;float: none;} .int1 .ibox{height: auto;} .int1 .ibox .ilt img{width: 100%;height: auto;} .i_5{padding: 50px 0;} .i_5 .i5lt,.i_5 .i5rt{width: 100%;float: none;background: none;} .i_5 .xx{padding: 10px 0;} .i_5 .xx span{width: 20%;} .i_5 .xx input{width: 80%;box-sizing: border-box;} .i_5 textarea{width: 100%;margin:20px 0 0;padding: 0;} .nc1{padding: .5rem 0;} .nc1 .box{width: 90%;} .nc1 .tt{font-size: 24px;line-height: 30px;} .nc1 .ot{margin: 20px 0;} .nc1 .ot span{margin: 0;} .nc1 .ot .otrt{display: none;} .nc1 .ct img{width: 100%;} .nc1 .fhn{margin: 20px auto 0;float: none;} .nc1 .fhn:hover{background: #005fa4;color: #fff;margin: 20px auto 0;} .nc1 a.up{margin-top: .5rem;} .se1 .tc1{margin: .5rem 0 .1rem;line-height: 1.8;} .se1 .tc2 img{width: auto;} .se1 .ul1 li{width: 50%;margin: 0 0 .3rem 0;} .se1 .ul1 li .ltt .counter{font-size: 1rem;} .se1 .ul1{margin: .3rem 0;} .se2 .ul1{margin-top: .3rem;} .se2 .ul1 li .img{width: 100%;float: none;} .se2 .ul1 li .drt{width: 100%;padding: .3rem 5%;float: none;box-sizing: border-box;} .se2 .ul1 li{margin-bottom: .3rem;height: auto;} .se2 .ul1 li:nth-child(2n) .drt{text-align: left;} .se2 .ul1 li .drt br{display: none;} .se3 .set_box{width: 100%;padding: 0 5%;box-sizing: border-box;} .se3 .set_box select,.se3 .set_box select:nth-child(3){width: 48%;margin: 0;margin-bottom: .3rem;} .se3 .set_box select:nth-child(2){float: right;} .se3 .set_box a{float: right;width: 48%;} .se4{height: auto;} .container2m{width: 100%;height: 300px;position: relative;} .container2m dl{height: 300px;} #map2{height: 500px;} .se5 .ul1 li{width: 48%;margin: 0 0 .3rem 0;height: 2.5rem;} .se5 .ul1 li:nth-child(2n){float: right;} .se5 .ul1 li .ltt{margin-top: .7rem;} .se5 .ul1 li .ltc{margin-top: .3rem;} .se6 .abt a{overflow: hidden;padding-left: 60px;} .se6 .img .itt{padding: .3rem 0;} .se6 .img .a_bt a{display: block;margin: 0 auto .2rem;} .se6 .img{margin-bottom: .5rem;} .in3 .irt .ul1 li .ltt .lrt,.in3 .irt .ul1 li:nth-child(4) .ltt .lrt{width: 45%;line-height: 1.5;padding-top: .1rem;} .in3 .irt .ul1 li:nth-child(2) .ltt .lrt{width: 45%;} .in3 .irt .ul1 li .ltt .llt,.in3 .irt .ul1 li:nth-child(2) .ltt .llt{width: 50%;text-align: right;} .in3 .irt .ul1 li:nth-child(3) .ltt .llt{width: 60%;} .in3 .irt .ul1 li:nth-child(3) .ltt .lrt{width: 35%;} .pc_m1{display: block;text-align: center;font-size: .4rem;font-weight: bold;} .pc_m1 img{display: block;width: 100%;} .video{display: none;} .ctm1{padding: .5rem 0;} .ctm1 .s_box,.ctm1 .abt{width: 90%;margin: 0 auto;} .ctm1 .abt{margin-top: .5rem;} .ctm1 .abt a{width: 50%;float: left;margin:0 auto ;padding: .3rem 0 ;background: #ddd;border-right: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;} .ctm1 .abt a.act{border-bottom: 1px solid #a0820c;background: #a0820c;color: #fff;} .ctm1 .i6swp{display: none;} .ctm1 .i6swp2{display: block;margin: 0 auto;width: 90%;} .ctm1 .i6swp2 dl{width: 98%;margin: 0 auto;padding: 20px 0 ;} .ctm1 .i6swp2 dl dd{width: 50%;float: left;text-align: center;position: relative;} .ctm1 .i6swp2 dl dd img{display: block;width: 100%;} .ctm1 .i6swp2 dl dd a{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 100px;background: url(../images/i30_1.png)center;box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;-webkit-box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;-moz-box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;} .ctm1 .i6swp2 dl dd a:hover{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;opacity: 1;} .ctm1 .swiper-pagination-bullet-active{background: #a0820c;} .ctm1 .next_i6{display: none;} .ctm1 .prev_i6{display: none;} .stg1{padding: .5rem 0;width: 90%;margin: 0 auto;} .stg1 .tc{margin: .3rem 0;text-align: justify;} } .xiaoyuan{text-align: center;} .xiaoyuan .tt{margin-bottom: 30px;font-weight: bold;} @media(max-width: 768px){ *{font-size: 14px;} .f_12{ font-size:2rem;} .f_16{ font-size:.34rem; } .f_18{ font-size:.36rem; } .f_20{ font-size:.38rem; } .f_22{font-size: .4rem;} .f_24{ font-size:.42rem; } .f_26{ font-size:.44rem; } .f_28{ font-size:2.46rem; } .f_30{ font-size:.48rem; } .f_32{ font-size:.5rem; } .f_34{ font-size:.52rem; } .f_36{ font-size:.54rem; } .f_38{ font-size:.56rem; } .f_40{font-size: .56rem;} .f_45{ font-size:.56rem;} body{padding-top: 0px;min-width: 300px;} .p_head{display: none;} .mhead{display: block;width: 100%;overflow-x: hidden;background: #fff;} .mhead .mlogo{width: 100%;overflow: hidden;height: 70px;box-sizing: border-box;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .mhead .mlogo a{display: block;float: left;width: 65%;height: 100%;overflow: hidden;} .mhead .mlogo img{display: block;height: 100%;} .mhead .mlogo span{display: block;float: right;width: 35%;border-left: 1px solid #ddd;box-sizing: border-box;margin-top: 30px;padding-left: 4%;} .mhead .mlogo span div{line-height: 1;font-weight: bold;font-size: 12px;} .mhead .mlogo span .men{line-height: 1.3;font-weight: normal;} .mhead .mnav{height: 50px;background: #a0820c;width: 100%;left: 0;z-index: 19;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .mhead .mnav .rt{float: left;width: 65%;text-align: center;line-height: 50px;} .mhead .mnav .rt.act{background: #03508d;} .mhead .mnav .rt span{font-weight: bold;color: #fff;font-size: .45rem; background: url(../images/m1_4.png) center right no-repeat;background-size: 28%;padding-right: .8rem;} .mhead .mnav .lt{width: 35%;float: right;} .mhead .mnav .lt a{display: block;width: 60%;float: left;text-align: center;line-height: 50px;color: #fff;font-weight: bold;border-left: 1px solid #fff;box-sizing: border-box;} .mhead .mnav .lt a:nth-child(2){width: 40%;} .m_ntc{ display: none; position: absolute;top: 120px;left: 0;width: 100%;z-index: 20;} .mh_nav{display: block;width: 65%;background: #245880;box-sizing: border-box;text-align: left;} .m_nbg{background: #fff;} .mh_nav li{border-bottom: 1px solid #245880;} .mh_nav li a{display: block;height: 40px;line-height: 40px;padding: 0 15% 0 0;color: #fff;font-size: .45rem;} .mh_nav li .ltp{ font-size: .45rem; line-height: 40px;padding: 0 15% 0 0;color: #fff;background:#2174b5 url(../images/m1_3.png) 95% center no-repeat; background-size: 10%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;padding: 0 5%;} .mh_nav li.act .ltp{padding: 0 5%;background: #2174b5 url(../images/m1_2.png) 95% center no-repeat; background-size: 10%;} .mh_nav li .l_cot{display: none;} .mh_nav li:nth-child(1) .l_cot{display: block;} .mh_nav li .l_cot a{font-size: .4rem; padding: 0 5%;} .swiper1{display: none;} .swiperm1{display: block;} .swiperm1 img{display: block;width: 100%;} .in1{height: auto;} .in1 li{width: 100%;overflow: hidden;height: 2rem;text-align: left;padding: 0 5%;box-sizing: border-box;border-bottom: 1px solid #fff;} .in1 li a img{display: block;width: 22%;margin: 0;float: left;} .in1 li a .tt{display: block;float: left;width: 78%;float: right;line-height: 2rem;background: url(../images/m1_5.png) center right no-repeat;background-size: 5%;} .in1 li:hover{height: 5rem;background: #0665b1;top: 0px;} .in1 li:hover .tc{height: 20px;} .in1 li:hover img{margin-top: 20px;} .in2{width: 90%;padding: .5rem 0;} .swiper2{padding: .3rem 0 1rem;} .in2 .sw2{bottom: .3rem;top: auto;text-align: center;} .in2 .sw2 span{width: 10px;height: 10px;} .in3{height: auto;} .in3 .ilt{width: 90%;margin: 0 auto;} .in3 .irt{position: static;width: 100%;margin: 0 auto;} .in3 .irt .itt{margin: 0 0 .3rem;padding-top: .5rem;} .in3 .irt .ul1{margin-top: .3rem;padding-bottom: .5rem;} .in3 .irt .ul1 li,.in3 .irt .ul1 li:nth-child(2),.in3 .irt .ul1 li:nth-child(3),.in3 .irt .ul1 li:nth-child(4){width: 50%;margin: 0 auto ;float: left;overflow: hidden;padding: .5rem 0;box-sizing: border-box;} .in3 .irt .ul1 li .ltt .llt,.in3 .irt .ul1 li .ltc{text-align: center;} .in3 .irt .ul1 li .ltc{display: none;} .in3 .irt .ul1 li .ltt .llt{font-size: 1rem;} .in3 .irt .ul1 li .ltt .lrt{margin-top: 0;} .in3 .irt .ul1 li:nth-child(1){border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .in3 .irt .ul1 li:nth-child(2){border-bottom: 1px solid #ddd;} .in3 .irt .ul1 li:nth-child(3){border-right: 1px solid #ddd;} .in3 .ilt .abtn a,.in3 .ilt .abtn a:nth-child(5){width: 24%;margin-right: 1%;font-size: .38rem;} .in4 {padding: .5rem 0 .3rem;} .in4 li{width: 100%;float: none;margin-bottom: .2rem;} .in4 li a .itt {font-weight: bold;font-size: .5rem;} .in5{height: auto;background: none;} .in5 .dlt{width: 100%;height: 4rem;float: none;} .in5 .drt{width: 90%;float: none;padding: 1px 0 .3rem;margin: 0 auto .5rem;background: #ededed;position: relative;z-index: 2;margin-top: -1.5rem;} .footer .fbox2 a{font-size: .36rem;} .in5 .drt .dtt{margin: .5rem 0 2% 5%;} .in5 .drt .dtc{width: 90%;margin: 0 auto;} .in5 .drt .abtn{width: 90%;margin: .3rem auto 0;} .in5 .drt .abtn a{font-size: .36rem;} .swiper3{width: 90%;margin: .5rem auto 0; padding-bottom: 1rem;} .next_sw3,.prev_sw3{display: none;} .in6 .tt{padding-top: 0;} .in6{height: auto;padding: .5rem 0;} .in3 .ilt .ltc, .in3 .ilt .abtn{padding: 0;} .in3 .ilt .img img{width: 50%;} .footer{padding: .5rem 0;} .footer .fbox{display: none;} .footer .fbox2{width: 90%;font-size: .36rem;line-height: 1.8;text-align: center;} .footer .fbox2 span,.footer .fbox2 p{display: block;line-height: 1.8;font-size: .36rem;float: none;} .banner img{position: static;width: 100%;height: auto;margin: 0 auto;} .banner .ping,.banner .b_blt{display: none;} .banner .ming{display: block;} .banner .b_box .tt{margin-top: 25%;} .mg_t100,.mg_t50{margin-top: .5rem;} .box{width: 90%;} .co1 .tc1{margin: .5rem 0 .3rem;} .co1 .tc{line-height: 1.8;padding-bottom: .5rem;} .co2 .tt{margin-bottom: .5rem;} .co2 .alt{width: 100%;float: none;padding: 0 0 .5rem 0;} .co2 .alt .lbot{margin-top: .3rem;} .co3 .tc2 img,.co3 .tc2 .trt{ width: 100%;float: none;} .co3 .tc2 .trt{padding: 0 5%;} .co3 .tc3{padding: .5rem 0 .3rem;} .co3 .tc4 input, .co3 .tc4 select{width: 100%;margin:0 0 .2rem 0;} .co3 .tc4 select.set2{width: 100%;} .co3 .tc5 .tc_tt span,.co3 .tc5 .tc_tc1 .tc_sp1 span{width: 33.33%;} .co3 .tc5 .tc_tt span:nth-child(2),.co3 .tc5 .tc_tt span:nth-child(5),.co3 .tc5 .tc_tc1 .tc_sp1 span:nth-child(2),.co3 .tc5 .tc_tc1 .tc_sp1 span:nth-child(5){display: none;} .co3 .tc5 .tc_tc1 .tc_cont1{padding: .3rem 3%;} #map{margin-top: .5rem;} .container1 dl dd{padding: 20px 5%;width: 100%;float: none;overflow: hidden;} .container1 dl dd.active .dlt{width: 100%;margin-bottom: .3rem;box-sizing: border-box;} .container1 dl dd.active .dlt2{width: 70%;margin-bottom: .3rem;box-sizing: border-box;} .container1 dl dd .dbt, .container1 dl dd .drt{width: 100%;float: none;margin-bottom: .3rem;} .container1 dl dd:nth-child(1){float: none;} .container1 dl dd:nth-child(1){} .container1 dl dd .dlt{width: 100%;float: none;} .container2 .ul1 li{width: 100%;float: none;} .container2 .ul1 li span{width: 20%;} .container2 .ul1 li input,.container2 .ul1 li:nth-child(2) input{width: 80%;} .container2 .tj{margin: .5rem auto;} .ne1 .t_nav{height: auto;margin-top: .5rem;/*border-bottom:1px solid #ddd;*/} .ne1 .t_nav a{display: block;width: 50%;padding: 0;float: left;line-height: 3;border-left: 1px solid #ddd;border-top: 1px solid #ddd;box-sizing: border-box;} .ne1 .t_nav a:nth-child(2n){border-right: 1px solid #ddd;} .ne1 .t_nav a.act{background: #a0820c;color: #fff;} .ne2 .ul1 li{padding: .5rem 0;} .ne2 .ul1 li .img{width: 100%;float: none;} .ne2 .ul1 li .llt{width: 100%;margin: 0 auto;} .ne2 .ul1 li .llt .ltt{margin: .3rem 0;} .ne2 .ul1 li .lrt{width: 100%;float: none;line-height: 3;} .page1{display: none;} .page2{display: block;} .vi1 .ul1{margin-top: .5rem;} .vi1 .ul1 li{padding: 0;border:0;} .vi1 .ul1 li .img{width: 100%;margin: 0 auto .3rem;} .v_tc .viedo{width: 100%;height: auto;margin: 0;top:40%;left: 0; } .v_tc .viedo img{width: 30px;height: 30px;top: -40px;right: 5%;} .br1 .a_box{padding: .5rem 0;border:0;} .br1 .a_box a{margin-bottom: .3rem;} .br1 .a_box a img{margin-right: 0;} .t_nav a:nth-child(5){display: none;} .banner .b_brt{width: 35%;height: 30px;} .banner .b_brt a{line-height: 30px;} .banner .b_brt a img{margin: 10px 5px 0 ;width: 20px;} .ab1{padding: .5rem 0;} .ab1 .alt{width: 100%;} .ab1 .art{width: 100%;position: static;height: auto;padding: .5rem 5%;margin-top: .3rem;} .ab2{padding: .5rem 0;} .ab2 .ul1 li{width: 50%;} .ab3{display: none;} .par1 .tt{margin-bottom: .3rem;} .par1 .ul1 li .llt,.par1 .ul1 li .lrt,.par1 .ul1 li:nth-child(2n) .llt,.par1 .ul1 li:nth-child(2n) .lrt{width: 100%;float: none;} .par1 .ul1 li .lrt{font-size: 300px;text-align: center;} .par1 .ul1 li .lrt .lbox{width: 90%;min-width: 100px;text-align: left;right: auto;left: 5%;} .par1 .ul1 li .lrt{padding: 0;} .par1 .ul1 li:nth-child(2n) .lrt .lbox{left: 5%;} .st1 .tt{margin-bottom: .3rem;} .st1 .tc .tlt,.st1 .tc .trt{width: 100%;float: none;} .st1 .tc .tlt .tl2t{width: 50%;font-size: .42rem;} .st1 .tc .tlt .tl2t div span{font-size: 1.2rem;} .st1 .tc .trt{margin-top: .3rem;line-height: 1.8;text-align: justify;} .st1 .ul1 li{width: 49%;margin: 0 0 .3rem 0;} .st1 .ul1 li:nth-child(2n){float: right;} .st2 .tc img{width: 100%;margin-bottom: .3rem;} .st3 .ul1{margin: .5rem 0;} .st3 .ul1 li{width: 50%;border:0;height: auto;} .st3 .ul1 li img{width: 100%;margin: 0;} .ma1 .tc{padding: .3rem 0;} .ma1 .d_nav{padding: .5rem 0;} .ma1 .d_nav a{display: block;float: left;width: 33.33%;margin: 0;} .ma1 .ul1 li .img,.ma1 .ul1 li .img:nth-child(2n){width: 100%;float: none;margin-bottom: .3rem;} .ho1 .tc{padding: .3rem 0;line-height: 1.5;} .ho1 .tc2{padding: .5rem 0;} .ho1 .ul1 li div{width: 100%;margin: 0;line-height: 1rem;} .swiper4{margin: .5rem auto 1rem;} .hi1 .hbox{background: #fff;margin: .3rem 0 0;padding: 0;} .hi1 .hbox .hlt,.hi1 .hbox .hrt{width: 100%;float: none;padding: 0;text-align: center;} .hi1 .hbox .hlt .cn,.hi1 .hbox .hrt .en{margin-top: 0;} .hi1 .hbox .hrt .en span{display: inline-block;font-size: 1.5rem;padding: 0 10px;} .hi1 .hbox .hrt .cn{width: 100%;margin-top: .3rem;} .hi1 .hbox .ul1{margin: .5rem auto 1rem;width: 90%;border-top: 1px solid #ddd;} .hi1 .hbox .ul1 li .llt,.hi1 .hbox .ul1 li .lrt{width: 100%;float: none;margin: 0;text-align: left;font-size: .7rem;padding: 0;} .hi1 .hbox .ul1 li span{display: none;} .hi1 .hbox .ul1 li .lrt .txt{width: 100%;padding: 10px 0;} .hi1 .hbox .ul1 li:nth-child(2n) .llt{float: none;text-align: left;padding: 0;} .hi1 .hbox .ul1 li:nth-child(2n) .lrt{padding: 0;text-align: left;} .hi1 .hbox .ul1 li:nth-child(2n) .lrt .txt{float: none;text-align: left;} .hi1 .more{margin-bottom: 1rem;} .cu1 .tc1{padding: .3rem 0;} .cu1 .tc3{font-size: .46rem;margin-top: .3rem;} .cu1 .ul1{margin-top: .5rem;width: 100%;} .cu1 .ul1 li{width: 100%;float: none;margin: 0 0 .3rem 0;} .cu2 .tc1{padding: .3rem 0 .5rem; } .cu2 .cu_d2{text-align: justify;margin-bottom: .3rem;} .cu2 .cu_d3 span{float: none;margin-bottom: .3rem;} .cu2 .cu_d3 {line-height: 1.5;margin-bottom: .3rem;text-align: justify;} .cu2 .cu_d4 img{margin: .3rem 0;} .cu3 .ul1 li .llt{width: 100%;float: none;} .cu3 .ul1 li .lrt{float: none;width: 100%;padding: .3rem 5%;} .cu3 .ul1 li .lrt .ltt{margin: .3rem 0;} .cu3 .ul1 li:nth-child(2n) .llt{float: none;} .cu3 .ul1{margin: .5rem 0 1rem;} .pr1 .abt a{line-height: 1.5rem;} .pr1 .ul1 li{width: 49%;margin: 0 0 .3rem 0;} .pr1 .ul1 li:nth-child(2n){float: right;} .pr1 .ul1 li .ltt{margin: 1rem 0 .3rem;} .banner2 .img{width: 100%;} .banner2 .txt{position: relative;width: 90%;margin: 0;left: 5%;top: 0;min-width: 200px;padding-bottom: .5rem;} .banner2 .txt .tt{font-size: .7rem;margin-top: .5rem;} .banner2 .txt .tc2 a{padding: 0;border:0;} .banner2 .txt .tc2 .a_bt1,.banner2 .txt .tc2 .a_bt3{display: none;} .banner2 .txt .brt{position: relative;width: 100%;margin-top: -1.3rem;top: 0;} .banner2 .txt .tc{margin: .5rem 0 .3rem;} .pc1 .ab_ct{width: 100%;padding: .5rem 0;} .pc1 .a_bt{width: 100%;overflow: auto;box-sizing: border-box;} .pc1 .a_bt .a_bt_box{float: left;margin-right: -999em;} .pc1 .a_bt a{width: 130px;box-sizing: border-box;border-right: 1px solid #ddd;} .pc1 .a_bt a img{display: none;} .pc1 .ul1{margin: .5rem 0 1rem;width: 100%;} .pc1 .ul1 li .img{width: 49%;margin: 0 0 .3rem 0;} .pc1 .ul1 li .img:nth-child(2n){float: right;} .pc1 .abt{display: none;} .swiperm5{padding-bottom: .5rem;display: block;} .swiperm5 img{display: block;width: 100%;} .swiperm5 .swiper-slide a{text-align: center;display: block;margin-bottom: .5rem;font-weight: bold;} .i_2{} .i_2 .tc{margin-top: .5rem;} .i_2 .tc2{margin-top: .3rem ;line-height: 1.5;} .i_2 .i2box{width: 100%;padding: .5rem 0;margin-top: .5rem;} .i_2 .ilt,.i_2 dl{width: 100%;float: none;} .i_2 .ilt .num{font-size: 50px;line-height: 50px;text-align: center;} .i_2 .ilt .num span{margin: 0;font-size: 40px;line-height: 50px;float: none;background: url(../images/i2.png)left 30px no-repeat} .i_2 dl dd{width: 50%;margin-bottom: 20px;} .i_2 .ilt .i2t1,.i_2 .ct{width: 90%;margin-left: 5%;line-height: 24px;} .i_2 .box{padding-bottom: .5rem;} .int1 .ibox .ilt{width: 100%;float: none;} .int1 .ibox .irt{width: 100%;padding: .5rem 5%;float: none;text-align: center;} .int1 .ibox{height: auto;} .int1 .ibox .ilt img{width: 100%;height: auto;} .i_5{padding: 50px 0;} .i_5 .i5lt,.i_5 .i5rt{width: 100%;float: none;background: none;} .i_5 .xx{padding: 10px 0;} .i_5 .xx span{width: 20%;} .i_5 .xx input{width: 80%;box-sizing: border-box;} .i_5 textarea{width: 100%;margin:20px 0 0;padding: 0;} .nc1{padding: .5rem 0;} .nc1 .box{width: 90%;} .nc1 .tt{font-size: 24px;line-height: 30px;} .nc1 .ot{margin: 20px 0;} .nc1 .ot span{margin: 0;} .nc1 .ot .otrt{display: none;} .nc1 .ct img{width: 100%;} .nc1 .fhn{margin: 20px auto 0;float: none;} .nc1 .fhn:hover{background: #005fa4;color: #fff;margin: 20px auto 0;} .nc1 a.up{margin-top: .5rem;} .se1 .tc1{margin: .5rem 0 .1rem;line-height: 1.8;} .se1 .tc2 img{max-width: 80%;} .se1 .ul1 li{width: 50%;margin: 0 0 .3rem 0;} .se1 .ul1 li .ltt .counter{font-size: 1rem;} .se1 .ul1{margin: .3rem 0;} .se2 .ul1{margin-top: .3rem;} .se2 .ul1 li .img{width: 100%;float: none;} .se2 .ul1 li .drt{width: 100%;padding: .3rem 5%;float: none;box-sizing: border-box;} .se2 .ul1 li{margin-bottom: .3rem;height: auto;} .se2 .ul1 li:nth-child(2n) .drt{text-align: left;} .se2 .ul1 li .drt br{display: none;} .se3 .set_box{width: 100%;padding: 0 5%;box-sizing: border-box;} .se3 .set_box select,.se3 .set_box select:nth-child(3){width: 48%;margin: 0;margin-bottom: .3rem;} .se3 .set_box select:nth-child(2){float: right;} .se3 .set_box a{float: right;width: 48%;} .se4{height: auto;} .container2m{width: 100%;height: 300px;position: relative;} .container2m dl{height: 300px;} #map2{height: 300px;} .se5 .ul1 li{width: 48%;margin: 0 0 .3rem 0;height: 7rem;} .se5 .ul1 li:nth-child(2n){float: right;} .se5 .ul1 li .ltt{margin-top: 1rem;} .se5 .ul1 li .ltc{margin-top: .5rem;} .se6 .abt a{overflow: hidden;padding-left: 60px;} .se6 .img .itt{padding: 1rem 0;} .se6 .img .a_bt a{display: block;margin: 0 auto .3rem;} .se6 .img{margin-bottom: 1rem;} .in3 .irt .ul1 li .ltt .lrt,.in3 .irt .ul1 li:nth-child(4) .ltt .lrt{width: 45%;line-height: 1.5;padding-top: .1rem;} .in3 .irt .ul1 li:nth-child(2) .ltt .lrt{width: 45%;} .in3 .irt .ul1 li .ltt .llt,.in3 .irt .ul1 li:nth-child(2) .ltt .llt{width: 50%;text-align: right;} .in3 .irt .ul1 li:nth-child(3) .ltt .llt{width: 60%;} .in3 .irt .ul1 li:nth-child(3) .ltt .lrt{width: 35%;} .pc_m1{display: block;text-align: center;font-size: .4rem;font-weight: bold;} .pc_m1 img{display: block;width: 100%;} .video{display: none;} .banner2 .img img{height: 160px;} .banner2 .img .ibbox .tt{margin-top: 15%;} .banner2 .img .ibbox a{margin: 3% 0 0 70%;} .i_2 dl{padding-top: 10px;} .i_2 dl dd .num{line-height: 10px;padding-top: 10px;} .i_2 .ct{padding-top: 5px;} .int1 .ibox .irt a{margin: -30% auto 1rem;position: relative;z-index: 2; } .int1 .ibox .irt{overflow: inherit;} .cu1 .tc2{margin: .3rem 0 ;} .se1 .tc3{line-height: 1.5;} .ctm1{padding: .5rem 0;} .ctm1 .s_box,.ctm1 .abt{width: 90%;margin: 0 auto;} .ctm1 .abt{margin-top: .5rem;} .ctm1 .abt a{width: 50%;float: left;margin:0 auto ;padding: .3rem 0 ;background: #ddd;border-right: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;} .ctm1 .abt a.act{border-bottom: 1px solid #a0820c;background: #a0820c;color: #fff;} .ctm1 .i6swp{display: none;} .ctm1 .i6swp2{display: block;margin: 0 auto;width: 90%;} .ctm1 .i6swp2 dl{width: 98%;margin: 0 auto;padding: 20px 0 ;} .ctm1 .i6swp2 dl dd{width: 50%;float: left;text-align: center;position: relative;} .ctm1 .i6swp2 dl dd img{display: block;width: 100%;} .ctm1 .i6swp2 dl dd a{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 100px;background: url(../images/i30_1.png)center;box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;-webkit-box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;-moz-box-shadow:-5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;} .ctm1 .i6swp2 dl dd a:hover{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;opacity: 1;} .ctm1 .swiper-pagination-bullet-active{background: #a0820c;} .ctm1 .next_i6{display: none;} .ctm1 .prev_i6{display: none;} .stg1{padding: .5rem 0;width: 90%;margin: 0 auto;} .stg1 .tc{margin: .3rem 0;text-align: justify;} .par1 .ul1 li .lrt .lbox .ltt{font-size: 20px;} } .xwchutou{ margin: 0 auto; background-color: white; margin-top: -150px; position: relative; padding-top: 3%; } .hrchutou{ margin: 0 auto; margin-left: 90px; margin-right: 90px; background-color: white; margin-top: -123px; position: relative; } @media (max-width: 414px) { .box{width: 95%;} }