@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 0.9rem;}
h1,h2,h3,h4,h5,h6 { font-weight: bold;color:#000;}

body { font-size:0.9rem;  word-wrap:break-word; overflow:hidden;color:#000;}
a {text-decoration:none; color:#000;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;}
a:hover, a:active, a:focus{text-decoration:none; color:#0869ac; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1600px; padding:0 30px;height:auto; margin: 0 auto;   }
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}


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

.wrap{ padding: 0 10px;}

}


.fl { float:left;}
.fr { float:right;}

.block {
    display: block;
}
@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}

@font-face {
  font-family: "2";
  src: url("../font/2.woff2") format("woff2"),
       url("../font/2.woff") format("woff"),
       url("../font/2.ttf") format("truetype"),
       url("../font/2.eot") format("embedded-opentype"),
       url("../font/2.svg") format("svg");
}
.tit{text-align:center;margin-bottom:4%;}
.tit h2{color:#efefef;font-family: "1";font-size:3.5rem;}
.tit h3{font-size:2rem; transform: translateY(70px);-webkit-transform: translateY(70px);-moz-transform: translateY(70px);-o-transform: translateY(70px);}
.tit h3 span{color:#aace3b}

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

.tit h2{font-size:3.2rem;}
.tit h3{font-size:1.8rem; }
}

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

.tit h2{font-size:2.8rem;}
.tit h3{font-size:1.6rem; transform: translateY(55px);-webkit-transform: translateY(55px);-moz-transform: translateY(55px);-o-transform: translateY(55px);} }

}

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

.tit h2{font-size:2.4rem;}
.tit h3{font-size:1.4rem; }

}

@media screen and (max-width:500px) {
.tit h2{font-size:1.8rem;}
.tit h3{font-size:1.2rem;transform: translateY(40px);-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-o-transform: translateY(40px);} }

}


/*关于我们*/

.index01{width:100%;overflow:hidden;}
.index01 .text{overflow:hidden;background:#e5e5e5;padding:2% 0;}
.text_c li{width:25%;float:left;text-align:center;}
.text_c li h2{ font-family: "1";font-size:3rem;display: inline-block;color:#0869ac}
.text_c li small {display: inline-block;font-family: "1"; font-size: 2rem;font-weight: bold;color:#0869ac;}
.text_c li p {margin-top: 1%;}
.index01 .about{overflow:hidden;background:url(../images/index01.jpg) no-repeat left bottom;    }
.about_c {overflow:hidden;padding:4% 0}
.about_c .left{width:38%;float:left;margin-top:3%;}
.about_c .tit{text-align:left;margin-bottom:0;}
.about_c .tit h1{color:#efefef;font-size:5rem;font-family: "1"; }
.about_c .tit h3{transform: translateY(-30px);-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-o-transform: translateY(-30px);}
.about_c .con{overflow:hidden;}
.about_c .con p{line-height:2em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.about_c .right{width:50%;float:right;overflow:hidden;}
.about_c .right img{width:100%;display:block;visibility: visible; -webkit-animation:scale-bg 9s linear forwards;animation:scale-bg 9s linear forwards;}


@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@media screen and (max-width:1200px) {
.about_c .tit h1{font-size:4rem;}
}
@media screen and (max-width:1024px) {
.about_c .tit h1{font-size:3rem;}
.about_c .left{width:45%;}
.text_c li h2{font-size: 2rem;}
.text_c li small{font-size:1.5rem;}

}
@media screen and (max-width:840px) {
.about_c .left{width:100%;}
.about_c .right{width:100%;margin-top:3%;}
}

@media screen and (max-width:600px) {
.text_c li{width:50%;margin-bottom:4%;}
.text_c li h2{font-size: 1.5rem;}
.text_c li small{font-size:1.2rem;}
}


/*产品中心*/
.index02{width:100%;overflow:hidden;background:url(../images/index02.jpg) no-repeat left bottom;padding:2% 0 4% 0; background-size:cover;}
.index02 .tit h2{color:#e2ddd2;}
.index02 .product_c{overflow:hidden;}
.product_c .swiper-slide:nth-of-type(2n) {margin-top:4%;}
.product_c a{display:block;width:100%;height:100%;overflow:hidden}
.product_c a .pp{width:100%;position:relative;overflow:hidden}
.product_c a .pp .pic{width:100%;overflow:hidden}
.product_c a .pp .pic img{width:100%;}
.product_c a .pp .titles{position:absolute;background:#0869ac;left:0;right: 0;width:100%;padding:1em 0;text-align:center;color:#fff;font-size:1rem;bottom:0;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.product_c a:hover .pp .titles{bottom:-100%;}
.product_c a .pp .title{position:absolute;background:#0869ac;left:0;right: 0;bottom: -100%;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;overflow: hidden;}
.product_c a .pp .title .tt{padding:5%;overflow:hidden;}
.product_c a .pp .title .tt h3{color:#fff;font-size:1rem;padding-bottom:0.8em;}
.product_c a .pp .title .tt p{color:#fff;line-height:1.8em;position:relative;padding-top:0.8em;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;}
.product_c a .pp .title .tt p:before{position:absolute;content:"";width:20%;height:1px;background:#fff;left:0;top:0}
.product_c a:hover .pp .title{bottom:0;}
.product_c a .pp .more{position:absolute;top:35%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);
text-align: center;opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=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;}
.product_c a:hover .pp .more{opacity: 1;-webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}

@media screen and (max-width:800px) {
.product_c .swiper-slide:nth-of-type(2n) {margin-top:0;}
.product_c a .pp .titles{padding: 0.5em 0;}
.product_c a .pp .more img{width:45px;height:45px;}
.product_c a .pp .title .tt p{-webkit-line-clamp:1;}
.product_c a .pp .title .tt h3 , .product_c a .pp .titles{font-size:0.95rem;}
.product_c .swiper-slide:nth-of-type(2n) {margin-top:0;}
}


/*案例*/
.index03{width:100%;overflow:hidden;padding:2% 0 4% 0;}
.index03 .case_c{overflow:hidden;}
.case_c a{display:block;width:100%;height:100%;overflow:hidden}
.case_c a .cc{width:100%;position:relative;overflow:hidden}
.case_c a .cc:after{position:absolute;content:"";width:100%;height:100%;top:60%;left:0;background-image: linear-gradient(0deg,rgba(0,0,0,0.6) 60%,rgba(255,255,255,0) 100%);z-index:1;}
.case_c a .cc .pic{overflow:hidden;}
.case_c a .cc .pic img{width: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;}
.case_c a:hover .cc .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -o-transform: scale(1.05);}
.case_c a .cc .titles{position:absolute;left:0;right: 0;width:100%;padding:1em;bottom: 0;color:#fff;font-size:1rem;z-index:3;}
.mores {text-align:center;margin:4% 0 0 0;}
.mores a{display:inline-block;background:#0869ac;padding:0.5% 2%;color:#fff;}
.mores a:hover{background:#aace3b;color:#fff;text-decoration:none; }

@media screen and (max-width:800px) {
.case_c a .cc .titles{font-size:0.95rem;}
}



/*制造能力*/
.index04{width:100%;overflow:hidden;}
.index04 .make{position:relative;}
.make .tit{position:absolute; top: 1.5%; left: 0; z-index:999; width: 100%;text-align: left;}
.make .tit h2{color:#e8e8e8;}
.make_c a.mm{display:block;}
.make_c .pic{background-position: center;background-repeat: no-repeat;background-size: cover;height: 78vh;}
.make_c .pics{display:none;}
.make_c .pic img{width:100%;}
.make_c  .text{position:absolute;padding:3% 2%;background:url(../images/index08.png);bottom:8em;left:12em;max-width:600px;width: 100%;z-index:999;}
.make_c  .text h3{color:#fff;margin-bottom:3em;font-size:2rem;}
.make_c .text a{display:inline-block}
.make_c .text a:hover{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);}
.swiper-pagination2.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5%;}
@media screen and (max-height: 900px){
.make_c .text{bottom:7em;}
}
@media screen and (max-height: 800px){
.make_c .text{bottom:6em;}
.make_c .text h3{    margin-bottom: 2em;}
}

@media screen and (max-height: 700px){
.make_c .text{bottom:4em;}
}
@media screen and (max-height: 600px){

.make_c .text{bottom:2.5em;}
.make_c .text h3{    margin-bottom: 1em;}
}

@media screen and (max-width:1700px) {
.make_c  .text{left:5em;}
}

@media screen and (max-width:1600px) {
.make_c  .text{left:2em;}
}

@media screen and (max-width:1200px) {
.make_c .pic{height: 65vh;}
}
@media screen and (max-width:1024px) {
.make_c  .text{left:1em;max-width:450px;}
.make_c  .text h3{font-size:1.5rem;}
.make_c .pic{height: 60vh;}
.make_c .text a img{width:50px;height:50px;}
}

@media screen and (max-width:600px) {
.make .tit{position:relative;    text-align: center;}
.make_c .pic{display:none;}
.make_c .pics{display:block;}
.make_c .text{left:0;max-width:100%;width:100%;background:#0869ac;bottom:0;padding:2%;}
.make_c  .text a{display:none;}
.make_c .text h3{margin-bottom:0;font-size:1.1rem;text-align:center;}
.swiper-pagination2.swiper-pagination-clickable.swiper-pagination-bullets{display:none;}
}




/*新闻*/
.index05{width:100%;overflow:hidden;margin:2% 0 4% 0;}
.index05 .new_c{overflow:hidden;}
.new_c a{display:block;width:100%;height:100%;overflow:hidden}
.new_c a .nn{width:100%;position:relative;overflow:hidden}
.new_c a .nn .pic{overflow:hidden;margin-bottom:3%;}
.new_c a .nn .pic img{width: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;}
.new_c a:hover .nn .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform:scale(1.1); -o-transform: scale(1.1);}
.new_c a .nn h3{font-size:1rem;}
.new_c a:hover .nn h3{color:#0869ac}
.new_c a .nn p{line-height:1.8em;margin:3% 0;color:#000;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;}
.new_c a .nn .date{padding:3% 0 0 0;border-top:1px solid #000000;}
.new_c a .nn .date span{display:inline-block;float:left;color:#000;font-weight:weight;font-size:1.2rem;font-family:"1"}
.new_c a .nn .date img{display:inline-block;float:right;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.new_c a:hover .nn .date img{filter: grayscale(0);-webkit-filter: grayscale(0);}


/*合作伙伴*/
.index06{width:100%;margin-top:4%;overflow:hidden;background:#f3f3f3;padding:1% 0 3% 0;}
.index06 .tit h2{color:#e5e5e5;}
.index06 .hz_c{overflow:hidden;}
.index06 .hz_c .swiper-container5{padding-bottom:5%;}
.hz_c a{display:block;width:100%;height:100%;border:1px solid #fff;}
.hz_c a:hover{border:1px solid #0869ac;}



/*底部*/
.index07{width:100%;overflow:hidden;}
.link{padding:1%;}
.link a{display: inline-block;text-decoration: none;margin: 0 0.2%;}
.link a:hover{color:#0869ac;text-decoration: none;}
.index07 .fot{background:url(../images/index09.jpg) no-repeat top center;overflow:hidden;background-size:cover;}
.fot .foot_c{overflow:hidden;}
.foot{padding:3% 0;overflow:hidden;}
.foot .left{width:33%;float:left;text-align:center}

.foot .left .logos a{display:inline-block;}
.foot .left .logo_t{margin-top:3%;}
.foot .left .logo_t h1{color:#fff;font-family:"2";font-size:2.2rem;font-weight:normal;letter-spacing:2px;}
.foot .left .logo_t p{color:#fff;font-family:"2";font-size:0.4rem;}
.foot .mids{width:38%;float:left;overflow:hidden;}
.foot .mids li{width:40%;float:left;}
.foot .mids li p{color:#fff;font-size:1.1rem;margin-bottom:7%;font-weight:bold;}
.foot .mids li dl {overflow: hidden;}
.foot .mids li dd {width: 100%;margin-bottom: 3%;}
.foot .mids li dd a {color:#e6e5e5;text-decoration: none;}
.foot .mids li:last-child{width:20%;}
.foot .rights{width:25%;float:right;}
.foot .rights h3 {color:#fff;font-size:1.1rem;margin-bottom:3%;}
.foot .rights p{color:#e6e5e5;margin-bottom:2%;}
.foot2{border-top:1px solid #bfc2c2;padding:0.5% 0;overflow:hidden;}
.foot2 .s1 {float: left;}
.foot2 .s2 { float: right;}
.foot2 span , .foot2 a{color:#fff;text-decoration: none;}

@media screen and (max-width: 1150px) {
.foot .left .logo_t h1{font-size:2rem;}
}

@media screen and (max-width: 1050px) {
.foot .left{width:50%;}
.foot .mids{width:50%;}
.foot .rights{width:100%;margin-top:3%;}
.foot .rights h3{margin-bottom:1%;}
.foot .left .logo_t h1 {font-size: 1.8rem;}
.foot .mids li p , .foot .rights h3{font-size:1rem}
}

@media screen and (max-width: 930px) {
.foot2 span , .foot2 span a{display: block;text-align: center;;}
.foot2 .s1 , .foot2 .s2{float:none}
}

@media screen and (max-width: 760px) {
.foot .left{width:100%;margin-bottom:3%;}
.foot .left .logo_t {margin-top: 1%;}
.foot .left .logo_t h1 {font-size: 1.5rem;}
.foot .mids{width:55%;}
.foot .rights{width:40%;margin-top:0}
}

@media screen and (max-width:640px) {
.foot .mids{width:100%;}
.foot .rights{width:100%;margin-top:3%;}
}