@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline; background: none repeat scroll 0% 0% transparent; }
ol, ul, li { list-style:none; }
body { font-size:14px; color:#333; font-family:Arial, "Microsoft YaHei", "微软雅黑", "宋体"; font-family:"Microsoft YaHei", "微软雅黑", "宋体"\9; font-weight:normal; }
input { font-family:Arial, "Microsoft YaHei", "微软雅黑", "宋体"; }
textarea { font-family:Arial, "Microsoft YaHei", "微软雅黑", "宋体"; }
a { text-decoration:none; outline: none; cursor:pointer; color:#333 }
a:hover { text-decoration:none; outline: none; cursor:pointer; color:#ec6500 }
.clear { clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden; }
a { transition: all 0.2s; -moz-transition: all 0.2s; /* Firefox 4 */ -webkit-transition: all 0.2s; /* Safari 和 Chrome */ -o-transition: all 0.2s; /* Opera */ }
.floatL { float:left }
.floatR { float:right }
.alignL { text-align: left; }
.alignR { text-align: right; }
.topmenu { line-height:25px; }
.topmenu .login, .topmenu .loginr { font-size:12px; }
.HituxInner { margin:auto; width:1200px; }
.section { border-bottom:1px solid #E5E5E5; background:#F6F6F6; }
.tem_top { height:30px; color:#53555a; font-size:12px; }
.tem_top h2 { font-size:12px; float:left; }
.tem_top h2 p { font-weight:normal; line-height:30px; }
.tem_top a { color:#53555a; }
.tem_top a:hover { color:#e9280c; }
.tem_top_nav { float:right; line-height:30px; }
#head { width:100%; }
#head .top { background:#FFF; width:100%; font-size:12px; }
.TopBG { width:100%; background:#535353; }
.TopInfo { margin:auto; width:1200px; height:25px; }
.TopInfo .welcome { float:left; line-height:25px; color:#FFF; font-size:12px; }
.TopInfo .link { line-height:23px; width:223px; height:25px; float:right; color:#FFF; padding-right:0px; padding-left:0px; font-size:12px; text-align:center; vertical-align:middle; }
.TopInfo .link a { color:#FFF; padding:0px 3px; }
.TopInfo .link img { vertical-align:middle; border:1px solid #F5F5F5; }
.TopInfo .link a:hover { color:#ccc; }
#head .top .TopLogo { margin:auto; width:1200px; padding-top:30px; height:100px; }
#head .top .TopLogo .logo { float:left; }
#head .top .TopLogo .SearchTop { float:left; padding-top:5px; padding-left:20px; }
#head .top .TopLogo .SearchTop p { line-height:30px; color:#666; }
#head .top .TopLogo .SearchTop p a { padding:0px 10px; color:#666; }
#head .top .TopLogo .tel { float:right; background:url("../../images/tel.jpg") no-repeat 50px 0px; width:250px; height:70px; padding-top:10px; padding-left:70px; }
#head .top .TopLogo .tel .telW { padding-left:60px; padding-top:5px; color:#036; font-weight:bold; }
#head .top .TopLogo .tel .telN { padding-left:40px; font-family:"Arial Black", Gadget, sans-serif; font-size:28px; color:#0174E6; line-height:140%; }
/* navs*/
 #head #NavLink { width:100%; height:50px; margin:auto; background:url("../../images/nav_bg1.png") repeat-x 0px 0px; z-index:100; }
#head #NavLink #NavBG { height:50px; width:1200px; z-index:100; margin:auto; }
#head #NavLink #sddm { position:absolute; width:1200px; margin:auto; z-index:100; }
#head #NavLink #sddm li { float: left; font-weight:normal; }
#head #NavLink #sddm .CurrentLi a { background:#0558AF; color:#FFF; font-weight:normal; }
/*	
 #head #NavLink #sddm .CurrentLi p{
	background:#004216;
	border-left:none;

	 }
*/	 
 #head #NavLink #sddm li a { display: block; width: 120px; color: #FFFFFF; text-align: center; padding:0px; height:50px; line-height:50px;  background:;
font-size:16px; background:url("../../images/nav_bg2.png") no-repeat 0px 0px; }
/*	
 #head #NavLink #sddm li P{
	border-left:1px solid #188139;
	text-align:center;
	font-size:10px;
	line-height:35px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;}
*/	
 #head #NavLink #sddm li a:hover { text-decoration:none; font-weight:bold; color:#FFFFFF; background:#0174E6; }
#head #NavLink #sddm div { position: absolute; visibility: hidden; background: #808080; padding:0px 0px; filter: alpha(opacity=85); top:50px; }
#head #NavLink #sddm .CurrentLi div a { background:#0174E6; }
#head #NavLink #sddm div a { position: relative; padding: 0px 0px; width:120px; text-align: center; background:#0174E6; color: #FFFFFF; font-size:12px; font-weight:normal; text-decoration:none; line-height:30px; height:30px; border-top:1px solid #0174E6; border-left:none; }
#head #NavLink #sddm div a:hover { background:#8e0202; color:#fff; font-weight:bold; line-height:30px; }
/* SearchBar */

.SearchBar { width:435px; height:38px; background:url("../../images/search_bg.png") no-repeat left top; }
.Sbox .SearchBar { margin:10px 0px 0px 10px; }
.SearchBar #search-text { width: 337px; padding:0px 5px; margin:0px; color:#CCC; height:36px; line-height:36px; font-size:12px; background:none; border:none; padding-left:5px; }
.SearchBar #search-submit { border:none; background:none; font-size:12px; color: #FFFFFF; height:38px; margin:0px; cursor:pointer; padding:0px; line-height:38px; width:88px; }
.marginB { margin-bottom:6px }
.marginB40 { margin-bottom:40px }
.border-top { border-top: 1px solid #ececec }
.container { width: 1200px; margin: 0 auto; position: relative; }
.bg-f5f6fa { background-color:#f5f6fa }
.bg-fc { background-color:#fcfcfc }
.bg-ff { background-color:#fff }
.anli-main-plan-nav li { width:183px; height:100px; display:block; margin:0px; padding:0px; clear:both; }
.action a.libox { background:url(../../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff; border:none; }
a.libox { border-bottom:#eaeaea 1px solid; border-left:#eaeaea 1px solid; background:url(../../images/img2.jpg) 20px center #fff no-repeat; width:122px; height:59px; display:block; padding-top:40px; padding-left:60px; text-align:left; }
a.libox:hover { border:none; background:url(../../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff; }
a.libox1 { border-left:#eaeaea 1px solid; border-bottom:#eaeaea 1px solid; background:url(../../images/img2.jpg) 20px center #fff no-repeat; width:122px; height:59px; display:block; padding-top:40px; padding-left:60px; text-align:left; }
a.libox1:hover { border:none; background:url(../../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff; }
.action a.libox1 { border:none; background:url(../../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff; }
a.libox2 { border-left:#eaeaea 1px solid; background:url(../../images/img2.jpg) 20px center #fff no-repeat; width:122px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; }
a.libox2:hover { border:none; background:url(../../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff; }
.action a.libox2 { border:none; background:url(../../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff; }
 @charset "utf-8";
/* CSS Document */

.header { height:65px; width: 100%; position: relative; z-index: 99; min-width: 1200px;/* border-top: 2px solid #007dda*/ }
.header_bg { background: #fff; filter:alpha(opacity=90); -moz-opacity:0.9; -webkit-opacity: 0.9; opacity: 0.9; width: 100%; height: 65px; position: absolute; left: 0; top: 0 }
.shop a { width:45px; height: 48px; display: block; background: url(../../images/icon-shop.png) no-repeat center; }
.shop a span { background: #f87500; border-radius: 6px; padding: 0 3px; line-height: 14px; font-size: 12px; color: #fff; position: absolute; top: 10px; left: 24px; }
.shop a:hover { background: url(../../images/icon-shop.png) no-repeat center #f5f7f9; }
.login_before { width: 89px; height: 48px; position:absolute; top: 0; right: 45px; line-height: 48px; font-size: 12px; }
.login_before a { display: block; text-align: center; padding-left: 16px; background: url(../../images/icon-person.png) no-repeat 8px 18px; }
.login_before a:hover { background: url(../../images/icon-person.png) no-repeat 8px 18px #f5f7f9; }
.login_after { width: 100px; height: 48px; position: absolute; top: 0; right: 45px; line-height: 48px; font-size: 12px; }
.login_after a.user { height:48px; display: block; padding:0 23px; background: url(../../images/icon-person.png) no-repeat 8px 17px; color: #666; overflow: hidden; }
.login_after a.user:hover { background: url(../../images/icon-person.png) no-repeat 8px 17px #f5f7f9; }
.login_after a.user i.icon-arrow { width:7px; height: 4px; display: block; background: url(../../images/icon-arrow.png) no-repeat 0 0; position: absolute; top: 23px; right: 12px; }
.after_con { width:54px; position: absolute; left: 0; top: 48px; background: #f5f7f9; padding: 9px 23px; z-index: 9999 }
.after_con a { line-height: 24px; display: block; height: 24px; overflow: hidden; }
.nav { width: 790px; overflow: hidden; margin: 0 auto; height:65px; float:right; }
.nav li { float: left; height:65px; }
.nav li a { height:65px; line-height: 65px; width:110px; color:#666; text-align:center; display: block; font-size:16px; font-weight:bold; }
.nav li a.active { color: #f87500 }
.nav li.d_2 a { color:#666; font-size:16px; font-weight:bold; }
.nav li.d_2 a.active { color: #f87500 }
.subnav { position: absolute; left: 0px; top:64px; width: 100%; border-top: 1px solid #ececec; }
.subnav_bg { background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter:alpha(opacity=90); -moz-opacity:0.90; -webkit-opacity: 0.90; opacity: 0.90; z-index: -1 }
.subnav_con { width: 1350px; height: 0; margin: 0 auto; padding-left:10px; position: relative; z-index: 999; overflow: hidden; left:-140px; }
.subnav_con ul { padding: 15px 50px; display: block; position: absolute; top: 0; left: 0; }
.subnav_con ul li { height: 32px; line-height: 32px; position: relative; width: 200%; overflow: hidden; }
.subnav_con ul li a { display: block; }
.footer { padding-top:30px; padding-bottom:30px; font-size: 12px; line-height: 26px; color: #FFF; width: 100%; min-width: 1200px; position: relative; background:#176BC1 url(../../images/bot_bg.jpg) repeat-x; min-height:120px; }
.footer-menu { }
.footer-menu a { padding:0 12px; color: #FFF }
.footer-menu a:hover { color: #f87500 }
.footer-menu a.first { padding-left: 0 }
.copyright { }
.copyright a { color:#FFF; }
.gzwm { position: absolute; right: 0; top: 0; font-size: 12px; line-height: 12px; }
.gzwm span { position: absolute; top: 0px; right: 150px; }
.gzwm a { color:#723a19; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; }
.gzwm a:hover { color:#f87500; }
.gzwm a.locat { position: absolute; top: 9px; right: 160px; display:block; height:15px; width: 100px; line-height:15px; background: url(../../images/icon-locat.png) no-repeat 0 0; padding-left: 15px; }
.gzwm a.locat:hover { background-position: 0 -20px; }
.gzwm .attention { width:140px; height: 32px; line-height: 32px; position: absolute; right: 0; top: 0 }
.gzwm .attention a.gz-wb { width:32px; height: 32px; display: block; background: url(../../images/icon-attention.png) no-repeat 0 0; position: absolute; top: 0; right: 40px; }
.gzwm .attention a.gz-wb:hover { background-position: 0 -40px; }
.gzwm .attention a.gz-wx { width:32px; height: 32px; display: block; background: url(../../images/icon-attention.png) no-repeat -40px 0; position: absolute; top: 0; right: 0px; }
.gzwm .attention a.gz-wx:hover { background-position: -40px -40px; }
.gzwm .attention .ewm { width: 107px; height: 147px; overflow: hidden; padding: 38px 35px 0; position: absolute; top: -185px; right: -71px; background: url(../../images/ewm_bg.png) no-repeat 0 0; }
.gzwm .attention .ewm img { width: 107px; height: 107px; }
.gzwm a.kxwz { width:89px; height: 32px; display: block; background:url(../../images/icon-kxwz.png); position: absolute; right: 0; top: 40px; }
.onlineserver { width: 28px; height: 110px; position: fixed; right: 0; top: 25%; z-index: 99999 }
.onlineserver a { width: 28px; height: 110px; display: block; background: url(../../images/server.png) no-repeat 0 0 #3d3d3d; }
.onlineserver a.s { width: 28px; height: 110px; display: block; background: url(../../images/server.png) no-repeat 0 0 #3d3d3d; }
.onlineserver a:hover { background-color: #333 }
.scrolltop { width: 60px; height: 60px; position: fixed; right: 0; bottom:10%; z-index: 99999 }
.scrolltop a.t { width: 60px; height: 60px; display: block; background: url(../../images/top2.png) no-repeat center #e2e2e2; margin-top:5px }
.scrolltop a:hover { background-color: #9a9a9a }
/*service*/
.qqbox a:link { color: #000; text-decoration: none; }
.qqbox a:visited { color: #000; text-decoration: none; }
.qqbox a:hover { color: #f80000; text-decoration: underline; }
.qqbox a:active { color: #f80000; text-decoration: underline; }
.qqbox { width:132px; height:auto; overflow:hidden; position:absolute; right:0; top:200px; color:#000000; font-size:12px; letter-spacing:0px; z-index:500; }
.qqlv { width:33px; height:256px; overflow:hidden; position:relative; float:right; z-index:50px; }
.qqkf { width:120px; height:auto; overflow:hidden; right:0; top:0; z-index:99px; border:6px solid #cc0000; background:#fff; }
.qqkfbt { width:118px; height:20px; overflow:hidden; background:#cc0000; line-height:20px; font-weight:bold; color:#fff; position:relative; border:1px solid #fff; cursor:pointer; text-align:center; }
.qqkfhm { width:112px; height:22px; overflow:hidden; line-height:22px; padding-right:8px; position:relative; margin:3px 0; }
.bgdh { width:102px; padding-left:10px; }
#K1 { padding-left:3px; }
#K1 p { padding:5px 0px; }
#HituxBackTop_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; z-index: 9999; display: none; }
#HituxBackTop_item.off { opacity: 0; visibility: hidden }
#HituxBackTop { display: block; width: 60px; height: 50px; background: url(../../images/icon_top.png) center center no-repeat; background-color: #444; border-radius: 2px; cursor: pointer; margin-bottom: 10px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#HituxBackTop:hover { background-color: rgba(0, 0, 0, .7) }
#HituxBackTop:active { background-color: rgba(0, 0, 0, .75) }
#HituxBackTop_item .qr { display: block; width: 60px; height: 40px; border-radius: 2px; cursor: pointer; background: url(../../images/icon_code.png) center center no-repeat; background-color: #444; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#HituxBackTop_item .qr:hover { background-color: rgba(0, 0, 0, .7) }
#HituxBackTop_item .qr:active { background-color: rgba(0, 0, 0, .75) }
#HituxBackTop_item .qr-popup { width: 170px; height: 200px; background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, .1); position: absolute; left: -180px; bottom: 0; border-radius: 2px; display: none; text-align: center; color:#999999; }
#HituxBackTop_item .qr-popup .code-link { display: block; margin: 10px; color: #777 }
#HituxBackTop_item .qr-popup .code { display: block; margin-bottom: 10px }
#HituxBackTop_item .qr-popup .arr { width: 6px; height: 11px; background: url(../../images/code_arrow.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: 14px }
/* clearfix */
.clearfix:after { content:" "; display:block; visibility:hidden; height:0; clear:both; }
.clearfix { clear:both; }
.clearbox { clear:both; width:996px; margin:0 auto; height:0; overflow:hidden; }
.clear { height:1%; overflow:hidden; }