@charset "utf-8";
/* CSS Document */
/*名称*/
.tits{text-align:left;margin-bottom:5%;overflow:hidden}
.tits h2{font-size:45px;letter-spacing:0;}
.tits h2 span{ font-size:30px;font-weight:normal;margin-left:1%;}
.tits.wh h2 , .tits.wh h2 span{color:#fff;}
.tits p{font-size:18px;margin-top:1%;}

@media screen and (max-width:1320px) {
.tits h2{font-size:40px;}
}

@media screen and (max-width:1200px) {
.tits h2{font-size:35px;}
.tits h2 span{ font-size:26px;}
.tits p{font-size:16px;}
}

@media screen and (max-width:1024px) {
.tits h2{font-size:28px;}
.tits h2 span{ font-size:22px;}
}

@media screen and (max-width:500px) {
.tits h2{font-size:22px;}
.tits h2 span{ font-size:18px;}
.tits p{font-size:14px;}
}

/*关于我们*/
.index01{width:100%;overflow:hidden;padding:5% 0;background:url(../images/bg1.jpg) no-repeat top center;background-size:cover;}
.about .ab1{overflow:hidden;margin-bottom:10%;}
.about .ab1 .cot p{line-height:32px;letter-spacing: 2px}
.ab1 .left{width:15%;margin:8% 0 0 5%}
.ab1 .left a{display:block;width:100%;margin-bottom:9%;font-size:18px;position:relative;float:left;padding-left: 2%;}
.ab1 .left a:first-child{text-decoration:none; color:#0050c1;}
.ab1 .left a:hover:before , .ab1 .left a:hover:after , .ab1 .left a:first-child:before , .ab1 .left a:first-child:after{position:absolute; content:"";height: 1px;top: 49%;background:#0050c1}
.ab1 .left a:before{ width:85px;left: -40%;}
.ab1 .left a:after{width:40px;right: 40%;}
.ab1 .right{width:70%;}
.about .des{margin-bottom:4%;overflow:hidden;}
.about .des li{width:20%;float:left;text-align:center}
.about .des li h2 , .about .des li span{font-size:80px;font-family:"1";display:inline-block;}
.about .des li:nth-child(2) h2 , .about .des li:nth-child(3) h2 , .about .des li:nth-child(3) span{color:#0050c1;}
.about .des li:nth-child(2) , .about .des li:nth-child(3){width:30%}
.about .des li:last-child{text-align:right}
.about .des li:first-child{text-align:left}

@media screen and (max-width:1320px) {
.about .des li h2 , .about .des li span{font-size:70px;}
.ab1 .left a:before{ width:70px;}
.ab1 .left a:after{width:25px;}
}

@media screen and (max-width:1200px) {
.about .des li h2 , .about .des li span{font-size:60px;}
.ab1 .left a{font-size:16px}
.ab1 .left a:before{ width:60px;}
.ab1 .left a:after{width:20px;}
.ab1 .right {width: 75%;}
.about .ab1 .cot p{line-height:30px}
}

@media screen and (max-width:1024px) {
.about .des li h2 , .about .des li span{font-size:50px;}
.ab1 .left a:after{width:0;}
.ab1 .right {width: 80%;}
.about .ab1 .cot p{line-height:28px}
}

@media screen and (max-width:880px) {
.about .des li h2 , .about .des li span{font-size:40px;}
.ab1 .left a:before{ width:40px;}
}

@media screen and (max-width:780px) {
.ab1 .left {display:none}
.ab1 .right {width: 100%;}
.about .des li h2 , .about .des li span{font-size:35px;}
.about .ab1 .cot p{line-height:26px}
.about .des li ,.about .des li:nth-child(2) , .about .des li:nth-child(3){width:25%;}
.about .des li:first-child , .about .des li:last-child {text-align: center; }
}

@media screen and (max-width:500px) {
.about .des li ,.about .des li:nth-child(2) , .about .des li:nth-child(3){width:50%;margin-bottom:4%;}
.about .ab1 .cot p{line-height:24px}
.about .des li h2 , .about .des li span{font-size:30px;}
}

/*产品中心*/
.index02{width:100%;overflow:hidden;padding:6% 0;background:url(../images/bg2.jpg) no-repeat top center;background-size:cover;background-attachment: fixed;}
.index02 .tits h2{display:inline-block;float:left;width:50%;position:relative;padding-bottom:2%}
.index02 .tits h2:after{position:absolute;content:"";width:80px;height:10px;background:#0050c1;bottom:0;left:0}
.index02 .tits h3{display:inline-block;float:right;text-align:right;width:50%;}
.index02 .tits h3 b{display:block;color:#fff;font-size:40px;letter-spacing:2px;margin-bottom:1%;}
.pro_c .pr .des{margin-bottom:4%;}
.pr .des h3 a{color:#fff;font-size:24px;}
.pr .des h3 img{display:inline-block;margin-left:15px;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.pr .des h3 a:hover{color:#0050c1;}
.pr .des h3 a:hover img{transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-o-transform:translateX(10px);}
.pr .des p{width:60%;line-height:30px;color:#e5e4e4;margin-top:3%;}
.pr .pic{overflow:hidden;}
.pr .pic li{width:24%;margin:0 0.5%;float:left;overflow:hidden;}
.pr .pic li a{display:block;position:relative;}
.pr .pic li a:after{position:absolute;content:"";width:100%;height:100%;background:url(../images/index04.png);top:0;left:0;transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);
transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.pr .pic li a:hover:after{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
.pr .pic li a p{position:absolute;color:#e5e4e4;width:100%;text-align:center;top:50%;z-index:22;opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);transform:scale(0,0);transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);}
.pr .pic li a:hover p{opacity: 1;-webkit-opacity: 1; -moz-opacity:1; filter:alpha(opacity=100);transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);}
.pr .pic li img{display:block;overflow:hidden;width:100%;transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.pr .pic li a:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}

.pro_c .tabs{margin-top:8%;position:relative}
.pro_c .tabs span{display: block; width: 93%; position: absolute;top:5px;left:50px;height: 1px;background: #6d7380;}
.pro_c .tabs li{width:20%;float:left;    text-align: center;cursor: pointer;}
.pro_c .tabs li:first-child{text-align:left}
.pro_c .tabs li:last-child{text-align:right}
.pro_c .tabs li:nth-child(2) , .pro_c .tabs li:nth-child(3){width:30%}
.pro_c .tabs li:nth-child(2) i, .pro_c .tabs li:nth-child(3) i{margin:0 auto}
.pro_c .tabs li:last-child i{margin-left:80%}
.pro_c .tabs li p{color:#6d7380;margin-top:2em;font-size:20px;font-weight:bold;}
.pro_c .tabs li.active p{color:#fff;}
.pro_c .tabs li i{display: block;width: 10px; height:10px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%; background: #fff;margin-left:15%; position: relative;z-index: 10;}
.pro_c .tabs li i u{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;transition: .8s;-webkit-transition: .8s;-moz-transition: .8s;-o-transition: .8s;background: #0050c1;}
.pro_c .tabs li i div{position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;transition: .8s;-webkit-transition: .8s;-moz-transition: .8s;-o-transition: .8s;background: #fff;}
.pro_c .tabs li.active i u{transform: scale(3);-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3); -o-transform: scale(3);}


@media screen and (max-width:1320px) {
.index02 .tits h3 b{font-size:35px;}
.pro_c .tabs li:last-child i {margin-left: 85%;}
}

@media screen and (max-width:1200px) {
.index02 .tits h3 b{font-size:30px;}
.pr .des p{width:70%;line-height: 28px;}
.pr .des h3 a{font-size:22px;}
.pro_c .tabs li p{font-size:18px;}

}

@media screen and (max-width:1024px) {
.index02 .tits h3 b{font-size:26px;}
.index02 .tits h2:after{height:4px}
.pr .des p{width:85%;}
.pr .des h3 a{font-size:20px;}
.pro_c .tabs li p{font-size:16px;}
.pro_c .tabs span{width:100%;left:0;top:4px;}
.pro_c .tabs li i{width:8px;height:8px;}
.pro_c .tabs li.active i u{transform: scale(2);-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2); -o-transform: scale(2);}
.pr .pic li{width:32.33%;}
.pr .pic li:last-child{display:none;}
}

@media screen and (max-width:600px) {
.index02 .tits h2{width:100%;}
.index02 .tits h3{display:none;}
.index02 .tits h3 b{font-size:25px;}
.pr .des h3 a{font-size:18px;}
.pr .des p{width:100%;line-height: 26px;}
.pro_c .tabs li p{font-size:14px;}

}
@media screen and (max-width:480px) {
.pr .pic li{width:49%;}
.pr .pic li:nth-child(3) , .pr .pic li:last-child{display:none;}
.pro_c .tabs li p {font-size: 12px;}

}


/*产品分类*/
.index03{width:100%;overflow:hidden;padding:2% 1%;background:url(../images/bg4.jpg) no-repeat top center;background-size:cover;}
.index03 .left , .index03 .right{width:49.5%;background:#fff}
.category_p .left_c , .category_p .right_c{padding:5%;overflow:hidden;}
.category_p .cate{margin:3% 0 0 3%;width:37%;}
.category_p .pic{width:60%;transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.category_p .pic:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.category_p h3{font-size:24px;margin-bottom:6%;}
.category_p .cc{overflow:hidden;}
.category_p .cc li{margin-bottom:6%;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;}
.category_p .cc li small{color: #0050c1;display:inline-block;margin-right:2%;transform: scale(1,1.3);-webkit-transform: scale(1,1.3);-moz-transform: scale(1,1.3); -o-transform: scale(1,1.3);}
.mores{margin-top:12%;}
.mores span{color:#5d5d5d;font-size:14px;text-decoration:none;}
.mores a img{display:inlin-block;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.mores a:hover img{transform: translate(5px, 0);-webkit-transform: translate(5px, 0);-moz-transform: translate(5px, 0);-o-transform: translate(5px, 0);}
.mores a:hover span{text-decoration:none; color:#0050c1;}

@media screen and (max-width:1200px) {
.category_p h3{font-size:20px;}
.category_p .cate{margin:0}
}

@media screen and (max-width:1024px) {
.category_p h3{font-size:18px;}
}

@media screen and (max-width:880px) {
.index03 .left , .index03 .right{width:100%;margin:1% 0}
}

@media screen and (max-width:500px) {
.category_p .cate{width:100%;}
.category_p .pic{width:100%;margin-top:5%;}
.category_p .cc li{margin-bottom:4%;}
.cate .mores{margin-top:5%; float: right;}
}

/*合作伙伴*/
.index04{width:100%;overflow:hidden;padding:8% 0 2% 0;position:relative;}
.index04 .bg4{background:url(../images/bg3.jpg) no-repeat top center;background-size:cover;background-attachment: fixed;height:750px;position:absolute;top:0;right:0;left:0;width: 100%;}
.index04 .partner{position:relative;z-index:333;display: flex;justify-content: space-between;}
.index04 .par_c{width:45%;background:#fff;float:right;padding: 2%;box-shadow:0 5px 15px #a3a3a3;}
.index04 .par_c li{width:48%;float:left;margin:1%;border:1px solid #fff}
.index04 .par_c li:hover{border:1px solid #f3f3f3}
.partner .left{width:45%;overflow:hidden;margin-top:4%;}
.partner .left .des{color:#fff;line-height:28px;}
.partner .left .more{margin-top:15%;}
.partner .left .more a{display:inline-block;border:1px solid #517185;padding:2%;position:relative;}
.partner .left .more a:after{position:absolute;content:"";background:#0050c1;width:0;top:0;left:0;height: 100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.partner .left .more a:hover:after{width:100%}
.partner .left .more span{color:#fff;position:relative;z-index:33}
.partner .left .more img{margin-left:20px;position:relative;z-index:33}

@media screen and (max-width:1440px) {
.index04 .bg4{height: 680px ;}
}

@media screen and (max-width:1320px) {
.index04 .bg4{height:630px ;}
}

@media screen and (max-width:1200px) {
.index04 .bg4{height:580px ;}
}

@media screen and (max-width:1024px) {
.index04 .bg4{height:500px ;}
}

@media screen and (max-width:780px) {
.index04 .partner{display:block}
.partner .left{width:100%}
.index04 .par_c{width:100%;margin-top:5%}
.partner .left .more {margin-top: 5%;}
}

/*新闻中心*/
.index05{width:100%;overflow:hidden;padding:3% 0 6% 0;background:url(../images/bg5.jpg) no-repeat top center;background-size:cover;position:relative;margin-top:-175px}
.index05 .bg5{background:url(../images/bg5.jpg) no-repeat top center;background-size:cover;height:1180px;position:absolute;top:0;right:0;left:0;width: 100%;}
.index05 .new{position:relative;z-index:333;}
.index05 .tits{margin-top:2%;}
.new1 a{display:block;background:#fff;border-right:1px solid #e1e1e1;height:300px;}
.new1 a:hover{background:#0050c1}

.swiper-slide-next a{border-right:none}
.new1 a .nn{padding:10%;overflow:hidden;}
.new1 a .nn .date{font-size:18px;}
.new1 a .nn .date b{color:#004bbf;font-size:40px;font-family:"1";margin-right:10px;}
.new1 a .nn .xx{width:30px;height:3px;background:#000;margin-top:7%;}
.new1 a .nn .tt{margin-top:10%;line-height:28px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new2{margin-top:3%;background:#f7f7f7;}
.new2 .left{width:55%;padding:6% 6% 0 6%;overflow:hidden;}
.new2 .left .des{margin:7% 0 0 5%;}
.new2 .left .des h2{font-size:20px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.new2 .left .des p{margin-top:3%;line-height:28px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new2 .right{width:45%;}
.new2 .right img{width:100%;}
.new1 a:hover .date b , .new1 a:hover .nn .tt , .new1 a:hover .nn .date{color:#fff;}

@media screen and (max-width:1320px) {
.index05{margin-top:-190px;}
}
@media screen and (max-width:1200px) {
.new2 .left{padding:4% 4% 0 4% }
.new2 .mores{margin-top:8%}
.new2 .left .des h2{font-size:18px;}
.new1 a .nn .date b{font-size:35px;}


}
@media screen and (max-width:1024px) {
.index05{margin-top:-120px;}
.new1 a{height:220px;}
.new1 a .nn .date b{font-size:30px;}
.new2 .mores{margin-top:6%}
}

@media screen and (max-width:780px) {
.index05{margin-top:0;}
.new1 a{height:auto;}
.new1 a .nn .tt{-webkit-line-clamp: 1; }
.new1 a .nn .date b{font-size:25px;}
.new2 .left , .new2 .right{width:100%;}
.new2 .mores{margin-top:4%;margin-bottom:4%;}
.new2 .left .des h2 {font-size: 16px;}
.new2 .left .des p{line-height:24px;}
}