@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior: url(../Images/pie.htc);
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/

/*
解决safari浏览器添加transform属性对文字的影响
-webkit-font-smoothing: antialiased;
*/
/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{line-height:120%; min-height:100px; font-family:"微软雅黑",Arial;font-size:14px; min-width:1340px;  max-width:1920px; margin:0 auto; color:#333;}
ol,ul,li{list-style:none outside none;padding:0;}

img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;font-weight:normal;}
input,textarea,select{ font-family:"微软雅黑",Arial;outline:none;border:none;background:none;padding:0;}

input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #707070; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#707070;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#707070;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#707070;opacity: 1;}
textarea{ resize:none; }


.header a{text-decoration:none;color:#474747;}
#site-footer-up a{text-decoration:none;}
#site-footer a{text-decoration:none;}
div.updown a{text-decoration:none;color:#474747;}
div.cf a{text-decoration:none;color:#474747;}
div.arr_w  a{text-decoration:none;color:#474747;}
.m_pos{text-decoration:none}
.a_com a{text-decoration:none}
div.active_tit a{text-decoration:none;color:#474747;}
div._main_list_ a{text-decoration:none;color:#474747;}
ul.prod_list a{text-decoration:none;color:#474747;}
div.details div.content{line-height: normal;}
div.active_tit_list  a{text-decoration:none;color:#474747;}
div.prod_d_2   a{text-decoration:none;color:#474747;}
ul.position a{text-decoration:none}
div.nav_right a{text-decoration:none}
div.page_w a{text-decoration:none;color:#474747;}

a:focus{outline:none;}
@font-face {
    font-family: 'AvianRegular';
    src: url('fonts/AvianRegular.eot');
    src: url('fonts/AvianRegular.eot') format('embedded-opentype'),
         url('fonts/AvianRegular.woff2') format('woff2'),
         url('fonts/AvianRegular.woff') format('woff'),
         url('fonts/AvianRegular.ttf') format('truetype'),
         url('fonts/AvianRegular.svg#AvianRegular') format('svg');
}


.tran_scale{ overflow:hidden !important; display:block; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.tran_scale img{transition:all 0.8s; -webkit-transition:all 0.8s;  -moz-transition:all 0.8s; transform:scale(1,1); -webkit-transform:scale(1,1); display:block; width:100%; height:100%; }
@media screen and (min-width:1200px){
	.tran_scale:hover img{ transform:scale(1.02); -webkit-transform:scale(1.02); }
    /* *{ box-sizing:content-box !important;  } */
}

/*clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both; }
.cf{ *zoom: 1 }
.fr{ float:right; }
.fl{ float:left; }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.wrap{ width:1230px; margin:0 auto; position: relative; z-index:1; }


/*下拉*/
.sc_com{ width:320px;  position:relative; border:1px solid #1e7831; margin:0 auto; }
.sc_com .select-box{ width:100%; height:50px; line-height:50px; position:relative; background:#fff; color:#474747;  }
.select-box dd{ top:50px; }
.select-box dt{ height:100%; }
.select-box dt a { display:block; cursor:pointer; overflow:hidden; position:relative; z-index:2;  height:100%; }
.select-box dt a b { overflow:hidden; height:100%; width:90%; color:#474747; font-size:14px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box dd{ border-radius: 0 0 3px 3px; position:absolute; background:#fff; left:0; width:100%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);   border-top:1px solid #1e7831; padding:10px 0; display:none; }
.select-box dd a{ text-align:center; cursor:pointer; background:#fff;  display:block; color:#474747; line-height:20px; padding:5px; text-indent:0; }
.ieopen .select-box dt{ z-index:10; }
.ieopen .select-box{ z-index:11; }
.ieopen .select-box dd{ display: block; }
.select-box .down{ width:10%; height:100%; position:absolute; top:0; right:0; background: url(../Images/down.png) no-repeat center center;  }
.select-box .select_a{ max-height:180px; }
.select-box .mCSB_inside > .mCSB_container{ margin-right:0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#835351 !important;  }
/*下拉*/


.page{ text-align: center; }
.page .page_w{ display: inline-block; }
.page a.prev,.page a.next{ background:url(../Images/p_p.png) no-repeat center; }
.page a.next{ background-image:url(../Images/p_n.png); }
.page a.prev:hover{ background-image:url(../Images/p_p_a.png); }
.page a.mext:hover{ background-image:url(../Images/p_m_a.png); }
.page a.prev:before,.page a.next:before{ display: none; }
.page a{ float: left; width:40px; height:40px; border:1px solid #e2e2e2; border-left: 0; font-family: "AvianRegular"; line-height:40px; font-size: 18px; position: relative; }
.page a:first-child{ border:1px solid #e2e2e2; }
.page a:hover,.page a.on{ color:#77302f; }
.page a:hover:before,.page a.on:before{ position: absolute; bottom:0; left:0; width:100%; content:""; background:#77302f; height:2px; }


/*轮播*/
.stick_lb .li img{ display: block; width:100%; }



.body_box{overflow:hidden;}
.body{ padding:0 50px; margin:0 auto; /*  width:1580px; */  }
.w_1440 .body{ padding:0; overflow: hidden; }
/*头*/
.header{ position: relative; padding:50px 0 0; background-color: #fff; border-top: 6px solid #672424; z-index:1001; }
.header .nav_w{ text-align: center; position: relative; }
.header .nav_w .nav,
.header .second_nav .w{ width:1040px; margin:0 auto;}
.header .nav_w .nav li{ float: left; width:90px; position: static !important;}
.header .nav_w .nav li.l7 .second_nav .w .inner{padding-right:44px;}
.header .nav_w .nav li.l4 .second_nav .w .inner{padding-left:167px;}
.header .nav_w .nav .five{ margin-left:320px;  }
.header .nav_w .nav .one{ display: block; line-height:75px; font-size:16px; position: relative; box-sizing: content-box;}
.header .logo{ position: absolute; bottom:25px; left:50%; margin-left:-90px; z-index: 1;}
.header .logo a,.header .logo img{ display: block; width:179px; }
.header .sharew{ position: absolute; right: 0; height:75px; bottom:0; }
.header .sharew .search_w,.header .sharew .share_w{ float: left; position: relative; }
.header .sharew .share_w{  }
.header .sharew .a{ margin:0; display:block; width:22px; height:75px;padding-left:25px;float:left;position:relative; }
.header .sharew .a em{border-bottom:8px solid #f1f1f1;border-left:8px solid transparent;border-right:8px solid transparent;position:absolute;bottom:0;left:50%;margin-left:3px;display:none;}
.header .sharew .a:hover em{display:block;}
.header .sharew .a:hover .ewmbox{display:block;}
.header .sharew .a .ewmbox{width:120px;height:120px;background:#f1f1f1;padding:10px;position:absolute;top:100%;right:-10px;display:none;}
.header .sharew .a .ewmbox img{width:100%;}
.header .sharew .search_w .a{ background:url(../Images/sea.png) no-repeat center right; }
.header .sharew .share_w .popup_wx{ background:url(../Images/wx.png) no-repeat center right; }
.header .sharew .share_w .bds_tsina{ background:url(../Images/wb.png) no-repeat center right; }
.header .sharew .search_w .a:hover,.header .sharew .search_w.on .a{ background-image:url(../Images/sea_a.png); }
.header .sharew .share_w .popup_wx:hover{ background-image:url(../Images/wx_a.png); opacity:1 !important; }
.header .sharew .share_w .bds_tsina:hover{ background-image:url(../Images/wb_a.png); opacity:1 !important;  }
.header .sharew .search_w .s{ position: absolute; width:320px; padding:12px 0; background:#f1f1f1; top:75px; right: -20px; display: none; }
.header .sharew .search_w .s i{ width:16px; height:8px; display: block; position: absolute; top:-8px; right: 26px; background:url(../Images/sea_1.png) no-repeat center; }
.header .sharew .search_w .i{ height:30px; }
.header .sharew .search_w .i input{ display: block; height:30px; color:#474747; width:200px; margin:0 0 0 20px; float: left; }
.ie8 .header .sharew .search_w .i input{ line-height:30px; }
.header .sharew .search_w .i .button_s{ float: right; line-height:30px; color:#77302f; width:70px; text-align: center;  border-left: 1px solid #dddddd;  padding-left:10px; }
.header .sharew .search_w.on .s{ display: block; }
.header .nav_w .nav li:hover .one,.header .nav_w .nav li.on .one{ color:#77302f; }
.header .nav_w .nav .one i{ position: absolute; width:100%; height:10px; bottom:0; left:0; background:url(../Images/nav.jpg) no-repeat center bottom; display: none; }
.header .nav_w .nav li:hover .one i,.header .nav_w .nav li.on .one i{ display: block; }
.header .second_nav{ position: absolute; top:75px; left:0; width:100%; line-height:54px; height:54px; background:#f1f1f1; text-align: left; display: none; }
.header .second_nav a{ display: inline-block; padding:0 40px 0 10px; }
.header .nav_w .nav li.r .second_nav a{ display: inline-block; padding:0 10px 0 40px; box-sizing: content-box;}
.header .second_nav a:hover,.header .second_nav a.on{ color:#77302f; }
.header .nav_w .nav li.r .second_nav{ text-align: right; }

.footer{ background:#1b1b1b; }
.footer.fBottom {position: absolute;left: 0;bottom: 0;width: 100%;}
.footer .top{ background:url(../Images/foot_1.png) no-repeat center bottom; padding:54px 0 30px; border-bottom: 1px solid #2c2c2c; }
.footer .top li{ float: left; }
.footer .top li a{ display: block; color:#909090; }
.footer .top li a:hover{ color:#fff; }
.footer .top li + li{ padding-left: 68px; }
.footer .top li h3{ font-size:16px; line-height:1.1; padding-bottom: 20px; }
.footer .top li .a a{ line-height:20px; }

.footer .links { padding:20px 0; line-height:1.5; border-bottom: 1px solid #2c2c2c; }
.footer .links .tit{ width:1260px; margin-left: -15px; }
.footer .links a{ color:#909090; font-size:12px; display: inline-block; padding:0 14px; }
.footer .links a:hover{ color:#fff; }

.footer .copy{ padding:20px 0; line-height:1.5;  font-size:12px; text-align: center; }
.footer .copy span{ display: inline-block; text-align: center; color:#909090; padding:0 3px; }

.title_com{ text-align: center; }
.title_com h2{ line-height:1; padding-bottom: 20px; font-size:36px; }
.title_com .p{ line-height:1.5; padding-bottom: 18px; }
.a_com{ text-align: center; }
.a_com a{ display: inline-block; position: relative; padding:0 35px; line-height:1.8; }
.a_com a:before,.a_com a:after{ position: absolute; content:""; top:0; left:0; height:100%; width:26px; background:url(../Images/ind_3.png) no-repeat center; }
.a_com a:after{ left:auto; right:0; }
.a_com .a:before,.a_com .a:after{ background-image:url(../Images/ind_4.png); }
.a_com_1 a:before,.a_com_1 a:after{ background-image:url(../Images/ind_4.png); }

.tit_h3{ font-size:30px; line-height:1; position: relative; }
.m_pos{ position: absolute; line-height:30px; top:50%; margin-top:-15px; right: 0; padding:0 27px; font-size: 14px; }
.m_pos:before,.m_pos:after{ position: absolute; content:""; top:0; left:0; height:100%; width:20px; background:url(../Images/ind_15_b.png) no-repeat center; }
.m_pos:after{ left:auto; right:0; }
.m_pos:hover:before,.m_pos:hover:after{ background-image:url(../Images/ind_15_a.png) !important; }
.m_pos:hover{ color:#77302f; }

.position {position: fixed;right: 50px;top: 50%;z-index: 999;margin-top: -186px;}
.position li {width: 65px;height: 60px;text-align: center;background: #214233;border-bottom-left-radius: 6px;border-top-left-radius: 6px;overflow: hidden;margin-bottom: 2px;cursor: pointer;}
.position li .ico {width: 35px;height: 35px;margin: 3px auto 0;}
.position li .ico img {width: 100%;height: auto;}
.position li span {font-size: 12px;color: #fff;}
.position li.gotop {display: none;}
.w_1440 .position {right: 0;}


#pdf-frame {padding: 0 100px;position: relative;}
#pdf-frame .button{position:absolute;top:0px;right:50px;width:50px;}
#pdf-frame .button .a{background-color:#77302f;background-position:center;display:block;background-repeat:no-repeat;width:100%;margin-bottom:1px;opacity: 0.9;}
#pdf-frame .button .catalog{height:50px;}
#pdf-frame .button .catalog .icon{width:100%;height:100%;background-image: url(../Images/catalog-icon1.png);display:block;background-repeat:no-repeat;background-position:center;}
#pdf-frame .button .a{height:130px;cursor:pointer;}
#pdf-frame .button .a:hover{background-color:#77302f;opacity: 1;}
#pdf-frame .button .prev{background-image:url(../Images/catalog-prev.png);}
#pdf-frame .button .next{background-image:url(../Images/catalog-next.png);}



.w_1440 .header .sharew{ right: 20px; }
.header_phone{ display: none; }

.mask50{background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;}
.wxfx{display:none;background:url(../Images/wxmc.png) no-repeat center top;background-size:100%;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;}
.wxfx1{display:none;background:url(../Images/wxmc1.png) no-repeat center top;background-size:100%;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;}

.social-share .icon-wechat .wechat-qrcode {
    display: none;opacity: 1 !important;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}
.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.social-share-icon{position: relative;opacity: 1 !important;margin: 6px 6px 6px 0;padding-left: 25px;float: left;height: 24px;}
.social-share-icon:hover .wechat-qrcode {display: block;}

@media only screen and (max-width:640px) {
	#pdf-frame {padding: 0;}
	#pdf-frame .button {display: none;}
    body{ font-size:0.24rem; min-width: 320px; }
    .body_box{ padding-top:1.2rem; }
    .header{ display: none; }
    .header_phone{ display: block; position: fixed; width:100%; padding:0.2rem 0; z-index:1001; background:#fff; box-sizing:border-box; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
    .header_phone .logo {text-align: center;}
    .header_phone .logo img, .header_phone .logo .a{ display: inline-block; height:0.8rem; margin:0 auto; }
    /*.header_phone .logo{ float: left; }*/
    .menu_h { display: block; transition: 0.3s all; -webkit-transition: 0.3s all; width: 30px; height: 24px; padding: 0; outline: none; position: absolute; right: 0.2rem; top: 50%; margin-top:-12px;  z-index: 10; }
    .menu_h::before, .menu_h::after, .menu_h span { background: #77302f; border-radius: 2px; }
    .menu_h::before, .menu_h::after { content: ''; position: absolute; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 15s; transition: transform 0.25s; }
    .menu_h span { position: absolute; width: 100%; height: 3px;  top:50%;  left: 0; overflow: hidden; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
    .menu_h::before { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    .menu_h::after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    .menu-open .menu_h span { opacity: 0; }
    .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

    .header_phone .nav_w{ position: fixed; top:1.2rem; bottom:0; left:0; right:0; overflow: hidden; display: none; }
    .header_phone .bg{ position: absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); }
    .header_phone .nav_w .nav_right{ position: absolute; width:4rem; bottom:0; right: 0; background:#77302f; overflow: auto; height:100%; z-index: 10 }
    .header_phone .nav_w .nav_right a{ color:#fff; display: block; }

    .header_phone .search_phone{ padding:0.15rem 0; background:#f1f1f1; position: relative; }
    .header_phone .search_phone input{ width:2.4rem; height:0.3rem; font-size:0.22rem; margin-left: 0.2rem; }
    .header_phone .search_phone .button_s{ position: absolute; line-height:0.3rem; top:0.15rem; width:0.8rem; text-align: center; right: 0.2rem; color:#77302f !important; border-left:1px solid #ddd; }
    .header_phone .nav{ padding:0.4rem 0 0.6rem; }
    .header_phone .one{ padding:0 0 0 0.3rem; font-size: 0.26rem; line-height:0.66rem; border-bottom: 1px solid rgba(255,255,255,0.5); }
    .header_phone .nav i{ position: absolute; height:0.66rem; width:0.6rem; right: 0.2rem; top:0; background:url(../Images/next.png) no-repeat center; background-size:0.1rem auto; z-index:10; cursor: pointer;transition:all 0.3s; -webkit-transition:all 0.3s;  }
    .header_phone .nav li{ position: relative; }
    .header_phone .second_nav{ padding:0.2rem 0; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.5); display: none; }
    .header_phone .second_nav a{ font-size:0.24rem; line-height:0.6rem; }
    .header_phone .nav i.cur{ transform:rotate(90deg); -webkit-transform:rotate(90deg); }

    .header_phone .nav_w .nav_right{ transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transform:translateX(6rem); -webkit-transform:translateX(6rem); }
    .menu-open .header_phone .nav_w .nav_right.on{ transform:translateX(0); -webkit-transform:translateX(0);   }


	body {background: #1b1b1b;}
	.body {background: #fff;}

    .wrap{ width:auto; padding:0 0.2rem; }
    .footer .top{ display: none; }
    .footer .links .tit{ width:auto; margin:0; }
    .footer .links a{ padding:0 0.1rem; font-size:0.2rem; }

    .footer .copy{ font-size:0.2rem; text-align: center; }
    .footer .copy span{ padding:0 0 0.1rem; }
    .footer .links,.footer .copy{ padding:0.3rem 0; }

    .title_com h2{ font-size:0.36rem; padding-bottom: 0.2rem; }
    .title_com .p{ padding-bottom: 0.2rem;  }
    .title_com .p br{ display: none; }

    .tit_h3{ font-size:0.4rem; }


    .page a{ width:0.6rem; height:0.6rem; line-height:0.6rem; font-size:0.22rem; }
    .page a:before{ height:0.02rem !important; }
    .social-share .icon-wechat .wechat-qrcode {left: 0;}
}