/* 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;}
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 .clearfix { 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;}

/* 头部开始 */
.page_body { background: url(../img/yingji_bg.png) repeat-x; background-position: 50% 0; background-size: contain;
    background-attachment: fixed;}
.in_header { width: 100%; background: url(../img/5359.png) no-repeat;}
.in_header .top { width: 100%; height: 30px; line-height: 30px; background:url(../img/top1bg.png);}
.in_header .top .topL { font-size: 15px;}
.in_header .top .top_r { font-size: 14px; color: #0050a3;}
.in_header .top .top_r .tel { background: url(../img/phone.png) no-repeat center left; padding-left: 25px;
    display: inline-block;}
.in_header .top .top_r b { font-size: 16px;}
.in_header .top .top_r a.email { background: url(../img/top_email.png) no-repeat center left; padding-left: 25px;
    margin-left: 20px; color: #000;}
.in_header .head {}
.in_header .head .logo { margin: 30px 0 30px 0;}
.in_header .head .logor { background: url(../img/tel.png) no-repeat left center; padding-left: 40px; font-size: 24px;
    color: #000; line-height: 40px; margin: 45px 0 0 0;}
.in_header .nav { width: 100%; height: 60px; background: #245399;}
.in_header .nav ul { width: 85%; max-width: 1400px; margin: 0 auto;}
.in_header .nav li { float: left; width: 12.5%; position: relative;}
.in_header .nav li a { width: 100%; font-size: 18px; color: #fff; line-height: 60px; text-align: center; display: block;
	font-weight: bold;}
.in_header .nav li a:hover, .in_header .nav li a.on { background-color: #3a74cc;}
.in_header .meun_off { float: right; margin: -30px 10px 0 0; display: none;}
.in_header .meun_off span { width: 23px; height: 3px; background: #c52727; 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 .nav .close { display: none; position: absolute; top: 4%; right: 4%;}
.in_header .nav .close img { transition: all .5s ease; width: 25px; height: auto;}
.in_header .nav .close:hover img { transform: rotate(180deg);}

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

/* 页尾 */
.foot { width: 100%; background: #ededed; border-top: 5px solid #2468bb; padding: 30px 0; text-align: center;}
.foot p { line-height: 32px; font-size: 15px;}
.foot p span { display: inline-block; margin-right: 12px;}

.fttow { display: none; width: 100%; height: 56px; background: rgba(0,0,0,0.8); position: fixed; bottom: 0; z-index: 999;}
.fttow li { float: left; width: 33.3%;}
.fttow li span { float: left; width: 100%; 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: 1440px ) {}
@media screen and ( max-width: 1366px ) {
    .container { width: 93%;}
}
@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 .top { height: 35px; line-height: 35px;}
    .in_header .head .logo { margin: 1em 0; width: 100%;}
    .in_header .head .logo img { width: 100%;}
    .in_header .nav { height: 70px; background: #fff;}
    .in_header .nav ul { width: 100%;}
    .in_header .nav li { width: 24.7%; background: #245399; margin: 0 0 0 1px;}
    .in_header .nav li:nth-child(5), .in_header .nav li:nth-child(6), .in_header .nav li:nth-child(7), .in_header .nav li:nth-child(8) { margin: 1px 0 0 1px;}
    .in_header .nav li a { font-size: 16px; line-height: 35px;}

    .foot { padding: 1em 0 4em 0;}
    .footL { width: 100%; height: 100%; margin-left: 0; text-align: center;}
    .footL img { width: 77px; height: 97px;}
    .footR { width: 100%; text-align: center; padding-top: .5em;}
    .footR p { line-height: 32px; font-size: 15px;}
    .footR p span { display: inline-block; margin-right: 12px;}

    .in_header .top .top_r, .in_header .head .logor, .in_header .nav li:after { display: none;}
    .fttow, .CategoryList_Title, .cgd { display: block!important;}
}
@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 ) {}