@charset "utf-8";

/* CSS Document */

*{ padding:0px; margin:0px;}

html{font-size:16px; }

body{padding:0;margin:0;overflow-x:hidden;width:100%;  padding-bottom:20px; font-family:"Microsoft YaHei"; color:#666666; background:#CCC; -webkit-text-size-adjust:none; font-size:1rem;}

a{color:#333;text-decoration:none;}

a:hover{text-decoration:none;}

li,ul,h3{padding:0;margin:0;list-style-type:none;}

img{border:0; max-width:100%;}

.clear:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

.blank{ height:0.8rem; clear:both; background:#f0f0f0;}




.logo{position: relative;width: 100%;}
.logo a.tel {position:absolute;display:block;width:7rem;height:6rem;right:0;top:0;text-indent:-99.99rem;}

.wrap{ margin:0 auto; max-width:640px; overflow:hidden; background:#FFF;}

.img img{ display:block;}

.nav li{ padding:1.7rem 0 0; width:25%; height:7.3rem; font-size:1.5rem; float:left; text-align:center; background:url(../images/client_35.jpg) no-repeat scroll right center transparent;}

.nav li div{ width:43%; margin:0 auto;}

.nav li.no{ background:none;}

.new{ height:3.5625rem; overflow:hidden; position:relative;}

.new dt{ float:left; width:23%; padding-left:2%; text-align:center; height:3.5625rem; background:url(../images/dtli.jpg) no-repeat scroll right center transparent;}

.new dd{ float:left; width:72.5%; padding-left:2.5%; height:3.5625rem; line-height:3.5625rem;}

.new dd .more{ float:left; border:1px solid #f98a8a; color:#f98a8a; font-size:0.8625rem; padding:0.2rem 0.3rem; margin-top:1rem; text-align:center; line-height:1rem; border-radius:3px; height:1rem; width:2rem;}

.new dd .p a{ float:left; padding-left:0.5rem; width:82.75%; overflow:hidden; font-size:1.125rem; height:3.5625rem; line-height:3.5625rem;}

.new dd a{color:#545454;}

.vice .vicelt{ float:left; text-align:center; width:40%; height:6.0625rem; background:url(../images/client_35.jpg) no-repeat scroll right center transparent; padding:3rem 0;}

.vice .vicelt .img{ width:24%; margin:0 auto;}

.vice a{ font-size:1.5rem; display:block;}

.vice p{ font-size:0.8625rem; color:#b2b2b2;}

.vice .vicert{ float:left; width:60%;}

.vice .vicert dl{ width:100%; height:3rem; padding:1.5rem 0;}

.vice .vicert .vicetop{ border-top:1px solid #e3e3e3;}

.vice .vicert dt{ float:left; padding-left:10%; width:15%;}

.vice .vicert dd{ float:left; padding-left:3.75%; width:71%;}

.title{ border-bottom:1px solid #e3e3e3; font-size:1.5rem; font-weight:bold; color:#333333; padding:1rem 0;}

.title span{ border-left:0.6rem solid #143ed9; padding-left:1rem; height:1.6rem; line-height:1.6rem;}

.title a{ color:#787878; font-size:1.125rem; font-weight:normal; line-height:2rem; float:right; padding-right:1rem;}

.bingz{ height:13.125rem;}

.bingz .bzlt{ width:28.75%; height:10.125rem; padding-top:3rem; float:left; border-bottom:1px solid #e3e3e3; text-align:center;}

.bingz .bzlt a{ color:#5db1ee;}

.bingz .bzlt h1{ font-size:1.375rem; font-weight:normal;}

.bingz .bzlt p{ font-size:0.625rem; line-height:1.2rem;}

.bingz .bzrt{ width:71.25%; float:left;}

.bingz .bzrt a{ border-bottom:1px solid #e3e3e3; background:url(../images/client_35.jpg) no-repeat scroll left center transparent; float:left; width:33.335%; height:4.3125rem; text-align:center; line-height:4.3125rem; font-size:1.35rem; color:#565656;}

.bingz a.bi{ color:#5db1ee;}

.bingz a.er{ color:#59d8d0;}

.bingz a.yh{ color:#97a0ec;}

.bingz a.hz{ color:#69c0d7;}

.bingz a.dhl{ width:66.6%;}

.bzhz{ height:8.75rem;}

.bzhz .bzlt{ height:8.225rem; padding-top:0.5rem;}

.ans span{ float:left; width:10.3125%;}

.ans .img{ float:left; width:12.03125%; padding:1rem 0 1rem 1rem;}

.ans dl{ float:left; width:65%; padding:1rem 0 1rem 2rem;}

.ans dl dt{ font-size:1.25rem; color:#333333; line-height:2rem;}

.ans dl dd{ font-size:0.875rem; color:#afafaf;}

.expert{ padding:0 3.75%;}

.zj{ border-bottom:1px dashed #e3e3e3; padding:1rem 0;}

.zj:last-child{ border:none;}

.zj .zjimg{ float:left; width:14.375%;}

.zj .zjdes{ float:left; width:60.3125%; padding-left:3.75%;}

.zj .zjtop{ color:#4b4b4b; font-size:1.375rem; line-height:2.3rem;}

.zj .zjcen{ color:#444444; font-size:1.125rem;}

.zj .zjbot{ color:#8b8b8b; font-size:1rem; line-height:1.7rem;}

.zj .zjbot span{ color:#fb7e3b;}

.zj .zjbut{ float:right; width:18.96875%; text-align:center; font-size:1.125rem;}

.zj .zjbut a{ display:block; border:1px solid #ff7d37; border-radius:3px; color:#ff7d37; padding:0.3rem 0;}

.zj .zjbut a.dh{ border:1px solid #36a9fa; color:#36a9fa; margin-top:0.6rem;}

.zj .zjgat{ float:left; width:100%; padding:1rem 0 0 1rem;}

.tech{ border-bottom:1px solid #e3e3e3; padding:2rem 0;}

.tech a{ width:61%; display:block; margin:0 auto;}

.tech .techli{ width:33.175%; float:left; text-align:center; background:url(../images/client_39.jpg) no-repeat scroll right center transparent;}

.tech .techli h2{ color:#333333; font-size:1.125rem; line-height:2.2rem;}

.tech .techli p{ font-size:0.875rem; margin-bottom:0.5rem;}

.tech .techli a.zx{ display:block; width:7.1875rem; margin:0 auto; border:1px solid #ff7d37; border-radius:3px; color:#ff7d37; padding:0.3rem 0; font-size:1.125rem;}

.tech .lino{ background:none;}

.case{ padding:1rem 1rem 0.5rem; width:95%;}

.case dl{ padding-bottom:0.5rem;}

.case dt{ text-align:center;}

.case dd{ padding:0.5rem 1.5rem; font-size:1.5rem; color:#333333; background:#eeeeee;}

.regist{ padding:1rem 2rem;}

.regist p{ font-size:1.125rem; color:#888888; padding-bottom:2rem;}

.regist li{ padding-bottom:1rem; font-size:1.125rem; font-weight:normal;}

.regist li p{ color:#f33636; padding:0; text-align:right;}

.regist label{ width:21.5%; color:#333333; display:inline-block; font-size:1.375rem;}

.regist input{ border:1px solid #e3e3e3; width:77%; height:3rem; line-height:3rem;}

.regist textarea{ border:1px solid #e3e3e3; width:77%; height:10rem; line-height:1rem;}

.regist input.sub{ background:#2f7fe2; border-radius:0.625rem; height:3.3rem; padding:1.5rem 0; width:100%; line-height:0; font-size:1.5rem; color:#FFF; border:none; cursor:pointer;}

.foot{ background:#1937d1; padding:2rem 0 8rem;}

.foot a{ font-size:1.25rem; color:#FFF;}

.foot .footnav{ width:19.21875%; height:6.25rem; padding-top:1rem; text-align:center; border-right:1px solid #2759e7; float:left;}

.foot .footcen{ width:59.21875%; height:6.25rem; padding-top:1rem; text-align:center; border-right:1px solid #2759e7; float:left; color:#FFF;}

.foot .footcen a{ padding:0 0.5rem 0.5rem; display:inline-block;}

.foot .footcen h3{ color:#d5e3ff; font-size:1rem; font-weight:normal;}

.foot .footcen p{ color:#9dcbfb; font-size:1rem;}

.foot .footrt{ width:19.21875%; height:6.25rem; padding-top:1rem; text-align:center; float:left;}



.spec li{ background:url(../images/client_35.jpg) no-repeat scroll right center transparent; border-bottom:1px solid #e3e3e3; width:25%; float: left; text-align:center; padding:2rem 0;}

.spec li a{ font-size:1.5rem; color:#5f5f5f;}

.spec li img{ width:4.25rem; height:4.25rem;  padding-bottom:0.5rem; display:inline-block;}

.spec li.no{ background:none;}

.spec li.ztno{ background:none; width:100%;}



.eval{ padding-left:1.8rem;}

.eval ul li{ float:left; width:30%; padding:0.5rem 0; text-align:center; margin:0.5rem 0.5rem 0 0; border-radius:3px; border:1px solid #e3e3e3;}

.eval ul li a{ font-size:1.25rem; color:#6895ed;}

.eval .comment{ width:96%; padding:1rem 0; border-bottom:1px dashed #e3e3e3;}

.eval .comment h5{ width:100%; font-size:1.375rem; color:#333333;}

.eval .comment p{ font-size:1.25rem; color:#8b8b8b; padding:0.3rem 0 0.7rem;}

.eval .comment .comlt{ float:left; color:#a2a2a2; font-size:1.125rem;}

.eval .comment .comlt span{ border:1px solid #ff9e04; border-radius:2px; padding:0 0.3rem; margin:0 0.3rem; color:#ff9e04;}

.eval .comment .comlt b{ font-weight:normal; color:#ff9e04;}

.eval .comment .comrt{ float:right; color:#cbcbcb; font-size:1rem;}

.eval .load{ width:96%; height:3rem; line-height:3rem; border:1px solid #2f7fe2; text-align:center; border-radius:0.5rem; margin:1REM 0;}

.eval .load a{ color:#2f7fe2;}

.eval .load a img{ width:3%; padding:0 0.5rem 0 0;}



.list{ border-bottom:1px solid #e3e3e3; padding:1rem 0; margin:0 1rem;}

.list .listlt{ float:left; width:45%; height:9.6875rem;}

.list .listlt img{ width:16.5625rem; height:9.625rem; }

.list .listrt{ float:left; width:50%; padding-left:1rem;}

.list .listrt h6 a{ color:#555555; font-size:1.25rem; line-height:3rem;}

.list .listrt p{ color:#919191; font-size:1.25rem;}

.list .listrt p a{ color:#48b4ff;}

.lisma .listlt img{ width:6.9375rem; height:6.9375rem;}

.lisma .listlt{ width:19%; height:6.875rem;}

.lisma .listrt{ width:76%;}

.dede_pages ul { font-size:1.375rem; padding: 1.5rem 0; width:81%; margin:0 auto;}

.dede_pages ul li { float: left; font-family: Tahoma; line-height: 1rem;  margin-right: 0.375rem;}

.dede_pages ul li a {color: #555; display: block; float: left; padding: 0.125rem 0.25rem;}

.dede_pages ul li a:hover { color: #690; padding: 0.125rem 0.25rem; text-decoration: none;}

.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { background-color: #f8f8f8; font-weight: bold; padding: 0.125rem 0.25rem; color:#ff0000;}

.dede_pages .pageinfo { color: #999; line-height: 1.3125rem; padding: 0.75rem 0.625rem 0.75remx 1rem;}

.dede_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0 0.125rem;}

.about{ padding:1rem 0; width:100%; text-align:center;}

.about a{ width:46%; display:inline-block;}

.rele{ padding:1rem;}

.rele li{ border-bottom:1px dashed #e3e3e3; font-size:1.25rem; height:3rem; line-height:3rem; background:url(../images/client_56.jpg) no-repeat scroll left center transparent; padding-left:1rem;}



.routop{ text-align:center; padding-bottom:1rem;}

.routop h1{ font-size:1.375rem; color:#555555; line-height:5rem;}

.routop p{ font-size:1.25rem; color:#333333;}

.routop img{ padding-top:1rem;}

.roucen{ padding-bottom:1rem;}

.roucen .rtit{ font-size:1.375rem; font-weight:bold; color:#333333; border-bottom:1px solid #e3e3e3; padding:0.5rem 0; margin-bottom:1.5rem;}

.roucen .rtit img{ padding:0 1rem; width:6%; float:left;}

.roucen .rtit p{ width:80%; float:left; line-height:2.5rem; padding:0; font-size:1.375rem;}

.roucen p{ font-size:1.125rem; padding:0 1.5rem 1rem; color:#333333;}

.roucen p b{ color:#2f7fe2;}

.roucen p span{ color:#666666; font-weight:bold;}



.place{ padding:1rem; font-size:1.5rem; color:#333333; border-bottom:1px dashed #e3e3e3;}

.place a{ color:#666666;}

.article{ padding:1rem;font-size:1.6rem;}
.article a{color: #0068b7;}
.article h1{ color:#333333; font-size:2.4rem; text-align:center; padding:0 0 1rem;}

.article .time{ color:#a3a3a3; font-size:1.125rem; padding-bottom:0.5rem; margin-bottom:1rem; border-bottom:1px solid #e3e3e3;}

.article p{ font-size:1.4rem; line-height:2.4rem; color:#333333; padding-bottom:1rem;}

.article p span{ color:#ff0000;}

.article h6{ border-left:5px solid #901010; font-size:1.375rem; color:#ea0909; padding-left:0.5rem; margin-bottom:1rem;}

.article h5{ border-left:5px solid #901010; font-size:1.25rem; color:#ea0909; padding:0.5rem 0 0.5rem 0.5rem; margin-bottom:1rem; background:#f3f3f3;}

.article .ove{ padding-top:1rem; border-bottom:1px dashed #e3e3e3;}

.after{ padding:1rem; font-size:1.5rem;}

.after a{ color:#666666;padding-bottom:1rem; display:block;}

.after .front{ float:left; width:45%;}

.after .back{ float:right; width:45%;}

.mingyi li{ background:url(../images/client_39.jpg) no-repeat scroll right center transparent; text-align:center; width:33.333333%; float:left; padding:2rem 0; color:#555555;}

.mingyi li h3{ font-size:1.25rem;}

.mingyi li p{ font-size:1.125rem;}

.mingyi li a{ padding-top:0.5rem; display:block;}

.mingyi li.no{ background:none;}







@media screen and (min-width:320px) {

html {font-size:0.625rem;}

.nav li{height: 6.5rem;padding: 1rem 0 0;}

}

@media screen and (min-width:400px) {

html {font-size:0.75rem;}

}

@media screen and (min-width:480px) {

html {font-size:0.825rem;}

.nav li{ height:6.5rem; padding:0.5rem 0 0;}

}

@media screen and (min-width:560px) {

html {font-size:1rem;}

}

@media screen and (min-width:600px) {

html {font-size:1rem;}

}

@media screen and (min-width:640px) {

html {font-size:1rem;}

.nav li{ height:7.3rem; padding:1.5rem 0 0;}

.article p ,.after,.case dd{ font-size: 1.25rem;}

}





/*2017-5-5 */















.nav4{

	height:45px;

}

.nav4 ul{

	position:fixed;

	z-index:200;

	bottom:0;

	left:0;

	width:100%

}

.nav4 li{

	

	height:45px;

	border-top:1px #d5d5d5 solid;

	border-right:0px #d5d5d5 solid;

	position:relative;

	-webkit-box-shadow:inset 0 0 3px #535353;

	float:left;

	width:25%;

}

.nav4 li:nth-of-type(1){border-left;0;}

.nav4 li>a{

	font-size:16px;

	-webkit-box-sizing:border-box;

	box-sizing:border-box;

	/*border:1px solid #f9f8f9;*/

	-webkit-tap-highlight-color:rgba(0,0,0,0);

	border-bottom:1px;

	display:block;

	line-height:45px;

	text-align:center;

	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff), color-stop(35% ,#fff), color-stop(50%, #fff) );

}

.nav4 li>a:only-child span{

	background:none;

	padding-left:0;

}

.nav4 li>a.on + dl{

	display: block;

}

.nav4 li>a span{

	color: #535353;

	display: inline-block;

	padding-left: 15px;

	

	-webkit-background-size: 9px auto;

	text-shadow:0px 0px 0px #535353;

}

/***********************/

.nav4 dl{

	display:none;

	position:absolute;

	z-index:220;

	bottom:60px;

	left:50%;

	width:145px;

	margin-left:-50px;

	background:red;

	/*min-height:100px;*/

	

	/*border:1px solid #afaeaf;*/

	

	-webkit-box-shadow:inset 0 0 3px #fff;

	background:url(../images/2.svg#3) no-repeat center center;

	-webkit-background-size:100%;

	background-size:100%;

}

/*, .nav4 dl:after*/

.nav4 dl:before{

	content:"";

	display:inline-block;

	position:absolute;

	z-index:240;

	bottom:0;

	left:50%;

	/*width:0;

	height:0;

	border:8px solid red;

	border-color:#afaeaf transparent transparent transparent;

	margin-left:-8px;

	margin-bottom:-16px;*/

	width:10px;

	height:8px;

	background: url(../images/1.svg#2) no-repeat center -55px;

	-webkit-background-size: 10px auto;

	bottom: -7px;

	margin-left: -5px;

}

/*.nav4 dl:after{

	z-index:241;

	border-color:#e4e3e2 transparent transparent transparent;

	margin-bottom:-15px;

}*/

.nav4 dl dd{

	line-height:45px;

	text-align:center;

	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(194,194,194,0.8)), to(rgba(194,194,194,0.8)), color-stop(50%, rgba(194,194,194,0.8)));

	background-size:80%;

	background-repeat:no-repeat;

	background-position: center bottom;

	/*background: url(../images/3.svg#4) no-repeat center bottom;

	-webkit-background-size:100px 1px;*/

}

.nav4 dl dd:last-of-type{

	background:none;

}

.nav4 dl dd a{

	font-size: 15px;

	display:block;

	color:#4f4d4f;

	

	white-space: pre;

	overflow: hidden;

	text-overflow: ellipsis;

}

.nav4 .masklayer_div{

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 180;

	background: rgba(0,0,0,0);

}

.nav4 .masklayer_div.on{display: block;}