﻿@charset "utf-8";
/*reset.css*/
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/
body {-moz-user-select: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
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;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
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;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
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;}
.mt10 { margin-top:10px;}
.ml10 { margin-left:10px;}
.fullad {display: block;width: 100%;}
 
/*common.css*/
 body { color:#666; font:12px/1.231 Verdana, Arial, Helvetica, sans-serif "";  } /*网站字体颜色*/
a { color:#333; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { color:#f00f00; text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体"; }
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.t01 , .t02 , .t03 ,   .t05 , .t06 , .t07 , .t08 , .t09 , .plc2 , .rtit , .rtit1 , .pro_lc , .lc1 , .lc2 , .lc3 , .lc4 , .lnav h3 , .userleftnav h4 , .leftsearch , .topsearch , .ljob , .jointel, .club_lin2, .procom h4, .caigou, .comments h4{ background:url(../img/SkinsVIBar.png) no-repeat;}

.b01 , .b02 , .b03 , .b04 , .b05 , .b06 , .b07 , .b08 , .b09 , .b10 , .b11 , .b12 , .b13 , .b14 , .b15 , .b16 , .b17 , .b18 , .b19 , .b20 , .b21 , .b22 , .b23, .b24, .b25, .b26 , .b27 , .b28 , .b29 , .b30 , .b31 , .b32 , .b33 , .b34 , .b35 , .b36 , .b37 , .b38 , .b39, .b40, .b41, .b42, .b43, .b44, .b45, .b46, .b47, .b48, .b49, .b49b, .b59, .b60, .b61, .b62, ul.n_rt_ul {background: url(../img/SkinsVIBtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; }

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */

/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto;  }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:759px; 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; margin-top:10px;}
.left2top {  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 {  font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:735px; float:left; display:inline; margin-left:24px; 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 {  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 {  font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main {border-left:1px solid #ccc; border-right:1px solid #ccc; width:733px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:750px;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}
/* 自定义属性 */
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fmy{font-family:'Microsoft YaHei';}
.no_mg{ margin:0 !important;}
.no_pd{ padding:0 !important;}
.no_bd{ border:none !important;}
.no_bg{ background:none !important;}

/*头部开始*/

.h_nr{ height:157px; overflow:hidden;}
.h_logo{width: 655px;height:100px;overflow:hidden;/* margin:24px 0 0 0; */}
.h_logo span{width: 220px;line-height:300px;display: inline-block;height:70px;overflow:hidden;background:url(../img/logo.png) no-repeat;border-right:1px solid #e7e7e7;}
.h_logo h1{ font-size:12px; line-height:300px; height:70px; display: inline-block;width:235px;}
.h_logo h1 a{ font-size:12px; line-height:300px; height:130px; display: inline-block;}

.h_logo h2{ font-size:12px; line-height:300px; height:70px; display: inline-block;width:235px;}
.h_logo h2 a{ font-size:12px; line-height:300px; height:130px; display: inline-block;}
.h_logo span img{  width:160px; height:110px; }
.h_logo fff{ width:380px; font:22px "Microsoft Yahei"; color:#3a3a3a; padding:22px 0 0 12px; line-height:24px;    font-weight: bold;}
.h_logo fff i{ font-style:normal; display:block; color:#000; font-size:15px; font-weight:normal; line-height:30px;}



.g-top{background:url(../img/h_bg.gif) repeat-x; height:235px;font-family:'Microsoft YaHei';}

.h_top{ height:38px; color:#939393;}
.h_top em{float:left; line-height:38px;}
.h_top p{float:right; line-height:38px;}
.h_top a{color:#939393; padding:0 10px;}

.h_con{height:101px;padding:40px 0 0;}
/*.h_logo{float:left; width:690px;}
.h_logo h1{ float:left;}
.h_logo p{float:left; font-size:24px; font-weight:bold; color:#195abe; background:url(../img/h_bg2.png) no-repeat; padding:6px 0 10px 15px;}
.h_logo b{display:block;color:#3a3a3a; font-size:22px; padding:12px 0 0;}
.h_logo em{ color:#d61519;}
*/
.h_tel{float:right;}
.h_tel span{display:block;font-size:14px; background:url(../img/tel.png) no-repeat;padding-left:62px; margin:10px 0 0;}
.h_tel span b{ display:block;font-size:24px;color:#195abe;}

.h_nav{ height:56px;overflow:hidden;}
.h_nav li{float:left;height:56px;line-height:56px;background:url(../img/nav_bg.gif) no-repeat right center;}
.h_nav a{display:block;padding:0 23px; font-size:14px; color:#fff;}
.h_nav a:hover{ text-decoration:none;}
.h_nav .cur a,.h_nav li a:hover{background:#ffa130;}

/*头部结束*/


/*搜索框*/

.search{ height:54px; background:url(../img/ser_bg.png) repeat; position:relative; }
.search p{ float:left; width:650px; overflow:hidden; line-height:54px;}
.search p span{ color:#363636;}
.search p a{ padding:0 10px;}
.search input{ float:left;}
.ser_inp{ float:right; margin:14px 0 0; width:240px; border:1px solid #afb7bb;}
.inp01{ width:210px; height:24px; line-height:24px; padding-left:10px; outline:none; border:none; background:none;}


/*底部开始*/

.f-wrap{ background:url(../img/f_bg.gif) repeat-x;padding-bottom:65px;}

.footer_a{ line-height:49px; text-align:center; color:#fff; }
.footer_a a{ display:inline-block; padding:0 22px; color:#fff; font-size:12px;}

.footer_b{ margin:35px 0 0;}
.footer_b li{ float:left; padding:30px 30px 0 50px;}
.footer_b p{ float:left;line-height:24px; width:390px; color:#7e7e7e;}
.footer_b p span{ padding-left:24px;}
.footer_b em{ float:left; display:block; padding:4px; border:1px solid #e8e8e8;width: 120px; overflow:hidden; text-align:center;}
.footer_b em img { width: 120px;}

/*底部结束*/

 /*temp.css*/
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(../img/nodata.gif) no-repeat 20px 20px;}
/* -- 弹出窗口 -- */
#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;}

/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:45px}
#roll_top{background:url(../img/top.gif) no-repeat}
#fall{background:url(../img/top.gif) no-repeat 0 -80px}
#ct{background:url(../img/top.gif) no-repeat 0 -40px}
#roll{display:block;width:40px;margin-right:-534px;position:fixed;right:50%;top:75%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}



.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(../img/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(../img/im_01.gif)}
.ImRow0{background:url(../img/ico_item1.gif) no-repeat;margin:10px 10px 0;height:28px;line-height: 19px;padding-left:10px;padding-top:1px; }
.ImRow1{background:url(../img/ico_item1.gif) no-repeat;margin:10px 10px 0;height:28px;line-height: 19px;padding-left:10px;padding-top:1px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#666; font-size:14px;}
.ImFooter{height:90px;background:url(../img/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#FFF;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#FFF;text-align:center;margin:10px 0;}


/*优势*/

.ys{font-family:'Microsoft YaHei';}
.ys h3{ text-align:center; padding:40px 0 0; height:186px; background:url(../img/ys_01.jpg) no-repeat center 0; overflow:hidden;}
.ys h3 b{ display:block; color:#195abe; font-size:30px; margin-bottom:16px;} 
.ys h3 b em{ display:inline-block; vertical-align:middle; padding:54px 10px 0;}
.ys h3 b img{ vertical-align:middle;}
.ys h3 span{ display:block; background:url(../img/ys_bg.png) no-repeat center; height:34px; line-height:34px; font-size:18px; font-weight:normal; color:#000;}

.ys li{ overflow:hidden; vertical-align:top; position:relative;}
.ys li .con{position:absolute; left:50%;}
.ys li em{ display:inline-block;  color:#195abe; font-size:30px; font-weight:bold; margin-right:30px; vertical-align:top;}
.ys li b{ display:inline-block; font-size:24px; color:#000;}
.ys li i{ padding:10px 0 0; display:block; color:#b6b6b6; font-style:normal; font-size:12px; text-transform:uppercase; font-weight:normal;}
.ys li p{ line-height:32px; font-size:14px; color:#3e3e3e; padding:30px 0 0 80px;}
.ys li p span{ display:block; padding-left:16px; background:url(../img/ys_icon.png) no-repeat 0 14px;}
.ys li p strong{ color:#d61519; font-weight:normal;}

.ys_a{ height:428px; background:url(../img/ys_02.jpg) no-repeat center 0;}
.ys_b{ height:411px; background:url(../img/ys_03.jpg) no-repeat center 0;}
.ys_c{ height:338px; background:url(../img/ys_04.jpg) no-repeat center 0;}
.ys_d{ height:353px; background:url(../img/ys_05.jpg) no-repeat center 0;}
.ys_e{ height:347px; background:url(../img/ys_06.jpg) no-repeat center 0;}

.ys_a .con{ margin-left:-456px; top:88px; }
.ys_b .con{ margin-left:-60px; top:15px; }
.ys_c .con{ margin-left:-456px; top:15px; }
.ys_d .con{ margin-left:-60px; top:15px; }
.ys_e .con{ margin-left:-456px; top:12px; }



#float_bottom {border-top: 1px solid #195ABE;  background: #EFEFEF; bottom: 0; display: none; height: 41px; position: fixed; _position:absolute;  top: auto; width: 100%;z-index: 99999;left: 0px;}
#float_bottom .bt_inner { margin: 0 auto;width: 960px;}
#float_bottom .fb_block {float: left;height: 41px;  background:url("../img/bt_split.png") no-repeat scroll right center ;}
#float_bottom .fb_block.heardLog {  padding-top: 11px;width: 28px;background:none;padding-left: 10px;}
#float_bottom .fb_block.bottom2 { width:470px; font-size:15px; color:  #195ABE; position: relative;}
#float_bottom .fb_block.bottom2 li{ height:41px; line-height:41px; overflow:hidden;  background: url("../img/sj01.gif") no-repeat scroll 2px 18px  ;padding-left: 12px; }
#float_bottom .fb_block.bottom2 li a { color:#195ABE}
#float_bottom .fb_block.bottom3 { width:150px;  position: relative;}
#float_bottom .fb_block.bottom3 a{ font-size:18px; font-weight:bold;color:#195ABE;}
#float_bottom .fb_block.bottom4 {width:238px; background:none;}
#float_bottom .fb_block.bottom4 div{padding-left: 40px;font-size:15px; line-height :37px; color:#195ABE;background: url("../img/pro_logo.png") no-repeat 0 5px;}
#float_bottom .fb_block.bottom4 span{font-size:18px; font-weight:bold;}
#float_bottom .bottom2 .if_pop {left: -41px;padding: 0 5px; position: absolute; background:#E6F4E6; border:1px solid #95D25B; bottom:37px;}
#float_bottom .bottom2 .if_pop li{   border-bottom: 1px dashed #C6C4C1;width: 363px; height:30px; line-height:30px; overflow:hidden;  background: url("../img/sj01.gif") no-repeat scroll 2px 18px  ;padding-left: 12px;}
#float_bottom .bottom2 .if_pop li a{ font-size:14px; color:#195ABE;}

#float_bottom .bottom3 .pj_pop {left: -41px;width:320px; position: absolute; background:#E6F4E6; border:1px solid #95D25B; bottom:37px; padding-bottom: 9px; padding-left: 10px;}
#float_bottom .fb_block.bottom3 #pj_pop .pj_name a{ font-weight:lighter;}
a.bak_indx {display: block; line-height: 40px;padding-left: 12px;}
.tantou {bottom: 0px; position: absolute; right: 91px;}

.zuobian {float: left;height: 190px; width: 550px;}

.right_nav{ position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop)+150);top: 150px;width: 75px; z-index: 990;background:#FFF;font-family:'Microsoft YaHei';right:0; padding:10px;}
.right_nav .imgnav { background: #9c9c9c ;cursor: pointer;margin-bottom: 2px;text-align: center; width:75px; height:75px }
.right_nav .imgnav:hover { background: #007FCE ;}
.right_nav .imgnav.tops{height:33px}

.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../img/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../img/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../img/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}