@charset "utf-8";
/* CSS Document */
/*--35(ZK)-css--*/

* {
	margin:0px;
	padding:0px;
}
body {
	width:100%;
	font-size:12px;
	color:#666;
	font-family:"微软雅黑";
	margin:0 auto;
	background:#fff;
	-webkit-text-size-adjust: none;
	line-height:24px;

}

a {
	color:#666;
}
form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th {
	margin:0px;
	padding:0px;
	border:0;
}
a {
	text-decoration:none;
}


ul, li {
	list-style:none;
	margin:0;
	padding:0;
}
input, textarea, select {
	color:#333;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial;
	vertical-align:middle;
}
input:focus, textarea:focus {
	outline:0;
}

img {  max-width： 100%; height： auto;  width： auto\9; /* ie8 */ } 

/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border:none;
padding:0;
}
.float_l {
	float:left;
}
.float_r {
	float:right;
}
.clear {
	clear:both;
	height:0px;
	width:100%;
}
#rg_qk {
	margin-right:0px;
}/* CSS Document */

.top{ width:100%; overflow:hidden; height:155px; position:relative; z-index:99999; background:url(../images/top_bg.png) center top no-repeat;}
.top_con{ width:1100px; margin:0 auto;}
.logo{ margin-top:20px; float:left;}
.nav{ width:740px; margin:0 auto; overflow:hidden; float:left; margin-left:80px;}
.nav li{ float:left; margin-left:32px; font-size:16px; margin-top:40px;}
.nav li a{ color:#444444;}

.banner{ overflow:hidden; margin-top:-110px;}
.flexslider{ margin:0px auto; position:relative;width:100%; height:568px;overflow:hidden;zoom:1; z-index:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides .img{ height:568px;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-80px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:60%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.products{ width:100%; background:url(../images/products_bg.png) center top no-repeat; height:799px; position:relative; z-index:99999; margin-top:-93px;}
.product_con{ width:1200px; margin:0 auto; overflow:hidden;}
.product_con h1{ font-size:30px; color:#164972; margin-top:93px; font-weight:normal; text-align:center; line-height:35px;}
.product_con h1 p{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#666;}


.pin1{ margin:40px auto; overflow:hidden; width:1190px;}
.pin1 li{ float:left; display:inline; overflow:hidden; text-align:center; margin-right:25px; width:350px; position:relative; padding-bottom:20px;}
.pin1 li h2{ font-size:16px; margin:15px auto 10px 0px;}
.pin1 li .prol{ margin-bottom:10px; height:50px;}
.pin1 li .lead_more{ width:120px; position:absolute; background:#e0e0e0; height:24px; border-radius:3px; left:110px; text-align:center; font-size:16px; padding-bottom:5px;}
.pin1 .left1,.pin1 .right1{ margin-top:160px;  cursor:pointer}
.pin1 ul{ overflow:hidden; margin: auto 10px;}
.pin1 .productpc{ padding:10px; background:#e0e0e0; text-align:left;}
.pin1 li:hover .productpc{ background:#013f87;}
.pin1 li:hover .productpc .lead_more{ background:#013f87;}
.pin1 li:hover .productpc a{ color:#fff;}

.about{ background:url(../images/about.png) center top no-repeat; height:652px; margin-top:-125px;}
.about_con{ width:1100px; margin:0 auto; overflow:hidden;}
.about_s{ width:430px; margin-top:140px; color:#fff;}
.about_s h1{ font-weight:normal; font-size:24px; margin-bottom:20px;}
.about_s h1 span{ font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
.about_s .more a{ height:38px; display:block; width:138px; border:1px solid #fff; border-radius:3px; text-align:center; line-height:38px; font-size:14px; color:#fff; margin-top:37px;}
.in_three{ width:1100px; margin:0 auto;}
.news { width:351px; float:left;}
.news h1{ font-size:24px; margin-bottom:15px; font-weight:normal;}
.news h1 span{ font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-left:10px;}
.news ul{ margin-top:15px;}
.news ul li{ padding-left:10px; background:url(../images/lf_news_icon.jpg) left center no-repeat;}
.news ul li span{ float:right;}

.case { width:370px; float:left; margin-left:80px;}
.case h1{ font-size:24px; margin-bottom:15px; font-weight:normal;}
.case h1 span{ font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-left:10px;}

.flexslider2{ margin:0px auto; position:relative;width:350px; height:230px;overflow:hidden;zoom:1; z-index:1;}
.flexslider2 .slides{zoom:1;}
.flexslider2 .slides .img{ height:230px; width:370px;}
.flexslider2:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider2:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider2:hover .flex-next2:hover, .flexslider2:hover {opacity:1;filter:alpha(opacity=50);}
.flexslider2 .flex-control-paging li a{ background:none;}

.contact{ background:url(../images/contact_img.jpg) no-repeat; width:220px; height:313px; float:left; margin-left:75px;}
.contact h1{ font-size:24px; color:#fff; font-weight:normal; line-height:63px; padding:0px 0px 0px 15px;}
.contact h1 span{ font-size:20px; color:#fff; margin-left:10px;}
.contact ul{ overflow:hidden; padding:20px 10px 0px 15px; line-height:26px;}
.contact li{ clear:both;}
.contact p{ float:left;}
.contact div{ float:left; width:145px;}

.customer{ background:url(../images/case_bg.png) center top no-repeat; width:100%; height:518px; position:relative; z-index:9999;}
.customer_con{ width:1100px; margin:0 auto; padding-top:300px;}
.customer_con h1{ font-size:24px; color:#666666; font-weight:normal;}
.customer_con h1 span{ font-size:20px; margin-left:10px;}
.customer_con ul { margin-top:14px; overflow:hidden;}
.customer_con ul li{ float:left; border:1px solid #ddd; margin-right:9px;}

.foot{ width:100%; height:262px; background:#313131; margin-top:-80px;}
.foot_con{ width:1100px; margin:0 auto; text-align:center; padding-top:100px;}
.foot_nav{ text-align:center; margin-bottom:25px;}
.foot_nav a{ margin-left:2px; padding-right:5px; border-right:1px solid #e0e0e0; color:#e0e0e0; font-size:14px; display:inline-block; height:12px; line-height:10px;}

.customer1{ background:url(../images/case_bg.png) center top no-repeat; width:100%; height:300px; position:relative; z-index:9999;}
.pages_about{ background:url(../images/about_s_bg.png) 1050px top no-repeat; overflow:hidden;}
.pages_about_con{ width:1100px; margin:0 auto;}
.pages_about_con h1{ background:url(../images/title_bg.jpg) center no-repeat; width:1100px; font-weight:normal; font-size:22px; color:#2d2e31; text-align:center;}
.pages_about_con h1 span{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#666;}
.about_nav{ width:1100px; text-align:center; margin-top:40px;}
.about_nav li{ display:inline-block;}
.about_nav li a{ display:inline-block; width:130px; height:44px; border-radius:4px; line-height:44px; font-size:14px; }
.about_nav li a.current{ background:#2479b3; color:#fff;}
.about_cs{ margin-top:40px; margin-bottom:50px;}

div.sdmenu{width:230px;margin:0 auto;font-family:Arial, sans-serif;font-size:12px;padding-bottom:10px;background:url(../images/bottom.gif) no-repeat  right bottom; border:1px solid #dfdfdf;}
div.sdmenu div{overflow:hidden;}
div.sdmenu div:first-child{ background:#eae9e9;}
div.sdmenu div.collapsed{height:35px; margin-top:6px;}
div.sdmenu div span{display:block;height:35px;line-height:35px;overflow:hidden; font-size:14px; background:#eae9e9 url(../images/expanded.gif) 10px center no-repeat; cursor:pointer;border-bottom:1px solid #ddd; text-indent:2em;}
div.sdmenu div.collapsed span{ background:#eae9e9 url(../images/collapsed.jpg) 10px no-repeat; height:35px; line-height:35px; text-indent:2em;}
div.sdmenu div a{padding:7px 10px;background:#fff;display:block;border-bottom:1px solid #dfdfdf;color:#666666; font-size:14px;}
div.sdmenu div a:hover{background:# url(../images/linkarrow.gif) no-repeat right center;color:#2479b3;text-decoration:none;}

div.sdmenu ul li{ line-height:40px; font-size:14px; background:#eee; margin-top:5px; padding-left:10px;}

.pages_product{ width:1100px; margin:0 auto;}
.pages_lf{ width:232px; float:left; margin-top:30px;}
.pages_lf h1{ background:#2479b3; width:230px; height:80px; text-align:center; line-height:80px; font-weight:normal; color:#fff; border:1px solid #dfdfdf; font-size:24px;}
.pages_lf h1 span{ font-size:20px;}

.pages_rg{ width:840px; float:right; margin-top:40px;}
.pages_title{ line-height:40px; border-bottom:1px solid #ababab;}
.pages_title h1{ float:left; font-size:18px; color:#666; font-weight:normal;}
.loation{ float:right;}
.pro_list ul{ overflow:hidden; margin-top:20px;}
.pro_list ul li{ border:1px solid #dfdfdf; width:198px; float:left; margin-right:13px; margin-top:13px;}
.pro_list ul li p img{ width:198px; height:184px;}
.pro_list ul li:nth-child(4n){ margin-right:0px;}
.pro_list ul li div{ height:35px; background:#eae9e9; text-align:center; line-height:35px; font-size:12px; color:#666;}



/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.box{width:400px;}
.thumb {width:400px;margin:10px 0 0; clear:both}
.thumb li{ border:2px solid #ccc; float:left; margin-right:7px; cursor:pointer; margin-top:10px; display:block; width:70px; height:70px; background-size:70px 70px}
.thumb li.current {  border:2px solid #333;}
.thumb li:nth-child(4){ margin-right:0px;}

.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{ background:url(../images/current_img.png) left top no-repeat;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


/*图片小图预览列表*/
.spec-preview{width:386px;height:284px;border:1px solid #DFDFDF; margin-top:30px; float:left;}
.spec-scroll{clear:both;margin-top:5px;width:386px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:386px;height:70px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:70px;}
.spec-scroll .items ul li{float:left;width:80px;text-align:center; margin-right:21px;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:77px;height:64px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.pages_plo{ float:left; overflow:hidden; margin-top:20px;}
.product_detailed{ float:left; width:420px; margin-top:30px; margin-left:20px;}
.pics{ float:left;}

.dj_lamu{ margin-top:20px; padding-bottom:20px;}
.dj_lamu .tab{ background:#f4f4f4; overflow:hidden;}
.dj_lamu .tab li{position:relative;height:40px; width:78px; text-align:center; overflow:hidden;margin-right:1px;line-height:40px;font-size:14px;color:#666666; float:left; cursor:pointer;}
.dj_lamu .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;}
.dj_lamu .tab a{float:none;color:#c30;}
.dj_lamu .tab .curr{color:#2479b3; background:#fff; margin-top:1px; margin-left:1px;}
.dj_lamu .tab .curr span{background-position:0 -178px;}
.dj_lamu .tab .curr a{color:#fff;}
.mc{ margin-top:40px;}

.pages_news_con{ overflow:hidden;}
.pages_news_con li{ margin-top:55px; clear:both; overflow:hidden;}
.pages_news_con li .news_title{ font-size:18px; color:#2d2e31; margin-bottom:15px;}
.pages_news_con li .news_time{ font-size:14px; color:#444444; margin-bottom:20px;}
.news_img1{ float:left;}
.profile{ width:775px; margin-left:33px; float:left;}
.profile .more{ width:105px; height:36px; text-align:center; line-height:36px; color:#2479b3; font-size:12px; border:1px solid #2479b3; border-radius:5px; margin-top:10px;}
.profile .more:hover{ background:#2479b3; color:#fff;}

.pages_news_d h3{ text-align:center; margin-bottom:30px; margin-top:30px; font-size:18px; font-weight:normal; color:#2d2e31;}
.pages_news_d .reaton a{ display:block; width:105px; height:36px; text-align:center; line-height:36px; font-size:12px; border-radius:5px; margin-top:10px; background:#2479b3; color:#fff; margin:0 auto; margin-top:30px;}

.pages_contact{ overflow:hidden; margin-top:40px;}
.pages_clf{ width:685px; float:left;}
.pages_clf h3{ font-size:14px; font-weight:normal; color:#000000;}

.pages_crg{ width:400px;}
.c_rg_title{ margin-bottom:20px;}
.pages_crg ul li{ margin-top:5px; line-height:30px;}
.pages_crg ul li input{box-shadow:0px 0px 3px #999; border:none; width:380px; padding-left:5px; height:30px;}
.pages_crg ul li .test{ width:380px; padding-left:5px; height:95px;box-shadow:0px 0px 3px #999; border:none; padding-top:5px;}
.pages_crg ul p { margin-top:60px;}
.pages_crg ul p input{ width:106px; height:37px; border-radius:3px; background:#424242; text-align:center; line-height:37px; color:#fff; border:none; cursor:pointer;}
.pages_crg ul p input:hover { background:#2479b3;}


.content_n .job_x{ font-size:14px; line-height:30px; margin:15px auto;}
.n_con_rg{ width:855px; float:left; margin-left:38px;}
.editor { margin-top:20px; min-height:400px}
.editor .join th{ background-color:#f1f1f1; line-height:40px; font-size:14px; border-bottom:2px solid #dcdcdc; text-align:center; border-left:1px dotted #cdcdcd}
.editor .join td { border-bottom:1px solid #dcdcdc; line-height:40px; text-align:center}
.editor .join .name { text-align:left; padding-left:10px;border-left:0}
.editor h4 { font-size:20px; line-height:30px}


.service li{ float:left; display:inline; overflow:hidden; text-align:center; margin-right:30px; width:346px; position:relative; padding-bottom:20px; margin-top:60px;}
.service li:nth-child(3n){ margin-right:0px;}
.service li h2{ font-size:16px; margin:15px auto 10px 0px;}
.service li .prol{ margin-bottom:10px;}
.service li .lead_more{ width:120px; position:absolute; background:#e0e0e0; height:24px; border-radius:3px; left:110px; text-align:center; font-size:16px; padding-bottom:5px;}
.service ul{ overflow:hidden; margin: auto 0px;}
.service .productpc{ padding:10px; background:#e0e0e0; text-align:left;}
.service li:hover .productpc{ background:#013f87;}
.service li:hover .productpc .lead_more{ background:#013f87;}
.service li:hover .productpc a{ color:#fff;}


/*-- 在线客服 --*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0; top:150px; _position:absolute; z-index:999999;display:none;}
.box_os .os_x{ background-color:#f7f7f7; background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer;}
.box_os .osqq{ width:129px; border:1px solid #D1D1D1; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center;}
.box_os .osqq p{ height:auto; line-height:20px;width:129px; margin-top:8px;}
.box_os .osqq p strong{ color:#666;}
.box_os .osqq img{ padding:7px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#547816; display:block;}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.acbox{ width:130px; overflow:hidden;}
.acbox .ico_gt{ background-position:-60px 0; border:1px solid #299ec0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:150px; _position:absolute; z-index:999999;}
.onlineService .ico_os{ background-position:-2px -20px; border:1px solid #c7c7c7; cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0; border:1px solid #299ec0; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 20%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}