﻿@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,dl,dt,dd,table,td,img,div,tr,small,big,a{ margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,li,p,a,span{font-family:"Microsoft YaHei";}
a{text-decoration:none !important;}
b{font-weight: 100;}
.L{float:left;}
.R{float:right;}
/*头部 begin*/
	#header{width:100%;background: #f4f6f9;}
	#header .logo{width:1100px;height:90px;margin:0 auto;padding-top: 40px;background: #f4f6f9;}
	#header .logo .logotie{width:720px;float: left;}
	#header .logo .logotel{width:380px;height:89px;float: right;background: url(../imagesb/logo2.jpg) no-repeat;text-indent: 60px;}
	#header .logo .logotel p.p_a{font-size: 14px;color:#333;line-height: 25px;}
	#header .logo .logotel p.p_b{font-size: 20px;color:red;line-height: 30px;font-weight: 700;}
	#header .flash{margin:0 auto;position: relative;overflow: hidden;}
	#header .flash .scroll{position: relative;overflow: hidden;margin:0 auto;}
	#header .flash .scroll img{width:100%;height:auto;position: absolute;left:1920px;top:0; }
	#header .flash .But{width:100px;height:20px;position: absolute;left:48%;bottom:2%;}
	#header .flash .But span{width:12px;height:12px;display:inline-block;margin-left:4px;background:#999;border-radius:12px;}
	#header .flash .But span.hover{background:red;cursor:pointer;}
	@media(min-width:1100px){
		#header .flash .scroll{width:1100px;height:229px;}
	}
	@media(min-width:1200px){
		#header .flash .scroll{width:1200px;height:250px;}
	}
	@media(min-width:1300px){
		#header .flash .scroll{width:1300px;height:270px;}
	}
	@media(min-width:1400px){
		#header .flash .scroll{width:1400px;height:291px;}
	}
	@media(min-width:1500px){
		#header .flash .scroll{width:1500px;height:312px;}
	}
	@media(min-width:1600px){
		#header .flash .scroll{width:1600px;height:333px;}
	}
	@media(min-width:1700px){
		#header .flash .scroll{width:1700px;height:354px;}
	}
	@media(min-width:1800px){
		#header .flash .scroll{width:1800px;height:375px;}
	}
	@media(min-width:1920px){
		#header .flash .scroll{width:1920px;height:400px;}
	}
	/*nav begin*/
	#nav{width:100%;height:50px;background: #3e4b6b;}
	#nav ul{width:1100px;height:50px;margin:0 auto;background: #3e4b6b;}
	#nav ul li{width:136px;height:50px;float:left;line-height: 50px;border-right:2px solid #4a5a80;position: relative;}
	#nav ul li a{display:block;width:100%;height:100%;color:#fff;text-align: center;border-right: 1px solid #323c56;}
	#nav ul li:hover,#nav ul li .navDiv a:hover{background: #4c5b81;}
	#nav ul li .navDiv{position: absolute;top:50px;left:0;width:136px;background: #47567a;clip: rect(0px,136px,0px,0px);z-index: 333;}
	#nav ul li:hover>.navDiv{clip: rect(0px,136px,210px,0px);transition:all 600ms ease-out;}
	#nav ul li .navDiv a{border:0;border-bottom: 1px solid #323c56;border-top: 1px solid #6276a7;}
	/*nav end*/
/*头部 end*/

/*主体 begin*/
	#content{margin:20px auto 0;}
	.menu{width:1100px;margin:0 auto;}
	/*menuL ————————————————————————————————————————————————————————————————————————————————begin*/
	.menuL{width:215px;border:1px solid #3e4b6b;float: left;}
	.menuL h3{width:215px;height:45px;background: #3e4b6b;font-weight: 100;text-align: center;color:#fff;padding-top: 5px;}
	.menuL h3 p.p_a{font-size: 20px;}
	.menuL h3 p.p_b{font-size: 14px;font-family: 'Arial';}
	.menuL ul{width:185px;padding:15px;background: #fff;}
	.menuL ul li{width:185px;height:36;line-height: 36px;text-indent:15px;background: #3e4b6b url(../imagesb/icon2.png) no-repeat 95% 12px;margin-bottom: 10px;}
	.menuL ul li a.lia{color:#fff;width:100%;display: block;}
	.menuL ul li .menuL_con{background: #fff;text-indent: 25px;}
	.menuL ul li .menuL_con a{display: block;width:100%;line-height:40px;border-bottom:1px dashed #ddd;font-size: 14px;background: url(../imagesb/li1.jpg) no-repeat 3% center;color:#333;}
	.menuL ul li .menuL_con a:hover{color:#7395e8;}

	.menuL span{display: block;width:215px;background: #3e4b6b;text-indent: 15px;letter-spacing: 1px;}
	.menuL span.top{height:62px;padding: 20px 0;border-bottom: 1px solid #a3a9b8;}
	.menuL span.top .x{color:#7b8295;font-family: 'Arial';font-size: 20px;}
	.menuL span.top .y{color:#fff;line-height: 30px;font-size: 16px;}
	.menuL span.down{border:0;height:68px;padding-top: 15px;}
	.menuL span.down .x{color:#fff;font-size: 16px;font-family:"Microsoft YaHei";}
	.menuL span.down .y{color:#fff;line-height: 30px;font-size: 24px;}

	/*menuR———————————————————————————————————————————————————————————————————————————————————beign*/
	.menuR{width:860px;float: right;}
	.menuR .menuR_top{width:860px;height:30px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
	.menuR .menuR_top span{display: inline-block;height:30px;line-height:30px;font-size: 14px;color:#878787;}
	.menuR .menuR_top span.menuR_span{height:29px;border-bottom: 3px solid #3a59b1;letter-spacing: 1px;padding-right: 10px;font-size: 18px;color:#323232;line-height: 25px;}
	/*menuR_con begin*/
	.menuR .menuR_box{width:860px;overflow: hidden;}
	.menuR .menuR_con{width:900px;}
	.menuR .menuR_con a{display: inline-block;margin-top: 5px;margin-right: 2px;}
	.menuR .menuR_con a img{padding:4px;border:1px solid #ccc;}
	.menuR .menuR_con a p{line-height: 40px;color:#333;text-align: center;}
	.menuR .menuR_con a:hover img{border:1px solid #4375ca;}
	.menuR .menuR_con a:hover p{color:#4375ca;}

	
	/*client ————————————————————————————————————————————————————————————————————————————————————————————————————————————-begin*/
	.client{width:1100px;margin:20px auto;overflow: hidden;border:1px solid #ddd;}
	.client .clientTop{width:1100px;height:44px;border-bottom: 2px solid #ccc;}
	.client .clientTop span.L{font-size: 20px;color:#3e4b6b;padding-left: 10px;border-bottom: 4px solid #3b5ab3;line-height: 40px;}
	.client .clientTop span.L small{color:#333;font-size: 16px;margin-left: 10px;}
	.client .clientTop span.R{margin-top: 20px;}
	.client .clientTop span.R a{font-size: 12px;color: #999;}
	/*clientCon begin*/
	.client .clientBox{width:1040px;height:215px;padding:20px 30px;position: relative;}
	.client .clientbox{}

	.client .clientBox_box{width:500px;display: inline-block;margin-left: 12px;margin-top: 10px;border-right:1px dashed #ddd;}
	.client .clientBox_box img.img{padding:4px;border:1px solid #ddd;}
	.clientBox_box .clientBox_con{width:300px;}
	.clientBox_box .clientBox_con h4{background: url(../imagesb/tie1.png) no-repeat;line-height: 37px;text-indent:25px;font-weight: 100;font-size: 15px;}
	.clientBox_box .clientBox_con p{width:295px;height:100px;overflow:hidden;margin:20px 0;font-size: 12px;color:#666;line-height: 25px;}
	.client .clientBox img.btn{position: absolute;cursor:pointer;}
	.client .clientBox img.last{top:130px;left:6px;}
	.client .clientBox img.next{top:130px;right:6px;}
	.client .clientBox img.last:hover{top:130px;left:3px;}
	.client .clientBox img.next:hover{top:130px;right:3px;}

	/*about ——————————————————————————————————————————————————————————————————————————————————————————————————————————————————————begin*/
	.about{width:100%;background: #f5f6f8;padding-bottom: 50px;}
	.about .aboutBox{width:1100px;margin:0 auto;}
	.about .aboutBox .aboutBox_top{width:1100px;height:40px;border-bottom: 1px solid #a0a0a0;padding-top: 30px;}
	.about .aboutBox .aboutBox_top h3{width:100px;line-height: 39px;font-weight: 100;border-bottom: 3px solid #3b5ab3;color:#3b5ab3;}
	/*aboutCon begin*/
	.about .aboutCon{margin-top: 20px;position: relative;}
	.about .aboutCon img.img{position: absolute;top:10px;right:10px;}
	.about .aboutCon .aboutCon_con{width:400px;position: absolute;top:0;left:360px;margin-top:20px; }
	.about .aboutCon .aboutCon_con h4{font-weight: 100;font-size: 20px;line-height: 50px;}
	.about .aboutCon .aboutCon_con h4 a{color:#3e4b6b;}
	.about .aboutCon .aboutCon_con p{height:140px;width:395px;overflow:hidden;color:#666;font-size: 14px;line-height: 26px;margin-bottom: 15px;}
	.about .aboutCon .aboutCon_con span.btn{background: #3e4b6b;padding:8px 14px;font-size: 14px;border-radius: 5px;}
	.about .aboutCon .aboutCon_con span.btn:hover{background: #4783c6;}
	.about .aboutCon .aboutCon_con span.btn:hover a,.about .aboutCon .aboutCon_con span.btn a{color:#fff;}

	/*flash begin*/
	.about .aboutCon .flash{width:1010px;height:165px;overflow:hidden;margin-top:40px;padding:0 45px;position: relative;}
	.about .aboutCon .flash ul li{float: left;margin-right: 10px;}
	#soll-lef,#soll-righ{position: absolute;top:50px;z-index:333;}
	#soll-lef{left:0px;}
	#soll-righ{right:10px;}

	/*news ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————begin*/
	.news{width:1100px;margin:20px auto;}
	/*newsCon begin*/
	.news .newsCon{width:675px;}
	.news .newsCon_top{width:100%;height:40px;line-height:40px;border-bottom: 2px solid #ccc;}
	.news .newsCon_top span.L{color:#3e4b6b;border-bottom: 4px solid #3b5ab3;height:38px;padding-right: 10px;}
	.news .newsCon_top span.L small{font-size:12px;color:#999;margin-left: 5px;}
	.news .newsCon_top span.R{height:30px;font-size:12px;color:#999;margin-top: 8px;}
	.news .newsCon_top span.R a{color:#999;}

	/*newsCon_con*/
	.news .newsCon .newsCon_con{margin-top: 20px;}
	.news .newsCon .newsCon_con span.R{width:460px;}
	.news .newsCon .newsCon_con h4{line-height: 40px;}
	.news .newsCon .newsCon_con h4 a.tie{color:#3e4b6b;}
	.news .newsCon .newsCon_con h4 a.tie:hover{color:#88a0e3;}
	.news .newsCon .newsCon_con p{font-size: 14px;color:#4f4f4f;line-height: 30px;height:100px;overflow: hidden;}
	.news .newsCon a.a{display: block;line-height:40px;width:98%;border-bottom: 1px dashed #ddd;font-size: 14px;color:#545454;background: url(../imagesb/icon1.jpg) no-repeat 2% center;text-indent: 30px;margin-top: 10px;}
	.news .newsCon a.a:hover{color:#88a0e3;text-indent: 35px;transition:all 300ms ease-in;}
	/*newsQa*/
	.news .newsQa{width:375px;}
	/*news_ul*/
	#news_ul{width:375px;height:325px;margin-top: 35px;overflow: hidden;}
	#news_ul li{width:375px;border-bottom: 1px dashed #ddd;padding:20px 0;}
	#news_ul li p{padding-left: 28px;}
	#news_ul li p.p_a{width:340px;background: url(../imagesb/Q.png) no-repeat left center;line-height: 40px;color:#333;font-size: 14px;}
	#news_ul li p.p_b{width:340px;background: url(../imagesb/A.png) no-repeat left center;line-height: 24px;color:#575757;font-size: 12px;}

/*主体 end*/

/*底部 begin*/
	#footer{width: 100%;margin:0 auto;margin-top:50px;background: #3e4b6b;}
	#footer a{color:#fff;}
	#footer a:hover{color:#f5c249;}
	#footer .footerBox{width:1100px;margin:0 auto;padding:40px 0;}
	#footer .footerBox p{color:#fff;text-align: center;font-size: 14px;line-height: 30px;}
	/*links begin*/
	#footer .links{width:920px;line-height:30px;background: url(../imagesb/links.jpg) no-repeat left center;margin:0 auto;padding:25px 0 25px 180px;}
	#footer .links a{padding:0 10px;border-right: 1px solid #ccc;}
	#footer .links a:hover{color:#b6c9f7;text-decoration:underline;}

/*底部 end*/


	.kehuUl li{float:left;list-style-type: none;margin:10px 10px 5px 0;text-align: center;}
	.kehuUl li img{display: block;cursor:pointer;border:1px solid #ddd;margin-bottom: 5px;}
	.kehuUl li p{padding:0;line-height: 30px;}


.links li{float:left;}