@charset "utf-8";
/* CSS Document */
body {overflow-x:hidden; width:100%;}
html,body{font-family:"微软雅黑",Arial, Helvetica, sans-serif,Verdana; text-decoration: none; color:#666; border:0; font-size:0.95em; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
*{margin:0; padding:0; border:0; font-family:"微软雅黑", Arial , sans-serif;}
a, input, select, textarea {outline:none !important;}
footer,header,lianjie,nav,ziye{display: block;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size:0.95em; color:#000;}
*{ margin:0; padding:0;}
img, a img { border: 0;} 
ol,ul {	list-style:none}
a{ text-decoration:none; color:#666;}
a:hover{color:#0094da;}

a.alink{color:#0094da; }
a.alink:hover{ color:#d00000;}

p{ line-height:2.0em;}
.clear{ clear:both;}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
.f_l{ float:left;}
.f_r{ float:right;}


/* head & footer */
header{border-top:5px solid #0094da; height:45px; border-bottom:1px solid #d9d9d9; width:100%;}
#header-wrapper,.footer,.footerz,.index_a div,.index_a p,.hotlink,#main,.header_top, .index_xwkz, .guanggao, .ziye{ width:100%; max-width:1024px; margin:0 auto;}
.h_m,.h_p,.h_q,.h_w,.h_y{ background:url(../../images/201507/index_03.jpg) no-repeat left center; height:45px; line-height:45px; text-indent:20px; width:130px;}
.h_m{ background:url(../../images/201507/index_06.jpg) no-repeat left center; width:170px; }
.h_q{ background:url(../../images/201507/index_04.jpg) no-repeat left center; width:170px; }
.h_w{ width:370px; }
.h_y{ background:url(../../images/201507/index_07.jpg) no-repeat left center; width:170px; }

nav{ margin-bottom:15px;width:100%; height:auto; display:inline-block; }

footer{ margin-top:1px; border-top:3px solid #0094da; background:#323232; padding-top:15px;}
.footer{height:80px; line-height:30px; color:#999; }
.footer a{color:#999; }
.footer a:hover{ color:#FC0}
.footerz{height:80px; line-height:30px; color:#f8f8f8; }
.footerz a{color:#f8f8f8; font-size:1.1em; }
.footerz a:hover{ color:#FC0}

.footer span{color:#d4f1ff;}

.lianjie{background:#292929; width:100%; height:auto;}
.hotlink{ padding-top:5px; height:50px; line-height:25px; color:#7d7d7d;  font-size:0.85em;}
.hotlink a{ font-size:12px; color:#7d7d7d; }


/* index */
banner { margin-top:1px; z-index:0; width:100%;}
banner img{ width:100%;}

.index_a{ background:#f4f4f4; padding-top:10px; padding-bottom:20px;}
.index_a p{line-height:2.0em;}
.index_a span{ color:#0094da; font-size:1.3em; font-weight:700; line-height:3.0em;}

#main{ padding-top:30px; padding-bottom:30px;}
.index_cp{ width:100%; }
	.index_cp1{ float:left; width:23%; margin-right:1%; margin-left:1%; padding-bottom:20px; }
	.index_cp2{text-align:center; padding:10px 0px; background:#f4f4f4; }
	.index_cpbt{ font-size:1.4em; font-weight:600px; text-align:center; line-height:1.4em;}
.index_xw{width:100%; background:#f4f4f4; height:200px; padding:20px 0px 30px 0px;}
	.index_xw1{ width:49%; float:left; margin-right:2%;}
	.index_xw2{ width:49%; float:left;}
	.index_xw101{ font-size:1.25em; font-weight:600; padding-bottom:10px;}
	.index_xw101 a, .index_xw101 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:500;}
	.index_xw102{ height:35px; width:95%; overflow:hidden; line-height:35px;}
	
.guanggao{ padding-top:10px; height:70px;}
.guanggao1{ font-size:1.4em; font-weight:600; color:#0094da; padding-top:10px; padding-bottom:20px;}
.youshi1{ float:left; width:19%; }
.youshi2{background:url(../../images/201507/youshi1.png) no-repeat; width:100px; height:35px; padding-top:25px; padding-left:62px;}
.youshi3{background:url(../../images/201507/youshi2.png) no-repeat; width:100px; height:35px; padding-top:25px; padding-left:62px;}
.youshi4{background:url(../../images/201507/youshi3.png) no-repeat; width:100px; height:35px; padding-top:25px; padding-left:62px;}
.youshi5{background:url(../../images/201507/youshi4.png) no-repeat; width:100px; height:35px; padding-top:25px; padding-left:62px;}
.youshi6{background:url(../../images/201507/youshi5.png) no-repeat; width:100px; height:35px; padding-top:25px; padding-left:62px;}

/* product-专题页面 */
.pro00{ width:100%;}
.pro01{ float:left; width:30%; margin-right:3%; padding-bottom:20px;}
.pro02{text-align:center; padding:10px 0px; background:#f4f4f4; }
.pro03{padding:20px 0px;}
.pro04{ line-height:2.0em; font-weight:600; padding-bottom:20px;}
.pro04 h2{ font-size:1.4em;}
.pro05{border-bottom:1px #CCC solid; line-height:2.0em; padding-bottom:10PX;}
.pro06{ padding-top:20PX; line-height:2.0em;}
.pro07{border-top:dashed 1px #ccc; height:auto; width:auto; padding-top:5px; padding-bottom:20PX;}
.pro08{padding-bottom: 30px; padding-top: 10px; border-bottom:1px #CCC dashed;}

.shang{ background:#f8f8f8; width:100%; height:460px}
.pro11{ float:left; width:40%; background:#FFF; height:460px;}
.pro12{ float:left; width:60%;}

.xia{ width:100%; padding-top:10px; padding-bottom:30px;}
.cpziye{ width:612px; height:316px; background:url(../../images/kechuang/cpbig.jpg) no-repeat;}
.biaoti{ width:100%; text-align:left; height:2.0em; line-height:2.0em; font-size:1.2em; padding-bottom:10px; padding-top:15px; }
.protel{text-align: center; line-height:2.0em; color: rgb(255,0,0); font-size:1.2em;}

/*返回顶部*/
#elevator_item {
	width: 60px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}
#elevator_item.off {
	opacity: 0;
	visibility: hidden
}
#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background: url(../../images/201507/icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color: rgba(0,0,0,.75)
}

/*ziyetongyong*/
.ziye{padding:10px 0px; }
.zuo{ float:left; width:76%; padding-right:3.5%; padding-top:10px;}
.you{ float:left; width:20%; min-height:300px; padding-top:10px;}
.youbt{ font-size:1.3em; font-weight:600; height:40px; border-bottom:1px solid #CCC;}
.youlie{ padding-top:20px; width:100%; padding-bottom:40px; overflow:hidden;}
.youlie li{ height:2.5em; line-height:2.5em; border-bottom:#CCC 1px dashed; padding-left:5%; width:95%; overflow:hidden;}
.zuobt{font-size:1.2em; font-weight:600; height:40px; border-bottom:1px solid #CCC; overflow:hidden; width:100%;}
.zuonr{ width:98%; padding-left:1%; padding-right:1%;}

/*new*/
.newlie{ width:100%; padding-top:2em;}
.newlie li{ height:2.6em; line-height:2.6em;}
/*page*/
.pagekz{ line-height:2.0em; padding:10px 0px;}

/* 分页 */
#pages { padding:14px 0 10px; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.text-c{ text-align:center;}

/*nemu*/
.headin { width:100%; max-width:1024px; margin:0 auto; position:relative; z-index:1;}
.headin img { float:left; margin-top:19px;}
.headin .words { float:left; margin-top:39px; margin-left:14px;}
.headin .words h1 { font-size:1.05em; font-weight:bold; color:#adadad;}
.headin .words span {  font-size:1.0em; color:#adadad;}
.headin .navul { float:right; position:relative;}
.headin .nav_bg {width:90px; height:110px; position:absolute; z-index:-1; left:0;}
.headin .navli{ float:left; height:95px; width:90px; font-size:1.05em; font-weight: bold; color:#414651; line-height:105px; text-align:center; cursor:pointer; display:block; }
.headin .navli a{ float:left; display: block; width:90px; height:95px; line-height:105px; color:#414651; }
.headin .navli a:hover{ float:left; display: block; width:90px; height:95px; line-height:105px; color:#414651; }
.headin .nav_img { display:none;}

.proserlist { width:100%; background:#0585c2; position:absolute; z-index:999 !important; top:155px; display:none;}
.proserlist p { color: #fff;}
.proserlist a { color: #fff;}
.proserlist a:hover{ color:#fff; text-decoration:underline;}
.proserlist .pro_ul { margin:35px auto 0 auto; width: 1024px; padding-bottom: 20px; position: relative; }
.sanjiao { position: absolute; left: 611px; top: -35px;}
.proserlist .pro_ul .ps { float:left; font-size:1.0em; height:1.0em; line-height:1.0em; text-align:left; margin-left:40px; height:auto; color:#FFF;}
.proserlist .pro_ul .ps .bt { margin-top: 40px; font-size: 23px;}

.proserlist .pro_ul li h2 { font-size:23px; font-weight:bold; color:#fff; margin-bottom:30px;}
.proserlist .pro_ul li h1 { font-size:14px; font-weight:bold; color:#fff; margin-bottom:20px;}
.proserlist .pro_ul .ps1 { border-right:1px solid #ccc; padding-right:40px; margin-left: 0; height:auto;}
.proserlist .pro_ul .ps1 ul li { font-size:14px; font-weight:bold; margin-bottom:10px;}
.proserlist .pro_ul li ul li { margin:15px 0;}
.proserlist .pro_div { width: 100%; background: #035982;}
.proserlist .pro_div_con { width: 1024px; margin: 0 auto; padding:20px 0; }
.proserlist .pro_div_con h2 { font-size:17px; font-weight:bold; color:#fff; float: left; line-height: 70px; margin-right: 30px;}
.proserlist .pro_div .pro_div_txt { float: left; width: 900px;}
.proserlist .pro_div .pro_div_txt h1 { font-size:14px; font-weight:bold; color: #fff; margin-top: 10px;}
.proserlist .pro_div .pro_div_txt p { margin-top: 10px;}

.dpbmore a{ color:#ff9000; }



/* IPAD */
@media (min-width:992px) and (max-width:1024px) {
.headin .navul { float:right; position:relative;}

}

@media (min-width:760px) and (max-width:991px) {
.headin .navul {position:relative;}
}
 /* Phones or something */
@media (max-width:759px){
	.headin .navul {position:relative;}
	.h_p, .h_m, .h_q{ display:none;}
	.headin .navul { float:none; position:relative;}
	.headin .nav_bg {width:100%; height:110px; position:absolute; z-index:-1; left:0;}
	.headin .navli{ float:left; height:95px; width:16%; font-size:0.8em; font-weight: bold; color:#414651; line-height:105px; text-align:center; cursor:pointer; display:block; }
	.headin .navli a{ float:left; display: block;  height:95px; line-height:105px; color:#414651; }
	.headin .navli a:hover{ float:left; display: block; height:95px; line-height:105px; color:#414651; }

  #scrollin{display:none;}
	.index_cp1{ float:left; width:47%; margin-right:1%; margin-left:1%; padding-bottom:20px; }
	.index_cp2{text-align:center; padding:10px 0px; background:#f4f4f4; }
	.index_cpbt{ font-size:1.4em; font-weight:600px; text-align:center; line-height:1.4em;}
		.index_xw{width:100%; background:#f4f4f4; height:auto; padding:20px 0px 30px 0px;}
	.index_xw1{ width:100%; float:none; margin-right:2%;}
	.index_xw2{ width:100%; float:none;}
.zuo{ float:none; width:100%; padding-top:10px;}
.you{ float:none; width:100%; min-height:300px; padding-top:10px;}
.newlie{ width:100%; padding-top:2em; overflow:hidden;}
.newlie li{ height:2.6em; line-height:2.6em; overflow:hidden;}



/*kefu*/
.toolbar-item,.toolbar-layer{background:url(../../images/201507/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:240px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}