@charset "utf-8";

/*reset.css*/

html{color:#000;background:#FFF;}

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% "Microsoft Yahei",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%;}

.txtboxcs{ border:solid 1px #ccc; height:22px;}

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;}

 

/*common.css*/

body { color:#666666;font:12px/1.231 "Microsoft Yahei", "Microsoft Yahei", Helvetica, sans-serif ,""; background: #fff;} /*网站字体颜色*/

a { color:#666666; text-decoration:none; }  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration:none;}

.vam { vertical-align:middle;}

.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}

/*.clearfix { clear:both;}*/

.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;}

.font14 { font-size:14px; font-weight:bold;}

/* -- 购物车外部框架 -- */

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}







/* -- 页面整体布局 -- */

.header, .content{ width:960px; 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(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}

.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }



.right { width:754px; float:left; 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(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}



.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; 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_pho { margin-top:10px; *width:380px; }

.h_pho span {  font-weight:bold;float:left; display:block; background:url(../images/tp_tel.gif) left 3px no-repeat; padding-left:52px; color:#999; font-size:16px; _width:168px; }

.h_pho span em { font-weight:normal; display:block; color:#c61708; font-family:Arial, Helvetica, sans-serif; font-size:28px; display:block;font-family: Impact; font-style: normal;}

.h_pho a { float:left; width:119px; height:40px; display:inline; margin:4px 20px 0 0; }
#top_t_bg{width:100%; height:38px; background:#f8f8f8;}
#top_t{width:1200px; margin:0 auto; height:38px;}
#top_t li{float:left; color:#666; line-height:38px;}
#top_t .t1{width:900px;}
#top_t .t2{width:300px; text-align:right;}
#top_t a{color:#666;}
#top_t a:hover{color:#0066b9;}
#top_b{width:1200px; margin:0 auto; height:150px;}
#top_b li{float:left;}
#top_b .tt1{width:100px; padding-top:28px;}
#top_b .tt2{width:300px; padding-top:25px;}
#top_b .tt3{width:500px; padding-top:45px; font-size:26px; font-weight:bold; color:#0066b9; }
#top_b .tt3 .font{font-size:18px; font-weight:normal; color:#222; letter-spacing:3.5px;}
#top_b .tt4{width:220px; padding-top:30px;float: right; margin-right: 0px;}
/*导航*/
#nav_bg{width:100%; height:60px; background:url(../images/20170909141807_1858812426.jpg) repeat-x;}
#nav{width:1200px; height:65px; margin:0 auto;}
#nav li{float:left; text-align:center; width:140px;}
#nav ul li a{color: #fff; text-decoration: none; font-size:14px; font-weight:bold; width:140px; line-height:60px; height:60px; text-align:center; display:block;}
#nav ul li a:hover{color: #ff0; text-decoration: none; font-size:14px; font-weight:bold; height:60px; background:url(../images/20170909141807_1479207765.jpg) repeat-x; line-height:60px;}
#nav .a_nav a{display:block; font-size:14px; background:url(../images/20170909141807_1479207765.jpg); width:140px; height:60px; line-height:60px; color:#fff;}

/*头部结束*



/*底部开始*/

.fbg { height:231px; overflow:hidden; background:url(../images/fbg.gif) repeat-x;}

.f_nav { height:45px; font: bold 14px/45px "微软雅黑"; text-align:center;}

.f_nav a { padding:0 30px; color:#fff; display:inline-block; background:url(../images/fbor.gif) no-repeat right top;}

.f_nav a.nobot { background:none;}

.f_con { padding:34px 0 0 40px; height:152px; overflow:hidden;}

.f_con h1 { padding:3px 50px 0 0;}

.f_con p { color:#555; font:12px/24px "Microsoft Yahei"; text-align:left; padding:0 0 0 10px;}

.f_con p a { color:#555;}

.f_con p img { vertical-align:middle; margin:0 0 0 10px; display:inline-block;}

.code { width:120px;text-align:center;padding:0 108px 0 0; overflow:hidden;}

.code img{width:94px;}

.code span{display:block;width:120px;text-align:center;}

/*底部结束*/

 /*temp.css*/

#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(../images/nodata.gif) no-repeat 20px 20px;}

#commonHeaderUsername{width:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0;}

/* -- 弹出窗口 -- */

#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{z-index: 15;position:relative;cursor:pointer;height:72px;width:26px}#roll_top{background:url(../images/top.gif) no-repeat}#fall{background:url(../images/top.gif) no-repeat 0 -80px}#ct{background:url(../images/top.gif) no-repeat 0 -40px}#roll{z-index:9999;display:block;width:15px;margin-right:-500px;position:fixed;right:50%;top:50%;_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(../images/bg.gif)}

.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}

.ImHeader{height:165px;background:url(../images/im_01.gif)}

.ImRow0{background:url(../images/ico_item1.gif) no-repeat left center;margin:10px 10px 0;height:28px;line-height:28px;padding-left:3px;padding-top:1px; }

.ImRow1{background:url(../images/ico_item1.gif) no-repeat left center;margin:10px 10px 0;height:28px;line-height:28px;padding-left:3px;padding-top:1px;}

a.im,a:hover.im{text-decoration:none;height:35px;color:#008ee0; font-size:12px;}

.ImFooter{height:90px;background:url(../images/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:"Microsoft Yahei";;}

.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}

   /*IE6 样式*/

.ie_box{ height:83px; background: url("../images/ie_update.png") repeat-x left top; overflow:hidden; font-size:12px; color:#917b50; z-index: 999;position:absolute;top: 0px;left: 0; width:100%; display:none;}

.ie_content{ width:910px;  margin:auto; line-height:36px; padding:10px 0px; background:url("../images/ie_update.png") no-repeat left -90px; padding-left:70px; position:relative;  }

.ie_down a{  float:left; overflow:hidden; text-decoration:none; padding-left:20px; padding-right:16px; line-height:16px; margin:0px; color:#917b50;}

.ie_down a:hover{text-decoration:underline;}

.ie_down .up1{ background:url("../images/ie_update.png") no-repeat 0px -170px;}

.ie_down .up2{ background:url("../images/ie_update.png") no-repeat 0px -196px;}

.ie_down .up3{ background:url("../images/ie_update.png") no-repeat 0px -218px;}

.ie_down .up4{ background:url("../images/ie_update.png") no-repeat 0px -240px;}

.ie_down .up5{ background:url("../images/ie_update.png") no-repeat 0px -262px;}

.ie_down .up6{ background:url("../images/ie_update.png") no-repeat 0px -284px;}

.ie_close{ position:absolute; top:10px; right:20px;}

.ie_close a{ color:#917b50;}

.ie_close a:hover{ color:#f7b79b;}

.clear{ clear:both;}

#oran_div_processing p{text-align:center;width:960px;}



.h_head_gd{ position:fixed; top:-190px; width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)-190); z-index:10; left:0;filter:alpha(opacity=90);opacity:0.9;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{line-height:27px;font-size:12px;width:100%;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}