/* CSS Document */
@charset "utf-8";
/* CSS reset for c_b */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th,table td {padding:5px;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em ,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
ception,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
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 Microsoft YaHei; font-size:63%;}
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;}

body{ overflow-x: hidden; color: #666; font-size: 12px; font-family: microsoft yahei , "宋体";
    position: relative; background: #f7f7f7;}/*网站字体颜色*/
a { color: #5f6061; text-decoration: none;}  /*for ie f6n.net*/
a:focus{ outline: 0;} /*for ff f6n.net*/
a:hover { text-decoration: none;}
p{ word-spacing: -1.5px;}

/*定位*/
.clear{ clear: both; height: 0; line-height: 0; font-size: 0;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.clearfix:after { content:' '; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
*html .clearfix {height:1%}
.Clearfix {display:block;}
.abs-right {position:absolute;right:0;}
.zoom {zoom:1}
.hidden {visibility:hidden;}

/* -- 页面整体布局 -- */
.container { width: 85%; max-width: 1440px; margin: 0 auto; font-family: microsoft yahei;}

/* 头部开始 */
.in_header { width: 100%; min-height: 100px; position: fixed; top: 0; left: 0; z-index: 99999;transition: all .3s ease;
    background: #fff; border-bottom: 1px solid #eee;}
.in_header .head { width: 90%; margin: 0 auto; height: 43px; transition: all .3s ease; margin-top: 15px;}
.in_header .head .logo { transition: all .3s ease; max-width: 70%; height: auto;}
.in_header .head .logo img { transition: all .3s ease; width: 100%; height: auto;}
.in_header .head .meun_off { padding-top: 9px; display: none;}
.in_header .head .meun_off span { width: 23px; height: 3px; background: #F1A434; display: block; margin: 3px auto; -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.in_header .head .nav .close { display: block; position: absolute; top: 4%; right: 4%;}
.in_header .head .nav .close img { transition: all .5s ease; width: 25px; height: auto;}
.in_header .head .nav .close:hover img { transform: rotate(180deg);}
.in_header .head .nav { margin-top: 13px;}
.in_header .head .nav li { float: left; height: 46px; line-height: 46px; margin-right: 80px; overflow: hidden;}
.in_header .head .nav li a { text-align: center; color: #333; font-size: 14px; display: block; -webkit-transition: transform .5s;
    -ms-transition: transform .5s; transition: transform .5s;}
.in_header .head .nav li a span { opacity: 1; display: block; pointer-events: none; -webkit-transition: opacity .3s;
    transition: opacity .3s; color: #333; font-size: 14px;}
.in_header .head .nav li:hover a { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
.in_header .head .nav li a:after { content: attr(data-hover); color: #f80; opacity: 0; -webkit-transition: opacity .3s;
    -ms-transition: opacity .3s; transition: opacity .3s; font-size: 14px;}
.in_header .head .nav li:hover a:after { opacity: 1}
.in_header .head .yone { background: url(../img/tu2.jpg) no-repeat 0 7px; padding-left: 50px; line-height: 20px; color: #f80;
    margin-top: 13px;}

/* banner */
.slideBox { position: relative; width: 100%; overflow: hidden; margin-top: 100px;}
.slideBox .hd { position: absolute; right: 50%; bottom: 30px; height: 25px; margin-right: -51px; overflow: hidden; z-index: 1;}
.slideBox .hd li { float: left; width: 10px; height: 10px; margin: 0 5px; background: #fff; border-radius: 50%;}
.slideBox .hd li.on { background: #f80; border: 1px solid #f80;}
.slideBox .bd { position: relative; height: 100%; z-index: 0;}
.slideBox .bd li { zoom: 1; vertical-align: middle;}
.slideBox .bd li a, .slideBox a.pic { position: relative; width: 100%; padding: 20.8% 0; display: block;}
.slideBox .bd li a img, .slideBox a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; width: 43px; height: 93px; margin-top: -46px;
    background: url('../img/slider-arrow.png') no-repeat; display: block; filter: alpha(opacity=50); opacity: 0.5;}
.slideBox .next { left: auto; right: 3%; background-position: right;}
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1;}
.slideBox .prevStop, .slideBox .nextStop { display: none;}
.slideBox a.pic { padding: 13.4% 0;}

.cgd { height: 60px; display: none;}

/*分类标题*/
.CategoryList_Title{ height: 2.968em; line-height: 2.968em; padding: 0 .687em; color: #333; display: none;
    text-align: center; border-bottom: 1px solid #b0b4bb; font-size: 1.125em;
    background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title .fl { float: left; background: url('../img/jt6.png') no-repeat left center;
    width: 17px; height: 100%;}
.CategoryList_Title .icon-details{ margin-right: .5em; float: right;}

/* 页尾 */
.flinkbg { width: 100%; height: 40px; background: #241e16;}
.flinkbg h2 { float: left; font-size: 15px; font-weight: bold; line-height: 30px; color: #fff;}
.flinkbg ul { padding: 5px 0; float: left;}
.flinkbg ul li { float: left; font-size: 14px; margin-right: 20px; line-height: 30px;}
.flinkbg ul li a { color: #fff;}
.flinkbg ul li a:hover { text-decoration: underline;}

.bottom { width: 100%; background: #0f0d09; padding: 20px 0; color: #cacaca;}
.bottom .btm1 { float: left; width: 35%; line-height: 50px; font-size: 14px; color: #c3c3c3;}
.bottom .btm1 .phone { height: 50px; padding-left: 10%; background: url("../img/phoneD.png") no-repeat left center;}
.bottom .btm1 .email { height: 50px; padding-left: 10%; background: url("../img/email.png") no-repeat left center;}
.bottom .btm1 .addr { height: 50px; padding-left: 10%; background: url("../img/addr.png") no-repeat left center;}
.bottom .btm2 { float: right; margin-right: 4%; width: 35%; border-right: 1px solid #373737; position: relative;
    padding-left: 2%; border-left: 1px #373737 solid;}
.bottom .btm2 p { line-height: 36px; font-size: 14px; color: #c3c3c3;}
.bottom .btm2 p span { margin-left: 20px;}
.bottom .btm2 p a { color: #c3c3c3; display: inline;}
.bottom .btm2 p a:hover { color: #7bbf09;}
.bottom .btm2 img { width: 50px; height: 55px; position: absolute; bottom: 10px; left: 70%;}
.bottom .weixin { float: right; width: 10%; font-size: 14px; padding-top: 15px; text-align: center;}
.bottom .weixin p { text-align: center; color: #c3c3c3;}
.bottom .weixin img { width: 110px; margin: 0 auto; height: 110px;}

.fttow{display:none;width:100%; height:56px; background:rgba(0,0,0,0.8); position:fixed; bottom:0; z-index:999}
.fttow li{width:33.3%; float:left;}
.fttow li span{width:100%; float:left;height: 33px; }
.fttow li p{width:100%;line-height: 21px; float:left; text-align:center; font-size:13px;color:#fff;}
.fttow li a{color:#fff;}
.fttow li span img{ height:2em; padding-top:0.2em;display: block;
    margin: 0 auto;}
.saoma1{width:300px; height:300px;position:fixed;bottom:10%; left:50%; margin-left:-150px;z-index: 10000;background: #000;opacity: 0.8;}
.ewm11{width:200px; height:200px; margin:0 auto; position: absolute;top:50%; left:50%;margin-top:-33%; margin-left:-33%; }
.ewm11 img{width:100%;}

@media screen and ( max-width: 768px ) {
    .container { width: 98%; margin: 0 auto; font-family: microsoft yahei;}

    .header { height: 60px;}
    .header-in { margin: 8px auto;}
    .in_header .head .logo { max-width: 60%;}
    .header .logo img { height: 35px; margin-top: 4px;}
    .in_header .head .meun_off { display: block;}

    .in_header .head .nav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/black.png);}
    .in_header .head .nav ul { padding-top: 20%;}
    .in_header .head .nav li { height: 80px; line-height: 80px; margin-right: 60px; width: 100%; text-align: center;}
    .in_header .head .nav li a { color: #fff; font-size: 18px;}
    .in_header .head .nav li a span { color: #fff; font-size: 18px;}
    .in_header .head .nav li:hover a { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
    .in_header .head .nav li a:after { content: attr(data-hover); color: #f80; opacity: 0; -webkit-transition: opacity .3s;
        -ms-transition: opacity .3s; transition: opacity .3s; font-size: 14px;}
    .in_header .head .nav li:hover a:after { opacity: 1}

    .slideBox .hd { position: absolute; right: 50%; bottom: 10px; height: 25px; margin-right: -51px; overflow: hidden; z-index: 1;}
    .slideBox .hd li { float: left; width: 10px; height: 10px; margin: 0 5px; background: #fff; border-radius: 50%;}
    .slideBox .hd li.on { background: #b68332; border: 1px solid #b68332;}
    .slideBox .bd { position: relative; height: 100%; z-index: 0;}
    .slideBox .bd li { zoom: 1; vertical-align: middle;}
    .slideBox .bd li a { position: relative; width: 100%; padding: 20.8% 0; display: block;}
    .slideBox .bd li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
    .slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; width: 32px;
        height: 40px; margin-top: -25px; background: url('../img/slider-arrow.png') -110px 5px no-repeat;
        display: block; filter: alpha(opacity=50); opacity: 0.5;}
    .slideBox .next { left: auto; right: 3%; background-position: 8px 5px;}
    .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1;}
    .slideBox .prevStop, .slideBox .nextStop { display: none;}

    .flinkbg { height: auto;}
    .flinkbg h2 { float: left; font-size: 15px; font-weight: bold; line-height: 30px; color: #fff;}
    .flinkbg ul { padding: 5px 0; float: left;}
    .flinkbg ul li { float: left; font-size: 14px; margin-right: 20px; line-height: 30px;}
    .flinkbg ul li a { color: #fff;}
    .flinkbg ul li a:hover { text-decoration: underline;}

    .bottom .btm2 { width: 100%; border: none; text-align: center; padding-bottom: 60px;}

    .fttow { display: block!important;}
    .footer1-1, .footer3, .weixin, .btm1, .gs { display: none!important;}

    .yone, .slideBox .prev, .slideBox .next, .in_header .head .nav { display: none;}
    .CategoryList_Title, .cgd { display: block;}
}
@media screen and ( max-width: 1380px ) and ( min-width: 800px ) {
    .in_header .head .nav li { margin-right: 80px;}
}
@media screen and ( max-width: 410px ) and ( min-width: 375px ) {
    .in_header { min-height: 70px;}
    .in_header .head { margin-top: 20px;}

    .slideBox { margin-top: 61px;}
}
@media screen and ( max-width: 370px ) and ( min-width: 320px ) {
    .in_header { min-height: 60px;}
    .in_header .head { margin-top: 20px;}

    .slideBox { margin-top: 61px;}
}