@charset "utf-8";
/*reset.css*/
html{color:#000;background:#FFF;}
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{}
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%;}
.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;}
 
/*--start common.css start--*/

body { color:#666;} /*网站字体颜色*/
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
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;}

.g_link{height: 84px;padding-top: 40px; position: relative;}
.g_link h2{left:0;top:40px;position: absolute;}
.g_link h2 a{font-size: 14px;color: #000;font-weight: normal;}
.g_link h3{left:70px;top:40px;position: absolute;}

.g_link p{top:80px;left:0;position: absolute;}
.g_link p a{display: inline-block; padding:0 12px;color: #8d8d8d;}


/* -- 页面整体布局 -- */
.header , .content{ width:1400px; margin:0 auto;  }
.left {width: 255px;float:left;overflow:hidden;}
.left2 {width: 1090px;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: 1118px;float:left;display:inline;mar;margin-left: 26px;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: 1116px;border:solid 1px #fc5604;padding-bottom:15px;overflow:hidden;}
.right2_main { width:273px; border:solid 1px #fc5604; padding-bottom:15px; overflow:hidden;}
.left2_main {width: 1080px;border:solid 1px #fc5604;padding-bottom:15px;overflow:hidden;}


/* function */
span{cursor: pointer;}
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_dn{display:none;}
.f_db{display:block;}
.f_pr{position:relative;}
.f_pa{position:absolute;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_prz{position:relative;zoom:1;}
.f_oh{overflow:hidden;}
.f_ar{font-family:arial,\5b8b\4f53;}
.f_fw{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_fst{ font-family: "Microsoft YaHei"; }
.f_fs1{font-size:12px;}
.f_fs2{font-size:13px;}
.f_fs3{font-size:14px;}
.f_fs4{font-size:24px;}
.f_fs5{font-size:30px;}
.f_fs6{font-size:16px;}

.f_cs1{ color:#1369c0;}

.f_fwn{font-weight:normal;}
.f_fwb{font-weight:bold;}
.f_tal{text-align:left;}
.f_tac{text-align:center;}
.f_tar{text-align:right;}
.f_csp{cursor:pointer;}




.top_bg{ height:5.4rem; background:#fff;position: relative;z-index: 1;overflow:hidden;}
.header{width: 70rem; margin:0 auto;}
.h_con{ position: relative; }
.logo{    width: 25rem;margin-left: -13rem;background: #fc5604;height: 5.4rem;}
.logo img 
{
     width: 12.5rem;
    height: auto;
    padding-top: 1.3rem;
    padding-left: 9.2rem;
    }
.h_con p{position: absolute;right: 0;top:0.7rem;font-size:1.2rem;color:#333333;padding-left: 2.2rem;line-height: 1.7rem;}
.h_con p:before{content: "";position: absolute;background:url(/index/images/ph.png) no-repeat;background-size: 1.7rem 1.7rem;width:1.7rem;height: 1.7rem;left:0;top:0;}
.h_nav{ height:3.6rem; line-height:3rem;float: right;margin-top: 2.4rem;max-width:58rem;overflow:hidden;margin-bottom:-0.6rem;}
.h_nav li{height: 3rem; float:left;position: relative;margin-left: -1px; margin-right:1.8rem ;}
.h_nav li a{ font-size:0.8rem; color:#333333;display:block; float:left;position: relative;z-index: 4; text-decoration:none;}
.h_nav li:last-child{ margin-right: 0; }
.h_nav li:after{content:'';position:absolute;width:1.05rem;height:0;background:url(/index/images/nav_ic.png)  no-repeat center;top: 2.6rem;left:50%;-webkit-transition:height .3s;transition:height .3s;z-index: 2;background-size: 1.05rem 1.05rem;margin-left: -0.5rem;z-index: 20;}
.h_nav li:hover:after,.h_nav li.cur:after{height:1.05rem;}
em,i{ font-style:normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

.top_bg{ height:5.4rem; background:#fff;position: relative;z-index: 1;overflow:hidden;}
.header{width: 70rem; margin:0 auto;}
.h_con{ position: relative; }
.logo{    width: 25rem;margin-left: -13rem;background: #fc5604;height: 5.4rem;}
.logo img 
{
     width: 12.5rem;
    height: auto;
    padding-top: 1.3rem;
    padding-left: 9.2rem;
    }
.h_con p{position: absolute;right: 0;top:0.7rem;font-size:1.2rem;color:#333333;padding-left: 2.2rem;line-height: 1.7rem;}
.h_con p:before{content: "";position: absolute;background:url(/index/images/ph.png) no-repeat;background-size: 1.7rem 1.7rem;width:1.7rem;height: 1.7rem;left:0;top:0;}
.h_nav{ height:3.6rem; line-height:3rem;float: right;margin-top: 2.4rem;max-width:58rem;overflow:hidden;margin-bottom:-0.6rem;}
.h_nav li{height: 3rem; float:left;position: relative;margin-left: -1px; margin-right:1.8rem ;}
.h_nav li a{font-size: 16px;color:#333333;display:block;float:left;position: relative;z-index: 4;text-decoration:none;}
.h_nav li:last-child{ margin-right: 0; }
.h_nav li:after{content:'';position:absolute;width:1.05rem;height:0;background:url(/index/images/nav_ic.png)  no-repeat center;top: 2.6rem;left:50%;-webkit-transition:height .3s;transition:height .3s;z-index: 2;background-size: 1.05rem 1.05rem;margin-left: -0.5rem;z-index: 20;}
.h_nav li:hover:after,.h_nav li.cur:after{height:1.05rem;}
em,i{ font-style:normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}



    .f_bg{ height:296px;overflow: hidden;background: #f0f0f0;}
        .content3{width: 1400px;  margin:0 auto;position: relative;}
        .f_nav{ border-bottom: 1px solid #d8d8d8;height: 78px; }
        .f_nav ul a{float: left;height: 78px;line-height: 78px;margin-right: 99px;position: relative;}
        .f_nav ul a:last-child{ margin-right: 0; }
        .f_nav ul  a{font-size: 16px;font-weight: bold;color: #0e0e0e;line-height: 78px;display: block;}
        .f_nav ul a:after{ position: absolute;bottom:0px;width: 0;height: 2px;background: #fc5604;content: ""; transition: all 0.3s;z-index: 1;transition: all 0.3s;}
        .f_nav ul a:hover:after{ width: 100%; }
        .f_con{ padding-top: 32px;height: 157px;box-sizing: border-box; }
        .f_er{float: left;width: 140px;}
        .f_er p{width: 140px;}
        .f_er p em{display:inline-block;width: 102px;height: 102px;border:1px solid #d8d8d8;box-sizing: border-box;float:left;}
        .f_er p img{width:88px;height: 88px;display: block;padding:7px 0 0;margin: 0 auto; }
        .f_er p span{display: inline-block;-ms-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 12px;line-height: 36px;color: #0e0e0e;opacity: 0.5;text-align: center;height: 102px;float:left;}
        .gsxx{ padding-top: 28px;float: left;margin-left: 70px; }
        .gsxx li{ float: left;margin-right: 78px; }
        .gsxx li img{ display: inline-block;width: 36px;height: 36px; }
        .gsxx li span{ display: inline-block;margin-left: 8px;font-size: 14px;color: #0e0e0e;line-height: 14px; }
        .gsxx li b{ display: block;font-size: 16px;color: #0e0e0e;line-height: 16px;margin-top: 11px; }
        .f_con .top{ display: block;float: right;width: 45px;height: 61px; }

        .f_bot{line-height: 60px;height:60px;background: #fff;}
        .f_bot span{margin-right: 10px;font-size: 14px;color: #0e0e0e;float: left;display: block;}
        .f_bot a{color: #0e0e0e;}
        .f_bot .links{ float: right;}
        .f_bot .links a{ float: left;margin-left: 32px;font-size: 14px;color: #0e0e0e; line-height: 60px; }
    @media screen and (max-width: 1440px) {
        .content{ width: 1200px;margin: 0 auto; }
        .f_nav ul li{ margin-right: 69px; }
        .gsxx{ margin-left: 50px; }
        .gsxx li{ margin-right: 63px; }
    }

 

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #fc5604;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #fc5604;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    




/*头部结束*/


/*搜索*/
.g_ser{height: 60px;line-height: 60px;background: #f4f4f4;}
.h_sea{ height:48px;overflow:hidden; color:#666666;}
.h_sea b{font-weight: bold;}
.inp01{height: 32px;line-height: 32px;background:url(Img/Common/s_inp.jpg) no-repeat;padding-left: 10px;width:194px;float:left;color:#acacac;border: none;font-family:"Microsoft YaHei";font-size: 15px;background-size: 100% 100%;}
.s_ss {float:left;width: 49px;height: 32px;}
.key a{color:#666666;padding-right: 15px;font-size: 16px;}
.s_inp{ padding-top: 12px;}


/*底部开始*/

/*底部结束*/

/*--end common.css end--*/

 
 /*temp.css*/
#nodata { padding:80px; padding-left:150px; border:solid 1px #fc5604;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;}

.b15 { background: url(Img/SkinsVIBtn.gif) no-repeat; border:0; cursor: pointer; overflow:hidden; background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px; z-index:100;}
#roll_top{background:url(/Skins/Default/Img/top.gif) no-repeat}
#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:15px;margin-right:-500px;position:fixed;right:50%;top:80%;_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(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;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:#000; font-size:12px;}
.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:#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;}

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

/*留言*/

.fm ul li input{border:1px solid #ccc;padding:0 7px;line-height:25px;height:25px;float:left;width:226px;}
.textarea_3{float:left;width:350px;height:111px;}

.tts > span{left:-368px;position:relative;}
.tts{background-color: #fc5604;line-height: 31px;color:#fff;font-size:19px;margin-left:20px;width:919px;}
#form_1 > ul{position:relative;left:70px;padding-top:20px;}
.fm{width: 911px;height:309px;border:4px solid #fc5604;margin-left:20px;font-family:"Microsoft YaHei";}
.fm .tit{ width:130px; display:block; float:left;line-height:25px; text-align:right;padding-right:5px;color:#666666;font-size:15px;color:black;} 
.fm .tj{ margin-left:50px; margin-right:70px;background-color:#fc5604;color:#fff;height:30px;width:70px;} 
.fm li{line-height:30px; display:block;margin-top:10px;} 
.fm .verify{width:85px;} 
.fm .cz{ margin-right:70px;background-color:#fc5604;color:#fff;height:30px;width:70px;} 
.liVer{width:320px;position:relative;top:-98px;}
.li_text.li_1{text-align:left;}
.li_text.li_2{text-align:left;}
.li_textarea.li_3 span.tit{display:none;}
.li_textarea.li_3{text-align:left;top:-138px;position:relative;left:408px;padding:20px;width:480px;}
.li_text.li_5{text-align:left;}
.li_text.li_6{text-align:left;height:30px;}
.liButton{top:-100px;left:85px;position:relative;}

.f_ftcon.f_cb.f_pr > p{width:550px;}
.li_textarea span{position:relative;top:37px;}

.top_t > span{float:left;}
.f_fr.wb a img{width:24px;height:24px;}

.r-contact {
	float:right;
	position:fixed;
	width:148px;
	height:148px;
	right:5px;
	bottom:100px;
	background:#efefef;
}
.r-contact:hover {
	background:#dbdbdb;
}
.r-contact a {
	display:block;
	width:148px;
	height:148px;
	background:url(images/r-contact.gif) no-repeat;
}


html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 12.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 12.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 14px;}}
@media screen and (min-width: 1600px) {html {font-size: 15px;}}
@media screen and (min-width: 1920px) {html {font-size: 16px;}}