@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;}
.gy_m p{font-size:0.94vw;line-height:1.25vw;}
.footer .container{
width: 1920px;
padding: 0.4vw 8.33vw;
/* margin: 0 auto; */
}
.footer .footer_top .ftr {
padding-top: 30px;
padding-right: 5px;
}.box5 {
padding-top: 2.8vw;
}
.box5new {
padding: 1.8vw 8.33vw;
margin-bottom: 28rem;
}
.footer .footer_top .ftl .footerbox {
padding: 25px 65px 35px 40px;
background-color: #195db2;
width: 88%;
margin-top: 25px;
}
.footer .footer_top .ftl {
margin-left: 1rem;
}
.fr {
float: right !important;
}
}
@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;}
.footer .footer_top .ftl .footerbox {
padding: 15px 25px 5px 10px;
background-color: #195db2;
width: 60%;
margin-top: 25px;
margin-left: 1rem;
}
}
@media(max-width:414px){
}
.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:2vw;}
.box2_t{width:100%;height:auto;padding-top:3.65vw;}
.box2_tl{float:left;width:100%;text-align: center;}
.box2_tl h2{font-size:2.13vw;line-height:3.13vw;color:#363636;font-family:Arial;margin-bottom:1.04vw;position:relative;display:inline-block;}
.box2_tl h3{font-size:1.25vw;line-height:1.35vw;color:#363636;margin-bottom: 3.04vw;}
.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: 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:#4c5da5;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{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{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(../images/tu3.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:3.65vw}
.box3_tl{float:left;width:100%; text-align:center}
.box3_tl h2{font-size:2.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;margin-bottom: 3.04vw;}
.active .box3_tl {animation: zifadeInDown 0.8s ease 0.6s both;}
.box3_tr{float:right;width:50%;padding:0.1vw 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:0vw;}
.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:1.2vw;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:0.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_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 {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{ padding: 3vw 8.33vw;padding-top: 2vw;clear:both;width:100%; height:100vh; background:#eeeeee;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:2.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 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 p{font-size:14px;line-height:24px;}
.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-top:2.8vw;}
.box5new{ padding:0.8vw 8.33vw; margin-bottom:28rem}
.box5_t{width:100%;height:auto;overflow:hidden;padding-top:0.75vw;}
.box5_tl{float:left;width:100%;text-align:center}
.box5_tl h2{font-size:2.13vw;line-height:2.13vw;color:#363636;font-family:Arial;margin-bottom:0.54vw;position:relative;display:inline-block;}
.box5_tl h3{font-size:1.25vw;line-height:1.35vw;color:#363636;margin-bottom: 3.04vw;}
.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: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 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:3vw 8.33vw;}
}
.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: 2rem;
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: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 a{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: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:hover{color:#0c3783;}
@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;}
}
@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(../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: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 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;}
.footer .container{
width: 1440px;
padding: 0vw 8.33vw;
/* margin: 0 auto; */
}
.footer .footer_top .ftr {
padding-top: 30px;
padding-right: 5px;
}.box5 {
padding-top: 2.8vw;
}
}
@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;}
.navbar-nav {
color: #000000;
margin-top: 25px;
}
.navbar-nav li a {
color: #000000 !important;
}
.navbar {
/* background-image: linear-gradient(#54B4EB, #fff 60%, #1D9CE5); */
background-repeat: no-repeat;
/* border-bottom: 1px solid #178ACC; */
/* box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); */
border-radius: 0px;
}
.navbar-default {
background-color: #fff;
/* border-color: #1995DC; */
}
.navbar-brand {
width: 270px;
height: auto;
padding: 15px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav>li>a {
color: #FFF;
}
/* .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #FFF;
background-color: #178ACC;
} */
/* .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #178ACC;
} */
.navbar-default .navbar-toggle {
border-color: #c9c9c9;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #c9c9c9;
}
.box_number.cur {
background-color: #cf4f44;
color: #fff;
}
.navbar-nav {}
@media (max-width: 768px) {
.service_list .list {
border-bottom: 1px solid #dcdcdc;
}
.service_nav {
border-bottom: none !important;
}
.m_centent {
text-align: center !important;
}
.header_nav .logo {
display: inline-block;
}
.navbar-brand>img {
/* width: 210px !important; */
}
.navbar-nav .nav-sub-wrap, .nav-item .case_wrap {
position: static !important;
width: 100% !important;
margin: 0 auto;
}
.navbar-nav {
margin-top: 0;
}
.nav_footer {
width: 100% !important;
}
.cases_desc {
padding-top: 0 !important;
padding-left: 0 !important;
}
.cases_desc button {
margin-top: 40px !important;
margin-bottom: 30px;
}
.no_flexs {
display: block !important;
}
.service_index {
margin-bottom: 25px !important;
}
.new_right li {
padding-left: 16px !important;
margin-bottom: 10px !important;
}
.new_right.list_style li::before {
background-size: 6px !important;
}
.new_left {
margin-bottom: 20px;
}
.new_left .title {
margin-top: 15px;
}
.new_left p {
margin-bottom: 20px !important;
}
.nav_chir {
display: none;
}
.swiper_text {
font-size: 14px !important;
margin-bottom: 15px !important;
letter-spacing: 2px !important;
}
.swiper_desc {
margin-bottom: 10px !important;
letter-spacing: 2px !important;
}
.swiper_desc p {
font-size: 16px !important;
white-space: nowrap;
}
.swiper_desc p:first-child {
margin-bottom: 2px;
}
.swiper_btn {
font-size: 12px !important;
}
.modal_title {
padding-top: 30px;
margin-bottom: 20px;
}
.modal_title .modal_en {
font-size: 22px;
line-height: 36px;
}
.modal_title .modal_ico {
width: 6px;
height: 6px;
}
.modal_title .modal_cn {
font-size: 18px;
line-height: 36px;
}
.about_left {
padding: 24px !important;
min-height: 300px;
margin-bottom: 8px;
}
.about_left h2 {
font-size: 24px;
}
.about_left h4 {
font-size: 16px;
}
.about_left .macro_aire {
font-size: 14px !important;
margin-bottom: 46px !important;
}
.about_right {
width: 96%;
margin: 0 auto !important;
padding: 0 !important;
}
.about_right .number {
font-size: 46px !important;
}
.about_right .right_desc {
font-size: 16px !important;
}
.text_claret.font_20 {
font-size: 16px;
}
.about_right .right_title {
font-size: 14px !important;
}
.about_right .col-md-6 .media {
margin-bottom: 14px !important;
}
.btn_position {
bottom: 24px !important;
}
.solution {
background: transparent !important;
margin-bottom: 15px;
}
.solution_item {
height: 350px !important;
padding: 20px !important;
}
.solution_item .item_img {
margin: 40px 0 30px !important;
width: 50px;
}
.solution_item p {
font-size: 14px;
}
.solution_item .btn_more {
bottom: 80px !important;
}
.xs_btn_more {
font-size: 14px;
padding-top: 4px;
padding-right: 40px;
padding-bottom: 4px;
background-size: 19%;
}
.solution_modal {
padding: 0 20px !important;
}
.solution_modal .img {
margin: 30px auto 26px !important;
}
.solution_modal .img img {
width: 50px;
}
.solution_modal .title {
font-size: 14px !important;
}
.solution_modal .desc {
height: 180px;
overflow: hidden;
}
.cases_desc h1 {
font-size: 30px !important;
margin-bottom: 26px !important;
}
.new_left img {
/* height: 130px !important; */
}
}
@media (max-width: 1024px) {
.header_nav .logo {
width: 130px;
display: inline-block;
}
}
.footer {
background: #114f9d;
width: 100%;
margin-top: 15px;
}
.nav_footer {
width: 72%;
}
.contact_info {
width: 28%;
}
.contact_info .col-md-3 {
padding-left: 0 !important;
}
.nav_footer .nav_title {
color: #fff;
margin-bottom: 8px;
font-size: 14px;
}
.nav_footer .nav_chir {
line-height: 27px;
color: #b5b5b5;
}
.nav_footer .nav_chir a {
color: #b5b5b5;
}
.contact_info .tel {
font-size: 35px;
color: #a1a1a1;
}
.contact_info .contact_li {
color: #858585;
font-size: 12px;
line-height: 18px;
}
.about_left {
min-height: 456px;
background: url(../images/m1.jpg) no-repeat;
background-size: cover;
padding: 45px;
color: #fff;
}
.about_left h2 {
margin-top: 0;
}
.about_left h4 {
letter-spacing: 1px;
}
.about_left .macro_aire {
font-size: 15px;
font-weight: normal;
font-stretch: normal;
line-height: 34px;
letter-spacing: 0px;
margin-bottom: 70px;
}
.btn_position {
position: absolute;
bottom: 45px;
}
.about_right {
padding-left: 50px;
}
.about_right .col-md-6 .media {
margin-top: 18px;
/*margin-bottom: 4px;*/
}
.about_right .col-md-6:last-child .media {
margin-bottom: 0 !important;
}
.about_right .number {
font-family: Impact;
font-size: 70px;
font-weight: normal;
font-stretch: normal;
line-height: 60px;
letter-spacing: -1px;
}
.about_right .right_title {
font-size: 16px;
color: #5b5c5b;
padding: 1vh 0vh 1vh 0vh;
}
.about_right .right_desc {
/*margin-top: 10px;*/
color: #121212;
}
.solution {
background: url(../images/00003.jpg) no-repeat center center;
background-size: cover;
overflow: hidden;
}
.solution_item {
padding: 50px;
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.solution_item1 {
background-image: url(../images/solution_item1.png);
}
.solution_item2 {
background-image: url(../images/solution_item2.png);
}
.solution_item3 {
background-image: url(../images/solution_item3.png);
}
.solution_item4 {
background-image: url(../images/solution_item4.png);
}
.solution_item .item_img {
margin: 50px 0;
}
.solution_item .btn_more {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 100px;
}
.cases_desc {
padding-top: 150px;
padding-left: 40px;
}
.cases_desc h1 {
margin-bottom: 50px;
font-size: 36px !important;
}
.cases_desc p {
font-size: 14px;
color: #171717;
}
.cases_desc button {
margin-top: 80px;
}
.new_left img {
display: block;
width: 95%;
}
.new_left .title {
font-weight: bold;
font-size: 16px;
margin-bottom: 4px;
}
.new_left .title a:hover {
color: #616161;
text-decoration: underline !important;
}
.new_left span {
display: inline-block;
margin-bottom: 10px;
}
.new_left p {
font-size: 14px;
line-height: 26px;
margin-bottom: 18%;
}
.new_left p a {
color: #000000;
}
.new_left .foot {
padding-top: 10px;
}
.new_left .foot span::before {
content: "";
height: 1px;
width: 30px;
background-color: #999999;
position: absolute;
bottom: 1px;
left: 15px;
}
.new_right.list_style li {
padding-left: 20px;
line-height: 30px;
margin-bottom: 25px;
display: flex;
justify-content: space-between;
font-size: 14px;
}
.new_right.list_style li::before {
background: url(../images/s.png) center left no-repeat;
background-size: 8px;
border-radius: 0;
width: 8px;
height: 18px;
top: 6px;
}
.new_right li a {
color: #000000;
width: 80%;
}
.new_right li a:hover {
text-decoration: underline !important;
}
.new_right li span {
padding-left: 4px;
color: #a5a4a4;
}
.flexs {
display: flex;
align-items: center;
justify-content: space-between;
}
.service_index {
text-align: center;
margin: 0 auto;
cursor: pointer;
}
.service_index_main {
padding-bottom: 50px;
}
.service_index_main .line {
height: 1px;
background: #ccc;
}
.service_index .img {}
.service_index .text {
margin: 10px 0 20px;
}
.service_index .rad_50 {
width: 20px;
height: 20px;
line-height: 20px;
background: #c7c7c7;
border-radius: 50%;
color: #000000;
margin: 0 auto;
}
.solution_modal {
display: block;
width: 100%;
height: 100%;
background: rgba(139, 26, 13, .7);
top: 100%;
position: absolute;
padding: 0 50px;
transition: all .4s;
}
.solution_modal .img {
text-align: center;
margin: 50px auto;
}
.solution_modal .desc {
color: #fff;
line-height: 25px;
}
.solution_modal .title {
font-size: 16px;
color: #fff;
text-align: center;
margin-bottom: 15px;
font-weight: bold;
}
.fluid:hover .solution_modal {
top: 0;
}
.fluid:hover>.solution_item>.all_none {
display: none;
}
.index_news {
padding-bottom: 40px;
}
.service_index:hover .rad_50 {
background: #ce4a3d;
color: #fff;
}
/* 鐒︾偣骞荤伅 */
.swiper-slide {
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.exhibition .swiper_text {
margin-bottom: 100px;
letter-spacing: 4px;
}
.exhibition .swiper_desc {
margin-bottom: 50px;
letter-spacing: 4px;
}
.exhibition .swiper_desc p {
white-space: nowrap;
}
.swiper_btn {
padding: 6px 24px;
border: 1px solid #fff;
outline: none !important;
}
.swiper_btn:focus {
border-color: #a70912;
}
.swiper_btn:hover {
color: #fff;
}
.swiper_btn:first-child {
margin-right: 20px;
/* position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); */
}
.about_content .about_info {
position: relative;
}
.about_content .about_info .left {
width: 60%;
}
.about_content .about_info .right {
width: 60%;
background: #eeeeee;
padding: 30px 40px;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
.about_content .about_info .right .title {
font-size: 30px;
font-weight: normal;
font-stretch: normal;
line-height: 60px;
letter-spacing: 1px;
color: #292929;
}
.about_content .about_info .right .bg_line {
width: 21px;
height: 5px;
background-color: #cf4f44;
margin: 15px 0;
}
.about_content .about_info .right .con .font_main {
overflow: auto;
height: 300px;
padding-right: 66px;
}
.about_content .about_info .right .con {
width: 90%;
height: 300px;
font-size: 16px;
line-height: 27px;
color: #292929;
overflow: hidden;
}
.about_content .about_info .right .con .font_main::-webkit-scrollbar {
/*婊氬姩鏉℃暣浣撴牱寮�*/
width: 3px;
/*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
height: 1px;
}
.about_content .about_info .right .con .font_main::-webkit-scrollbar-thumb {
/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #cf4f44;
}
.about_content .about_info .right .con .font_main::-webkit-scrollbar-track {
/*婊氬姩鏉￠噷闈㈣建閬�*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #EDEDED;
}
/* about_dev */
.about_dev {
margin: 40px auto 20px;
}
/* cajian */
.fl {
float: left;
}
.fr {
float: right;
}
@font-face {
font-family: "iconfont";
src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780');
/* IE9 */
src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQ0AAsAAAAACMAAAAPmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqETIQbATYCJAMUCwwABCAFhG0HWRu4B8gehXEsLBShUansf34QD19r6Pu7exdglJGA46Oo44HAAilVYVtjO/UEwuX/dOp3TiETj7eViAQFMpxsGSJXOhdQLpCnEsEaAJyKOOa5yu3/71A1c1peaH6LxeUu+7LmpIQGYCgdQLXa3lgqWQtSUe8yNhm+gkz1HR8TaDauL93+9Lks5CnIVYG4LIV8kBf5lQ5paHTVlQeLeA/ZGtOLrAoA7/Tvxy8YHHkkVUZuPDg7LQgTv+o+9ENaRoOVkgLGw0UxeoyMVaAQN6vxy5Ctr0KaF6cztoFmjZJ0qOOyP/T+0C+TwVtuyNlM/+GRFSERNWJvxcztRuGrjmvJfM021By9wSvA0Q8aEl7XgzSjDR9A9AMRjLooq2Sp22szIuUggx41cA42cVLNnHTjDdzao9qxtEc4kXLzxw/6qIszyuoxg+nMwY2I1knSQFIbn+xr+sA3fxQa33MN7zYzwhoc3tz0IWhJHzt1VG9+efzMCYE9qkjqQJX0MY3lOIrwAa0pwMck7Gk6mpuFpqaNjPAGh9mGhhXGo8qPH3Sy0WPpO2fgNZ3IXrLCBtZrHDt6nQbC9klVPTnxIUMKufWH0xtAeFjJWd/YuPZ21s6KF3O2N1bu1avuxtf213ndDi08MDocHn3gIkMKufWL00nI7GjJxji7hXoxFhY/YTpSXcTkNRawFg0xWJpTvrzunf9a91bfW48nv9yvqyO2Cqs47BCtldaWN0MqbwhvqLABnpnwgvmbecm8apCVPWf+RRHCJxnUARdRYzO6jC6h2EV0YSG5hC7fNuKYrNKN7owndPnKBvdG8TIXuO+pVH74w/MTJrybgCd0TbgwgJ4OSwFOW9EN1ENf3oCeoIkA5E+6R3+Ov/F/+pzCNZax/xsNBXwunzYY5k41BvJzgG/YYWPjX8G44UpZmkmgKvNFbpgnK+tvoj0tdprxB0h36zqMs2/jYUKjPg9JgzHIGs1SC3MVKi3WoNZoC5qtmPF4ix4KJEoTlu1BEDo9gKTdR8g6VVILsxMq/b5DrTMQNDsMxwtbzIekn6IQHyVB7N+EpYBcILIQ1ZvRxSSUjPmU0KwVPFFUqYQH9R+YtmaQAqIc4hZ1fWgwpSIWFTmOp6PPkVhMxglFjpAA7R+mNDF6wACx9k39A3Ic9PYoCB+KCML8NsEkAbICotxO6bOfX4wISYrxUTqWLnR5hEIlHR0bpL+BG1Bn2As2WnopX1GtFzIYRYkwkUIWh01HUSJG6zIsUT8vggig+gvvUE0YbQDeJG5q7396Z/w9PgTNyMuqSJGjRBW15ouSr4DKyU3MaXDVfpuTsp6bQmeu9gEAAAA=') format('woff2'),
url('//at.alicdn.com/t/font_1457575_wc4kbab342e.woff?t=1571103794780') format('woff'),
url('//at.alicdn.com/t/font_1457575_wc4kbab342e.ttf?t=1571103794780') format('truetype'),
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('//at.alicdn.com/t/font_1457575_wc4kbab342e.svg?t=1571103794780#iconfont') format('svg');
/* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jiantouyou:before {
content: "\e62a";
}
.icon-jiantou-zuo:before {
content: "\e62d";
}
.icon-zuojiantou:before {
content: "\e601";
}
.icon-jiantou:before {
content: "\e605";
}
.button {
position: absolute;
cursor: pointer;
top: 26px;
font-size: 30px !important;
color: #333;
}
.prev {
left: -20px;
}
.next {
right: -20px;
transform: rotate(-180deg);
}
.slide_wrap {
overflow: hidden;
position: relative;
margin-top: 30px;
}
.slide_wrap ul {
position: relative;
left: 0px;
}
.slide_wrap::after {
width: 100%;
height: 1px;
background-color: #eee;
content: '';
position: absolute;
top: 48px;
left: 0px;
z-index: -1;
}
.slide_items li {
float: left;
font-size: 20px;
width: 340px;
text-align: center;
}
.slide_items li a {
display: block;
}
.slide_items li.on {
color: yellow;
border-radius: 30px;
}
.slide_items li.on .year {
color: #cf4f44;
}
.slide_items li span {
color: #333333;
font-size: 24px;
display: block;
}
.slide_items li div {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 13px;
padding: 2px;
box-sizing: border-box;
margin-top: 8px;
}
.slide_items li i {
display: block;
width: 10px;
height: 10px;
background-color: #cf4f44;
border-radius: 5px;
}
.slide_items li.on i {
border: 1px solid #cf4f44;
background-color: #fff;
}
.slide_items li.on div {
display: inline-block;
width: 26px;
height: 26px;
/* background-color: #d3d3d3; */
border-radius: 13px;
padding: 8px;
box-sizing: border-box;
margin-top: 2px;
}
.slide-content {
margin-top: 100px;
}
.slide-content img {
width: 100%;
}
.slide-content ul {
display: none;
}
.slide-content ul.on {
display: block;
}
.contents_14 {
font-size: 14px !important;
line-height: 27px;
margin: 0 !important;
color: #323232 !important;
}
.contents_14 p {
margin: 0 !important;
}
/* brand_main */
.brand_main {
background: #eeeeee;
padding: 40px 0;
}
.brand h3 {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #0c0c0c;
margin: 35px 0;
}
.brandList {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #818181;
}
.brandList .li {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.brandList .li span {
display: inline-block;
width: 8px;
height: 8px;
background-color: #cf4f44;
border-radius: 50%;
margin-right: 10px;
}
.photo_img_list {
padding: 60px 0;
}
.photo_img_list img {
box-shadow: 0 2px 27px 6px rgba(0, 0, 0, .12);
}
/* certificate */
.certificate {
background: url(../images/bg.jpg) no-repeat center center;
background-size: cover;
overflow: hidden;
}
.certificate_main {
padding: 70px 0;
}
.certificate_info {
font-size: 19px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 1px;
color: #292929;
padding-right: 60px;
margin-top: 50px;
}
.certificate_main .left {
margin-top: 100px;
}
.certificate_main .right {
/* position: relative; */
}
.certificate_main .right .img1 {
position: absolute;
}
/* business_img */
.business_img {
width: 80%;
margin: 0 auto;
position: relative;
}
.box_number {
position: absolute;
width: 45px;
height: 45px;
font-size: 16px;
text-align: center;
line-height: 45px;
background: rgba(0,0,0,.6);
border-radius: 50%;
cursor: pointer;
color: #fff;
}
.box_number:hover {
background: #c03526;
color: #fff;
}
.box_number:hover .main_font {
color: #000;
}
.b1 {
left: 23%;
top: 1%;
}
.b2 {
left: 4%;
top: 14%;
}
.b3 {
left: 22%;
top: 22%;
}
.b4 {
left: 44%;
top: 71%;
}
.b5 {
left: 64%;
top: 43%;
}
.business,
.service {
background: #fefdfd;
}
.business_img .box_main {
position: absolute;
background-color: #e5e5e5;
padding: 20px;
bottom: 50px;
left: 0;
display: none;
}
.business_img .box_main .con {
width: 300px;
height: 256px !important;
overflow: hidden;
}
.business_img .box_main .con .main {
width: 95%;
height: 256px !important;
overflow: auto;
padding-right: 30px;
}
.business_img .box_main .con .main img{
max-width: 100%;
height: auto !important;
}
.business_img .box_main .con .main .titles {
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #343434;
height: 25px;
line-height: 25px;
text-align: left;
}
.business_img .box_main .con .main .main_font {
width: 100%;
margin-top: 10px;
font-size: 15px;
line-height: 27px;
text-align: left;
}
.closes {
text-align: right;
height: 25px;
line-height: 25px;
color: #c03526;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.business_img .box_main .con .main .main_font img {
max-width: 100%;
display: block;
}
.business_img .box_main .con .main::-webkit-scrollbar {
/*婊氬姩鏉℃暣浣撴牱寮�*/
width: 3px;
/*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
height: 1px;
}
.business_img .box_main .con .main::-webkit-scrollbar-thumb {
/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #cf4f44;
}
.business_img .box_main .con .main::-webkit-scrollbar-track {
/*婊氬姩鏉￠噷闈㈣建閬�*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #EDEDED;
}
.service_nav {
background: #fff;
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
}
.service_list .list {
text-align: center;
padding: 25px 0;
font-size: 16px;
border-right: 1px solid #dcdcdc;
color: #636363;
}
.service_list .list:last-child {
border-right: none
}
.service_list .list.cur {
background: #d85749;
color: #fff;
}
.service_list .list.cur i {
color: #fff;
}
.service_list .list i {
display: inline-block;
font-size: 22px;
margin-right: 10px;
color: #acabab;
}
.ser_center_font {
font-size: 16px;
margin: 20px 0;
color: #d85749;
text-align: center;
}
.service {
padding-bottom: 40px;
}
.macroair {
background-color: #f3f3f3;
}
.macroair_main {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.macroair_main {
margin-bottom: 40px;
}
.macroair_main .right .title {
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #0c0c0c;
}
.macroair_main .right .bg {
width: 15px;
height: 5px;
background-color: #cf4f44;
margin: 15px 0;
}
.macroair_main .right .info {
font-size: 14px;
line-height: 27px;
color: #343434;
}
.macroair_main:nth-child(odd) {
flex-flow: row-reverse;
}
/* about 鎵嬫満 */
@media (max-width: 768px) {
.about_content .about_info {
position: static;
}
.macroair_main:nth-child(odd) {
flex-flow: column !important;
}
.about_content .about_info .right {
width: 100%;
position: static;
transform: none
}
.about_dev {
width: 94%;
margin: 20px auto 0;
}
.photo_img_list {
width: 90%;
margin: 0 auto;
padding: 30px 0;
}
.photo_img_list .img {
margin-bottom: 10px;
}
.certificate_main {
padding: 0;
width: 94%;
margin: 0 auto;
}
.certificate_main .left {
margin-top: 0;
}
.certificate_info {
margin-top: 15px;
padding-right: 0px;
font-size: 15px;
line-height: 30px;
}
.modal_title2 .line_bg {
margin: 10px 0;
}
.certificate {
padding: 20px 0;
}
.macroair_main .right .title {
margin-top: 10px;
}
.macroair_main .right .bg {
margin: 5px 0;
}
.macroair_main .right .title {
font-size: 16px;
}
.modal_title2 .title {
font-size: 24px;
}
.business_img .box_main {
/* position: absolute; left: 50%; top: 50%; */
/* transform: translate(-50%, 1%); */
}
.about_content .about_info .right {
padding: 15px;
}
.about_content .about_info .right .title {
font-size: 20px;
}
.about_content .about_info .right .bg_line {
margin: 8px 0;
}
.about_content .about_info .right .con {
width: 100%;
}
.about_content .about_info .right .con .font_main {
padding-right: 30px;
line-height: 27px;
}
.headimg .head_desc .page_en {
font-size: 16px;
}
.headimg .head_desc .page_cn {
font-size: 18px;
}
.headimg .head_desc .bg_lin {
margin: 10px auto;
height: 6px;
}
}
.navbar-nav .nav-item {
position: relative;
flex: 0 0 auto;
}
.navbar-nav .nav-sub-wrap {
display: none;
background: rgba(27, 27, 27, 0.7);
position: absolute;
left: 0;
top: 100%;
width: calc(100% + 20px);
height: auto;
z-index: 99;
margin-top: 2px !important;
}
.navbar-nav .nav-item:hover .nav-top-a1,
.navbar-nav .nav-item.cur .nav-top-a1 {
color: #aaa !important;
}
.navbar-nav .nav-item:hover .nav-top-a1::after {
content: '';
width: 100%;
height: 2px;
background-color: red;
position: absolute;
left: 0;
bottom: 0;
}
.navbar-nav .nav-item:hover a,
.navbar-nav .nav-item.cur .nav-top-a1 {
}
.navbar-nav > li > a{
padding-bottom: 6px !important;
}
.navbar-nav .nav-top-a1 {
display: block;
color: rgba(255, 255, 255, 0.7);
transition-duration: .3s;
}
.navbar-nav .sub-a {
display: block;
font-size: 12px;
line-height: 36px;
color: #fff !important;
transition-duration: .3s;
padding: 0 10px 0 20px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-nav .sub-a:hover {
background: #e60039;
padding-left: 16px;
}
/* experience */
@media (max-width: 767px) {
.pad_l15 {
padding-left: 15px !important;
}
.modal_title .modal_line {
width: 20px;
height: 4px;
margin-top: 10px;
}
.process {
text-align: left !important;
font-size: 12px;
}
.process i {
width: 18px !important;
height: 18px !important;
line-height: 18px !important;
}
}
.process {
text-align: center;
}
.process i {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 50%;
font-style: normal;
background-color: #d25f56;
margin-right: 8px;
margin-bottom: 30px;
text-align: center;
}
.img_box {
height: 230px;
margin-bottom: 15px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
/* 鏂伴椈 */
.news_recommended {
margin: 30px 0;
}
.news_recommended .item {
position: relative;
}
.news_recommended .item .img {
overflow: hidden;
max-height: 171px;
}
.news_recommended .desc_bootom {
position: absolute;
width: 80%;
left: 10%;
bottom: 0;
color: #fff;
}
.titleAndPicList li .row {
display: flex;
justify-content: space-between;
padding: 25px 0;
}
.titleAndPicList li .pic {}
.titleAndPicList li .title {
display: flex;
align-items: center;
justify-content: space-between;
}
.titleAndPicList li .title a {
color: #666666;
font-size: 20px;
}
.titleAndPicList li .title span {
float: right;
font-size: 16px;
color: #888;
}
.titleAndPicList li .title {
padding-bottom: 15px;
border-bottom: 1px solid #e8e8e8;
}
.titleAndPicList li .summary {
padding-top: 15px;
font-size: 16px;
line-height: 32px;
color: #888;
}
.titleAndPicList li .summary a {
font-size: 16px;
color: #00a2e9;
line-height: 32px;
float: right;
}
@media (max-width: 1400px) {
.news_recommended .item .img{
max-height: 140px;
}
}
@media (max-width: 767px) {
.titleAndPicList li .row {
display: block;
}
.titleAndPicList li .title a {
color: #666666;
font-size: 15px;
}
.titleAndPicList li .title {
padding: 5px 0;
}
.titleAndPicList li .title span {
float: right;
font-size: 14px;
color: #888;
}
.titleAndPicList li .summary {
font-size: 14px;
padding: 10px 0;
}
}
/* contact */
.contact {
background: #f2f6f9;
}
.qrcode {
background: #fff;
padding: 30px;
margin: 50px 0;
width: 87%;
cursor: pointer;
}
.qrcode .title {
font-size: 24px;
line-height: 38px;
margin: 0 auto;
text-align: center;
}
.qrcode img {
text-align: center;
margin: 0 auto;
display: block;
}
.qrcode .desc {
text-align: center;
font-size: 15px;
margin: 20px 0;
}
.ewe1:hover {
background: url(../images/ebg1.jpg) no-repeat;
background-size: cover;
color: #fff !important;
}
.ewe2:hover {
background: url(../images/ebg2.jpg) no-repeat;
background-size: cover;
color: #fff !important;
}
.contact-way {
padding: 50px;
display: inline-block;
line-height: 22px;
margin: 50px 0;
font-size: 14px;
}
.contact-way>div {
margin-bottom: 10px;
}
.contact-way p {
margin: 0;
}
.contact-way .way {
color: #333;
cursor: pointer;
}
.contact-way a {
color: #999;
}
.method {
margin-left: 30px;
font-size: 14px;
padding-bottom: 22px;
}
.contact-way .iconfont {
display: block;
font-size: 18px;
width: 20px;
height: 20px;
color: #000;
float: left;
}
@media (max-width: 767px) {
.qrcode {
text-align: center;
margin: 15px auto;
}
.contact-way {
padding: 15px;
margin: 0;
}
}
/* 浜у搧涓績 */
.swiper_box {
border: 1px solid #eee;
height: 350px;
overflow: hidden;
}
.swiper_box .swiper-button-next {
right: 30px;
}
.swiper_box .swiper-button-prev {
left: 30px;
}
.swiper_box .swiper-button-next,
.swiper_box .swiper-button-prev {
width: 35px;
height: 35px;
background-color: #c33d32;
border-radius: 50%;
}
.swiper_box .swiper-button-next:after,
.swiper_box .swiper-button-prev:after {
font-size: 16px !important;
color: #fff;
}
@media(max-width:1600px){
.news_z span{font-size:0.94vw;line-height:1.25vw;}
.news_z p{font-size:0.83vw;line-height:1.25vw;}
.box5new{ padding:0.5vw 8.33vw; margin-bottom:20rem}
.box5_t{padding-top: 0.65vw;}
.box5{padding-top: 3.2vw;}
.new_left img {
display: block;
width: 85%;
}
.footer .container {
width: 1600px;
padding: 0vw 8.33vw;
}
.footer .footer_top .ftl {
margin-left: 1.5rem;
}
}
@media(max-width:1366px){
.cp_nav p{padding:0vw 0vw;}
.footer .footer_top .ftl .footerbox {
padding: 15px 25px 5px 10px;
background-color: #195db2;
width: 88%;
margin-top: 25px;
margin-left: 1rem;
}
.footer .footer_top .ftr {
padding-top: 30px;
padding-right: 1px;
}
.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;}
.news_z span{font-size:0.94vw;line-height:1.25vw;}
.news_z p{font-size:0.83vw;line-height:1.25vw;}
.box5new{ padding:0.4vw 8.33vw; margin-bottom:18rem}
.box5_t{padding-top: 1.25vw;}
.box5{padding-top: 1.8vw;}
.new_left img {
display: block;
width: 75%;
}
.footer .container{
width: 1366px;
padding: 0vw 8.33vw;
}
.footer .footer_top .ftr li {
position: relative;
padding-left: 26px;
margin-bottom: 5px;
}
.footer .footer_bottom p {
background-color: #0c4184;
height: 80px;
color: #fff;
font-size: 16px;
text-align: center;
padding-bottom:30%;
/* margin-bottom: -15px; */
}
.footer .footer_top .ftl {
margin-left: 0rem;
}
.friendlink {
margin-left: 40px;
margin-top: 0px;
display: inline-block;
}
.footer .footer_top .ftr ul {
float: left;
margin-left:0.5rem;
}
}
@media(max-width:768px){
.footer .footer_top .ftl .footerbox {
padding:15px 13px 5px 15px;
background-color: #195db2;
width: 60%;
margin-top: 25px;
margin-left: 0rem;
}
.TextList001652 .list_ul i{
display:none}
.box5new {
padding: 0.4vw 0.33vw;
margin-bottom: 1rem;
width:100%
}
.box5 {
padding: 0px 5px 30px;
}
.new_left img {
display: block;
width: 100%;
}
.new_right li {
padding-left: 1px !important;
margin-bottom: 10px !important;
}
.footer .container {
width: 100%;
padding: 0vw 2.33vw;
}
.footer .footer_top .ftl .footerbox {
padding: 15px 5px 5px 10px;
background-color: #195db2;
width: 100%;
margin-top: 25px;
margin-left: 0rem;
}
.footer .footer_top .ftr {padding-top: 30px;padding-right: 1px;display: none;}
.bannerbj {
width: 100%;
position: absolute;
left: 0px;
top: 0px;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.box1 {
clear: both;
width: 100%;
height:220px;
max-height:240px;
background: #fff;
background-size: cover;
position: relative;
z-index: 1;
background-attachment: fixed;
}
.box2_t {
width: 100%;
height: 40px;
}
}