@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666; font:12px/1.231 "Microsoft YaHei",arial,helvetica,clean,sans-serif;} /*网站字体颜色*/
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;}
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;}

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:1200px; margin:0 auto; }
.left { width:201px; float:left; overflow:hidden;}
.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; margin-top:10px;}
.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: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 { 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;  border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

em,i{ font-style:normal;}

/*头部开始*/
.top_bg{ background:url(Img/Common/top_bg.gif) repeat-x; height:225px;}
.h_top{ height:32px; line-height:32px; overflow:hidden;font-size: 14px;color: #8e8e8e;}
.h_top em{ float:left;}
.h_top span{ float:right;}
.h_top span a{ padding:0 10px;font-size: 14px;color: #8e8e8e;}
.h_top span a:hover,.search p a:hover{color: #2087ed; text-decoration:none;}
.h_con{ height:143px; overflow:hidden;}
.h_con h1{ float:left; padding:40px 0 0;width: 245px;}
.h_con h1 img{ width:245px; height:65px;}
.h_con .h_dw{width: 480px; float:left; padding:48px 0 0; font-size:20px; color:#262626; font-weight:bold;}
.h_dw span{ padding:5px 0 0; display:block; font-size:16px;font-weight: normal;}
.h_con .tel{ background:url(Img/Common/tel.gif) no-repeat 0 50px; float:right; padding:35px 0 0 55px; font-size:14px; color:#262626;}
.tel span{ display:block; font-size:24px;}
.h_nav{ height:50px; line-height:50px;}
.h_nav li{height: 50px; float:left; background:url(Img/Common/nav_bor.gif) no-repeat right 0;position: relative; z-index:99;}
.h_nav li a{ font-size:14px; color:#fff; padding:0 38px;display:block; float:left;position: relative;z-index: 4; text-decoration:none;white-space: nowrap;}
.h_nav li a:hover{background:#ff6600\9;}/* IE6、IE7、IE8支持 */
.h_nav li:after{content:'';position:absolute;width:100%;height:0;background-color:#ff6600;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.h_nav li:hover:after,.h_nav li.cur:after{height:100%;}
.h_nav .nobor{ background:none;}

.h_nav li .erj{ position:absolute; left:0; top:50px; width:100%; z-index:99; display:none;}
.h_nav li .erj li{ background:#2087ED; transtion:none;}

/*头部结束*/

/*搜索开始*/
.search_bg{ height:68px; background:#f3f3f3; overflow:hidden;}
.search{ width:1200px; margin:0 auto;height: 68px;}
.search p{ float:left;font-size: 14px; color:#333; width:820px; height:68px; line-height:68px; overflow:hidden;}
.search p a{font-size: 14px; color:#333; padding:0 10px;}
.search .ser_inp{ background:url(Img/Common/s_inp.gif) no-repeat; width:293px; height:43px; border:none; padding:0 3px 0 27px; float:left; margin-top:12px; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:43px; outline:none;}
.search .ser_so{ float:left; margin-top:12px; width:55px; height:43px;}

/*搜索结束*/

/*底部开始*/
.f_bg{ background:url(Img/Common/f_bg.gif) repeat-x; height:429px; overflow:hidden; padding:40px 0 0;}
.f_logo{ padding:32px 0 0;width: 250px;height: 128px; background:url(Img/Common/f_line01.gif) no-repeat right 25px;}
.f_logo a{display: block;}
.f_logo img{ width:202px; height:54px;}
.f_er{width: 255px;height: 160px; padding:0 0 0 35px; background:url(Img/Common/f_line01.gif) no-repeat right 25px;}
.f_er span{width: 88px;float: left;display: block;height: 120px;line-height: 120px;}
.f_er em{display: block;float: left; width:120px; height:120px; border:#ccc 1px solid;}
.f_er img{ width:120px; height:120px;}
.f_links{width: 655px;height: 160px;}
.link_l {text-align: center; width:170px; padding:25px 0 0;height: 130px; background:url(Img/Common/f_line01.gif) no-repeat right 25px;}
.link_l img{width: 92px;height: 35px;}
.link_l span{display: block; padding:8px 0 0;}
.link_l span a{font-size: 14px;color: #2087ed;}
.lk_c{ width:485px; height:70px;line-height: 35px; overflow:hidden; padding:20px 0 0;}
.lk_c a{ padding:0 28px; display:inline-block; font-size:14px; color:#666;}
.f_nav{ height:60px; line-height:60px; text-align:center; overflow:hidden; color:#fff;}
.f_nav a{ font-size:14px; color:#fff; padding:0 30px;}
.f_ban{ padding:38px 0 0;width: 300px; background:url(Img/Common/f_line02.gif) no-repeat right 0;height: 170px;}
.f_ban b{display: block;font-size: 16px;color: #fff; padding:0 0 15px;}
.f_ban p{ font-size:14px; color:#fff; line-height:22px;}
.f_ban a{ font-size:14px; color:#fff;}
.f_p01{width: 250px;height: 173px; padding:35px 0 0 50px; background:url(Img/Common/f_line02.gif) no-repeat right 0;}
.f_p01 em{height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-transform: uppercase;display: block;}
.f_p01 em i{display: block;width: 40px;height: 40px;float: left; padding:0 12px 0 0;}
.f_p01 em i img{width: 40px;height: 40px;}
.f_p01 span{display: block;font-size: 14px;color: #fff;line-height: 24px; background:url(Img/Common/f_ico04.gif) no-repeat 18px 20px; padding:12px 0 0 40px;}

/*底部结束*/



 /*temp.css  2015  xsl 整理*/
#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{display:block;width:15px;margin-right:-520px;position:fixed;right:50%;top:80%;_margin-right:-520px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}*/
#roll_top,#fall,#ct{position:relative;cursor:pointer; width:55px}
#roll_top{}
#fall{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -80px}
#ct{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -40px}
#roll{display:block;width:49px;margin-right:-650px;position:fixed;right:50%;bottom:100px;_margin-right:-650px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.68)); z-index:100;}

.ky_dj{position:fixed;bottom:0;_bottom:auto;z-index:10000;_position:absolute;overflow:visible;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight); z-index:2; right:14px;}
.ky_dj li{ display:block; font-size:0; position:relative; width:55px;}
.ky_dj li .showTs{ width:100px; line-height:55px; display:none; opacity:0.8; color:#fff; text-align:center; line-height:55px; font-size:13px; position:absolute; left:-100px; top:0;}
.ky_dj li .ewm{ left:-130px; width:120px;}
.ky_dj li .ewm img{ display:block; width:90px; height:90px; padding-left:15px; padding-bottom:15px;}
.ky_dj li img.png{  margin-bottom:1px; width:55px; height:55px;}
.ky_dj li span{ color:#fff; display:block; position:absolute; bottom:0px; left:0px; text-align:center; font-size:13px; width:100%; line-height:26px;}
.ky_dj li .showTs,.ky_dj li img.png{ background:#2087ed;}
.ky_dj li a:hover .showTs,.ky_dj li a:hover img.png,.ky_dj li .showTs{ background:#fd7b02;}


.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:164px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#333; font-size:14px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/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:#f1f1f1;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;}

.topadcs{width:100%; height:400px; overflow:hidden; text-align:center;margin:0px auto; margin-bottom:0;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:400px;}

 /*---面包屑导航xsl---*/
.plc { height:36px; line-height:36px; border-bottom:1px solid #ddd ; overflow:hidden;padding: 0 15px 4px 54px;  background:url(img/pro/dh.gif) no-repeat 8px center #fff; font-size:14px; padding-left:38px;} 
.plc span { color:#F1811F; font-weight:bold; font-family:Microsoft Yahei; padding-right:10px;}
.plc a { color:#333; margin-left:5px; margin-right:5px;}
.plc a:hover { color:#e60012;}
.plc .a_b { color:#FE0000; font-weight:bold;}

/*产品表现形式*/
.plc span.gs{ float:right; width:150px; }
.plc span.gs em{font-size:14px; font-weight:normal; color:#999; line-height:52px; font-style:normal; display:inline-block; float:left;}
.plc span.gs a{ font-size:0px; width:32px; display:inline-block; float:left;
     -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.plc span.gs a.tables{ background:url(img/prodes/table.png) no-repeat center center;}
.plc span.gs a.list{background:url(img/prodes/list.png) no-repeat center center;}
.plc span.gs a.on
{
   -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray; 
}


.mark{ background:#F0F0F0 url("img/pro/mark_bg.gif") repeat-x scroll 0px bottom;}
.mark .content{ background:none; margin-top:0px;}
.mark .plc{ background:none; height:52px; line-height:52px; background:url(img/pro/location.png) no-repeat left center; padding-left:28px;}
.mark .plc em a{ color:#2087ed;}
.mark .plc span{ color:#333; font-weight:normal;}
.mark .plc a{ line-height:52px;}

.b13,.b15,.b14,.b16,.b17,.b18,.b19,.b20,.b21,#mesbook1 #mesbook1Btns input{ background:#1f61cc; border:none; border:none; height:28px; line-height:26px; color:#fff; padding-left:12px; padding-right:12px;margin: 10px 0; margin-right:5px;}
#TxtMsg{ border:1px solid #dedede;}

/* -- 翻页效果xsl-- */
.apage { height:34px; line-height:32px; background:#FAFAFA; padding:0 5px; margin-bottom:0px; margin-top:10px; text-align:right; clear:both; border:1px solid #e7e7e7;  }
.apage a { border:1px solid #999; padding:0 3px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .cur { border:1px solid #fd7b02; background:#fd7b02; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage .oran_pg_fp { background:url(img/first_page.gif) 4px 4px no-repeat; padding-right:9px;}
.apage .oran_pg_pp { background:url(img/pre_page.gif) 4px 4px no-repeat; padding-right:5px;}
.apage .oran_pg_np { background:url(img/next_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage .oran_pg_lp { background:url(img/last_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }

/*通栏 分页xsl*/
 .apage a{display:inline-block;  width:26px; height:20px; line-height:20px; margin-top:6px; padding:0px; text-align:center;}
 .apage .oran_pg_np{background: url("img/next_page.gif") no-repeat center center!important;}
 .apage .oran_pg_lp{ background: url("img/last_page.gif") no-repeat center center!important;}
 .apage .oran_pg_fp{background: url("img/first_page.gif") no-repeat center center!important;}
 .apage .oran_pg_pp{background: url("img/pre_page.gif")no-repeat center center!important; } 
 .apage .cust_txt{ font-size:14px; color:#666;}
 
.contactBox{ margin-top:12px; text-align:right; height:36px; line-height:26px; letter-spacing:1px; border-bottom: 1px dashed #ccc;}
.contactBox span{ font-weight:bold; height:26px; line-height:26px; display:inline-block;}
.contactBox b{ font-size:18px; height:26px; line-height:26px; display:inline-block; color:#F1811F; font-size:22px;}
.contactBox a.lx{ background:url(img/pro/lxwomen.gif) no-repeat left center; height:26px; line-height:38px; margin-left:12px; font-size:0px; width:100px; display:inline-block;}



/*在线客服*/
.kefu{width: 200px;height: 572px;background: #fff; border-bottom:#2087ec 4px solid; position:fixed; top:40px; right:0; z-index:20;overflow: hidden;}
.kefu .kefu_logo{display: block;width: 200px;}
.kefu .kefu_logo img{width: 200px;height: 80px;}
.kefu_m{ background:#eee;width: 200px;height: 176px;overflow: hidden;}
.kefu_m ul li{ background:url(Img/Index/ico_item1.gif) no-repeat;width: 200px;height: 45px;text-align: center;line-height: 45px; margin:10px 0 0;overflow: hidden;}
.kefu_m ul li a{font-size: 14px;color: #333; cursor:pointer;}
.kefu_tel{ background:url(Img/Index/kefu_tel.gif) no-repeat;width: 200px;height: 172px;text-align: center;}
.kefu_tel b{display: block;font-size: 16px;color: #fff;height: 48px;line-height: 48px;overflow: hidden;}
.kefu_tel span{display: block;font-size: 18px;color: #2087ec;font-weight: bold;height: 58px;line-height: 22px;}
.kefu_tel i{display: block;font-size: 14px;color: #333;font-weight: normal; padding:8px 0 0;}
.kefu_er{width: 130px;text-align: center; margin:0 auto;}
.kefu_er img{width: 110px;height: 110px; border:#dbdbdb 1px solid;
border-radius:10px;               
-webkit- border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;}
.kefu_er span{display: block;font-size: 14px;color: #333; padding:5px 0 0;}