﻿.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: #da251c;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: #da251c;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; margin-top:5px;}
.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-top:20px; margin-bottom:30px;}
.g-hzz ul{width:100%; 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:100%;overflow:hidden;margin:0 auto;}
.g-cp .m-cnt{ height:40px; width:100%;}
.g-cp .m-cnt li{ width:33.3%; text-align:center;height:40px;line-height:40px;background: #da251c; 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:40px;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: 49%;float: left;position: relative;line-height: 0; margin-top:20px;}
.g-cp .m-box ul li:nth-child(2n){ float:right; margin-left:1%;}
.g-cp .m-box ul li img{width:100%;border:#e5e5e5 1px solid;}
.g-cp .m-box ul li span{ font-size:1rem; color:#fff;display: block;width:99%;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:#da251c; margin-top:30px;}
.g-ban01 b{font-size:18px;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;}

.adv{ width:100%; margin: 0 auto;}
.adv ul{ margin-top:50px;}
.adv li{width:47%;border:2px solid #ddd; float: left; margin-bottom:20px;margin-right:2%; border-radius: 4px; padding-bottom:30px;}
.adv li:nth-child(2n) {margin-right:0px; float:right;}
.adv li:hover{-webkit-animation: test 0.3s ease-in 2;}
.adv1_tp{ width:60px; margin: 0 auto; padding:15px 0px;}
.adv1_w{ text-align: center; font-size:14px; font-weight:bold; color: #5c3206;}
.adv1_w span{text-transform:uppercase; font-weight:normal; font-size: 12px; color: #999;  font-family:Arial;}
.adv1_wz{ font-size: 12px; color: #5c3206; text-align: center; margin-top:10px; line-height:20px;}
/*走进*/
.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: #da251c;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:98%; margin:0 auto; padding:1%; 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; text-align:center;}
.g-about dl dd span a{ font-size:16px;color:#333;}
.g-about dl dd p{ width:100%;font-size:1rem;  color:#6e6e6e; line-height:2rem; padding:0.5rem 0 0;}
.lefts{width:100%;margin-top:.4rem;margin-bottom:.3rem}
.lefts a{display: inline-block;width:100%;height:100%}
.lefts .pic{width:40%; float:left; margin-right:2%;}
.lefts .pic img{width:100%;}
.lefts .tit{width:58%; float:left;height:45px;line-height:45px;margin:auto;}
.lefts .tit .strong{float: left;text-align: left;font-size:1.2rem;color:#999999;color:#333333;margin:auto;width:100%;}
.lefts .txt{margin:auto;width:58%;line-height:25px;color:#999999;font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
/*服务*/
.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{ margin-bottom:20px;overflow: hidden; margin-top:20px;}
.til03{height:4.04rem;line-height: 4.04rem;background: #da251c;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;}

.m-casee ul{width:100%; margin:0 auto;}
.m-casee ul li{width:49%;float: left; margin-right:1%; margin-top:20px;overflow: hidden;}
.m-casee ul li:nth-child(2n){ float:right; margin-right:0;}
.m-casee ul li img{width:100%;border:#e5e5e5 1px solid;}
.m-casee ul li p{width:100%; height:30px; line-height:30px; background:#eee; text-align:center; font-size:1rem; }


.m-case .list {	margin-top:20px;	width: 100%;	display: table;}
.m-case .list li {	float: left;	position: relative;	width: 48%;	margin-right: 4%;	margin-bottom: 13px;	transition: all ease .5s;}
.m-case .list li:nth-child(1), .m-case .list li:nth-child(10) {	width: 100%;}
.m-case .list li:nth-child(3),.m-case .list li:nth-child(5) ,.m-case .list li:nth-child(7) ,.m-case .list li:nth-child(9) {	margin-right: 0;}
.m-case .list li .img {	width: 100%;	position: relative;}
.m-case .list li .img::after{	content: '';	width: 100%;	height: 72px;	position: absolute;	left: 0;	bottom: 0;	background: url(../images/cbg2.png) left top repeat-x;}
.m-case .list li .img img {	width: 100%;}
.m-case .list li .txt {	width: 100%;	font-size: 12px;	color: #fff;	line-height: 25px;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;	position: absolute;	left: 0;	bottom: 0;	padding: 0 10px 10px;}




.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:#ff0c00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0c00), to(#da251c)); 
	background-image: -webkit-linear-gradient(top, #ff0c00, #da251c); 
	background-image: -moz-linear-gradient(top,  #ff0c00, #da251c); 
	background-image: -o-linear-gradient(top,  #ff0c00, #da251c); 
	background-image: -ms-linear-gradient(top, #ff0c00, #da251c); 
	background-image: linear-gradient(top, #ff0c00, #da251c);}
.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:4.54rem;color: #555;}
.g-ft .f_p02 span{display: block;color: #333;}
.g-ft .f_p03{height:13.67rem;color: #da251c;width: 40%;margin:0 auto;text-align: center;}
.g-ft .f_p03 span{display: block;line-height: 267%;}

.g-kefu{ width:100%; background:#da251c; 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%;}
.detail-table caption{ height:58px; text-align:center; line-height:58px; font-size:20px; font-weight:bold; color:#333333; background:#efefef; border:1px solid #d3d3d3; border-bottom:none;}
.detail-table span{ height:58px; text-align:center; line-height:58px; font-size:20px; font-weight:bold; color:#333333; background:#efefef; border:1px solid #d3d3d3; border-bottom:none;display:block;}
.detail-table th{ font-size:16px; color:#1b1b1b; text-align:center; line-height:46px; background:#f6f6f6; border:1px solid #d3d3d3;}
.detail-table td{ padding: 0 18px; font-size:14px; line-height:33px; border:1px solid #d3d3d3;}



/*选择*/
.m-choi{height: 16rem;overflow: hidden; margin-top:30px;}
.m-choi h2{position: relative;height: 4.08rem;font-weight: bold;color: #da251c;}
.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: #da251c;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: #000;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;}

.news {	width:96%;	background: #efefef;	padding:2%; padding-top:5%;}
.news .left {width: 100%;}
.news .left .title {}
.news .left .title .t1 {	font-size: 30px;	line-height: 1;	font-weight: bold;	color: #222;	font-family: Tahoma;}
.news .left .title .t2 {	font-size: 15px;	line-height: 1;	color: #222;	margin-top: 10px;}
.news .left .once {	width: 100%;margin-top: 18px;}
.news .left .once .img {	width: 100%;	position: relative;}
.news .left .once .img img {	width: 100%;}
.news .left .once .img span {	width: 43px;	height: 20px;	background: #da251c;	font-size: 12px;	color: #fff;	line-height: 20px;	display: block;	position: absolute;	left: -11px;	top: 11px;	z-index: 2;	text-align: center;	text-transform: uppercase;	transform: rotate(90deg);}
.news .left .once .tbox {	padding: 15px 12px;	background: #fff;}
.news .left .once .tbox .t1 {	font-size: 16px;	line-height: 25px;	color: #222;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;}
.news .left .once .tbox .t2 {	font-size: 12px;	line-height: 20px;	color: #666;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;	margin-top: 10px;}
.news .left .once .tbox .time {	font-size: 14px;	line-height: 24px;	color: #666;	background: url(../images/nicon1.png) left center no-repeat;	background-size: 14px;	padding-left: 20px;	margin-top: 10px;}
.news .list {width:96%; margin:0px; padding:0px;}
.news .list li {width:100%;	background: #fff url(../images/nicon1.png) 95% center no-repeat;background-size: 19px;	border-bottom: 1px solid #f4f4f4;	padding:2%;	position: relative;	transition: all ease .5s;	margin-top: 10px;}
.news .list li .time {	font-size: 16px;	line-height: 25px;	color: #222;}
.news .list li .time span {	font-size: 12px;	color: #666;	margin-left: 10px;}
.news .list li .t1 {	font-size: 18px;	line-height: 25px;	color: #222;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;	margin-top: 8px;	transition: all ease .5s;}
.news .list li:hover .t1 {	color: #da251c;	font-size: 16px;}
.news .list li .t2 {	font-size: 12px;	line-height: 25px;	color: #666;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;}

.g-fenll{ width:100%; padding:0 0 0.9rem; overflow:hidden;}
.g-fenll .m-bt{height: 3.031em;line-height: 3.031em;display: block; font-weight:bold;color: #333;background: url(../images/ico05.png) right center no-repeat #f4f4f4;padding: 0 1.125em;border-top: 1px solid #fff;font-size: 1.125em;}
.g-fenll .m-bt:before{ content:"";width: 10rem;height: 0.17rem;background: #0093ca;position: absolute;bottom: 0;left: 0.83rem;}
.sedcplist{ clear:both; margin-bottom:20px;}
.sedcplist a{display:inline-block; text-align:center;width:32%; margin-right:0.8%; color:#666; line-height:40px;height:40px;border: 1px solid #dadada; margin-top:5px; background: #fefefe;}
.sedcplist a:nth-child(3n){ float:right; margin-right:0;}

.sedcplist a:hover{display:inline-block;color:#fff;text-align:center;width:32%; margin-right:0.8%;color:#fff;line-height:40px;height:40px;border: 1px solid #da251c; margin-top:5px; background: #da251c;}
.sedcplist a:hover:nth-child(3n){ float:right; margin-right:0;}

/**************留言*****************/
#feedback_form{ margin-top:50px; margin-bottom:80px;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:95%;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{padding:10px 0;}
#feedback_form textarea{height:100px;width:95%;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#da251c;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0; float:right;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#0089e2;}

