﻿/* CSS Document */
body{ background:#fff; font-size:12px; color:#4e4e4e;font-family:"Microsoft YaHei","微软雅黑","宋体"; margin:0; padding:0; width:100%;}
a{ font-size:12px; color:#2e2e2e; font-family:"Microsoft YaHei","微软雅黑","宋体";text-decoration:none}
a:hover,.co{ color:#e20009;}
.auto_1000{ width:1420px; margin:0 auto;}
.cen{ text-align:center;}
.hand{cursor: pointer;}

#header{ width:1420px; margin:0 auto; padding:0; position:relative; z-index:10000;}
#header .logo{ height:120px; overflow:hidden; vertical-align:middle;}
.header_top { height:36px; line-height:36px; background:#fafafa; border-bottom:1px solid #dfdfdf;}
.header_top .auto_1000{}
.header_top .auto_1000 a,.header_top .auto_1000{ color:#8c8c8c}
.header_top .auto_1000 a:hover{color:#004375;}
.header_top .auto_1000 .sep{ color:#dfdfdf;margin:0 10px}
.menu{ height:45px; background-color:#004375;}
.menu li{float:left; display:inline;position:relative; height:45px;}
.menu li span{ display:block}
.menu li a{ color:#fff; font-size:14px; line-height:45px; display:block; padding:0 47px; }
.menu li.on,.menu li.cur{ background:#6a7e29;}
.menu li:hover{ background:#596d18;}
.menu li .submenu{ position:absolute; background:#FFF; left:0; padding:18px;border-radius: 0 0 5px 5px; display:none;-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); top:45px; z-index:10000;}
.menu li .submenu .icon{background:url(bg/icon.png) -33px -549px no-repeat; width:10px; height:10px; position:absolute; left:50px; top:-8px;}
.menu li .submenu.noimg{ min-width:90px !important}
.menu li .submenu.noimg .fleft{ padding-right:0px}
.menu li .submenu dd a{ height:28px; line-height:28px; background:url(bg/icon.png) -27px -620px no-repeat; padding-left:17px; float:left}
.menu li .submenu dd{ white-space:nowrap; display:table}
.menu li .submenu dd a:hover{background:url(bg/icon.png) -28px -579px no-repeat; color:#E20009}
.menu li .submenu a{ color:#636363; font-size:12px; display:block; height:28px; line-height:28px; padding:0px;}
.menu li .submenu .fleft{ padding-right:10px;}
.menu li .submenu .fright{ border-left:1px solid #e9e9e9; padding-left:20px;}
.menu li .submenu .fright p{ text-align:center; margin-top:10px;}
#banner_index{ margin:0 auto; position:relative; top:3px}
#banner{ margin:0 auto; position:relative; top:3px;height:160px; overflow:hidden;}

#wapper{ width:100%; position:relative; z-index:1000; margin:0px auto 0; display:table;}
	.cLeft{margin-bottom:16px;float:left;width:680px;}
	.cRight{margin-left:40px;margin-bottom:16px;float:left;width:680px;}
	.cLeft .tit,.cRight .tit{ text-align:left; text-indent:10px; color:#004375; line-height:30px; font-weight:bold; font-size:20px;border-bottom:1px solid #e3e3e3;}
	.cLeft .tit a,.cRight .tit a{ float:right; line-height:30px; margin-right:20px; color:#999}
	.cLeft .tit a label,.cRight .tit a label{ color:#e20009;}	
	.cLeft ul,.cRight ul{padding:8px 12px;background-color:#FFFFFF;}
	.cLeft li,.cRight li{width:650px; padding-left:10px;line-height:30px; border-bottom:1px dashed #e8e8e8; background: url(bg/arrow.png) left center no-repeat;overflow:hidden;}
	.cLeft li a,.cRight li a{width:526px;overflow:hidden;font-size:14px;}
	.cLeft li a:hover,.cRight li a:hover{color:#004375;}
	.cLeft li span.fr,.cRight li span.fr{float:right;width:100px;text-align:right;color:#999;font-size:12px;}
	
	.cCon2{width:100%;margin-bottom:20px;}
	.cCon2 .item{width:100%;line-height:52px; background-color:#e2e2e2;}
	.cCon2 .item h2{width:560px;display:block;line-height:50px;border-top:2px solid #004375;color:#004375;font-size:20px;font-weight:bold; text-indent:46px; background:url(bg/indexcase4.png) 6px center no-repeat; background-color:#f7f7f7;}
	.cCon2 .service{width:100%;}
	.cCon2 .service ul{padding:10px 29px;}
	.cCon2 .service li{float:left;width:220px;margin-top:10px;margin-left:12px;margin-right:35px;margin-bottom:6px;display:block;}
	.cCon2 .service li img{padding:6px;border:1px solid #eaeaea; border-radius:3px;box-shadow:2px 3px 3px #bbb;-moz-box-shadow: 3px 3px 3px #bbb;}
	.cCon2 .service li img:hover{border:1px solid #bbb;box-shadow:0 0 12px #05a8f1;top:-15px;position:relative;cursor:pointer;transition:0.3s;}
	.cCon2 .service li h3{font-size:14px;color:#004375;line-height:36px; text-align:center;}
	
	.cLeft2{margin-bottom:16px;float:left;width:96%;}
	.cLeft2 .tit{ text-align:left; text-indent:10px; color:#004375; line-height:30px; font-weight:bold; font-size:20px;border-bottom:1px solid #e3e3e3;}
	.cLeft2 .tit a{ float:right; line-height:30px; margin-right:20px; color:#999;cursor:pointer;}
	.cLeft2 .tit a label{ color:#e20009; cursor:pointer;}	
	.cLeft2 ul{padding:8px 12px;background-color:#FFFFFF;}
	.cLeft2 li{width:92%; padding-left:10px;line-height:30px; border-bottom:1px dashed #e8e8e8; background: url(bg/arrow.png) left center no-repeat;overflow:hidden;}
	.cLeft2 li a{width:90%;overflow:hidden;font-size:14px;}
	.cLeft2 li a:hover{color:#004375;}
	.cLeft2 li span.f{float:right;width:100px;text-align:right;color:#999;font-size:12px;}


#footer{ width:100%; height:auto; display:table; border-top:1px solid #efefef;}
.links{ padding:15px 10px 10px 10px; line-height:30px;}
.links label{ font-size:18px;}
.links a{ line-height:20px; margin:0 8px;}
.nav{ width:100%; height:45px; background-color:#004375; }
.nav li,.bot li{ float:left; width:150px; text-align:left; min-height:10px}
.nav li a{ line-height:45px; font-weight:bold; color:#fff; font-size:14px;}
.nav li a:hover{ color:#aaa; }
.bot{ width:100%; background:#181818; padding:15px 0; display:table;}
.bot ul li a{ display:block; line-height:22px; color:#5a5a5a;}
.bot ul li a:hover{ color:#999999;}
.qrcode{ line-height:30px; margin:30px 10px 0;}
.copyright{ width:100%; height:auto; display:table; background-color: #f2f2f2; padding:15px 0;}
.copyright ul a{ margin:0 10px;color:#666;}
.copyright ul a:hover{ margin:0 10px;color:#4089c6;}
.copyright ul p{ padding:0 10px; margin-top:10px; color:#666;}
.copyright ul p a{ color:#666;}
.copyright ul p a:hover{ color:#333;}

#tbox { width:54px; float:right; position:fixed; right:50%; margin-right:-600px; bottom:50px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:15px; z-index:9998 }
#tbox a { overflow:visible; position:relative }
#gotop, #moblie, #home { display:block; width:50px; height:50px; margin-bottom:2px }
#gotop { background:#d3d3d3 url(bg/top_icon.png) no-repeat 5px 3px; }
#home { background:#d3d3d3 url(bg/home_ico.png) no-repeat 5px 3px; }
#moblie { background:#d3d3d3 url(bg/moblie_icon.png) no-repeat 5px 3px; position:relative; }
#gotop:hover { background:#9B9B9B url(bg/top_icon.png) no-repeat 5px 3px; }
#home:hover { background:#9B9B9B url(bg/home_ico.png) no-repeat 5px 3px; }
#moblie:hover { background:#9B9B9B url(bg/moblie_icon.png) no-repeat 5px 3px; }
#moblie .moblie_Code { position:absolute; right:55px; top:-80px; z-index:999999; background:url(bg/mobibarcodeui_tech.png) no-repeat; width:160px; height:160px; text-align:center; }
#moblie .moblie_Code img { margin:5px 0 0 0px; margin-right:10px; }
#moblie .moblie_Code p { width:110px; color:#333; font-site:14px; margin-left:22px; }


.new{ background:url(bg/art.jpg) no-repeat center top fixed; padding-top:20px; padding-bottom:40px;}
.new .an_left_top{float:left;width:100%; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.new .an_left{ float:left; display:inline-block; width:806px; margin-left:32px;padding-bottom:130px;}
.w_auto{ float:left;width:100%; display:block; margin:0 auto; background:#FFF;height:auto;}
.an_left{ float:left; display:inline-block; width:806px; margin-left:45px;padding-bottom:130px}
.an_left_top{ margin-top:20px;width:100%; }
.an_left_top .an_left_title{ float:left;display:inline-block; line-height:25px;}
.an_left_top .an_left_title .cn{font-size:20px; color:#0061b1;}
.an_left_top .an_left_title .en{font-size:14px; color:#0061b1; background:url(images/hangd.jpg) no-repeat left center; padding-left:10px; margin-left:8px;}
.an_left_top .an_left_lu{ float:right; display:inline-block;font-size:12px; color:#606060; line-height:25px;}
.an_left_biao{ font-size:14px; color:#7a7a7a; line-height:22px; border-bottom:1px dashed #ccc; padding-bottom:15px; padding-top:5px;}


.thing_con{ margin-top:10px;}
.thing_con_biao{ width:100%;float:left;text-align:left; font-size:18px; font-weight:bold;color:#111111; padding:10px 4px;line-height:28px;}
.thing_con_duan p{  font-size:14px; color:#111; line-height:24px; padding-top:8px;}
.thing_con_time{ float:right;padding-right:30px; font-size:12px; color:#888; line-height:20px;}
.thing_con_font{text-align:center;line-height:23px;margin-bottom:14px;}
.thing_con_font span{margin-right:16px;color:#888;}
.thing_con_font a{margin-right:20px;color:#4089c6;}
.thing_con_font .on{color:#a00;border:1px dashed #eee;}
.thing_con h6{color:#777;padding-left:6px;line-height:30px;font-size:12px;}
.shareU{margin-top:20px;padding:10px 20px;width:90%; overflow:hidden;line-height:36px;border:1px dashed #f2f2f2;}

.shang_bian{ margin-top:30px;margin-bottom:30px;}
.shang_bian p{ font-size:14px; color:#3a3a3a; line-height:28px;}
.shang_bian p:hover a{ text-decoration:underline; color:#0061b1;}

.an_right{ float:right; display:inline-block; background:#e4eff6; width:530px;}
.an_right .suo{ width:210px; position:relative; margin-top:30px; margin-left:35px;}
.an_right .suo input{ width:215px; height:40px; font-size:14px; color:#5b5b5b; line-height:40px; padding-left:5px;}
.an_right .suo input.cz{background:url(images/sou.png) no-repeat center center; width:13px; height:13px; display:block; position:absolute; right:15px;top:14px; cursor:pointer; border:0 none;}

.new_menu .new_menu_bt{ border-bottom:1px solid #ccc; width:415px; padding-bottom:15px;}
.new_menu .new_menu_bt span{font-size:18px; color:#111111; background:url(images/pro2.png) no-repeat right center; padding-right:20px;}
.new_menu{ margin-left:35px; margin-top:25px;}
.new_menu li{border-bottom:1px solid #d8d8d8; height:45px; line-height:45px; width:215px;}
.new_menu li a{ font-size:14px; color:#8a8a8a;}
.new_menu li:hover a{ color:#4089c6;}

.other_new{ margin-left:35px; margin-top:35px; width:415px;}
.other_new .other_title{ line-height:25px;}
.other_new .other_title .cn{ font-size:16px; color:#111111;}
.other_new .other_title .en{ font-size:12px; color:#111111; background:url(images/other2.jpg) no-repeat left center; padding-left:8px; margin-left:5px;}
.other_first{ margin-top:10px;}
.other_first:hover img{ opacity:0.7;}
.other_first:hover .other_bt{ color:#000; text-decoration:underline;}
.other_first .other_bt{ font-size:16px; color:#353535; line-height:20px; margin-top:10px;}
.other_first .other_more{ font-size:14px; color:#0061b1; background:url(images/newmore.jpg) no-repeat right center; width:55px;}
.other_xin dd{ margin-top:25px;}
.other_xin dd:hover .other_newname{ color:#000; text-decoration:underline;}
.other_xin dd .other_newname{font-size:16px; color:#353535; line-height:20px;}
.other_xin dd .other_newmore{font-size:14px; color:#0061b1; background:url(images/newmore.jpg) no-repeat right center; width:55px; margin-top:15px;}

.chan_lian{margin-left:45px; margin-top:40px; width:415px;}
.chan_lian .chan_lian_title{ font-size:18px; color:#0061b1; line-height:25px; margin-bottom:10px;}
.chan_lian .chan_lian_xinxi p{ font-size:12px; color:#545454; line-height:22px; padding-left:20px; margin-top:12px;}
.chan_lian .chan_lian_xinxi p.dz{ background:url(images/lian2.png) no-repeat left 6px; }
.chan_lian .chan_lian_xinxi p.dh{ background:url(images/lian1.png) no-repeat left 6px; }
.chan_lian .chan_lian_xinxi p.cz{ background:url(images/lian3.png) no-repeat left center; }
.chan_lian_mess{ width:330px; background:#0061b1; padding:20px 0; margin-top:20px;}
.chan_lian_mess .liu_title{ font-size:18px; color:#ddeaf5; line-height:25px; padding-left:45px; padding-right:35px;}
.chan_lian_mess .liu_des{ font-size:12px; color:#a3c6e3; line-height:20px; padding:10px 35px 0px 45px;}
.chan_lian_mess .liu_us{ padding-left:45px; padding-right:35px; margin-top:15px;}
.chan_lian_mess .liu_us a{ background:#fff; font-size:14px; color:#0061b1; text-align:center; width:135px; height:35px; line-height:35px; display:block;}
.chan_lian_mess .liu_us a:hover{ color:#777777;}

.detail_right{width: 100%;float: right;margin-top: 18px;}
.module-box{background: #fcfdfe;box-shadow: 0 1px 5px rgba(0,0,0,0.3);padding-top: 15px;}
.module-title{color: #333;font-size: 20px;border-left: 6px solid #00c6bc;padding: 8px 5px 8px 24px;}
.module-title span{font-size: 14px;color:#96acb9;margin-left:36px }
.module-footer{width:100%;}
.module-more{text-align:right;line-height:46px;margin-right:30px;}
.lastest-article{padding:0 28px;}
.lastest-article p{font-size: 14px;letter-spacing: 1px;color:#5d5d5d ;line-height: 20px}
/*.lastest-article .article-item-icons span.article-item-tags{margin-left:22px;}*/
.lastest-article{padding-bottom:34px}
.lastest-article li{margin-top: 10px; background:url(bg/arrow.png) left 9px no-repeat;padding-left:12px;}
.article-item-icons .article-item-time {MARGIN-RIGHT:60px;}
.zt-tags {display: INLINE-BLOCK;    margin-top: 2px;}
.article-item-tags{margin-left:24px;}

/*.pLeft{float:left;width:620px;padding:20px 12px 20px 28px; display:table;margin-right:24px;margin-bottom:-100000px;padding-bottom:100000px;}*/
.pLeft{float:left;width:920px;padding:20px 12px 20px 28px; display:table;margin-right:24px;margin-bottom:-100000px;padding-bottom:100000px; overflow-x:hiden;}

	.filter{float:left;width:918px;border:1px solid #eee;margin-bottom:10px;padding:4px;}
	.filter ul{display:table;width:100%;border-bottom:1px solid #eee;padding:4px 0;}
	.filter li{float:left;padding:2px 3px;margin-right:10px;line-height:20px;}
	.filter li:hover{color:#4089c6; cursor:pointer;}
	.filter li.on{color:#4089c6; background-color:#f1f1f1;}
	.dList{padding-bottom:40px;}
	.dList table{padding:0;margin:0;}
	.dList th{ background-color:#e3efe3; font-size:14px; line-height:24px;font-weight:bold;padding:3px 2px;border:1px solid #ddd;}
	.dList td{line-height:28px;margin:0;padding:3px 2px;border:1px solid #ddd;font-size:12px;text-align:left;vertical-align:top;}
	.dList td.page{padding:4px;line-height:32px; background-color:#f2f2f2;font-size:14px;}
	.dList td.page span{padding:4px; margin-right:2px;}
	.dList td.page a{color:#4089c6;}
	.dList td.page a:hover{color:#00f;}
	.dList tr.even{ background-color:#EBF5F5;}
	.wSite{width:900px;padding:20px 28px 40px;}
	.wSite dl{display:table;}
	.wSite dt{width:888px;font-size:14px; display:block;color:#003399; font-weight:bold; line-height:36px;border-bottom:1px dashed #f1f1f1;border-top:1px solid #f1f1f1;}
	.wSite dd{float:left;margin-left:30px;line-height:30px;}
	
.pRight{float:right;width:396px;padding:20px 10px; display:table;margin-bottom:-100000px;padding-bottom:100000px; background:#e4eff6;}

.tw60{width:50px;text-align:center;line-height:24px;height:24px;margin:0 3px;padding:0px 3px;border:1px solid #b2b2b2;border-radius:6px;}
.tw100{width:200px;text-align:center;line-height:24px;height:24px;margin:0 3px;padding:2px 3px;border:1px solid #b2b2b2;color:#4089c6;border-radius:6px;}
.tw100:focus{border:1px solid #7a6efd;}
.btn{margin-left:10px;padding:2px 10px;line-height:22px;font-size:14px;border:1px solid #aaa;color:#003399;background-color:#d4e3e5; border-radius:6px;}
.noBottom{border-bottom:none;}

.product{ background:#f7f7f7; padding:70px 0;}
.product .product_title{ font-size:28px; color:#333333; line-height:35px; text-align:center;}
.product .product_xian{ font-size:18px; color:#333333; line-height:25px; text-align:center;}
.produce_lei{ margin-top:20px;width:auto;padding:20px 5px 10px;}
.produce_lei li{ float:left; display:inline-block; width:330px; height:240px; overflow:hidden; position:relative; cursor:pointer;}
.produce_lei li .product_zilei{ position:absolute; top:-240px; text-align:center; width:330px; background:url(images/headerbg.png) repeat center center; height:190px; padding:25px 0;}
.produce_lei li .product_zilei dd{ margin-top:10px;font-size:18px;}
.produce_lei li .product_zilei dd:hover a{ color:#2f7cbd;}
.produce_lei li .product_zilei dd a{ font-size:18px; color:#3d3d3d; display:inline-block;}

.product_hx{ background:url(images/indexpinxian.png) no-repeat center center; width:1360px; height:10px; margin-top:20px;padding:0px 5px;}
.product_one{ margin:20px 0px 36px 0px;padding:0px 5px 60px 5px;}
.product_one li{ float:left; display:inline-block; width:330px;}
.product_one li p{ margin-right:50px;}
.product_one li .zw{ font-size:20px; color:#070707; line-height:35px;}
.product_one li .yw{ font-size:14px; color:#070707; line-height:18px;}


.box {
  width: 100%;
  padding: 50px 0px;position: relative;
}
.box .xs1{position: absolute;left: 0px;top: -185px; width: 218px;height:453px;background: url(../images/xs1.png) no-repeat}
.box .xs2{position: absolute;right: 0px;top: -330px;width: 225px;height:537px;background: url(../images/xs2.png) no-repeat}
.box .center {
  width: 1000px;
  margin: 0px auto;
}
.box .center .page {
  font-size: 20px;
  line-height: 36px;
  padding: 60px 30px;
}
.box .center .title {
  text-align: center;
    margin: 20px 0;
}
.box .center .title h1 {
  font-size: 36px;
  width: 700px;
  margin: 0 auto;
}
.box .center .title h2 {
  font-size: 14px; 
  padding: 10px;
}
.box .center .title p {
  font-size: 18px; color: #666c80;
 
}
.box .center .title p span{color: #46acda;}

.box .center .title h4 {
  font-size: 50px;
  color: #373737;
  width: 550px;
  border: 1px solid #373737;
  padding: 20px 50px;
  margin: 0 auto;
}
.box .center .title h5 {
  color: #41569d;
  font-size: 50px;
  padding: 20px;
}
.box .center .tech {
  width: 1200px;
  margin: 0 auto;
}
.box .center .tech li {
  float: left;
  margin: 30px 0px;
  width: 385px;
  height: 395px;
  text-align: center;
  position: relative;
}
.box .center .tech li h1 {
  font-size: 26px;
  margin: 60px 0 30px 0;
}
.box .center .tech li p {
  font-size: 16px;
  width: 278px;
  line-height: 22px;
  color: #757575;
  margin: 0 auto;
}
.box .center .tech li i {
  width: 160px;
  height: 160px;
  display: inline-block;
}
.box .center .tech li .li_hover {
  opacity: 0;
  height: 395px;
  width: 285px;
  background: #c09b72;
  position: absolute;
  top: 0px;
  transition: .5s;
  color: aliceblue;
}

.bgl{background: #9fdffb;}

.case ul li{width:1000px;min-height:250px;height:auto; background: #fff;border-radius: 5px;padding: 35px;margin:15px 15px 30px 80px; box-shadow:0; transition: .3s;}
.case ul li img{width:180px;height:180px;border-radius: 50%;border: 5px solid #e8f3fa;float: left;margin-right: 100px;}
.case ul li .list{float:left;width:500px;height:auto; }
.case ul li .list h2{font-size: 20px;line-height:40px;font-weight: bold;margin-bottom: 10px;clear:both;}
.case ul li .list dd{line-height:22px;}
.case ul li .list dd a{font-size:14px;color:#333;}
.case ul li .list dd a:hover{color:#4089c6;}
.case ul li .list p{font-size: 13px;line-height: 22px;color: #888;display: inline;padding-top:10px;}

.case ul li:hover{box-shadow:0 0 12px #05a8f1;top:-15px;position:relative;cursor:pointer;transition: .3s;}

#zmain{
	clear:both;
	border-radius:6px;
	margin:0;
	margin-bottom:28px;
	border:5px solid #ddd;
	
	position:absolute;
/*	width:800px;max-width:1160px;width:auto;*/
	height:auto;
	background-color: #f9f9f9;
	text-align:left;
	line-height:23px;
	font-size:12px;
	z-index:1002;
	display:none;
}
.close{float:right;line-height:28px;margin-right:20px; cursor:pointer;}
.zdata{padding:30px 36px;}