@charset "UTF-8";
*{padding: 0; margin: 0;}
body{color:#525151; font-family: "microsoft yahei"; background-color:#ffffff;outline:0;font-size:14px; }
li,ul{list-style:none}
 input::-webkit-input-placeholder { color: #ccc; }
a{color:#525151;text-decoration:none;background-color:transparent}
a:hover{outline: 0;color: #f00;}
p{color: #777;}
.round02{border-radius:30px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1)}
img{display:block; max-width: 100%;}
.container{width: 100%!important; max-width: 1300px!important; padding: 0 20px;}
.cenbox{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}

.menu{ padding: 10px 0; background: rgba(255,255,255,.3); position: fixed; width: 100%; z-index: 1000; transition: all 0.5s;}
.navbar-default {
     background:none; 
    border:none; 
}
.navbar-default .navbar-nav>li>a {color: #222; font-size: 14px; margin: 15px 0; padding: 0px 30px; border-right: 1px solid #eee;}
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{ color: #6f625a!important;}
.navbar-nav>li>a img{position: relative; top: -5px;}

.m-language{ display: none; float: right; padding: 6px 10px; margin: 8px 10px 0 0; font-size: 14px; border: 1px solid #ddd; border-radius: 4px;  }
.m-language:hover{ background: #ddd; text-decoration: none; color: #777; }

.navbar-brand{width: 78px; padding: 0; margin-left: 20px!important;}
.bgmenu{ background: rgba(255,255,255,.97); box-shadow: 0 0 5px rgba(0,0,0,0.1); padding-top: 10px;}
.navbar{margin-bottom:0px;}
.bannertxt{ position: absolute; z-index: 10000; right: 0; top: 0; color: #000; height:100%;}
.bannertxt div{ padding-right: 220px; font-size: 24px; line-height: 200%; font-weight: lighter; color: #b4b5b5;}
.bannertxt p{color: #999; font-weight: normal;}
.banner{ height: 298px; margin-bottom: 20px;}
.banner01{background: url(../images/ban1.png) center center no-repeat;}
.banner02{background: url(../images/ban2.png) center center no-repeat;}
.banner03{background: url(../images/ban3.png) center center no-repeat;}
.beia div{
	 display: flex;
	 justify-content: center;
	 font-size: 12px;
}
.beia div a:first-child::after{
	content: '|';
	margin: 0px 15px;
}
.beia div a:first-child{
	text-decoration:none;
	padding-left: 49px;
}
@media (max-width: 1200px) {
	.banner{ height: 198px;}
	.container{ width: 100%!important; padding: 0 15px;}
	.container-fluid{padding: 0;}
	.bannertxt div{padding-right: 60px; text-align: right}
}
.downarrow{position: absolute; z-index: 1000; left: 49%; bottom: 30px;animation: myfirst 2s infinite linear; }
.downarrow:before,.downarrow:after{ position: absolute; width: 10px; height: 10px;opacity: .6; transform: rotate(45deg); content:""; border-bottom:2px solid #777; border-right:2px solid #777;left: 0;}
.downarrow:before{top: -8px;opacity: 1}
@keyframes myfirst
{
0% {bottom:40px; opacity: 1}
50% {bottom: 20px; opacity:0}
100% {bottom: 40px; opacity:1}
	
}
.swiper-pagination{display: none;}
.swiper-button-black{display: block}
@media (max-width: 768px) {
	.swiper-pagination{display: block;}
	.swiper-button-black,.downarrow{display: none}
	.banner{ height: 158px; background-size: auto 100%;}
	.navbar-default .navbar-nav>li>a{border:none; padding: 15px 15px;border-bottom: 1px solid #eee; margin: 0;;}
	.menu{ padding:0 10px}
	.navbar-brand{width: 58px; height: auto;padding: 0; margin:5px 0 0 20px!important;}
	.nav-tabs2 li {width: 45%;}
	.nav-tabs2 li a{width: 100%; }
	.bannertxt div{ padding-right: 10px; font-size: 14px; line-height: 150%; text-align: right}
.bannertxt p{ margin: 40px 0 10px 0; }
	.navbar-nav{ margin-top: 0; padding: 0 10px; background: #fff; box-shadow: 4px 0 5px rgba(0,0,0,0.1)}
	.navbar-nav>li>a img{top: 0; margin: 8px 0;}

}
@media (max-width: 767px) {
	.language{ display: none; }
	.m-language{ display: block; }
}
@media (max-width: 540px) {
		.swiper-slide img{ position: absolute; right:-80px;height: 320px; max-width: inherit; width: auto;}
	.swiper-slide{height: 320px; overflow: hidden;}
}
.about {position: relative; overflow: hidden;}
.about .aboutxt{ position: absolute; width: 100%; left: 0; text-align: center; height: 100%;  padding: 0 15px;}
.about .aboutxt p{ line-height: 200%; color:#fff;}
.about .aboutxt ol{padding-bottom:20%;}
.about .aboutxt h3{padding-bottom:25px; margin-bottom: 52px; display: inline-block;border-bottom: 1px solid rgba(255,255,255,.3);font-size: 24px; padding-left: 10%; padding-right: 10%; color:#fff;}
.about .aboutxt a{display:inline-block; border: 1px solid #fff; border-radius: 30px; font-size: 12px; padding: 3px 20px; margin-top: 20px; color:#fff;}
@media (max-width: 1200px) {
	.about .aboutxt h3{padding-bottom:2%; margin-bottom: 5%; padding:20px 0; font-size: 24px;}
	.about .aboutxt ol{padding-bottom:8%;}
}
@media (max-width: 768px) {
	.about .aboutxt h3{ font-size: 16px;}
.about .aboutxt p{ font-size: 12px; line-height: 160%; margin-bottom: 0;}
}

@media (max-width: 540px) {
	.about img{ height:320px; max-width: inherit;}
}
.indprod a{display: block; position: relative; padding:0 50px;}
.indprod a span{position: absolute; font-size: 14px; height: 100%; border-right:1px solid #bbb; width: 18px; word-break: break-all; padding-right: 20px; left: 10px;}
.indprod{ text-align: center; overflow: hidden; padding: 0 10px;}
.indprod h3,.lingyu h3{ text-align: center;padding:20px 0; display: inline-block;border-bottom: 1px solid #ddd;font-size: 24px; padding-left: 5%; padding-right: 5%; margin:100px 0 ; }
.indprod ul{font-size: 0; padding: 0px 5%; text-align: left;}
.indprod li{ display: inline-block; width: 20%; padding-bottom: 10%;}
.indprod li img{ border-radius: 10px;box-shadow: 3px 3px 3px rgba(0,0,0,0.1)}
.lingyu{ background:url(../images/05.png) center center; padding: 0 120px; height: 1020px; text-align: center;}
.lingyu img{margin: 0 auto;}
.lingyu .one{ padding-right: 210px; position: relative}
.lingyu .two{ padding-left: 210px;position: relative}
.lingyu .col-lg-6{ padding: 260px 0;}
.lingyu .more { text-align: center; position: absolute;}
.lingyu .more p{ width: 1px; margin:0 auto}
.lingyu .more a{display:inline-block; border: 1px solid #4e4b4b; border-radius: 30px; font-size: 12px; padding: 3px 20px; margin-top: 20px; color:#4e4b4b;}
.lingyu .one .more{right: 80px;}
.lingyu .two .more{left: 80px;}
.lingyu img{ width: 130px; border: 1px solid #ccc; background: #fff; padding: 5px; border-radius: 300px;}
.lingyu .col-lg-6:nth-child(1){ border-right: 1px solid #aaa;}
.copyright{ background: #1a1b1b; text-align: center; padding:10px 0;}
.copyright img{display: inline-block;}
@media (max-width: 1200px) {
	.lingyu .col-lg-6{ padding: 0;}
	.lingyu .col-lg-6:nth-child(1){ border: none}
	.lingyu .two,.lingyu .one{ padding: 0;}
	.lingyu .more{position: relative; padding: 50px 0 30px 0; left: 0!important; right: 0!important;}
	.lingyu .more p{ width: 100%;}
.indprod li{ width: 33.333%;}
	
}

@media (max-width: 768px) {
	.lingyu{height: 600px;}
	.lingyu img{ max-width: 100%; }
	.lingyu{padding: 0 50px;}
	.lingyu .one .more{ padding-top: 0px;}
	.indprod li{ width: 50%;}
	.indprod li a{ padding:0 10px 0 46px;}
	.indprod a span{left: 16px; width: 22px;}
	.indprod h3,.lingyu h3{ padding:20px 0; font-size: 24px; margin:30px 0 ; }
}

.fzlc {padding: 30px 30px; position: relative;}
.fzlc ul{display: flex;align-items: flex-start}
.fzlc:before{width: 100%; position: absolute; content: ""; left: 0; bottom: 174px; height: 2px; background: #000;}
.fzlc:after{ position: absolute; content: ""; right: 0; bottom: 165px; border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 20px solid #444;}

.fzlc li{ padding-left: 20px;padding-right: 50px; width:8.333333%; border-left: 1px solid #000; height: 140px; position: relative}
.fzlc li:nth-child(even){ margin-top: 130px;}
.fzlc li:nth-child(even) ol{ padding-top: 30px;}
.fzlc li ol{width: 130px; font-size: 14px; color: #888;}
.fzlc li:before{position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; background: #000; left: -5px;}
.fzlc li:nth-child(odd):before{ bottom: 0;}
.alltit01{width: 100%; max-width: 300px!important; margin: 0 0 30px 0; border-bottom: 1px solid #555; padding: 50px 0 20px 0; font-size: 30px; font-weight: bolder;}
.fzlc h5{font-size: 16px;color: #333;}
.youshi h5{font-size: 20px;}
.youshi p{font-size: 14px; line-height: 160%; padding: 5px 0 0 0;}
.guanyu p{font-size: 14px; line-height: 200%; padding: 5px 0 0 0;}
.guanyu img{margin: 35px 0;}
.youshi ul{ padding-bottom: 50px;}

@media (max-width: 1400px) {

}

@media (max-width: 1200px) {
	.fzlc:after{ left: 24px; right:inherit; bottom: -20px; border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #444;}
	
.fzlc {padding: 0px 20px; position: relative;}
.fzlc ul{display: block; position: relative; margin-left: 10px;}
.fzlc li{ padding-left: 20px;padding-right: 20px;  width:100%; border: none; height: auto; position: relative; margin: 0 0 20px 0!important}
.fzlc li ol{width: 100%; padding: 0!important;}
.fzlc li:nth-child(odd):before{ bottom:inherit;}
.fzlc ul:before{width:2px; position: absolute; content: ""; left: -1px; top: 0; bottom: inherit;height: 100%; background: #000; display: block;}
.fzlc:before{display: none;}
.fzlc li:after{position: absolute; content: ""; width: 20px; height: 1px; background: #555; left: 0; top: 5px;}
}

@media (max-width: 1200px) {
.youshi p{font-size: 14px; line-height: 160%; padding: 5px 0 0 0;}
.guanyu p{font-size: 14px; line-height: 160%; padding: 5px 0 0 0;}
}
.leftmenu{ margin-right: 30px; }
.leftmenu a{ display: block; text-align: left; line-height: 36px; margin-top: 20px; font-size: 14px; position: relative; margin-right: 30px;text-indent: 10px; margin-top: 20px;}
.leftmenu a.active{ background: #dbdbdb;}

.leftmenu h3{ display: block;  text-align: left; line-height: 48px; margin-top: 20px; font-size:24px;position: relative; text-indent: 10px;margin-bottom: 0px;}
.leftmenu h33{ display: block;  text-align: left; line-height: 48px; margin-top: 20px; font-size:18px;position: relative; margin-bottom: 0px;}
.leftmenu p{ display: block; border-bottom: 1px solid #aaa; text-align: left;  color: #ccc; font-size:14px;position: relative; text-indent: 10px;padding-bottom: 10px;}
.leftmenu-scroll{ position: fixed; top: 70px; width: 155px; }

/*.leftmenu a.active:before{ width: 12px; height: 12px; content: ""; position: absolute; border-top: 1px solid #555; border-right: 1px solid #555;right: 0; transform: rotate(45deg);bottom: 15px;}*/

.contxt{ padding-left: 40px; border-left: 1px solid #999;}
.contxt p{ font-size: 14px; line-height: 160%;}
.contxt h4{ font-size: 15px;font-weight: bold; color: #111; padding: 30px 0 15px 0;}
.part{ position: relative;  margin: 40px 0 80px 40px;}
.part .partxt{ line-height: 200%; margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #000; text-align: left; padding-left: 50px; position: relative;}
.part .partxt:before{position: absolute; content: ""; width: 35px; height:5px; background: #646263; left: 0; top: 45%;}
.part .part-cont{ padding-left: 50px; }
@media (max-width: 1200px) {
	.leftmenu{ margin-right: 10px; }
	.contxt{ padding-left: 20px; }
}

.pdzs{margin-left: -5px; margin-right: -5px;}
.pdzs li{ padding: 5px; text-align: center}
.pro-effect-list{ position: relative; height: 198px; padding-left: 198px; overflow: hidden; }
.pro-effect-list .pro-effect-item{ float: left; width: 10%; padding: 0; margin-left: -3px; overflow: hidden; }
.pro-effect-list .pro-effect-item:first-child{ position: absolute; width: 200px; left: 0; }
.pro-effect-list .pro-effect-item img{ max-width: inherit; height: 200px; }
.roundimg{border-radius: 300px;}
.BMap_cpyCtrl,.anchorBL{display: none}
@media (max-width: 992px) {
	.part{ margin: 20px 0 40px 15px;}
	.leftmenu a.active{color: #ff434c;background: none;}
	.leftmenu a.active:before{ border: none; font-weight: bold; }
.contxt{border-left:none; padding: 0; margin-left:-15px; }
.leftmenu a{ display: inline-block; line-height: 100%; padding: 0 10px; border-bottom:none; border-right: 1px solid #ddd; margin: 10px 0 0 0; font-size: 14px;}
	.leftmenu h3{text-align: left; border: none; padding-left: 10px;margin: 0;font-size: 16px;}
	.leftmenu { margin-left:-10px; margin-right: -10px;}
	.leftmenu a:last-child{ border: none;}
	.leftmenu{ margin-right: 0; }
	.contxt{ padding-left: 0; }
	.leftmenu-scroll{ width: auto; left: 0; right: 0; z-index: 999; padding-bottom: 15px; background: #fff; border: 1px solid #eee; }
}
@media (max-width: 768px) {
	.leftmenu-scroll{ top: 50px; }
	.beia div{
		display: contents;
	}
	.beia div a:first-child{
		padding-left: 39px;
	}	
	.beia div a:first-child::after{
		content: '';
		padding: 0;
	}
}
.cont{padding: 120px 20px 160px 20px;}
.cont p span{ display: block;}
.cont h3{ color: #d0131a; font-size: 24px;padding-bottom: 20px;}
@media (max-width: 992px) {
.cont{padding: 30px 15px 50px 15px;}
}
.fd img{display: block; border: 1px solid #eee; margin-bottom: 10px; padding:5px 10px;}
.sclc01{display: block}
.sclc02{display: none}
.sclc02 span{display:block; padding-bottom: 10px;}
@media (max-width: 992px) {
.sclc01{display: none}
.sclc02{display: block}
}


.yy{ position: relative; padding-left:8%; margin: 40px 0 40px 0;}
.yy .yytit{ position:absolute;word-wrap:break-word; width: 8%;  text-align: center; height: 100%; left: 0; border-right: 1px solid #ddd;}
.yy .yytit span{ width: 30px; padding: 20px 5px; text-align: center;margin: 0 auto;display: block; background: #000; color: #fff; font-size: 16px;}
.yytit_en {writing-mode:tb-rl;}
.ztimg{padding: 6% 0;}
.ztimg img{width: 60%; margin: 0 auto;}
@media (max-width: 992px) {
	.yy{padding-left: 0;}
	.yy .yytit{position: relative; width: auto; border: 0;writing-mode: horizontal-tb;}
	.yy .yytit span{width: auto; display:inline-block;padding: 30px 20px 10px 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd;;  background: #fff; color: #000;}
	.round02{border-radius:15px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1)}
	.yytit_en {writing-mode:horizontal-tb;}
	
}

.linebox{height: 2px; background: #ff3300; margin: 20px 0; position: relative;}
.linebox:before{position: absolute; content: ""; width: 10px; height: 10px; background: #ff3300; border-radius: 10px; top: -4px;}

.tsbox,.tsbox2{position: relative;}
.zstxt{position: absolute;  width: 100%; height: 100%;  left: 0; top: 0;}
.tsbox .first{width: 40%; position: absolute; top: 5%;left: 3%;}
.tsbox .first img{ width: 67%;}
.tsbox .first .linebox{ width: 91%; }
.tsbox .second{width: 40%; position: absolute;bottom:9.5%;left: 3%}
.tsbox .second img{ width: 65%;}
.tsbox .second .linebox{ width: 99%; }
.tsbox .third{width: 33%; position: absolute; top: 9.5%; right: 8%;}
.tsbox .third img{ float: right; clear: both;width: 70%;}
.tsbox .fourth{width: 35%; position: absolute; bottom: -3%; right: 6%;}
.tsbox .fourth img{ float: right; clear: both;width: 70%;}

.second .linebox:before,
 .first .linebox:before{ right: 0;}

.tsbox2 .linebox{height: 2px; background: #ff3300; margin: 20px 0;}
.tsbox2 .first{width: 33%; position: absolute; top: 17.5%; left: 3%}
.tsbox2 .first img{ width: 60%;}
.tsbox2 .first .linebox{ width: 79%; }
.tsbox2 .second{width: 40%; position: absolute;bottom:18.5%;left: 3%}
.tsbox2 .second img{ width: 60%;}
.tsbox2 .second .linebox{ width: 92.5%; }
.tsbox2 .third{width: 35%; position: absolute; top: 13%; right:8.5%;}
.tsbox2 .third img:nth-child(1){ float: right; clear: both;width: 85%;}
.tsbox2 .third img:nth-child(3){ float: right; clear: both;width: 70%;}

.dot{display: none}
.zstxt>div{display: none}
.ztimg{position: relative;}
	.imgnum{display: block; z-index: 1000; height: 100%; position: absolute; width: 100%; left: 0; top: 0; }

	.imgnum span,	.imgnum i{width:12%; height: 15%; border-radius: 20px; color: #fff; line-height: 14px; text-align: center;  text-indent: 0; line-height: 18px; position: absolute; font-style: normal; cursor: pointer;}

.imgnum span:before,.imgnum span:after,
.imgnum i:before,.imgnum i:after{position:absolute;width: 20px; height: 20px;border-radius: 150px; background: #ff0000; content: ""; left: 0; top: 0; z-index: 0; left: 30%; top:40%}
.imgnum span:before,.imgnum i:before{ opacity: .8; transform: scale(1.4,1.4);animation: myfirst 2s  infinite ease alternate;}
.imgnum span:after,.imgnum i:after{opacity: .4; transform: scale(1.8,1.8);animation: myfirst2 2s    infinite ease alternate;}

@keyframes myfirst
{
from {transform: scale(1,1)}
to {transform: scale(1.2,1.2); opacity: .1}
}

@keyframes myfirst2
{
from {transform: scale(1,1)}
to {transform: scale(1.8,1.8);opacity: .1}
}
.imgnum span:hover,.imgnum i:hover{}
	.imgnum span:nth-child(1){left: 35%; top: 30%;}
	.imgnum span:nth-child(2){left: 38%;top: 56%;}
	.imgnum span:nth-child(3){left: 55%;top: 30%;}
	.imgnum span:nth-child(4){ left: 55%;top: 51%;}
	
	.imgnum i:nth-child(1){    left: 24%; top: 44%; width: 14%; height:6%;}
	.imgnum i:nth-child(2){left: 35%;top: 50%;width: 14%; height:12%;}
	.imgnum i:nth-child(3){left: 54%;top: 20%;width: 7%; height:40%;}

@media (max-width: 992px) {
	.zstxt>div{display: block}
	.imgnum span:before,.imgnum span:after,
	.imgnum i:before,.imgnum i:after{display: none;}
	.imgnum span,	.imgnum i{width: 18px!important; height: 18px!important; border-radius: 20px; background: #ff3300; color: #fff; line-height: 14px; text-align: center;  text-indent: 0; line-height: 18px; position: absolute; font-style: normal;}
		.imgnum span:nth-child(1){left: 33%; top: 30%;}
	.imgnum span:nth-child(2){left: 35%;top: 58%;}
	.imgnum span:nth-child(3){left: 62%;top: 33%;}
	.imgnum span:nth-child(4){ left: 58%;top: 55%;}
	
	.imgnum i:nth-child(1){    left: 18%; top: 44%;}
	.imgnum i:nth-child(2){left: 35%;top: 53%;}
	.imgnum i:nth-child(3){left: 62%;top: 33%;}
	
	.dot{display: block; text-align: center;}
	.dot { width: 18px; height: 18px; border-radius: 20px; background: #999; color: #fff; line-height: 14px; text-align: center; display:block; margin: 0 auto; text-indent: 0; line-height: 18px;}
	.ztimg img{width: 100%; margin: 0 auto;}
.linebox{display: none;}
.zstxt{position: relative;top: inherit; bottom: inherit; left: inherit; right: inherit;}
.zstxt>div{position: relative!important; left: 0; right: inherit; width: auto!important; top: inherit!important; bottom: inherit!important; left: inherit!important; right: inherit!important;}
.zstxt>div img{ float: none!important; width: auto!important; max-width: 90%!important; margin: 10px auto;}
	
}
.zhs li{ font-size: 16px; line-height: 300%; border-bottom: 1px dotted #ddd; padding-left: 14px; position: relative;}
.font12{ font-size: 12px;}
.table td{    padding: 12px 8px!important;}
.zhs li:before{position: absolute; content: ""; width: 6px; height: 6px; background: #ddd; transform: rotate(45deg); left: 0; top: 20px;}
@media (max-width: 500px) {
	.swiper-container{height:50%;}

}
.linka{display: inline-block; border: 1px solid #888; margin-top: 10px;}
.linka a{ display: inline-block; padding: 3px 10px;}