@charset "utf-8";
@import url("base.css");
body { background: #fff;overflow-x: hidden; }
body,
td { line-height: 20px; }
.c1 { color: #FF5243; }
.hljs { margin-bottom:20px; border-left:4px solid #FFC602; word-wrap: break-word;white-space: pre-wrap;-moz-tab-size: 4;-o-tab-size: 4;-webkit-tab-size: 4;tab-size: 4;}
a {
	-webkit-transition: all 0.25s;/* Safari and Chrome */
	-moz-transition: all 0.25s;/* Firefox 4 */
	-ms-transition: all 0.25s;/* IE */
	-o-transition: all 0.25s;/* Opera */
	transition: all 0.25s;/*通用*/
}

/*表单*/
#refresh_code { font:normal 12px/1.5em "Arial";  cursor:pointer;}
#refresh_code:hover { color:#f00;text-decoration:underline;}

.diyform { width:100%;float:left;}
.diyform select {  height: 30px; line-height: 30px; color: #666; margin: -1px; *margin:0px;_margin: 0px; padding: 4px 3px; font-size: 14px; font-size: 13px; border: 1px solid #d5d5d5; color: #333; }
.diyform input { outline: none; width:80%; padding:6px; font-size: 13px; background: #fff;border: 1px solid #d5d5d5; color: #333; }
.diyform input:hover { border: 1px solid #FFC602; background: #f6f4f7; background: #fff;}
.diyform input.radio { width:15px;}
.diyform textarea { outline: none; width:80%; height:100px; padding:6px; font-size: 13px; border: 1px solid #d5d5d5; color: #333; margin-top:10px; }
.diyform textarea:hover { border: 1px solid #FFC602; background: #f6f4f7; background: #fff;}
.diyform #age { outline: none; padding:6px; font-size: 13px; border: 1px solid #d5d5d5; color: #333; }
.diyform #age:hover { border: 1px solid #FFC602; background: #f6f4f7; background: #fff;}
.diyform .pt_go,
.diyform .pt_reset{ cursor: pointer;border: 1px solid #c8c8c8; width:115px; height: 33px; line-height: 33px; padding-top:0px; margin-right:15px;
background:#e8e8e8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#f0f0f0));
background: -webkit-linear-gradient(#fafafa, #f0f0f0);
background: -moz-linear-gradient(#fafafa, #f0f0f0);
background: -ms-linear-gradient(#fafafa, #f0f0f0);
background: -o-linear-gradient(#fafafa, #f0f0f0);
background: linear-gradient(#fafafa, #f0f0f0);
-pie-background: linear-gradient(#fafafa, #f0f0f0);
}
.diyform .coolbg:hover { border: 1px solid #999; color:#000}
.diyform ul {float:left; width:100%; padding-bottom:15px;}
.diyform li { padding: 8px 0 8px 140px; }
.diyform .tit { float: left; font-size: 14px; line-height: 22px; margin-left: -140px; text-align: right; width: 130px; }
.diyform .tit label { font-size:12px;}
.diyform .tit .c1 { font: normal 12px/1.5em "Arial";margin-right:6px;}
.diyform .pt { position: relative;display: inline-block; width:100%; }
.diyform #feed_code { width:50px;}
.diyform .btn_box { padding: 30px 0 10px 140px; }
#formTitle { width:100%; float:left; border-bottom:1px solid #E2E2E2; font-size:14px; height:30px; line-height:30px; margin-bottom:40px; font-weight:bold;}
.reddot { padding-left:6px; color:#f00; font:normal 12px/1.5em "Arial";}

#code,#form_code { cursor:pointer; vertical-align:middle; margin-left:8px; margin-right:8px; }
/*页眉*/

/*页脚*/

/*页头*/


/*分页*/
.paging {height:37px;text-align:center;margin:0 auto; margin-top:0px; margin-bottom:20px;overflow:hidden;}
.paging a,
.paging span {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;border:#efefef 1px solid; padding:0 8px;height:25px; margin-left:3px; margin-right:3px;line-height:25px;color:#999999;font-size:12px; text-align:center;}
.paging a:hover {  border:#343434 1px solid;}
.paging a.focus {border:#343434 1px solid;font-weight:bold;background:#343434; color:#fff; }
.paging a.btn {width:28px;height:27px;font-size:0;line-height:0;text-shadow:none;color:transparent;overflow:hidden;border:none;}
.paging a.first{background:url("../images/common/paging.gif") 0px 0px no-repeat;}
.paging a.prev {background:url("../images/common/paging.gif") -50px 0px no-repeat;}
.paging a.next {background:url("../images/common/paging.gif") -100px 0px no-repeat;}
.paging a.last {background:url("../images/common/paging.gif") -150px 0px no-repeat;}
.paging select { border:none;}
.bbsutil {padding-top:19px;border-top:#d9d9d9 1px solid;}
.bbsutil .paging {/*width:284px;*/margin:0 auto 12px auto;}
.bbsutil .bbsSearch {width:284px;margin:0 auto;text-align:center;}
.bbsSearch input.bbsText {height:25px;line-height:25px;border:#e6e6e6 1px solid;border-right:none;vertical-align:middle;padding:0 5px;}
.bbsSearch input.bbsSearchBtn {width:28px;height:27px;background:url("../images/common/btn_search.gif") 0px 0px no-repeat;border:none;text-indent:-9999em;vertical-align:middle;margin-left: -4px; color:transparent; font-size:0; line-height:0;}



body {  }
body,
td { line-height: 20px; }
.icons {
    background: url("../images/common/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    width: 16px;
}
/*页眉*/
header { background:#000 url(../images/common/yd_bannerbg.png) repeat-x center top; position:relative; }
#htop { height:40px; }
#htop .con { width:1130px; margin:0 auto; position:relative}
#htop .con .service { color: #8A949C; height: 40px; left: 10px; line-height: 40px; overflow: hidden; position: absolute; top: 0; }
#htop .con .service b { display: inline; float: left; }
#htop .con .service li { display: inline; float: left; height: 40px; padding-left: 20px; position: relative; }
#htop .con .hotline .icons { background-position: -191px -146px; height: 14px; left: 0; position: absolute; top: 14px; width: 14px; }
#htop .con .hotline em { display: inline; float: left; font-family: Tahoma; font-size: 20px; line-height: normal; margin-top: 6px; padding-left: 5px; font-style: normal;}
#htop .con .concerns { color: #8A949C; }
#htop .con .weibo { background-position: -225px -77px; display: inline; float: left; height: 13px; margin: 13px 10px 0; width: 16px;font: 0/0 a;   }
#htop .con .weibo:hover { background-position: -225px -60px; }
#htop .con .weixin { background-position: -180px -181px; display: inline; float: left; height: 15px; margin-top: 13px; width: 19px; font: 0/0 a;}
#htop .con .weixin:hover { background-position: -180px -161px; }




header .hWrap { width:1130px; margin:0 auto; height:122px; position:relative; }
header .hWrap .con { width:1130px; /* height:100px; */ margin:0 auto;position:relative; z-index:100; }
header .topbar { line-height:30px;}
header .topbar em{ font-weight:bold;font-style:normal;}
header h1 {position:absolute; top: 0px; left:10px; width: 355px; height: 58px; display: block;}
header h1 a { width: 355px; height: 70px; display: block; background: url("../images/common/logo.png") no-repeat; color: transparent;font-size:0; line-height:0; text-indent:100% }
header .loginbar { line-height:28px; position: absolute; right: 10px; top: 0px; z-index:10000 }
header .loginbar .for { color: #fff; float:right; padding-right:10px; }
header .loginbar .for a { color: #fff; display: inline-block; margin-right: 5px;text-decoration:none; }
header .loginbar .for a:hover {  color:#FFC602 ; text-decoration: underline; }
header .loginbar .for a.focus { color:#000}
header .loginbar ul#user_login { padding-right:10px; float:right;display:none; }
header .loginbar ul#user_login li { float:left; }
header .loginbar ul#user_login li.member a#user,
header .loginbar ul#user_login li.member a#login{ background:url(../images/common/member.jpg) no-repeat 5px center; display:block; position:relative; z-index:100001;padding-right: 3px;}
header .loginbar ul#user_login li.member a#user span{display: inline-block;padding: 0 2px 0 25px;position: relative;line-height: 28px;}
header .loginbar ul#user_login li.member a#user em {width:12px; height:12px; display: inline-block;background:url(../images/common/arrow.png) no-repeat right center;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
header .loginbar ul#user_login li.member:hover a#user em {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
}
header .loginbar ul#user_login li.member a#login span {display: inline-block;padding: 0 0 0 25px;position: relative;line-height: 28px;}
header .loginbar ul#user_login li.member:hover a#user {background:#ffffff url(../images/common/member.jpg) no-repeat 5px center;border:1px solid #dfdfdf;border-bottom:none; }
header .loginbar ul#user_login li.member:hover a#user span{padding:0 1px 0 24px;_position:absolute;}
header .loginbar ul#user_login li ul { display:none; width:120px; overflow:5px 0;position: absolute;z-index: 100000;top: 28px;left: 0;background: #fff;border: 1px solid #dfdfdf;}
header .loginbar ul#user_login li:hover ul { display:block;}
header .loginbar ul#user_login li ul li { height:26px; line-height:26px; float:left; }
header .loginbar ul#user_login li ul li a { padding:0 15px;display:block; color:#666;}
header .loginbar ul#user_login .shopcart { padding-left:30px; background:url(../images/common/cart.png) no-repeat 10px center; }
header .loginbar ul#user_login .shopcart em{ font-style:normal; color:#FFC602; }
header .loginbar #lang { float:right; padding-left:20px; background:url(../images/common/lang.jpg) no-repeat left center;}
header .scrollbg { display:none;position: absolute;z-index:10000; right: 10px; top: 116px;  width:227px;height:36px; overflow:hidden; background:url(../images/common/so.png) no-repeat left top;}
header .scrollbg .scrich{width:155px;height:36px; padding:0 10px; background:transparent;line-height:23px;float:left;color:#999;font-size:12px; border:none;}
header .scrollbg .srcbor{width:42px;height:28px; background:transparent;cursor:pointer; border:none;}
header .loginbar .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
header .loginbar .dropdown-menu { position: absolute; top: 100%; right: 0; z-index: 100000; display: none; float: left; min-width: 120px; padding: 5px 0; list-style: none; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.15); /* border-radius: 4px; */
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box; }
header .loginbar .dropdown-menu li a { display: block;min-width: 80px; margin:0; padding: 3px 20px; clear: both; font-size:12px; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; }
header .loginbar .dropdown-menu li a:hover { color: #262626; background-color: #E8E8E8; text-decoration:none; }


header nav { position: absolute; top: 35px; height: 36px; right:0px; z-index:99;}
header #nav {  }
header nav div.item { float:left; margin-right:1px; background:url(../images/common/navfg.png) no-repeat left center; }
header nav div.hn0 { background:none }
header nav h2 { color: #fff; display:block; }
header nav h2 a { float: left; position: relative; height: 36px; font-size:14px; line-height:36px; font-weight:normal; color:#fff; padding:0 22px; text-align:center; font-weight:bold; }
header nav h2 a:hover { color:#f00;}
/* header nav h2 a:hover,
header nav .hover h2 a{ color:#686868; background:url("../images/common/navbg.png") repeat-x left top;}
header nav .hn0 h2 a { background: none; margin-left:15px;  }
header nav div.focus h2 a  { color:#686868; background:url("../images/common/navbg.png") repeat-x left top;}
header nav div.hover_off h2 a { color:#686868; background:url(../images/common/navbg.png) repeat-x left top;} */
header nav #nav div.focus h2 a { background:url("../images/common/navhoverbg.png") no-repeat bottom center; display:block;}



header nav div { }
header nav div ul { display: none; position:absolute; left: 0px; top: 36px; z-index:99;/*filter:alpha(opacity=85);opacity:0.85;*/ float:left; }
header nav div.hn1 ul{ left:50px }
header nav div.hn2 ul{ left:160px  }
header nav div.hn3 ul{ left:-520px;width:1200px; }
header nav div.hn4 ul{ left:382px }
header nav div.hn5 ul{ left:540px }
header nav div.hn6 ul{ left:648px }
header nav div.hn7 ul{ left:590px }
header nav div.hn8 ul{ left:820px }
header nav div.hover ul { display: block; }
header nav div ul li{ display: inline; background-image:none ; padding:0; }
header nav div ul li a{ color:#ccc; margin:0; padding:0 5px; padding-top:4px; height:36px; font-size:12px; line-height:36px; text-align:left; text-indent:15px; float:left;display:block; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
header nav div ul li a:hover{  color:#fff;  }

header nav p#utility { position: absolute; top: -60px; right: 0; padding-right: 10px; }
header nav p#utility a { float: left; text-align: center; margin-left: 10px; color: #999; font: bold 12px/15px Tahoma, Geneva, sans-serif; /*-webkit-text-size-adjust: none; */}
header nav p#utility a:hover { color:#CC0000}
header nav p#utility a.u3 { background: #1C5C9C; color: #FFF; width: 67px; height: 15px; }
header nav p#utility a:hover.u3 { background: #05396E; color: #FFF }
header #navbg { display:none; position: absolute; top: 152px; width: 100%; height: 43px; border-bottom:1px solid #ccc; background:#fff; z-index: 2; /* filter:Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; */}
/*页脚*/
footer { width:100%; color:#888; background-color:#000;}
footer .fWrap { width:1130px;  margin:0 auto; text-align:center; overflow:hidden; /*  background:url(../images/common/footer.jpg) no-repeat right center; */}
footer #branch { display:none}
footer #familysite  { display:none}
footer #copy { width:100%; display:block;  }
footer #copy .fWrap { height:90px;  }
footer #copy .copy1 { font-size:12px; line-height:20px; }
footer #copy .copy1 a { color:#444;}
footer #copy .left { padding-top:20px; padding-bottom:5px;}
footer #copy .left a { color:#444; padding-left:10px; padding-right:5px; background:url(../images/common/footer_line.gif) no-repeat left center; }
footer #copy .copy1 a.q1 { background-image:none; padding-left:0px;}
footer #copy .copy2 { font-size:12px; line-height:20px; -webkit-text-size-adjust: none; /* text-transform:uppercase; */ }
footer #copy .copy2 .power { text-transform:capitalize}
footer #copy .copy2 .power a{color:#97979A; font-weight:bold}

.links { display:inline; color:#333; }
.links a { padding-left:5px; color:#333; }
.hot_words { display:inline; color:#333; }
.hot_words a { padding-left:5px; color:#333; }

/*手机版底部隐藏*/
#m_foot { display:none;}

/*在线客服*/
*html body{background-image:url(about:blank);background-attachment:fixed}
#cus_ser{z-index:9999;width:32px;height:142px;position:fixed;right:0px;color:#FFF;top:200px;overflow:hidden;}
*html #cus_ser{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin:200px 0 0 0;}
.cus_ser_{width:165px;height:112px;background:#1463da;border-bottom-left-radius:4px; border-top-left-radius:4px;overflow:hidden;}
#cus_ser .title{width:32px;height:112px;float:left;background:url(../images/common/online.jpg);cursor:pointer;}
#cus_ser ul{padding:10px 0px 0px 2px;width:130px;float:left;}
#cus_ser ul li#zqq{height:30px;line-height:30px;display:block;font-size:12px;padding-left:24px;background:url(../images/common/online_qq.png) no-repeat 2px 7px;}
#cus_ser ul li#zphone{height:30px;line-height:30px;display:block;font-size:12px;padding-left:24px;background:url(../images/common/online_phone.png) no-repeat 2px 8px;}
#cus_ser ul li#wb{height:30px;line-height:30px;display:block;font-size:12px;padding-left: 12px;}
#cus_ser ul li a{color:#FFF;}
#cus_ser ul li a:hover{text-decoration:underline;}
#cus_ser .close{display:inline-block;width:16px;height:16px;overflow:hidden;cursor:pointer;margin-right:4px;float:right;}
#cus_ser ul, ol{list-style: none;margin:0 0 9px 0;}

/*页面主体*/
#bgWrap { width: 100%;   }
#content { }
#content h2#tit { display: block; width: 100%; height: 320px;margin:0 auto;margin-bottom:20px;background: url("../images/common/bg_about.jpg") top center no-repeat;  }
/* #about #content h2#tit {background: url("../images/common/bg_about.jpg") top center no-repeat;}
#news #content h2#tit {background: url("../images/common/bg_news.jpg") top center no-repeat;}
#product #content h2#tit {background: url("../images/common/bg_product.jpg") top center no-repeat;}
#contact #content h2#tit {background: url("../images/common/bg_contact.jpg") top center no-repeat;} */

#content .wrap { width: 1130px; margin: 0 auto; padding-bottom:30px; }
#content nav { position:relative; width:224px; /*min-height:315px;*/ margin-top: 0; float:left; color:#666; /* padding-top:50px;  */ }
#content nav h2 { height:38px; line-height:38px;  font-size:14px; color:#fff; font-weight:normal; /* text-align:center;  */ text-align:center;background:url(../images/common/sidett.png) no-repeat top center; overflow:hidden;}
#content nav ul.hn1 { width:222px;background-color:#fff; margin-bottom:30px; /* padding-bottom:30px; padding-top:20px; */ border:1px solid #DDDDDD; border-top:none; border-bottom:none;}
#content nav ul li { border-bottom:1px solid #DDDDDD;}
#content nav ul li a { display:block;text-align:center;height:37px; line-height:37px; color:#999999; font-size:12px; }
#content nav ul li a:hover,
#content nav ul li a.on{ background-color:#EEEEEE; }
#content nav ul li ul li a { text-indent:10px; font-weight:normal;display:block; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
	#content nav ul li ul.sub { display:none}
	#content nav .focus a {  color:#000;}
	#content nav .focus ul.sub { display:block }
	#content nav .focus .focus a { color:#F00}
#content nav ul li.sn_bot { display:none}
#content nav ul.hn2 { background-color:#fff; width:224px;}
#content nav ul li.quick { width:224px; height:182px; margin:0 auto ; background:none; border:none;}
#content nav ul li.quick h3 { margin-bottom:20px; height:38px; line-height:38px;  font-size:14px; color:#fff; font-weight:normal; /* text-align:center;  */ text-align:center;background:url(../images/common/sidett.png) no-repeat top center; overflow:hidden;}
#content nav ul li.quick input.scrich{ height: 28px;line-height: 28px; padding-left: 10px; width: 210px;border:1px solid #cecece; margin-bottom:8px;}
#content nav ul li.quick button.srcbor{ width:52px;height:27px; background:#fff url(../images/common/btn.gif) no-repeat left top;cursor:pointer; border:none;}
#content nav ul li.quick a{ padding-left:0; height:22px; line-height:22px; display:block;text-indent:0px; margin-bottom:10px; background:none}
#content nav ul li.q1 {  border-bottom:1px solid #EFEFEF; margin-bottom:10px; display:none;}
#content nav ul li.q1 img { width:165px;}
#content nav .leftmenu_shadow { display:none;width:5px; height:649px; position:absolute; top:0px; left:193px; z-index:99999; /* background:url(../images/common/inner_left_n_shadow.png) no-repeat; */}
#content nav ul li#quick-form { padding-top: 40px; width: 230px; height: 94px; }
#quick-form .btn { float:left; width: 50px; height: 22px; background-color: #eee; border: 1px solid #ccc; line-height: 22px; margin-bottom: 15px; display: block }
#quick-form #keys { height: 22px; line-height: 22px; width: 135px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #B4B4B4 #E8E8E8 #E8E8E8 #B4B4B4; border-image: none; border-right: 1px solid #E8E8E8; border-style: solid; border-width: 1px; padding-left: 3px; float:left; margin-right:10px; margin-left:10px; }

#content  #line {  padding-right:0px; height:40px; line-height:40px; display:block; background:url(../images/common/line.jpg) repeat-x left bottom;  }
#content  p#linemap {  float:right; text-align:right; height:36px; line-height:36px; /*background: url("../images/common/linemap.gif") 235px bottom  no-repeat;*/}
#content  p#linemap a.home{ padding-left:20px; padding-right:10px; background:url("../images/common/icon_home.gif") left center no-repeat}
#content  p#linemap span {padding-left:10px; padding-right:10px; background:url("../images/common/icon_arrow.gif") left center no-repeat}
#content  p#linemap span.cur { font-weight:bold}
#content  p#linemap .r { }
#content  p#linetit { color:#444; font-size:16px; line-height:36px;   padding-top:50px; display:none; }
#content nav p#linemap { display:none}

#priCont { /* border-left: 1px solid #d7d7d7; */min-height:500px; float:right; width:860px; padding:0px; background-color:#fff;/* background: url(../images/common/bread_bg.png) top repeat-x ; */
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
}
#priCont section { padding-top:30px;}
#priCont section.con { }
#subCont { display:none}


.gView dl dd.cont { font-size:14px;line-height:23px; }
.gView dl dd.cont p { margin-bottom:26px;}

.gView .tags {font-size:12px; color:#999;}
.gView .tags span {color:#E60219;}
.gView .tags a { margin-right:10px; display:inline-block; padding:0px 5px; background-color:#9A9A9A; color:#fff;}
.gView .tags a:hover {color:#fff; background-color:#056ABC;}
.gView div.golist {text-align:right; float:left; width:100%; padding-top:20px; padding-bottom:20px;}
.gView div.golist a { background-color:#343434; padding:4px 6px; margin-top:16px; display:inline-block; color:#ccc;}
.gView div.golist a:hover { text-decoration:underline;}
.gView div.golist a img {margin-top:16px;}
/*page*/
#priCont .txt {font-size:12px;line-height:23px; color:#666; /* background:#fff; padding:28px; box-shadow: 0px 0px 5px #ccc; */ }
#priCont .txt p { margin-bottom:26px;}
#priCont .share { padding-top:15px;}
#priCont .share .hd { float:left; font-size:14px; line-height:35px;}
#priCont .share .bd { float:left; padding-left:20px;}
/*sitemap*/
.sitemap_box {}
.sitemap_box h2 { font-size:14px; padding-top:30px;}
/*pro*/

/*img*/

/*download*/

/*online-service*/
#myfixed { position:fixed; right:10px; top:100px; z-index:999999; width:102px; height:422px; }
.weixin-r { display:none; border:1px solid #ccc; background:#FFF; position:relative; top:-300px; right:100px; width:160px; height:190px; display:block; text-align:center}
	#myfixed { display:none}
	.jPageExtra { display:none}

#imgbox {}
#imgbox a { float:left; width:310px; height:250px; margin:5px;}
#imgbox a img { border:1px solid #ccc; padding:2px; float:left;
-moz-border-radius: 7px;      /* Gecko browsers */
-webkit-border-radius: 7px;   /* Webkit browsers */
border-radius:7px;            /* W3C syntax */
}
#imgbox a span { float:left; width:310px; text-align:center;}