*{
	box-sizing:border-box;
	-mox-box-sizing:border-box;
	-webkitbox-sizing:border-box;
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{
	border:medium none;
	margin:0;
	padding:0;
	font-weight:normal
	}
	
ul,ol{
	list-style: none
	}
input[type=button],input[type=submit]{
	-webkit-appearance:none;
	outline:none;
	border-radius:0}
	
input[type="checkbox"] {
    margin-right: 5px;
}

input[type="radio"]{
	margin-right:10px;
}		
	
a{
	text-decoration:none;
	color:inherit;}

input:focus,
textarea:focus{
	outline:none
	}

.clear{clear:both}
img{
	max-width:100%;
}
a img{
	border:none;
	margin:0;
	padding:0
	}

body{
	font-size:12px;
	font-family:'微软雅黑',Arial;
	background:#F8F8F8;
	}

#container{
	margin:0 auto;
	background:#FFF;
}

.section-wrapper{
	width:1400px;
	margin:auto;
}

.section-wrapper:before,
.section-wrapper:after{
	content:'';
	display:block;
	width:100%;
	height:0px;
	clear:both;
	visibility:hidden;
}


/*顶部*/
header{
	width:100%;
	height:103px;
	border-bottom:3px solid #f5a814;
	background: #FFF;
}

.logo-wrapper{
	float:left;
	width:500px;
	padding:19px 0px;
}

.header-nav{
	float:left;	
	width:700px;
	margin-top:35px;
	margin-bottom:10px;
}

.header-nav li{
	float:left;
	font-family:"Microsoft yahei";
	font-size:18px;
	color:#333;
	width:20%;
	text-align:center;	
	line-height:45px;
	}

.header-nav li:hover{
	color:#f5a814;
}

.nav-sub-box{
	position:absolute;
	
	left:0;
	background:RGBA(29,29,29,0.6);
	width:100%;
	height:280px;
	margin:0 auto;	
	color:#FFF;
	display:none;
	z-index:99;
	border-top: 3px solid #f5a814;
}


.nav-sub-box .nav-box{
	float:left;
	text-align:left;
	margin:15px 0px 20px 0px;
	width:20%;
}

.nav-sub-box .nav-box2{
	float:left;
	text-align:left;
	padding:7.5px 0px;
	display:block;
	width:50%;
}

.nav-sub-box .nav-box2 dt{
	margin-bottom:0px;
	line-height:40px;
}

.nav-sub-box dt{
	width:50%;
	font-size:16px;
	border-bottom:1px solid #FFF;
	margin-bottom:5px;
}

.nav-sub-box dd{
	font-size:13px;
	line-height:30px;
}

/*顶部end*/


.applications-list{
	overflow:hidden;	
	background:#2B2B2B;
	height:200px;
}


.applications-list li{
	width:11.11%;
	float:left;
	text-align:center;
	border-right:1px solid #6b6b6b;
	transition:1s;	
}

.applications-list li .icon {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #FFF;
    margin:20px auto 20px;
	font-size:24px;
	line-height:40px;
}


.applications-list:hover li{
	width:9%;
}

.applications-list li:hover{
	width:28%;
	background-color:#121212;
}

.applications-list li .test-item-title{
	display:block;
	float:left;
	font-size:16px;
	color:#FFF;
	vertical-align:middle;
	min-height:200px;
	width:100%;		
}

.applications-list li .test-item-title .more{
	background:#f5a814;
	width:100px;
	border-radius:10px;
	color:#000;
	padding:5px 8px;
	font-size:14px;
	margin:25px auto;
}
.applications-list li:hover .test-item-title .more{
	color:#FFF;
}



.section-wrapper-head {
    width: 300px;
    font-size: 28px;
    font-weight: 600;
    color: #333;
    line-height: 40px;
    text-align: center;
    margin: 40px auto 20px;
}

.section-wrapper-head span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-family: "Arial";
    color: #666;
    border-top: 1px solid #DDD;
    margin-top: 10px;
}
	
/*服务流程*/
.service-step{
	overflow:hidden;
}

.service-step .box1{
	width:600px;
	float:left;
	padding:40px 10px;
}

.service-step .box2{
	width:600px;
	float:left;
	padding-top:40px;
	color:#666;
}

.service-step .box2 h3{
	text-align:center;
	font-size:16px;
	font-weight:normal;
	margin:0.5em 0em;
}


.service-step .box1 h3{
	font-size:16px;
	font-weight:bold;
	margin:1em 0em;
	color:#f5a814;
}

.service-step .box1 p{
	font-size:14px;
	padding:0.5em 0em;
	line-height:175%;
	color:#666;
}




.service-step .step{
	text-align:center;
	width:11.11%;
	float:left;
	margin:auto;
}

.service-step .step .step-title{
	font-size:16px;
	margin:20px auto;
}
.service-step .line-box{
	float:left;	
	width:11%;
}

.service-step .line1,
.service-step .line2,
.service-step .line3,
.service-step .line4{
	width:0%;
	height:2px;
	margin-top:20px;
	background:#f5a814;
}

.line1{
	animation:changewidth1 4s ease-out infinite;
}

.line2{
	animation:changewidth2 4s ease-out infinite;
}

.line3{
	animation:changewidth3 4s ease-out infinite;
}

.line4{
	animation:changewidth4 4s ease-out infinite;
}


@keyframes changewidth1{
	0%{width:0%;}
	25%{width:100%;}
	100%{width:100%;}
	}

@keyframes changewidth2{
	25%{width:0%;}
	50%{width:100%;}	
	100%{width:100%;}	
}
@keyframes changewidth3{
	0%{width:0%;}	
	50%{width:0%;}
	75%{width:100%;}
	100%{width:100%;}	
}
@keyframes changewidth4{
	0%{width:0%;}	
	75%{width:0%;}
	100%{width:100%;}
}

.service-step .step i{
	display:block;
	color:#333;
	text-align:center;
	font-size:20px;
	line-height:40px;
	width:40px;
	height:40px;
	border:2px solid #DDD;	
	border-radius:50%;
	margin:auto;
	animation:changecolor 3s ease-out infinite;
}
	
	
/*服务流程 end*/
	
	
/*测试案例*/
.case-box1{
	width:250px;
	float:left;
	overflow:hidden;
}	
.case-box1 li{
	display:block;
	font-size:16px;
	text-align:center;
	background:#333;
	color:#FFF;
	padding:20px 0px;
}
.case-box1 li.active{
	background:#f5a814;
}
	
.case-box2{
	position:relative;
	width:950px;
	height:427px;
	float:left;
	border:1px solid #DDD;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;	
}		

.case-box2 ul li{
	position:absolute;
	top:0;
	left:0;
	display:none;
}	
.case-box2 ul li.active{
	display:block;
}	

.case-box2 ul li .text{
	width:650px;
	float:left;
	padding:20px 35px;
}

.case-box2 ul li h3{
	font-weight:bold;
	font-size:18px;
	margin:1em 0 2em;
}


.case-box2 ul li .pic{
	width:298px;
	float:left;
}

.case-box2 ul li .text P{
	font-size:14px;
	line-height:175%;
	margin-top:1em;
	color:#666;
}

.case-box2 ul li .pic h3{
	text-align:center;
	font-size:16px;
	margin:40px 0px;
	color:#f5a814;
}

.case-box2 ul li .pic span{
	display:block;
	text-align:center;
	border-radius:15px;
	background:#f5a814;
	color:#FFF;
	width:120px;
	padding:8px 10px;	
	margin:20px auto;
	}

	
/*测试案例 end*/	
	
.advantage{
	margin:60px auto;
	overflow:hidden;
}

.advantage li{
	width:25%;
	float:left;
	text-align:center;
}
.advantage li h3{
	display:block;
	font-size:16px;
	color:#666;
	margin:20px 0px;
}

.advantage li p{
	color:#666;
	font-size:12px;
	line-height:175%;
	margin:20px;	
}

.case-wrapper{
	margin:60px auto;
	overflow:hidden;	
}


.ad{
	text-align:center;
	background:#F6F6F6;
	margin-top:60px;	
}

.articles{
	margin:60px auto;
	overflow:hidden;	
}

.articles li{
	float:left;
	width:33.33%;
	height:200px;
	padding:30px 20px;
	background:#FFF;	
}

.articles li  i{
	font-size:26px;
	color:#f5a814;
	display:inline-block;
}
.articles li  h3{
	width:80%;
	display:inline-block;
	padding-left:10px;
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.articles li p{
	font-size:13px;
	line-height:2;
	color:#666;
	margin-top:1em;
	text-indent:2em;
}


.articles li  i:after{
	content:"/";
	color:#DDD;
}

.bg-gray{
	background:#F6F6F6;
	padding:40px 0px;
}

.location{
	height:0px;
	line-height:40px;
	padding:0 20px;
	font-size:14px;
	color:#999;
	background:#F6F6F6;
}

.location a{
	color:#FAAD4B;font-weight:bold;
}


/********底部*********/

.footer{
 	width:100%;
	background-color:#333;
	padding:20px;
}

.footer .link{
	width:40%;
	float:left;
	margin-right:10%;
}

.footer .hju  dt{
	font-size:20px;
	color:#FFF;
	line-height:40px;
}

.footer .hju  .des{
	line-height:175%;
	font-size:14px;
	color:#FFF;
}
.footer .foot-nav{
	width:50%;
	float:left;
} 
.footer .foot-nav li{
	font-size:14px;
	float:left;
	text-align:center;
	color:#FFF;
	width:20%;
	line-height:100px;
}
/***********底部 End*************/


/**文章页**/

.info {
    position: relative;	
    background: url(../images/infobg.gif) 330px 0 repeat-y;
    margin:40px auto;
    min-height: 500px;
	font-size:14px;
	line-height:175%;
	color:#666;
}

.info  .list{
	width:330px;
	float:left;
	padding:20px;
}

.info-class{
	font-size:16px;
	color:#666;
	line-height:200%;
}

.info-class:before{
	content:'';
	display:inline-block;
	width:10px;
	height:10px;
	background:#FAAD4B;
	transform:rotate(45deg);
	margin-left:-6px;
	margin-right:20px;
}

.info-sub{
	display:none;
	margin:15px 0px;
}

.info-sub li{
	font-size:14px;
	padding-left:2em;
	color:#999;
}

.info-sub li a:hover{
	color:#FAAD4B;
}


.info  .list ul li{
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.info  .list .t{
	font-size:18px;
	font-weight:500;
	margin-bottom:20px;
	color: #FAAD4B;
}

.info  .list .t span{
	font-size:14px;
	font-style:italic;
	color:#FAAD4B;
}

.info  .list .t span:before{
	content:'R';
	font-size:16px;
	color:#333;
	margin-left:10px;
}


.info  .content{
	width:868px;
	float:right;
	padding:40px 50px;
}

.info  .content h3{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #FAAD4B;
	font-weight: bold;
	margin-top: 10px;
}

.info  .content p{
	text-indent:2em;
	padding-top:1em;
}

.info .content .t {
    text-align: center;
    font-size: 24px;
    padding-bottom: 1px;
    line-height: 180%;
	color:#333;
}

.info .content .other {
    background: url(../images/infocot.gif) 0 0 no-repeat;
    width: 544px;
    margin: 0 auto;
    padding-top: 10px;
    height: 60px;
    line-height: 20px;
}

.info .content .other .l {
    float: left;
    margin-left: 50px;
}
.info .content .other .r{
    float: right;
    margin-left: 50px;
}

.info .itop, .info .ibottom ,.info .icenter{
    background: url(../images/infotb.gif) 0 0 no-repeat;
    position: absolute;
    left: 321px;
    width: 22px;
    height: 28px;

}

.info .itop {
    top: -1px;
}
.info .icenter{
	top:50%;}

.info .ibottom {

    bottom: 0;
    background-position: 0 bottom;
    margin-bottom: -1px;
}


/**文章页end**/

/*** contact ***/

.contact{width:1100px;margin:0 auto;height:700px;margin-top:20px;position:relative;background:url(../images/lxbg.gif) -10px 0px no-repeat}

.pta{position:absolute;}

.pta .sfm{float:left;height:20px}
.lxbox{display:none;width:450px;padding:15px;overflow:hidden;background:#F6F6F6;border-radius:15px;border:1px solid #DDD;}
.lxbox .r{border:1px solid #DDD;margin:35px 0px 0px 10px;}
.lxbox .l{float:left;width:250px}
.lxbox .l .h2{font-size:14px;font-weight:bold;padding:5px 0;line-height:24px}
.lxbox .l .c{padding:5px 0;border-top:1px solid #CCC;border-bottom:1px solid #CCC;line-height:180%;color:#666;overflow-y:auto;width:250px;}
.lxbox .l .lookmap{margin-top:10px;float:left;height:32px;line-height:32px;color:#666;padding-left:60px;background:url(../images/mapico.png) 0 0 no-repeat}

.bj{left:527px;top:259px}
.hlj{left:626px;top:139px}
.jl{left:622px;top:202px}
.ln{left:598px;top:240px}
.nmg{left:430px;top:268px}
.hb{left:518px;top:304px}
.sd{left:555px;top:335px}
.sx{left:478px;top:318px}
.nx{left:409px;top:326px}
.qh{left:273px;top:342px}
.xj{left:149px;top:247px}
.xz{left:142px;top:388px}
.gs{left:383px;top:361px}
.sx1{left:440px;top:379px}
.hn{left:495px;top:373px}
.hb1{left:487px;top:419px}
.hn1{left:487px;top:473px}
.sc{left:384px;top:416px}
.cq{left:425px;top:430px}
.yn{left:350px;top:530px}
.gz{left:420px;top:490px}
.jx{left:540px;top:465px}
.ah{left:552px;top:399px}
.js{left:587px;top:376px}
.sh{left:629px;top:400px}
.zj{left:597px;top:433px}
.fj{left:575px;top:488px}
.gd{left:520px;top:530px}
.gx{left:452px;top:542px}
.hn2{left:480px;top:609px}
.xg{left:544px;top:560px}
.am{left:510px;top:570px}
.tw{left:635px;top:518px}
.tj{left:544px;top:292px}


/*contact end*/



#searchsf{position:absolute;width:262px;right:30px;top:300px}
#searchsf .box{
	width:260px;height:71px;
	border:1px solid #DDD;
	overflow:hidden;
}
#searchsf .box span{float:left;height:40px;line-height:40px;margin-left:25px;}
#searchsf .box .txt{float:left;border:1px solid #DDD;height:20px;line-height:20px;padding:0 3px;width:84px;margin-top:8px}
#searchsf .box .br{border-color:red}
#searchsf .box .btn{float:left;margin:8px 0 0 5px}
#searchsf .box .b{float:left;width:260px;text-align:center;height:30px;line-height:30px;border-top:1px solid #DDD;background:#EEE}
#searchsf .t{height:40px;line-height:40px;font-weight:bold}
#searchsf ul li{float:left;line-height:20px;padding-right:10px;cursor:pointer;white-space:nowrap}

.slist{
	
}
.slist .h1{
	border-bottom:1px solid #EEE;
	height:30px;line-height:30px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
	background:url(../images/fdj1.gif) 0 center no-repeat;
	padding-left:20px;
}
.slist ul li{
	height:34px;
	border-bottom:1px solid #EEE;
}
.slist ul li a{
	float:left;height:34px;line-height:34px;
	font-size:15px;
	background:url(../images/arr1.gif) 0 center no-repeat;
	padding-left:20px;
	color:#666;
}
.slist ul li a:hover{
	color:#000;
}
.slist ul li span{
	float:right;
	height:34px;line-height:34px;
	color:#999;
}

.agbox .ab .t{
	font-size:24px;
	color:#f5a814;
	margin:1em 0em;
}

.agbox h3{
	font-size:16px;
	color:#f6ac14;
	padding:8px 0;
}

.agbox .ab .c p{
	font-size:14px;
	color:#666;
	line-height:175%;
	padding-top:1em;
}
.agbox .gb .t{
	font-size:24px;
	color:#f5a814;
	margin:1em 0em;
	text-align:center;	
}

.agbox .gb .tips{
	text-align:center;
	color:#666;
	font-size:12px;
}

.agbox .gb .txt{
	float:left;
	width:30%;
	margin:20px;
	border-bottom:1px solid #DDD;
	font-size:16px;
	color:#666;
	line-height:175%;
	
}

.agbox .gb  .text{
	width:1160px;
	height:300px;
	font-size:16px;
	color:#666;
	line-height:175%;
	border:1px solid #DDD;	
	padding:1em;
	margin:20px;	
}
.agbox .gb .btn{
	display: block;
	text-align: center;
	border-radius: 15px;
	background: #f5a814;
	color: #FFF;
	width: 120px;
	padding: 8px 10px;
	margin: 20px auto;
}

/*******单页********/

.pages{
	min-height:500px;
	margin:50px auto 100px;
	color: #666;
}

.pages .title{
	font-size: 24px;
	color: #f5a814;
	margin: 1em 0em;
	text-align: center;
}

.pages h3{
	font-size: 20px;
	color: #f5a814;
	margin: 1em 0em;
}

.pages h4{
	font-size: 14px;
    font-weight: 700;
    line-height: 24px;
`	color:#333;
	
}


.pages p{
	line-height:175%;
	color:#666;
	font-size:14px;
	text-indent:2em;
	padding-top: 1em;
}

.sform {
    background: url(../images/fdj.gif) 20px center no-repeat;
    padding: 50px 20px 0 250px;
    width: 620px;
    height: 300px;
    margin: 100px auto 0;
    border: 1px solid #CCC;
}

.sform .h1 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 30px;
	text-align: center;
	color:#333;
	}

.sform .h30 {
    height: 30px;
    font-size: 14px;
	margin-bottom: 10px;}
	
.sform .h30 span {
    float: left;
    width: 90px;
    text-align: right;
    color: #666;
    line-height: 26px;
}	

.sform .h30 .txt {
    float: left;
    width: 200px;
    height: 24px;
    border: 1px solid #DDD;
    padding: 0 5px;
    line-height: 24px;
}	

.sform .h30 .btn {
    float: left;
    width: 80px;
    height: 30px;
    margin-left: 90px;
    font-size: 14px;
    font-family: '微软雅黑';
    cursor: pointer;
    border: none;
    background: #f5a814;
    color: #FFF;
}
/*单页 end*/



.applyform .box .btnbox{
	text-align:center;float:left;width:100%;margin:30px 0px;
}
.applyform .box #apbtn{
	width:180px;
	height:32px;
	background:#C61E1E;
	color:#FFF;
	font-size:18px;cursor:pointer;
	font-family:'微软雅黑'
}

.applyok{
	background:url(../images/ok.gif) 26px center no-repeat;
	padding:50px 20px 20px 160px;
	width:640px;
	margin:100px auto 0;
	border:1px solid #CCC;
	overflow:hidden;
}
.applyok .h1{
	font-size:16px;font-weight:bold;
	padding-bottom:10px;
}
.applyok .h1 span{
	font-size:14px;color:red;
}
.applyok p{
	color:#666;font-size:14px;
	margin-top:5px;line-height:150%;
}
.applyok .btn{
	float:right;
	border:1px solid #AAA;
	margin-top:20px;
	padding:5px 10px;
}
.applyok .btn:hover{
	font-weight:bold;
	position:relative;top:1px;left:1px;border-color:#000;
}

.red{
	color:red;
}