
/*重置默认样式*/

/*@font-face{ font-family:'FZLTXHK'; src: url('../fonts/fzltxhk.ttf');}
@font-face{ font-family:'HelveticaNeueLTPro-ThEx'; src: url('../font/HelveticaNeueLTPro-ThEx.otf'); }
@font-face{ font-family:'BEBAS__'; src: url('../font/BEBAS__.TTF');}*/
ul.pagelist {padding: 23px 0 0; font-size: 80%;margin: 3px 3px 10px; text-align: center;clear:both;font-size:1em;}
ul.pagelist a {border: 1px solid gray; padding:3px 7px;  margin-right: 3px; text-decoration: none;color:black; background:#f6f6f6;}
ul.pagelist a:hover {border: 1px solid #0c7ed6;  background-image: none;background-color: #0c7ed6;color: white;}
ul.pagelist a.thisclass{border: 1px solid #0c7ed6;  background-image: none;background-color: #0c7ed6;color: white;}
ul.pagelist span.thisclass {border: 1px solid #f6f6f6; padding:5px 7px;   font-weight: bold;  margin-right: 3px;   background:  #0c7ed6;color:white}
ul.pagelist span.disabled {border: 1px solid gray; padding:5px 7px; margin-right: 3px;}
html {color: #555; background: #f5f5f5; font-size:14px; font-family:'微软雅黑', arial;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, img,  em, button,strong, span{margin: 0;padding: 0; }
table {border-collapse: collapse;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var, i,b ,h1, h2, h3, h4, h5, h6{font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym, button,input,textarea {border: 0; outline: none;}
a{transition: all 0.5s;}
a:link, a:visited {text-decoration: none; color: #787878;}
a:hover{ text-decoration: none;} 


.pagination {
	padding-left:0;
	border-radius:4px;
	margin-top:20px;
}
.pagination>li {
	display:inline
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	line-height:1.42857;
	text-decoration:none;
	color:#7e8299;
	background-color:#fff;
	border:1px solid #ddd;
border-radius:.42rem;
margin-left:.4rem
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left:0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius:4px;
	border-top-right-radius:4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index:2;
	color:#fff;
	background-color:#40aae3;
	border-color:#40aae3
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index:3;
	color:#fff;
	background-color:#40aae3;
	border-color:#40aae3;
	cursor:default
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color:#777;
	background-color:#fff;
	border-color:#ddd;
	cursor:not-allowed
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding:10px 16px;
	font-size:18px;
	line-height:1.33333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-bottom-left-radius:6px;
	border-top-left-radius:6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-bottom-right-radius:6px;
	border-top-right-radius:6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding:5px 10px;
	font-size:12px;
	line-height:1.5
}
.badge, .label {
	line-height:1;
	white-space:nowrap
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-bottom-left-radius:3px;
	border-top-left-radius:3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-bottom-right-radius:3px;
	border-top-right-radius:3px
}





/*首页*/
.index-body{ background: #fff;}
.header{ width: 100%; height: auto; position: fixed; top: 0; top: 10; z-index: 10;}
.nav-all{ height: 74px; background: #000 \0; filter: alpha(opacity=50); zoom:1;  background: rgba(0,0,0,0.5); }
.nav{ width: 1100px; height: 100%; margin: 0 auto; position: relative;}
.logo{ width: 174px; height: 52px; float: left; background: #30a85e; text-align: center; padding-top: 22px;}
.search{ float: right; margin-top: 23px; cursor: pointer;}
.search_slide{ width: 170px; height: 34px; position: absolute; right: -210px; top: 20px; }
.search_slide input{ display: none;}
.search_slide>form input:first-child{  width: 170px; height: 30px; background-color: #fff; font-size: 18px; line-height: 30px; color: #787878; padding-left: 10px; border-radius: 40px; box-sizing: border-box;}
.search_slide>form .search-lastInput{ background:url(../images/news_search.png) no-repeat; * background: url(../images/news_search.png) no-repeat -10px center; width: 21px; height: 21px;  cursor: pointer; position: absolute; right: 8px; top: 4px; }


.nav-ul>li{ width: 108px; height: 74px; float: left; text-align: center; transition: all 0.5s;}
.nav-ul>li>a{ width: 100%; height: 74px; color: #fff;  line-height: 74px; display: inline-block;}
.nav-ul>li:first-child{margin-left: 50px; width: 90px;}
.nav-ul>li:first-child a{ width: 100%; display: inline-block;}
/*.nav-ul>li>a:hover{ background:#fff\0; background: rgba(255,255,255,0.8); color: #111;}*/
.nav-ul-liBox{ width: 520px; height: 340px; box-sizing: border-box; padding-top: 20px; background: rgba(255,255,255,0.8); overflow: hidden; display: none; }
.nav-ul-liBox-fl{ width: 130px; height: 340px; float: left; }
.nav-ul-liBox-fr-all{ width: 386px; float: left;}
.nav-ul-liBox-fr-all div{ display: none;}
.nav-ul-liBox-fr-all div:first-child{ display: block;}
.nav-ul-liBox-fr{ width: 100%; height: 340px; text-align: left; padding-left: 30px; box-sizing: border-box; overflow: hidden;}
.nav-ul-liBox>span{ width: 1px; height: 230px; float: left; display: inline-block; background: #ced3d2;}
.nav-ul-liBox-fl>li{ width: 100%; height: 50px; text-align: left; box-sizing: border-box;}
.nav-ul-liBox-fl>li>a{ width: 100%; height: 50px; display: inline-block; color: #111; line-height: 50px; padding-left: 30px; box-sizing: border-box;}
.nav-ul-liBox-fl>li>a:hover{ color: #fff; background: #57b67a;}
.nav-ul-liBox-fr h2{ max-width: 90%; margin: 16px 0; font-size: 16px; color: #57b67a;}
.nav-ul-liBox-fr p{ width: 222px; color: #474848; font-size: 13px; line-height: 20px;}
.nav-ul-liBox-fr img{ margin-top: 25px; max-width: 90%;}

.nav-ul .navLi-width{ width: 90px !important;}
.nav-ul .nav-li-Class{ background: #fff \0; background: rgba(255,255,255,0.9); color: #111;}

.language{ width: 62px; height: 28px; background: url(../images/language-01.png) no-repeat; float: left; overflow: hidden;  margin: 22px 0 0 10px; position: relative;}
.language em{ line-height: 28px; color: #fff; float: left; position: absolute; left: 10px; z-index: 2;}
.language img{ float: right;  position: absolute; top:2px; right: 2px; z-index: 2;}

.focusBox { position: relative; width:100%; height:696px; overflow: hidden; }
.focusBox .pic img { width:100%; height:696px; display: block; }
.focusBox .hd { width: 120px; height: auto; overflow:hidden; zoom:1; position:absolute; bottom:130px; left: 50%; margin-left: -60px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:15px; height:15px; cursor:pointer; overflow:hidden; background:url(../images/bannerbtn.png) no-repeat; margin:0 7px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; border-radius: 8px; }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
.focusBox .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
.solution-bottom{ width:100%; height:360px;  position:relative; margin-top: 70px;  }
.solution-bottom .hd { position:absolute; left: 47.5%;  bottom:10px; z-index:1; }
.solution-bottom .hd li { width: 12px; height: 12px; border-radius: 6px; background: #b7dbbe; float: left; margin: 0 10px; cursor: pointer;  }
.solution-bottom .hd li.on { background:#fff; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }

.index-main{ width: 100%; height: auto;}
.index-main h2{  text-transform: uppercase;  color: #30a85e; font-size: 50px;}
.index-main-one{ width:100%; height: 555px; background: #e0e2e4; position: relative; padding-top: 212px; box-sizing: border-box;}
.index-main-one>ul{ width: 1100px; height: 208px; overflow: hidden; position: absolute; top: -110px; left: 50%; margin-left: -550px;}
.index-main-one>ul>li{ width: 228px; height: 208px; float: left;  padding: 35px 0 0 30px; box-sizing: border-box; position: absolute;}
.index-main-one>ul>li>a{ width: 228px; height: 208px; display: inline-block;}
.index-main-li02{ background: #98cba2; z-index: 3; left: 416px;}
.index-main-li03{ background: #30a85e; z-index: 5; left: 644px;}
.index-main-li04{ background: #206732; z-index: 7; right: 0;}
.index-main-one .index-main-li01{ width: 416px; background: #fff; z-index: 1; position: absolute; left: 0; transition: all 0.5s;}
.index-main-one>ul>li h3{  color: #fff; font-size: 23px; margin-bottom: 12px;}
.index-main-one>ul>li span{ color: #cee6d3; font-size: 20px; }
.index-main-one>ul>li p{ width: 286px; height: auto; position: absolute; bottom: 25px; line-height: 20px; display: none; color: #fff;}
.index-main-one>ul>li img{ position: absolute; bottom: 19px; right: 23px;}
.index-main-one .index-main-li01 h3{ color: #000;}
.index-main-one .index-main-li01 span{ color: #999;;}
.index-main-one .index-main-li01 p{ color: #000; display: block; }
.company{ width: 1110px; height: 220px; margin: 0 auto; }
.company-left{ width: 410px; height: 220px; float: left;}
.company-left h3{ color: #5e5e5f; font-size: 20px; margin-top: 40px;}
.company-right{ width: 690px; height: 220px; float: left; padding-left: 10px;}
.company-right p{ color: #5b5c5c; line-height: 20px; font-size: 13px;}
.company-right a{ width: 150px; height: 40px; display: block; background: #30a85e; text-align: center; line-height: 40px; color: #fff; font-size: 16px;  text-transform: uppercase; margin-top: 26px;}

.index-main-tuo{ width: 1100px; padding: 60px 0; box-sizing: border-box; margin: 0 auto; }
.index-main-tuo-top{ text-align: center; margin-bottom: 73px;}
.index-main-tuo-top h3{ color: #5e5e5f; font-size: 20px; margin-top: 20px; }
.index-main-tuo-top p{ width:785px; color: #5b5c5c; line-height: 20px; font-size: 13px; margin: 20px auto 0; font-family: 'arial';}
.index-main-tuo-top>ul{ width: 380px; height: 40px; margin: 80px auto 0;}
.index-main-tuo-top>ul li{ width: 123px; height: 40px; float: left; background: #ececec;}
.index-main-tuo-top>ul li a{ width: 123px; height: 40px; display: block; text-align:center; line-height: 40px;}
.index-main-tuo-top-li a{ background: #30a85e !important; color: #fff !important;}

.index-main-tuo-bottom>ul{ width: 1100px; height: 420px; margin: 0 auto; overflow: hidden; display: none;}
.index-main-tuo-bottom>ul:first-child{ display: block;}
.index-main-tuo-bottom>ul>li{ width: 264px; height: 200px; float: left; background: #ececec; margin:0 5px 10px 5px; text-align: center; position: relative; overflow: hidden; }
.index-main-tuo-bottom>ul>li>a{ width: 264px; height: 200px; display:table-cell; vertical-align: middle;}
.index-main-tuo-bottom>ul>li>a b{ width: 264px; height: 200px; background: rgba(48,168,94,0.9); position: absolute; bottom: -200px; left: 0; color: #fff;}
.index-main-tuo-bottom>ul>li>a em{ width: 264px; height: 200px; display: block; background:#fff; opacity: 0; position: absolute; top: 0; left: 0;  z-index: 2; }
.index-main-tuo-bottom>ul>li>a b p{width: 80%; height: auto; margin: 65px auto 20px; text-align: left; font-size: 30px; }
.index-main-tuo-bottom>ul>li>a b i{width: 80%; font-size: 13px; line-height: 18px; text-align: left; margin: 0 auto; display: block; font-weight: normal;}


.li-margin-right>img{ margin-top: 68px !important; } 
.index-product{ width: 100%; height: 200px; background: #43af6c\0; filter: alpha(opacity=90); zoom:1; background: rgba(67,175,108,0.9); position: absolute; top: 200px;overflow: hidden; padding-left: 20px; box-sizing: border-box; transition: all 0.5s;}
.index-product h3{ font-size: 30px; color: #fff; margin: 76px 0 15px; text-align: left;}
.index-product p{ width: 85%; font-size: 13px; color: #fff; line-height: 18px; text-align: left; font-family: 'arial';}
.index-main-three-all{ width: 100%;  background: #98cba2; padding: 60px 0 30px; box-sizing: border-box;}
.index-main-three{ width: 1100px;  margin: 0 auto;}
.index-main-three-top h2, .index-main-three-top h3, .index-main-three-top p{ color: #fff;}
.solution-ul01>div{width: 275px; height:auto; float: left;  text-align: center; overflow: hidden;}
.solution-ul01>div img{ width: 113px; height: 113px;}
.solution-ul01>div h3{ margin: 30px 0 20px; font-size: 17px; color: #fff;}
.solution-ul01>div p{ width: 200px; height: auto; margin: 0 auto; line-height: 18px; color: #fff; font-size:13px;}
.solution-ul02>div{ width: 275px; height:auto; float: left;  text-align: center; overflow: hidden;}
.solution-ul02>div h3{ margin: 30px 0 20px; font-size: 17px; color: #fff;}
.solution-ul02>div p{ width: 200px; height: auto; margin: 0 auto; line-height: 18px; color: #fff; font-size:13px;}


.index-main-four-all{ width: 100%;}
.index-main-four{ padding-top: 60px; height: auto;}
.index-main-four-top h2{ color: #30a85e;} 
.index-main-four-top h3{ color: #747474; }
.index-main-four-top p{ color: #bcbcbc; font-family: 'arial';}
.index-main-four-bottom{ width: 100%; height: 300px; overflow: hidden; margin: 80px 0 50px; box-sizing: border-box; background: url(../images/index19.jpg) no-repeat center center;}

.index-main-four-bottom>div>img{  width: 100%; height: 300px;}
.index-main-four-bottom>ul{width: 642px; box-sizing: border-box;margin:  0 auto;}
.index-main-four-bottom>ul>li{ width: 50%; height: 300px; float: left;  box-sizing: border-box; position: relative; }
.index-main-four-bottom>ul>li h3{ font-size: 16px; margin: 43px 0 32px; color: #fff; padding: 0 10%; line-height: 20px;}
.index-main-four-bottom>ul>li p{ color: #e0efe5; font-size: 13px; padding: 0 10%; line-height: 18px;}
.index-main-four-bottom>ul>li{ background: #30a85e; position: relative;}
.index-main-four-bottom>ul>li>div{ width: 100%; height: 50px; background: #242424\0; filter: alpha(opacity=30)\0; zoom:1; background: rgba(0,0,0,0.3); position: absolute; bottom: 0;}
.index-main-four-bottom>ul>li>div span{ float: left; margin-left: 10%; line-height: 50px; color: #fff;} 
.index-main-four-bottom>ul>li>div .a02{ float: right; width: 50px; height: 50px; display: block; background: #000\0; filter: alpha(opacity=30)\0; zoom:1; background: rgba(0,0,0,0.3); box-sizing: border-box; text-align: center;} 
.index-main-four-bottom>ul>li>div .a02 img{ margin-top: 17px; cursor: pointer;}
.index-main-four-bottom>ul>li:first-child{ background: #333;}
.index-main-four-bottom>ul>li:first-child p{ color: #adadad;}
.index-main-four-bottom>ul>li:first-child div span{ color: #2d8d51;}
.index-main-four-bottom>ul>li>img{ position: absolute; top: 63px; right: -16px;}
.index-main-four-bottom>ul>li:first-child>img{ position: absolute; top: 63px; left: -16px;}

.footer-all{ height: 173px; background: #333; clear: both;}
.footer{ width: 1100px; height:173px; margin: 0 auto;overflow: hidden;}
.footer-left{ float: left;}
.footer-left img{ margin-top: 42px;}
.footer-middle{ float: left; margin: 55px 0 0 34px;}
.footer-middle h4{ font-size: 25px; color: #fff;  margin-bottom: 20px;}
.footer-middle p{ color: #888; font-size: 12px; font-family: "微软雅黑"; line-height: 22px;}
.footer-right{ float: right;}
.footer-right img{ margin: 58px 0 18px;}
.footer-right p{ color: #888;}
.footer-right a{ color: #888; font-size: 12px;}

.index-btn{ width: 40px; height: 40px; position: fixed; right: -40px; bottom: 15px; z-index: 100; text-align: center; background:url(../images/index_btn.jpg) #7e7e7e no-repeat center center; cursor: pointer;}

/*---------------------------------------------------------------------------*/
/*产品详情*/

.productD-banner img{ width: 100%; height: 247px;}
.product-center-all{ width: 1100px; height: auto; position: absolute; left: 50%; margin-left: -550px; top: 130px; }
.productD-main{ width: 1100px; margin: 0 auto 40px;  overflow: hidden; }
.product-center{ overflow: hidden; padding-top: 3px;}
.product-center-left{ float: left; height: 26px;}
.product-center-right{ float: right;}
.product-center-left h2{ font-size: 22px; color: #f5f5f5; display: inline-block; line-height: 24px;}
.product-center-left h3{ font-size: 26px; color: #f5f5f5; display: inline-block; font-family: arial; text-transform: uppercase; margin-left: 4px;}
.product-center-right span,.product-center-right a{ color: #f5f5f5;}
.productD-main-ul01 { margin-top: 42px; overflow: hidden;}
.productD-main-ul01 li{ float: left; width: 125px; height: 48px; color: #fff; line-height: 48px; text-align: center; cursor: pointer; transition: all 0.5s;}
.productD-main-ul01 li a{width: 125px; height: 48px; display: inline-block; color: #fff;}
.productD-main-ul01 .listyle{ background: #fff; color: #2f2f2f; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.productD-main-one{ width:100%; height: 416px; overflow: hidden; background: #fff; margin-top: 28px;}
.productD-main-one-left{ float: left; width: 435px; margin: 140px 0 0 84px; }
.productD-main-one-left h4{color: #555; font-size: 37px; font-family: arial; margin-bottom: 20px;}
.productD-main-one-left p{color: #555; font-size: 13px; line-height: 20px;}
.productD-main-one>img{ float: right; margin:170px 84px 0 0 ;}

.fullSlide{ width:100%;  position:relative;  height:416px; background:#eee;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100%;height:416px;   } /*去掉  !important*/
.fullSlide .bd li{ width:100%;  height:416px;  overflow:hidden; text-align:center; line-height: 480px;  } /*去掉  !important*/
.fullSlide .bd li img{ max-width: 65%;   }
.fullSlide .bd li a{ display:block; height:416px;  }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:24px; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center; _background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; background: #cfcfcf; border-radius:50%; overflow:hidden; line-height:9999px; margin: 0 9px;}
.fullSlide .hd ul .on{ background:#555; }

.productD-main-table{height: auto; background: #fff; margin-top: 36px; }
.productD-main-table-top{ height: 63px; background: #eee;}
.productD-main-table-top>ul{ height: 70px; overflow: hidden;  }
.productD-main-table-top>ul>li{ width: 137px; height: 100%; float: left; color: #555; text-align: center; line-height: 63px; cursor: pointer;}
.productD-main-table-top .productD-table-style{ background: url(../images/productd-03.png) no-repeat; color: #fff;}

/*.productD-main-table table{ width: 1000px; height: auto; margin: 50px auto 0;}
.productD-main-table table caption{ width: 1000px; height: 40px; line-height: 40px; padding-left: 104px; font-size: 15px; color: #f5f5f5; background: #aaa; box-sizing: border-box;}
.productD-main-table table tr td{ width: 725px; padding-left: 104px; box-sizing: border-box;}
.productD-main-table table tr td:first-child{ width: 275px; }*/
.bgColor{ background: #eeeeee;}
.productD-main-table-all{ display: none;}
.productD-main-table-all:first-child{ display: block;}
.productD-main-table-all form{ width: 630px; height: auto; margin: 50px 0 0 50px;}

.productD-main-table-all tr{ line-height: 30px;}

.contactUs-right-textarea{ border: 1px solid #eee;}

.productD-main-table-all .submit { width: 188px; height: 44px; border: 2px solid #43b06d; margin: 20px 0; background: url(../images/contactus-btn.png) no-repeat 40px center; color:#43b06d; cursor: pointer; overflow-x: hidden; text-align: center; padding-left: 30px; box-sizing: border-box;}

.productD-main-table-all form input,.contactUs-right-textarea{outline: none;}



.product-print-all{width: 162px; height: 45px; background: #fff; float: right; margin-top: 40px; cursor: pointer; }
.product-print{  display: block;  line-height: 45px; background: url(../images/productd-04.png) no-repeat 40px 10px; padding-left: 84px;}
/*end*/

/*---------------------------------------------------------------------------*/
/*常见问题*/
.problem-main{ width: 1100px; min-height:470px; height: auto; margin: 50px auto 0; }
.problem-main>h3{ margin: 35px 0; color: #30a85e; font-size: 30px;}
.problem-main-firstUl>li{ width: 100%; height: auto;  margin-bottom: 20px; position: relative;}
.problem-main-firstUl>li span{ width: 100%; height: 60px; display: block; background: url(../images/problem02.png) #e8e8e8 no-repeat 1057px 25px; line-height: 60px; padding-left: 20px; box-sizing: border-box; cursor: pointer;}
.problem-main-firstUl>li>img{ position: absolute; right: 26px; top: 26px;}
.problem-main-li-box{ width: 100%; height: auto; padding: 20px 0 0 20px; box-sizing: border-box; display: none;}
.problem-main-li-boxs{ width: 100%; height: auto; padding: 20px 0 20px 20px; box-sizing: border-box;}
.problem-main-firstUl .problem-main-spanClass{ background: url(../images/problem01.png) #e8e8e8 no-repeat 1057px 25px;}
.problem-main-li-box p{ line-height: 24px; margin-bottom: 36px;}

/*---------------------------------------------------------------------------*/
/*关于PTN*/
.aboutPTN-main{ margin-bottom: 180px;}
.aboutPTN-main>p{ font-size: 13px; line-height: 20px; margin-bottom: 35px;}
.aboutPTN-main>ul:after{ content: ''; height: 0; display: block; clear: both; visibility: hidden;}
.aboutPTN-main>ul>li{ float: left; width: 550px; height: 380px; margin-bottom: 30px ; box-sizing: border-box; background: #fff; position: relative; }
.aboutPTN-main>ul>li img{ width: 100%; height: 100%; left: 0; top:0; }
.aboutPTN-main-text{ width: 470px ; height: auto; position: absolute; left: 40px; bottom: 40px;}
.aboutPTN-main-text>h4{ margin-bottom: 38px; font-size: 30px; color: #313131;}
.aboutPTN-main-text>p{ line-height: 28px;}

/*---------------------------------------------------------------------------*/
/*新闻*/
.news-main{ width: 1100px; height: auto; margin: 0 auto;}
.news-main p{ line-height: 22px;}
.news-main>h3{ margin: 48px 0; color: #30a85e; font-size: 30px;}
.news-main>ul>li{ background: #fff; margin-bottom: 20px;  overflow: hidden; height: 250px;}

.news-time{ width: 250px; height: 100%;  float: left; text-align: center; padding-top: 85px; box-sizing: border-box; background: #eee;}
.news-time span, .news-time strong, .news-time i{ display: block; line-height: 22px; font-style:italic;}
.news-time span{ font-size: 20px; font-weight: bold; color: #666; }
.news-time i{ font-size: 18px; color: #aaa;   }

.newsLi-txt{ width: 750px; float: left; padding: 3%; box-sizing: border-box; overflow: hidden;}
.newsLi-txt h4{  margin: 40px 0 10px 0; color: #111; font-size: 16px;}
.newsLi-txt span{ display: block; color: #adadad; margin: 10px 0 5px;}

.news-buttom{ width: 520px; height: 28px; margin: 30px auto 0; }
.news-buttom a{ min-width:5px; display:inline-block; text-align:center; background:#fff; height:25px; line-height:25px; padding:0 10px; margin: 0 5px}
.news-buttom a:hover{ background:#30a85e; color:#fff}
.page span{ display: inline-block; margin: 0 10px; font-size: 15px;}

.news-activity{ width: 1100px; margin: 0 auto;}
.news-activity>h3{ margin: 48px 0; color: #30a85e; font-size: 30px;}
.news-activity>ul>li{ height: 436px; background: #fff; margin-bottom: 20px;}
.news-activity>ul>li img{ width: 100%;  display: block; height: 300px;}
.news-activity>ul>li>h4{  margin: 35px 0 20px 40px;}
.news-activity>ul>li>h4>a{ color: #111; font-size: 16px;}
.news-activity>ul>li>span{margin-left: 40px; display: block; color: #adadad; margin-bottom: 10px;}
.news-activity>ul>li>strong { font-weight: normal; margin-left: 40px; color: #adadad; }



/*---------------------------------------------------------------------------*/
/*解决方案*/
.solution-body{ background: #fff;}
.solution-main{width: 100%; height: auto; margin: 0 auto;}
.solution-main-slide{ display: none;}
.solution-main-slide:first-child{ display: block;}
.solution-main-top>h3{ width: 1100px; color: #30a85e; font-size: 30px; margin:0 auto 48px;}
.solution-main-ulFirst{ width: 1100px; height: auto; overflow: hidden; margin: 45px auto;}
.solution-main-ulFirst>li{ float: left; width: 163px; height: 45px; background: #fff; line-height: 45px; text-align: center; border: 2px solid #585858; display: inline-block; cursor: pointer; }
.solution-main-ulFirst .solution-liStyle{ background: #555; color:#fff;}

.solution-main-one{ width: 1100px; height: 310px; margin: 0 auto; position: relative;}
.solution-main-slide-two{ height: auto !important;}
/*.solution-main-one:after{ content: ''; height: 0; clear: both; display: block; visibility: hidden;}*/

.solution-fl{ width: 600px; height: 310px; float: right; position: relative; margin-right: 200px; }
.solution-fl-text{ width: 580px; height: auto; position: absolute; left: 50px; bottom: 20px;}
.solution-fl-text h4{ font-size: 26px; margin-bottom: 27px;}
.solution-fl-text p{ width: 580px; line-height: 24px; font-size: 13px;}

.solution-main-tuo-all{ width: 100%; height: 520px; background: #F5F5F5;}
.solution-main-tuo{ width: 1100px; height: 520px; margin:0 auto; overflow: hidden;}
.solution-main-tuo img{ float: right; margin-top: 20px;}
.solution-main-tuo-fl{ width: 660px; height:520px; float: left; position: relative;}
.solution-main-tuo-fl>div{ width: 580px; position: absolute; bottom: 55px; left: 0;}
.solution-main-tuo-fl>div h4{ font-size: 26px; margin-bottom: 27px;}
.solution-main-tuo-fl>div p{ line-height: 24px; font-size: 13px;}

.solution-main-slide:first-child .solution-main-one img{ width:auto; float: left; position: absolute; left: 0; z-index: 10;}


.solution-main-three img{ margin-top: 30px;} 
.solution-main-three .solution-fl{ margin-top: 70px; margin-right: 0; height: 315px;}


.solution-table-all{ width: 100%; height: auto; background: #f5f5f5;}
.solution-table{ width: 1100px; height: auto; margin: 0 auto; padding-top: 190px; box-sizing: border-box; padding-bottom: 55px;}
.solution-table>h4{ font-size: 26px; line-height: 26px; margin-bottom: 54px; }
.solution-table>table{ width: 100%; height: auto;}
.solution-table-trColor{ background: #e5e5e5;}
.solution-table>table tr{ width: 100%; height: 40px;}
.solution-table>table tr th{ font-size: 16px;}
.solution-table>table tr td{ color: #989898;}
.solution-table>table tr th, .solution-table>table tr td{ text-align: center;}

.solution-pic-all{ width: 100%; height: 685px; box-sizing: border-box;}
.solution-pic{ width: 1100px; height: 685px; margin: 0 auto; padding-top: 50px; box-sizing: border-box;}
.solution-pic>h4{  font-size: 26px; line-height: 26px; margin-bottom: 50px;}
.solution-pic>img{ margin-left: 40px;}

.solution-pic-bottom-all{ width: 100%; height: 138px; background: #f5f5f5;}
.solution-pic-bottom{width: 1100px; height: 138px;   margin-top: 40px; margin: 0 auto; }
.solution-pic-bottom span{ width: 160px; height: 48px;  display:inline-block;  line-height: 45px; background: url(../images/productd-04.png) #fff no-repeat 40px 10px; padding-left: 84px; box-sizing: border-box; float: right; margin-top: 44px; cursor: pointer;}

/*---------------------------------------------------------------------------*/
/*解决方案案例*/
.solution02-body{ background: #f5f5f5;}

.solution-main-text h4{ margin-bottom: 38px; font-size: 22px; font-weight: bold; text-align: center;}
.solution-main-text h4 a{color: #313131;}


/*---------------------------------------------------------------------------*/
/*解决方案案例详情*/
.solution03-main{ width: 1100px; height: auto; margin: 0 auto; overflow: hidden;}
.solution03-main>img, .solution03-main>div{ float: left;}
.solution03-main-img01{ width: 438px; height: 329px;}
.solution03-main-text01{ width: 662px; height: 329px;}
.solution03-main-text01 p{ width: 540px; font-size: 13px; margin: 0 auto; line-height: 22px;}
.solution03-main-text02{ width: 438px; height: 208px; margin-top: 76px;}
.solution03-main-text02 p{ font-size: 13px; line-height: 22px;}
.solution03-main-img02{ width: 385px; height: 283px; margin-left: 63px;}
.solution03-pic-bottom-all { height: 200px;}
.solution03-pic-bottom-all span{ margin-top: 75px;}

/*---------------------------------------------------------------------------*/
/*联系我们*/
.contactUs{ width: 1100px; height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 220px;}
.contactUs-left{ width: 470px; float: left;}
.contactUs-left h3{  color: #30a85e; font-size: 30px; margin: 52px 0; line-height: 30px;}
.contactUs-left h4{ font-size: 13px; line-height: 24px;}
.contactUs-left>span{ width: 100px; font-size: 13px; line-height: 25px; display: inline-block; text-align: left;}
.contactUs-left-bottom{ margin-top: 50px;}
.contactUs-left-bottom p{ line-height: 25px; font-size: 13px;}
.contactUs-right{ width: 630px; height: auto; float: right; margin-top: 130px; overflow: hidden;}
.contactUs-right-input{  float: left; box-sizing: border-box; color: #bababa; position: relative; margin-bottom: 20px; border: 1px solid #eee; outline: none;}
.contactUs-right-input01,.contactUs-right-input03{ margin-right: 20px;}
.contactUs-right-input input{ width: 300px; height: 50px; padding-left: 30px; box-sizing: border-box; line-height: 50px; background: #fff; color: #bbb; font-size: 15px; font-family: "微软雅黑";}
.contactUs-right-input span{ position: absolute; left: 30px; top: 18px;}
.contactUs-right-textarea{ float: left; position: relative;}
.contactUs-right-textarea textarea{ width: 594px; height: 170px; line-height: 24px; padding: 10px 0 0 30px; font-size: 14px; color: #bababa; line-height: 20px; outline: none; font-size: 15px; font-family: "微软雅黑"; outline: none; }
.contactUs-right-textarea  span{ position: absolute; left: 30px; top: 16px; color: #bbb;}

.contactUs-right button { width: 188px; height: 44px; border: 2px solid #43b06d; margin-top: 20px; background: url(../images/contactus-btn.png) no-repeat 40px center; color:#43b06d; cursor: pointer; overflow-x: hidden;}


/*---------------------------------------------------------------------------*/
/*人才招聘*/
.job{ width: 1100px; height: auto; margin: 0 auto; margin-bottom: 130px; overflow: hidden;}
.job>h3{  color: #30a85e; font-size: 30px; margin: 52px 0; line-height: 30px;}
.job>p{ line-height: 24px; margin-bottom: 42px;}
.job-bottom{ overflow: hidden; width: 1100px; float: left; margin: 0 10px;}


.job-bottom li{ width: 1100px; height: auto; background: #fff; margin-bottom: 20px;  padding: 20px 0;box-sizing: border-box;float:left;margin:10px; display:table-cell;}
.job-bottom-one-top{ width: 100%; height: 75px;  cursor: pointer; background: url(../images/job-02.png) no-repeat 970px 26px; }
.job-bottom-one-top02{ width: 100%; height: 75px;  cursor: pointer; background: url(../images/job-03.png) no-repeat 970px 26px; }

.job-bottom-one-top-img{ width: 148px; text-align: center;}
.job-bottom-one-top h3,.job-text, .job-bottom-one-top-img{ float: left;}

.job-bottom-one .job-bottom-one-top01{ width: 100%; height: 75px;  cursor: pointer; background: url(../images/job-03.png) no-repeat 970px 26px; }
.job-bottom-one .job-bottom-one-top03{ width: 100%; height: 75px;  cursor: pointer; background: url(../images/job-02.png) no-repeat 970px 26px; }


.job-text{ width: 345px; height: auto; margin-top: 15px; }

.job-text h3{ font-size: 28px; line-height: 28px;}
.job-text span{ color: #aaa; font-family: arial; text-transform: uppercase; margin-top: 10px; display: inline-block;}
.job-text img{ float: right !important; margin-top: -10px;}
.job-p{ width: 85%; margin: auto; margin: 0 auto; padding-top:30px;}




/*---------------------------------------------------------------------------*/
/*证书资质*/

.honor{ width: 1100px; height: 500px; margin: 0 auto;}
.honor h3{color: #30a85e; font-size: 30px; margin: 52px 0; line-height: 30px;}

.heartPic{width:1100px;height:auto;margin:60px auto 0 auto;}
.heartPic:after{ content: ''; height: 0; display: block; clear: both; visibility: hidden;}
.heartPic ul{ width: 1100px; }
.heartPic ul li{float:left;width:345px;height:346px;cursor:pointer; margin: 0 10px; }
.heartPic ul li img{ width: 326px; height: 200px;}
.heartPic .in{ width: 345px; height: 220px; border: 1px solid #e5e5e5; display: table-cell; vertical-align: middle; text-align: center; background: #fff;}
.heartPic ul li.on{z-index:99;}
.heartPic ul li.on .in{position:relative;left:-50px;top:-50px; border: 1px solid #e5e5e5; padding: 10px; box-sizing: border-box; background: #fff;}

.heartPic ul li .pTxt{ display: block; margin-top: 20px; font-size: 18px;}
.heartPic .showDiv{display:block;}
.heartPic-last{ margin: 0 0 80px 0;}
.heartPic-last h3{ margin-bottom: 80px; margin-left: 5px; margin: 0 0 80px 5px;}


/*---------------------------------------------------------------------------*/
/*技术支持*/
.support-main{ width: 1100px; height: auto; margin: 0 auto;}
.support-main h3{color: #30a85e; font-size: 30px; margin: 52px 0; line-height: 30px;}
.support-main>ul{ overflow: hidden; margin: 42px 0 200px;}
.support-main>ul li{ width: 540px; height: 200px; float: left; background: url(../images/support-01.png) #fff no-repeat 60px center; margin: 0 5px 10px; overflow: hidden; cursor: pointer;}
.support-li-img{ float: left;}

.support-li-right{ float: left; margin: 50px 0 0 176px;}
.support-main>ul li h4{ font-size: 30px; line-height: 30px; color: #777; margin: 50px 0 0 176px;}
.support-main>ul li strong{ font-weight: normal; display: block; margin: 10px 0 22px; color: #777;  margin-left: 176px; }
.support-main>ul li span{ width: 122px; height: 30px; display: block; background:url(../images/support-05.png) #777 no-repeat 19px center; border-radius: 5px; line-height: 30px; color: #fff; text-align: center; padding-left: 20px; box-sizing: border-box; cursor: pointer;  margin-left: 176px;}

.support-main .support-liClass{ background: url(../images/support-01slide.png) #30a85e no-repeat 60px center; color: #fff;}
.support-main .support-spanClass{ background: url(../images/support-06.png) #fff no-repeat 19px center; color: #30a85e;}

/*新闻详情*/
.news-main{ margin-bottom: 30px;}

/*组织架构*/
.architecture-main{ width: 1100px; height: auto; margin: 0 auto 310px; text-align: center;}
.architecture-main h3{color: #30a85e; font-size: 30px; margin: 52px 0; line-height: 30px; text-align: left;}

/*产品中心*/
.product-main{ width: 1100px; height: auto; margin: 30px auto 80px; overflow: hidden; }
.product-main-left{ width: 242px; height: auto; float: left; }
.product-main-left>ul{ overflow: hidden; }
.product-main-left>ul>li{ width: 242px; height: auto; position: relative; background: #fff; margin-bottom: 10px;  }
.product-main-left-top{ width: 100%; height: 60px; display: inline-block; color: #30a85e; line-height: 68px; font-size: 15px; cursor: pointer; background: url(../images/product-08.png) no-repeat 208px 30px;}
.product-main-left-top01{ width: 100%; height: 60px; display: inline-block; color: #30a85e; line-height: 62px; font-size: 15px; cursor: pointer; background: url(../images/product-08.png) no-repeat 208px 30px;}
.product-main-left>ul>li img{ margin: 24px 0 0 34px; float: left;}
.product-main-left>ul>li div:first-child strong{ font-weight: normal; margin-left: 12px; float: left;}


.product-main-left .product-main-left-top03{ background: url(../images/product-09.png) no-repeat 208px 30px;}
.product-main-left .product-main-left-top02{ background: url(../images/product-09.png) no-repeat 208px 30px;}


.product-li01-box{ overflow: hidden; display: none;}
.product-li01-box>span{ width: 100%; height: auto; display: block;  line-height: 38px; cursor: pointer; background: #fff;}
.product-main-left ul li:first-child .product-li01-box{ display: block;}

.product-li01-box .pro-subBar{ display: none;}



.product-li01-box em{ width: 100%; line-height: 38px; display: block; padding-left: 35px; box-sizing: border-box;}
.product-li01-box a{ width: 100%; line-height: 38px; padding-left: 50px; box-sizing: border-box; display: block; color: #444; transition: none;}
.product-li01-box a:hover{ background: #98CBA2; color: #fff;}
.product-li01-box .active{ background: #30a85e;}
.active{  color: #fff;}

.product-li01-box-left{ width: 105px; height: auto; float: left;}
.product-li01-box-left strong{ font-weight: normal;display: block; margin:5px 0  10px; font-size: 13px;}
.product-li01-box-left label{ display: block; margin-bottom: 10px; font-size: 13px; cursor: pointer;}
.product-li01-box-left input{ margin-right: 5px;}

.product-li01-box-right{ width: 105px; height: auto; float: left;}
.product-li01-box-right strong{ font-weight: normal;display: block; margin:5px 0  10px; font-size: 13px;}
.product-li01-box-right label{ display: block; margin-bottom: 10px; font-size: 13px; cursor: pointer;}
.product-li01-box-right input{ margin-right: 5px;}
.product-li01-box .product-li01-box-left:first-child { margin-left: 30px;}

.product-main-right{ width: 824px; height: auto; float: right; }
.product-main-right-top{ width: 100%; height: auto; overflow: hidden;}
.product-main-right-top button{ width: 138px; height: 30px; background: url(../images/product-10.png) #555 no-repeat 15px 7px; float: right; color: #fff; border-radius: 5px; padding-left: 20px; box-sizing: border-box; margin-top: 30px; cursor: pointer;}
.product-main-right-bottom{ overflow: hidden; margin-top: 30px;}
.product-main-right-bottom>ul>li{ width: 264px; height: 324px; float: left; background: #fff; box-sizing: border-box; margin: 0 5px 10px; border-bottom: 3px solid #e9e9e9;}
.product-main-right-img{ width: 264px; height: 200px; background: #fbfbfb; display: table-cell; text-align: center; vertical-align: middle;}
.product-main-right-img img{ width: 82%;}
.product-main-right-bottom>ul>li h4{ width: 90%; font-size: 20px; line-height: 20px; font-family: arial; margin: 27px auto 23px;}
.product-main-right-bottom>ul>li span{ width: 90%; font-size: 13px; display: block; margin: 0 auto; line-height: 20px;}


.gallery a{ text-align: center;}

@media only screen and (min-width: 1500px) and (max-width: 1900px) {
	
	.focusBox, .focusBox .pic img { height:580px;  }
}
@media only screen and (min-width: 1100px) and (max-width: 1499px) {
	
	.focusBox, .focusBox .pic img { height:460px;  }
}





