@charset "utf-8";
/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
img{border:none;vertical-align:middle;}
input,select,button{vertical-align:middle;}
input{padding:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font:14px/1.75 'Microsoft YaHei',simSun,sans-serif;background:#fff;color:#555;-webkit-text-size-adjust:100%;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}

/*链接样式*/
a:link{}	
a:hover{text-decoration:none;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/



address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}h2 { font-size:26px;}h3 { font-size:20px;}h4 { font-size:14px;}h5 { font-size:12px;}h6 { font-size:10px;}


/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:960px; margin:10px auto; }
/*验证码*/
#imgCmtVerCode{ vertical-align:middle;}


/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
/*表单提示*/
#form .ok{ background:url(Img/ico28.gif) no-repeat; width:18px;height:16px;display:block; float:right; margin-right:10px;}
#form .err{ background:url(Img/ico29.gif) no-repeat; width:18px;height:16px;display:block; float:right;margin-right:10px;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/*在线客服*/
#divOranIm{position:absolute;right:0px;z-index:10;display:block;}
#bodd{width:130px;}
#kefubtn{text-align:right;cursor:pointer;}
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif);width:130px;}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:47px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:#ffffff;margin:0 2px;height:20px;padding:3px 0 3px 2px}
.ImRow1{background:#f2f2f2;margin:0 2px;height:20px;padding:3px 0 3px 2px}
a.im,a:hover.im{text-decoration:none;height:23px;line-height:21px;display:block;overflow:hidden;}
.ImFooter{height:23px;background:url(/UserControls/im/kefu/im_04.gif)}

/*置顶*/
#roll_top{position: relative;cursor: pointer;height: 41px;width: 36px;background: url(/Images/top.gif) no-repeat; z-index:99999;}
#roll{display: block;width: 15px;margin-right: -530px;position: fixed;right: 50%;bottom: 20px;_margin-right: -513px;_position: absolute;_margin-top: expression(eval(document.documentElement.clientHeight-92));_top: expression(eval(document.documentElement.scrollTop));}
/*暂无数据*/
#nodata { background: url("img/nodata.gif") no-repeat 20px 20px transparent;border: 1px solid #EEEEEE;margin: 10px 0;padding: 80px 80px 80px 150px;}

.b15 { cursor:pointer;border:none; background: url(Img/SkinsVIBtn.gif) no-repeat -79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }
/* -- 页面整体布局 -- */
.head, .content{ width:960px; margin:0 auto;}
.left { width:201px; float:left; overflow:hidden;margin-bottom:10px;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right { width:754px; float:right; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(Img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(Img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px;background-color:#fff; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px;background-color:#fff; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px; background-color:#fff; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; overflow:hidden;}

.full{ width:100%;}
.full .rightbot{ background:none; background:#fff; border:1px solid #dedede; border-top:none;border-radius:0px 0px 3px 3px;  overflow:hidden;}
.full .righttop{ background:none; background:#fff; border:1px solid #dedede; border-bottom:none; border-radius:3px 3px 0px 0px;overflow:hidden;}

#commonHeaderUser a{ padding:0;}
#commonHeaderUser{ padding-right:10px;}
#commonHeaderUser a{ padding:0 2px;}
#commonHeaderUser .h_logout{ padding-left:5px;}




/*common*/
.conBox{font-size:14px;}
.center{text-align:center;}
.w1000{width:1000px;overflow:hidden;margin:0 auto;}
.green{color:#88d311;}
.blue{color:#004c85;}
.white{color:#fff;}
.bgBlue{background:#004f87 !important;}
.bgGreen{background:#88d311;}
.table100{width:100%;}
.mb10{margin-bottom:10px !important;}
.mt20{margin-top:20px !important;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.bgGray{background:#f3f3f3;}
.padd10{padding:10px;}
.borderBottom{border-bottom:1px solid #dedede;}
.comTitle01{overflow:hidden;height:35px;border-bottom:1px solid #dedede;}
.comTitle01 h2{float:left;}
.comTitle01 h2 strong{color:#333;font-size:18px;}
.comTitle01 h2 font{color:#ddd;font-size:12px;padding-left:5px;}
.comTitle01 .more{float:right;width:47px;height:20px;background:url(Img/Index/more01.png) left center no-repeat;margin-top:7px;}
.comTitle02{overflow:hidden;height:35px;background:#f3f3f3;padding:5px 15px;}
.comTitle02 h2{font-size:18px;}
.comTitle03{padding:15px;background:#618b09;text-align:center;margin-bottom:10px;}
.comTitle03 h2{font-size:24px;color:#fff;}
.comTitle03 h3{font-size:18px;color:#fff;padding:5px 0;}
.comTitle03 h4{padding:10px 0;}
.comTitle04{border-bottom:2px solid #004f87;}
.comTitle04 h2{color:#004f87;font-size:24px;}
.comTitle04 h2 strong{font-size:50px;}
.comTitle05{border-bottom:1px solid #dedede;overflow:hidden;}
.comTitle05 h2{float:left;font-size:18px;}
.comTitle05 .moreTxt{float:right;font-size:14px;margin-top:5px;}
.comTitle06{margin-bottom:10px;background:url(Img/Index/line02.png) center bottom no-repeat;padding-bottom:20px;}
.comTitle06 h2{color:#004f87;font-size:36px;text-align:center;line-height:40px;}
.comTitle06 h3{color:#88d311;font-size:30px;text-align:center;line-height:40px;}
.comTitle07{background:#004f87;color:#88d311;padding:10px;font-size:24px;}
.comTitle08{background:#004f87;color:#fff;padding:10px 0 10px 10px;font-size:24px;}
.comTitle09{color:#004f87;padding:10px;font-size:20px;}
.comTitle10{color:#004f87;padding:10px;font-size:32px;}



.clear:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.clear{*zoom:1}

/*header end*/
.wrapper{width:1000px;margin:0 auto;}

.main_nav a, .f_top_dl dd a, .links li {-moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}

/*Header - start*/
.header { position: fixed; top: 0; left: 0; z-index: 999;  width: 100%; height:90px;background: #fff;}
.header .hd-logo {float: left; width: 236px; font-size: 0;margin-top: 10px;}
.header .hd-logo img { width: 100%;}
.index-Nav {float: left; width: 55%; margin-left: 10%;}
.index-Nav li { position: relative; float: left; width: 100px; height: 90px; line-height: 90px; text-align: center;}
.index-Nav li.cur:after, .index-Nav li:hover:after { content: ''; display: block;width: 100%; height: 2px; background: #30a4fd; position: absolute; left: 0; bottom: 0;}
.index-Nav li.cur a,.index-Nav li:hover a {color: #30a4fd;}
.index-Nav li a {  display:block;font-size: 20px; color: #8d8d8d; transition: all 0.25s;}
.hd-server {float: right;height: 90px;border-right: 1px solid #e8e8e8;box-sizing: border-box; position: relative;}
.hd-server .number { display: block; opacity: 0;  transition:all 1s;position: absolute; left: -57px; bottom: -80px; background: #fff; width: 200px; height: 80px; line-height: 80px; text-align: center; font-size: 13px; color: #333; z-index: 99;}
.hd-server .number em { font-weight: bold; font-size: 18px;}
.hd-server a {float: left;border-left: 1px solid #e8e8e8;display:block;padding: 23px 15px;box-sizing: border-box;}
.hd-server:hover .number { opacity: 1;}


/*Header - end*/





/*Footer - start*/
.footer {  position:relative;overflow: hidden; background: #2e3841; padding-top: 60px;}
.ft-link { display:block; width: 1200px; margin: 0 auto;overflow: hidden; padding-bottom: 40px;}
.footer .ft-logo {margin-top:30px;margin-right: 150px;float: left;width: 236px;font-size: 0;}
.footer .ft-logo img { width: 100%;}
.footer dl {float: left;margin-right: 150px;}
.footer dl dt { margin-bottom: 20px;}
.footer dl dt:hover a,.footer dl dd:hover a { color: #30a4fd;}
.footer dl dt a { font-size: 14px; color: #fff;}
.footer dl dd { font-size: 12px;line-height: 24px;}
.footer dl dd a {   color: #fff;}
.footer .code { float: right;}
.footer .code p { font-size: 15px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.footer .code p i { display: inline-block; vertical-align: middle; background: url("../Images/Common/ft-phone.png")no-repeat center; width: 25px;height: 25px;}
.footer .code span {  display:block;width: 129px; padding: 9px; border: 1px solid rgba(0, 0, 0, 0.32); overflow: hidden;}
.ft-support { clear: none; display: block; width: 100%; height: 85px; line-height: 85px; background: #171d28;}
.ft-support .content { width: 1200px; margin: 0 auto;}
.ft-support p { float: left; font-size: 12px; color: rgba(255,255,255,0.3)}
.ft-support p a { margin-left:10px; color: rgba(255,255,255,0.3)}
.ft-support .link-means { float: right;}
.ft-support .link-means a { display:inline-block;margin: 0 10px; width: 23px;}
.ft-support .link-means a img { width: 100%;}
/*Footer - end*/

.sideBar {overflow:hidden; font-size:14px; color:#555;}
.sideBar .side_title {background:#007caa; height:97px; font-size:30px; line-height:48px; color:#fff; padding:16px 0 0 23px; overflow:hidden;}
.sideBar .side_title span {font:20px/28px Arial, Helvetica, sans-serif; display:block; text-transform:uppercase;}
.side_list {overflow:hidden; line-height:59px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.side_list li {height:59px; border-bottom:1px solid #e6e6e6; text-align:center;}
.side_list li a {display:block; color:#555;}
.side_list li a:hover , .side_list li a.select {background:#ececec; font-weight:bold; color:#e51616;}
.side_list li.pro_item a{ color:#0b7bab;}

.side_list li.select{background:#ececec; font-weight:bold; color:#e51616;}
.hotTel {height:82px; background:#0e1843; font:bold 24px/80px Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.hotTel .icons {width:38px; height:38px; background-position:-458px 0; vertical-align:text-bottom;}

/*右侧浮动栏*/

.kfBox {width:70px; position:fixed; top:50%; right:0px; z-index:9999; margin-top: -152px;}
.kfBox div , .kfBox div a {cursor:pointer; display:block; float:left;}
.kfBox > div {width:70px; height:74px; margin-bottom:2px; position:relative;}
.kfBox > div > a { background:#161616; text-align:center; width:100%; height:53px; padding-top:21px;}
.kfBox > div a img {width: 34px;}
.kfBox > div#kf04 > a {padding-top:5px; height:69px;}
.kfBox > div > a span {display:block; font-size:14px; line-height:18px; color:#fff; padding-top:4px;}
.kfBox > div > a:hover {background:#007caa;}
.kfBox .kf_tel , .kfBox .kf_qq {position:absolute; z-index:99; left:0px; top:0px; width:190px; height:74px; background:#161616; font-size:14px; line-height:108px; color:#ddd; text-align:center; display:block;}
.kfBox .kf_tel a , .kfBox .kf_qq a {float:left; width:100%; height:100%; line-height:74px; font-size:14px; font-weight:bold; text-align:left; color:#ddd;}
.kfBox .kf_tel span , .kfBox .kf_qq span {float:left; width:70px; height:53px; text-align:center; padding-top:21px;}
.kfBox .red a {background:#007caa;}
.kfBox .kf_qq {width:142px;}
.kfBox .kf_weixin {position:absolute; z-index:99; left:-131px; top:0; display:none; padding:13px; background:#fff; border:1px solid #eee;}
.kfBox .kf_weixin img {width:100px; height:100px;}
.kfBox #kf01:hover .kf_weixin {display:block;}

/*右侧浮动栏*/