/* Commen style*/
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; }
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
.width100{
	width: 100%;
	min-width: 1180px;
}
.width1180{
	width: 1180px;
	margin: 0 auto;
}
.left{
	float: left;
}
.right{
	float: right;
}
ul{
	list-style-type: none;
}
a:hover{
	cursor: pointer;
}
/*清除浮动*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 

/*Section1*/

.section1{
	position:fixed;
	z-index: 2002;
	left: 0;
	top: 0;
	height:86px;
	background-color:#3049C0;
}	
.section1:hover{
	background-color: #101D47;  
}
.section1>div{
	padding-top: 20px;
}
.section1 a{
	color: #fff;
}

.section1 nav{
	display: inline-block;
}

ul.first_ul{
	position: relative;
	text-align: center;
	margin-left: 30px;
}
ul.first_ul>li{
	display: inline-block;
	/*width: 88px;*/
	margin-right: 20px;
	position: relative;
}
ul.first_ul>li h2>a{
	display: inline-block;
	height: 66px;
	line-height: 36px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding: 0 2px;
}
ul.first_ul>li:hover ul.second_ul{
	display: block;
}
ul.second_ul{
	text-align: center;
	position: absolute;
	background-color: #101D47;
	display: none;
	left:-12px;
}
ul.solution{
	width: 176px;
}
ul.second_ul li a{
	font-size: 14px;
	display: block;
	line-height: 40px;
	width: 88px;
}
ul.solution li{
	float: left;
}
nav.header-nav a.active{
	color:#1F9AD1; 
}
nav.header-nav a:hover{
	color: #1F9AD1;
}
div.header-search{
	display: none;
	width: 164px;
	height: 34px;
	float: right;
	margin: 6px 242px 0 0;
}
input.header-search{
	border:1px solid #fff;
	widows: 164px;
	height: 34px;
	outline: none;
	padding-left: 20px;
	font-size: 16px;
	border-radius: 17px;
	color:#fff;
	background-color: transparent;
}
div.header-search>div{
	position: absolute;
	width: 18px;
	height: 18px;
	background-image: url(../images/search.png);
	cursor: pointer;
	margin: -26px 0 0 148px;
}
a.zuce{
	font-size: 16px;
	margin: -52px 130px 0 0;
}
a.log-in{
	/*display: block;*/
	display: none;
	width: 96px;
	height: 32px;
	font-size: 16px;
	border:1px solid #fff;
	border-radius: 17px;
	text-align: center;
	margin: -60px 16px 0 0;
	line-height: 34px;
}
a.log-in:hover{
	background-color: #fff;
	color: #000;
	font-weight: bold;
}

/*section2*/
.banner {
	position: relative;
	z-index: 1001;
	width: 100%;
	min-width: 1180px;
	overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height: 500px;
		overflow: hidden;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}
.banner ul li img{
	position: relative;
	width: 1920px;
}
	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}

/*section3*/
.section3{	
	background-color: #fff;
}
.section3 ul{
	height: 138px;
	margin: 0 auto;
}
.section3 ul li{
	float: left;
	height: 110px;
	width: 378px;
	margin-top: 9px;
}
.section3 ul li:not(:last-child){	
	margin-right: 20px;
	border-right: 2px solid #C9C9C9;
}
.section3 img{
	padding: 22px 42px 0 28px;
}
/*.section3 span{
	font-size: 18px;
	color:#2393F2;
	line-height: 138px;
}*/

/*section4*/
.section4{
	background-image: url(../images/beijing-4.png);
	text-align: center;
}
.section4 .width1180{
	height: 580px;
}

/* 部分模块头部标签重复样式 */
.section-title{
	width: 296px;
	height: 70px;
	margin: 0 auto;
	border-bottom: 1px solid #C9C9C9;
	padding-top: 16px;

}
.section-title span{
	display: inline-block;
	color: #464D5B;
	width: 128px;
	height: 68px;
	line-height: 84px;
	font-size: 26px;
	border-bottom: 3px solid #abcdef;
	
}
div.section-title + span{
	display: inline-block;
	color: #1F9AD1;
	font-size: 14px;
	margin-top:8px;
}

.section4 ul.width1180{
	height: 500px;	
	margin: 56px 0 0 0;

}
.section4 ul.width1180>li{
	float: left;
	width: 230px;
	height: 350px;
	background-color: #fff;
	background-image: url(../images/Gongdin2.png);
	background-repeat: no-repeat;
	background-position: top;
}
.section4 ul.width1180>li:hover{
	background-image: url(../images/Gongding.png);
}
.section4 ul.width1180>li:not(:last-child){
	margin-right: 7px;
}
.pro-head{
	width: 230px;
	height: 121px;
}
.pro-head p{
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin: 20px 0 6px 0;
}
.pro-head span{
	display: inline-block;
	width: 30px;
	height: 4px;
	background-color: #fff;
}
.pro-type>span{
	display: inline-block;
	width: 54px;
	height: 54px;
	background-image: url(../images/shiliang9.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -20px;
}
.pro-type ul{
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-top: 28px;
}
.pro-type ul li{
	width: 200px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: center;
}
.pro-type ul li a{
	display: block;
	width: 200px;
	height: 20px;
	line-height: 20px;
	color: #5F6470;
	font-size: 14px;
}
.pro-type ul li a:hover{
	color: #2DAFF4;
	background: url(../images/changpin_right.png) right no-repeat;
}
.pro-type ul li:hover{
	background: url(../images/changpin_left.png) left no-repeat;
}

/*section5  增加的部分*/
div.section5{
	height: 680px;
	text-align: center;
	background:url(../images/jiejue_bg.png) no-repeat;
	position: relative;
	overflow: hidden;
}
div.section5 .section-title span{
	color: #fff;
	border-color: #fff;
}
div.section5 .section-title +span{
	color: #fff;
}
div.section5 div.solution{
	width: 1088px;
	position: relative;
	height: 444px;
	overflow: hidden;
	/*background-color: #847477;*/
}
ul.fangan-ul{
	/*left: 30px;*/
	position: absolute;
	width: 2216px;
	margin-top: 94px;
	/*margin-left: 60px;*/
	z-index: 98;
}
ul.fangan-ul li{
	float:left;
	background-color: #fff;
}
span.jiejuefangan1{
	width: 212px;
	height: 24px;
	background: url(../images/jiejue_bg2.png) center no-repeat;
}
ul.fangan-ul li:not(:last-child){
	margin-right: 40px;
}
ul.fangan-ul li div{
	position: relative;
	width: 240px;
	height: 324px;
	border: 1px solid #ccc;
	border-radius: 2px;
}
span.fangan-tubiao{
	display: inline-block;
	width:100px;
	height: 100px;
	border-radius: 50%;
	margin: -42px 0 24px 0;
}
ul.fangan-ul div span{
	display: inline-block;
	font-size: 18px;
	margin-bottom: 16px;
}
ul.fangan-ul div a{
	display: inline-block;
	font-size: 16px;
	color: #5F6470;
	padding-bottom: 16px;
}
ul.fangan-ul div a:hover{
	color: #1F9AD1;
}
a.aligh_l{
	margin-right: 66px;
	margin-left: 24px;
}
a.aligh_r{
	float: right;
	margin-right: 36px;
}
ul.fangan-ul a.fangan-detail{
	position: absolute;
	width: 162px;
	height: 16px;
	border: 1px solid #2548F2;
	line-height: 30px;
	font-size: 14px;
	color: #1F9AD1;
	bottom: 40px;
	left: 38px;
}
ul.fangan-ul a.fangan-detail:hover{
	background-color: #1F9AD1;
	color: #fff;
}
div.fangan_an{
	width: 38px;
	height: 72px;
	border-radius: 2px;
	font-size: 38px;
	color: #fff;
	position: absolute;
	top: 208px;
	background-color: #817E7E;
	opacity: 0.5;
	line-height: 72px;
	font-family: "宋体";
	cursor:pointer;
	z-index: 99;
}
ul.fangan-ul div p{
	padding-left: 20px;
	line-height: 20px;
	width: 200px;
	font-size: 14px;
	color: #5F6470;
}
div.fangan_an:hover{
	opacity: 0.7;
	cursor: pointer;
}
div.to_L{
	/*left: 40px;*/
}
div.to_R{
	/*right: 40px;*/
	right: 0;
}


/*section6*/
div.section6{
	height: 700px;
	text-align: center;
	background-color: #F1F1F1;
}
div.section6 ul{
	width: 954px;
	margin: 0 auto;
	margin-top: 50px;
}
div.section6 ul li{
	float: left;
	width: 134px;
	height: 188px;
	padding-right: 2px;
}
div.section6 ul li img{
	width: 90%;
}
li.anli-middle{
	margin: -72px auto;
}
li.anli-first-middle{
	margin-left: 70px;
}

/*section7*/
.section7{
	height:420px; 
	background:#1f52a0 url(../images/s7_bg.png) center no-repeat;
	text-align: center;
}
.section7 ul{
	width:1158px;  
	height: 420px;
}
.section7 ul li{
	position: relative;
	width: 386px;
	height: 420px;
	background-repeat:no-repeat; 
	text-align: center;
	float: left;
}
.section7 ul li.li1{
	background-image: url(../images/s7_1.png);
}
.section7 ul li.li1:hover{
	background-image: url(../images/s7_11.png);
}
.section7 ul li.li1:hover a{
	display:block;
}
.section7 ul li.li1:hover a:hover{
	background-color: #fff;
	color: #4B9EDB;
	border: none;
}
.section7 ul li.li2{
	background-image: url(../images/s7_2.png);
}
.section7 ul li.li2:hover{
	background-image: url(../images/s7_22.png);
}
.section7 ul li.li2:hover a{
	display:block;
}
.section7 ul li.li2:hover a:hover{
	background-color: #fff;
	color: #4B9EDB;
	border: none;
}
.section7 ul li.li3{
	background-image: url(../images/s7_3.png);
}
.section7 ul li.li3:hover{
	background-image: url(../images/s7_33.png);
}
.section7 ul li.li3:hover a{
	display:block;
}
.section7 ul li.li3:hover a:hover{
	background-color: #fff;
	color: #4B9EDB;
	border: none;
}
.section7 ul li a{
	display: none;
	position: absolute;
	bottom: 44px;
	margin-left: 122px;
	width: 150px;
	height: 48px;
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	border: 1px solid #fff;
}

/*section8*/
.section8{
	text-align: center;
}
.section8 ul{
	margin-top: 60px;
	height: 264px;
}
.section8 ul li{
	float: left;
	width: 207px;
	height: 83px;
	padding:0 28px 24px 0;
}
.section8 ul li img{
	width: 207px;
	width
	height: 83px;
}
.section8 ul li img:hover{
	border: 1px solid #2293F2;
	box-shadow: 4px 4px 4px #D5D6D8;
}
/*section9*/
.section9{
	text-align: center;
	height: 500px;
	background-image: url(../images/beijing-4.png);
	position: relative;
}
.section9 .section-title{
	margin-bottom: 40px;
}
.section9 span.zizhi_span{
	position: absolute;
	width: 30px;
	height: 74px;
	background-color: #D8D8D8;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.7;
	top: 64;
	z-index: 101;
}
.section9 span.zizhi_span:hover{
	background-color: #919191;
}
.section9 div.zizhi_middle{
	position: relative;
	display: inline-block;
	width: 1118px;
	height: 220px;
	overflow: hidden;
}
.section9 ul{
	/*width: 1200px;*/
	height: 220px;
	position: relative;
}
.section9 ul li{
	width: 262px;
	height: 220px;
	float: left;
}
.section9 ul li:not(:last-child){
	margin-right: 20px;
}
.section9 ul li img{
	width: 262px;
	height: 220px;
}

/*section10*/
.section10{
	height: 150px;
	padding-bottom: 220px;
}
ul.dongtai{
	padding-top: 50px;
}
ul.dongtai>li{
	float: left;
	width: 392px;
	height: 320px;
}

ul.dongtai-1 li:first-child{
	height: 60px;
	width: 360px;
	text-align: left;
	background: url(../images/huodong_bg.png) left bottom no-repeat;
	margin-bottom: 30px;
}

ul.dongtai-1 li:first-child span{
	display: inline-block;
	width: 140px;
	line-height: 72px;
	font-size: 18px;
	color: #464D5B;
}
ul.dongtai-1 li:not(:first-child){
	margin-top: 30px;
}
ul.dongtai-1 li:not(:first-child) a{
	color: #5F6470;
	font-size: 14px;
}
ul.dongtai-1 li:not(:first-child) a:hover{
	color: #38A9Da;
}
ul.dongtai-1 li:not(:first-child) a span:first-child{
	padding-right: 20px;
	border-right: 1px solid #464D5B;
}
ul.dongtai-1 li:not(:first-child) a span:last-child{
	display: inline-block;
	width: 290px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	padding-left: 20px;
}

/*section11*/
div.section11{
	height: 114px;
	background-color: #F1F1F1;
	color: #777777;
}
div.section11 ul{
	width: 1180px;
	height: 114px;
}
div.section11 ul li{
	float: left;
	width: 294px;
	height: 48px;
	margin-top: 34px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 124px;
}
div.section11 ul li:not(:last-child){
	border-right: 1px solid #C5C5C5;
}


/*section12*/
.section12{
	height: 278px;
	background-color: #414244;
	text-align: center;
}
.section12>span{
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	margin-top: -12px;
	background-image: url(../images/shang.png);
	background-repeat: no-repeat;
	background-position: center;
	border-top-left-radius:16px;
	border-top-right-radius: 16px; 
	background-color: #414244;
	cursor: pointer;
}
ul.contact_Us{
	padding-top: 42px;
	padding-left: 80px;
	text-align: left;
}
ul.contact_Us>li{
	float: left;
}
ul.contact_Us ul>li{
	margin-bottom: 16px;
}
ul.contact_Us ul>li a{
	color: #8C8D8E;
	font-size: 14px; 
}
ul.contact_Us ul>li a:hover{
	color: #38A9DA;
}
ul.contact_Us>li:not(:last-child){
	color: #fff;
	margin-right: 100px;
}

ul.contact_Us ul>li:first-child a{
	font-size: 16px;
	color: #fff;
	cursor: default;
}
a.kefu{
	padding-left: 26px;
	background: url(../images/dianhua.png) no-repeat left;
}
a.zaixian{
	padding-left: 26px;
	background: url(../images/zaixiankefu.png) no-repeat left;
}
ul.weixintubiao ul{
	float: right;
	margin-top: 30px;
}
ul.weixintubiao ul li a{
	padding-left: 30px;
	margin-left: 20px;
}
ul.weixintubiao ul li a:hover{
	color: #38A9DA;
}
/*section13*/
.section13{
	height: 78px;
	background-color: #2D2D2F;
	color: #818182;
	line-height: 78px;
	text-align: center;
}
.section13 span{
	padding-right: 24px;	
}
/* aside 侧边栏*/
aside{
	position: absolute;
	width: 60px;
	height: 200px;
	right: 0;
	top:980px;
	text-align: center;
	display:none; 
	z-index: 100;
}
aside ul li{
	width: 54px;
	height: 54px;
	margin-bottom: 2px;
	background-color: #DDDDDD;
}
aside ul li a{
	display: block;
	width: 54px;
	height: 54px;
}
aside ul li.aside1{
	background-image: url(../images/dian1.png);
}
aside ul li.aside1:hover{
	background-image: url(../images/dian11.png);
}
aside ul li.aside2{
	background-image: url(../images/dian2.png);
}
aside ul li.aside2:hover{
	background-image: url(../images/dian22.png);
}
aside ul li.aside3{
	background-image: url(../images/dian3.png);
}
aside ul li.aside3:hover{
	background-image: url(../images/dian33.png);
}
aside ul li.aside4{
	background-image: url(../images/dian4.png);
}
aside ul li.aside4:hover{
	background-image: url(../images/dian44.png);
}
aside ul li.aside5{
	background-image: url(../images/dian5.png);
}
aside ul li.aside5:hover{
	background-image: url(../images/dian55.png);
}
div.telephone,div.qq{
	width: 200px;
	height: 54px;
	color: #fff;
	position: absolute;
	right: 60px;
	font-size: 24px;
	line-height: 50px;
	background-color: #32B4F3;
	background: -moz-linear-gradient(right bottom,#2293f2 , #30c9f4);
	background: -webkit-linear-gradient(right bottom, #2293f2, #30c9f4);
	background: -o-linear-gradient(right bottom, #2293f2, #30c9f4);
	background: linear-gradient(right bottom,#2293f2,#30c9f4);
	display: none;
	
}

li.aside2:hover div.telephone{
	display: block;
}
li.aside1:hover div.qq{
	display: block;
}
@media screen and (min-width:1180px) {
	body{
		overflow:-Scroll;
		overflow-x:hidden;
	}
}
