/*棣栭〉椤佃剼*/ .bottom_sj_clear{ display:none;} .bottom_sj{ display:none; position:fixed; left:0; bottom:0; z-index:9999; width:100%;} .bottom_nav{ background:rgba(0,0,0,0.85); height:56px;} .bottom_nav li{ float:left; width:25%; padding:3px 0; position:relative;} .bottom_nav li a{ display:block; width:100%; text-align:center; font-size:14px; color:#fff; line-height:20px; height:45px; padding-top:5px;} .bottom_nav li a img{ margin-right:5px; padding-bottom:5px;} .bottom_nav li.on{ background:#3571d7;} .bottom_nav li .bottom_nav_wxzx{ display:none; position:absolute; top:-160px; left:50%; margin-left:-75px;} .bottom_nav li:hover .bottom_nav_wxzx{ display:block;} .header{ position:relative;} .header_dh{ display:none; position:absolute; top:5px; right:80px; line-height:55px; font-size:18px; color:#fff;} .in_1{padding: 100px 0;} .title .txt1{font-size:36px;text-align: center;line-height: 40px;color: #111} .title .p{text-align: center;line-height: 26px;width:61%;margin: 0 auto;margin-top: 20px;font-size: 16px} .in_1 ol{text-align: center;border-bottom: 0px solid #e5e5e5;margin-top:180px;} .in_1 ol li{ display: inline-block;width: 260px;} .in_1 ol li .animateNum{font-size: 80px;font-weight: bold;color: #fff;padding: 10px;background: #3571d7;border-radius: 5px;position: relative;} .in_1 ol li .animateNum:after{content: ""; position: absolute;width: 100%;height: 10px;background:#3571d7;top: 50%;left: 0;margin-top: -5px } .in_1 ol li:nth-child(1){background: url(../images/mdzs_bg.jpg)right center no-repeat} .in_1 ol li .h1{font-size: 50px;font-weight: bold;color: #015ea3} .in_1 ol li .h2{font-size:14px;line-height: 40px;margin-top: 30px;display: block} .in_2{background:#f5f5f5;padding:80px 0;} .in_2 ul li{float: left;width: 17.8%;background: #fff;text-align: center;padding:2.6%;margin-top: 65px;margin-right:2.6%; } .in_2 ul li:nth-child(4){margin-right: 0;} .in_2 ul li img{width: 30%;height: 30%} .in_2 ul li .txt2{line-height:90px;font-size: 24px;position: relative;color: #111111} .in_2 ul li .txt2:after{position: absolute;content: "";width: 40px;height: 2px;background: #333;bottom: 0;left: 50%;margin-left: -20px;transition: all 0.5s} .in_2 ul li .txt3{margin-top: 26px;line-height: 30px} .in_2 ul li .on{display: none} .in_2 ul li:hover .on{display: block;margin: 0 auto} .in_2 ul li:hover .n_on{display: none} .in_2 ul li:hover{background: #3571d7} .in_2 ul li:hover .txt2{color: #fff} .in_2 ul li:hover .txt2:after{background: #fff} .in_2 ul li:hover .txt3{color: #fff} .in_2 ul li:hover{box-shadow: 0px 0px 15px 0px rgba(10, 2, 5, 0.1);margin-top:57px} .in_2 ul li:hover img{margin-top: -8px} .in_2 ul li:hover .txt2:after{width: 100px;margin-left: -50px} .in_3{padding:95px 0} .in_3 ul li{float: left;width:20%;padding:20px 1%;margin-right: 3%;text-align: center;margin-top: 50px;top: 0;position: relative;} .in_3 ul li .txt2{line-height: 74px;font-size: 20px;color: #111} .in_3 ul li .txt3{line-height: 26px;font-size: 14px;color: #666666} .in_3 ul li:hover{top: -10px} .in_4{padding:95px 0;background: #f5f5f5} /* .in_4 ul{margin-top: 50px} .in_4 li{float: left;width: 30%;margin-right: 4.8%;margin-bottom: 50px} .in_4 li:hover .h1{background: #3571d7;color: #fff} .in_4 li:nth-child(3n){margin-right: 0} .in_4 li img{width: 100%;} .in_4 li .h1{background: #fff;font-size: 18px;line-height: 70px;text-align: center} */ .in_5{background: #f5f5f5;padding: 80px 0 60px 0; } .in_5 .swiper-container{margin-top: 45px;padding-bottom: 30px} .in_5 .swiper-container li{margin-bottom: 30px;} .in_5 .swiper-container li img{ width: 100%;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/} .in_5 .swiper-slide{width: 10%} .in_6 .swiper-slide{width: 10%} .in_5 .swiper-container li:hover img{/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;*/} .swiper-container .swiper-pagination{bottom: 0px!important} .swiper-container .swiper-pagination-bullet{width: 12px;height: 12px} .in_5 .swiper-pagination-bullet-active{background: #3571d7} .in_5 .swiper-pagination{display: none} .in_6 {padding: 100px 0} .in_6 dt img{width: 100%;margin-bottom: 50px} .in_6 dl{width: 30%;margin-right: 4.83%;float: left;margin-top: 45px} .in_6 dl:nth-child(4){margin-right: 0} .in_6 dl dt{font-size: 26px;color: #111;line-height: 60px} .in_6 dl a .in_6_left{float: left;width: 70%;;line-height: 64px;color: #666666} .in_6 dl a .in_6_right{float: right;width: 30%;line-height: 64px;color: #666666;text-align: right} .in_6 dl .clear{border-bottom:1px solid #ebebeb} .in_6 dl dd{position: relative} .in_6 dl dd:hover .in_6_left,.in_6 dl dd:hover .in_6_right{color: #015ea3} .in_6 dl dd:after{position: absolute;bottom:1px;width: 0;content: "";background: #015ea3;height: 1px;transition: width 0.3s} .in_6 dl dd:hover:after{width: 100%} .in_6 .swiper-wrapper{padding-bottom: 50px} .in_6 .swiper-pagination-bullet-active{background: #3571d7} .in_6 .swiper-pagination{display: none} .in_7{padding: 110px 0; background:#000 url(../images/in_7_bg.jpg)center fixed;} .in_7 .a{width: 280px;height: 50px;color: #fff;background:#3571d7;margin: 0 auto;display: block;width: 280px;height: 50px;margin-top: 50px;border-radius: 4px;text-align: center;line-height: 50px} .in_7 .a:hover{background: #222427} .in_8{font-size: 20px;overflow:hidden; color: #222427;padding: 65px} .in_8 a{display: inline-block;margin-top: 24px;font-size: 14px;color: #222427;margin-right: 35px} .foot{padding: 70px 0;background: #222427;padding-top: 0} .foot .foot_nav{padding-bottom: 54px;border-bottom: 1px solid #4d4d4d;padding-top: 54px} .foot .foot_nav dd{float: left;margin-right: 46px} .foot .foot_nav dd a{color: #999} .foot ul li{color: #999999} .foot ul{margin-top: 60px} .copy{border-top: 1px solid #4d4d4d;background: #222427} .copy .copy_left{float: left;width: 70%;color: #999999;line-height: 90px} .copy .copy_right{float: left;width: 30%;text-align: right;color: #999999;line-height: 90px} /*sem*/ .sem1{padding: 140px 0} .sem1 .left{width: 40%;padding-left: 10%;float:left;padding-top:5.7vw} .sem1 .left .h1{font-size:2.0vw;} .sem1 .left .h2{margin-top:2.86vw;color: #666666;font-size: 0.83vw} .sem1 .right{float: right;width: 50%;text-align: center} .sem1 .right img{width: 70%;} .sem2 .img{width: 106%;margin-left: -3%} .sem2{margin-bottom:360px} .sem2 .sem2_box{background-image: -moz-linear-gradient( 90deg, rgb(53,113,215) 0%, rgb(102,151,235) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(53,113,215) 0%, rgb(102,151,235) 100%); background-image: -ms-linear-gradient( 90deg, rgb(53,113,215) 0%, rgb(102,151,235) 100%);padding:5.2vw 4.1vw;width: 35.4vw;margin-right:3%;float: right;margin-top: -16.6vw;position: relative;z-index: 1} .sem2 .sem2_box .h1{font-size:2.0vw;color: #fff;font-weight: bold} .sem2 .sem2_box .h2{font-size:0.8vw;color: #fff;margin-top: 2.8vw;font-size: 16px;line-height: 45px} .sem2 .sem2_box .h2 p{line-height: 45px} .sem3{padding: 140px 0;background: #f6f6f6} .sem3 .left{float: left;width: 55%;} .sem3 .left .h1{font-size:2.0vw;padding-bottom:2.6vw;color: #111;position: relative} .sem3 .left .h1:after{content: ""; position: absolute;bottom: 0;height: 2px;width: 80px;background: #111;left: 0} .sem3 .left .h2{font-size:1.1vw;margin-top: 4.6vw;color: #111} .sem3 .left .h3{font-size:0.8vw;color: #666666;margin-top: 1.5vw} .sem3 .right{float: right;width: 45%;text-align: center} .sem3 .right img{width: 70%;} .sem3 .swiper-pagination{bottom: 0;text-align: left} .sem3 .swiper-pagination span{width: 10px;height: 10px;margin-right: 20px} .sem_box{padding-bottom:5.2vw } .sem4{padding: 140px 0;} .sem4 .sem4_h1{font-size:2.0vw;text-align: center;color: #111} .sem4 .sem4_h2{font-size:0.93vw;text-align: center;color:#666666;margin-top: 20px } .sem4 ul{margin-top: 80px;text-align: center} .sem4 ul li{display: inline-block;} .sem4 ul li div{background-image: -moz-linear-gradient( 90deg, rgb(53,113,215) 0%, rgb(102,151,235) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(53,113,215) 0%, rgb(102,151,235) 100%); background-image: -ms-linear-gradient( 90deg, rgb(53,113,215) 0%, rgb(102,151,235) 100%);color: #fff;margin: 0 50px;padding: 4.1vw 3.1vw;font-size:1.14vw;border-radius:8px} .sem5 img{width: 100%;} .sem6{padding:160px 0 } .sem6 .h1{text-align: center;font-size: 40px} .sem6 ul{width: 88%;margin: 0 auto;margin-top: 70px;} .sem6 ul li{float: left;width:44%;margin-right: 4%;background: #f5f5f5;padding: 25px 2%;margin-bottom: 30px} .sem6 ul li:nth-child(2n){margin-right: 0} .sem6 ul li .img{width: 80px;height: 80px;background:#3571d7;text-align: center;line-height: 80px;border-radius: 8px;float: left;margin-right: 4%} .sem6 ul li .txt{float: left;width:80%;transition: 0.3 all} .sem6 ul li .txt_h1{font-size: 22px;line-height: 40px} .sem6 ul li .txt_h2{font-size: 16px;line-height: 40px} .sem6 ul li:nth-child(1) .img{background:#3571d7 url(../images/sem6_img1.png)no-repeat center} .sem6 ul li:nth-child(2) .img{background:#3571d7 url(../images/sem6_img2.png)no-repeat center} .sem6 ul li:nth-child(3) .img{background:#3571d7 url(../images/sem6_img3.png)no-repeat center} .sem6 ul li:nth-child(4) .img{background:#3571d7 url(../images/sem6_img4.png)no-repeat center} .sem6 ul li:nth-child(5) .img{background:#3571d7 url(../images/sem6_img5.png)no-repeat center} .sem6 ul li:nth-child(6) .img{background:#3571d7 url(../images/sem6_img6.png)no-repeat center} .sem6 ul li:hover{background:#3571d7} .sem6 ul li:hover .txt .txt_h1,.sem6 ul li:hover .txt .txt_h2{color: #fff} .sem6 ul li:hover:nth-child(1) .img{background:#fff url(../images/sem6_img1_on.png)no-repeat center} .sem6 ul li:hover:nth-child(2) .img{background:#fff url(../images/sem6_img2_on.png)no-repeat center} .sem6 ul li:hover:nth-child(3) .img{background:#fff url(../images/sem6_img3_on.png)no-repeat center} .sem6 ul li:hover:nth-child(4) .img{background:#fff url(../images/sem6_img4_on.png)no-repeat center} .sem6 ul li:hover:nth-child(5) .img{background:#fff url(../images/sem6_img5_on.png)no-repeat center} .sem6 ul li:hover:nth-child(6) .img{background:#fff url(../images/sem6_img6_on.png)no-repeat center} .seo1{padding: 140px 0} .seo1 .left{width: 30%;float: left;font-size: 40px;padding-bottom: 50px;border-bottom: 1px solid #e6e6e6} .seo1 .right{width:55%;float: right;color: #666666;margin-right: 3%;font-size: 16px} .seo2{background: url(../images/seo2_bg.jpg)no-repeat center fixed; height:39.0vw } .seo3{background: #fff;padding:4% 5%; width:62%;margin: 0 auto;position: relative;z-index: 1;margin-top: -360px} .seo3{ box-shadow: 0px 40px 80px 0px rgba(10, 2, 5, 0.13);} .seo3 .img{float: left;width: 35%} .seo3 .txt{float: right;width: 54%} .seo3 .txt .h1{margin-top: 30px;font-size: 40px;padding-bottom: 50px;color: #111111;position: relative} .seo3 .txt .h1:after{width: 50px;height: 1px;background: #111111;content: "";position: absolute;left: 0;bottom: 0} .seo3 .txt .h2{margin-top: 60px;color: #666666;font-size: 16px} .seo4{padding: 140px 0} .seo4 .h1{font-size: 40px;text-align: center} .seo4 ul{width: 72%;margin: 0 auto;margin-top: 70px} .seo4 ul li{float:left;width: 15%;margin-right: 2%;text-align: center;border: 1px solid #d9d9d9;box-sizing: border-box;padding: 40px 0} .seo4 ul li:nth-child(6){margin-right: 0} .seo4 ul li .h2{margin-top: 24px;font-size: 20px} .seo5{padding:140px 0; background: #f6f6f6} .seo5 .left{width: 50%;float: left;text-align: center} .seo5 .left img{width: 50%} .seo5 .right{width: 40%;float: left} .seo5 .right .h1{font-size: 40px;margin-top: 5.0vw} .seo5 .right .h2{margin-top: 40px;color: #666666;font-size: 16px} .seo6{padding: 0px 0} .seo6 .left{float: left;width:40%;margin-left: 3%;padding-top: 7.2vw} .seo6 .left .h1{font-size: 40px} .seo6 .left .h2{font-size: 22px;margin-top: 3.1vw} .seo6 .left .h3{font-size: 16px;margin-top: 1.24vw} .seo6 .right{float: right;width: 50%} .seo6 .right img{width: 100%;} .seo7{padding: 140px 0;background:#f6f6f6 } .seo_7_title{text-align: center;font-size: 40px} .seo7 ul{margin-top: 70px} .seo7 ul li{width: 30%;background: #fff;margin-right: 3.33%;float: left;margin-bottom: 50px} .seo7 ul li .num{line-height: 200px;width: 25%;background: url(../images/seo7_txt_bg.jpg)right repeat-y;text-align: center;font-size: 50px;font-weight: bold;float: left} .seo7 ul li .txt{float: left;width:65%;padding:1.5vw 5%;} .seo7 ul li .txt .h1{font-size: 20px} .seo7 ul li .txt .h2{margin-top: 1.225vw;color: #666666} .seo7 ul li:hover{background:#3571d7 ;} .seo7 ul li:hover .num{color: #fff} .seo7 ul li:hover .txt .h1{color: #fff} .seo7 ul li:hover .txt .h2{color: #fff} .nav_c{border-bottom: 1px solid #ededed;position: relative} .n_nav li{padding: 2.3vw 0;float: left;margin-right: 90px;font-size: 16px;position: relative;} .n_nav li:after{content: "";width: 0;transition: all 0.3s;height: 1px;background: #3571d7;position: absolute;left: 0;bottom: -1px} .n_nav li:hover:after{width: 100%} .n_nav li a{transition: all 0.3s;color: #333} .n_nav li:hover a{color: #3571d7} .nav_c_b{width: 50%;margin: 0!important} .n_nav .on a{color: #3571d7} .n_nav .on:after{width: 100%} .n_nav .search{position: absolute;right: 0;border: 1px solid #e6e6e6;height: 40px;top: 50%;margin-top: -20px} .n_nav .search .text{width: 200px;height: 100%;padding-left: 20px;float: left} .n_nav .search .button{width: 40px;height: 100%;float: left;background: #3571d7 url(../images/search.png)no-repeat center} .case{padding: 60px 0;padding-bottom:150px } .case li{float: left;width:23%;margin-right: 2.666%;margin-bottom: 45px;} .case li:nth-child(4n){margin-right: 0} .case li .h1{font-size: 18px;margin-top: 30px; text-align:center;} .case li img{width: 100%;} .case ul{border-bottom:1px solid #ededed} .case li:hover .h1{color: #3571d7} .case li .fd{position: relative} .case2 li .fd { position: relative; padding: 39.1% 0; overflow:hidden; } .case2 li .fd>img { width: 100%; height: 100% !important; position: absolute; left: 0; top: 0; object-fit: contain; transition: all 0.6s; background:#fff; } .case li .mb{width: 100%;height: 100%;background: rgba(0,0,0,0.60);position: absolute;top: 0;opacity: 0;transition: opacity 0.3s} .case li .mb .ewm{width: 32%;position: absolute;left: 34%;top: 29%} .case li:hover .mb{opacity: 1} .pages { margin-top: 60px; font-size: 14px; font-weight: bold; line-height: 30px; text-align: left;margin-bottom: 30px} .pages a { text-decoration: none; color: #999; background: #fff; border: 1px solid #ddd; padding: 10px 15px; padding-bottom:8px;transition: all 0.3s;margin-right: 20px;} .pages a.active { background: #3571d7; border: 1px solid #ddd; color: #fff; } .pages a:hover { background: #3571d7; border: 1px solid #ddd; color: #fff; } .gddz1{padding: 140px 0} .gddz1 .left{width: 50%;float: left;text-align: center} .gddz1 .left img{width: 70%} .gddz1 .right{width: 50%;float: left} .gddz1 .right .txt{width: 60%;margin: 0 auto} .gddz1 .right .txt .h1{font-size: 40px;font-family: 'Arial';text-transform: uppercase;line-height: 50px;color: #111} .gddz1 .right .txt .h2{font-size: 34px;line-height: 50px;color: #111} .gddz1 .right .txt .h3{font-size: 16px;color: #666;;margin-top: 20px} .gddz1 .right .txt ul li{float: left;width: 38%;margin-right: 3%;margin-bottom: 1.56vw;background:#3571d7;color: #fff;line-height: 45px;text-align: center;margin-right: 1.56vw;border-radius: 5px;font-size: 18px} .gddz1 .right .txt ul li:hover{background: #222427} .gddz1 .right .txt ul li a{color: #fff;display: block} .gddz1 .right .txt ul{margin-top: 3.33vw} .gddz2{padding: 140px 0;background: #f5f5f5} .gddz2 .left{width: 50%;float: right;text-align: center} .gddz2 .left img{max-width: 100%} .gddz2 .right{width: 50%;float: right} .gddz2 .right .txt{width: 60%;margin: 0 auto} .gddz2 .right .txt .h1{font-size: 40px;font-family: 'Arial';text-transform: uppercase;line-height: 50px;color: #111} .gddz2 .right .txt .h2{font-size: 34px;line-height: 50px;color: #111} .gddz2 .right .txt .h3{font-size: 16px;color: #666;;margin-top: 20px} .gddz2 .right .txt ul li{float: left;width: 38%;margin-right: 3%;margin-bottom: 1.56vw;background:#3571d7;color: #fff;line-height: 45px;text-align: center;margin-right: 1.56vw;border-radius: 5px;font-size: 18px} .gddz2 .right .txt ul li:hover{background: #222427} .gddz2 .right .txt ul li a{color: #fff;display: block} .gddz2 .right .txt ul{margin-top: 3.33vw} .gddz3{background: url(../images/gddz3_bg.jpg)no-repeat center fixed;height: 36.45vw;position: relative} .gddz3 .txt{width: 50%;color: #fff;left: 11.35%;position: absolute;top:8.85vw} .gddz3 .txt .h1{font-size: 44px;font-weight: bold} .gddz3 .txt .h2{margin-top: 50px;font-size: 18px;color:#cccccc } .gddz4{padding: 160px 0; } .gddz4 ul{width: 75%;margin: 0 auto;margin-top: 3.12vw} .gddz4 ul li{float: left;width: 14%;margin-right: 2.66%;text-align: center} .gddz4 ul li img{width: 80%} .gddz4 ul li .h1{font-size: 18px;} .gddz5 .left{width: 50%;float: left} .gddz5 .right{width: 50%;float: left;height: 31.31vw;background:#272a31;padding-top: 3.77vw } .gddz5 .left img{width: 100%;} .gddz5 .right .txt{width: 80%;margin: 0 auto;color: #fff} .gddz5 .right .txt .h1{font-size: 1.87vw;font-weight: bold;line-height: 50px} .gddz5 .right .txt .h2{margin-top:2.34vw;font-size: 16px } .gddz5 .right .txt .h3{color:#808080;font-size: 16px} @font-face { font-family: 'david'; src: url('../zt/david.ttf'); } .gddz6{padding:140px 0; } .gddz6 ol{text-align: center;border-bottom: 0px solid #e5e5e5;margin-top:30px;} .gddz6 ol li{ display: inline-block;width:20%;background: url(../images/seo7_txt_bg.jpg)left repeat-y;} .gddz6 ol li .animateNum{font-size:100px;font-weight: bold;color: #3571d7;padding: 10px;position: relative;;font-family: "david";line-height: 80px} .gddz6 ol li:nth-child(1){background:none} .gddz6 ol li .h1{font-size: 30px;font-weight: bold;color: #015ea3;} .gddz6 ol li .h2{font-size:16px;line-height: 40px;margin-top: 30px;display: block} .khan{background:#f5f5f5;padding:100px 0; } .khan .khan_title{text-align: center;font-size: 28px;padding-bottom: 30px;color: #111111;position: relative} .khan .khan_title:after{width: 30px;content: "";height: 3px;background:#111111;position: absolute;left: 50%;margin-left: -15px;bottom: 0} .khan ul{margin-top: 2.60vw} .khan ul li{float: left;width: 23.5%;margin-right: 2%;padding-bottom: 30px;border-bottom: 1px solid #e5e5e5;position: relative} .khan ul li:nth-child(4){margin-right: 0} .khan ul li:after{content: "";width: 0;transition: 0.3s all;height: 1px;bottom: 0;left: 0;background: #015ea3;position: absolute;} .khan ul li:hover:after{width: 100%} .khan ul li:hover .h1{color: #015ea3} .khan ul li img{width: 100%} .khan ul li .h1{margin-top: 20px;font-size: 18px} .khan ul li .h2{color:#666666} .about1 .txt{margin: 0 auto;width: 70%} .about1 .txt .h1{font-size:40px;text-align: center} .about1 .txt .h2{font-size: 16px;color:#666666;margin-top: 60px; text-align: center} .about1{padding: 180px 0} .about1 ul li{height: 250px;line-height: 250px;text-align: center} .about1 ul li img{width: auto;height: auto;max-height: 95% !important;vertical-align: middle; max-width: 95% !important;display: inline-block;margin: 0 auto;transition: 0.3s linear 0s;} .about1 .about1_box1{width:60%;margin-top: 50px;padding-bottom: 50px} .about1 .about1_box1 .swiper-pagination{/*display: none*/ margin-bottom:20px;} .about1 .about1_box2{width:60%;padding-bottom: 50px} .about2{padding:120px 0;background: #f5f5f5 } .about2 ol{text-align: center;border-bottom: 0px solid #e5e5e5;} .about2 ol li{ display: inline-block;width:33%;background: url(../images/seo7_txt_bg.jpg)left repeat-y;} .about2 ol li .animateNum{font-size:140px;font-weight: bold;color: #3571d7;padding: 10px;position: relative;;font-family: "david";line-height: 140px} .about2 ol li:nth-child(1){background:none} .about2 ol li .h1{font-size: 30px;color: #015ea3;} .about2 ol li .h2{font-size:16px;line-height: 40px;margin-bottom: 30px;display: block} .about3{background: url(../images/about3_img.jpg)center no-repeat fixed;height: 36.45vw} .about4{padding-bottom: 140px} .about4 .left{padding: 110px 73px;background: #3571d7;width: 410px;height: 400px;margin-top: -13.02vw;background: #3571d7 url(../images/about4_bg.png)right -30px bottom -30px no-repeat;float: left} .about4 .left .h1{font-size: 44px;font-weight: bold;color: #fff} .about4 .left .h2{margin-top: 46px;color: #fff;font-size: 16px} .about4 .left a{width:50px;height: 50px;background: url(../images/about4_icon.png)right;display: block;border: 1px solid #fff;transition: background-position 0.3s;text-indent: -999999px;margin-top: 100px} .about4 .left a:hover{background-position: left} .about4 .txt{float: right;width:50%;margin-top: 90px;font-size: 16px;color: #333333} .about5{background: url(../images/about5_banner.jpg)no-repeat;height: 36.45vw;position: relative} .about5 .h1{left: 7.2%;position: absolute;top: 10.41vw;font-size: 30px;color: #fff;line-height: 50px} .about5 .h1 *{line-height: 50px} .about6{padding: 140px 0;background: #f5f5f5} .about6 ul{margin-top:3.64vw } .about6 ul li{float: left;height: 22.39vw;margin-bottom: 2.8vw} .about6 ul .img1{width: 62.69%} .about6 ul .img2{float: right;width: 34.25%} .about6 ul li img{width: 100%;} .about7{padding: 100px 0} .about7 .swiper-container li{border:1px solid #e5e5e5} .about7 .swiper-container li:hover{border:1px solid #3571d7} .qwyx1{padding:180px 0;background: url(../images/qwyx1_bg.png)bottom no-repeat} .qwyx1 .txt{margin: 0 auto;width: 70%} .qwyx1 .txt .h1{font-size:40px;text-align: center} .qwyx1 .txt .h2{font-size: 16px;color:#666666;margin-top: 60px; text-align: center} .qwyx2{background: url(../images/qwyx2_bg.jpg)no-repeat center fixed} .qwyx2 ul li{height: 21.87vw;float: left;width: 50%;position: relative;background: url(../images/qwyx2_border.jpg)repeat-y right,url(../images/qwyx2_border.jpg)repeat-x top;} .qwyx2 ul li a{display: block;} .qwyx2 ul li .h1{margin-top: 8.33vw;text-align: center;text-transform: uppercase;letter-spacing: 20px;position: relative;z-index: 1;color: #fff;font-family: 'Arial'} .qwyx2 ul li .h2{text-align: center;font-size: 34px;font-weight: bold;margin-top:50px;position: relative;z-index: 1;color: #fff } .qwyx2 ul li:after{content:"";width: 0;height: 0; left: 50%;top: 50%;position: absolute;background:#3571d7;transition: all 0.3s;opacity: 0.5 } .qwyx2 ul li:hover:after{width: 100%;left: 0;height: 100%;top: 0;} .qwyx3{padding: 160px 0;background: #f5f5f5;} .qwyx3 .left{float: left;width: 50%;text-align: center} .qwyx3 .right{float: right;width: 50%} .qwyx3 .left img{max-width:100%;margin-top: 5.81vw} .qwyx3 .right .txt{width: 80%;margin: 0 auto;float: right} .qwyx3 .right .txt .h1{font-size: 34px} .qwyx3 .right .txt ul li{background: #fff;padding: 20px;padding-left: 90px;margin-bottom: 30px;cursor: pointer} .qwyx3 .right .txt ul{margin-top: 60px} .qwyx3 .right .txt ul li .h3{font-size: 20px;;background: url(../images/qwyx3_img5.png)no-repeat right center} .qwyx3 .right .txt ul li .h2{padding: 20px 0;border-top: 1px solid #fff;display: none;margin-top: 20px;} .qwyx3 .right .txt ul li:nth-child(1){background: #fff url(../images/qwyx3_img1.png)no-repeat 30px 24px} .qwyx3 .right .txt ul li:nth-child(2){background: #fff url(../images/qwyx3_img2.png)no-repeat 30px 24px} .qwyx3 .right .txt ul li:nth-child(3){background: #fff url(../images/qwyx3_img3.png)no-repeat 30px 24px} .qwyx3 .right .txt ul li:nth-child(4){background: #fff url(../images/qwyx3_img4.png)no-repeat 30px 24px} .qwyx3 .right .txt ul li:hover .h3{color: #fff;background: url(../images/qwyx3_img5_on.png)no-repeat right center} .qwyx3 .right .txt ul li:hover .h2{color: #fff} .qwyx3 .right .txt ul li:hover .h2{display: block} .qwyx3 .right .txt ul li:hover:nth-child(1){background:#3571d7 url(../images/qwyx3_img1_on.png)no-repeat 30px 24px} .qwyx3 .right .txt ul li:hover:nth-child(2){background:#3571d7 url(../images/qwyx3_img2_on.png)no-repeat 30px 24px} .qwyx3 .right .txt ul li:hover:nth-child(3){background:#3571d7 url(../images/qwyx3_img3_on.png)no-repeat 30px 24px} .qwyx3 .right .txt ul li:hover:nth-child(4){background:#3571d7 url(../images/qwyx3_img4_on.png)no-repeat 30px 24px} .qwyx4{padding:180px 0 } .qwyx4 .h1{font-size: 40px;line-height: 40px;text-align: center} .qwyx4_box ul {margin-top:5.2vw } .qwyx4_box ul li img{width: 100%} .qwyx4_box{width: 100%} .qwyx4 ul li{position: relative} .qwyx4 ul li .txt{position: absolute;bottom: 0;color: #fff;padding: 0 8%;margin-bottom:20px} .qwyx4 ul li .txt .h2{font-size: 24px;font-weight: bold;margin-bottom: 10px;} .qwyx4 ul li .txt .h3{font-size: 16px;line-height: 24px} .qwyx4 .icon{position: absolute;top: 0;right:4%;width: 100px;display: none} .qwyx4 .icon *{float: left;width: 50%} .qwyx4 .icon *:nth-child(1){background: url(../images/qwyx4_left.jpg)no-repeat center;text-indent: -9999px} .qwyx4 .icon *:nth-child(1):hover{background: url(../images/qwyx4_left_on.jpg)no-repeat center;} .qwyx4 .icon *:nth-child(2){background: url(../images/qwyx4_right.jpg)no-repeat center;text-indent: -9999px} .qwyx4 .icon *:nth-child(2):hover{background: url(../images/qwyx4_right_on.jpg)no-repeat center;} .wmqqtg1{background:#393f4f;padding: 150px 0;padding-bottom: 350px } .wmqqtg1 .txt{margin: 0 auto;width: 70%;color: #fff} .wmqqtg1 .txt .h1{font-size:40px;text-align: center} .wmqqtg1 .txt .h2{font-size: 16px;color:#fff;margin-top: 60px; text-align: center} .wmqqtg2{background: #f6f6f6} .wmqqtg2_box .swiper-pagination{display: none} .wmqqtg2_box_b{padding: 4.1vw 3%;top: -11.45vw;z-index: 1;position: relative;background: #fff;} .wmqqtg2_box ul li{float: left;width: 30%;} .wmqqtg2_box ul li img{width: 100%} .wmqqtg2_box ul li .h1{font-size: 24px;margin-top: 10px;} .wmqqtg2_box ul li .h2{font-size: 16px;color: #666;margin-top: 10px} .wmqqtg3{padding:150px 0} .wmqqtg3 .h1{font-size: 40px;text-align: center} .wmqqtg3 .p{text-align: center;margin-top:3.64vw } .wmqqtg3 .p img{margin: 0 20px;width: 30%} .wmqqtg4{background: url(../images/wmqqtg4_bg.jpg)no-repeat center;padding: 130px 0} .wmqqtg4 .h1{color: #fff;font-size: 40px;text-align: center} .wmqqtg4 .wmqqtg4_box ul li{background: #fff;color: #333;margin-bottom: 45px;margin-top: 0!important;;padding:30px 0;border-radius: 10px;} .wmqqtg4 .wmqqtg4_box ul{margin-top: 4.12vw} .wmqqtg4 .wmqqtg4_box ul li .p{padding-top:90px;text-align: center;font-size: 18px} .wmqqtg4 .wmqqtg4_box ul li:nth-child(1){background:#fff url(../images/wmqqtg4_img1.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:nth-child(2){background:#fff url(../images/wmqqtg4_img2.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:nth-child(3){background:#fff url(../images/wmqqtg4_img3.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:nth-child(4){background:#fff url(../images/wmqqtg4_img4.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:nth-child(5){background:#fff url(../images/wmqqtg4_img5.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:nth-child(6){background:#fff url(../images/wmqqtg4_img6.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:nth-child(7){background:#fff url(../images/wmqqtg4_img7.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:nth-child(8){background:#fff url(../images/wmqqtg4_img8.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(1){background:#3571d7 url(../images/wmqqtg4_img1_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(2){background:#3571d7 url(../images/wmqqtg4_img2_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(3){background:#3571d7 url(../images/wmqqtg4_img3_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(4){background:#3571d7 url(../images/wmqqtg4_img4_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(5){background:#3571d7 url(../images/wmqqtg4_img5_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(6){background:#3571d7 url(../images/wmqqtg4_img6_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(7){background:#3571d7 url(../images/wmqqtg4_img7_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover:nth-child(8){background:#3571d7 url(../images/wmqqtg4_img8_on.png)no-repeat center 30px } .wmqqtg4 .wmqqtg4_box ul li:hover .p{color: #fff} .wmqqtg4 .swiper-pagination-bullet{background: #fff;opacity: 1} .wmqqtg4 .swiper-pagination-bullet-active{background: #007aff;opacity: 1} .wmqqtg4_box .swiper-pagination{display: none} .wmqqtg5{padding: 160px 0} .wmqqtg5 .h1{font-size: 40px} .wmqqtg5 .left{float: left;width: 50%;} .wmqqtg5 .left .txt{width: 80%;margin: 0 auto} .wmqqtg5 .left .txt ul{margin-top:4.16vw } .wmqqtg5 .left .txt ul li{float: left;width:16%;margin-bottom: 30px;font-size: 18px;position: relative;padding-left: 30px;line-height: 20px;} .wmqqtg5 .left .txt ul li:after{width:20px;height: 20px;border-radius: 5px; content: "";position: absolute;left: 0;} .wmqqtg5 .left .txt ul li:nth-child(1):after{background: #bc2126} .wmqqtg5 .left .txt ul li:nth-child(2):after{background: #ecc842} .wmqqtg5 .left .txt ul li:nth-child(3):after{background: #b5c031} .wmqqtg5 .left .txt ul li:nth-child(4):after{background: #4073b5} .wmqqtg5 .left .txt ul li:nth-child(6):after{background: #6b86bc} .wmqqtg5 .left .txt ul li:nth-child(7):after{background: #be31ba} .wmqqtg5 .left .txt ul li:nth-child(8):after{background: #31b0be} .wmqqtg5 .left .txt ul li:nth-child(9):after{background: #4180c1} .wmqqtg5 .right{float: left;width: 50%;text-align: center} .wmqqtg5 .right img{width: 100%} .wmqqtg6{padding: 110px 0;background:#393f4f} .wmqqtg6 .h1{color: #fff;text-align: center;font-size: 40px;} .wmqqtg6 .p{text-align: center;margin-top: 70px} .wmqqtg6 .p img{width: 80%} .wmqqtg7{background:#393f4f url(../images/wmqqtg7_img.png.jpg)no-repeat top center;height: 41.66vw;background-size: 100%;position: relative} .wmqqtg7 .txt{top: 13.02vw;position: absolute;left: 9.3%;color: #fff} .wmqqtg7 .txt .h1{font-size: 40px;line-height:70px} .wmqqtg7 .txt .h2{font-size: 24px;font-family: "Arial"} .wmqqtg8{padding: 150px 0} .wmqqtg8 .h1{font-size: 40px;text-align: center} .wmqqtg8 ul{width: 80%;;margin: 0 auto;margin-top: 4.12vw} .wmqqtg8 ul li{float:left;width: 48%;margin: 0 1%} .wmqqtg8 ul li .title1{font-size: 26px;color: #fff;text-align: center;background: #3571d7;line-height: 70px} .wmqqtg8 ul li .txt{border: 1px solid #e5e5e5;padding:50px 6%;line-height: 46px;color: #666666;height: 350px} .wmqqtg8 ul li .txt span{color: #111} .wmqqtg9{padding: 140px 0;background:#f6f6f6} .wmqqtg9 .left .txt{width: 90%;margin: 0 auto} .wmqqtg9 .left .txt .h1{font-size: 40px;margin-bottom:2.6vw;line-height: 50px } .wmqqtg9 .left .txt .h2{font-size: 24px;margin-bottom: 10px} .wmqqtg9 .left .txt .h3{font-size: 16px;color: #666666;margin-bottom:2.6vw } .wmqqtg9 .left{float: left;width: 50%} .wmqqtg9 .right{float: left;width: 50%;position: relative;left: 3%} .wmqqtg9 .right img{width: 100%} .wxxcx1{padding: 160px 0} .wxxcx1 .h1{font-size: 40px} .wxxcx1 .left{float: left;width: 40%} .wxxcx1 .left .a{margin-top:240px;display: block;width: 55px;height: 55px;text-indent: -9999px;background: url(../images/wxxcx1_a.jpg)left no-repeat;border: 1px solid #111111} .wxxcx1 .left .a:hover{background-position: right} .wxxcx1 .right{float: left;width:60%;} .wxxcx1 .right ul li{float: left;width: 40%;margin-right:8%;margin-bottom: 80px} .wxxcx1 .right ul li .h2{font-size: 16px;font-weight: bold} .wxxcx1 .right ul li .h3{margin-top: 25px;color: #666;height: 90px;font-size: 16px} .wxxcx2{background: url(../images/wxxcx2_bg.jpg)no-repeat center;padding: 120px 0} .wxxcx2 .right{width: 45%;float: right} .wxxcx2 .right .h1{color: #fff;font-size: 40px;line-height: 50px} .wxxcx2 .right ul{margin-top:2.6vw} .wxxcx2 .right ul li{float: left;width: 40%;margin-right: 5%;margin-top: 1.56vw} .wxxcx2 .right ul li .h2{color: #fff;font-size: 18px;margin-top:0.52vw} .wxxcx3{background: url(../images/wxxcx3_bg.jpg)no-repeat center;height: 35.97vw} .wxxcx3_m{background: url(../images/wxxcx3_m_bg.jpg)no-repeat center; height:415px;display: none} .wxxcx4{padding: 140px 0} .wxxcx4 ul{width: 80%;margin: 0 auto;margin-top: 80px} .wxxcx4 ul li{float: left;margin-right:3%;width:calc(27.33% - 2px) ;padding:30px 2%;border: 1px solid #e6e6e6;margin-bottom:50px } .wxxcx4 ul li:nth-child(3n){margin-right: 0} .wxxcx4 ul li img{float: left;margin-right:5%;top: 0;position: relative;transition: all 0.3s} .wxxcx4 ul li:hover img{position: relative;top: -5px} .wxxcx4 ul li .h1{font-size: 20px;} .wxxcx4 ul li .h2{color: #666} .wxxcx5{background: url(../images/wxxcx4_bg.jpg)no-repeat center;padding: 130px 0} .wxxcx5 .right{width: 40%;float: right} .wxxcx5 .right .h1{font-size:40px;padding-bottom: 50px;position: relative} .wxxcx5 .right .h1:after{content: "";height: 2px;width: 40px;position: absolute;bottom: 0;left: 0;background: #111} .wxxcx5 .right .h2{margin-top: 2.34vw;font-size: 16px} .wxxcx5 .right .h3{color:#666666 } .wxxcx6{overflow: hidden} .wxxcx6 img{width: 100%;} .wxxcx7{padding: 180px 0} .wxxcx7 ul {margin-top:3.9vw;padding-bottom: 50px } .wxxcx7 ul li{text-align: center} .wxxcx7 ul li img{width: 60%} .wxxcx7 ul li .h1{font-size: 18px;text-align: center} .wxxcx7 .swiper-pagination{display: none} .wxxcx7 .img_on{display: none;position: absolute;left: 20%;top:30px} .wxxcx7 ul li:hover .img_on{display: inline-block} .wxyy1 ul li{float: left;width: calc(23.33% - 1px);border-right: 1px solid #e6e6e6;background: #f6f6f6;border-bottom: 1px solid #e6e6e6;padding: 6.77vw 5%} .wxyy1 ul{background: url(../images/wxyy1_bg.jpg)no-repeat center;background-size: 100% 100%} .wxyy1 ul li .h2{height: 60px;color: #666666;margin-top: 26px} .wxyy1 ul li a{display: block} .wxyy1 ul li .h1{font-size: 30px;} .wxyy1 ul li:hover{background: none;} .wxyy1 ul li:hover .h2,.wxyy1 ul li:hover .h1{color: #fff} .wxyy2{padding: 175px 0} .wxyy2 .h1{text-align: center;font-size: 40px} .wxyy2 ul li{float: left;width: 25%;margin-bottom: 50px} .wxyy2 ul li .c{width: 100px;height: 100px;border-radius: 50%;border: 1px solid #dfdfdf;margin: 0 auto} .wxyy2 ul li .h2{font-size:20px;text-align: center;margin-top: 30px} .wxyy2 ul{margin-top:4.16vw } .wxyy2 ul li:nth-child(1) .c{background: url(../images/wxyy2_img1.png)no-repeat center} .wxyy2 ul li:nth-child(2) .c{background: url(../images/wxyy2_img2.png)no-repeat center} .wxyy2 ul li:nth-child(3) .c{background: url(../images/wxyy2_img3.png)no-repeat center} .wxyy2 ul li:nth-child(4) .c{background: url(../images/wxyy2_img4.png)no-repeat center} .wxyy2 ul li:nth-child(5) .c{background: url(../images/wxyy2_img5.png)no-repeat center} .wxyy2 ul li:nth-child(6) .c{background: url(../images/wxyy2_img6.png)no-repeat center} .wxyy2 ul li:nth-child(7) .c{background: url(../images/wxyy2_img7.png)no-repeat center} .wxyy2 ul li:nth-child(8) .c{background: url(../images/wxyy2_img8.png)no-repeat center} .wxyy2 ul li:nth-child(1) .c:hover{background:#3571d7 url(../images/wxyy2_img1_on.png)no-repeat center} .wxyy2 ul li:nth-child(2) .c:hover{background:#3571d7 url(../images/wxyy2_img2_on.png)no-repeat center} .wxyy2 ul li:nth-child(3) .c:hover{background:#3571d7 url(../images/wxyy2_img3_on.png)no-repeat center} .wxyy2 ul li:nth-child(4) .c:hover{background:#3571d7 url(../images/wxyy2_img4_on.png)no-repeat center} .wxyy2 ul li:nth-child(5) .c:hover{background:#3571d7 url(../images/wxyy2_img5_on.png)no-repeat center} .wxyy2 ul li:nth-child(6) .c:hover{background:#3571d7 url(../images/wxyy2_img6_on.png)no-repeat center} .wxyy2 ul li:nth-child(7) .c:hover{background:#3571d7 url(../images/wxyy2_img7_on.png)no-repeat center} .wxyy2 ul li:nth-child(8) .c:hover{background:#3571d7 url(../images/wxyy2_img8_on.png)no-repeat center} .wxyy2 img{width: 80%;display: block;margin: 0 auto;margin-top: 20px} .wxyy3{padding: 160px 0;background-image: -moz-linear-gradient( 90deg, rgb(1,93,163) 0%, rgb(53,141,209) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(1,93,163) 0%, rgb(53,141,209) 100%); background-image: -ms-linear-gradient( 90deg, rgb(1,93,163) 0%, rgb(53,141,209) 100%);} .wxyy3 .right,.wxyy3 .left{float: left;width: 50%} .wxyy3 .right{text-align: center} .wxyy3 .right img{width: 73%;} .wxyy3 .left .h1{font-size: 40px;color: #fff;padding-bottom: 50px;position: relative} .wxyy3 .left .h1:after{position: absolute;bottom: 0;left: 0;width: 40px;height: 1px;background: #fff;content: ""} .wxyy3 .left ul li{color: #fff;width: 50%;float: left;margin-top: 45px} .wxyy3 .left ul li .h2{font-size: 22px} .wxyy3 .left ul li .h3{color: #94c1e3;margin-top:5px} .wxyy4{height: 43vw} .wxyy4 ul li{width: 25%;float: left;line-height:43vw;text-align: center;font-size: 30px;color: #fff;position: relative} .wxyy4 ul li a{color: #fff;display: block;z-index: 1;position: relative} .wxyy4 ul li:nth-child(1){background: url(../images/wxyy3_img1.jpg)no-repeat center;background-size: 100%} .wxyy4 ul li:nth-child(2){background: url(../images/wxyy3_img2.jpg)no-repeat center;background-size: 100%} .wxyy4 ul li:nth-child(3){background: url(../images/wxyy3_img3.jpg)no-repeat center;background-size: 100%} .wxyy4 ul li:nth-child(4){background: url(../images/wxyy3_img4.jpg)no-repeat center;background-size: 100%} .wxyy4 ul li:after{content: "";width:0%;height:0%;position: absolute;background: #000;opacity: 0.6;left:50%;top: 50%;transition: all 0.5s} .wxyy4 ul li:hover:after{width: 90%;height: 90%;left:5%;top: 5%;} .wxyy5{padding: 180px 0} .wxyy5 ul{margin-top: 3.64vw} .wxyy5 ul li{float: left;width: 23%;margin-right: 2.666%;background: #f6f6f6} .wxyy5 ul li:nth-child(4n){margin-right: 0} .wxyy5 ul li .h2{padding-top:130px;margin-bottom:45px;text-align: center;font-size: 22px} .wxyy5 ul li:nth-child(1){background:#f6f6f6 url(../images/wxyy5_img1.png)no-repeat center 50px } .wxyy5 ul li:nth-child(2){background:#f6f6f6 url(../images/wxyy5_img2.png)no-repeat center 50px} .wxyy5 ul li:nth-child(3){background:#f6f6f6 url(../images/wxyy5_img3.png)no-repeat center 50px} .wxyy5 ul li:nth-child(4){background:#f6f6f6 url(../images/wxyy5_img4.png)no-repeat center 50px} .wxyy5 ul li:hover:nth-child(1){background:#3571d7 url(../images/wxyy5_img1_on.png)no-repeat center 50px } .wxyy5 ul li:hover:nth-child(2){background:#3571d7 url(../images/wxyy5_img2_on.png)no-repeat center 50px} .wxyy5 ul li:hover:nth-child(3){background:#3571d7 url(../images/wxyy5_img3_on.png)no-repeat center 50px} .wxyy5 ul li:hover:nth-child(4){background:#3571d7 url(../images/wxyy5_img4_on.png)no-repeat center 50px} .wxyy5 ul li:hover .h2{color: #fff} .newinfo{background:#f6f6f6;padding-top: 200px;padding-left: 9%!important;padding-right: 9%!important;padding-bottom: 45px } .newinfo .newinfo_box{background: #fff;padding: 50px 3%} .newinfo .newinfo_box .h1{font-size: 30px;margin-bottom: 28px;position: relative} .newinfo .newinfo_box .h1 .h1_p{width: 70%;line-height: 45px} .newinfo .newinfo_box .h1 .bdsharebuttonbox{position: absolute;right: 0;top: 0} .newinfo .newinfo_box .h2{color: #666666;padding-bottom: 50px;border-bottom: 1px solid #ebebeb} .newinfo .newinfo_box .h1 .bdsharebuttonbox .bds_weixin{background: url(../images/newinfo_img_icon1.jpg)no-repeat center;width: 30px;height: 30px;margin: 0 10px;padding: 0} .newinfo .newinfo_box .h1 .bdsharebuttonbox .bds_tsina{background: url(../images/newinfo_img_icon2.jpg)no-repeat center;width: 30px;height: 30px;margin: 0 10px;padding: 0} .newinfo .newinfo_box .h1 .bdsharebuttonbox .bds_weixin:hover{background: url(../images/newinfo_img_icon1_on.jpg)no-repeat center;} .newinfo .newinfo_box .h1 .bdsharebuttonbox .bds_tsina:hover{background: url(../images/newinfo_img_icon2_on.jpg)no-repeat center;} .newinfo .newinfo_box .content{padding: 45px 0} .newinfo .newinfo_box .content img{ max-width:100%; height:auto !important;} .newinfo .newinfo_box .content video{ max-width:100%; height:auto !important; display:block; margin:0 auto;} .new_move{padding-top: 30px;border-top:1px solid #dadada} .new_move .new_move_prev:hover span,.new_move .new_move_next:hover span{color: #015ea3} .new_move .a{float: right;width: 170px;height: 44px;text-align: center;border: 1px solid #dadada;line-height: 44px} .new_move .a:hover{background: #015ea3;color: #fff} .newinfo2{padding: 60px 3%;background: #fff;margin-top:50px} .newinfo2 .txtle{padding-left:36px;background: url(../images/productinfo4_title_icon.png)no-repeat left;font-size: 20px;border-bottom: 1px solid #e0e0e0;line-height: 55px} .newinfo2 .txtle a{font-size: 16px;float: right} .newinfo2 ul{margin-top:32px } .newinfo2 ul li img{width: 100%;height:12vw} .newinfo2 ul li .txt1{font-size: 16px;margin-top: 20px} .newinfo2 ul li .txt2{color: #666} .newinfo2 ul li{float: left;margin-right: 33px; width:325px;} .newinfo2 ul li:nth-child(4n){margin-right: 0} .newinfo2 .swiper-container{padding-bottom: 50px} .new ul li{float: left;width: 48%;margin-right: 4%;margin-top: 55px;background: #f6f6f6;} .new ul li:nth-child(2n){margin-right: 0} .new ul li .fd{float: left;width:40%} .new ul li .fd img{width: 100%;} .new ul li .txt{float:left;width:52%;padding:0 4%; padding-top:1.56vw} .new ul li .txt .h1{font-size: 20px} .new ul li .txt .h2{color: #999;margin-top:0.52vw;} .new ul li .txt .h3{margin-top:0.67vw} .new ul li:hover img{transform: scale(1.05)} .new ul li:hover .txt .h1,.new ul li:hover .txt .h2,.new ul li:hover .txt .h3{color: #fff} .new ul li:hover{background:#3571d7 } .yytg1{padding: 175px 0} .yytg1 .left,.yytg1 .right{width: 50%;float: left} .yytg1 .h1{font-size: 2.08vw;line-height: 50px} .yytg1 .h2{margin-top: 3.64vw;color: #666666} .yytg1 .right{text-align: center} .yytg1 .right img{width: 90%} .yytg2 .left{float: left;width:50%;} .yytg2 .left{float: left;width:50%;} .yytg2 .left img{width: 100%;} .yytg2 .right{height: 42.92vw;background: #f5f5f5;width: 40%;padding: 0 5%;float: left} .yytg2 .right .h1{margin-top:6.25vw;font-size:2.08vw} .yytg2 .right .h2{margin-top: 2.34vw;color: #666666} .yytg2 .right ul{margin-top:4.16vw } .yytg2 .right ul li{float:left;width: 48%;margin-right: 4%;background: #2b88d6;color: #fff;height: 6.77vw;line-height: 6.77vw;text-align: center;font-size: 20px;margin-bottom: 1.5vw} .yytg2 .right ul li:nth-child(2n){margin-right: 0} .yytg3{background: url(../images/yytg3_img.jpg)no-repeat center ;padding-top: 7.94vw;padding-bottom:24.02vw;} .yytg3 img{width: 10%;margin: 0 auto;display: block;margin-bottom: 1.56vw} .yytg4{padding: 150px 0;background: #f5f5f5} .yytg4 ul li{float: left;width: 25%;text-align: center} .yytg4 ul li .h1{margin-top: 2.60vw;font-size: 20px} .yytg4 ul li .h2{margin: 0 auto;margin-top: 1.3vw;color: #666666;width: 80%;} .yytg5{padding: 160px 0} .yytg6{overflow: hidden} .yytg6 img{width:100%;margin-left: -0%} .yytg7{padding: 160px 0} .yytg7 .h1{font-size: 40px;text-align: center} .yytg7 ul li{float: left;width: 25%;text-align: center;margin: 1.08vw 0} .yytg7 ul{margin-top: 4.68vw} .yytg7 ul li .h2{font-size:80px;font-weight: bold;line-height: 100px;color: #2b88d6;font-family: "Impact";position: relative;top: 0; transition: all 0.3s} .yytg7 ul li:hover .h2{top: -10px} .yytg7 ul li .h3{width: 80%;margin: 0 auto;font-size: 16px} .zxly{background:#f6f6f6;padding-top: 200px;padding-left: 9%!important;padding-right: 9%!important;padding-bottom: 45px } .zxly .zxly_box{background: #fff;padding: 50px 3%} .zxly .zxly_box .left{width: 47%;margin-right: 4%;float: left;margin-top: 55px} .zxly .zxly_box .left ul li{margin-bottom: 20px} .zxly .zxly_box .left ul li .txt{padding-left: 2%;width:98%;line-height: 55px;height: 55px;border: 1px solid #e0e0e0;} .zxly .zxly_box .left ul li .txt::-webkit-input-placeholder{color:#b0b0b0;} .zxly .zxly_box .left ul li textarea::-webkit-input-placeholder{color:#b0b0b0;} .zxly .zxly_box .left ul li .textarea{height: 170px;resize: none;padding-left: 2%;width:98%;padding-top: 2%;border: 1px solid #e0e0e0;} .zxly .zxly_box .left ul li .button{width: 100%;color: #fff;background: #3571d7;height: 55px} .zxly .zxly_box .left ul li .button:hover{background: #222427} .zxly .zxly_box .right{height: 575px;border: 1px solid #e0e0e0;float: right;width: 48%;margin-top: 55px;text-align: center;position: relative} .zxly .zxly_box .right_img{margin-top: 85px} .zxly .zxly_box .right .h1{text-align: center;font-size: 20px;margin-top: 20px} .zxly .zxly_box .right ul{padding:0 30px;position: absolute;bottom: 30px} .zxly .zxly_box .right ul li{float: left;width: 61%;margin-right: 4%;text-align: left;font-size: 16px;color: #666} .zxly .zxly_box .right ul li:nth-child(2n){margin-right: 0;width: 35%;} .in_23{padding: 95px 0 35px;} .m-list{display: flex;justify-content: space-between;margin: 50px auto 0;width: 60%;} .m-list li{/*width: 48%;*/ width:32%;} .m-list li img{max-width: 100%;} .clearfix::after { content: ""; clear: both; overflow: hidden; display: block; height: 0; visibility: hidden; } .fl{float: left;} .fr{float: right} /*display*/ .flex-column{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .flex-wrapper{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .m-box{display: flex;margin-top: 50px;flex-wrap: wrap;} .m-box .m-img{overflow: hidden;} .m-box img{max-width: 100%;width: 100%;transition: all .4s linear;} .m-box .m-img:hover img{transform: scale(1.1)} /* .m-box .box-l{width: 50%} .m-box .box-l img{height: 600px;} */ .m-box .box-r{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;} .m-box .box-r::after{ content: ''; width: 23.5%; } .m-box .box-r li{width: 23.5%;margin-bottom: 3%;} .m-box .box-r li .m-img{ position: relative; padding: 32% 0; overflow: hidden; } .m-box .box-r li img{ /* height: 265px; */ position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* object-fit: contain; */ } .m-box .h1{font-size: 18px;line-height: 70px;text-align: center;color: #000011;background: #fff;transition: all .3s linear;} .m-box .h1:hover{background: #3571d7;color: #fff;} .m-box2{padding: 90px 0;background: #f6f6f6;} .m-box2 img{max-width: 100%;} .box2-ctn{width: 75%;margin: 0 auto;padding-top: 90px;} .box2-ctn .img{float: left;width: 45%;} .box2-ctn ul{width: 45%;float: right;;} .box2-ctn ul li{margin-bottom: 30px} .box2-ctn ul li h3{font-size: 24px;font-weight: bold;color: #111111;margin-bottom: 5px} .box2-ctn ul li .txt{font-size: 16px;color: #666666} .m-box3{padding: 165px 0;} .box3-ctn{width: 75%;margin: 0 auto;} .box3-ctn .title{height: 70px;line-height: 70px;margin-bottom: 78px} .box3-ctn .title h3{float: left;width: 40%;text-align: center;color: #fff;background: #f6bf04;font-size: 32px;font-weight: bold;border-radius: 8px} .box3-ctn .title h3.color{background: #a1a1a1;} .box3-ctn .title .vs{float: left;width: 20%;text-align: center;height: 70px;line-height: 70px;} .box3-ctn .title .vs span{display: none;} .box3-list li{height: 85px;margin-bottom: 40px} .box3-list li>div{float: left;} .box3-list li .l, .box3-list li .r{background: #f4f4f4;width: 40%;font-size: 16px;color: #333333;box-sizing: border-box;padding: 10px 30px;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;border-radius: 8px!important} .box3-list li .c{width: 20%;text-align: center;font-size: 22px;color: #111111;line-height: 85px;background: #fff;} .box3-list li .txt{width: 75%;margin-left: 3%} .m-box4 ul{width: 75%;margin: 0 auto;padding-top: 75px;text-align: center} .m-box4 ul li{width: 33%;text-align: center;float: left;} .m-box4 img{max-width: 100%;} .m-box4 ul li h3{font-size: 30px;font-weight: bold;color: #111111;margin-top: 15px;} .m-box5{padding: 100px 0 180px} .m5-list{width: 80%;margin: 0 auto;padding-top: 70px;text-align: center} .m5-list li{width: 30%;text-align: center;position: relative;float: left;margin-right: 3%} .m5-list li h4{width: 75%;height: 56px;line-height: 56px;background: #fff;border-radius: 5px;z-index: 9;position: absolute;left: 50%;bottom: -56px;transform: translate(-50%,-50%);box-shadow: 0px 10px 30px 0px rgba(9, 3, 5, 0.1);font-size: 18px;color: #333} .m5-list li img{max-width: 100%;} .box6-list{width: 80%;margin: 0 auto;padding-top: 70px;} .box6-list .img{width: 47%;background: #fff;float: left;height: 100%;text-align: center} .box6-list .img:first-child{margin-right: 6%} .box6-list img{max-width: 100%;} .m-box7{padding: 130px 0 185px} .m-box7 img{max-width: 100%;} .m-box7 .box7-list{width: 80%;margin: 0 auto;padding-top: 70px;} .m-box7 .box7-list .img{width: 47%; box-shadow: 0px 15px 50px 0px rgba(9, 3, 5, 0.07);padding: 30px;box-sizing: border-box;float: left;} .m-box7 .box7-list .img:first-child{margin-right: 6%} .box8-ctn{width: 83%;margin: 0 auto;padding-top: 65px;} .box8-ctn img{max-width: 100%;} .box8-ctn .img{float: left;width: 45%;} .box8-list{width: 48%;float: right;} .box8-list li{display: flex;line-height: 66px;background: #fff;justify-content: space-between;border-radius: 30px;margin-top: 50px;} .box8-list li span{width: 66px;height: 66px;border: 2px solid #67696d;font-size: 32px;color: #111111;border-radius: 50%;text-align: center;} .box8-list li .txt{width: 80%;line-height: 66px;font-size: 18px;color: #333333;} .m-box9{padding: 160px 0} .m-box9 .img{text-align: center;padding-top: 100px;} .m-box9 img{max-width: 100%;} .m-box10 .img{text-align: center;padding-top: 80px;} .m-box10 img{max-width: 100%;} .m-box11{padding: 130px 0} .m11-list{padding-top: 50px;width: 80%;margin: 0 auto;} .m11-list li{width: 48%;height: 290px;margin-right: 4%;box-sizing: border-box;padding: 30px;color: #fff;position: relative;overflow: hidden;float: left;margin-bottom: 50px} .m11-list li:first-child{background: #417cff} .m11-list li:nth-child(2){background: #2f9afd} .m11-list li:nth-child(3){background: #fe951a} .m11-list li:nth-child(4){background: #ff4660} .m11-list li:nth-child(2n){margin-right: 0;} .m11-list li h3{font-size: 24px;font-weight: bold;line-height: 34px;margin-bottom: 25px} .m11-list li .txt{font-size: 18px} .m11-list li .txt span{display: inline-block;margin-right: 20px} .m11-list li .txt span:last-child{margin-right: 0} .m11-list li .a{position: absolute;left: 30px;bottom: -30px} .ggtg1{padding: 160px 0;} .ggtg1-list{width: 70%;margin: 0 auto;padding-top: 80px;} .ggtg1-list img{max-width: 100%;transition: all .4s linear} .ggtg1-list li{width: 45%;float: left;text-align: center;overflow: hidden;} .ggtg1-list li:nth-child(2){float: right;} .ggtg2{padding: 50px 0 200px} .ggtg2 img{max-width: 100%;} .ggtg2-list{width: 80%;margin: 0 auto;padding-top: 60px;} .ggtg2-list li{background: #f6f6f6;width: 30%;height: 410px;border-radius: 10px;text-align: center;margin-right: 5%;float: left;} .ggtg2-list li:last-child{margin-right: 0} .ggtg2-list li h3{font-size: 24px;font-weight: bold;color: #111;margin: 20px auto 25px} .ggtg2-list li .txt{width: 88%;font-size: 16px;color: #333} .ggtg3 img{max-width: 100%;} .ggtg3{background:url(../images/ggtg3-bg.jpg) no-repeat center;padding: 100px 0 130px} .ggtg3 .txt1{color: #fff;} .ggtg3-ctn{width: 83%;margin: 0 auto;padding-top: 65px;} .ggtg3-list{background: #fff;} .ggtg3-list li{transition: all 0.4s linear; padding: 10px 0; color: #bbbbbb;display: inline-block;width: 16.4%;cursor: pointer;text-align: center;background: #fff;} .ggtg3-list li.on,.ggtg3-list li:hover{color: #111;background: #f6f6f6} .ggtg3-list li i{display: inline-block;width: 60px;height: 60px;} .ggtg3-list li i.i1{background: url(../images/hi1.png) no-repeat center} .ggtg3-list li i.i2{background: url(../images/hi2.png) no-repeat center} .ggtg3-list li i.i3{background: url(../images/hi3.png) no-repeat center} .ggtg3-list li i.i4{background: url(../images/hi4.png) no-repeat center} .ggtg3-list li i.i5{background: url(../images/hi5.png) no-repeat center} .ggtg3-list li i.i6{background: url(../images/hi6.png) no-repeat center} .ggtg3-list li.on i.i1,.ggtg3-list li:hover i.i1{background-image: url(../images/hi1-on.png)} .ggtg3-list li.on i.i2,.ggtg3-list li:hover i.i2{background-image: url(../images/hi2-on.png)} .ggtg3-list li.on i.i3,.ggtg3-list li:hover i.i3{background-image: url(../images/hi3-on.png)} .ggtg3-list li.on i.i4,.ggtg3-list li:hover i.i4{background-image: url(../images/hi4-on.png)} .ggtg3-list li.on i.i5,.ggtg3-list li:hover i.i5{background-image: url(../images/hi5-on.png)} .ggtg3-list li.on i.i6,.ggtg3-list li:hover i.i6{background-image: url(../images/hi6-on.png)} .ggtg3-list li h4{font-size: 16px;} .item-box{min-height: 490px;background: #f6f6f6;} .ggtg3-item {padding: 50px;box-sizing: border-box;display: none;} .ggtg3-item .img{width: 45%;float: left;text-align: center} .ggtg3-item .ctn{width: 50%;float: right;box-sizing: border-box;padding-top: 90px;} .ggtg3-item .ctn h3{font-size: 34px;font-weight: bold;color: #111111;margin-bottom: 25px} .ggtg3-item .ctn .txt{font-size: 16px;color: #666666} .ggtg3-item.on{display: block} .pico-list li{float: left;width: 25%;height: 260px;background: #fff;border-right: 1px solid #e6e6e6;box-sizing: border-box;} .pico-list li:last-child{border-right: 0 none;} .pico-list li h3{font-size: 18px;font-weight: bold;color: #515151;margin: 25px 0 2px} .ggtg4{padding: 165px 0 210px} .ggtg4 img{max-width: 100%;} .ggtg4-list{width: 80%;margin: 0 auto;padding-top: 70px;text-align: center} .ggtg4-list li{width: 30%;margin-right:5%;margin-bottom: 50px;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;} .ggtg4-list li:nth-child(3n){margin-right: 0} .ggtg4-list li .img{margin-right: 20px;display: inline-block;text-align:left} .ggtg4-list li .ctn{display: inline-block;text-align: left;box-sizing: border-box;} .ggtg4-list li .ctn h3{font-size: 20px;color: #111111;} .ggtg4-list li .ctn h4{font-size: 14px;color: #333333} .ggtg5{background: #f6f6f6;padding-left: 12%;padding-bottom: 110px} .ggtg5 .img {transform: translateY(-25%);text-align: right} .ggtg5 .img img{max-width: 100%;} .ggtg5 h3{font-size: 40px;margin-bottom: 45px} .ggtg5-list li {margin-top: 30px;display: flex;align-items: center} .ggtg5-list li h4{display: inline-block;position: relative;font-size: 18px;color: #d93a2b;width: 22%;position: relative;} .ggtg5-list li h4::after{content: '';display: inline-block;width: 38px;height: 1px;background: #c8c8c8;position: absolute;right: 20%;top: 50%} .ggtg5-list li .txt{display: inline-block;font-size: 16px;color: #333333;width: 75%;box-sizing: border-box;} .ggtg6{padding: 160px 0 60px;} .ggtg6 img{max-width: 100%;} .ggtg6-list{padding-top: 80px;width: 88%;margin: 0 auto;} .ggtg6-list li{width: 30%;text-align: center;float: left;margin-right: 5%} .ggtg6-list li:last-child{margin-right: 0} .ggtg6-list li h4{font-size: 24px;color: #111111;margin: 30px auto 15px;} .ggtg6-list li .txt{font-size: 16px;color: #333} @media screen and (max-width: 1800px){ .box3-ctn .title h3{width: 42%} .box3-ctn .title .vs{width: 15%} .box3-list li .c{width: 15%} .box3-list li .txt{font-size: 15px;} .box3-list li .l, .box3-list li .r{width: 42%} } @media screen and (max-width: 1680px){ .ggtg3-ctn{width: 90%} .ggtg4-list{width: 90%} .ggtg5{padding-left: 8%} .ggtg5-list li h4::after{right: 15%;} .ggtg5-list li .txt{font-size: 15px} .ggtg6-list{width: 95%} } @media screen and (max-width: 1645px){ .box3-ctn .title{margin-bottom: 55px;} .box3-ctn .title h3{font-size: 28px} .box3-list li .l, .box3-list li .r{padding: 10px 15px} } @media screen and (max-width: 1539px){ .box3-ctn{width: 85%} } @media screen and (max-width: 1530px){ .ggtg1-list{width: 80%;} .ggtg2-list{width: 95%} .ggtg3-ctn{width: 95%} .ggtg4-list{width: 95%} .ggtg5{padding-left: 5%} } @media screen and (max-width: 1400px){ .ggtg1{padding: 130px 0} .ggtg2{padding-bottom: 150px} .m-box .box-l img{height: 500px;} .m-box .h1{line-height: 60px} /* .m-box .box-r li img{height: 220px;} */ .ggtg3-ctn{width: 100%} .ggtg3-list li{width: 16%} .ggtg5-list li h4::after{right: 10%;} } @media screen and (max-width: 1360px){ .m-box11{padding-bottom: 130px} .m-box7{padding-bottom: 130px} .m11-list li{height: 250px;margin-bottom: 30px} } @media screen and (max-width: 1345px){ .box3-ctn{width: 95%} } @media screen and (max-width: 1340px){ .box8-list {width: 50%} .box8-list li{line-height: 55px;} .box8-list li span{width: 55px;height: 55px;font-size: 28px} .box8-list li .txt{font-size: 18px;line-height: 55px;width: 83%} } @media screen and (max-width: 1280px){ .m-box9{padding: 110px 0} .m-box11{padding-bottom: 100px} } @media screen and /*(max-width: 1024px)*/(max-width: 1240px){ .title .txt1{font-size:20px;} .in_1 ol li{float: left;width: 50%;margin-top:60px;} .in_1 ol {margin-top: 40px;width: 80%; margin: 0 auto;margin-top: 40px} .title .p{text-align: center;margin-top: 20px;font-size: 14px;line-height: 1.5;width: 90%} .in_3{padding: 95px 0} .in_2 ul li .txt2{font-size: 16px} .in_4{padding:95px} .in_5 .swiper-pagination{display: block} .in_6 .swiper-pagination{display: block} .in_7{background-attachment: inherit;background-size: cover} .in_8{padding-top: 70px!important;padding-bottom: 70px!important} /*sem*/ .mw92{padding:80px 0} .m-list{ width: 100%; } .sem1 .left .h1{font-size:20px;} .sem1 .left .h2{font-size:14px} .sem2{margin-bottom: 160px} .sem2 .sem2_box{width: 60vw} .sem2 .sem2_box .h1{font-size:20px;color: #fff;font-weight: bold;line-height: 40px} .sem2 .sem2_box .h2{font-size:14px;color: #fff;margin-top: 2.8vw} .sem3 .left .h1{font-size:20px;} .sem3 .left .h2{font-size:16px;} .sem3 .left .h3{font-size:14px;} .sem4 ul{margin-top: 30px} .sem4 ul li{float: left;width: 50%;text-align: center;margin:20px 0} .sem4 .sem4_h1{font-size:20px} .sem4 .sem4_h2{font-size:14px } .sem4 ul li div{width: 50%;font-size: 16px;margin: 0 auto} .sem6 ul li{float: left;width:100%;} .sem6 .h1{font-size: 20px} .sem6 ul li .txt_h1{font-size: 16px;} .sem6 ul li .txt_h2{font-size: 14px;} /*seo*/ .seo1 .left{width: 100%;font-size: 20px;padding-bottom: 20px} .seo1 .right{width:100%;font-size: 14px;margin-top: 30px;margin-right: 0} .seo2{background-attachment: inherit;background-size: cover} .seo3 .img{width: 60%;display: block;margin: 0 auto;float: inherit} .seo3 .txt{width: 100%;} .seo3 .txt .h1{font-size: 20px;padding-bottom:20px} .seo3 .txt .h2{font-size: 14px;margin-top:20px} .seo4 .h1{font-size: 20px} .seo4 ul{width: 100%;} .seo4 ul li{float:left;width: 48%;margin-right: 4%;margin-bottom: 20px} .seo4 ul li:nth-child(2n){margin-right: 0} .seo4 ul li .h2{font-size: 14px} .seo5 .left{width: 100%} .seo5 .right{width: 100%} .seo5 .right .h1{font-size: 20px;} .seo5 .right .h2{font-size: 14px;margin-top: 20px} .seo6 .right{width: 100%} .seo6 .left{width: 94%;padding:0 3%;padding-bottom:80px;margin-left: 0;padding-top: 80px} .seo6 .left .h1{font-size: 20px} .seo6 .left .h2{font-size:16px} .seo6 .left .h3{font-size: 14px} .seo_7_title{text-align: center;font-size:20px} .seo7 ul li{width: 48%;margin-right: 4%;} .seo7 ul li:nth-child(2n){margin-right: 0} .seo7 ul li .num{font-size: 40px;line-height: 180px} .case li{float: left;width: 48%;margin-right: 4%} .case li:nth-child(2n){margin-right: 0} .case li .h1{font-size: 16px} .n_nav{text-align: center} .n_nav .search{display: none} .n_nav li{padding: 0 0;float: inherit;display: inline-block;margin:0 0%;padding-bottom: 20px;text-align: left} .n_nav{padding: 20px 0} .nav_c_b{width: 100%;} .case{padding: 30px 0} .case li{margin-bottom: 30px;} .gddz1 .left{width:100%} .gddz1 .left img{width: 70%} .gddz1 .right{width:100%} .gddz1 .right .txt{width: 100%;margin-top: 40px} .gddz1 .right .txt .h1{font-size: 16px;} .gddz1 .right .txt .h2{font-size: 16px;line-height: 30px} .gddz1 .right .txt .h3{font-size: 14px;} .gddz1 .right .txt ul li{font-size: 14px;width: 48%;margin-right: 4%;margin-bottom: 15px} .gddz1 .right .txt ul li:nth-child(2n){margin-right: 0} .gddz2 .left{width:100%} .gddz2 .left img{width: 70%} .gddz2 .right{width:100%} .gddz2 .right .txt{width: 100%;margin-top: 40px} .gddz2 .right .txt .h1{font-size: 16px;} .gddz2 .right .txt .h2{font-size: 16px;line-height: 30px} .gddz2 .right .txt .h3{font-size: 14px;} .gddz2 .right .txt ul li{font-size: 14px;width: 48%;margin-right: 4%;margin-bottom: 15px} .gddz2 .right .txt ul li:nth-child(2n){margin-right: 0} .gddz3{background-attachment: inherit;background-position: bottom;background-size: cover;} .gddz3 .txt{width:94%;left: 3%;display: none} .gddz3 .txt .h1{font-size:20px;font-weight: bold} .gddz3 .txt .h2{margin-top:30px;font-size: 14px;color:#fff } .gddz4 ul{width: 100%} .gddz4 ul li{float: left;width:30%;margin-right:4.833%;margin-bottom: 30px} .gddz4 ul li:nth-child(3n){margin-right: 0;} .gddz4 ul li .h1{font-size: 14px} .gddz6 ol{margin-top: 0} .gddz6 ol li{ float: left;width:50%;margin-bottom:50px} .gddz6 ol li .animateNum{font-size:80px;font-weight: bold;color: #3571d7;padding: 10px;position: relative;;font-family: "david";line-height: 80px} .gddz6 ol li:nth-child(3){background: none} .gddz6 ol li .h2{font-size:16px;line-height: 40px;margin-top: 30px;display: block} .khan .khan_title{font-size: 20px;padding-bottom: 20px} .khan ul{margin-top: 40px} .khan ul li{width: 48%;margin-right: 4%;margin-bottom: 30px} .khan ul li:nth-child(2n){margin-right: 0} .khan ul li .h1{margin-top: 20px;font-size: 16px} .about1 .txt{width: 100%} .about1 .txt .h1{font-size: 20px} .about1 .txt .h2{font-size: 14px;margin-top: 30px} .about1 .about1_box1{width:80%;margin-top: 30px} .about2 ol li{width: 33.33%;float: left} .about3{background-attachment: inherit;background-size: cover;} .about4 .left{display: none} .about4 .txt{width: 100%;margin-top: 0;font-size: 14px} .about5{background-attachment: inherit;background-position: 0 0;background-size: cover;} .about5 .h1{left: 3%;width: 94%;font-size: 20px} .about6 ul .img1{width: 100%} .about6 ul .img2{float: right;width: 48%} .about6 ul li{height: 28.39vw;} .qwyx1{background-size: 100%} .qwyx1 .txt{width: 100%} .qwyx1 .txt .h1{font-size: 20px} .qwyx1 .txt .h2{font-size: 14px;margin-top: 30px} .qwyx2{background-attachment: inherit;background-size: cover;} .qwyx2 ul li .h1{display: none} .qwyx2 ul li .h2{font-size: 20px;line-height: 21.87vw;margin-top: 0 } .qwyx3 .left{float: left;width:100%;} .qwyx3 .left img{margin-top: 0} .qwyx3 .right{float: right;width: 100%} .qwyx3 .right .txt{width: 100%;} .qwyx3 .right .txt ul{margin-top: 30px} .qwyx3 .right .txt .h1{font-size: 20px} .qwyx3 .right .txt ul li .h3{font-size: 16px;} .qwyx3 .right .txt ul li .h2{font-size: 14px} .qwyx4{position: relative} .qwyx4_box{width: 100%} .qwyx4 ul li .txt{margin-bottom: 10px} .qwyx4 .h1{font-size: 20px;} .qwyx4 ul li .txt .h2{font-size: 14px;} .qwyx4 ul li .txt .h3{display: block;font-size: 12px} .wmqqtg1 .txt{width: 100%} .wmqqtg1 .txt .h1{font-size: 20px} .wmqqtg1 .txt .h2{font-size: 14px;margin-top: 30px} .wmqqtg2_box{top: 0;padding-bottom: 50px} .wmqqtg2_box ul li{float: left;width: 30%;} .wmqqtg2_box ul li img{width: 100%} .wmqqtg2_box ul li .h1{font-size: 16px;margin-top: 10px} .wmqqtg2_box ul li .h2{font-size: 14px;color: #666;margin-top: 00px} .wmqqtg2_box .swiper-pagination{display: block} .wmqqtg3 .h1{font-size:20px;text-align: center} .wmqqtg4 .wmqqtg4_box{padding-bottom: 50px} .wmqqtg4 .wmqqtg4_box ul{margin-top: 30px} .wmqqtg4 .h1{font-size: 20px;} .wmqqtg4 .wmqqtg4_box ul li .p{padding-top: 60px; font-size: 14px;background-size: 40px!important} .wmqqtg4 .swiper-pagination{display: block} .wmqqtg5 .h1{font-size: 20px} .wmqqtg5 .left{width: 100%;} .wmqqtg5 .right{width: 100%;margin-top: 30px} .wmqqtg5 .right img{width: 80%;} .wmqqtg5 .left .txt{width: 100%;margin: 0 auto} .wmqqtg5 .left .txt ul li{font-size: 14px} .wmqqtg6 .h1{font-size: 20px;} .wmqqtg6 .p{margin-top: 30px} .wmqqtg7{display: none} .wmqqtg8 .h1{font-size: 20px;text-align: center} .wmqqtg8 ul{width: 100%;margin-top:30px} .wmqqtg8 ul li{width: 100%;margin: 0;margin-bottom: 30px} .wmqqtg8 ul li .title1{font-size: 18px;line-height: 50px} .wmqqtg8 ul li .txt{padding:20px 6%;line-height: 30px;height: auto} .wmqqtg8 ul li .txt span{color: #111} .wmqqtg9 .left .txt{width: 100%;} .wmqqtg9 .left .txt .h1{font-size: 20px;margin-bottom:20px } .wmqqtg9 .left .txt .h2{font-size: 16px;margin-bottom: 10px} .wmqqtg9 .left .txt .h3{font-size: 14px;} .wmqqtg9 .left .txt_b{float: left;width: 50%} .wmqqtg9 .left{float: left;width:100%} .wmqqtg9 .right{display: none} .wxxcx1 .left .h1{font-size: 20px;} .wxxcx1 .left{float: left;width: 100%} .wxxcx1 .left .a{display: none} .wxxcx1 .right{float: right;width: 100%;} .wxxcx1 .right ul{margin-top: 30px} .wxxcx1 .right ul li .h3{margin-top: 10px} .wxxcx1 .right ul li{width: 48%;margin-right: 4%;} .wxxcx1 .right ul li:nth-child(2n){margin-right: 0} .wxxcx2 .right .h1{font-size: 20px;line-height: 30px} .wxxcx2 .right ul li{margin-top: 20px} .wxxcx2 .right ul li .h2{font-size: 14px;margin-top:10px} .wxxcx4 ul{width:100%;margin-top: 40px} .wxxcx4 ul li{margin-right:2%;width:calc(45% - 2px) ;padding:30px 2%;margin-bottom:30px } .wxxcx4 ul li:nth-child(3n){margin-right: 2%} .wxxcx4 ul li:nth-child(2n){margin-right:0} .wxxcx4 ul li .h1{font-size: 16px} .wxxcx5 .right{width:55%;} .wxxcx5 .right .h1{font-size:20px;padding-bottom: 30px;position: relative} .wxyy1 ul li .h1{font-size: 20px;} .wxyy2 .h1{font-size: 20px} .wxyy2 ul{margin-top: 50px} .wxyy2 ul li {margin-bottom: 30px} .wxyy2 ul li .h2{margin-top: 20px} .wxyy3 .right,.wxyy3 .left{float: left;width: 100%} .wxyy3 .right img{margin-top:50px} .wxyy3 .left .h1{font-size: 20px;} .wxyy3 .left ul li{margin-top: 25px} .wxyy3 .left ul li .h2{font-size: 16px} .wxyy3 .left ul li .h3{margin-top:5px} .wxyy4 ul li{font-size: 16px;} .wxyy5 ul{margin-top:30px} .wxyy5 ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px} .wxyy5 ul li:nth-child(2n){margin-right: 0} .wxyy5 ul li .h2{font-size: 16px} .wxxcx7 .swiper-pagination{display: block} .newinfo{background:#f6f6f6;padding-top: 150px;padding-left: 3%!important;padding-right: 3%!important;padding-bottom: 45px } .newinfo .newinfo_box{background: #fff;padding: 50px 3%} .newinfo .newinfo_box .h1{font-size:20px;margin-bottom: 15px;} .newinfo .newinfo_box .h1 .bdsharebuttonbox{display: none} .newinfo .newinfo_box .h2{color: #666666;padding-bottom: 30px;border-bottom: 1px solid #ebebeb} .newinfo .newinfo_box .content{padding: 30px 0;font-size: 14px} .newinfo2 ul li img{width: 100%;height:24vw} .new_move{padding-top: 20px;border-top:1px solid #dadada} .new_move .a{display: none} .newinfo2{padding: 30px 0} .new{padding: 0} .new ul li{width: 100%;margin-right: 0%;margin-top: 30px;} .new ul li .txt .h1{font-size: 16px} .new ul li .txt .h2{color: #999;margin-top:0.52vw;} .new ul li .txt .h3{margin-top:0.67vw} .yytg1 .left,.yytg1 .right{width: 100%;} .yytg1 .h1{font-size:20px;line-height: 30px} .yytg1 .h2{margin-top: 30px;} .yytg1 .right{margin-top: 30px} .yytg1 .right img{width: 100%} .yytg2 .left{width:100%;} .yytg2 .right{width: 90%;padding: 0 5%;height: auto} .yytg2 .right .h1{margin-top:30px;font-size:20px} .yytg2 .right .h2{margin-top:16px;} .yytg2 .right ul{margin-top:30px;margin-bottom: 20px} .yytg2 .right ul li{float:left;width: 48%;margin-right: 4%;background: #2b88d6;color: #fff;height: 60px;line-height: 60px;text-align: center;font-size:14px;margin-bottom: 20px} .yytg2 .right ul li:nth-child(2n){margin-right: 0} .yytg4 ul li{float: left;width:50%;margin:25px 0} .yytg4 ul li .h1{margin-top:30px;font-size:16px} .yytg4 ul li .h2{margin-top: 20px;} .yytg7 .h1{font-size: 20px;} .yytg7 ul li{margin: 10px 0} .yytg7 ul{margin-top:30px} .yytg7 ul li .h2{font-size:50px;line-height: 70px;} .yytg7 ul li .h3{font-size: 14px} .copy{padding: 40px 0} .zxly{padding-top: 150px;padding-left:3%!important;padding-right: 3%!important;padding-bottom: 45px } .zxly .zxly_box .left{width:100%;margin-right: 0%;} .zxly .zxly_box .left ul li{margin-bottom: 20px} .zxly .zxly_box .left ul li .txt{width:98%;line-height: 45px;height: 45px;} .zxly .zxly_box .left ul li .textarea{height: 100px;} .zxly .zxly_box .left ul li .button{height: 45px} .zxly .zxly_box .right{height: 500px;width:100%;} .zxly .zxly_box .right_img{margin-top: 85px;width: 150px} .m-box .box-l img{height: 430px;} .m-box .h1{line-height: 50px;font-size: 16px;} /* .m-box .box-r li img{height: 190px;} */ } @media screen and (max-width: 1219px){ .box3-ctn{width: 100%} } @media screen and (max-width: 1159px){ .box3-ctn .title{height: 60px;line-height: 60px;} .box3-ctn .title h3{width: 44%;font-weight: 26px} .box3-ctn .title .vs{width: 12%;} .box3-list li .l, .box3-list li .r{width: 44%} .box3-list li .c{width: 12%} .box3-list li .txt{font-size: 14px;width: 88%} .box3-list li img{width: 80%} } @media screen and (max-width: 1024px){ .m-box .box-l img{height: 340px;} /* .m-box .box-r li img{height: 145px;} */ .box2-ctn{width: 93%;padding-top: 60px;} .box2-ctn ul li h3{font-size: 20px} .box2-ctn ul li .txt{font-size: 15px} .m-box4 ul{padding-top: 65px;width: 93%} .m-box4 ul li img{width: 70%} .m-box4 ul li h3{font-size: 24px} .m5-list{width: 93%} .m5-list li h4{height: 45px;line-height: 45px;bottom: -45px;font-size: 16px} .box6-list{width: 93%} .m-box7 .box7-list{width: 93%} .box8-ctn{width: 93%} .box8-list li{line-height: 45px;} .box8-list li span{width: 45px;height: 45px;font-size: 24px} .box8-list li .txt{font-size: 16px;line-height: 45px;width: 85%} .m11-list li{padding: 20px} .m11-list li h3{font-size: 20px} .m11-list li .txt{font-size: 15px} .ggtg2-list{width: 100%} .ggtg2-list li .txt{font-size: 14px} .item-box{min-height: 425px;} .ggtg3-item{padding: 30px} .ggtg3-item .img{width: 37%} .ggtg3-item .ctn{padding-top: 60px;} .ggtg5{padding-left: 0} .ggtg5 h3{padding-left: 3%} .ggtg5-list{padding-left: 3%} .ggtg5 .img{transform: translateY(0);margin-bottom: 70px} .ggtg5-list li h4{width: 30%} .ggtg5-list li .txt{padding-right: 2%} .ggtg6-list{width: 100%} .ggtg6-list li h4{font-size: 20px} .ggtg6-list li .txt{font-size: 14px} } @media screen and (max-width: 939px){ .box3-ctn .title{height: 50px;line-height: 50px;margin-bottom: 40px} .box3-ctn .title h3{font-size: 24px;width: 45%} .box3-ctn .title .vs{width: 10%;line-height: 50px;height: 50px;} .box3-list li{height: 70px;} .box3-list li .l, .box3-list li .r{width: 45%;padding: 6px 10px} .box3-list li .c{font-size: 16px;width: 10%;line-height: 70px;} .box3-list li .txt{width: 90%} } @media screen and (max-width: 890px){ .box3-list li .txt{font-size: 13px} } @media screen and (max-width: 800px){ .box2-ctn{width: 96%} .box2-ctn ul li h3{font-size: 18px} .box2-ctn ul li .txt{font-size: 14px} .m-box4 ul{width: 96%} .m-box4 ul li img{width: 60%} .m-box4 ul li h3{font-size: 20px} .m5-list{width: 96%} .m5-list li h4{height: 35px;line-height: 35px;bottom: -35px;font-size: 15px;width: 80%} .box6-list{width: 96%} .m-box7 .box7-list{width: 96%} .box8-list{width: 54%} .box8-list li{line-height: 35px;} .box8-list li span{width: 35px;height: 35px;font-size: 18px} .box8-list li .txt{line-height: 35px;font-size: 14px} .box8-ctn .img{width: 40%;padding-top: 10%;} .m-box9 .img{padding-top: 65px;} .m11-list{width: 96%} .m11-list li{height: 210px;} .m11-list li .a {bottom: -15px} .m11-list li .a img{width: 50%} .m11-list li h3{font-size: 16px;margin-bottom: 15px;} .m11-list li .txt{font-size: 14px} .m11-list li .txt span{margin-right: 13px} .m11-list li .fr{text-align: right} .m11-list li .fr img{width: 50%} .ggtg1-list{width: 93%} .ggtg2-list li img{width: 70%} .ggtg3-list{text-align: center} .ggtg3-list li h4{font-size: 14px} .ggtg3-list li i{width: 40px;height: 40px;background-size: 28px!important} .ggtg4-list{width: 100%} .ggtg4-list li{padding-left: 0;} .ggtg4-list li .ctn h3{font-size: 18px} .ggtg4 img{width: 50%} .ggtg4-list li .img{margin-right: 0} .ggtg4-list{display: flex;flex-wrap: wrap;align-items: center} .box3-ctn .title{height: auto;} .box3-ctn .title .vs span{display: block;font-weight: bold;font-size: 24px} .box3-ctn .title h3{width: 85%;margin: 0 auto;float: none;} .box3-ctn .title .vs{width: 85%;margin: 0 auto;float: none;} .box3-list li {height: auto;} .box3-list li .l, .box3-list li .r{width: 85%;margin: 0 auto;float: none;height: 72px;} .box3-list li .c{width: 85%;margin: 0 auto;float: none;line-height: 40px;font-size: 18px} .box3-list li .txt{font-size: 14px;margin-left: 1%} } @media screen and (max-width: 768px){ .ggtg5-list li h4{width: 40%} .ggtg5-list li .txt{width: 60%} .ggtg4{padding-bottom: 0} .ggtg4-list li{display: block;position: relative;padding-bottom: 80px;text-align: center} .ggtg4-list li .ctn h3{font-size: 16px;margin: 12px 0;} .ggtg4-list li .ctn h4{position: absolute;font-size: 12px;width: 100%;left: 0;text-align: center} .ggtg4-list li .img{width: 100%;text-align: center} .ggtg4 img{width: 26%} .ggtg4-list{padding-top: 60px;} } @media screen and (max-width: 640px){ .bottom_sj{ display:block;} .bottom_sj_clear{ display:block;} .mw92{padding:35px 0} .title .p{display: none} .in_1 ol{margin-top: 30px} .in_1 ol li{margin-top: 50px; display: inline-block;width: 50%;float: left} .in_1 ol li .animateNum{font-size: 40px} .in_1 ol li .animateNum:after{height: 5px;} .in_1 ol li .h2{margin-top: 10px;} .in_2 ul li{float: left;width:42%;margin-right:4%;padding: 3%;margin-top: 30px} .in_2 ul li:hover{margin-top:20px} .in_2 ul li:nth-child(2n){margin-right: 0} .in_2 ul li .txt2{font-size:20px;line-height: 60px} .in_3 ul li{margin-top: 20px;width:46%;margin-right:4%;} .in_3 ul li:nth-child(2n){margin-right: 0} .in_3 ul li img{width: 50%} /* .in_4 ul li{width: 48%;margin-right: 4%;margin-bottom: 20px} .in_4 ul li .h1{font-size: 16px;line-height: 40px;} .in_4 ul li:nth-child(3n){margin-right: 4%} .in_4 ul li:nth-child(2n){margin-right: 0} */ .in_6 dl dt{font-size: 20px;} .in_7 iframe{height: 300px} .in_8 {padding-top:20px !important; padding-bottom:20px !important;font-size: 16px; line-height:30px;} .in_8 a{display: inline-block;margin-top: 0px;font-size: 14px;color: #222427;margin-right:10px} .foot .foot_nav{display: none} .foot ul{margin-top: 0} .foot ul li{color: #999;text-align: center} .foot ul li{position: inherit!important;margin-top: 30px} .copy{padding: 25px 0} .copy .copy_left{width: 100%;text-align: center;line-height: 30px} .copy .copy_right{width: 100%;;text-align: center;line-height: 30px} /*SEM*/ .sem1 .left{width: 100%;padding-left: 0;padding-top: 0} .sem1 .left .h1{font-size:20px;} .sem1 .left .h2{margin-top: 25px;color: #666666;font-size: 14px} .sem1 .right{width:100%;text-align: center;margin-top: 30px} .sem1 .right img{width: 70%;} .sem2{margin-bottom: 30px} .sem2 .img{width: 108%;margin-left: -4%} .sem2 .sem2_box{width:100%;padding:20px 4%;margin: 0;float: inherit;margin-left: -4%} .sem2 .sem2_box .h1{font-size:20px;color: #fff;font-weight: bold} .sem2 .sem2_box .h2{font-size:14px;color: #fff;margin-top: 2.8vw} .sem3 .right .img{margin-top: 20px;} .sem3 .left{float: left;width:100%;} .sem3 .right{float: left;width:100%;} .sem3 .left .h1{font-size:20px} .sem3 .left .h2{font-size:16px;margin-top: 4.6vw;color: #111} .sem3 .left .h3{font-size:14px;color: #666666;margin-top: 1.5vw} .sem3 .sem_box{padding-bottom:40px} .sem4 ul{margin-top: 30px;} .sem4 ul li div{width: 70%;font-size: 16px;margin: 0 auto} .sem6 ul{margin-top: 30px;width: 100%;} .sem6 ul li{padding:10px 3%;width: 94%} .sem6 ul li .img{display: none} .seo3{width:90%; margin-top:0px} .seo6 .left{padding: 35px 3%} .seo7 ul{margin-top: 30px} .seo7 ul li{width: 100%;margin-right: 0%;margin-bottom: 20px} .seo7 ul li .txt .h1{font-size: 18px} .n_nav{padding: 10px 0;} .n_nav li{font-size: 14px;width:21%;margin: 0 0%} .case{padding: 0} .case ul{margin-top: 20px} .case li .h1{font-size: 14px;margin-top: 10px} .pages { margin-top: 40px; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center;margin-bottom: 30px} .pages a { padding:5px 10px; padding-bottom:8px;margin-right: 10px;font-weight: 100} .gddz3{height: 300px} .gddz3 .txt{left: 3%;width: 94%;} .gddz4 ul li{float: left;width:48%;margin-right:4%;margin-bottom: 20px} .gddz4 ul li:nth-child(3n){margin-right:4%;} .gddz4 ul li:nth-child(2n){margin-right:0%;} .gddz6 ol li{margin-bottom: 20px} .gddz6 ol li .animateNum{font-size:50px} .gddz6 ol li .h2{font-size:14px;line-height:20px;margin-top: 00px;} .about2 ol li .h2{margin-bottom:-20px} .about2 ol li .animateNum{font-size:50px} .about5 .h1{left: 3%;width: 94%;font-size: 14px;line-height: 30px;top: 4vw} .about5{background-size: 100%;} .about5 .h1 *{line-height: 30px} .newinfo .newinfo_box .h1 .h1_p{width: 100%;} .qwyx2 ul li{width: 100%} .qwyx2 ul li .h2{font-size: 16px;} .qwyx3 .left{margin-bottom: 20px} .qwyx3 .right .txt ul li{padding: 10px;padding-left: 70px;margin-bottom:20px;cursor: pointer;background-position: 10px 13px!important} .qwyx4 .icon{display: none} .about1 .about1_box1{width: 100%;} .about1 .about1_box2{width: 100%;} .about1 .about1_box1 .swiper-pagination{display: block} .wmqqtg3 .p img{margin:20px 20px;width:80%} .wmqqtg4 .wmqqtg4_box ul li{margin-bottom: 20px} .wmqqtg4 .wmqqtg4_box ul li .p{padding-top: 60px; background-size:30px!important;line-height: 20px} .wmqqtg5 .right img{width: 100%;} .wmqqtg9 .left .txt_b{width:100%;margin-bottom: 20px} .wxxcx1 .right ul li{width:100%;margin-bottom: 30px} .wxxcx1 .right ul li:nth-child(2n){margin-right: 0} .wxxcx2 .h1{text-align: center} .wxxcx2 .right{width: 100%;} .wxxcx2 .right ul li{text-align: center;width: 48%;margin:0 1%} .wxxcx3{display: none} .wxxcx3_m{display: block} .wxxcx4 ul{width:100%;margin-top: 20px} .wxxcx4 ul li{width:calc(96% - 2px) ;padding:30px 2%;margin-bottom:20px } .wxxcx4 ul li:nth-child(3n){margin-right: 0} .wxxcx4 ul li:nth-child(2n){margin-right:0} .wxxcx5 {background: #f5f5f5} .wxxcx5 .right{width: 100%} .wxxcx5 .right .h2{margin-top: 20px;} .wxxcx6{overflow: hidden} .wxxcx6 img{width: 130%;margin-left: -15%} .wxyy1 ul li{width: calc(40% - 1px)} .wxyy1 ul li:hover{background: #666} .wxyy2 .h1{font-size: 20px} .wxyy2 ul{margin-top: 30px} .wxyy2 ul li {width: 48%;margin: 0 1%;margin-bottom: 30px} .wxyy2 ul li .h2{margin-top: 10px;font-size: 14px;} .wxyy2 ul{margin-top:50px } .wxyy3 .left ul li{width: 100%;margin: 0;margin-top: 30px;} .wxyy3 .right img{display: none} .wxyy4 ul li{float: left;width: 50%;} .wxyy4{height: auto} .newinfo{background:#f6f6f6;padding-top: 100px;padding-left: 3%!important;padding-right: 3%!important;padding-bottom: 45px } .newinfo .newinfo_box .h2{padding-bottom: 20px;} .newinfo .newinfo_box .content{padding: 20px 0;} .newinfo .newinfo_box .content iframe{height: 350px} .new{padding: 0} .new ul li .txt .h3{display: none} .new ul li .txt .h2{line-height: 30px} .yytg4 ul li{width:100%;margin:25px 0} .yytg7 ul li{margin: 10px 0;width: 50%} .yytg7 ul{margin-top:20px} .yytg7 ul li .h2{font-size:50px;line-height: 70px;} .yytg7 ul li .h3{font-size: 14px;width: 90%} /*.new ul li .fd img{width: 100%;height:27vw}*/ .newinfo2 ul li img{height: 53.5vw} .zxly{padding-top: 100px;padding-left:3%!important;padding-right: 3%!important;padding-bottom: 45px } .zxly .zxly_box .left{width:100%;margin-right: 0%;} .zxly .zxly_box .left ul li{margin-bottom: 20px} .zxly .zxly_box .left ul li .txt{width:98%;line-height: 40px;height: 40px;} .zxly .zxly_box .left ul li .textarea{height: 100px;} .zxly .zxly_box .left ul li .button{height: 45px} .zxly .zxly_box .right{height: 400px;width:100%;} .zxly .zxly_box .right_img{width: 100px;margin-top: 30px} .zxly .zxly_box .right ul{padding:0 20px;bottom: 20px} .zxly .zxly_box .right ul li{width: 100%!important;margin-right: 0%;font-size: 14px} .page_m_n{display: none} .m-list{margin-top: 30px} /* .m-box .box-l{width: 100%} .m-box .box-l img{height: auto;} */ .m-box .h1{line-height: 40px;font-size: 14px;} .m-box .box-r{width: 100%} /* .m-box .box-r li img{ height: auto; } */ .m-box .box-r::after{ width: 48%; } .m-box .box-r li{ width: 48%; } .box2-ctn .img{width: 100%;text-align: center;margin-bottom: 30px} .box2-ctn ul{width: 100%} .box8-ctn .img{padding-top: 0;width: 100%;text-align: center} .box8-ctn .img img{width: 60%} .box8-list{width: 95%} .box8-list li{line-height: 55px;margin-top: 30px;} .box8-list li span{width: 55px;height: 55px;font-size: 24px} .box8-list li .txt{line-height: 55px;font-size: 18px} .m-box9 .img{padding-top: 45px;} .m-box10 .img{padding-top: 45px;} .m11-list{padding-top: 45px;} .ggtg3-list li{width: 32%} .ggtg3-item .ctn h3{font-size: 24px} .ggtg3-item .ctn{padding-top: 30px;} .ggtg3-item .ctn .txt{font-size: 14px} .ggtg3 .img{text-align: center} .ggtg3 img{width: 60%} .pico-list li h3{font-size: 16px;margin: 20px 0 0} .ggtg5-list li h4{width: 45%} .ggtg5-list li .txt{width: 55%;} .box3-ctn .title h3{width: 100%} .box3-ctn .title .vs{width: 100%;height: 36px;line-height: 36px;} .box3-list li .l, .box3-list li .r{width: 100%} .box3-list li .c{font-size: 16px;line-height: 28px;} .box3-list li img{width: 65%} .box3-list li .txt{line-height: 25px;margin-left: 0} /*2020-3-14*/ .nb-icon-wrap{ display:none !important;} #leftsead{ display:none;} .header_dh{ /*display:block;*/} } @media screen and (max-width: 430px){ .bottom_sj{ display:block;} .bottom_sj_clear{ display:block;} .m-box2{padding: 35px 0} .title .txt1{font-size: 18px} .m-box4 ul{padding-top: 35px;} .m-box4 ul li h3{font-size: 16px;margin-top: 10px} .m-box4 ul li img{width: 70%} .m5-list{padding-top: 35px;} .m5-list li h4{font-size: 15px;height: 40px;line-height: 40px;bottom: -40px} .m5-list{width: 80%} .m5-list li{width: 100%;margin-bottom: 40px} .m5-list li:last-child{margin-bottom: 40px} .box6-list{padding-top: 35px;} .box6-list .img{width: 100%;margin-bottom: 35px} .m-box7 .box7-list{padding-top: 35px} .m-box7 .box7-list .img{width: 100%;margin-bottom: 35px} .box8-ctn{padding-top: 40px;} .box8-ctn .img img{width: 70%} .box8-ctn{width: 100%} .box8-list{width: 100%} .box8-list li {line-height: 35px;} .box8-list li .txt{font-size: 13px;line-height: 35px;width: 86%} .box8-list li span{width: 35px;height: 35px;font-size: 16px} .m-box9 .img{padding-top: 40px;} .m-box10 .img{padding-top: 35px;} .m11-list{padding-top: 35px;} .m11-list li{padding: 10px} .m11-list li .fr{position: absolute;left: 50%;top: 15px;transform: translateX(-50%);text-align: center;} .m11-list li h3{margin-top: 60px;font-size: 15px;line-height: 26px;margin-bottom: 10px} .m11-list li .txt{font-size: 12px;line-height: 23px;} .m11-list li .txt span{margin-right: 0} .ggtg1-list{padding-top: 40px;width: 100%} .ggtg2-list li{width: 85%;height: 333px;margin-right: 0;margin: 0 auto 30px;float: none;} .ggtg2-list li:last-child{margin-right: auto} .ggtg2-list li img{width: 70%} .ggtg2-list li h3{font-size: 20px;margin: 15px auto;} .ggtg3-item .img{width: 100%} .ggtg3-item .ctn{width: 100%} .ggtg3-item .ctn h3{font-size: 20px} .pico-list li{width: 50%;height: 150px;border-bottom: 1px solid #e6e6e6} .pico-list li img{width: 50%} .pico-list li h3{font-size: 15px} .pico-list li h4{font-size: 12px} .ggtg5{padding-bottom: 60px} .ggtg5 h3{font-size: 24px} .ggtg5-list li{display: block} .ggtg5-list li h4{width: 100%;} .ggtg5-list li h4::after{display: none;} .ggtg5-list li .txt{width: 100%} .ggtg6-list{padding-top: 40px;} .ggtg6-list li{width: 100%;margin-bottom: 30px} } @media screen and (max-width: 376px){ .bottom_sj{ display:block;} .bottom_sj_clear{ display:block;} .ggtg3-list li h4{font-size: 12px} .box3-list li .txt{font-size: 12px} } @media screen and (max-width: 1300px){ .gddz5 .right .txt{width:94%} .gddz5 .left{width: 100%;} .gddz5 .right{width:100%; height: auto;padding: 5.77vw 0} .gddz5 .right .txt .h1{font-size:20px;line-height: 30px} .gddz5 .right .txt .h2{font-size: 16px } .gddz5 .right .txt .h3{font-size: 14px } } /*棣栭〉*/ .ds_body{ max-width: 750px; margin: 0 auto; background-color: #fff; visibility: hidden; } .indexcontent { padding-left: 3%!important; padding-right: 3%!important; } .h40{ height:40px;} .h20{ height:20px;} .h10{ height:10px;} .ds_body{ padding-bottom:60px;} .ds_title{ height:50px; line-height:50px; font-size:20px; text-align:center; border-bottom:#ccc 1px solid;} .ds_c_box{ margin-bottom:10px; padding-bottom:10px; border-bottom:#eee 1px solid;} .ds_c_box .txt{ font-size:14px; color:#333; line-height:25px;} .bottom_box{ position:fixed; left:50%; bottom:0px; width:7.5rem; height:40px; margin-left:-3.75rem; background:#fff; padding-top:10px; padding-bottom:10px;} .b_b_inp{ float:left; width:calc(100% - 90px); height:40px; box-sizing:border-box; padding:0 10px;} .btn{ float:right; width:80px; height:40px; border:0; background:#fb913b; color:#fff;} .loading{ display:inline-block; width:20px; height:20px; background-size:100% 100%; position:relative; top:5px; margin-left:5px;} .loading:after{content:"";display:block;width:100%;height:100%;background:url(../images/jiazai_ico.png) no-repeat center center / cover;position:absolute;top:0px;left:0px;z-index:0;} .loading:after{animation-iteration-count:infinite;animation:rotation2 1s linear infinite;-webkit-animation:rotation2 1s linear infinite;-moz-animation:rotation2 6s linear infinite;} @keyframes rotation{ 0%{transform: rotate(0deg);} 100%{transform: rotate(-360deg);}} @-webkit-keyframes rotation{ 0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(-360deg);}} @-moz-keyframes rotation{ 0%{-moz-transform: rotate(0deg);} 100%{-moz-transform: rotate(-360deg);}} @keyframes rotation2{ 0%{transform: rotate(-360deg);} 100%{transform: rotate(0deg);}} @-webkit-keyframes rotation2{ 0%{-webkit-transform: rotate(-360deg);} 100%{-webkit-transform: rotate(0deg);}} @-moz-keyframes rotation2{ 0%{-moz-transform: rotate(-360deg);} 100%{-moz-transform: rotate(0deg);}}