@charset "utf-8";

/* ----整体公共样式---- */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, form, table, tr, th, td,{ margin:0; padding:0; border:0;}
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
*{ margin:0; padding:0; list-style:none;}
ul,ol{ padding:0; margin:0; list-style-position:inside; #list-style-position:outside;}
li{ list-style:none;}
img{ border:0 none; height:auto; max-width:100%; vertical-align:middle;}
a{ color:#7a7a7a; text-decoration:none;}
a:hover{ color:#f57e20;}
.left{ float:left;}
.right{ float:right;}
body{ font-size:14px; line-height:22px; font-family:"微软雅黑",Arial; color:#7a7a7a; padding:0; margin:0;}
.w1{ width:200px;}
.m5{ margin-right:5px;}
.m10{ margin-right:20px;}
#f33{ color:#f57e20;}
#f66{ color:#008C00;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.b33{ background-color:#dfffdf;}
.b66{ background-color:#feeada;}
.bb33{ background-color:#008c00;}
.bb66{ background-color:#f57e20;}
.h50{ height:50px; line-height:50px; overflow:hidden;}
.h70{ height:74px; line-height:74px; overflow:hidden;}

/* ----提交按钮---- */
.coolbg{height:28px;border: 0;color: #fff; background-color: #f57e20;font-size: 16px;font-family: 微软雅黑; width: 63px;}
.coolbg:hover{ background:#DF6A0B;}


/* ----头部样式---- */

#wapper{ width:1000px; background-color:#fff; margin:0 auto; margin-top:120px;}
#toper{ width:100%; border-top:4px solid #008C00;}
.top{ width:1000px; height:40px; padding-top:14px; margin:0 auto;}
.top_l li{ float:left; font-size:12px; display:inline; margin-right:12px;}
.top_l i{ float:left; width:16px; height:19px; background:url(../images/icon.gif) no-repeat; display:block;}
.top_l i.pho{ width:16px; height:16px; background-position:-18px 0; margin:3px 3px 0 0;}
.top_l i.mal{ width:14px; height:12px; background-position:-18px -18px; margin:5px 3px 0 0;}
.top_l i.lgo{ width:14px; height:16px; background-position:-19px -31px; margin:2px 3px 0 0;}
.top_l i.wx{ width:20px; height:19px; background-position:-18px -48px; margin:2px 3px 0 0;}

#weixin{ width:160px; height:161px; display:none; position:absolute; z-index:5; margin:2px 0px 0 -30px;}

.hdjy{ float:left; width:75px; height:18px; background:url(../images/icon.gif) no-repeat -22px -115px; padding-right:16px; position:relative;}
.select_box input{ width:100%; height:22px; line-height:22px; background:none; border:0; font-family:"微软雅黑",Arial; color:#666; display:block; cursor:pointer; padding-right:20px; overflow:hidden;}
.select_box ul{ width:68px; background:#f8f8f8; border:1px solid #ececec; display:none; position:absolute; left:-6px; top:27px; z-index:99999; overflow:hidden;}
.select_box ul li{ width:100%; height:26px; line-height:26px; cursor:pointer; padding-left:8px; display:block; overflow:hidden;}
.select_box ul li:hover{ background:#ececec;}

#goTopBtn {
	TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}

/* ----导航菜单---- */

#header{ width:100%; height:88px; background:url(../images/top_bg.gif) repeat-x;}
.head{ width:1000px; height:62px; padding:20px 0 16px 0; margin:0 auto;}
.logo{ float:left; height:62px; display:block;}

.menu{ float:right; #width:776px; _width:776px; margin-top:10px; #margin-left:5px;}
.menu ul{ position:relative; margin:0;}
.menu ul li{ float:left; width:110px; height:36px; line-height:36px; text-align:center; margin-right:1px; position:relative;}
.menu ul li a{ font-size:16px; color:#333; display:block;}
.menu ul li a:hover,.menu ul li.select a{ background:url(../images/nav_btn.gif) no-repeat; color:#008c00; display:block;}

.menu ul li .menu-div{ width:auto; background-color:#fff; border-top:4px solid #008C00; box-shadow:0 3px 8px rgba(0, 0, 0, 0.125); position:absolute; z-index:9999;}
.menu ul li .menu-div ul{ padding:3px 0;}
.menu ul li .menu-div ul li{ float:none; display:block; margin:0;}
.menu ul li .menu-div ul li a{ float:none; background:none; _height:20px; _line-height:20px; font-size:13px; color:#333; #display:block; padding:0 5px;}
.menu ul li .menu-div ul li.select a, .menu ul li .menu-div ul li a:hover{ background:#ededed; border-radius:0; _height:20px; _line-height:20px; padding:0 5px;}

.menu ul li .menu-div ul.menu-div-child,.menu ul li .menu-div ul.menu-div-child.cd1,.menu ul li .menu-div ul.menu-div-child.cd2,.menu ul li .menu-div ul.menu-div-child.cd3{ background-color:#fff; border-top:4px solid #008C00; box-shadow:0 3px 8px rgba(0, 0, 0, 0.125); position:absolute; z-index:9999; left:100%; top:0;}
.menu ul li .menu-div ul.menu-div-child.cd1{ width:135px;}
.menu ul li .menu-div ul.menu-div-child.cd2{ width:145px;}
.menu ul li .menu-div ul.menu-div-child.cd3{ width:205px;}
.menu ul li .menu-div ul.menu-div-child li a,.menu ul li .menu-div ul.menu-div-child.cd1 a,.menu ul li .menu-div ul.menu-div-child.cd2 a,.menu ul li .menu-div ul.menu-div-child.cd3 a{ background:none; _height:20px; _line-height:20px; text-align:left; padding:0 5px;}
.menu ul li .menu-div ul.menu-div-child.cd1 a{ width:125px;}
.menu ul li .menu-div ul.menu-div-child.cd2 a{ width:135px;}
.menu ul li .menu-div ul.menu-div-child.cd3 a{ width:195px;}

.menu ul li .menu-div ul.menu-div-child li.select a,.menu ul li .menu-div ul .menu-div-child li a:hover,.menu ul li .menu-div ul .menu-div-child.cd1 a:hover,.menu ul li .menu-div ul .menu-div-child.cd2 a:hover,.menu ul li .menu-div ul .menu-div-child.cd3 a:hover{ background:#ededed; _height:20px; _line-height:20px;}
.menu ul li .menu-div ul .menu-div-child.cd1 a:hover{ width:125px;}
.menu ul li .menu-div ul .menu-div-child.cd2 a:hover{ width:135px;}
.menu ul li .menu-div ul .menu-div-child.cd3 a:hover{ width:195px;}


/* ----英文版导航菜单---- */

.nav{ float:right; width:778px; height:36px; margin-top:10px;}
.nav li{ float:left; width:154px; height:36px; text-align:center; display:inline-block; margin-left:1px; position:relative;}
.nav a.tit{ width:100%; line-height:36px; font-size:14px; color:#333; text-transform:uppercase; transition:all 0.5s ease 0s; display:inline-block;}
.nav a.tit:hover{ color:#008C00; background:#eee;}
.subnav{ width:100%; background:#fff; border-top:4px solid #008C00; font:12px/1.8 Arial,sans-serif; display:none; box-shadow:0 3px 8px rgba(0, 0, 0, 0.125); left:0; top:36px; z-index:9999; position:absolute;}
.subnav .box{ width:100%; padding-top:1px; position:relative;}
.subnav .box.last{ background:none; padding-bottom:none;}
.subnav a{ width:100%; line-height:16px; background-color:#ececec; text-align:center; color:#666; display:inline-block; transition:all 0.5s ease 0s; padding:8px 0;}
.subnav a:hover,.subnav a.hover{ background:#46a74b; color:#fff;}
.subnav .subbox{ width:100%; border-top:4px solid #008C00;  box-shadow:0 3px 8px rgba(0, 0, 0, 0.125); left:100%; top:0; position:absolute;}
.subnav .subbox a{line-height:16px; border-top:1px solid #fff; padding:8px 0;}
.subnav .subbox a.last{ border-bottom:none;}

/* ----banner变换图片版块---- */

#banner{ width:100%; display:block; background-color:#ddd;}
#playBox{ width:1000px; height:300px; position:relative; margin:0 auto; overflow:hidden;}
#playBox .oUlplay{ width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle{ width:1000px; height:10px; position:absolute; bottom:10px; z-index:10;}
#playBox .smalltitle ul{ width:140px; margin:0 auto;}
#playBox .smalltitle ul li{ float:left; width:10px; height:10px; background-color:#006600; border-radius:10px; *display:inline; *zoom:1; margin:0 3px; overflow:hidden;}
#playBox .smalltitle .thistitle{ background-color:#f57e20;}


/* ----促销信息版块---- */

#main{ width:100%;}
.lwrap{ width:1000px; height:32px; margin:10px auto;}
.cuxiao b{ float:left; line-height:29px; color:#f88d36; font-size:14px; font-weight:normal; display:inline;}
.scrollDiv{ float:left; width:380px; height:20px; padding-top:7px; padding-top:6px!important; overflow:hidden;/* 必要元素 */}
.scrollDiv li{ line-height:20px; height:20px; font-size:12px;}

.search{ float:right;}
.input{ float:left; width:300px; height:28px; line-height:28px; border:2px solid #E0E0E0; color:#ccc; font-size:14px; padding-left:5px; margin-right:1px;}
.bt{ float:left; width:70px; height:32px; background:url(../images/search_btn.gif) no-repeat; border:0;}


/* ----技术服务版块---- */

.maincon{ width:1000px; margin:10px auto; overflow:hidden;}
.title{ width:100%; margin-bottom:10px; overflow:hidden;}
.title h1{ float:left; height:24px; font-size:18px; font-family:"微软雅黑"; color:#666; font-weight:normal!important; margin-right:20px;}
.title span{ float:right; height:9px; padding-top:9px;}

.serve_con{ width:1000px; overflow:hidden;}
.serve_con .s1,.serve_con .s2,.serve_con .s4,.serve_con .s5,.serve_con .s7,.serve_con .s8{ float:left; width:324px; height:133px; margin:0 14px 20px 0;}
.serve_con .s3,.serve_con .s6,.serve_con .s9{ float:left; width:324px; height:133px; margin:0 0 20px 0;}
.serve_con .s1 span,.serve_con .s2 span,.serve_con .s3 span,.serve_con .s4 span,.serve_con .s5 span,.serve_con .s6 span,.serve_con .s7 span,.serve_con .s8 span,.serve_con .s9 span{float:left; width:147px; height:133px; display:block;}

.serve_con .s1 span{ background:url(../images/fw.png) 0 0;}
.serve_con .s1:hover span{ background-position:-147px 0;}

.serve_con .s2 span{ background:url(../images/fw.png) -294px 0;}
.serve_con .s2:hover span{ background-position:-441px 0;}

.serve_con .s3 span{ background:url(../images/fw.png) -588px 0;}
.serve_con .s3:hover span{ background-position:-735px 0;}

.serve_con .s4 span{ background:url(../images/fw.png) 0 -133px;}
.serve_con .s4:hover span{ background-position:-147px -133px;}

.serve_con .s5 span{ background:url(../images/fw.png) -294px -133px;}
.serve_con .s5:hover span{ background-position:-441px -133px;}

.serve_con .s6 span{ background:url(../images/fw.png) -588px -133px;}
.serve_con .s6:hover span{ background-position:-735px -133px;}

.serve_con .s7 span{ background:url(../images/fw.png) 0 -266px;}
.serve_con .s7:hover span{ background-position:-147px -266px;}

.serve_con .s8 span{ background:url(../images/fw.png) -294px -266px;}
.serve_con .s8:hover span{ background-position:-441px -266px;}

.serve_con .s9 span{ background:url(../images/fw.png) -588px -266px;}
.serve_con .s9:hover span{ background-position:-735px -266px;}

.serve_con ul{ float:right; width:177px; padding-top:12px;}
.serve_con ul h2{ font-size:18px; color:#666; font-weight:600; font-weight:400!important; margin-bottom:5px;}
.serve_con ul h2 a{ color:#666;}
.serve_con ul h2 a:hover{ color:#f88d36;}
.serve_con ul li{ width:auto; line-height:24px;}
.serve_con ul li a{ color:#7a7a7a;}
.serve_con ul li a:hover{ color:#f88d36;}


/* ----英文站---技术服务版块---- */

.js_con .a1,.js_con .a2,.js_con .a4,.js_con .a5{ float:left; width:324px; height:133px; margin:0 14px 20px 0;}
.js_con .a3,.js_con .a6{ float:left; width:324px; height:133px; margin:0 0 20px 0;}
.js_con .a1 span,.js_con .a2 span,.js_con .a3 span,.js_con .a4 span,.js_con .a5 span,.js_con .a6 span{float:left; width:127px; height:115px; display:block;}

.js_con .a1 span{ background:url(../images/en_fw.png) 0 0;}
.js_con .a1:hover span{ background-position:-127px 0;}

.js_con .a2 span{ background:url(../images/en_fw.png) -254px 0;}
.js_con .a2:hover span{ background-position:-381px 0;}

.js_con .a3 span{ background:url(../images/en_fw.png) -508px 0;}
.js_con .a3:hover span{ background-position:-635px 0;}

.js_con .a4 span{ background:url(../images/en_fw.png) 0 -115px;}
.js_con .a4:hover span{ background-position:-127px -115px;}

.js_con .a5 span{ background:url(../images/en_fw.png) -254px -115px;}
.js_con .a5:hover span{ background-position:-381px -115px;}

.js_con .a6 span{ background:url(../images/en_fw.png) -508px -115px;}
.js_con .a6:hover span{ background-position:-635px -115px;}

.js_con ul{ float:right; width:197px; padding-top:8px;}
.js_con ul h2{ font-size:18px; color:#666; font-weight:600; font-weight:400!important; margin-bottom:3px;}
.js_con ul h2 a{ color:#666;}
.js_con ul h2 a:hover{ color:#f88d36;}
.js_con ul li{ width:auto; line-height:24px; font-size:13px;}
.js_con ul li a{ color:#7a7a7a;}
.js_con ul li a:hover{ color:#f88d36;}


/* ----新闻中心版块---- */

.news{ float:left; width:260px; margin-right:15px;}
.news_con li{ line-height:24px; font-size:12px;}

.about{ float:left; width:420px; margin-right:15px;}
.about p{ line-height:24px; font-size:12px;}

.contact{ float:right; width:280px; font-size:12px;}
.contact i{ float:left; width:18px; height:16px; background:url(../images/icon.gif) no-repeat; display:block;}
.contact i.miall{ width:18px; height:11px; background-position:0 0; margin:5px 3px 0 0;}
.contact i.tel{ width:18px; height:14px; background-position:0 -18px; margin:2px 3px 0 0;}
.contact i.add{ width:18px; height:30px; background-position:0 -38px; margin:1px 3px 0 0;}

/* ----友情链接版块---- */

.link{ float:left; width:1000px;}
.link li{ float:left; height:24px; line-height:24px; font-size:12px; display:inline; padding-right:6px; margin-right:10px; overflow:hidden;}


/* ----底部---- */

#footer{ width:100%; background-color:#efefef; border-top:1px solid #ccc; background-size:100% 100% !important; padding-bottom:12px; margin-top:20px;}
#footer .foot{ width:1000px; height:40px; margin:0 auto;}
#footer .copyright{ float:left; font-size:12px; color:#999; display:inline-block; padding-top:15px; #padding-top:11px;}
#footer .foot-nav{ float:right; display:inline-block; padding-top:15px; #padding-top:11px;} 
#footer .foot-nav li{ float:left; display:block; font-size:12px; margin-right:12px;}
#footer .foot-nav li a{ color:#888;}
#footer .foot-nav li a:hover{ color:#f88d36;}


/* ----返回顶部---- */

#back-to-top{
		position:fixed;
		bottom:3%;
		left:95%;
	}
#back-to-top a{
	text-align:center;
	text-decoration:none;
	color:#d1d1d1;
	display:block;
	width:50px;
	/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
	-moz-transition:color 1s; 
	-webkit-transition:color 1s;
	-o-transition:color 1s;
}
#back-to-top a:hover{
	color:#979797;
}
#back-to-top a span{
	display:block;
	height:50px;
	width:50px;
	background:url(../images/top.png) no-repeat center center;
	margin-bottom:5px;
	-moz-transition:background 1s;
	-webkit-transition:background 1s;
	-o-transition:background 1s;
}
#back-to-top a:hover span{
	background:url(../images/top.png) no-repeat center center;
}

/* ----QQ隐藏---- */
.main-im{position:fixed;right:10px;top:100px;z-index:100;width:110px;height:300px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:116px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:270px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:2px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}

.main-im .im_main .go-top{width:112px;height:40px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:112px;height:40px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}