@charset "utf-8";
/* 公司简介 */
@font-face {
  font-family: "../fonts/RUNDA BLACK";
  src: url("../fonts/RUNDA BLACK.woff2") format("woff2"),
       url("../fonts/RUNDA BLACK.woff") format("woff"),
       url("../fonts/RUNDA BLACK.ttf") format("truetype"),
       url("../fonts/RUNDA BLACK.eot") format("embedded-opentype"),
       url("../fonts/RUNDA BLACK.svg") format("svg");
}


/* 名称 */
.tits{text-align:center;position:relative;padding-top:1%;}
.tits a{display:inline-block;}
.tits a:before{position:absolute;transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; width: 45px; height: 5px;background: #1952be;left:0;right: 0; top: 0; content: ''; text-align: center;margin: 0 auto;}
.tits h1{font-size:3.2rem;color:#e4e4e4;font-family:"RUNDA BLACK"}
.tits h2{font-size:1.8rem;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);}
.tits a:hover:before{width:120px;}
.tits a:hover h2{color:#1952be;text-decoration:none;}

@media screen and (max-width:500px) {
.tits h1{font-size:2rem;}
.tits h2{font-size:1.1rem;}


}

/* 简介 */

.index01{width:100%;overflow:hidden;margin:4% 0;}
.index01 .about_c{position:relative;overflow: hidden;}
.about_c .left{    max-width: 35em;  position: absolute;top: 0; height: 100%;}

.about_c .titles{position:relative;padding-bottom:4%;margin-bottom:5%;}
.about_c .titles:after{position:absolute;width: 60px; height: 4px;background: #1952be;left:0;right: 0;bottom: 0; content: '';}
.about_c .titles h2{font-size:1.5rem;margin-bottom:1%}
.about_c .con p{line-height:2em;    overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.about_c .fen {overflow:hidden;margin:8% 0 0 0;}
.about_c .fen li{width:33.33%;float:left;text-align:center;}
.about_c .fen li a{display:inline-block; }
.about_c .fen .pic{position:relative;width:91px;height:91px;margin:0 auto;border-radius: 100px; border:3px solid #1952be;background:#fff;padding:20px; transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;}
.about_c .fen .pic img{display:block;position:absolute;width:45px;height:45px;}
.about_c .fen .pic .p2{     opacity: 0;   transform: translate(51px,51px); -webkit-transform: translate(51px,51px); -moz-transform: translate(51px,51px); -o-transform: translate(51px,51px); transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;-moz-transition: all .5s ease;}
.about_c .fen li a:hover .p2{    opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); }
.about_c .fen li a:hover .pic{background:#1952be;}

.about_c .fen li p{margin:10% 0 0 0;font-size:1rem;}

.about_c .midd{    top: 0; left: 46%;width: 12%; background: #1952be url(../images/index08.png) no-repeat bottom center;position: absolute; height: 60%;}

.about_c .midd .m1{text-align:center;}
.about_c .midd .m2{text-align:center;margin-top:10%}
.about_c .midd b{color:#fff;font-size:1.8rem}
.about_c .midd b span{font-size:;font-size:1rem}
.about_c .midd p{color:#fff;}
.about_c .right{width:50%;float:right}
.about_c .right img{width:100%;}




@media screen and (max-width:1670px) {

.about_c .fen{margin: 1% 0 0 0;}
.about_c .fen li p {margin: 5% 0 0 0;}
.about_c .con p{-webkit-line-clamp: 4;}
}

@media screen and (max-width:1390px) {
.about_c .left{    width: 43%;position:inherit;float:left}

}
@media screen and (max-width:1100px) {
.about_c .titles{margin-bottom:3%}
.about_c .titles h2{font-size:1.1rem;}
.about_c .fen .pic{width:81px;height:81px;}
.about_c .fen li p{font-size:0.8rem}
.about_c .fen .pic img{width:35px;height:35px;}
.about_c .midd b{font-size:1.4rem}
}
@media screen and (max-width:950px) {
.about_c .right{width:100%;float:left;margin: 5% 0 0 0;}
.about_c .left{width:72%;   max-width: 50em;}
.index01{margin:4% 0 0 0;}
.about_c .midd{    height: 40%;right:0; left:auto; width: 25%;}
}
@media screen and (max-width:500px) {
.about_c .left{width:100%}
.about_c .midd{display:none}

.about_c .con p{-webkit-line-clamp: 6;}

}


/*产品*/
.index02{width:100%;background:url(../images/a2.jpg) no-repeat top center;overflow:hidden}
.index02 .product{padding:5% 0;overflow: hidden;}

.index02 .top{overflow: hidden; margin-bottom: 2%;}

.top .tits{width:50%;float:left;text-align:left;margin:0;}
.top .tits h1{color:#afb7bf}
.top .tits p{margin:-5% 0 4% 0;line-height:2em}
.top .tits a{display:inline-block;border:1px solid #1952be;padding:1% 2%;color:#1952be;font-size: 0.75rem;font-weight: normal;}
.top .tits a:before{margin:0}

.top .pro_n {float: right; width: 48%; margin-top: 3%;text-align: right;}
.top .pro_n a{display:inline-block;border:1px solid #000;padding:1% 2%;margin:1% 0.5%;position:relative;}
.top .pro_n a:before{content:'';position:absolute;width:0;left:0;top:0;height:100%;background:#1952be;z-index:0;transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;}
.top .pro_n a:hover:before{width:100%;}
.top .pro_n a span{position:relative;}
.top .pro_n a:hover{border:1px solid #1952be;}
.top .pro_n a:hover span{color:#fff;}

.swiper-container2{    margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.pro_c a{display:block;overflow:hidden;}
.pro_c a .pic{width: 100%; overflow: hidden;}
.pro_c a .pic img{display:block;width:100%;height:100%;transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;-moz-transition: all .8s ease;}
.pro_c a:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.pro_c a .txt{margin-top:3%;text-align:center;}
.pro_c a:hover .txt{color:#1952be;text-decoration:none;}
.swiper-button-next-app { background-image: url(../images/index26.jpg); right: 0;}
.swiper-button-prev-app{ background-image:url(../images/index25.jpg); left:0;}
@media screen and (max-width:1000px) {
.top .tits h1{font-size:2rem;}
.top .tits h2{font-size:1.3rem;}

}

@media screen and (max-width:650px) {
.index02 .wrap{padding:0}
.top .tits{width:100%;text-align:center;}
.top .pro_n{width: 100%;text-align: center;margin:0 0 2% 0}
.top .tits a{display:none;}
.top .tits p{padding:0 10px;margin: -4% 0 2% 0; line-height: 1.5em;}
.marqueeleft li img{width:250px;height:180px;}
.top .tits h2{font-size:1.1rem;}
.index02{background-size: cover;background-attachment: fixed;}
}




/*新闻*/
.index03{width:100%;overflow:hidden;margin:3% 0;}
.index03 .new{position:relative;overflow:hidden;}
.index03 .mores{position:absolute;top:17%;right:0;border:1px solid #1952be;padding:0.5% 1.5%}
.index03 .mores a{display:inline-block;color:#1952be;font-size:0.75rem;}
.index03 .mores a:hover{letter-spacing:3px;}
.new_c{overflow:hidden;}
.new_c .tabs {width:30%;margin:0 auto 2% auto;overflow:hidden}
.new_c .tabs li{width:50%;float:left;text-align:center;}

.new_c .tabs li a{display:block;font-size:1.2rem;position:relative;cursor: pointer;}
.new_c .tabs li a:after{position:absolute;content:"|";top:0;right:0}
.new_c .tabs li.ac a:before {position:absolute;content:"|";top:0;left:0}

.news a{display:block;width:33.33%;float:left;overflow:hidden;height:100%;}
.news a .nn{padding:5%;margin:6% 4% 4% 4%;overflow:hidden;transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;-moz-transition: all .8s ease;}
.news a:hover .nn{box-shadow:0 0 15px #c1c1c1;transform:translateY(-10px);-webkit-transform:translateY(-10px);-mo-transform:translateY(-10px);-o-transform:translateY(-10px);}
.news a .nn img{width:100%;}
.news .nn .con{overflow:hidden;margin-top:12%;}
.news .nn .con .date{width:20%;float:left;text-align:center;}
.news .nn .con .date b{font-size:2.6rem;color:#6d6f6f;}
.news .nn .con .date P{color:#6d6f6f;font-weight:bold;}
.news .nn .con .des{width:75%;float:right}
.news .nn .con .title{border-bottom:1px solid #6d6f6f;padding-bottom:5%;margin-bottom:4%;}
.news .nn .con  h2{color:#6d6f6f;font-size:1rem;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.news .nn .con .cc{line-height:1.8em;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .nn .con .more{margin-top:8%;    overflow: hidden;padding: 5% 0;}
.news .nn .con .more span{    border: 1px solid #1952be; padding: 2% 15%; overflow: hidden; color: #1952be;position: relative;transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;-moz-transition: all .8s ease;}
.news .nn .con .more span:after{position:absolute;content:'';top:30%;background:url(../images/index09.png) no-repeat right; left: 80%;width: 46px; height: 12px;transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;-moz-transition: all .8s ease;}

.news a:hover .nn .con .more span{background:#1952be;color:#fff;padding:2% 30% 2% 5%}
.news a:hover .nn .con .more span:after{background:url(../images/index10.png) no-repeat right;left:50%}


@media screen and (max-width:970px) {
.news .nn .con .date b{font-size:2rem;}
.news .nn .con .date P{font-size:0.7rem;}


}


@media screen and (max-width:900px) {
.new_c .tabs {width:60%}

.news a{width:100%}
.news a .nn{padding:2%;margin:3% 2%;}
.news .nn .pic{width:35%;float:left}
.news a:hover .nn{box-shadow:0 0 10px #c1c1c1;}
.news .nn .con{width:63%;float:right;margin-top:0;}
.news .nn .con .more{margin-top:0;}
.news .nn .con .des{width:78%;}
.index03 .mores{top:13%;}

}


@media screen and (max-width:500px) {

.new_c .tabs {width:100%}
.news .nn .pic , .news .nn .con{width:100%;}

.news .nn .con{margin-top:5%;}
.index03 .mores{display:none;}
}