

/*初始化*/
*{ margin:0;padding:0;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,input,button,span{ margin:0; padding:0; }  
img,button {border:none;outline-style:none; }
ul, ol,li { list-style:none; }
i,em{font-style:normal;}
img{vertical-align:top;}
 body {min-width:400px;background-color: #fff;color:#242429;font-size:13px;font-family: "微软雅黑",tahoma,arial;}
 h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a{color:#212121; text-decoration:none;}
a:hover{text-decoration:none;}

/*头部文件*/

.banner{
	width: 100%;
	height: 500px;
	background: url(../image/banenglsd.jpg) no-repeat center center;
}

.jianjie{
	width: 1100px;
	height: 360px;
	margin:50px auto;

}

.jianjie .jianjieA{
	width: 1100px;
	height: 300px;
}

.jianjie .jianjieA .jianjie-text{
	width: 700px;
	height: 300px;
	float: left;
}
.jianjie .jianjieA .jianjie-text p{
	font-size: 16px;
	color: #222;
	line-height: 28px;
	margin-top: 5px;
}
.jianjie .jianjieA .jianjie-img{
	width: 350px;
	height: 250px;
	float: left;
	margin-left: 48px;
	overflow: hidden;
}

.contfangan{
	width: 100%;
	height: 270px;
	background: #021349;
}
.contfangan h5{
	color: #fff;
	font-size: 30px;
	text-align: center;
	padding-top: 30px;
	font-weight: normal;
}
.dingzhi{
	width: 1100px;
	height: 180px;
	margin: 40px auto;
}

.dingzhi form{
padding-top: 40px;
}

.dingzhi form input{
	width: 280px;
	height: 46px;
	background: #fff;
	border:0;
	padding-left: 5px;
	font-size: 16px;
	margin-left: 70px;
	border:1px solid #ddd;
}
.dingzhi form input[class="anniu"]{
	width: 240px;
	height: 46px;
	background: #a48b55;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	border:0;
}





.qiantu{
	width: 100%;
	height: 900px;
	background: #021349;
}
.qiantu .qiantuT{
	width: 1100px;
	height: 900px;
	margin:0 auto;
	padding:40px 0px;
}
.qiantuT-title{
	width: 1100px;
	height: 50px;
	margin:0 auto;
	background: url(../image/t1.png) no-repeat;
}
.qiantuT-title h3{
	font-weight: bold;
	font-size: 30px;
	color: #0518a2;
	text-align: center;
	line-height: 50px;
}
.qiantuA{
	width: 1100px;
	height: 580px;
	margin-top: 90px;
}
.qiantuA .qiantuAL{
	width: 510px;
	height: 520px;
	background: #012070;
	border-radius: 16px;
	float: left;
	position: relative;
}
.qiantuAL .qiantuA_tit{
	position: absolute;
	width: 240px;
	height: 48px;
	border-radius: 30px;
	background: orange;
	top:-25px;
	left: 155px;
	background: url(../image/t2.png) no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 48px;
	color: #fdf0d3;
}
.qiantuA h4{
	color: #f6df83;
	font-size: 24px;
	padding:60px 0px 0px 30px;
}
.qiantuA p{
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	padding:20px 0px 0px 30px;
}
.qiantuA p span{
	color: #fce801;
}
.qiantuA .qiantuAR{
	width: 520px;
	height: 330px;
	background: #012070;
	border-radius: 16px;
	float: left;
	margin-left: 60px;
	position: relative;
}
.qiantuAR .qiantuA_tit{
	position: absolute;
	width: 260px;
	height: 48px;
	border-radius: 30px;
	background: orange;
	top:-25px;
	left: 125px;
	background: url(../image/t2.png) no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 48px;
	color: #fdf0d3;
}

.qiantu .qiantu-zixun{
 width: 600px;
 height: 42px;

margin:0px auto;
}
.qiantu .qiantu-zixunL{
	width: 230px;
	height: 42px;
	background: url(../image/t3.png) no-repeat;
	float: left;
	text-align: center;

}
.qiantu .qiantu-zixunL a{
	font-size: 20px;
	line-height: 42px;
}
.qiantu .qiantu-zixunR{
	width: 300px;
	height: 40px;
	border:1px solid #c8a97e;
	float: left;
	margin-left: 50px;
	font-size: 20px;
	color: #e7d3a9;
	text-align: center;
	line-height: 42px;
}

.contC{
	width: 1120px;
	height: 600px;
	margin:0 auto;
}
.contC li{
	width: 260px;
	height: 230px;
	float: left;
	margin: 10px;
}
.contC .contC_lifirst{
	margin-left: 150px;
}
.contC li>div{
	width: 112px;
	height: 112px;
	border-radius: 50%;
	display: block;
	margin:0 auto;
	background: orange;
	overflow: hidden;
}
.contC li>div img{
	width: 112px;
	height: 112px;
}
.contC li h5{
	font-size: 22px;
	padding-top: 10px;
	text-align: center;
	line-height: 36px;
	color: #b49665;
}
.contC li h5 i{
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url(../image/t4.png) no-repeat;
	margin-right: 6px;
	color: #0d3acb;
	font-size: 22px;
	font-style: italic;
	text-align: center;
}
.contC li p{
	font-size: 16px;
	padding:10px;
	text-align: center;
	line-height: 26px;
}



.pinggu-teq{
	width: 100%;
	height: 280px;
	background: url(../image/piggs.jpg) no-repeat center center;
}

.teq-title{
	width: 1000px;
	height: 80px;
	margin:0 auto;
	margin-top: 50px;
}

.teq-title h2{
	font-size: 36px;
	font-weight: bold;
	color: #252b75;
	text-align: center;
}
.pinggu-teq div{
	width: 860px;
	height: 300px;
	margin:0 auto;
}
.pinggu-teq div form{
	padding-top: 70px;
}
.pinggu-teq div form input{
	width: 280px;
	height: 46px;
	background: #fff;
	border:0;
	padding-left: 5px;
	font-size: 16px;
	margin-left: 100px;
}
.pinggu-teq div form input[class="anniu"]{
	width: 260px;
	height: 46px;
	display: block;
	margin:50px auto;
	background: #cbab66;
	color: #fff;
	border-radius: 30px;
	font-size: 18px;
}


.teq-youshi{
	width: 100%;
	height: 650px;
    background: url(../image/bg132.jpg) no-repeat center center;
    padding-top: 40px;
    overflow: hidden;
    margin-top: 20px;
}

.teq-youshi .teq-youshia{
	width: 1100px;
	height: 380px;
	margin:0 auto;
	margin-top:30px;
	position: relative;
}

.teq-youshi .teq-youshia-text{
	width: 750px;
	height: 360px;
	background: #fff;
	margin-left: 350px;
}

.teq-youshi .teq-youshia-text p{
	font-size: 16px;
	padding:30px 0px 20px 110px;
	line-height: 30px;
}
.teq-youshi .teq-youshia-text p span{
	color: #bca064;
}
.teq-youshi .youshi-form{
	width: 1100px;
	height: 85px;
	margin:0 auto;
	background: #c7aa6e;
	margin-top: 15px;
}
.teq-youshi .youshi-form form{
	margin-left: 150px;
}
.teq-youshi h4{
	text-align: center;
	padding: 10px 0px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.teq-youshi h4 span{
	color: #e3cb9c;
}
.teq-youshi .youshi-form input{
	width: 230px;
	height: 34px;
	background: #fff;
	margin-top: 20px;
	margin-left: 35px;
	border:0;
	padding-left: 3px;
	font-size: 16px;
}

.teq-youshi .youshi-form input[type="submit"]{
background: #2416dc;
font-size: 18px;
font-weight: bold;
position: relative;
top:1px;
width: 200px;
color: #fff;
cursor: pointer;
}
.teq-youshi .teq-youshia-img{
	width: 420px;
	height: 300px;
	position: absolute;
	left: 0;
	top:30px;
	overflow: hidden;
}
.teq-youshi .teq-youshia-img img{
	width: 420px;
	height: 300px;
}



.contD{
	width: 100%;
	height: 380px;
	background: #fff;
}
.contD .contDT{
	width: 1100px;
	height: 350px;
	margin:0 auto;
}
.contD .contDT>p{
	font-size: 16px;
	margin-top: 20px;
	line-height: 28px;
}


.contE{
	width: 100%;
	height: 550px;
	margin-top: 30px;
	background: #b49869;
}

.contE h3{
	font-size: 36px;
	font-weight: bold;
	padding-top: 30px;
	color: #fff;
	text-align: center;
}

.contE .ny-youshi{
	width: 1120px;
	height: 600px;
	margin:0 auto;
}
.contE ul{
	margin-top: 40px;
}
.contE li{
	width: 520px;
	height: 100px;
	background: #fff;
	border-radius: 12px;
	float: left;
	margin-left: 30px;
margin-top: 25px;
}
.ny-youshiL{
	width: 60px;
	height: 60px;
	float: left;margin: 20px;
}
.ny-youshiR{
	width: 400px;
	height: 100px;
	float: left;
}
.ny-youshiR h5{
	font-size: 20px;
	font-weight: bold;
	padding-top: 20px;
	color: #9b834f;
}
.ny-youshiR p{
	font-size: 16px;
	margin-top: 6px;
}



.bg-blue{background:url("../image/546.jpg") no-repeat center;width:100%;height:560px;background-size:cover}
.developer-solution-block{position:relative;max-width:none;padding:50px 0;text-align:center;clear:both;margin:0 auto}

.titleBar .caption{font-size:38px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:50px}
.descript{margin-bottom:40px;font-size:16px;color:#A0A2A8}
.developer-solution-block .titleBar{max-width:1200px;margin:0 auto;text-align:center}
.developer-solution-block .titleBar .caption,.developer-solution-block .titleBar .descript{color:#fff}
.developer-solution-block .developer-solution{max-width:1180px;margin:0 auto;padding:0 60px;background:none}
/*左边分类*/
.developer-solution .solution-tab{font-size:22px;color:#ffffff;line-height:28px;text-align:center;display:inline-block;width:300px;margin-right:100px;float:left}
.developer-solution .solution-tab ul{padding:20px 0;background:rgba(255,255,255,0.20);opacity:1;box-shadow:-18px 6px 8px 0 rgba(0,0,0,0.20);border-radius:2px;width:260px}
.solution-tab ul li{padding:20px 30px;width:260px;text-align:left;color:#ffffff}
.solution-tab ul li.activess{width:300px;background:#af8745;box-shadow:0 8px 16px 0 rgba(64,19,3,0.30);border-radius:2px;margin-left:-20px;padding-left:50px}
/*右边内容标题详情*/
.developer-solution .solution-detail{width:calc(100% - 400px);display:inline-block;vertical-align:top;height:270px;padding-top:5px;text-align:left}
.developer-solution .solution-detail ul li{display:none}
.developer-solution .solution-detail ul li.activess{display:block}
.solution-detail li .titles h4{font-size:26px;font-weight:600;color:#e8be7a;line-height:28px;text-align:left;padding-left: 10px;}
.solution-detail li .detail{font-size:16px;color:#ffffff;line-height:32px;margin-left: 10px;margin-top: 20px;}
.solution-detail li .zhouqi p{font-size: 26px;font-weight:600;color:#e8be7a;margin-top: 30px;padding-left:10px;}
.solution-detail li .zhouqi p span{color: #ffffff;font-weight:normal;}
/*产看更多按钮*/
.solution-detail li .more-btn{display:inline-block;position:relative;border:1px solid #ffffff;border-radius:2px;font-size:18px;color:#ffffff;text-align:center;padding:8px 45px 8px 30px;line-height:22px;margin-top:40px;margin-right: 80px;margin-left: 10px;}
.solution-detail li .more-btn:before{content:"";position:absolute;right:26px;top:14px;width:13px;height:9px;display:inline-block;background:url("../image/more.png") no-repeat center}
.solution-detail li .more-btn:hover{color:#d8a859;border:1px solid #d8a859}
.solution-detail li .more-btn:hover:before{background:url("../image/more_active.png") no-repeat center;right:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
