@charset "utf-8";
html,body{
	font-family: '微软雅黑',"Graphik-Regular",arial,verdana;
	font-size:14px;
}
input, button, textarea,select{
	font-family: '微软雅黑',"Graphik-Regular", arial,verdana;	
}
.container{width:1200px;margin:0 auto;padding:0;margin: 0 auto;}
/***header********/
.header {padding:20px 0 20px; width:100%; float:left; background:#FFF}
.header .logo {float:left;width:470px;}
.header .logo img{ margin-top:4px; display:block}
.kouhao{ position:absolute; left:430px; top:32px; font-size:24px;}
.header .container > ul{float: right;overflow: auto; padding:0; margin-top: 10px; background:url(../images/tel.png?v=2.0) no-repeat left 8px; height:55px; padding-left:45px; margin-right:50px}
.header .container > ul >li{float:left; font-family:arial; font-weight:bold; color:#18998E; font-size:22px; line-height:100%}
.header .container > ul >li span{ display:block; font-size:15px; font-weight:normal; padding:0; margin:0}
.header .container > ul >li a{color: #000;font-size: 14px;display: block;padding: 15px 0 0 0; float:left}
.wx{position:absolute; right:0; top:25px}
.bwx{ position:relative;}
.bwx .bwxpic{opacity:0;position:absolute;top:0px; left:-50px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; z-index:9999999; width:120px; height:130px; background:url(../images/codebg.png) no-repeat top center;}
.bwx:hover .bwxpic{opacity:1;top:30px; left:-50px;}
.bwx .bwxpic img{ width:100px!important; height:100px; margin-top:13px; margin-left:10px}
/***导航***********/
.navbox{ width:100%; background:#18998E; height:40px; clear:both;}
.navbox ul{}
.navbox li {
  height: 40px;
  line-height: 40px;
  padding: 0 46px;
  position: relative;
  float:left;
  background:url(../images/menuline.jpg) no-repeat right;
  /*width:-moz-calc(100% / 9);
  width:-webkit-calc(100% / 9);
  width: calc(100% / 9);*/
}
.navbox li .js{ margin-top: 0; height: 40px; overflow: hidden; }
.navbox li .js>a {
  text-align: center;
  color: #FFF;
  font-size: 15px;
  font-weight:600;
  text-transform:uppercase;
  display: block;
  -webkit-transition: transform .5s;
  -ms-transition: transform .5s;
  transition: transform 0.5s;
}
.navbox li .js>a:after {
  content: attr(data-hover);
  color: #00E6D3;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity 0.3s;
}
.navbox li.active .js>a:after,
.navbox li:hover .js>a:after {
  opacity: 1;
}

.navbox li .js:hover>a {
  color: #666;
}
.navbox li .js>a span {
  opacity: 1;
  display: block;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity 0.3s;
}
.navbox li .js:hover>a span {
  opacity: 0;
}
.navbox li.active .js>a,
.navbox li:hover .js>a {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}


.tnavbox{position:absolute;width:160px;left:50%;margin-left:-80px;top:63%;height:0;padding-top:15px;/* display:none;*/ text-align: center;z-index: 99999999;}
.tnav{ background:#fff; box-shadow:0 0 16px -4px rgba(0,0,0,.3); padding:20px 0 18px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.5s; -webkit-transition:.5s; }
.tnav a{ display:block; color:#666; line-height:35px; border-bottom: 1px solid transparent;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.tnav a:hover{ color: #fff; }

.tnav a:hover,.tnav a.on{ background:#18998E; color:#fff;}
.navbox li:hover .tnavbox {
    height:100px;
}
.navbox li:hover .tnavbox .tnav{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }
.navbox li .tnavbox i{ position: absolute; width: 20px; height: 4px; background-color: #00E6D3; left: 50%; top: 0; margin-left: -10px; }

/***首页banner****/
.fullSlide .prev,
.fullSlide .next,
.indexOne li p img{
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}
.fullSlide{ width:100%;  min-width:1200px;position:relative;  /*overflow:hidden;height:560px;*/ background:#fff;border-top: #EAEAEA solid 0px; margin-top:0px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0;/* overflow:hidden; */ }
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important;/*height:560px; overflow:hidden; */text-align:center; position: relative; }
.fullSlide .bd li .liimg{display: block;width: 100%;/*height: auto; position:absolute; width:1920px; height:560px; left:50%; margin-left:-960px*/}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; margin-top:-30px;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:5px; overflow:hidden; border:1px solid #18998E; border-radius:50%;line-height:999px; 
}
.fullSlide .hd ul .on{  background:#18998E; border-radius:15px; width:40px}

.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-23px; z-index:1; width:46px; height:46px;  cursor:pointer; filter:alpha(opacity=0);opacity:0; border-radius:5px; }
.fullSlide .prev{ left:-46px;  background:url(../images/prev.png) center #292929 no-repeat; }
.fullSlide .next{ right:-46px; background:url(../images/next.png) center #292929 no-repeat; }
.fullSlide:hover .prev{ left:2%;opacity:1; filter:alpha(opacity=100); }
.fullSlide:hover .next{ right:2%;opacity:1; filter:alpha(opacity=100); }
.fullSlide .prev:hover,
.fullSlide .next:hover{background-color:#D70000; }


.fullSlide .bd ul li .divSlidebox {position:absolute;top: 0;left: 0; width:100%; height:100%;margin:0px auto;}
.fullSlide .bd ul li .divSlidebox img {visibility: hidden;position:absolute;transition: all 800ms ease-out;   left:0% ;  top:0% ; opacity: 0;display: block;width: 100%;height: auto;}
/*.fullSlide .bd ul li .divSlidebox .imagebg1{margin-left: -866px;margin-top: -310px;}
.fullSlide .bd ul li .divSlidebox .imagebg2{margin-left: -400px;margin-top: -350px;}
.fullSlide .bd ul li .divSlidebox .imagebg3{margin-left: -640px;margin-top: -450px;}
.fullSlide .bd ul li .divSlidebox .imagebg4{margin-left: -750px;margin-top: -350px;}
.fullSlide .bd ul li .divSlidebox .imagebg5{margin-left: -570px;margin-top: -320px;}
.fullSlide .bd ul li .divSlidebox .imagebg6{margin-left: -570px;margin-top: -320px;}
.fullSlide .bd ul li .divSlidebox .imagebg7{margin-left: -860px;margin-top: -400px;}*/
.fullSlide .bd ul li .divSlideUp img{
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
}
.fullSlide .bd ul li .divSlideDown img{
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
}
.fullSlide .bd ul li .divSlideLeft img{
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
}
.fullSlide .bd ul li .divSlideRight img{
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
}
.fullSlide .bd ul li.on .divSlidebox img{
	-webkit-transform: translate(0px);
     transform: translate(0px);
    visibility: visible;
    opacity: 1;
}
/* banner end */
/****首页资讯**********/
.col-md-6 {
		width: 50%
}
.blue-font {color: #18998E;}
.white{color: #fff;}
.news h3{ font-size:24px; font-weight:normal;}
.news h3 a{font-size: 16px;margin-top: 8px;}
.news h3 a:hover{
	color:#C52620
}
.news {background:#f6f6f6;padding: 40px 0 35px; width:100%; clear:both; float:left;}
.news ul.news-group {margin-top: 15px;border-top: 1px solid #A5A5A5;/*border-bottom: 1px solid #A5A5A5;*/padding: 10px 0 20px;}
.news ul.news-group li {padding: 6px 0;font-size: 14px;border-bottom:#B4B4B4 1px dotted}
.news ul.news-group li a{color: #6F6C6C;display: block;}
.news ul.news-group li a {margin: 0;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 32px;}
.news ul.news-group li a span {color: #8e8e8e; float:right}
.news .row [class^=col-] {width: 47%;}
.news .row h3 a{ font-weight:normal;}
.news ul.news-group li a:hover ,.news ul.news-group li a:hover span {color: #C52620; }
.news .row h3 i,.pu-group .text h3 i {font-size: 30px;vertical-align: text-bottom;margin-left: 12px;}
.picture img{width: 100%;display: block;transition: all 0.6s;min-height: 192px;}
.pu-group .picture img {transition: all 0.6s;}
/****首页案例****/
/*swiper*/
.append-buttons {
	text-align: center;
	margin-top: 20px;
}
.append-buttons a {
	display: inline-block;
	border: 1px solid #007aff;
	color: #007aff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 0 10px;
	font-size: 13px;
}
.swiper-button-prev {left: 20px !important;background-image: url("../images/prev.png") !important;}
.swiper-button-next {right: 20px !important;background-image: url("../images/next.png") !important;}
.swiper-slide > a{display: block;position: relative;width: 100%;height:100%;color: #fff;overflow: hidden;}
/*.swiper-text {position: absolute;width: 100%;height: 100%;z-index: 5;top: 0;left: 0;}
.swiper-text {width: 100%;height: 100%;padding: 13% 8%;}*/
.swiper-slide-box {width: 80%;padding-left:35px;}
.swiper-slide-box p {width: 121%;margin: 7% 0;text-align: left;font-size: 15px;height: 42px;}
.swiper-container {
	width: 100%;
	/*height: 300px;*/
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	-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;
}
.append-buttons {
	text-align: center;
	margin-top: 20px;
}
.append-buttons a {
	display: inline-block;
	border: 1px solid #007aff;
	color: #007aff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 0 10px;
	font-size: 13px;
}
.home .swiper-button-prev {left: 20px !important;background-image: url("../images/prev.png") !important;}
.home .swiper-button-next {right: 20px !important;background-image: url("../images/next.png") !important;}
.swiper-slide > a{display: block;position: relative;width: 100%;height: 100%;color: #fff;}
.swiper-text {position: absolute;width: 100%;height:35px!important;z-index: 5;left: 0;bottom:0px; padding:0; line-height:35px;}
.swiper-slide-box {width: 80%;padding-left: 35px;}
.swiper-slide-box h3{ font-size:20px; font-weight:normal;text-align:left; color:#000}
.swiper-slide-box p {width:76%;margin: 34px 0;text-align: left;}
.picture, .pict{ position:relative; overflow:hidden}
.picture img{
	width: 100%;
	display:block;
	-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;
    transition: transform 2s ease-out;}
.picture:hover img,.pict:hover img{
	-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); }
.indexpro{
	clear:both;
	width:100%;
	float:left;
	margin-top:60px;
}
.indexpro li{
	float:left;
	width:-moz-calc((100% - 60px) / 3);
    width:-webkit-calc((100% - 60px) / 3);
    width: calc((100% - 60px) / 3);
	margin-right:30px;
	margin-bottom:30px;
	background:#EDEDED;
}
.indexpro li .text{
	line-height:35px;
	text-align:center;
	font-size:18px;
	color:#000;
	margin-top:40px;
	font-weight:600;
}
.indexpro li .text .index-common-title-after,.indexpro li .text .index-common-title-before {
	display: inline-block;
	width: 80px;
	height: 1px;
	margin: 0 20px;
	background-color: #e0e0e0;
	vertical-align: middle
}
.indexpro li .entext{
	text-align:center;
	color:#BBBBBB;
	font-size:18px;
	font-family:arial;
	font-weight:bold;
}
.indexpro li .more{
	width:120px;
	height:45px;
	line-height:45px;
	text-align:center;
	display:block;
	margin:0 auto 50px auto;
	border:#BBBBBB 1px solid;
	border-radius:50px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.indexpro li:hover .more{
	background:#18998E;
	border:#18998E 1px solid;
	color:#FFF
}
.indexpro li .pict{
	margin:40px;
	text-align:center;
	/*box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
	border:#f0f0f0 1px solid;*/
}
/*****首页关于我们*******/
.indexabout{
	width:100%;
	clear:both;
	background:#f6f6f6;
	float:left;
	padding:80px 0;
	margin-top:50px
}
.indexabout .left{
	width:45%;
	float:left;
}
.indexabout .right{
	width:50%;
	float:right;
}
.indexabout .right h3{
	font-size:24px;
	font-weight:normal;
}
.indexabout .right .text{
	line-height:180%;
	font-size:15px;
}
.indexabout .right .text p{
	margin-top:15px;
}
.indexabout .right a.more{
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	display:block;
	margin-top:10px;
	border:#BBBBBB 1px solid;
	border-radius:50px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.indexabout .right a.more:hover{
	background:#166AB3;
	border:#166AB3 1px solid;
	color:#FFF
}
/****页脚****************/
.footer .col-md-3{ width:30%; float:right;}
.footer .col-md-9{ float:left}
.footer {background: #18998E;padding: 54px 0; clear:both; float:left; width:100%}
.footer .left-text p {color: #E9E9E9;font-size: 14px;line-height: 30px;}
.footer .left-text p a {margin:0 3px;color: #E9E9E9;cursor: pointer;}
.footer .left-text p a:first-child{margin-left: 0;}
.foo-icons li {position: relative;float:left;margin-left:30px; width:100px}
.foo-icons li img {width:100px; display:block;}
.foo-icons {padding: 33px 0;float: right;}
.pu-group .text h1{margin: 0;font-size: 22px;margin-bottom: 10px;}
.pu-group .text {padding: 20px 20px 10px;color: #fff;}
.pu-group [class^=col-] {padding: 0;}
.pu-group {margin: 0;}
.text p {color: #464646;font-size: 16px;line-height: 28px;white-space: normal;}
.text .btn{display: block;color: #fff;font-size: 15px;text-align: center;margin-top: 25px;width: 58%;border-radius: 0;padding: 5px 0;}
.pu-group .text h1 {font-size: 25px;}
/*微信二维码弹出*/
.foo-icons li .weixin{position: absolute;width: 102px;height: 115px;bottom: 25px;left:50%; margin-left:-51px;display: none;}
.foo-icons li .weixin img{width: 102px;height: 102px;}
.foo-icons li:hover .weixin{display: block}
/*****内页当前位置****/
.proNavbox{height:80px;position:relative;margin-bottom:40px; background:#FFF; clear:both; z-index:99}
.proNavbox .proNav{height:80px;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-bottom:1px solid #ededed;color:#333}
.proNavbox .proNav.open:after{content:"";position:absolute;background:url("c_zz.png");width:2000px;height:100000px;top:50px;left:0;z-index:-1;}
.proNavbox .proClass{display:inline-block;position:relative;margin-right:10px}
.proNavbox .proClass .name{position:relative;border:1px solid #eee;width:80px;height:80px;line-height:80px;text-align:center;display:inline-block;background:white;z-index:1;border-top:none;border-bottom:none}
.proNavbox .proClass .name img{width:32px;vertical-align:middle}
.proNavbox .proClass .name span{display:block;text-align:center;font-size:12px;color:#333;position:absolute;bottom:0;left:0;width:100%;line-height:12px;display:none}
.proNavbox .proClass .name .shetou{position:absolute;width:36px;bottom:-9px;left:50%;margin-left:-18px}
.proNavbox .proClass .list{display:none;border:1px solid #eee;background:white;width:260px;padding:15px 10px;position:absolute;top:80px;}
.proNameBox {float:left; line-height:65px;/* padding-top:5px; */font-size:15px;/* font-family:arial; */color:#000; text-transform:capitalize; padding-top:15px}
.proNameBox a{ margin:0 8px; color:#000;/* background:#f0f0f0;*/ display:block; float:left; padding:0 1px; position:relative;}
.proNameBox a span{position:absolute; bottom:0; width:100%; height:4px; background:#FF0002; left:0;opacity:0;}
.proNameBox a:hover{ color:#FF0B0D;/* background:#2F2725*/}
.proNameBox a:hover span{opacity:1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.proNameBox a.cur span{opacity:1;}
.proNameBox a.cur{color:#FF0B0D;}
.proNameBox span,.loca span{ font-family:'宋体'; padding:0 10px}
.loca{ float:right; font-size:14px; margin-top:35px; color:#888888; text-transform:capitalize}
.loca a{ color:#888888}
.loca img{ vertical-align:middle; margin-bottom:5px}
.proClass {float:left;}
/***证书***/
.d li{
	float:left;
	width:-moz-calc((100% - 60px) / 3);
	width:-webkit-calc((100% - 60px) / 3);
	width: calc((100% - 60px) / 3);
	box-shadow:0 15px 15px rgba(0,0,0,.05);
	margin-right:30px;
	margin-bottom:60px;
	transition: all linear 0.5s
}
.d li:hover{
	box-shadow:0 15px 15px rgba(0,0,0,.15);
	transform:translateY(-10px);
	-webkit-transform:translateY(-15px);
	-moz-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	-o-transform:translateY(-15px);
}
.d li div{
	position:relative;
	border:#e0e0e0 1px solid;
	overflow:hidden;
	height:222px;
	line-height:222px;
	text-align:center;
}
.d li img{
	display:block;
	width:100%;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	max-height:222px;
	margin:0 auto;
	display:inline-block;
	vertical-align:middle;
}
.d li:hover img
{
	-moz-transform:scale(1.0);
    -webkit-transform: scale(1.0);
    transform:scale(1.0);
	opacity: .7
}
.d li.d2{
	margin-right:0
}
.d li p{
	line-height:160%;
	padding:10px 20px;
	background:#FFF;
	text-align:center;
	font-size:16px;
	color:#424242;
	margin:0;
}
.BoxSha10 {
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);*/
  box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
}
.sub_main{
	font-size:16px;
	line-height:220%;
	font-weight:lighter;
}
.sub_main p{
	margin-bottom:20px
}
/******内页新闻***************************/
.subnews{
	width:100%;
	clear:both;
	float:left;
	padding:20px 0 0 0;
}
.subnews h3{
	font-size:40px;
	font-weight:lighter;
	color:#000;
	position:relative;
}
.subnews h3 span{
	position:absolute;
	font-size:13px;
	text-transform:uppercase;
	bottom:5px;
	display:block;
	left:180px;
}
.subnews li{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:30px;
	border:#f0f0f0 1px solid;
	background:#FFF;
	box-shadow: rgba(0,0,0,0.05) 0 8px 20px;
	transition: all linear 0.5s
}
.subnews li:hover{
	box-shadow:0 15px 15px rgba(0,0,0,.15);
	transform:translateY(-10px);
	-webkit-transform:translateY(-15px);
	-moz-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	-o-transform:translateY(-15px);
}
.subnews .newsdate{
	float:left;
	width:160px;
	font-size:13px;
	padding-top:30px;
	padding-left:40px;
}
.subnews .newsdate span{
	font-size:18px;
	color:#000;
}
.subnews .newstitle{
	float:left;
	width:-moz-calc(100% - 600px);
	width:-webkit-calc(100% - 600px);
	width: calc(100% - 600px);
	padding-top:30px;
}
.subnews .newstitle span{
	font-size:24px;
	color:#000;
	font-weight:300;
}
.subnews li:hover .newstitle span{
	color:#FF0B0D
}
.subnews li:hover .newstitle p{
	color:#000
}
.subnews .newstitle p{
	font-size:15px;
	margin-top:5px;
	color:#676767;
}
.subnews .newstitle i{
	display:block;
	width:130px;
	height:40px;
	line-height:40px;
	background:url(../images/arror.jpg) no-repeat 90px 16px;
	transition: all linear 0.5s;
	color:#000;
	font-weight:normal;
	border:#e0e0e0 1px solid;
	border-radius:50px;
	padding-left:20px;
}
.subnews li:hover .newstitle i{
	background:url(../images/arror.jpg) no-repeat 95px 16px;
	color:#FF0B0D;
	border:#FF0B0D 1px solid;
}
.subnews .newsimg{
	float:right;
	width:400px;
	position:relative;
	overflow:hidden;
}
.subnews .newsimg img{
	width:100%;
	display:block;
	opacity: 0.9
}
.subnews li:hover .newsimg img
{
	-moz-transform:scale(1.1);
    -webkit-transform: scale(1.1);
    transform:scale(1.1);
	opacity: 1
}
/*******分页***********/
.news-pages { clear:both;}
.news-pages a,.news-pages span{display:inline-block;margin:0 5px 15px;padding:8px 14px;border:1px solid #ccc;font-size:16px; background:#FFF}
.news-pages a:hover,.news-pages span.ctxt{background:#FF0B0D;border-color:#FF0B0D;color:#fff;opacity:1}
.news-pages span{opacity:.4}
.news-pages{width:100%;text-align:center;padding-bottom:40px}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
/**产品**/
.subproduct{
	margin-bottom:50px;
	clear:both;
	overflow:auto;
	display:block;
}
.leftsortmenu{
	width:300px;
	float:left;
}
.leftsortmenu .sorttitle{
	width:100%;
	height:80px;
	background:#009898;
	color:#FFF;
	text-align:center;
	font-size:26px;
	font-weight:normal;
	line-height:100%;
	padding-top:20px
}
.leftsortmenu .sorttitle span{
	font-size:14px;
	color:#6BC3C3;
	font-weight:lighter;
	display:block;
	padding-top:5px;
}
.leftsortmenu ul{
	display:block;
	border:#009898 5px solid;
	width:100%;
	overflow:auto;
	padding:15px;
}
.leftsortmenu ul li{
	float:left;
	width:-moz-calc((100% - 0px) / 1);
    width:-webkit-calc((100% - 0px) / 1);
    width: calc((100% - 0px) / 1);
	height:45px;
	margin-left:0px;
	background:url(../images/jiangtou.png) no-repeat 230px center #e0e0e0;
	line-height:45px;
	text-align:left;
	margin-bottom:12px;
	border-radius:2px;
	font-size:15px;
	padding-left:20px;
}
.leftsortmenu ul li:first-child{
	margin-left:0
}
.leftsortmenu ul li:hover,.leftsortmenu ul li.cur{
	background:url(../images/jiangtou_on.png) no-repeat 230px center #009898;
	color:#FFF
}
.leftsortmenu ul li a{
	display:block
}
.leftsortmenu ul li:hover a,.leftsortmenu ul li.cur a{
	color:#FFF
}
.disb{
	display:block!important;
}
.submenu{
	display:none;
}
.submenu li{
	width:100%;
	border-bottom:#e0e0e0 1px solid;
	height:36px;
	line-height:36px;
	background:#FFF!important;
	margin-bottom:6px!important;
}
.submenu li:hover,.submenu li.cur{
	background:#f0f0f0!important
}
.submenu li:hover a,.submenu li.cur a{
	color:#166AB3!important
}
.subproduct .proright{
	float:right;
	width:-moz-calc(100% - 325px);
    width:-webkit-calc(100% - 325px);
    width: calc(100% - 325px);
}
.subproduct .proright .locationp{
	background:#028282;
	border:#009898 10px solid;
	height:60px;
	line-height:40px;
	padding:0 0 0 20px;
	font-size:14px;
	color:#FFF;
	margin-bottom:40px
}
.subproduct .proright .locationp a{
	color:#FFF;
}
.pro-cell-sub{
	width:-moz-calc((100% - 60px) / 3);
    width:-webkit-calc((100% - 60px) / 3);
    width: calc((100% - 60px) / 3);
	float:left;
	margin-bottom:20px;
	padding-top:40px;
	background:#fff;
	margin-right:30px;
	transition: all linear 0.3s;
	border:#e0e0e0 1px  solid;
	box-shadow:0 15px 15px rgba(0,0,0,.05);
}
.pro-cell-sub .nimg{
	height:280px;
	line-height:280px;
	text-align:center;
	overflow:hidden;
}
.pro-cell-sub .nimg img{
	max-width:220px;
	max-height:220px;
	margin:0 auto;
	display:inline-block;
	vertical-align:middle;
}
.prosortlist{
	margin:0 auto;
	clear:both;
}
.prosortlist .title {
	clear:both;
	height:auto!important;
	font-size:18px;
	line-height:1.3em;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0px 20px;
	text-align:center;
}
.prosortlist .name {
	line-height:0.5em;
	height:0.5em;
	border-bottom:1px solid #eee;
	font-size:14px;
	position:relative;
	margin:10px 15px 20px 15px;
	text-align:center;
}
.prosortlist .name span {
	background:white;
	display:inline-block;
	text-align:center;
	padding:0px 25px;
	color:#333;
	height:1em;
	line-height:1em;
}
.prosortlist h3{
	font-size:24px;
	text-transform:capitalize;
	font-weight:normal;
	/*font-weight:bold;
	border-bottom:#e0e0e0 1px solid;
	padding-bottom:5px;*/
	background:#23345D;
	border-radius: 0px 30px;
	/*width:240px;*/
	height:48px;
	line-height:48px;
	margin:0 auto;
	color:#FFF;
	text-align:center;
	/*border-left:#FF7401 6px solid;*/
	margin-bottom:10px;
	width:fit-content;
    width:-webkit-fit-content;
    width:-moz-fit-content;
	padding:0 30px
}
.prosortlist h3 span{
	float:right;
	font-weight:normal;
}
.prosortlist h3 a{
	color:#FFF
}
.prosortlist h3 a:hover{
	color:#E70012
}
.prosortlist h3 span i{
	font-style:normal;
	font-family:'宋体';
	padding-left:5px
}
.prosortlist ul li{
	/*float:left;
	width:25%;
	margin-bottom:40px;
	padding:0 10px;*/
	margin-top:20px;
}

.prosortlist ul li img{
	max-width:100%;
	max-height:100%
}

.pro-cell{
	width:-moz-calc((100% - 120px) / 4);
    width:-webkit-calc((100% - 120px) / 4);
    width: calc((100% - 120px) / 4);
	float:left;
	margin-bottom:60px;
	padding-top:20px;
	background:#fff;
	margin-right:40px;
	transition: all linear 0.3s;
}

.pro-cell:hover,.pro-cell-sub:hover{
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
}
.pro-footer h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pro-footer{
	border-top:#e0e0e0 1px solid;
	line-height:30px;
	height:30px;
	font-size:14px;
	/*margin:0 15px;*/
}
.pro-footer a{
	color:#000
}
.pro-footer a:hover{
	color:#0167B2
}
.pro-footer .left{
	float:left;
	width:50%;
	text-align:center;
	border-right:#e0e0e0 1px solid;
	margin:15px auto;
	/*background:url(../images/biaoti.jpg) no-repeat 25px;
	background-size:15px*/
}
.pro-footer .left img{
	display:inline-block;
	margin-bottom:2px;
}
.pro-footer .right{
	float:left;
	width:50%;
	text-align:center;
	margin:15px auto;
}
.video-cell{
	padding-top:0!important;
	padding-bottom:20px
}
.video-cell .title{
	margin-top:50px
}
.videopic{
	position:relative;
}
.zzx-company-logo-box {
	position: absolute;
	left: 50%;
	bottom:-31px;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background:rgba(0,0,0,0.3);
	background-size:80px;
	border-radius: 50%;
	box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	
}

.zzx-company-logo {
	position: absolute;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	bottom: 8px;
}
/******产品详情页*******************/
.none{display:none;}
.show{display:block;}
.ProductDetailstop{float:right;width:100%; position:relative;}
.ProductDetailstop h3.protit{line-height:36px;display:inline-block; color:#000; font-size:30px; padding-bottom:10px;margin-bottom:50px; border-bottom:5px solid #D70000;}
.ProductDetailstop .pro-rightimg{position:absolute; right:0px; top:-15px;padding:10px; background:#fff;box-shadow: 3px 3px 15px 0px rgba(0,0,0,.2);-webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,.2);}
.ProductDetailstop .pro-rightimg img{display:block; width:auto; margin:auto; height:250px;}


.ProductDetailstopleft{ float:left; width:400px;position:relative; z-index: 1; text-align:center;border:1px solid #efefef;}
.ProductDetailstopleftimg{width:100%;height:398px;line-height:398px;text-align:center;overflow:hidden;}
.ProductDetailstopleftimg img{width:398px;height:auto; margin:auto;display:inline-block;vertical-align:middle;}
div.zoomdiv {z-index:100;position:absolute;top:0px;right:0px;width:398px;height:398px!important;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.ProductDetailstopright{ float:right; width:440px; position:relative;padding-top:20px;}
.ProductDetailstopright dl{ margin:0px; }
.ProductDetailstopright dl dt{font-size:22px; border-bottom:1px solid #dfdfdf; margin-bottom:10px; color:#000; padding-bottom:15px;}
.ProductDetailstopright dl dd.dd{ margin-bottom:10px;min-height:180px; border-bottom:1px solid #dfdfdf;}
.ProductDetailstopright dl dd.dd p{font-size:18px; margin-bottom:10px;}
.ProductDetailstopright .ts{color:#666; font-size:14px ;margin-bottom:20px; width: 100%; overflow: hidden;}
.ProductDetailstopright dl dd.dd .ts p{ font-size:14px;line-height:22px;margin:0;}


.text32{font-size: 15px;line-height: 24px;color: #166AB3; background-color: #FFF;padding:8px 10px; width: 120px; text-align: center;display: block;text-overflow: ellipsis;float:left;margin-top:10px; margin-bottom: 20px; border:#166AB3 1px solid; border-radius:25px;-webkit-transition-property: background-color;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition: all linear 0.3s;}
.text32:hover{
	background:#166AB3;
	border:#166AB3 1px solid;
	color:#FFF;
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	-o-transform:translateY(-5px);
}

.pro_banner{ position:relative; width:100%; margin:0 auto;}
.ProductDetailsSmallimg{overflow:hidden;position:relative;width:360px; margin:55px auto 0;}
.ProductDetailsSmallimg ul{width:9999px;position:relative;}
.ProductDetailsSmallimg ul li{float:left;width:90px;height:90px;line-height:90px;overflow:hidden; position:relative; display:inline; margin-right:15px; cursor:pointer;}
.ProductDetailsSmallimg ul li img{ display:inline-block; width:100%; height:auto;vertical-align:middle;}
.ProductDetailsSmallimg ul li span{ display:block; border:1px solid #dadada; position:absolute; left:0px; top:0px;right:0;bottom:0;}
.ProductDetailsSmallimg ul li.cur span{border:1px solid #166AB3;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; top:50%; margin-top:-16px; width:15px; height:33px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(../images/Product2.gif) no-repeat left center;}
.ProductimgArrowright{right:0px;background:url(../images/Product3.gif) no-repeat right center;}
.productBtnbox{clear:both;padding-top:30px;}
.prodetail-tab{background-color: #efefef ;  margin: 0 auto;}
.prodetail-tab a{ display: inline-block; width: 150px; height: 50px; line-height:50px;font-size: 18px; color: #666; text-align: center;border-right:1px solid #ddd;margin-right:-4px;}
.prodetail-tab a p{ font-size:14px; line-height:16px; margin-top:3px;}
.prodetail-tab a:hover,.prodetail-tab a.cur{ background-color: #166AB3 ; color: #fff;}
.prodetail-cont{ padding:35px 40px 50px 40px;/* display: none; */color:#424242; background:#FFF; font-size:15px;}
.prodetail-box{}
.prodetail-box .fl{ width: 880px;}
.prodetail-box .fr{ width: 260px;}
.prodetail-box .fr img{ display: block;  width: 260px; height: 195px; padding-bottom: 15px;}

/*****解决方案****/
.projectlist{
	clear:both;
	width:100%;
}
.projectlist li{
	width:-moz-calc((100% - 30px) / 2);
    width:-webkit-calc((100% - 30px) / 2);
    width: calc((100% - 30px) / 2);
	float:left;
	margin-right:30px;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	transition: all linear 0.3s;
	box-shadow:0 15px 15px rgba(0,0,0,.05);
}
.projectlist li:hover{
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.projectlist li .mpc{
	position:relative;
	overflow:hidden;
}
.projectlist li:hover .mpc img{
	-moz-transform:scale(1.05);
    -webkit-transform: scale(1.05);
    transform:scale(1.05);
}
.projectlist li .mtext{
	height:130px;
	background:#FFF;
	width:100%;
	padding:15px 20px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
}
.projectlist li .mtext .vname{
	font-size:20px;
	color:#000;
	margin:0;
	padding:0;
}
.projectlist li .mtext .view{
	font-size:15px;
	line-height:180%;
	height:50px;
	overflow:hidden;
}
.projectlist li:hover .mtext{
	background:#176AB6;
}
.projectlist li:hover .mtext .vname{
	color:#FFF
}
.projectlist li:hover .mtext .view{
	color:#FFF
}
.news_det_page a{
	float: left;
	width: 140px;
	height: 48px;
	font-size: 14px;
	text-align: center;
	line-height: 46px;
	border: 1px solid #c9c9c9;
	margin-left: -1px;
}
.news_det_page a.hover,.news_det_page a:hover{
	color: #fff;
	background: #333;
	border-color: #333;
}
/*****内页左右结构*********/
.subleft{
	padding:0;
	clear:both;
	float:left;
	width: calc(100% - 320px);
	background:#FFF;
	margin-bottom:50px;
	padding:40px 60px
}
.pt40{
	padding:40px;
}
.subleft h3.tit{
	 font-weight:300;
	 font-size:26px;
	 border:#e0e0e0 0px solid;
	 border-bottom:0;
	 padding-top:0px;
	 margin-bottom:20px;
	 margin-top:0;
	 color:#222
}
.dateandtime{
	border-bottom:#E0e0e0 1px dotted;
	margin:5px 0px 40px 0px;
	clear:both;
	font-size:16px;
	color:#979797; 
	padding-bottom:5px;
	font-weight:300;	
}
.subnewsimg{
	padding:0 0px;
	min-height:500px;
}
.subright{
	width:280px;
	float:right
}
.subright h3.tit{
	line-height:80px; 
	height:80px; 
	background:#176AB6; 
	color:#FFF; 
	text-align:center;
	text-transform:uppercase; 
	font-weight:normal; 
	font-size:24px;
}
.rightmenu{ clear:both; width:100%;}
.rightmenu a{
	float:left;
	width:100%;
	display:block;
	height:60px;
	line-height:60px;
	background:#FFF;
	color:#202020;
	text-indent:30px;
	border-bottom:#e0e0e0 1px solid;
}
.rightmenu a:hover{
	background:#f0f0f0;
}
/*****文章列表*********************/
.newslist{
	clear:both;
	width:100%;
}
.newslist li{
	 margin-bottom:30px;
	 width:100%;
	 float:left;
	 border-bottom:#f0f0f0 1px solid;
	 padding-bottom:30px;
	 -webkit-transition-duration: 0.3s;
	 -webkit-transition-timing-function: ease;
	 transition: all linear 0.3s;
}
.newslist li .ntime{
	float:left;
	width:100px;
	height:80px;
	background:#f0f0f0; 
	text-align:center;
	padding-top:12px; 
	font-size:18px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: ease;
}
.newslist li .ntime span{
	display:block;
	padding:0; 
	margin:0; 
	font-size:30px; 
	font-weight:bold; 
	line-height:100%;
}
.newslist li .nc{
	float:right; width: calc(100% - 120px);
}
.newslist li .nc .tit{
	line-height:100%; 
	margin:0; 
	padding:0; 
	display:block; 
	font-size:16px;
	font-weight:bold;
}
.newslist li .nc .dec{
	font-size:15px;
	color:#333;
	line-height:160%; 
	margin-top:15px; 
	height:50px; 
	overflow:hidden
}
.newslist li:hover{
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	-o-transform:translateY(-5px);
}
.newslist li:hover .ntime{
	background:#176AB6;
	color:#FFF
}
.newslist li:hover .tit{
	color:#176AB6
}
.newslist li:hover .nc .dec{
	color:#000;
}