@charset "utf-8";

.spsp{width:100%;}

.section{ width:100%; height:100%; position:relative; overflow:hidden;}

.section1{ position:relative;}

.box1{ clear:both; width:100%; height:100vh; background:#fff; background-size:cover;position:relative; z-index:1;background-attachment:fixed; }

.ban{width:100%;height:auto;overflow:hidden;position:absolute;top:40%;left:13vw;}

.ban h2{opacity:0;font-size:2.5vw;line-height:2.5vw;color:#ffffff;margin-bottom:1.04vw;}

.ban p{opacity:0;font-size:0.94vw;line-height:1.25vw;color:#ffffff;}

.ban span{opacity:0;display:block;width:3.13vw;height:2px;background:#fff;margin:2.08vw 0px;}



.ani-slide .ban h2{opacity:1;animation:driveInBottom 1s;-mzoanimation:driveInBottom 1s;-webkit-animation:driveInBottom 1s;-o-animation:driveInTop 1s;}

.ani-slide .ban p{opacity:1;animation:driveInBottom 1.5s;-mzoanimation:driveInBottom 1.5s;-webkit-animation:driveInBottom 1.5s;-o-animation:driveInBottom 1.5s;}

.ani-slide .ban span{opacity:1;animation:driveInBottom 2s;-mzoanimation:driveInBottom 2s;-webkit-animation:driveInBottom 2s;-o-animation:driveInBottom 2s;}





.jt{position:absolute;bottom:0.52vw;left:0px;right:0px;margin:0 auto;text-align:center;z-index:999;}

.shake1 {animation:shake1 5s infinite;-mzoanimation:shake1 5s infinite;-webkit-animation:shake1 5s infinite;-o-animation:shake1 5s infinite;}



@media(max-width:3500px){

.ban p{font-size:1.04vw;}

}

@media(max-width:1920px){

.ban p{font-size:0.94vw;}

}

@media(max-width:1440px){

.ban h2{font-size:26px;line-height:26px;margin-bottom:10px;}

.ban p{font-size:16px;line-height:24px;}

.ban span{width:60px;height:2px;margin:20px 0px;}



}





@media(max-width:1024px){

.ban{top:40%;left:30px;}

.ban h2{font-size:24px;line-height:24px;margin-bottom:10px;}

.ban p{font-size:16px;line-height:24px;}

.ban span{width:60px;height:2px;margin:20px 0px;}

.section{ width:100%; height:auto;}

}



@media(max-width:768px){

.ban{left:15px;}

.ban h2{font-size:24px;line-height:24px;margin-bottom:10px;}

.ban p{font-sizze:18px;line-heihgt:24px;}

.ban span{width:60px;height:2px;margin:20px 0px;}



}

@media(max-width:414px){

.ban{width:92%;}



}

.box2{ clear:both;width:100%; height:100vh; background:url(../images/tu1.jpg)no-repeat center top;background-size:cover;position:relative; z-index:1;padding:0px 8.33vw;padding-top:3vw;}

.box2_t{width:100%;height:auto;padding-top:4.2vw;}

.box2_tl{float:left;width:50%;}

.box2_tl h2{font-size:3.13vw;line-height:3.13vw;color:#fff;font-family:Arial;margin-bottom:1.04vw;position:relative;display:inline-block;}

.box2_tl h3{font-size:1.25vw;line-height:1.35vw;color:#fff;}

.box2_tl h2:after{content:'';position:absolute;bottom:-2.3vw;right:0px;width:1.6vw;height:1.6vw;background:url(../images/tu2_1.png)no-repeat center center;background-size:cover;}



.active .box2_tl {animation: zifadeInDown 0.8s ease 0.6s both;}



.box2_b{width:100%;height:auto;/*background:url(../images/tu5.png) no-repeat center 1.04vw;background-size:700px 700px;*/position:relative; z-index:1;margin:0 auto;}

.bgbg{width:36.458vw;height:36.458vw;margin:0 auto;position:absolute; left:0px;right:0px;z-index:0;animation: circleRoate 40s infinite linear;top:1.6vw;}

/*.active .bgbg {animation: popIn 1.5s linear 1 alternate}

*/

.b2_l{float:left;width:61.45vw;}

.b2_ll{float:left;width:30%;margin-top:6.77vw;margin-left:5.2vw;}

.b2_ll h2{font-size:1.875vw;line-height:1.875vw;color:#fff;font-weight:bold;position:relative;padding-left:1.04vw;margin-bottom:4.2vw;}

.b2_ll h2:after{content:'';position:absolute;left:0px;width:4px;height:2.08vw;background:#fff;}

.b2_ll p{margin-left:1.04vw;padding-left:1.04vw;position:relative;font-size:0.83vw;line-height:1.25vw;color:#fff;margin-bottom:0.52vw;}

.b2_ll p:after{content:'';position:absolute;left:0px;top:45%;width:6px;height:6px;border-radius:3px;background:#fff;}





.b2_lr{float:left;width:58%;position:relative;}

#ccc {width:21.875vw !important;cursor: move;margin: 5vh auto 0;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc img{width:100%;vertical-align: middle;}

#circlr{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr li{float:left;width:33.33%;cursor:w-resize;height:500px;}



#ccc1 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc1 img{width:100%;vertical-align: middle;}

#circlr1{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr1 li{float:left;width:33.33%;cursor:w-resize;height:500px;}



#ccc2 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc2 img{width:100%;vertical-align: middle;}

#circlr2{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr2 li{float:left;width:33.33%;cursor:w-resize;height:500px;}



#ccc3 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc3 img{width:100%;vertical-align: middle;}

#circlr3{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr3 li{float:left;width:33.33%;cursor:w-resize;height:500px;}


#ccc4 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc4 img{width:100%;vertical-align: middle;}

#circlr4{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr4 li{float:left;width:33.33%;cursor:w-resize;height:500px;}




#ccc5 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc5 img{width:100%;vertical-align: middle;}

#circlr5{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr5 li{float:left;width:33.33%;cursor:w-resize;height:500px;}




#sjsj,#sjsj1,#sjsj2,#sjsj3,#sjsj4,#sjsj5{display:none;}





.b2_r{width:16vw;height:75vh;float:right;margin-top: 5.2vw;}

.b2_r ul{height:100%;position:relative;padding:1.04vw 0px;}

.b2_r ul:after{content:'';position:absolute;top:0px;left:0.52vw;width:1px;height:100%;background:#ec9d3d;z-index:-1}

.b2_r li{ display:block;cursor:pointer;/* margin-bottom:1.04vw; */position:relative;padding:1.72vw 0px;padding-left:3vw;width: 100%;height: auto;overflow: hidden;}

.b2_r li img{float:left;width:3.13vw;vertical-align:sub;}

.b2_r li p{float:right; display:inline-block; width:71%; height:auto; min-height:auto; padding-left:1.6vw; font-size:0.94vw;line-height:2.25vw; cursor:pointer;color:#fff;}

.b2_r li p span{display:block; font-size:1.04vw;line-height:1.25vw;color:#fff;margin-bottom:1.04vw;}

.b2_r li p font{display:block; font-size:0.73vw;line-height:1.25vw;color:#fff;}

.active .b2_r {animation: zifadeInRight 0.8s ease 0.6s both;}


.b2_r ul.pc{}
.b2_r ul.sj{display:none;}


@keyframes circleRoate {

	from {

		transform: rotate(0deg);

	}

	to {

		transform: rotate(360deg);

	}

}



.xiao1{background:url(../images/tu7.png) no-repeat 5px center;}

.dada1{background:url(../images/tu6.png) no-repeat left center;}

.hide{visibility: hidden;position: absolute;z-index: -1;height: 0;}

/*@media(max-width:3500px){

.b2_ll p{font-size:1.04vw;}

.b2_r li p font{font-size: 1.04vw;line-height: 1.25vw;}

}

@media(max-width:1920px){

.b2_ll p {font-size: 0.83vw;line-height: 1.25vw;}

.b2_r li p font{font-size: 0.73vw;line-height: 1.25vw;}

}*/

@media(max-width:3500px){

.xiao1{background:url(../images/tu7.png) no-repeat 13px center;}

.dada1{background:url(../images/tu6.png) no-repeat 7px center;}

}

@media(max-width:1920px){

.xiao1{background:url(../images/tu7.png) no-repeat 5px center;}

.dada1{background:url(../images/tu6.png) no-repeat left center;}

}

@media(max-width:1440px){

.b2_r{width:16vw;float:right;margin-top: 4.8vw;}

.box2_tl h3{font-size:22px;line-height:22px;}

.b2_ll h2{font-size:30px;line-height:30px;}

.b2_ll p{font-size:16px;line-height:24px;}

.b2_r li p span{font-size:15px;line-height:24px;}

.b2_r li p font{font-size:12px;line-height:24px;}

.ydtp{font-size:16px;line-height:24px;}

.box3_b dd font{width:110px;}

.b2_r ul:after{left:0.7vw;}



}





@media(max-width:1024px){

.box2_tl h2{font-size:24px;line-height:24px;margin-bottom:10px;}

.box2_tl h3{font-size:20px;line-height:20px;}

.box2_tl h2:after{bottom:-30px;width:15px;height:15px;}





.box2{height:auto;overflow:hidden;padding:0px 30px 50px;padding-top:30px;}

.box2_b{height:100%;}

.box2_t{padding-top:0px;}

.bgbg{width: 50%;height:auto;left: -55px;right: 0px;}



#circlr{width:80% !important;left:0px;}

#circlr1{width:80% !important;left:0px;}

#circlr2{width:80% !important;left:0px;}

#circlr3{width:80% !important;left:0px;}

#circlr4{width:80% !important;left:0px;}

#circlr5{width:80% !important;left:0px;}

.ydtp{font-size:14px;line-height:24px;margin-top:20px;}





.b2_l{float:left;width:70%;}

.b2_ll{float:left;width:30%;margin-top:50px;margin-left:0px;margin-right:50px;}

.b2_ll h2{font-size:20px;line-height:24px;padding-left:20px;margin-bottom:30px;}

.b2_ll h2:after{width:4px;height:24px;}

.b2_ll p{margin-left:20px;padding-left:20px;font-size:16px;line-height:24px;margin-bottom:10px;}

.b2_ll p:after{top:45%;width:6px;height:6px;border-radius:3px;}





.b2_r{width:24%;margin-top:50px;}

.b2_r ul{padding:0px 0px;}

.b2_r ul:after{left:10px;}

.b2_r li{margin-bottom:20px;padding:0px 0px;padding-left:20px;}

.b2_r li img{width:50px;}

.b2_r li p{width:60%;padding-left:0px; font-size:18px;line-height:30px;}

.b2_r li p span{font-size:18px;line-height:24px;color:#fff;margin-bottom:10px;}

.b2_r li p font{font-size:14px;line-height:24px;color:#fff;}





.b2_lr{width:100%;height:auto;overflow:hidden;position:inherit;}

#circlr{display:none;}

#ccc{display:none;}



#circlr1{display:none;}

#ccc1{display:none;}

#circlr2{display:none;}

#ccc2{display:none;}

#circlr3{display:none;}

#ccc3{display:none;}

#circlr4{display:none;}

#ccc4{display:none;}

#circlr5{display:none;}

#ccc5{display:none;}


#sjsj{display:block;}

#sjsj img{width:33.33%;float:left;}

#sjsj1{display:block;}

#sjsj1 img{width:33.33%;float:left;}


#sjsj2{display:block;}

#sjsj2 img{width:33.33%;float:left;}



#sjsj3{display:block;}

#sjsj3 img{width:33.33%;float:left;}


#sjsj4{display:block;}

#sjsj4 img{width:33.33%;float:left;}


#sjsj5{display:block;}

#sjsj5 img{width:33.33%;float:left;}


.b2_r ul.pc{display:none;}
.b2_r ul.sj{display:block;}


.b2_r {height: auto;}


}



@media(max-width:768px){



.box2_tl h2{font-size:22px;line-height:22px;margin-bottom:10px;}

.box2_tl h3{font-size:18px;line-height:18px;}

.box2_tl h2:after{bottom:-26px;width:10px;height:10px;}





.box2{background-size: cover; padding:80px 15px 256px;}

.b2_r{width:100%;float:none;padding-top:20px;margin-bottom:0px;}

.b2_l{width:100%;float:none;}

.b2_r ul{width:100%;height:auto;overflow:hidden;}

.b2_r li{float:left;width:50%;padding-left:0px;margin-bottom:10px;}

.b2_r ul:after{width:0px;}

.b2_r li p span{font-size:16px;line-height:22px;color:#fff;margin-bottom:5px;}

.b2_r li p font{font-size:12px;line-height:20px;color:#fff;}

.xiao1{background:none;}

.dada1{background:none;}

.b2_r li p{width:67%;}

.b2_ll{width:30%;margin-top:30px;margin-right:0px;}

.b2_ll h2{font-size:16px;line-height:16px;padding-left:20px;margin-bottom:20px;}

.b2_ll h2:after{width:4px;height:18px;}

.b2_ll p{margin-left:0px;padding-left:15px;font-size:14px;line-height:20px;margin-bottom:5px;}

.bgbg{left:30%;}

.bgbg{display:none;}

.b2_lr {width: 70%;}

}

@media(max-width:650px){

.b2_ll {width: 100%;float:none;}

.b2_lr {width: 100%;float:none;}

}



.box3{ clear:both;width:100%; height:100vh; background:url(../images/tu2.jpg)no-repeat center top;background-size:100%;position:relative; z-index:1;padding:0px 8.33vw;padding-top:3vw;}

.box3_t{width:100%;height:auto;overflow:hidden;padding-top:2vw;}

.box3_tl{float:left;width:50%;}

.box3_tl h2{font-size:3.13vw;line-height:3.13vw;color:#363636;font-family:Arial;margin-bottom:1.04vw;position:relative;display:inline-block;}

.box3_tl h3{font-size:1.25vw;line-height:1.35vw;color:#363636;}

.box3_tl h2:after{content:'';position:absolute;bottom:-2.35vw;right:0px;width:1.6vw;height:1.6vw;background:url(../images/tu2.png)no-repeat center center;background-size:cover;}

.active .box3_tl {animation: zifadeInDown 0.8s ease 0.6s both;}



.box3_tr{float:right;width:50%;padding:1.6vw 0px 0px 0.78vw;}

.active .box3_tr {animation: zifadeInDown 0.8s ease 0.6s both;}



.box3_tr p{font-size:0.73vw;line-height:1.25vw;color:#363636;}

.box3_b{width:100%;height:auto;overflow:hidden;margin-top:3vw;}

.box3_b dl{float:left;width:48.75%;height:auto;overflow:hidden;background:#e5e5e5;margin-right:2.5%;margin-bottom:1.5%;border-radius:0.52vw; transition: all 1s ease;}





.box3_b dl:hover{background:#f7941c;}

.box3_b dl.bg2,.box3_b dl.bg4{margin-right:0px;}

.box3_b dt{float:left;width:50%;height:auto;overflow:hidden;}

.box3_b dt img{width:100%;vertical-align:middle;transition: all 1s ease;}

.box3_b dl:hover dt img{transform:scale(1.08); }

.box3_b dd{float:right;width:50%;padding:3vw 3vw 0px;}

.box3_b dd h2{font-size:0.94vw;line-height:1.25vw;color:#363636;margin-bottom:1.3vw;transition: all 0.8s ease;}

.box3_b dd p{font-size:0.73vw;line-height:1.25vw;color:#363636;transition: all 0.8s ease;}

.box3_b dd font{display:block;width:6.77vw;height:2.08vw;border:1px solid #646464;text-align:center;border-radius:1.04vw;margin-top:3vw;transition: all 0.8s ease;}

.box3_b dd font a{font-size:0.73vw;line-height:2.08vw;color:#363636;transition: all 0.8s ease;}

.box3_b dl:hover dd h2{color:#fff}

.box3_b dl:hover dd p{color:#fff}

.box3_b dl:hover dd font a{color:#fff}

.box3_b dl:hover dd font{border:1px solid #fff;}



.box3_b dl.bg3 dt{float:right;width:50%;}

.box3_b dl.bg4 dt{float:right;width:50%;}



.active .box3_b dl:nth-child(1){animation: zifadeInUp 0.6s ease 0.6s both;}



.active .box3_b dl:nth-child(2){animation: zifadeInUp 0.8s ease 0.8s both;}



.active .box3_b dl:nth-child(3){animation: zifadeInUp 0.7s ease 0.7s both;}



.active .box3_b dl:nth-child(4){animation: zifadeInUp 0.9s ease 0.9s both;}

/*@media(max-width:3500px){

.box3_tr p{font-size:0.94vw;line-height:1.6vw;}

.box3_b dd h2{font-size:0.94vw;line-height:1.6vw;margin-bottom:10px;}

.box3_b dd p{font-size:0.94vw;line-height:1.6vw;}

.box3_b dd font{margin-top:2vw;}

}

@media(max-width:1920px){

.box3_tr p{font-size:0.73vw;line-height:1.25vw;}

.box3_b dd h2{font-size:0.94vw;line-height:1.25vw;color:#363636;margin-bottom:1.3vw;transition: all 0.8s ease;}

.box3_b dd p{font-size:0.73vw;line-height:1.25vw;color:#363636;transition: all 0.8s ease;}

}*/

@media(max-width:1440px){

.box3_tl h3{font-size:22px;line-height:22px;}

.box3_tr p{font-size:14px;line-height:24px;}

.box3_b dd{padding:2.5vw 1.5vw 0px 1.5vw ;}

.box3_b dd h2{font-size:16px;line-height:24px;margin-bottm:10px;}

.box3_b dd p{font-size:14px;line-height:24px;text-align:justify}

.box3_b dd font{margin-top:20px;}

.box3_b dd font a {font-size: 14px;}

}



@media(max-width:1024px){

.box3{padding:30px 30px;height:auto;}

.box3_tl h2{font-size:24px;line-height:24px;margin-bottom:10px;}

.box3_tl h3{font-size:20px;line-height:20px;}

.box3_tl h2:after{bottom:-30px;width:15px;height:15px;}



.box3_tr p{font-size:14px;line-height:24px;}

.box3_tr{padding:0px 0px 0px 15px;}

.box3_tl{float:left;width:30%;}

.box3_tr{float:right;width:70%;}

.box3_b{margin-top:30px;}

.box3_b dl{width:48.75%;margin-right:2.5%;margin-bottom:1.5%;border-radius:10px;}

.box3_b dd{width:50%;padding:15px;}

.box3_b dd h2{font-size:16px;line-height:24px;margin-bottom:15px;}

.box3_b dd p{font-size:14px;line-height:18px;}

.box3_b dd font{width:120px;height:30px;border-radius:20px;margin-top:20px;}

.box3_b dd font a{font-size:14px;line-height:30px;}


/*
.box3_b dl.bg4 dt{float:none;width:100%;}

.box3_b dl.bg4 dd{float:none;width:100%;}
*/




}

@media(max-width:768px){

.box3{padding:60px 15px 0px;background:none;}

.box3_tl h2{font-size:22px;line-height:22px;margin-bottom:10px;}

.box3_tl h3{font-size:18px;line-height:18px;}

.box3_tl h2:after{bottom:-26px;width:10px;height:10px;}

.box3_tl {float: none;width: 100%;}

.box3_tr {float: none;width: 100%;padding:15px 0px 0px;}



.box3_b{margin-top:20px;}

.box3_b dl{ /* width:100%;margin-right:0%; */ margin-bottom:20px;border-radius:10px;}

.box3_b dd{width:100%;padding:15px 15px;}

.box3_b dt {float:none;width:100%;}

.box3_b dd h2 {margin-bottom:10px;}

.box3_b dd font{margin-top:20px;}

.box3_b dl.bg3 dt {float:none;width:100%;}

.box3_b dl.bg4 dd {float:none;width:100%;}

.box3_b dl.bg4 dt{float:none;width:100%;}

.box3_b dl.bg4 dd{float:none;width:100%;}

}

@media(max-width:414px){

.box3_t {display:none;}

.box3_b dt{float:none;width:100%;}

.box3_b dd{float:none;width:100%;}


}







.box4{ clear:both;width:100%; height:100vh; background:#fff;position:relative; z-index:1;}

.box4_l{overflow:hidden;width:50%;height:100%;float:left;position:relative; z-index:1; background:url(../images/tu5.jpg)no-repeat center top;background-size:100%;}

.box4_r{width:50%;height:100%;float:right;padding:0vw 11.04vw;display:flex;flex-direction: row;justify-content: flex-start;}



.box4_tl{width:100%;height:auto; /*overflow:hidden;*/align-self:center; }

.box4_tl h2{font-size:3.13vw;line-height:3.13vw;color:#363636;font-family:Arial;margin-bottom:1.04vw;position:relative;display:inline-block;}

.box4_tl h3{font-size:1.25vw;line-height:1.35vw;color:#363636;margin-bottom:3.65vw}

.box4_tl h2:after{content:'';position:absolute;bottom:-2.35vw;right:0px;width:1.6vw;height:1.6vw;background:url(../images/tu2.png)no-repeat center center;background-size: cover;}



.box4_tl p{font-size:0.73vw;line-height:1.6vw;text-align: justify;color:#4c4c4c;}

.box4_tl .more{display:block;width:6.77vw;height:2.08vw;border:1px solid #646464;text-align:center;border-radius:1.04vw;margin-top:4.2vw;transition: all 1s ease; }

.box4_r span{display:inline-block;}

.box4_tl .more a{font-size:0.73vw;line-height:2.08vw;color:#363636;transition: all 0.8s ease; }

.box4_tl .more:hover{border:1px solid #f7941c;background:#f7941c;}

.box4_tl .more:hover a{color:#fff;}



.active .box4_r h2{animation: zifadeInUp 0.6s ease 0.6s both;}

.active .box4_r font{animation: zifadeInUp 0.7s ease 0.7s both;}

.active .box4_r h3{animation: zifadeInUp 0.8s ease 0.8s both;}

.active .box4_r p{animation: zifadeInUp 0.9s ease 0.9s both;}

.active .box4_r .more{animation: zifadeInUp 1s ease 1s both;}

/*@media(max-width:3500px){

.box4_tl p{font-size:0.94vw;line-height:1.6vw;}

}

@media(max-width:1920px){

.box4_tl p{font-size:0.73vw;line-height:1.6vw;}

}*/

@media(max-width:1440px){

.box4_tl h3{font-size:22px;line-height:22px;}

.box4_tl p{font-size:14px;line-height:24px;}

.box4_tl .more a{font-size:14px;}

.box4_tl .more{width:110px;}



}

@media(max-width:1024px){

.box4{height:570px;}

.box4_l{background-size:cover;}

.box4_r{width:50%;padding:0vw 50px;}

.box4_tl h2{font-size:22px;line-height:22px;margin-bottom:10px;}

.box4_tl h3{font-size:18px;line-height:18px;}

.box4_tl h2:after{bottom:-26px;width:10px;height:10px;}

.box4_tl p{font-size:14px;line-height:24px;}

.box4_tl .more{width:120px;height:30px;border-radius:20px;margin-top:15px;}

.box4_tl .more a{font-size:14px;line-height:30px;}





}



@media(max-width:768px){

.box4{height:500px;}

.box4_r{padding:0px 15px;}

}

@media(max-width:580px){

.box4_r{float:none;width:100%;display: block;}

.box4_l{display:none;}

.box4{height:auto;padding:10px 0px 30px;}



}





.box5{ clear:both;width:100%; height:100vh; background:url(../images/tu6.jpg)no-repeat center top;background-size:100%;position:relative; z-index:1;padding:0px 8.33vw;padding-top:3vw;}

.box5_t{width:100%;height:auto;overflow:hidden;padding-top:3.65vw;}

.box5_tl{float:left;width:50%;}

.box5_tl h2{font-size:3.13vw;line-height:3.13vw;color:#363636;font-family:Arial;margin-bottom:1.04vw;position:relative;display:inline-block;}

.box5_tl h3{font-size:1.25vw;line-height:1.35vw;color:#363636;}

.box5_tl h2:after{content:'';position:absolute;bottom:-2.3vw;right:0px;width:1.6vw;height:1.6vw;background:url(../images/tu2.png)no-repeat center center;    background-size: cover;}



.active .box5_tl {animation: zifadeInDown 0.8s ease 0.6s both;}



.box5_b{width:100%;height:auto;overflow:hidden;margin-top:4.2vw;padding:0px 5.2vw;}

.box5_bl{float:left;width:43%;}

.box5_bl dl{width:100%;height:auto;overflow:hidden;background:#fff;border-radius:0.52vw;}

.box5_bl dt{width:100%;height:auto;overflow:hidden}

.box5_bl dt img{vertical-align:middle;width:100%;transition: all 1s ease;}

.box5_bl dd{padding:0.78vw 1.3vw;}

.box5_bl dd h2{font-size:0.94vw;line-height:1.25vw;color:#363636;font-weight:bold;margin-bottom:0.78vw;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.box5_bl dd p{font-size:0.73vw;line-height:1.25vw;color:#646464; transition: all 1s ease;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.box5_bl .gd{clear:both;width:100%;height:auto;overflow:hidden;margin-top:1.04vw;}

.box5_bl .gd font{display:inline-block;float:left;font-size:0.73vw;line-height:1.25vw;color:#757575;}

.box5_bl .gd span{display:inline-block;float:right;font-size:0.73vw;line-height:1.25vw;color:#f7941c;}

.box5_bl dl:hover dt img{transform:scale(1.08); }

.box5_bl dl:hover dd h2{color:#0c3783}



.box5_br{float:right;width:52%;}

.box5_br ul{width:100%;height:auto;}

.box5_br li{width:100%;height:auto;overflow:hidden;margin-bottom:0.52vw;background:#fff;border-radius:0.52vw; transition: all 1s ease; padding:1.04vw 1.3vw;}

.box5_br li.bg{margin-bottom:0px;}

.box5_br li h2{font-size:0.94vw;line-height:1.25vw;color:#363636;font-weight:bold;margin-bottom:0.52vw; transition: all 1s ease;}

.box5_br li p{font-size:0.73vw;line-height:1.25vw;color:#646464; transition: all 1s ease;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.box5_br li .gd{clear:both;width:100%;height:auto;overflow:hidden;margin-top:0.52vw;}

.box5_br li .gd font{display:inline-block;float:left;font-size:0.73vw;line-height:1.25vw;color:#757575; transition: all 1s ease;}

.box5_br li .gd span{display:inline-block;float:right;font-size:0.73vw;line-height:1.25vw;color:#f7941c; transition: all 1s ease;}

.box5_br li:hover{background:#0c3783;margin-left:1.04vw;}

.box5_br li:hover h2{color:#fff;}

.box5_br li:hover p{color:#fff;}

.box5_br li:hover .gd font{color:#fff;}

.box5_br li:hover .gd span{color:#fff;}



.box5 .more{clear:both;display:block;width:6.77vw;height:2.08vw;border:1px solid #646464;text-align:center;border-radius:1.04vw;transition: all 1s ease;margin:0 auto;text-align:center;margin-top:1.6vw;}

.box5 .more a{font-size:0.73vw;line-height:2.08vw;color:#363636;transition: all 0.8s ease; }

.box5 .more:hover{border:1px solid #f7941c;background:#f7941c;}

.box5 .more:hover a{color:#fff;}





.active .box5_br li:nth-child(1){animation: zifadeInUp 0.4s ease 0.4s both;}

.active .box5_br li:nth-child(2){animation: zifadeInUp 0.8s ease 0.6s both;}

.active .box5_br li:nth-child(3){animation: zifadeInUp 1s ease 1s both;}



@media(max-width:3500px){



}

@media(max-width:1920px){



}

@media(max-width:1440px){

.box5_bl{float:left;width:51%;}

.box5_br{float:right;width:45%;}



.box5_tl h3{font-size:22px;line-height:22px;}

.box5_bl dd h2{font-size:16px;line-height:24px;}

.box5_bl dd p{font-size:14px;line-height:24px;}

.box5_bl .gd font{font-size:14px;line-height:24px;}

.box5_bl .gd span{font-size:14px;line-height:24px;}

.box5_br li h2{font-size:16px;line-height:24px;}

.box5_br li p{font-size:14px;line-height:24px;}

.box5_br li .gd font{font-size:14px;line-height:24px;}

.box5_br li .gd span{font-size:14px;line-height:24px;}

.box5 .more{width:110px;}

.box5 .more a{font-size:14px;}



}

@media(max-width:1366px){
.box5_bl dd h2{-webkit-line-clamp: 1;}
.box5_bl dd p{-webkit-line-clamp: 1;}
.box5_br li p{-webkit-line-clamp: 1;}
.box5_br li{margin-bottom: 1.04vw;}
.box5_b {margin-top: 3vw;}
.box3_b {margin-top: 2vw;}
}

@media(max-width:1024px){

.box5{height:auto;padding:0px 30px 30px;background-size: cover;}

.box5_t{padding-top:30px;}

.box5_tl h2{font-size:22px;line-height:22px;margin-bottom:10px;}

.box5_tl h3{font-size:18px;line-height:18px;}

.box5_tl h2:after{bottom:-26px;width:10px;height:10px;}

.box5_tl p{font-size:14px;line-height:24px;}

.box5 .more{width:120px;height:30px;border-radius:20px;margin-top:30px;}

.box5 .more a{font-size:14px;line-height:30px;}

.box5_b{margin-top:30px;padding:0px 0px;}



.box5_bl dl{border-radius:10px;}

.box5_bl dd{padding:15px 25px;}

.box5_bl dd h2{font-size:16px;line-height:24px;margin-bottom:15px;}

.box5_bl dd p{font-size:14px;line-height:24px;}

.box5_bl .gd{margin-top:20px;}

.box5_bl .gd font{font-size:14px;line-height:24px;}

.box5_bl .gd span{font-size:14px;line-height:24px;}





.box5_br li{margin-bottom:10px;border-radius:10px;padding:10px 15px;}

.box5_br li h2{font-size:16px;line-height:24px;margin-bottom:7px;}

.box5_br li p{font-size:14px;line-height:24px;}

.box5_br li .gd{margin-top:10px;}

.box5_br li .gd font{font-size:14px;line-height:24px;}

.box5_br li .gd span{font-size:14px;line-height:24px;}

.box5_br li:hover{margin-left:0px;}





}



@media(max-width:768px){

.box5{padding:0px 15px 30px;}

.box5_bl{float:none;width:100%;margin-bottom:10px;}

.box5_br{float:none;width:100%;}

.box5_bl dd h2{font-size:16px;line-height:24px;margin-bottom:10px;}

.box5_bl .gd { margin-top: 10px;}

.box5_bl dd {padding: 15px 15px;}

.box5_tl{float:none;width:100%;}

}

@media(max-width:580px){

.box4_r{float:none;width:100%; display: block; margin: 60px 0 40px;}

.box4_l{ float:none; width:100%; height:100vw; display: block; }

.box4{height:auto;padding:10px 0px 30px;}



}



.box6{ clear:both;width:100%; height:100vh; background:url(../images/tu10.jpg) no-repeat center center;    background-size: cover;position:relative; z-index:99;    padding: 0px 8.33vw; padding-top: 9vw;}



canvas {

  pointer-events: none;

  position:absolute;

  min-width: 120vw; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index:-1;

}





.controls {

  width: 26vw;

  display: inline-block;

  position: absolute;

  top: 1.04vw;

  left: 50%;

  transform: translate(-50%, 0);

}



.btn-group {

  display: inline-block;

}



.btn {

  display: inline-block;

  margin-bottom: 0;

  font-weight: 500;

  text-align: center;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  background-image: none;

  border: 1px solid transparent;

  white-space: nowrap;

  line-height: 1.5;

  padding: 4px 15px;

  font-size: 12px;

  border-radius: 0px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  position: relative;

  color: rgba(0, 0, 0, 0.65);

  background-color: #fff;

  border-color: #d9d9d9;

}



.btn:first-child {

  border-radius: 4px 0 0 4px;

}



.btn:last-child {

  border-radius: 0 4px 4px 0;

}



.btn.active {

  color: #fff;

  background-color: #dc7953;

  border-color: #dc7953;

}



.rotate {

  margin-left: 1.04vw;

}



.rotate .btn {

  border: none;

  border-radius: 1.04vw;

}





.box6_l{overflow:hidden;width:50%;height:100%;float:left;}

.box6_l p{width:15.625vw;height:3.13vw;border:2px solid #fff;text-align:center;margin-bottom:1.5vw;}

.box6_l p a{font-size:1.25vw;line-height:3.02vw;color:#fff;}

.box6_l p:hover{border:2px solid #0c3783;background:#0c3783;}

.box6_l p:hover a{color:#fff;}





.box6_r{width:26vw;height:100%;float:right;}

.box6_rt{width:26vw;margin-top:3vw;}

.box6_rt h2{font-size:1.875vw;line-height:1.875vw;color:#ffffff;margin-bottom:3vw;}

.box6_rt input{width:100%;border:0px;border-bottom:1px solid #fff;background:transparent;height:1.6vw;color:#fff;padding-right:1.6vw;}

.box6_rt span{display: block;color: #eee;font-size: 0.625vw; margin-top: -1.35vw;    cursor: pointer;position: absolute;right: 0px;}

.box6_rt button{
	display: block;
    color: #eee;
    font-size: 0.625vw;
    margin-top: -1.35vw;
    cursor: pointer;
    position: absolute;
    right: 0px;
}
	

.box6_rb{width:18.489vw;margin-top:10vw;float:right;}

.box6_rb h2{font-size:1.25vw;line-height:1.25vw;color:#fff;margin-bottom:1.6vw;}

.box6_rb p{font-size:0.94vw;line-height:1.25vw;color:#fff;margin-top:0.52vw;}

.box6_rb p a{display:inline-block;margin-right:0.52vw;}





.sy_foot{width:100%;height:auto;overflow:hidden;border-top:1px solid #626262;padding:1.6vw 0px;position:absolute;bottom:0px;left:0px;right:0px;margin:0 auto;text-align:center; padding:1.6vw 8.33vw; }

.syfoot_l{float:left;font-size:0.73vw;line-heoght:1.25vw;color:#a9a9a9;}

.syfoot_l a{font-size:0.73vw;line-heoght:1.25vw;color:#a9a9a9;}



.syfoot_r{float:right;font-size:0.73vw;line-heoght:1.25vw;color:#a9a9a9;}

.syfoot_r a{font-size:0.73vw;line-heoght:1.25vw;color:#a9a9a9;}







.active .box6_r h2{animation: zifadeInRight 0.8s ease 0.6s both;}

.active .box6_r font{animation: zifadeInRight 0.8s ease 0.6s both;}

.active .box6_r h3{animation: zifadeInRight 0.8s ease 0.6s both;}

.active .box6_r p{animation: zifadeInRight 0.8s ease 0.6s both;}

.active .box6_r .more{animation: zifadeInRight 0.8s ease 0.6s both;}





.active .box6_l p:nth-child(1){animation: zifadeInUp 0.4s ease 0.4s both;}

.active .box6_l p:nth-child(2){animation: zifadeInUp 0.5s ease 0.5s both;}

.active .box6_l p:nth-child(3){animation: zifadeInUp 0.6s ease 0.6s both;}

.active .box6_l p:nth-child(4){animation: zifadeInUp 0.7s ease 0.7s both;}

.active .box6_l p:nth-child(5){animation: zifadeInUp 0.8s ease 0.8s both;}

.active .box6_l p:nth-child(6){animation: zifadeInUp 0.9s ease 0.9s both;}



@media(max-width:1440px){

.box6_l p{width:150px;height:3vw;border:2px solid #fff;text-align:center;margin-bottom:1.8vw;}

.box6_l p a{font-size:16px;line-height:3vw;color:#fff;}

.box6_rt h2{font-size:24px;line-height:24px;}

.box6_rt input{font-size:14px;}

.box6_rt span {font-size: 14px;margin-top: -1.65vw;}

.box6_rb{width:20vw;}

.box6_rb h2{font-size:18px;line-height:20px;}

.box6_rb p{font-size:14px;line-height:20px;}

.syfoot_l{font-size:14px;line-heoght:24px;}

.syfoot_l a{font-size:14px;line-heoght:24px;}



.syfoot_r{font-size:14px;line-heoght:24px;}

.syfoot_r a{font-size:14px;line-heoght:24px;}



}

@media(max-width:1024px){



.box6{height:auto;padding: 0px 30px 60px; padding-top: 30px;overflow: hidden;}

.box6_l{width:100%;float:none;}

.box6_l p{float:left;width:15%;margin-right:2%;height:30px;margin-bottom:30px;}

.box6_l p:last-child{margin-right:0px;}

.box6_l p a{font-size:16px;line-height:28px;}





.box6_r{width:100%;float:none;}

.box6_rt{width:100%;}

.box6_rt h2{font-size:20px;line-height:20px;margin-bottom:15px;}

.box6_rt input{height:30px;}



.box6_rb{width:100%;margin-top:20px;margin-bottom:20px;margin-left:0px;}

.box6_rb h2{font-size:20px;line-height:20px;margin-bottom:15px;}

.box6_rb p{font-size:18px;line-height:24px;margin-top:10px;}

.box6_rb p a{margin-right:10px;}



.sy_foot{padding:15px 0px;padding:15px 30px; }

.syfoot_l{font-size:14px;line-height:24px;}

.syfoot_l a{font-size:14px;line-heoght:24px;}



.syfoot_r{font-size:14px;line-heoght:24px;}

.syfoot_r a{font-size:14px;line-heoght:24px;}







}

@media(max-width:768px){

.sy_foot{padding:15px 15px; }

.sy_foot{padding:15px 15px; }

.box6_rt h2{font-size:18px;line-height:18px;}

.box6_rb h2{font-size:18px;line-height:18px;}

.box6_l p{float:left;width:31%;margin-right:2%;height:30px;margin-bottom:10px;}

.box6 {padding: 100px 15px 0px;}

.box6_rb{margin:10px 0px;}

.box6_rb p{margin-top:5px;}

.box6_rb p{font-size:14px;line-height:24px;margin-top:5px;}

.syfoot_l{float:none;width:100%;margin:0 auto;text-align:center;}

.syfoot_r{float:none;width:100%;margin:0 auto;text-align:center;}

.sy_foot{position:inherit;}

.box6_rt span {font-size: 14px;margin-top: -25px;}

}

@media(max-width:414px){



}







/***首页 end***/



/*****新闻 begin*****/

.news_banner{clear:both; width:100%; height:60vh; position:relative;z-index:9;animation:fadeIn 1.5s;padding-top:4.2vw;}

.news_z{opacity:1;position:absolute;top:40%;left:0px;right:0px;text-align:center;z-index:999;}

.news_z span{font-size:1.04vw;line-height:1.25vw;color:#fff;font-family:"Arial";}

.news_z h2{font-size:2.08vw;line-height:2.08vw;color:#ffffff;margin:1.25vw 0px 3.13vw;}

.news_z p{font-size:1.04vw;line-height:1.25vw;color:#fff;font-family: "Arial";}

@media(max-width:1920px){

.news_z span{font-size:0.94vw;line-height:1.25vw;}

.news_z p{font-size:0.83vw;line-height:1.25vw;}

	

}



@media(max-width:1440px){

.news_z h2{font-size:22px;line-height:22px;}

.news_z span{font-size:16px;line-height:24px;}

.news_z p{font-size:14px;line-height:24px;}

}

@media(max-width:1024px){

.news_banner{height:300px;padding-top:60px;}

.news_z{top:40%;padding:0px 15px;}

.news_z h2{font-size:22px;line-height:22px;margin:10px 0px 20px;}

.news_z span{font-size:16px;line-height:24px;}

.news_z p{font-size:14px;line-height:24px;}

}

@media(max-width:768px){

.news_banner{height:300px;}

.news_z h2{font-size:22px;line-height:20px;margin:10px 0px 15px;}

.news_z span{font-size:14px;line-height:24px;}

.news_z p{font-size:14px;line-height:24px;}

}

@media(max-width:586px){

.news_banner{height:250px;}

}

@media(max-width:414px){

.news_banner{height:250px;}

.news_z h2{font-size:20px;line-height:20px;margin:10px 0px 10px;}

}



.neww{width:100%;height:auto;overflow:hidden;padding:0px 8.33vw;}



.news_n{width:15.625vw;height:4.2vw;background:#0c3783;font-size:18px;line-height:24px;color:#fff;padding:1.4vw 0px;text-align:center;}



.news{width:100%;height:auto;margin-top:4.2vw;}



.new_t{width:100%;height:auto;margin:4.2vw 0px 0px;padding:1%;overflow:hidden;display: flex;flex-wrap: wrap;}



.new_t dl{float:left;width:22%;margin-right:3%;margin-bottom:4%;position:relative;height:auto;overflow:hidden;background:#f9f9f9;}



.new_t dl.bg{margin-right:0px;}



.new_t dt{ height:auto; overflow:hidden;}



.new_t dt img{ display:block; width:100%;transition: all 1s ease;}



.new_t dd{width:100%;height:50%;overflow:hidden;background:#fff;padding:1.6vw 1.04vw;}



.new_t dd h1{font-size:0.94vw; line-height:1.25vw; color:#333333;font-weight:bold;transition: all 1s ease;margin-bottom:0.52vw;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}



.new_t dd em{ display:block; position:absolute;top:0px;left:1.04vw;background:#0c3783; padding:0.52vw; text-align:center; line-height:0.94vw; color:#fff; font-size:0.625vw;}



.new_t dd em i{ min-height:2vw !important; display:block; border-bottom:1px solid #fff; color:#fff; text-align:center;font-size:1.67vw; line-height:32px; font-weight:bold;}







.new_t dd p{ line-height:1.25vw; color:#999; font-size:0.73vw;overflow:hidden;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}



.new_t dd font{display:block;margin-top:0.52vw;font-size:0.73vw;line-height:1.25vw;color:#333333;}



.new_t dl:hover{background:#fff;box-shadow:0px 10px 0.78vw #e3e3e3;}



.new_t dl:hover dt img{ transform:scale(1.1);}



.new_t dl:hover dd h1{ color:#0c3783;}



.new_t dl:hover dd font{ color:#0c3783;}



/*.new_t dl:hover{box-shadow:0px 10px 0.78vw #ddd;}*/





.fy{ clear:both;text-align:center;overflow:hidden;border:0px solid #d2d2d2;margin-bottom:3.2vw; } 



.fy div{ clear:both; /*text-align:left;*/ font-size:0;}



.fy div a{width:3vw;font-size:0.94vw; color:#999999;background:#fff; text-align:center; margin:0px 6px; height:3vw;line-height:3vw;display:inline-block; text-align:center;bordert:1px solid #d2d2d2;}



.fy div a.next{width:3vw; height:3vw; border:1px solid #d2d2d2;line-height:3vw;display:inline-block; text-align:center;}



.fy div a.prev{ width:3vw; height:3vw; border:1px solid #d2d2d2;line-height:3vw;display:inline-block; text-align:center;}



.fy div a.current{ width:3vw;font-size:0.94vw; color:#fff; text-align:center;  height:3vw; height:3vw; background:#0c3783;line-height:3vw;display:inline-block; text-align:center;}



.new_t dd span{display:none;}







@media(max-width:1440px){

.new_t dd h1{font-size:15px; line-height:24px; }

.new_t dd p{ line-height:24px;font-size:14px;}

.new_t dd font{margin-top:10px;font-size:14px;line-height:24px;}



}

@media(max-width:1024px){

.neww{padding:0px 30px;}



.news_n{width:200px;height:50px;font-size:18px;line-height:50px;padding:0px 0px;}



.news{margin-top:30px;}

.new_t{margin:30px 0px 0px;padding:0%;}



.new_t dl{width:32%;margin-right:2%;margin-bottom:2%;position:relative;}

.new_t dl.bg{margin-right:2%;}

.new_t dl:nth-child(3n){margin-right:0px;}

.new_t dd{padding:30px;}



.new_t dd h1{font-size:18px; line-height:26px;margin-bottom:10px;}



.new_t dd em{position:inherit;top:0px;right:0px;backgorund:#fff;padding:10px 0px; line-height:18px;font-size:12px;left:0;

    background: #fff;color:#333;text-align: left;}



.new_t dd em i{ min-height:auto !important; font-size:12px; line-height:18px;display:inline;border:0px;color:#333;margin-right:5px;}







.new_t dd p{ line-height:24px;font-size:14px; height:48px;}



.new_t dd font{margin-top:10px;font-size:14px;line-height:24px;}





.fy{height:40px;line-height:40px;font-size:14px; padding-top:0px;margin-bottom:30px;} 



.fy div a{width:40px; margin-right:0px;font-size:14px; height:40px;line-height:40px;}



.fy div a.next{width:40px; margin-right:0px;font-size:14px;height:40px;line-height:40px;}



.fy div a.prev{ width:40px; margin-right:0px;font-size:14px;height:40px;line-height:40px;}



.fy div a.current{ width:40px;  margin-right:0px;font-size:14px;height:40px;line-height:40px;}







}







@media(max-width:768px){

.neww {padding: 0px 15px;}



.new_t dd{padding:15px 0px;}



.new_t dd h1{font-size:16px; line-height:24px;margin-bottom:0px;}



.new_t dl{float:none;width:100%;margin-right:0px;margin-bottom:15px;}



.new_t dd p{height:auto;margin-bottom:0px;}



.new_t dd em{display:none;}



.new_t dd span{display:block;font-size:14px; line-height:14px;display:inline;border:0px;color:#333;}





}



@media(max-width:414px){







}



/*****新闻 end*****/





/****新闻详情 begin****/



.newsss{width:100%;height:auto;overflow:hidden;padding:5.2vw 12.5vw;background:#f9f9f9;}

.new_xq{width:100%;height:auto;overflow:hidden;}

.new_x{width:100%;height:auto;overflow:hidden;}

.new_x h2{font-size:1.25vw;line-height:2vw;color:#333333;font-weight:bold;margin-bottom:0.625vw;}

.new_x font{display:block;font-size:0.73vw;line-height:1.25vw;color:#666666;}

.newxq{width:100%;height:auto;overflow:hidden;margin:2vw 0px;padding:2vw 0px;border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2;}

.newxq p{font-size:0.83vw;line-height:1.875vw;color:#666;margin-bottom:0.78vw;}

.new_xq1{clear:both;width:100%;height:auto;position:relative;}

.news_sx{clear:both;width:100%;height:auto;}

.news_sx p a{display:block;font-size:0.83vw;line-height:1.875vw;color:#4c4c4c;}

.news_sx p a:hover{color:#194e47}

.fh{cursor:pointer;position:absolute;top:0px;right:0px;}

.fh img{max-width:100%;vertical-align:middle;cursor:pointer;}

@media(max-width:1440px){

.new_x h2{font-size:20px;line-height:28px;}

.new_x font{font-size:12px;line-height:12px;}

.newxq p{font-size:14px;line-height:24px;}

.news_sx p a{font-size:14px;line-height:24px;}

}

@media(max-width:1024px){

.newsss{padding:30px;}

.newsss{padding:10px 0px;}

.new_xq h2{font-size:18px;line-height:28px;padding-bottom:5px;}

.new_xq font{font-size:12px;line-height:18px;}

.newxq p{font-size:14px;line-height:24px;margin-bottom:10px;}

.new_xq1{position:relative;margin-bottom:0px;}

.fh{border-radius:20px;right:30px;top: 12px;}

.news_sx p a{font-size:12px;line-height:24px;}

}



@media(max-width:768px){

.newsss{padding:15px;}

.new_xq h2{font-size:15px;line-height:24px;border-bottom:0px;}

.fh{position:absolute;top:45px;right:0px;}

}

@media(max-width:414px){



}





/*******新闻详情 end*********/









/*******产品应用 begin*******/

.cp_nav{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #e5e5e5;}

.cp_nav p{width:15.625vw;height:4.2vw;float:left;padding: 0vw 0vw;transition: all 1s ease;margin:0 auto;text-align: center;}

.wgyh1:hover{background:#0c3783;}

.wgyh1 span{ display: inline-block;width:2.5vw; height:1.875vw; position:relative;margin-right:1.04vw;}

.wgyh1 span em{ display:inline-block;padding-top: 8px;}

.wgyh1 span i{ display:none;}

.wgyh1 span img{margin:0 auto; max-width:100%;vertical-align: middle;}

.wgyh1 font{ display:inline-block; width:; text-align:center; font-size:0.94vw;line-height:4.2vw;color:#333;}

.wgyh1 font i{ color:#333333; font-size:0.83vw; font-family:Arial, Helvetica, sans-serif; display:block;}

.wgyh1:hover{ background:#033a8a;}

.wgyh1:hover span em{ display:none;}

.wgyh1:hover span i{ display:inline-block;}

.wgyh1:hover font{ color:#fff;}

.eocw{ background:#033a8a;}

.eocw span em{ display:none;}

.eocw span i{ display:inline-block;padding-top: 8px;}

.eocw:hover span em{ display:none;}

.eocw:hover span i{ display:inline-block;}


.eocw font,.eocw font i{ color:#fff;}

@media(max-width:1440px){

.cp_nav p{padding:0vw 0vw;}

}
@media(max-width:1366px){

.cp_nav p{padding:0vw 0vw;}

}

@media(max-width:1024px){

.cp_nav{border-bottom:none;}

.cp_nav p{width:25%;height:50px;padding:0px;border-bottom:1px solid #e5e5e5;}

.wgyh1 span{width:auto; height:50px;padding-right:10px;}

.wgyh1 span em{padding-top:3px;}

.wgyh1:hover span em{padding-top:3px;}

.wgyh1 font{font-size:18px;line-height:50px;width:auto;}

.wgyh1 font i{font-size:16px;}



}

@media(max-width:768px){

.cp_nav p{width:50%;height:50px;padding:0px;}

.wgyh1 font{font-size:16px;line-height:50px;width:auto;}

}

@media(max-width:414px){

.cp_nav p{width:50%;height:50px;padding:0px;}

.xrhh2{ padding:0 15px;}

.wgyh1 span{width:40px;}

.wgyh1 span{height:auto;}
.wgyh1 span em{height:auto;padding-top:5px;}



}

@media(max-width:375px){

.cp_nav p{padding:8px 0px 8px 5px;}

}

.cpyy{width:100%;height:auto;overflow:hidden;padding:4.2vw;}

.cpyy_t{width:100%;height:auto;overflow:hidden;position:relative;}

.cpyy_t h1{margin:0 auto; font-size:2em;}

.cpyy_t img{width:100%;vertical-align:middle;transition: all 0.8s ease; line-height:36px;}

.cpyy_t:hover img{transform:scale(1.05); }

.cp_zzc{opacity:1;transition: all 1s ease;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.5);width:100%;height:100%;padding:0px 7.8125vw;display:flex;flex-direction:row;justify-content:flex-start;}

.cp_zzc p{align-self:center;font-size:0.94vw;line-height:1.6vw;color:#fff;}

.cpyy_t:hover .cp_zzc{opacity:1;}

.cpyy_b{width:100%;height:auto;overflow:hidden;padding-top:0px;}

.cpyy_b p{float:left;width:25%;margin-top:4.2vw;padding-left:1.6vw;position:relative;font-size:1.25vw;line-height:1.6vw;color:#363636;cursor:pointer;}

.cpyy_b p:after{content:'';position:absolute;top:0px;left:0px;width:1.25vw;height:0.73vw;background:url(../images/tu15.png) no-repeat center center;background-size: cover;}

.cpyy_b p:hover{color:#0c3783;}

.cpyy_b p:hover:after{background:url(../images/tu16.png) no-repeat center center;background-size: cover;}

@media(max-width:1440px){



.wgyh1 font{font-size:16px;}

.wgyh1 font i{font-size:14px; }

.cp_zzc p{font-size: 14px;}

.cp_zzc{padding: 0px 5vw;}

.cpyy_b p{font-size:15px;margin-top:2.5vw;}

}



@media(max-width:1024px){

.cpyy{padding:30px 0px;margin-bottom:30px;}

.cp_zzc{opacity:1;padding:0px 30px;}

.cp_zzc p{font-size:16px;line-height:30px;}

.cpyy_b p{width:25%;margin-top:30px;padding-left:30px;font-size:24px;line-height:24px;}

.cpyy_b p:after{width:24px;height:14px;}

}



@media(max-width:768px){

.cpyy{padding:15px 0px;}

.cpyy_b p{width:33.33%;margin-top:20px;padding-left:30px;font-size:14px;line-height:14px;}

.cp_zzc{padding:0px 5px;}

.cp_zzc p{font-size:14px;line-height:24px;}

.cp_zzc{position:inherit;opacity:1;background:#fff;padding:10px 0px 0px; }

.cp_zzc p{color:#333;}

}

@media(max-width:414px){



}

















/********产品应用 end********/







/********联系我们 begin*********/

.lxwm{width:100%;height:auto;overflow:hidden;padding:3.8vw 8.33vw 5.2vw;}

.lx_t{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;}

.lx_t h2{font-size:1.25vw;line-height:1.6vw;color:#363636;margin-bottom:1.6vw;}

.lx_t p{font-size:0.83vw;line-height:1.6vw;color:#646464;}

.lxlx{width:100%;height:auto;overflow:hidden;margin:4.2vw 0px;padding:2% 1%;}

.lxlx p{float:left;width:10%;margin-right:8%;}

.lxlx p:last-child{margin-right:0px;}

.lxlx img{vertical-align:middle;max-width:100%;transition: all 0.5s ease;}

.lxlx p:hover img {box-shadow:0px 0px 0.78vw rgba(12,55,131,0.5);-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}

.lxlx span{display:block;width:100%;font-size:0.83vw;line-height:1.6vw;color:#363636;margin-top:1.6vw;}





.lx_m{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;}

.lx_m h2{font-size:1.25vw;line-height:1.6vw;color:#363636;margin-bottom:0.52vw;}

.lx_m h3{font-size:0.83vw;line-height:1.6vw;color:#999;font-family:Arial;}

.lxfs{width:100%;height:auto;overflow:hidden;margin:3.13vw 0px;padding:0px 10vw;}

.lxfs ul{width:100%;height:auto;overflow:hidden;}

.lxfs li{float:left;width:22%;margin-right:4%;border:1px solid #eeeeee;padding:4.2vw 0.78vw 3.13vw;min-height:18vw;}

.lxfs li:hover{border:1px solid #0c3783;}

.lxfs li:last-child{margin-right:0px;}

.lxfs li img{vertical-align:middle;max-width:100%;}

.lxfs li h4{font-size:0.83vw;line-height:1.25vw;color:#333333;font-weight:bold;margin-top:3.65vw;margin-bottom:0.52vw;}

.lxfs li p{font-size:0.625vw;line-height:0.94vw;color:#999;font-family:Arial;}



.lx_b{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;margin-top:2.08vw;}

.lx_b h2{font-size:1.6vw;line-height:1.6vw;color:#333;margin-bottom:1.04vw;}

.ly{width:100%;height:auto;overflow:hidden;padding-top:4.2vw;}

.ly p{float:left;width:28%;margin-right:8%;}

.ly p.bg{margin-right:0px;}

.ly p input{width:100%;line-height:2.5vw;padding:0px 0.78vw;font-size:0.73vw;background:#fff;color:#999999;border:1px solid #999;}

.ly p input:hover{border:1px solid rgba(12,55,131,1);box-shadow:0px 0px 5px rgba(12,55,131,0.5);}

.ly p input:focus{border:1px solid rgba(12,55,131,1);box-shadow:0px 0px 5px rgba(12,55,131,0.5);color:#0c3783;}

.ly p input:focus::-webkit-input-placeholder{ 

color: #0c3783; 

} 

.ly p input:hover::-webkit-input-placeholder{ 

color: #0c3783; 

} 

.tj{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;padding-top:5.2vw;}

.tj img{cursor:pointer;max-width:100%;vertical-align:middle;}

.tj img:hover{animation:shake2 2s;}

@media(max-width:1440px){

.lxfs{padding:0px 4.2vw}

.lx_t h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.lx_t p{font-size:14px;line-height:24px;}

.lxlx span{font-size:14px;line-height:24px;margin-top:15px;}

.lx_m h2{font-size:20px;line-height:24px;margin-bottom:10px;}

.lx_m h3{font-size:14px;line-height:24px;}

.lxfs li{min-height:20vw}

.lxfs li h4{font-size:14px;line-height:24px;margin-top:20px;margin-bottom:10px;}

.lxfs li p{font-size:14px;line-height:18px;}

.lx_b h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.ly p input{font-size:14px;}

}

@media(max-width:1024px){

.ly p{width:30%;margin-right:5%;}

.ly p input{line-height:40px;padding:0px 15px;font-size:14px;}

.ly{padding-top:30px;}



.lxwm{padding:30px;}

.lx_t h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.lx_t p{font-size:14px;line-height:24px;}

.lxlx{margin:30px 0px;padding:1%;}

.lxlx p{float:left;width:30%;margin-right:5%;margin-bottom:15px;}

.lxlx p:nth-child(3n){margin-right:0px;}

.lxlx p:hover img {box-shadow:0px 0px 10px rgba(12,55,131,0.5);}

.lxlx span{font-size:14px;line-height:24px;margin-top:15px;}



.lx_m h2{font-size:20px;line-height:24px;margin-bottom:10px;}

.lx_m h3{font-size:14px;line-height:24px;}

.lxfs{margin:30px 0px;padding:0px;}

.lxfs li{float:left;width:49%;margin-right:2%;padding:30px 10px 30px;min-height:240px;margin-bottom:10px;}

.lxfs li:nth-child(2n){margin-right:0px;}

.lxfs li h4{font-size:16px;line-height:24px;margin-top:20px;margin-bottom:10px;}

.lxfs li p{font-size:12px;line-height:18px;}



.lx_b{margin-top:20px;}

.lx_b h2{font-size:20px;line-height:24px;margin-bottom:15px;}





}



@media(max-width:768px){

.lxwm{padding:15px;}

.lxlx{margin:15px 0px;}

.lxfs{margin:15px 0px;}

.lx_t h2{font-size:18px;line-height:24px;margin-bottom:15px;}

.lx_t p{font-size:14px;line-height:24px;}

.lxlx span{margin-top:5px;}

.lx_m h2{font-size:18px;line-height:24px;margin-bottom:10px;}

.lxfs li h4{font-size:14px;line-height:24px;margin-top:10px;margin-bottom:10px;}

.ly p{float:none;width:100%;margin-right:0%;margin-bottom:10px;}

.lxfs li{min-height:220px;padding:15px 5px;}

.lx_b h2{font-size:18px;line-height:24px;margin-bottom:10px;}



}



@media(max-width:414px){





}











/********联系我们 end*********/









/********关于我们 begin*********/

.gywm{width:100%;height:auto;overflow:hidden;padding:3.8vw 0px 0vw;}

.gy_t{width:100%;height:auto;overflow:hidden;margin:0 auto;/*text-align:center;*/padding:0px 8.33vw;}

.gy_t h2{font-size:1.6vw;line-height:2vw;color:#363636;margin-bottom:1.6vw;width:100%;text-align:center;}

.gy_t p{font-size:0.83vw;line-height:1.6vw;color:#646464;padding:0px 15.625vw;margin-bottom:20px;}



/*.gy_tu{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;padding:0px 25vw 3vw;}*/



.gy_tu{width:100%;height:auto;overflow:hidden;margin:4.2vw auto;text-align:center;padding:6.7vw 18vw 13.28125vw;}

.gy_tu img{max-width:100%;vertical-align:middle;}

.gytu_sj{display:none;}

.gytu_sj img{max-width:100%;vertical-align:middle;}

.gytu_tu{width:100%;height:auto;position:relative;}

.gytu_tu>img{width:37vw;}

.gytu_tu img{animation: popIn 1.5s linear 1 alternate}

.gy1{width:12.9vw;position:absolute;top:-6.5vw;left:0px;background:url(../images/tu25_1.png) no-repeat center center;background-size:cover;animation: circleRoate 40s infinite linear;}

.gy1 img,.gy2 img,.gy3 img{width:12.9vw;animation: circleRoate1 40s infinite linear;}

.gy2{width:12.9vw;position:absolute;top:-6.5vw;right:0px;background:url(../images/tu25_1.png) no-repeat center center;background-size:cover;animation: circleRoate 40s infinite linear;}

.gy3{width:12.9vw;position:absolute;bottom:-13.28125;left:0px;right:0px;margin:0 auto;background:url(../images/tu25_1.png) no-repeat center center;background-size:cover;animation: circleRoate 40s infinite linear;}





@keyframes circleRoate {

	from {

		transform: rotate(0deg);

	}

	to {

		transform: rotate(360deg);

	}

}



@keyframes circleRoate1 {

	from {

		transform: rotate(360deg);

	}

	to {

		transform: rotate(0deg);

	}

}

@media(max-width:1440px){

.gy_t{padding:0px 50px;}

.gy_t h2{font-size:20px;}

.gy_t p{font-size:14px;line-height:24px;padding:0px 30px;margin-bottom:20px;}



}



@media(max-width:1024px){

.gytu_sj{display:block;}

.gytu_tu{display:none;}

}

























.gy_m{width:100%;height:auto;overflow:hidden;padding:1.6vw 0px 6.25vw;background:url(../images/tu37.jpg) no-repeat center center;background-size:cover;margin:0 auto;text-align:center;}

.gy_m h2{font-size:1.6vw;line-height:1.875vw;;color:#fff;margin-bottom:1.6vw;margin-top:4.6875vw;}

.gy_m p{font-size:1.04vw;line-height:1.25vw;color:#fff;}



.gy_b{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;padding:4.2vw 8.33vw;}

.gy_b h2{font-size:1.6vw;line-height:2vw;color:#363636;margin-bottom:1.6vw;}

.gygy{margin:1.6vw 0px;padding:1%;}

.gygy p{float:left;width:7%;margin-right:11.5%;margin-bottom:15px;}

.gygy p:last-child{margin-right:0px;}

.gygy p img{border-radius:50%;}

.gygy p:hover img {box-shadow:0px 0px 10px rgba(12,55,131,0.5);}

.gygy span{display:block;font-size:0.94vw;line-height:1.25vw;color:#363636;margin-top:0.78vw;}

.gygy span i{display:block;font-size:0.94vw;line-height:1.25vw;color:#aaaaaa;margin-top:0.52vw;font-family:Arial;text-transform:capitalize;}

@media(max-width:1920px){

.gy_m p{font-size:0.94vw;line-height:1.25vw;}



}

@media(max-width:1440px){

.gy_t h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.gy_t p{font-size:14px;line-height:24px;padding:0px;margin-bottom:10px;}

.gy_m h2{font-size:20px;line-height:20px;margin-bottom:15px;margin-top:30px;}

.gy_m p{font-size:14px;line-height:24px;}

.gy_b h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.gygy span{font-size:14px;line-height:14px;margin-top:15px;}

.gygy span i{font-size:14px;line-height:24px;margin-top:10px;}

.gygy p {float: left;width: 8%; margin-right: 10.4%;}

}



@media(max-width:1024px){

.gywm{padding:30px 0px 0vw;}

.gy_t{padding:30px;}

.gy_t h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.gy_t p{font-size:14px;line-height:24px;padding:0px;margin-bottom:10px;}

.gy_tu{margin:30px 0px;padding:0px 30px;}



.gy_m{padding:30px 0px 60px;}

.gy_m h2{font-size:20px;line-height:20px;margin-bottom:15px;margin-top:30px;}

.gy_m p{font-size:16px;line-height:24px;}



.gy_b{padding:30px;}

.gy_b h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.gygy{margin:15px 0px;}

.gygy p{width:30%;margin-right:5%;margin-bottom:15px;}

.gygy p:nth-child(3n){margin-right:0px;}

.gygy span{font-size:18px;line-height:18px;margin-top:15px;}

.gygy span i{font-size:14px;line-height:24px;margin-top:10px;}





}



@media(max-width:768px){

.gywm{padding:15px 0px 0vw;}

.gy_tu{margin:15px 0px;padding:0px 50px;}

.gy_m{padding:15px 0px 30px;}

.gy_b{padding:15px;}	

.gy_t{padding:15px;}

.gygy span{font-size:16px;line-height:16px;margin-top:10px;}

.gygy span i{margin-top:5px;}

}



@media(max-width:414px){

.gy_tu{padding:0px 15px;}	

}



/********关于我们 end*********/



/*******产品中心 begin*************/

.zx_nav{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #e5e5e5;}

.zx_nav p{width:15.625vw;height:4.2vw;float:left;padding:0px 2.6vw;transition: all 1s ease;}

.zx_nav p:hover{background:#0c3783;}

.zx_nav p.bg{background:#0c3783;}

.zx_nav p a{font-size:0.94vw;line-height:4.2vw;color:#363636;display:block;text-align:center;}

.zx_nav p:hover a{color:#fff;}

.zx_nav p.bg a{color:#fff;}



.cpzx{width:100%;height:auto;overflow:hidden;margin:4.2vw 0px;}

.cpzx dl{float:left;width:46.875%;margin-right:5.1vw;margin-bottom:3vw;}

.cpzx dl.bg{margin-right:0px;}

.cpzx dl a{display:flex;flex-direction: row;justify-content: flex-start;}

.cpzx dt{float:left;width:46%;height:auto;overflow:hidden;}

.cpzx dt img{vertical-align:middle;max-width:100%;transition: all 1s ease; }

.cpzx dl:hover dt img{ transform:scale(1.05); }

.cpzx dd{float:right;width:53%;align-self:center; padding-left:30px;}

.cpzx dd h2{font-size:1.25vw;line-height:1.25vw;color:#363636;margin-bottom:1.6vw;}

.cpzx dd p{font-size:0.83vw;line-height:1.4vw;color:#646464;text-align:justify;}

.cpzx dd .more{display:block;width:6.77vw;height:2.08vw;border:1px solid #646464;text-align:center;border-radius:1.04vw;margin-top:1.6vw;transition: all 1s ease; }

.cpzx dd .more span{font-size:0.73vw;line-height:2.08vw;color:#363636;transition: all 0.8s ease; }

.cpzx dl:hover dd .more{border:1px solid #0c3783;background:#0c3783;}

.cpzx dl:hover dd .more span{color:#fff;}

@media(max-width:1440px){

.zx_nav p a{font-size:16px;}

.cpzx dd p{font-size:14px;line-height:24px;}

.cpzx dd .more{width:110px;}

.cpzx dd .more span{font-size:14px;}



}



@media(max-width:1024px){

.zx_nav p{width:25%;height:50px;padding:0px 0px;transition: all 1s ease;}

.zx_nav p a{font-size:18px;line-height:50px;}



.cpzx{margin:30px 0px;}

.cpzx dl{width:100%;margin-right:0px;margin-bottom:0px;}

.cpzx dt{width:40%;margin:0 auto;text-align:center;}

.cpzx dd{width:60%;align-self:center; padding-left:0px;}

.cpzx dd h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.cpzx dd p{font-size:14px;line-height:24px;}

.cpzx dd .more{width:100px;height:30px;border-radius:20px;margin-top:20px;}

.cpzx dd .more span{font-size:14px;line-height:30px;}





}

@media(max-width:768px){
	
.zx_nav p{width:33%;}

.zx_nav p a{font-size:16px;line-height:50px;}

.cpzx{margin:15px 0px;}	

.cpzx dd h2{font-size:16px;line-height:24px;margin-bottom:10px;}



}

@media(max-width:414px){
	
.zx_nav p{width:50%;}

.cpzx dl{margin-bottom:10px;}

.cpzx dl a{display:block;}

.cpzx dt{float:none;width:100%;margin:0 auto;text-align:center;}

.cpzx dt img{width:100%;}

.cpzx dd{float:none;width:100%;align-self:center; padding-left:0px;}

}

/*******产品中心 end*********/







/******产品详情 begin*****/

.xq_ban{padding-top:80px;height:700px;}

.ban_xq{width:100%;height:auto;overflow:hidden;padding:0px 8.33vw;}

.cd{width:100%;height:auto;overflow:hidden;padding-top:15px;font-size:0.73vw;line-height:1.25vw;color:#646464;}

.cd a{font-size:0.73vw;line-height:1.25vw;color:#646464;padding:0px 2px;}

.ban_z{width:100%;height:auto;overflow:hidden;display:flex;flex-direction: row;justify-content: flex-start;}

.ban_zl{float:left;width:31.25%;transition: all 1s ease;align-self:center; }

.ban_zl h2{font-size:1.875vw;line-height:1.875vw;color:#363636;padding-bottom:1.04vw;position:relative;margin-bottom:1.6vw;}

.ban_zl h2:after{content:'';position:absolute;bottom:0px;left:0px;width:1.6vw;height:2px;background:#0c3886;}

.ban_zl p{font-size:0.83vw;line-height:1.4vw;color:#646464;}

.ban_zl h3{margin-top:3vw;transition: all 1s ease;}

.ban_zl h3:hover{padding-left:1.04vw;}

.ban_zl a{font-size:0.94vw;line-height:1.25vw;color:#0c3783;}

.ban_zl img{vertical-align:middle;max-width:100%;margin-left:0.52vw;}

.ban_zr{float:right;width:50%;height:auto;overflow:hidden;margin:0 auto;text-align:center;}

.ban_zr img{float:right;vertical-align:middle;max-width:100%;}

@media(max-width:1440px){

.cd a{font-size:14px;line-height:24px;padding:0px 2px;}

.ban_zl h2{font-size:22px;line-height:20px;padding-bottom:10px;margin-bottom:30px;}

.ban_zl p{font-size:14px;line-height:24px;}

.ban_zl a{font-size:16px;line-height:24px;}



}

@media(max-width:1024px){

.xq_ban{padding-top:60px;height:680px;}

.ban_xq{padding:0px 30px;}

.cd{padding-top:15px;font-size:14px;line-height:24px;}

.cd a{font-size:14px;line-height:24px;padding:0px 2px;}

.ban_z{display:flex;}

.ban_zl{float:left;width:31.25%;}

.ban_zl h2{font-size:20px;line-height:20px;padding-bottom:10px;margin-bottom:30px;}

.ban_zl p{font-size:14px;line-height:24px;}

.ban_zl h3{margin-top:30px;}

.ban_zl h3:hover{padding-left:10px;}

.ban_zl a{font-size:16px;line-height:24px;}

.ban_zl img{margin-left:10px;}



}

@media(max-width:768px){

.xq_ban{padding:60px 0px 30px;height:auto;}

.ban_xq{padding:0px 15px;}

.ban_z{display:block;}

.ban_zr img {float: none;}

.ban_zl{float:none;width:100%;display:block;margin-top:20px;}

.ban_zr{float:none;width:100%;}

.ban_zl h2{font-size:18px;line-height:18px;padding-bottom:10px;margin-bottom:15px;}

.ban_zl a{font-size:14px;line-height:24px;}



}

@media(max-width:414px){





}



.cp_xq{width:100%;height:auto;overflow:hidden;padding:0px 8.33vw;}

.cpxq_t{width:100%;height:auto;overflow:hidden;margin:4.2vw 0px;}

.cpxq_t h2{font-size:1.875vw;line-height:2vw;color:#363636;margin-bottom:1.6vw;text-align:center;}

.cptd{width:100%;height:auto;overflow:hidden;padding:1%;margin-top:55px;}

.cptd li{float:left;width:18%;margin-right:6%; margin-left:1%;margin-bottom:30px;min-height:320px;padding:50px 5px 0px;border:1px solid #e5e5e5;box-shadow:0px 0px 15px rgba(229,229,229,1);text-align:center;}

.cptd li.bg{margin-right:0px;}

.cptd li:hover{border:1px solid #e5e5e5;box-shadow:0px 0px 15px rgba(12,55,131,1);}

.cptd img{vertical-align:middle;max-width:100%;margin:0 auto;text-align:center;margin-bottom:30px;}

.cptd h3{font-size:22px;line-height:30px;color:#363636;margin-bottom:25px;}

.cptd p{font-size:16px;line-height:30px;color:#646464;}



@media(max-width:1440px){

.cptd li{min-height:280px;padding:30px 5px 0px;}

.cptd li:hover{box-shadow:0px 0px 10px rgba(12,55,131,1);}

.cpxq_t h2{font-size:20px;line-height:20px;margin-bottom:15px;}

.cptd h3{font-size:14px;line-height:24px;margin-bottom:5px;}

.cptd p{font-size:13px;line-height:24px;}

}

@media(max-width:1024px){

.cp_xq{padding:30px 30px;}

.cpxq_t{margin:30px 0px;}

.cpxq_t h2{font-size:20px;line-height:20px;margin-bottom:15px;}

.cptd{margin-top:20px;}

.cptd li{width:24%;margin-right:1.3%;min-height:250px;padding:30px 5px 0px;}

.cptd img{margin-bottom:15px;}

.cptd h3{font-size:16px;line-height:24px;margin-bottom:5px;}

.cptd p{font-size:14px;line-height:24px;}





}

@media(max-width:768px){

.cp_xq{padding:15px;}

.cpxq_t{margin:15px 0px;}

.cptd li{width:49%;margin-right:1.3%;min-height:250px;padding:30px 10px 0px;margin-bottom:20px;}

.cptd li:nth-child(2n){margin-right:0px;}



}

@media(max-width:414px){

.cptd li{width:100%;margin-right:0%;min-height:220px;padding:15px 10px 0px;}



}



.cpxq_b{width:100%;height:auto;overflow:hidden;margin:4.2vw 0px;}

.cpxq_b h2{font-size:1.875vw;line-height:2vw;color:#363636;margin-bottom:1.6vw;text-align:center;}

.cp_xn{width:100%;height:auto;overflow:hidden;padding:1%;margin-top:55px;padding:0px 0vw;}

.cp_xn table{width:60%;margin:0 auto;table-layout: fixed;}

.cp_xn table tr{width:100%;height:60px;overflow:hidden;background:#fff;font-size:0;}

.cp_xn table tr.bg{background:#0c3783;}

.cp_xn table tr td{width:33.33%;font-size:16px;line-height:24px;color:#646464;text-align:center;border:1px solid #eee;padding:0px 5px;}

.cp_xn table tr.bg td{width:33.33%;font-size:18px;line-height:24px;color:#fff;text-align:center;border:0px;}

@media(max-width:1440px){

.cp_xn table{width:60%;margin:0 auto;}

.cpxq_b h2{font-size:20px;line-height:20px;margin-bottom:15px;}

.cp_xn table tr td{font-size:14px;line-height:24px;padding:0px 2px;}

.cp_xn table tr.bg td{font-size:16px;line-height:24px;}

}

@media(max-width:1360px){

.cp_xn table{width:70%;margin:0 auto;}

}

@media(max-width:1024px){

.cpxq_b{margin:30px 0px;}

.cpxq_b h2{font-size:20px;line-height:20px;margin-bottom:15px;}

.cp_xn{margin-top:30px;padding:0px 30px;}

.cp_xn table{width:100%;}

.cp_xn table tr{width:100%;height:40px;}

.cp_xn table tr td{font-size:14px;line-height:24px;padding:0px 2px;}

.cp_xn table tr.bg td{font-size:16px;line-height:24px;}







}

@media(max-width:768px){

.cpxq_b{margin:15px 0px;}

.cp_xn{margin-top:15px;padding:0px 0px;}





}

@media(max-width:414px){

.cp_xn table tr td{font-size:12px;line-height:22px;padding:0px 2px;}

.cp_xn table tr.bg td{font-size:14px;line-height:24px;}

}

/******产品详情 end*****/






.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:999999999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 {
    position: relative;
    width:400px;
    margin:250px auto;
    height:290px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:30px;height:30px; display: block;font-size:14px; background:url(../images/gb.png) no-repeat center center;}
.is-visible3 .cd-popup-container3 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
  
  .conwi{ padding-top:70px;}
  .conwi p{font-size:16px;line-height: 30px;color:#333;}