/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}



html {
    font: 62.5% "微软雅黑",Arial;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: transparent;
    height: 100%;
	background:#FAFAFA;
}

html {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

html,html body {
    width: 100%;
    height: 100%;
    overflow: hidden;

    background: #fff!important;
}


body.open {
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.imgcw {
    margin: 0 auto;
    display: block;
    float: none;
    max-width: 100%;
    height: auto
}

html .scrollView {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
}
.articlehead .scrollView{
  height: 100%;
}

.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


#sitecontent{
	background: #fff;
    z-index: 1;
    position: relative;
    height: 100%;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1)
}
body.open #sitecontent {
    transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
}
#header{
	width: 100%;
    background: #fff;
    height: 50px;
}
#header .btn {
    padding: 10px 15px;
    background: rgba(0,0,0,0);
}
.lcbody {
    width: 30px;
    height: 30px;
    position: relative;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    width: 30px;
    height: 30px;
}
.lcitem .rect {
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.lcitem .rect.top {
    transform: translate3d(0px, -6px, 0px);
    -webkit-transform: translate3d(0px, -6px, 0px);
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 6px, 0px);
    -webkit-transform: translate3d(0px, 6px, 0px);
}
#header h1{
	font-size:0px;
}


#leftcontrol {
	opacity: 0;
    width: 260px;
    height: 100%;
    background: #FAFAFA;
    position: fixed;
	top:0;
    right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body.open #leftcontrol {
    opacity: 1;
}
#leftcontrol >ul {
    padding-top: 0px;
}
#leftcontrol ul li {
	display: block;
    min-height: 49px;
    font-size: 1.3rem;
    width: 100%;
    border-top: 1px solid #EBEBEB;
}
#leftcontrol ul li a {
	display: block;
	color: #666;
	padding: 0 25px;
    font-family: "HELVETICANEUELTPRO-THEX";
    height: 50px;
    line-height: 51px;
}
#leftcontrol ul li a span{
	display: inline-block;
}
#leftcontrol ul li a span.circle {
    border: #D8D8D8 1px solid;
    border-radius: 5px;
    width: 8px;
    height: 8px;
    background-color: transparent;
	margin-right: 15px;
    position: relative;
    top: 1px;
}
#leftcontrol ul li a span.more {
    width: 12px;
    height: 12px;
    position: relative;
    float: right;
    top: 20px;
}
#leftcontrol ul li a span.more span {
    background: #474747;
    position: absolute;
}
#leftcontrol ul li a span.more span.h{
	width: 12px;
    height: 2px;
	transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
#leftcontrol ul li a span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
#leftcontrol > ul > li.active a {
    background: #333;
    color: #fff;
}
#leftcontrol ul li.active a span.circle {
    border-color: #fff;
    background-color: #fff;
    margin-right: 15px;
}
#leftcontrol ul li.active a span.more span.v {
    transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
    -webkit-transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
}
#leftcontrol ul li .subnav {
    height: 0;
    overflow: hidden;
}
#leftcontrol ul.subnav li a {
    background: #ebebeb;
    color: #4E4E4E;
}
#leftcontrol ul.subnav li a i {
    color: #B4B4B4;
	margin-right: 20px;
    font-size: 1.5rem;
}
#leftcontrol ul.subnav li a.active{
    background: #555;
    color: #fff;
}
body.open .lcbody {
    transform: translateZ(0px) rotate(90deg);
    -webkit-transform: translateZ(0px) rotate(90deg);
}
body.open .lcitem {
    transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}

body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#rightcontrol {
    width: 100%;
    height: 100%;
    background: #fafafa;
    position: fixed;
    top: 0;
    z-index: -1;
}



.container{
	width:96%;
	margin:0 auto;
	clear:both;
}
input,textarea{
    -webkit-appearance: none;
}




.top .logo{float:left;font-size:0px;margin-top:4px;margin-left:15px;}
.top .words{float:left;width:200px;height:34px;margin-top:8px;border-left:1px solid #e0e0e0;margin-left:8px;}
.top .words p{float:left;color:#e53b32;padding-left:18px;margin-bottom:5px;position:relative;}
.top .words p:before{content:"";position:absolute;width:4px;height:4px;background:#cbcbcb;left:6px;top:6px;border-radius:50%;}


	
		/*banner*/
#indexbanner{ width:100%; overflow: hidden; position: relative;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 10px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 35px; height: 3px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,1);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;}

.insidebanner{width:100%;overflow:hidden;}





.tit{width:100%;text-align:center;}
.tit p{font-size:20px;font-weight:bold;color:#333;margin-bottom:5px;}
.tit span{color:#999;text-transform:uppercase;font-size:12px;}






#indexproduct{width:100%;}
.product{width:96%;margin:auto;overflow:hidden;}
.product .tit{margin-top:20px;}
.product .tab{width:96%;margin-top:10px;overflow:hidden;}
.product .tab ul li{float:left;width:32%;height:30px;text-align:center;background:#f5f5f5;line-height:30px;margin-right:2%;margin-bottom:5px;
box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;}
.product .tab ul li a{width:100%;height:100%;display:block;font-size:12px;}
.product .tab ul li:nth-child(3n){margin-right:0px;}
.product .tab ul li:first-child{background:#008b92;}
.product .tab ul li:first-child a{color:#fff;}
.product .cpzs{width:100%;margin-top:15px;}
.product .cpzs ul{display:none;}
.product .cpzs ul:first-child{display:block;}
.product .cpzs ul li{width:49%;height:180px;float:left;margin-right:2%;}
.product .cpzs ul li:nth-child(2n){margin-right:0px;}
.product .cpzs ul li .pic{width:100%;height:150px;border:2px solid #eee;display:block;overflow:hidden;text-align:center;background:#fff;position:relative;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.product .cpzs ul li .pic span{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.3);}
.product .cpzs ul li .pic span:before{content:"+";position:absolute;top:60px;left:44%;width:30px;height:30px;line-height:30px;color:#fff;border-radius:50%;text-align:center;background:#008b92;font-size:20px;transition: all 0.6s ease 0s;}
.product .cpzs ul li .pic:hover{border:2px solid rgba(0,0,0,0.3);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);}
.product .cpzs ul li .pic:hover span{opacity:1;}
.product .cpzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.product .cpzs ul li .tt{text-align:center;line-height:30px;color:#333;}
.product .cpzs ul li .tt a{color:#333;}







#indexabout{width:100%;background:#f5f5f5;background-size:cover;margin-top:15px;}
.about{width:96%;margin:auto;overflow:hidden;}
.about .tit{margin-top:25px;}
.about .con{margin-top:10px;text-align:center;line-height:26px;font-size:13px;}
.about .more{width:105px;height:35px;line-height:35px;background:#008b92;font-size:13px;text-align:center;color:#fff;margin:auto;display:block;margin-top:10px;position:relative;z-index:5;}
.about .xx{margin-top:10px;text-align:center;}
.about .xx .detail{display:inline-block;width:33.333333%;height:130px;}
.about .xx .detail .pic{width:80%;height:80px;margin:auto;margin-bottom:8px;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.about .xx .detail .pic img{max-width:100%;max-height:100%;margin:auto;}
.about .xx .detail .tt{color:#999;}





#indexcase{width:100%;overflow:hidden;}
.case{width:96%;margin:auto;overflow:hidden;}
.case .tit{margin-top:20px;}
.case .tab{width:100%;height:30px;margin-top:10px;overflow:hidden;}
.case .tab ul{position:relative;left:50%;float:left;}
.case .tab ul li{float:left;width:100px;height:30px;text-align:center;background:#f5f5f5;line-height:30px;margin-right:5px;position:relative;right:50%;}
.case .tab ul li a{width:100%;height:100%;display:block;font-size:12px;}
.case .tab ul li:last-child{margin-right:0px;}
.case .tab ul li:first-child{background:#008b92;}
.case .tab ul li:first-child a{color:#fff;}
.case .cpzs{width:100%;margin-top:15px;}
.case .cpzs ul{display:none;}
.case .cpzs ul:first-child{display:block;}
.case .cpzs ul li{width:49%;height:150px;float:left;margin-right:2%;margin-bottom:15px;}
.case .cpzs ul li:nth-child(2n){margin-right:0px;}
.case .cpzs ul li .pic{width:100%;border:2px solid #eee;display:block;overflow:hidden;text-align:center;background:#fff;position:relative;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.case .cpzs ul li .pic span{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.3);}
.case .cpzs ul li .pic span:before{content:"+";position:absolute;top:60px;left:44%;width:30px;height:30px;line-height:30px;color:#fff;border-radius:50%;text-align:center;background:#008b92;font-size:20px;transition: all 0.6s ease 0s;}
.case .cpzs ul li .pic:hover{border:2px solid rgba(0,0,0,0.3);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);}
.case .cpzs ul li .pic:hover span{opacity:1;}
.case .cpzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.case .cpzs ul li .tt{text-align:center;line-height:30px;color:#333;}
.case .cpzs ul li .tt a{color:#333;}






#indexnews{width:100%;margin-top:5px;margin-bottom:20px;}
.news{width:96%;margin:auto;}
.news .con{margin-top:10px;}
.news .con ul li{width:100%;border-bottom:1px solid #d4d4d4;}
.news .con ul li a{width:100%;padding-top:12px;padding-bottom:12px;display:block;}
.news .con ul li .date{float:left;text-align:center;width:45px;margin-left:5px;margin-right:5px;}
.news .con ul li .date p{font-size:20px;font-weight:lighter;}
.news .con ul li .date span{font-size:16px;font-weight:lighter;color:#666;}
.news .con ul li .tt{font-size:16px;margin-bottom:5px;}
.news .con ul li .des{color:#999;}
.news .con ul li:hover .tt{color:#83ccd3;}








.col{width:100%;min-height:250px;line-height:220%;margin:auto;margin-top:15px;margin-bottom:20px;overflow:hidden;}
.col h2{text-align:center;font-weight:normal;color:#000;font-size:16px;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col img{max-width:100%;height:auto;}


.col .image{margin-top:5px;line-height:0;overflow:hidden;margin-bottom:10px;}
.col .image .box{margin:auto;margin-top:6px;overflow:hidden;width:335px;display:block;}
.col .image .box .list{width:999999px;}
.col .image ul li{width:80px;padding-right:5px;float:left;position:relative;}
.col .image ul li img{width:100%;height:60px;}
.col .image ul li.on:after{content:"";position:absolute;top:0;left:0;width:80px;height:100%;background:rgba(0,0,0,0.5);}
.col .image .boxpic{position:relative;}
.col .image .boxpic .prev{position:absolute;width:14px;height:24px;left:0;top:14px;background:url(../../images/left1.png) no-repeat center;}
.col .image .boxpic .next{position:absolute;width:14px;height:24px;right:0;top:14px;background:url(../../images/right1.png) no-repeat center;}



#ne_nav{width:100%;height:30px;background:#f5f5f5;}
#ne_nav p{line-height:30px;padding-left:30px;background:url(../../images/home.png) no-repeat 2% center;font-size:13px;}



.maintit{text-align:center;margin-top:20px;}
.maintit p{font-size:20px;color:#333;margin-bottom:5px;}
.maintit span{font-size:12px;color:#999;text-transform:uppercase;}
.son_nav{margin:auto;margin-top:10px;width:96%;}
.son_nav a{width:32%;height:30px;text-align:center;font-size:12px;line-height:30px;border-radius:2px;border:1px solid #dcdcdc;color:#333;display:inline-block;margin-right:2%;margin-bottom:5px;transition: color 0s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;}
.son_nav a:nth-child(3n){margin-right:0;}
.son_nav a.active{background:#008b92;color:#fff;border:1px solid #008b92;}
.son_nav a:hover{background:#008b92;color:#fff;border:1px solid #008b92;}





.slzs{width:100%;margin:auto;min-height:300px;margin-top:20px;margin-bottom:15px;}
.slzs ul{width:100%;float:left;}
.slzs ul li{float:left;width:49%;margin-right:2%;}
.slzs ul li:nth-child(2n){margin-right:0px;}
.slzs ul li .pic{display:block;width:100%;height:140px;overflow:hidden;border:1px solid #dcdcdc;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.slzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.slzs ul li .tt{display:block;width:100%;height:30px;overflow:hidden;line-height:30px;text-align:center;font-size:12px;}





.xwzx{width:100%;min-height:300px;margin:auto;margin-bottom:20px;margin-top:20px;}
.xwzx ul{width:100%;margin:auto;}
.xwzx ul li{width:100%;height:120px;transition: all 0.3s ease 0s;overflow:hidden;margin-bottom:10px;background:#f5f5f5;}
.xwzx ul li:hover *{color:#008b92;}
.xwzx ul li a{width:100%;height:100%;display:block;}
.xwzx ul li .tt{padding-top:10px;font-weight:bold;font-size:12px;}
.xwzx ul li .date{font-size:12px;margin-top:10px;color:#e53b32;}
.xwzx ul li .con{margin-top:6px;line-height:180%;color:#999;font-size:12px;}





.online{width:100%;margin-top:6px;}
.online form{width:100%;}
.online .text{width:100%;height:38px;margin-bottom:10px;}
.online .text input{width:70%;height:36px;border:1px solid #c9c9c9;padding-left:4%;}
.online .text p{float:left;width:22%;padding-right:2%;line-height:38px;padding-left:1%;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .con{width:100%;height:205px;margin-bottom:8px;}
.online .con textarea{padding:5%;border:1px solid #c9c9c9;height:163px;width:64%;}
.online .con p{float:left;width:24%;line-height:38px;padding-left:1%;}
.online .con p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:10px;}
.online .verify p{float:left;width:22%;padding-right:2%;line-height:38px;padding-left:1%;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:35%;height:36px;border:1px solid #c9c9c9;float:left;padding-left:2%;margin-right:2%;}
.online .verify img{cursor:pointer;width:32%;height:40px;}
.online .submit{width:100px;height:30px;color:#fff;cursor:pointer;background:#be252e;margin-left:20%;float:left;border:none;margin-right:5%;}
.online .reset{width:100px;height:30px;color:#fff;cursor:pointer;background:#008b92;float:left;border:none;}







#goTopBtn {position: fixed;z-index:100;line-height:30px;width:30px;height:30px;right:2%;bottom:35px;cursor:pointer;display:none;background:url(../images/up.png) no-repeat center;}



.orientation{margin-top:20px;}





/*footer*/
#footer{width:100%;}
.footer_bottom{width:100%;text-align:center;line-height:180%;font-size:13px;padding:10px 0px;color:#d3d3d3;background:#272727;}


.mypage{
    text-align: center;
    margin:auto;
	margin-top:15px;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 4px 8px;
	margin: 5px;
	font-size:12px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}