/* 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: #000; font-size: 15px; font-family: Microsoft YaHei; position: relative; background: url(../img/bg.png);}
a { color: #000; 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;}
*html { height: 1%;}
.Clearfix { display: block;}
.abs-right { position: absolute; right: 0;}
.zoom { zoom: 1;}
.hidden { visibility: hidden;}
.fix, .z { *zoom: 1;}
.fix:after { clear: both; content: ""; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;}
.mt10 { margin-top: 10px;}

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

/* 头部开始 */
.in_header { width: 100%; position: relative;}
.in_header .container { position: relative;}
.in_hln { position: absolute; width: 100%; top: 30px; z-index: 99;}
.in_hln .logo { width: auto; height: 80px;}
.in_hln .logo img { width: auto; height: 80px;}
.nav { display: none; z-index: 999; position: relative;}
.nav .navM { position: absolute; top: 30px; right: 0; width: 70%; background: #fff; border-radius: 5px; height: 80px;
    padding-right: 46px;}
.nav li { float: left; width: 16.666666%; line-height: 80px; text-align: center;}
.nav li a { width: 100%; color: #000; font-size: 16px; padding-bottom: 10px;}
.nav li:hover a { border-bottom: 3px solid #dd432e;}
.in_hln a.meun_off { float: right; margin: 21px 0 0 0; display: block; background: #fff; padding: 8px; border-radius: 5px;}
.in_hln a.meun_off span { width: 30px; height: 3px; background: #dd432e; display: block; margin: 3px auto;
    -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
.nav .close { position: absolute; top: 5px; right: 5px;}
.nav .close img { background: #333; transition: all .5s ease; width: 20px; height: auto; margin: 5px 0 0 11px; padding: 5px;
    border-radius: 50%;}
.nav .close:hover img { transform: rotate(180deg);}

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

/* banner */
.slideBox { position: relative; width: 100%; overflow: hidden;}
.slideBox .hd { position: absolute; right: 50%; bottom: 30px; height: 15px; margin-right: -45px; overflow: hidden; z-index: 1;}
.slideBox .hd li { float: left; width: 12px; height: 12px; margin: 0 8px; background: #fff; border-radius: 50%; background: #000;
    opacity: .3; border: 1px solid #fff;}
.slideBox .hd li.on { background: #fff; opacity: 1;}
.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: 24% 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: 43px; height: 93px; margin-top: -46px;
    background: url('../img/slider-arrow.png') no-repeat; display: block; filter: alpha(opacity=70); opacity: 0.7;}
.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 { position: relative; width: 100%; padding: 14.8% 0; display: block;}
.slideBox a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

/* 页尾 */
.flinkbg { width: 100%; height: 40px; border-bottom: 1px solid #000; margin-bottom: 20px;}
.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;}

.foot { background: #3b3b3d; }
.foot .footL { padding-right: 10%;}
.foot .footL .titf { padding-bottom: 20px; display: block; font-size: 27px; color: #fff;}
.foot .footL .titf span { color: #9a9a9c; text-transform: capitalize; font-size: 14px; display: block; letter-spacing: 9px;}
.foot .footL p { font-size: 15px; color: #9a9a9c; line-height: 24px;}
.foot .footC { padding-top: 25px;}
.foot .footC ul { text-align: center;}
.foot .footC ul li { display: inline-block; margin-right: 29px; width: 129px;}
.foot .footC ul li h1 img { width: 129px; height: 129px;}
.foot .footC ul li h6 { text-align: center; font-size: 14px; color: #8d8d8f; margin-top: 8px;}
.foot .footR, .foot .footR img { height: 200px;}
.foot .footb { background: #000; margin-top: 20px; height: 50px; line-height: 50px; color: #fff; text-align: center;}
.foot .footb a { color: #fff; padding: 0 30px;}
.foot .footb a:hover { text-decoration: underline;}
.foot .footb span { padding: 0 30px;}

.fttow { display: none; width: 100%; height: 56px; background: rgba(0, 0, 0, 0.8); position: fixed; bottom: 0; z-index: 998;}
.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: 1920px ) {}
@media screen and ( max-width: 1680px ) {}
@media screen and ( max-width: 1600px ) {}
@media screen and ( max-width: 1440px ) {}
@media screen and ( max-width: 1366px ) {
    .container { width: 93%;}
    .foot .footL { padding-right: 8%;}
}
@media screen and ( max-width: 1280px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 1100px ) and ( min-width: 800px ) {}
@media screen and ( max-width: 768px ) {
    .container { width: 98%;}
}
@media screen and ( max-width: 414px ) {
    .in_header { background: #1a1a1a; padding: 1em 0;}
    .in_hln { position: static;}
    .in_hln .logo { margin-left: 1em; height: 40px;}
    .in_hln .logo img { height: 40px;}
    .nav { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #333;}
    .nav.container { width: 50%;}
    .nav .navM { width: 100%; border-radius: 0; padding-right: 0; background: none; padding-top: 20px;}
    .nav li { float: none; width: 100%;}
    .nav li a { color: #fff; padding-bottom: 0;}
    .in_hln a.meun_off { margin: .5em 1em 0 0; background: none; padding: 0; border-radius: 0;}
    .in_hln a.meun_off span { width: 25px; height: 3px; background: #fff;}
    .nav .close { position: absolute; top: -15px; right: 15px;}
    .nav .close img { background: none; width: 25px; margin: 0; padding: 0; border-radius: 0;}

    .slider { width: 100% !important; height: 190px; margin: 0 auto; overflow: hidden; position: relative; background: #093e96;}
    .slider .slider-main li { width: 100% !important;}
    .slider .slider-main li img { width: 414px !important; height: 190px !important; position: absolute; left: 50%; margin-left: -212px;}

    .foot { padding: 1.5em 0 5em 0; text-align: center;}
    .foot .footL { width: 100%; padding-right: 0%;}

    .foot .footC, .foot .footR, .foot .footb { display: none;}
    .fttow, .CategoryList_Title { display: block;}
}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}