@charset "utf-8"; 
/*导航*/
nav{ height:5.625rem; overflow:hidden; background:#00a58f; position:relative;}
nav:before{ content: ''; position: absolute; width: 100%; left: 0; top: 50%; border-bottom: 1px solid #05cdb2;}
nav li{ display: block; float: left; width: 25%; font: 1rem/2.79rem "Arial"; height: 2.79rem; color: #fff; text-align: center; border-right: 1px solid #05cdb2; box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
nav a:nth-child(4n) li{ border-right: none;}


/*ban轮播广告*/
.g-adv{ margin: 1px 0; overflow:hidden;}
.g-adv img{ display: block;width: 100%;height: auto;}


/*合作伙伴*/
.g-partner{overflow: hidden; padding-bottom: 2rem; background: #fff;}
.g-partner h2{    margin: 1rem 0;  background-size: 100% 6.17rem;  font-size: 1.5rem;  color: #333;  font-weight: bold;  text-align: center;}
.g-partner .prev{ float: left; margin: 2rem 0 0 3%;}
.g-partner .next{ float: right; margin: 2rem 3% 0 0;}
.g-partner .prev,.g-partner .next{ width: 1.5rem; height: 1.5rem;}
.g-partner .prev img,.g-partner .next img{ display: block; width: 100%; height: auto;}
.g-partner .nowarp{ width: 75.31%; margin: 0 auto; overflow: hidden;}
.g-partner li{ width: 47.71%; height: 11.58rem; overflow: hidden; float: left; position: relative;}
.g-partner li img{ display: block; width: 100%; height: auto;}
.g-partner li span{ font-size: 1rem; display: block; width: 100%; text-align: center; margin-top: 0.5rem; color: #666666;}
.g-partner a:nth-child(2n) li{ float: right;}


/*VS*/
.g-vs{ overflow: hidden; background: #ececec; padding: 3% 2% 6%;}
.g-vs h2{margin: 1rem 0; background-size: 100% 6.17rem; font-size: 1.5rem; color: #333; font-weight: bold; text-align: center;}
.g-vs h2 b{ color: #fff100; }
.g-vs .vs_title{background: url("../images/vs_two.png") no-repeat center 0; font-size: 1.2rem; color: #fff; font-weight: bold; background-size:100%; height: 5rem;  padding-top: 2.3rem;}
.g-vs .vs_title p.p_fl{ float: left; padding-left: 2.3rem;}
.g-vs .vs_title p.p_fr{ float: right; padding-right: 2.3rem;}
.g-vs .vs_title i{padding: 0 20%;}
.g-vs .sclwrap_box{ margin: 0 3.125%; overflow: hidden;}
.g-vs .con{ float: left; display: inline; width: 100%;}
.g-vs .con p{ height: 9.25rem; overflow: hidden; position: relative; margin-bottom: 1rem;}
.g-vs .con p i{ font-size: 1.2rem; color: #fff; font-weight: bold; position: absolute; text-align: center; width: 100%;  top: 3.7rem; display: block;}
.g-vs .con p img{ width: 100%;}
.g-vs .con li{ font-size: 0.95rem; line-height: 1.5rem; color: #5e5e5e; float: left; width: 46%;}
.g-vs .con li span{ color: #0054ab;}
.g-vs .con li:nth-child(2){ float: right;}
.g-vs .m-cnt{ height: 0.5rem; margin-top: 1rem; text-align: center; padding-left: 10%;}
.g-vs .m-cnt li{ width: 21%; height: 0.5rem; background: #c8c8c8; display: inline-block; float: left; margin-right: 2%;}
.g-vs .m-cnt li.z-on{ background: #00a58f;}


/*产品分类*/
.prod_menu{ overflow: hidden; padding-bottom: 0.5rem; background: #fff;}
.prod_menu h2{ margin: 1rem 0; background-size: 100% 6.17rem; font-size: 1.5rem; color: #333; font-weight: bold; text-align: center;}
.prod_menu h2 span{ color: #fcd400;}
.prod_menu div{ margin-left: 3%; margin-bottom: 6px; overflow: hidden; width: 45.5%; float: left;}
.prod_menu div h3{ height: 2.5rem; line-height: 2.5rem; background: #636363 url("../images/Index/prod_icon2.png") no-repeat 92% 0.7rem; background-size: 1.04rem; padding: 0 0 0 8%; overflow: hidden; font-size: 1rem;  color: #fff;}
.prod_menu div.active ul{ display: block;}
.prod_menu div.active h3{ background-color: #00a58f;}
.prod_menu div ul{ overflow: hidden; display: none;}
.prod_menu div li{ font-size: 1rem; line-height: 2.33rem; float: left; background: url("../images/Index/prod_icon3.jpg") no-repeat 0 0.9rem; background-size: 0.375rem 0.67rem; width: 44%; padding-left: 4%; margin: 2% 0 1%;}
.prod_menu div li a{color: #666666;}




/*产品展示*/
.prod_list{overflow: hidden; background: #fff;}
.prod_list h2{ margin-bottom:1.4rem; background: url("../images/Index/prod_list_bg.jpg") no-repeat center bottom; background-size: 100% 0.54rem; font-size: 1.25rem; color: #393939;text-align: center; font-weight: bold; padding-bottom: 1rem;}
.prod_list ul{ margin: 0 3.125%; overflow: hidden;}
.prod_list li{  float: left; height: auto; margin-bottom: 0.5rem; width: 48%;}
.prod_list li img{ display: block; width: 100%; padding: 0.42rem; background: url("../images/Index/bg1.jpg"); border: 1px solid #e2e2e2; box-sizing: border-box;}
.prod_list li span{ display: block; line-height: 1.92rem; height: 1.92rem; overflow: hidden; font-size: 1rem; color: #333;  text-align: center;  }
.prod_list a:nth-child(2n) li{	float: right;}




/*优势*/
.g-advantage{ background: #fff; padding-bottom: 2rem;}
.g-advantage h2{ text-align: center; font-size: 1.5rem; color: #fff; padding-top: 1rem; background: #00a58f; background-size: 100%;  font-weight: bold; height: 5rem;}
.g-advantage h2 b{ display: block; font-size: 1.3rem; line-height: 2.6rem;}
.g-advantage .con{ width: 100%; display: inline; float: left;}
.g-advantage p{  overflow: hidden;}
.g-advantage p img{display: block; padding: 2%; width: 96%; overflow: hidden;}
.g-advantage dl{ overflow: hidden; margin: 0 3%;}
.g-advantage dt{ font-size: 1.1rem; font-weight: bold; color: #393939; margin-bottom: 0.2rem; height: 3.5rem; padding-left: 16%;}
.g-advantage dt span{ display: block; font-size: 0.75rem; text-transform: uppercase; color: #e0e0e0; font-weight: normal;}
.g-advantage .advantage1 dt{ background: url("../images/advantage_title1.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage2 dt{ background: url("../images/advantage_title2.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage3 dt{ background: url("../images/advantage_title3.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage4 dt{ background: url("../images/advantage_title4.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}

.g-advantage dd{ margin-left: 13%; overflow: hidden;}
.g-advantage dd li{ background: url("../images/Index/advant_icon.jpg") no-repeat 0 1rem; background-size: 0.25rem 0.208rem; font-size: 1rem; line-height: 2rem; color: #666666; padding-left: 4%; border-bottom: 1px dashed #e5e5e5;}
.g-advantage dd li:last-child{ border-bottom: none;}
.g-advantage dd li i{ color: #00a58f;}
.g-advantage .m-cnt{ height: 0.5rem; margin-top: 0.5rem; text-align: center; padding-left: 13%;}
.g-advantage .m-cnt li{ width: 17%; height: 0.5rem; background: #c8c8c8; display: inline-block; float: left; margin-right: 5%;}
.g-advantage .m-cnt li.z-on{ background: #00a58f;}


/*广告2*/
.g-banner2{ height: 7.5rem; overflow: hidden; background: url("../images/Index/banner2.jpg") no-repeat center 0; background-size: 100% 7.5rem;  margin-bottom: 2.4rem;}
.g-banner2 p{ width: 29.2%; height: 1.79rem; line-height: 1.79rem; text-align: center; background: #fff; color: #393939; font-size: 1rem; margin: 5rem 0 0 35.5%;}


/*经典案例*/
.case{ overflow: hidden; margin-bottom: 2.9rem;}
.case h2{ margin-bottom:1.4rem; background: url("../images/Index/case_title_bg.jpg") no-repeat center bottom; background-size: 100% 0.54rem; font-size: 1.25rem; color: #393939;text-align: center; font-weight: bold; padding-bottom: 1rem;}
.case p{ margin: 0 3.125%; overflow: hidden; position: relative; height: 14.58rem;}
.case p img { display: block;
   width:100%; padding: 0.42rem; background: url("../images/Index/bg1.jpg"); background-size: 100%;  border: 1px solid #e2e2e2; box-sizing: border-box;}
.case span { display: block; height: 1.92rem; line-height: 1.92rem; font-size: 1rem; color: #fff; background: #000; opacity: .6; text-align: center; position: absolute; left: 0.48rem; bottom: 0.42rem; width: 96%;}
.case em{ display: block; font-size: 1rem; color: #0052a8; text-align: center; margin-top: 1rem;}
.case em a{ color: #0052a8; border-bottom: 1px solid #0052a8;}


/*荣誉资质*/
.g-honor{ overflow: hidden; background: #ececec; background-size: 100%; padding-bottom: 1rem;}
.g-honor h2{  margin: 1rem 0; background-size: 100% 6.17rem; font-size: 1.5rem; color: #333; font-weight: bold; text-align: center;}
.g-honor .prev{ float: left; margin: 2.7rem 0 0 3%;}
.g-honor .next{ float: right; margin: 2.7rem 3% 0 0;}
.g-honor .prev,.g-honor .next{ width: 1.5rem; height: 1.5rem;}
.g-honor .prev img,.g-honor .next img{ display: block; width: 100%; height: auto;}
.g-honor .nowarp{ width: 75.31%; margin: 0 auto; overflow: hidden;}
.g-honor li{ width: 47.71%; height: 11.58rem; overflow: hidden; float: left; position: relative;}
.g-honor li img{ display: block; width: 100%; padding: 0.75rem; border: 1px solid #ebebeb; background: #fff; box-sizing: border-box;}
.g-honor li span{ font-size: 1rem; display: block; width: 100%; text-align: center; margin-top: 0.5rem; color: #000000;}
.g-honor a:nth-child(2n) li{float: right;}




/*客户见证*/
.witness{ overflow: hidden; font-family: "Arial"; margin-bottom: 1.4rem;}
.witness h2{ margin-bottom:1.7rem; background: url("../images/Index/witness_title_bg.jpg") no-repeat center bottom; background-size: 100% 0.54rem; font-size: 1.25rem; color: #393939;text-align: center; font-weight: bold; padding-bottom: 1rem;}
.witness dl{ height: 7.29rem; overflow: hidden; margin: 0 3.125% 1.33rem;}
.witness dt{ width: 46.3%; float: left; overflow: hidden; height: 7.29rem;background: #ccc;}
.witness dt img{ display: block; width: 100%;height: 100%;}
.witness dd{ width: 50%; float: right; overflow: hidden;}
.witness dd h3{ font-size:1rem; color: #393939; margin-bottom: 0.3rem; font-weight: bold;display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.witness dd p{ font-size: 1rem; line-height: 1.25rem; color: #999999;overflow: hidden; height: 3.9rem;}
.witness dd .detail{ font-size: 1rem; display: block; color: #191919; font-family: "Arial"; margin-top: 0.4rem;}




/*公司介绍*/
.g-company{ background: url("../images/Index/about_bg.jpg") #dedede no-repeat center 0; overflow: hidden; background:-size:100%;}
.g-company h2{ text-align: center; font-size: 1.25rem; color: #fff; font-weight: bold; margin: 1.3rem 0 1.3rem;}
.g-company h2 span{ color: #fff; text-transform: uppercase;}
.g-company dl{ margin: 0 3%; overflow: hidden;}
.g-company dt{ width: 100%; margin: 0 auto 1rem;}
.g-company dt img{ display: block; width: 100%; height: auto; border: 0.42rem solid #fff; box-sizing: border-box;}
.g-company dd{ overflow: hidden;}
.g-company dd h3{ text-align: center; font-size: 1.2rem; font-weight: bold; color: #282828; margin-bottom: 0.5rem;}
.g-company dd .p{ color: #242424; font-size: 1rem; height: 24rem; line-height: 1.5rem; overflow: hidden;}
.g-company dd em{ display: block; text-align: right; margin-top: 0.2rem;}
.g-company dd .more{ font-size: 1rem; color: #242424;  padding-bottom: 1rem;  display: inline-block;}






/*新闻资讯*/
.new{ overflow: hidden;  font-family: "Arial"; background: #fff;}
.n_q{ height: 3.17rem; line-height:3.17rem; overflow: hidden; background: #f0f0f0; margin-bottom: 1rem;}
.n_q li{ font-size: 1rem;color: #393939; float: left; font-weight: normal; width: 33.333%; text-align: center; height: 3.17rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; }
.n_q li.z-on{ border-top: 0.25rem solid #00a58f; font-weight: bold; color: #00a58f; background: #fff;}
.new .con{ float: left; display: inline; width: 100%;}
.n_c ul{ padding: 0 3.9%;}
.n_c ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; font-family: "Arial"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative;}
.n_c ul li:before{ content: ''; width: 0.33rem; height: 0.33rem; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 1rem; left: 0;}
.n_c ul li a{ color: #333333; font-family: "Arial"; float: left; width: calc(100% - 80px)}
.n_c ul li:nth-child(6){ border-bottom: 0;}
.n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1; width: 80px;}


@media screen and (min-width:320px) {
	html { font-size:12px;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}