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

/* 头部开始 */
.page_body { background: url(../images/yingji_bg.png) repeat-x; background-position: 50% 0; background-size: contain;
    background-attachment: fixed;}
.in_header { width: 100%; height:230px; background: url(../images/bg1.jpg)  no-repeat top right;
    background-size: 100% 100%;}
.in_header .top {    height: 30px;
    line-height: 30px;
    background: #245399;
    color: #ffffff;
    letter-spacing: 1px;
    overflow: hidden;}
.in_header .top .topL { font-size: 15px;}
.in_header .top .top_r { font-size: 14px; color: #ffffff;}
.in_header .top .top_r .tel { background: url(../images/phone.png) no-repeat center left; padding-left: 25px;
    display: inline-block;}
.in_header .top .top_r b { font-size: 16px;}
.in_header .top .topR a { background: url(../images/top_email.png) no-repeat center left; padding-left: 0px;
     color: #fff;}
.in_header .head {height:200px;}
.in_header .head .logo { margin: 40px 0 30px 0;}
.in_header .head .logor { background: url(../images/tel.png) no-repeat left center; padding-left: 40px; font-size: 23px;
    color: #000; line-height: 40px; margin: 45px 0 0 0;}
 .nav { width: 100%; height: 60px; background: #245399;}
. .nav ul { width: 85%; max-width: 1400px; margin: 0 auto;}
.nav li { float: left; width: 14.2%; position: relative;}
.nav li a { width: 100%; font-size: 24px; color: #fff; line-height: 60px; text-align: center; display: block;
	font-weight: bold;}
 .nav li a:hover, .in_header .nav li a.on { background-color: #3a74cc;}
.in_header .meun_off { float: right; margin: -50px 5px 0 0;  display: none;}
.in_header .meun_off span { width: 23px; height: 3px; background: #0a4195; display: block; margin: 4px auto; -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}




.nav .close { display: none; position: absolute; top: 4%; right: 4%;}
.nav .close img { transition: all .5s ease; width: 25px; height: auto;}
.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: #000; 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('../images/jt6.png') no-repeat left center; width: 17px; height: 100%;}
.CategoryList_Title .icon-details{ margin-right: .5em; float: right;}

/* 页尾 */
.in_foot { background: #015293; border-top: 1px solid #015293; text-align: center;}
.in_foot ul { margin: 20px 0; display: inline-block;}
.in_foot li { float: left; color: #fff; font-size: 16px;}
.in_foot li a { color: #fff; padding: 0 5px; display: inline-block;}
.in_foot li a:hover { text-decoration: underline;}
.in_footM { margin: 20px 0 30px 0;}
.in_footM .in_footML { text-align: left;}
.in_footM .in_footML p { color: #fff; margin-bottom: 15px; font-size: 15px;}
.in_footM .in_footML p a { color: #fff;}
.in_footM .in_footMR { width: 120px; color: #fff; line-height: 40px; font-size: 17px;}
.in_footM .in_footMR img { width: 120px; height: 120px; display: block;}

.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: 1600px ) {}
@media screen and ( max-width: 1520px ) {}
@media screen and ( max-width: 1440px ) {}
@media screen and ( max-width: 1430px ) {}
@media screen and ( max-width: 1409px ) {}
@media screen and ( max-width: 1388px ) {}
@media screen and ( max-width: 1366px ) {}
@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 ) {
    .in_header { width: 100%;  height: 70px; background: url(../images/bg1.jpg)  no-repeat top right;
        background-size: 100% 100%;}
    
    .in_header .top { display: none; }
    .in_header .head {height:70px;}
    .in_header .head .logo { margin: 1em 0; width: 100%;}
    .in_header .head .logo img { width: 70%; }

/*
    .in_header .in_hT { margin-left: .5em; margin-top: 20px;}
    .in_header .topL { font-size: 12px; margin-top: 15px;}
    .in_header .in_hL .logo { width: 45%;}*/


    .nav { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: none; z-index: 1000; transition: all ease 0.5s; overflow-y: auto;}
    .nav ul { padding-top: 7em;}
    .nav li { height: 50px; line-height: 50px; text-align: center; width: calc(100% / 1); border-bottom: 1px solid #f5f5f5;}
    
    .nav li a { color: #015293; padding: 0;}

    .in_foot ul { margin: 1em 0;}
    .in_foot li { font-size: 18px;}
    .in_foot li a { line-height: 30px;}
    .in_footM { margin: 1em 0 4em 0;}
    .in_footM .in_footML { text-align: left;}
    .in_footM .in_footML p { color: #fff; margin-bottom: 15px;}

    .in_header .meun_off,  .nav .close, .CategoryList_Title, .fttow { display: block;}
    .in_header .in_hT, .in_header .in_hRT, .in_header .m_search, .in_footM .in_footMR, .nav li:nth-child(17), .nav li:nth-child(18), .nav li:nth-child(19),
    .nav li:nth-child(20), .nav li:nth-child(21), .nav li:nth-child(22), .nav li:nth-child(23), .nav li:nth-child(24), .nav li:nth-child(25), .nav li:nth-child(26),
    .nav li:nth-child(27), .nav li:nth-child(28), .nav li:nth-child(29), .nav li:nth-child(30), .nav li:nth-child(31), .nav li:nth-child(32) { display: none;}
}
@media screen and ( max-width: 414px ) {

    .in_header { width: 100%;  height: 70px; background: url(../images/bg1.jpg)  no-repeat top right;
        background-size: 100% 100%;}
    
    .in_header .top { height: 35px; line-height: 35px;}
    .in_header .head {height:70px;}
    .in_header .head .logo { margin: 1em 0; width: 100%;}
    .in_header .head .logo img { width: 70%; }
   

    .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;}
    .meun_off, .nav .close, .CategoryList_Title, .fttow { display: block;}
    .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 ) {}