
.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){
}
.box2{ clear:both;width:100%; height:100vh; background:url(../image/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(../image/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(../img/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: 0 auto;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:#ecfbff;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(../image/tu7.png) no-repeat 5px center;}
.dada1{background:url(../image/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(../image/tu7.png) no-repeat 13px center;}
.dada1{background:url(../image/tu6.png) no-repeat 7px center;}
}
@media(max-width:1920px){
.xiao1{background:url(../image/tu7.png) no-repeat 5px center;}
.dada1{background:url(../image/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:30px 15px 30px;}
.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:0px;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(../image/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(../image/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:#0747b8;}
.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:30px 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%;}
}
@media(max-width:414px){
.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(../image/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(../image/tu2.png)no-repeat center center;background-size: cover;}
.box4_tl p{font-size:0.73vw;line-height:1.6vw;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 #0747b8;background:#0747b8;}
.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(../image/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(../image/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:#0747b8;}
.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:#0747b8; 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 #0747b8;background:#0747b8;}
.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;}
.box4_l{display:none;}
.box4{height:auto;padding:10px 0px 30px;}
}
.box6{ clear:both;width:100%; height:100vh; background:url(../image/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:2.2vw;}
.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_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:2.2vw;}
.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: 30px 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;}
.new_t dl{float:left;width:22%;margin-right:4%;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:auto;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:left;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:5.2vw;} 
.fy div{ clear:both; text-align:left; font-size:0;}
.fy div li{float:left;width:3vw;font-size:0.94vw; color:#999999;background:#fff; text-align:center;  height:3vw;line-height:3vw;display:inline-block; text-align:center;border-right:1px solid #d2d2d2;}
.fy div a.next{width:3vw; height:3vw; border-right:1px solid #d2d2d2;line-height:3vw;display:inline-block; text-align:center;}
.fy div a.prev{ width:3vw; height:3vw; border-right: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 img{width:100%;vertical-align:middle;transition: all 0.8s ease; }
.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(../image/tu15.png) no-repeat center center;background-size: cover;}
.cpyy_b p:hover{color:#0c3783;}
.cpyy_b p:hover:after{background:url(../image/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;}
.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(../image/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(../image/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(../image/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(../image/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 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){
.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.75%;margin-right:8.3%;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(../image/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;}