﻿.wrap{}	
.wrap img{ width:100%;}	
@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:84.4%;}}
@media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/
@media screen and (min-width:400px) {html { font-size:87%;}}
@media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6P*/
@media screen and (min-width:480px) {html { font-size:112.5%;}}
@media screen and (min-width:550px) {html { font-size:131.25%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}
/*导航样式*/
.g-nav { position:relative;width: 100%;height: 6.67rem;background: #264a4a;overflow: hidden;}
.g-nav:before{ content:"";width: 100%;height: 1px;position: absolute;top: 50%;left: 0;background: #fff;}
.g-nav a { font-size:1rem; color:#fff;height: 3.33rem;line-height: 3.33rem; width:33.3%; text-align:center; display:block; float:left; position:relative;}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-nav a:nth-child(3n):before{ background:none;}
/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*合作客户*/
.g-hz .m-bt,.g-ys .m-bt,.g-fuw .m-bt,.g-plan .m-bt,.g-hzz .m-bt{display: block;width: 100%;text-align: center;font-size: 1.17rem;color: #264a4a;font-weight: bold;height: 3rem;position: relative;}
.g-hz .m-bt i,.g-ys .m-bt i,.g-fuw .m-bt i,.g-plan .m-bt i,.g-hzz .m-bt i{display: block; font-family:Arial, Helvetica, sans-serif;font-size: 0.75rem;color: #e0e0e0;font-weight: normal;text-transform: uppercase;}
.g-hz .m-bt:before,.g-ys .m-bt:before,.g-fuw .m-bt:before,.g-plan .m-bt:before,.g-hzz .m-bt:before{ content:"";width: 11.83rem;height: 1px;background: #ccc;position: absolute;bottom: 0;left: 5.75rem;}
.g-hz .m-bt:after,.g-ys .m-bt:after,.g-fuw .m-bt:after,.g-plan .m-bt:after,.g-hzz .m-bt:after{ content:"";width: 11.83rem;height: 1px;background: #ccc;position: absolute;bottom: -0.25rem;left: 9rem;}

/*合作客户*/
.g-hzz{ padding:1rem 0 1rem;}
.g-hzz ul{width:94%; margin:0 auto;}
.g-hzz ul li{width:49%;float: left; margin-right:1%; margin-top:20px;overflow: hidden;}
.g-hzz ul li:nth-child(2n){ float:right; margin-right:0;}
.g-hzz ul li img{width:100%;border:#e5e5e5 1px solid;}
.g-hzz ul li p{width:100%; height:30px; line-height:30px; background:#eee; text-align:center; font-size:1rem; }

/*产品图片*/
.g-cp{ width:25rem; height:30rem; overflow:hidden;margin:0 auto;}
.g-cp .m-cnt{ height:2.08rem; width:100%;}
.g-cp .m-cnt li{ width:33.3%; text-align:center;height: 2.08rem;line-height: 2.08rem;background: #264a4a; float:left;font-size:1rem;color: #fff;position: relative;}
.g-cp .m-cnt li.z-on{ background:#000;color: #fff}
.g-cp .m-cnt li.z-on:before{ content:"";width: 0;height: 0;position: absolute;top: 2.08rem;left: 4rem;border-top:0.4rem solid #000;border-left:0.4rem solid transparent;border-right:0.4rem solid transparent;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp .m-box ul li{width: 11.96rem;height:11.88rem;float: left;position: relative;line-height: 0; margin:1.25rem 1rem 0 0;}
.g-cp .m-box ul li img{width: 11.88rem;height: 11.88rem;border:#e5e5e5 1px solid;}
.g-cp .m-box ul li span{ font-size:1rem; color:#fff;display: block;width: 11.88rem;text-align: center;height: 1.67rem;line-height: 1.67rem;overflow: hidden;text-transform: uppercase;position: absolute;bottom: 1px;right: 1px; background:rgba(0,0,0,0.7);}
.g-cp .m-box ul li:nth-child(2n){ margin-right:0;}
/*广告条*/
.g-ban01{ display:block; width:100%; text-align:center; overflow:hidden; height:3.67rem; line-height:3.67rem; font-size:0.75rem; color:#fff; background:#264a4a;}
.g-ban01 b{font-size: 1.3rem;line-height:3.67rem; }
.g-ban01 em{ display:inline-block;width: 1.67rem; padding:0 2% 0 0;}
.g-ban01 em img{width: 1.67rem;height: 1.67rem; vertical-align:middle;}
/*选择*/
.m-choi{height: 16rem;overflow: hidden; margin-top:30px;}
.m-choi h2{position: relative;height: 4.08rem;font-weight: bold;color: #fa7821;}
.m-choi h2:before,.m-choi h2:after,.m-serve h2:before,.m-serve h2:after,.m-tecp h2:before,.m-tecp h2:after{content: "";position: absolute;width: 2.125rem;height: 1px;background: #fa7821;top:1.83rem;right: 2.8%;}
.m-choi h2:before{left: 2.8%;}
.m-choi h2 span{width: 52.5%;text-align:right;float: left;font-size: 1.33rem;color: #264a4a;line-height: 113%;}
.m-choi h2 b{width:36%;float: left;font-size:2.08rem;line-height:140%;padding: 0 0 0 0.5rem;}
.m-choi h2 span em{display: block;font-size:0.83rem;font-family: Arial;padding: 0.21rem 0 0;font-weight: normal;text-transform: uppercase;color: #fa7821;line-height: 110%;}
.choi_c li{width: 22.2%;float: left;margin-left:8.35%;font-size: 1rem;line-height: 150%;text-align: center;color: #444;}
.choi_c li img{display: block;}
.choi_c li span{display: block;padding: 0.75rem 0 0;}
/*走进*/
.g-about{ width:100%; overflow:hidden; padding:0 0 1rem;}
.til01a{font-size:1rem;line-height:1.458rem;color: #fff;height:2.75rem;padding: 1.29rem 0 0;background: #264a4a;position: relative;}
.til01a em{text-transform: uppercase;color: #cce0f1;font-family:Arial;font-size:0.92rem;border-bottom: solid 1px #cce0f1;border-top: solid 1px #cce0f1;display: inline-block;float: left;}
.til01a b{width:42.66%;text-align: right;float: left;font-size:1.25rem;padding: 0 0.58rem 0 0;}
.til01a:before{content: "";position: absolute;width:2.16rem;height:0.83rem;background:url(../images/ico07.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;top:4.02rem;left: 50%;margin-left: -1.08rem;}
.g-about dl{ width:96%; margin:0 auto; padding:2%; margin-top:15px;}
.g-about dl dt{ width:100%;}
.g-about dl dt img{width:100%;}
.g-about dl dd{ width:100%; padding:0.83rem 0 0;}
.g-about dl dd span{ display:block; width:100%; overflow:hidden;}
.g-about dl dd span a{ font-size:1rem; color:#333;}
.g-about dl dd p{ width:100%;font-size:1rem;  color:#6e6e6e; line-height:2rem; padding:0.5rem 0 0;}
/**/
.g-news{ width:100%; height:18rem; overflow:hidden;}
.g-news .m-cnt{ height:2.5rem; width:100%; background:#333;}
.g-news .m-cnt li{ width:50%; text-align:center;height: 2.5rem;line-height: 2.5rem; float:left;font-size: 1rem;color: #fff;overflow: hidden;}
.g-news .m-cnt li.z-on{ background:#264a4a;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:25rem; margin:0 auto; padding:0.75rem 0 0;}
.g-news .m-box ul li{ height:1.75rem; line-height:1.75rem;overflow: hidden; background:url(../images/p.png) left center no-repeat; border-bottom:1px solid #eee;}
.g-news .m-box ul li a{font-size:1rem; color:#333;display: inline-block; width:60%; padding-left:15px;white-space: nowrap;overflow: hidden;}
.g-news .m-box ul li span{ font-size:1rem;  color:#333;float: right;}

/*服务*/
.page{ clear:both; margin-bottom:20px;}
.digg4  { padding:3px; margin:3px; text-align:center; font-family:Tahoma, Arial, Helvetica, Sans-serif;  font-size: 1rem;}
.digg4  a,.digg4 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; margin:2px; color:#aaa; text-decoration:none;}
.digg4  a:hover { border:1px solid #a0a0a0; }
/*分类*/
.g-fenl{ width:100%; padding:0 0 0.9rem;background: #f8f8f8; overflow:hidden;}
.g-fenl .m-bt{height: 3.031em;line-height: 3.031em;display: block;color: #333;background: #f4f4f4;padding: 0 1.125em;border-top: 1px solid #fff;font-size: 1.125em;}
.g-fenl .m-bt:before{ content:"";width: 10rem;height: 0.17rem;background: #0093ca;position: absolute;bottom: 0;left: 0.83rem;}

/*案例*/
.more01{font-size: 1rem;color: #999;font-family: Arial;padding: 0 0.92rem 0 0;background:url(../Images/ico05.png) no-repeat right center;-webkit-background-size:0.75rem 0.75rem;-ms-background-size:0.75rem 0.75rem;-o-background-size:0.75rem 0.75rem;background-size:0.75rem 0.75rem;}
.m-case{height:23rem;overflow: hidden;}
.til03{height:4.04rem;line-height: 4.04rem;background: #264a4a;color: #fff;font-size: 1.25rem;}
.m-case .til03{padding: 0 4.6%;}
.m-case .til03 .more01{color: #fff}
.m-case .til03 span{padding: 0 0 0 2.5rem;background:url(../Images/ico02.png) no-repeat 0 center;-webkit-background-size:1.71rem 1.96rem;-ms-background-size:1.71rem 1.96rem;-o-background-size:1.71rem 1.96rem;background-size:1.71rem 1.96rem;display:block;float: left;}
.casetil{height:8rem; margin-top:20px;overflow: hidden; margin-right:5px;}
.casetil li{margin: 0 1.2% 0.33rem 0; display:inline-block;}
.casetil a:nth-child(1) li{margin:0;height:6.29rem;background: #fa7821;color: #fff;line-height:6.29rem;float: right;}
.casetil li{width:32.49%;float: left;height:3rem;line-height:3rem;text-align: center;color: #222;background: #d7d7d7;font-size:1rem;margin: 0 0 0.33rem 1.25%;}



.g-ft{ height:auto;padding:0 0 4.33rem;position: relative;text-align: center;font-size: 1rem;color: #666;line-height: 170%;}
.g-ft .ontop{text-align: center;height:2.875rem;font-size:1rem;color:#fff;line-height: 2.875rem;display: block;background-color:#264a4a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#264a4a), to(#396161)); 
	background-image: -webkit-linear-gradient(top, #264a4a, #396161); 
	background-image: -moz-linear-gradient(top,  #264a4a, #396161); 
	background-image: -o-linear-gradient(top,  #264a4a, #396161); 
	background-image: -ms-linear-gradient(top, #264a4a, #396161); 
	background-image: linear-gradient(top, #264a4a, #396161);}
.g-ft .ontop span{padding: 0 0 0 1.59rem;position: relative;display:inline-block;}
.g-ft .ontop span:before{content: "";position: absolute;width:1.08rem;height:2.875rem;top: 0;left:0;background:url(../Images/ico05.gif) no-repeat 0 0.92rem;-webkit-background-size:1.08rem 1.04rem;-ms-background-size:1.08rem 1.04rem;-o-background-size:1.08rem 1.04rem;background-size:1.08rem 1.04rem;}
.g-ft .f_p01{height:4.79rem;padding:2.04rem 0 0;color: #555;}
.g-ft .f_p01 a{padding:0 0.5rem;color: #222;}
.g-ft .f_p02{height:3rem;color: #555;}
.g-ft .f_p02 span{display: block;color: #333;}
.g-ft .f_p03{height:13.67rem;color: #264a4a;width: 32.97%;margin:0 auto;text-align: center;}
.g-ft .f_p03 span{display: block;line-height: 267%;}

.g-kefu{ width:100%; background:#264a4a; position:fixed; bottom:0; max-width:640px; min-width:320px; z-index:101;}
.g-kefu ul li{ width:25%; text-align:center; float:left; padding:1% 0; position:relative;}
.g-kefu ul li:after{ position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-kefu ul li:last-child:after{ background:none;}
.g-kefu ul li em{display:block; margin:0 auto;}
.g-kefu ul li em img{ width:30px;}
.g-kefu ul li a{ font-size:0.8rem; color:#fff;}



/*detail*/
.detail{ height:530px; padding:30px 15px 0 0;}
.detail-r{ width:310px;}
.detail-r h3{ padding:5px 0 10px; font-size:24px; font-weight:normal; border-bottom:1px dashed #959595;color:#000000;}
.detail-r h3 a{ color:#000000;}
.detail-r p{ height:295px; padding:15px 0 0 0; font-size:14px; line-height:26px; overflow:hidden;}
.detail-r p span{ display:block; padding:0 0 10px 0;}
.detail-r p span b{ color:#333333;}
.detail-r .ljzx{ display:block; width:205px; height:49px; text-align:center; line-height:49px; color:#ffffff; font-size:16px; background:url(../images/detail_bg1.gif) no-repeat center top;}
/*detail-table*/
.detail-table{ padding: 0 0 20px 0;}
.detail-table h2{ padding: 0 0 40px 0;}
table{ width:100%;}
