@charset "utf-8";
/* CSS Document */
/*公共样式*/
html{-webkit-text-size-adjust:100%;}
body {font-family:"微软雅黑"; padding:0; margin:0; font-size:14px; color:#666666; height: 100%;   }
*{ margin:0; padding:0;}
.wrap { padding: 0; min-width: 300px; max-width: 640px; margin: 0 auto; position:relative; }
ul,li{margin:0;padding:0;list-style-type:none;}
table{border-collapse: collapse;}
th{font-style: normal;font-weight: normal;}
img{border:none; padding:0; margin:0}
input,img{vertical-align:middle;}
a{color:#666666; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none;}
.clear{ clear:both; }
html,body { width:100%; height:100%; }
label,button{ cursor: pointer; }
.header{ width:1000px; height:80px; margin:0 auto;}
	.logo{ float:left; line-height:80px; display:inline-block; margin-top:15px;}
		.logo img{ }
	.navlist{ float:right; position:relative;}
		.navlist li{ float:left;}
			.navlist li>a{ line-height:80px; padding:0 20px; display:block;}
			.navlist li>a:hover{ color:#fff; background-color:#1c8fe3;}
		.sub_nav{ z-index:20000; display:none; position:absolute; top:80px; background-color:#fff; border-top:2px solid #1c8fe3; padding:30px 0 20px 0;max-width: 100%;}
			.sub_nav dl{float: left;padding: 0 40px;}
			.sub_nav dt{ font-size: 16px; color: #333; margin-bottom: 10px; }
			.sub_nav dd{ font-size: 12px; color: #333; line-height: 24px; }
				.sub_nav dd a:hover{color: #1c8fe3;}
			.sub_nav .sub_img{float: left;margin-right: 40px;width: 243px;height: 162px;}
				.sub_nav .sub_img img{ max-height:100%; max-width:100%;}
		
.bannerBox{ width:100%; height:470px; position:relative;}
.device{ width:1000px; margin:0 auto; position:relative;}
	.arrow-left{ background:url(icon_left.png) no-repeat center; width:80px; height:80px; display:block; position:absolute; left:-100px;top:-260px; z-index:2000;opacity: .7;}
	.arrow-right{ background:url(icon_right.png) no-repeat center; width:80px; height:80px; display:block; position:absolute; right:-100px;top:-260px; z-index:2000;opacity: .7;}
	.arrow-left:hover,.arrow-right:hover{opacity: 1;}
	
.newsBox{ background-color:#f6f6f6; height:40px; line-height:40px;}
	.newsBox .newsHot{ width:1000px; margin:0 auto;}
		.newsBox .newsHot a.title{ font-size:12px; color:#1c8fe3; line-height:40px; display:block;}
		.newsBox .newsHot .icon_hotnews{ background:url(icon_ling.png) no-repeat left center; display:inline-block; padding:0 30px; font-size:16px; color:#333333; float: left;}
		.newsBox .newsHot .addtime{ font-size:12px; color:#999999; margin-left:30px;}
		.newsBox .newsHot .icon_more{ float:right; background:url(icon_more.png) no-repeat center right; padding-right:20px; color:#999999; font-size:14px;}
		.newsBox .newsHot .icon_more:hover{ color:#1c8fe3;}
	.hotList{ float: left; height:40px; overflow: hidden;}

.typelist{ width:1014px; margin:50px auto; overflow:hidden;}
	.typelist li{ width:219px; margin:7px; float:left; background-color:#f6f6f6; padding:10px; border-radius: 4px;}
	.typelist li:hover{ background-color:#fff;-webkit-box-shadow:0 0 10px #dedede; -moz-box-shadow:0 0 10px #dedede; box-shadow:0 0 10px #dedede}
	.typelist li:hover .typeTitle{color: #1c8fe3}
		.typelist li .typeImg{ width:100%; height:144px; overflow:hidden; text-align:center;}
			.typelist li .typeImg img{ max-height:100%; max-width:100%;}
		.typelist li .typeTitle{ font-size:16px; color:#333333; line-height:38px; margin-top:5px;}
		.typelist li .typeIntro{ font-size:12px; color:#666666; line-height:22px; margin-bottom:15px; height: 44px; overflow: hidden;}
		
.footerBox{ background-color:#333333; overflow:hidden;}
	.footer{ width:1000px; margin:0 auto; overflow:hidden; padding-bottom:20px;}
		.footerul{ margin-top:20px; float:left; overflow:hidden;}
			.footerul li{ float:left; margin-right:90px;}
				.footerdl dt{ color:#dddddd; font-size:18px; line-height:48px;}
				.footerdl dd{ color:#a1a1a1; font-size:12px; line-height:22px;}
					.footerdl dd a:hover{color: #dddddd;}
		.contactinfo{ margin-top:20px; float:right;}
			.hottel{ color:#e3e3e3; font-size:16px; text-align:right; line-height:32px; margin-top:10px;}
				.hottel span{ background:url(icon_tel.png) no-repeat left center; padding-left:30px; display:inline-block;}
			.telnum{ color:#1c8fe3; font-size:28px; font-weight:bold; margin-top:5px;}
			.youlian{ text-align:right; margin-top:15px;}
				.youlian a{ margin-left:10px;height: 34px;width: 34px;display: inline-block;}
				.youlian .weibo{background: url(icon_weibo.png) no-repeat center;}
					.youlian .weibo:hover{background: url(icon_weibo1.png) no-repeat center;}
				.youlian .qq{background: url(icon_qq.png) no-repeat center;}
					.youlian .qq:hover{background: url(icon_qq1.png) no-repeat center;}
				.youlian .weixin{background: url(icon_weixin.png) no-repeat center;}
					.youlian .weixin:hover{background: url(icon_weixin1.png) no-repeat center;}
	.femgexian{ border-top:1px solid #434343;}
	.copyright{ color:#a1a1a1; font-size:12px; text-align:center; line-height:60px;}
		.copyright a{ color:#a1a1a1;}

.sub_banner{ height:200px;}

.address{ width:1000px; margin:0 auto; font-size:12px;}
	.address a{ display:inline-block;}
	.address a:hover{ color:#1c8fe3;}
	
.content{ width:1000px; margin:40px auto; overflow:hidden; min-height:400px;}
	.leftBox{ width:200px;margin-right: 39px; float:left;}
		.leftnav{ }
			.leftnav li{ height:45px; line-height:45px; background:url(icon_sjh.png) no-repeat 159px center;}
			.leftnav li.curr,.leftnav li:hover{ background:url(icon_sjbig.png) no-repeat left center;}
				.leftnav li.curr a,.leftnav li:hover a{ color:#fff;box-shadow:none;}
				.leftnav li a{ display:block; padding-left:20px;width: 160px;box-shadow:10px 0 10px #f9f9f9;}
	.rightBox{ width:761px; float:left;}
		.rightTitle{ font-size:24px; color:#333;}
		.productList{ overflow:hidden; margin-top:50px;}
			.productList li{ float:left; margin-right:50px; margin-bottom:20px;width: 210px;overflow: hidden;}
			.productList li:nth-of-type(3n){ margin-right:0;}
			.productList li:hover p{ color:#1c8fe3;}
				.productList li .proImg{ border:1px solid #dedede; width:208px; height:138px; text-align:center;}
					.productList li .proImg img{ max-height:100%; max-width:100%;}
				.productList li p{ text-align:center; line-height:28px; height:28px; overflow:hidden;}
		
		.proIntro{ margin-top:50px; overflow:hidden;}
			.proIntro .proImg{ float:left; width:320px; height:210px; border:1px solid #dedede; text-align:center; line-height:210px;}
				.proIntro .proImg img{ max-height:100%; max-width:100%;}
			.proIntro .proInfo{ float:left; width: 430px;}
				.proIntro .proInfo .proTitlt{ background:url(icon_title.png) no-repeat left center; height:40px; line-height:40px; color:#fff; font-size:16px; padding-left:20px;}
				.proIntro .proInfo .haisu{ padding:20px;}
					.proIntro .proInfo .haisu p{ font-size:12px; line-height:24px;}
		.tabBox{ margin-top: 40px;}
			.tabList{ height: 32px;}
				.tabList li{float: left;height: 32px;}
					.tabList li a{padding: 0 20px;line-height: 32px;display: block; margin-right:10px; background-color:#999999; color:#fff;-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
					.tabList li.curr a{ height: 32px; background-color:#1c8fe3;} 
				.tabCon{border-top:2px solid #999999; margin-top:-2px;}
					.tabCon .Con{display: none; margin-top:20px;}
						.tabCon .Con p{ line-height:24px;}
	.caseList{ margin-top:50px;}
		.caseList li{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dedede; overflow:hidden;}
			.caseList li .caseImg{ float:left; width:178px; height:118px; border:1px solid #dedede; text-align:center; margin-right:30px;}
				.caseList li .caseImg img{ max-height:100%; max-width:100%;}
			.caseList li .caseInfo{ height:118px; position:relative;}
				.caseList li .caseInfo .title{ font-size:16px; color:#333333;}
				.caseList li .caseInfo .con{ font-size:12px; line-height:24px; margin-top:10px;}
				.caseList li .caseInfo .readmore{ background:url(icon_more.png) no-repeat right center; padding-right:20px; color:#999999; line-height:24px; position:absolute; bottom:0;}
		.caseList li:hover .title{ color:#1c8fe3;}
	
	.articleCon{ margin-top:50px;}
		.articleCon p{ line-height:24px;/* margin-bottom:30px;*/}
		
	.docList{ overflow:hidden;}
		.docList li{ float:left; margin-right:35px; border:1px solid #dedede; position:relative; margin-bottom:20px;}
		.docList li:nth-of-type(3n){ margin-right:0px;}
			.docList li .soluImg{ width:308px; height:218px; text-align:center;}
				.docList li .soluImg img{ max-height:100%; max-width:100%;}
			.docList li .zhezhao{ height:40px; line-height:40px; position:absolute; bottom:0; background-color:#000; width:100%; opacity:0.3; color:#fff;}
				.docList li .zhezhao p{ padding-left:20px;}
		.docList li:hover .zhezhao{ background-color:#1c8fe3; opacity:1;}
	.soluT{ height:50px; line-height:50px; background-color:#f5f5f5;}
		.soluT p{ padding-left:20px; color:#333333; font-size:16px;}
	.soltList{ overflow:hidden; border:1px solid #dedede; border-top:none; padding-bottom:40px;}
		.soltList li{ float:left; width:282px; margin:20px 30px 10px 20px;}
			.soltList li .title{ color:#444444; line-height:2em; margin-bottom:10px;}
			.soltList li .soluPic{ width:130px; height:92px; float:left; text-align:center; margin-right:20px;}
				.soltList li .soluPic img{ max-height:100%; max-width:100%;}
			.soltList li .soluInfo{ height:92px; position:relative;}
				.soltList li .soluInfo .con{ font-size:12px; line-height:20px;/* text-indent:2em;*/}
				.soltList li .soluInfo .more{ background:url(icon_more.png) no-repeat right center; padding-right:20px; color:#999999; line-height:24px; position:absolute; bottom:0;}
		.soltList li:hover .title{ color:#1c8fe3;}
		.soltList li:hover .soluInfo .more{ color:#1c8fe3;}
		
	.recuitList{ margin-top:40px;}
		.recuitList li{ border-bottom:1px dashed #dedede; height:40px; line-height:40px;}
			.recuitList li a{ display:block;}
		.recuitList li:hover a{ color:#1c8fe3;}
	
	.newsList{ margin-top:40px;}
		.newsList li{ border-bottom:1px solid #dedede; margin-bottom:30px; padding-bottom:20px;}
			.newsList li .addtime{ width:170px; float:left; height:100px; font-size:16px;}
			.newsList li .newstitle{ font-size:16px; color:#333; margin-bottom:10px;}
			.newsList li .newscon{ font-size:12px; line-height:24px;}
		.newsList li:hover .newstitle{ color:#1c8fe3;}
		
	.newsArti{}
		.newsArti .creaTime{ color:#999; line-height:50px; border-bottom:1px solid #dedede;}
		.newsArti .newsArtCon{ margin:40px 0;}
			.newsArti .newsArtCon p{ line-height:28px; margin-bottom:30px;}
/*		.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}		*/

/*分页样式*/
.pages{ text-align:center; padding: 20px 0;}
	.prev{background-color: #fff; border:1px #bbb solid; padding: 5px 10px;margin:0 5px; }
	.num{background-color: #fff; border:1px #bbb solid; padding: 5px 10px;margin:0 5px; }
	.next{background-color: #fff; border:1px #bbb solid; padding: 5px 10px;margin:0 5px; }
	.current {background-color: #1c8fe3; border:1px #1c8fe3 solid; padding: 5px 10px; margin:0 5px; color: #fff;}
	.pages a:hover{background-color: #1c8fe3; border:1px #1c8fe3 solid; color: #fff; }

.mesTable{ margin-top: 40px; }
	.mesTable span{ color: red; }
	.mesTable input.mesText{ height: 40px; border-radius: 5px; border: 1px solid #dedede; outline: none; width: 400px; padding-left: 5px; }
	.mesTable textarea{ border-radius: 5px; border: 1px solid #dedede; outline: none; width: 400px;padding-left: 5px; }
	.mesTable tr{}
		.mesTable td{ padding: 5px 10px; }
		.mesTable td.name{ text-align: right; }
		.mesBtn{ background-color: red;color: #fff;font-size: 16px;width: 100px;border: none;height: 40px; border-radius: 5px; }
		.codeimg{width: 130px;height: 40px;cursor: pointer;}
		.codeText{width: 260px; padding-left: 5px; margin-right: 5px; height: 40px; border-radius: 5px; border: 1px solid #dedede; outline: none;}

/*----- 侧边客服样式 -----*/
#online { right:0; top:100px; position:absolute; overflow:hidden; z-index:6000;min-height: 120px;}
    #online .on_left{width:32px; height:117px; margin-top:2px; text-align: center; /*  background:url(line_left.png) no-repeat ; */ float:left; overflow:hidden; background-color:#0d5da9; border-radius:3px;}
	    #online .on_left a{width:32px; height:110px; display:block; font-size:18px; color: #ffffff; margin-top: 10px;/*  text-indent: -5000px; */ overflow:hidden;}
	#online .on_right{ float:right;background-color:#1c8fe3; border-radius:3px;z-index: 100;}
		#online .on_right .D{ background-color:#ffffff; margin:3px; border-radius:3px;}
		    
		#online .on_right .T {min-width:162px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; font-family: Microsoft YaHei; border-bottom:1px solid #1c8fe3; background-color: #1c8fe3;cursor: pointer;}
			#online .on_right .T .colse{background: url(icon_close.png) no-repeat center;display: inline-block;width: 20px;height: 30px;float: right;}
		#online .on_right .C { line-height:22px;}
		    #online .on_right .C li { padding-bottom:6px; border-bottom:1px dashed #cccccc;}
		    #online .on_right .C li a {width:100%; height:30px; padding-left:10px;line-height:30px; display:block; font-size:14px; }
			#online .on_right .C li a img{ margin-right:10px;vertical-align: middle; width:25px;}
			#online .on_right .C li a:hover { text-decoration:underline; color:#000;}
		#online .on_right .time {width:116px; height:36px;}
		
		.on_right .hotline,.on_right .hotline p{ padding-left:8px;}
		.on_right .hotline p.img{ font-size:18px; color:#ffffff; margin-bottom:5px;} 
		.on_right .hotline p img{ margin-right:5px;}
		.on_right .hotline p.phone{ font-size:16px; color:#e8d22e; margin-bottom:12px;}
	.lineTel{padding: 5px;}
		.lineTel .icontel{ width: 20px;height: 50px;display: inline-block; float: left;background: url(icon_ctel.png) no-repeat center;margin:0 5px; }
		.lineTel .tel{font-size: 16px;color: #1c8fe3;font-weight: bold;line-height: 20px;height: 40px;overflow: hidden;text-align: right;}
		.sheabox{font-size: 12px; color: #1c8fe3; text-align: right;margin-top: -5px;}

	.smallDiv{ background: url(icon_line.png) no-repeat right center;width: 40px;height: 120px;z-index: 2000;position:absolute;right: 0;display: none;z-index: 10;float:left;cursor: pointer;}
		.smallDiv a{width: 40px;height: 120px;display: inline-block;}