/*-----------------------------------------------------------------
文件名称：全站公用样式
文件作者：yu_Wj
编辑日期：2016/07/11
文件说明：全站公用样式文件
-----------------------------------------------------------------*/

@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
    html,body {
        font-size:33.75px;
    }
}
@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
    html,body {
        font-size:30px;
    }
}
@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
    html,body {
        font-size:25px;
    }
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
    html,body {
        font-size:22.5px;
    }
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
    html,body {
        font-size:20px;
    }
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
    html,body {
        font-size:18.75px;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
    html,body {
        font-size:16.875px;
    }
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
    html,body {
        font-size:15px;
    }
}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
    html,body {
        font-size:12.9375px;
    }
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
    html,body {
        font-size:12.5px;
    }
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
    html,body {
        font-size:11.71875px;
    }
}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
    html,body {
        font-size:11.25px;
    }
}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
    html,body {
        font-size:10px;
    }
}
@media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
    html,body {
        font-size:7.5px;
    }
}

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    list-style: none;
    margin: 0;
    padding: 0;
}
html {
    font-family: sans-serif;
    min-height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    font-weight: normal;
    line-height: 1.6;
    color: #666;
    margin: auto;
    max-width: 1920px;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif,'Helvetica Neue';
    -webkit-overflow-scrolling: touch;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
    color: #333;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove text-decoration
 */

a:hover,
a:focus {
    color: #666;
}

/* Embedded content
   ========================================================================== */
/**
  * 1. Corrects max-width behavior (2.) if padding and border are used
  * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height
  * 3. Remove the gap between images and the bottom of their containers
  * 4. Remove border when inside `a` element in IE 8/9.
  * remove 2. for Issue #502
  */
img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    vertical-align: middle;
    /* 3 */
    border: 0;
    /* 4 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}
/*
 * 1. Improves consistency of cursor style for clickable elements
 * 2. Removes excess padding in IE 8/9.
 * 3. Address box sizing set to `content-box` in IE 8/9/10.
 */
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
    /*1*/
    padding: 0;
    /*2*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
    resize: vertical;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
/* AMUI Base
   ========================================================================== */

/**
 * 1. http://usabilitypost.com/2012/11/15/w-optimizelegibility-on-mobile-devices/
 * 2. http://maxvoltar.com/archive/-webkit-font-smoothing
 * NOTE: http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/
 * 3. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *    http://jaydenseric.com/blog/css-font-smoothing-for-firefox-mac
 */
body,
input,
textarea,
select,
button {
    text-rendering: optimizeLegibility;
    /* 1 */
    -webkit-font-smoothing: antialiased;
    /* 2 */
    -moz-osx-font-smoothing: grayscale;
    /* 3 Default: auto */
    -moz-font-feature-settings: "liga", "kern";
}
/*Only phones */
@media only screen and (max-width: 640px) {
    /**
     * Break strings if their length exceeds the width of their container
     */
    body {
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
}
/**
 * links
 */
a:focus {
    outline: thin dotted;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* Spacing for block elements */
p,
hr,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
    margin: 0;
}
* + p,
* + hr,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
    margin-top: 0;
}
/* Headings
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
/* Ordered and unordered lists */
ul,
ol {
    padding: 0em;
}
/* Reset margin for nested lists */
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
    margin: 0;
}
/* Description lists */
dt {
    font-weight: bold;
}
dt + dd {
    margin-top: 0em;
}
dd {
    margin-left: 0;
}
dd + dt {
    margin-top: 0em;
}
/**
 * Horizontal rule
 * 1. Address differences between Firefox and other browsers.
 */
hr {
    display: block;
    padding: 0;
    border: 0;
    height: 0;
    border-top: 1px solid #f3f3f3;
    /* 1 */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
}
/* Address */
address {
    font-style: normal;
}

/* iframe */
iframe {
    border: 0;
}
/* Forms
   ========================================================================== */
/**
  * Vertical alignment
  * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text
  */
button,
input:not([type="radio"]):not([type="checkbox"]),
select {
    vertical-align: middle;
}
/* ==========================================================================
   Component: Form
 ============================================================================ */
/* Normalize */
label {
    display: inline-block;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
}
input[type="file"] {
    display: block;
}
select[multiple],
select[size] {
    height: auto;
}
select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

.clearboth{
    clear: both;
    overflow: hidden;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

.fl{float: left}
.fr{float: right;}
.fc{overflow: hidden;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.ti{text-indent: 2em;}


.pic{
    line-height: 0;
    font-size: 0;
}
.pic img{
    width: 100%;
    display: block;
}
.clr{clear: both;}
.line_height_2rem{line-height: 2.0rem;}

.h_title_0{font-size: 0.7rem;}   /*font-size: 14px*/
.h_title_1{font-size: 0.8rem;}   /*font-size: 16px*/
.h_title_2{font-size: 0.9rem;}   /*font-size: 18px*/
.h_title_3{font-size: 1.0rem;}   /*font-size: 20px*/
.h_title_4{font-size: 1.1rem;}   /*font-size: 22px*/
.h_title_5{font-size: 1.2rem;}   /*font-size: 24px*/
.h_title_6{font-size: 1.3rem;}   /*font-size: 26px*/
.h_title_7{font-size: 1.4rem;}   /*font-size: 28px*/
.h_title_8{font-size: 1.5rem;}   /*font-size: 30px*/
.h_title_9{font-size: 1.6rem;}   /*font-size: 32px*/

.display_block{display: block !important;}
.hide{display: none;}
.t_center{text-align: center;}
a{cursor: pointer!important;}
a:active{color: #2d669a!important;}

/*头部*/
.wrap{padding: 0 6%;width: 100%;}
.header{height: 90px;line-height: 90px;z-index: 9;position: fixed;top:0;background: #fff;}
.header .logo{padding: 15px 0;}
.header .logo img{float: left;}
.header .linel{width: 1px;height: 30px;background: #E3E3E3;margin: 30px 40px;}
.header .shares{font-size: 16px;color: #666;}
.header .nav{width:815px;}
.header .nav li{float: left;font-size: 16px;color: #333;padding-right: 40px;position: relative;}
.header .nav li:hover a,.header .nav li.cur a{color: #2d669a;}
.header .en{font-size: 16px;color: #333;}
.header .en:hover,.header .backstage:hover{color: #2d669a;}
.header .liner{width: 1px;height: 15px;background: #E3E3E3;margin: 38px 40px 38px 0;}
.header .anniu{display: none;}
.header .anniu img{width: 25px;}
.header .backstage,.header .search{font-size: 16px;padding-left: 40px;}
.subnav{border-top: 1px solid #f0efef;position: fixed;top:90px;z-index: 9;background: #fff;display: none;
    -webkit-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.2);
    -moz-box-shadow: 2px 2px 7px rgba(200, 200, 200, 0.2); 
    box-shadow: 2px 2px 7px rgba(200, 200, 200, 0.2);}
.subnav ul{width: 956px;float: right;}
.subnav li{float: left;line-height: 60px;font-size: 16px;padding-right: 40px;}
.subnav li a{color: #666;}
.subnav li:hover a{color: #2d669a;}

/*新二级导航*/
.header .nav .subnav{position: absolute;left: 0;top:87px;width: 240px;background: #fff;border-top: 3px solid #035cac;display: none;}
.header .nav .subnav li{width: 100%;text-align: center;line-height: 50px;border-bottom: 1px solid #e5e5e5; }
.header .nav li:hover .subnav{display: block;}
/*新二级导航*/


@media screen and (max-width: 1500px){
    .wrap{padding: 0 3%;}
    .header .liner{margin: 38px 20px 38px 0;} 
    .header .linel{margin: 30px 20px;} 
    .header .nav{width: 655px;}
    .header .nav li{padding-right: 20px;}
    .header .backstage, .header .search{padding-left: 20px;}
    .subnav ul{width: 776px;}
    .subnav li{padding-right: 20px;}
}
@media screen and (max-width: 1200px){
    .header .logo{width: 25%;}
    .header .logo img{width: 100%;}
    .header .linel,.header .shares{display: none;}
    .header .liner{margin: 38px 10px;}
    .header .anniu{display: block;}
    .header .nav,.subnav{display: none;}
}
@media screen and (max-width: 768px){
    .header .logo{width: 35%;padding: 11px;}
    .wrap{padding: 0 2.5%;width: 100%;}

}
@media screen and (max-width: 440px){
    .header .logo{width: 40%;padding: 24px 0;}
}

/*手机导航*/
#nav-phone .menu {position:absolute;top:90px;left:0;width:100%;height:auto;padding:1rem 1.5rem;z-index:99;background:#fff;display: none;}
#nav-phone .menu  > li {width:100%;padding:0 1.5rem;border-bottom: 1px solid #e5e5e5;position: relative;}
#nav-phone .menu li a {display:block;width:50%;height:100%;font-size:1.5rem;color:#666;}
#nav-phone .menu li a:hover{color: #2d669a;}
#nav-phone .menu > li h3 {width: 100% ;line-height: 36px;color: #444;background: url(../images/in_10.png) right center no-repeat;margin:10px 0 ;}
#nav-phone .menu .selected h3 {background: url(../images/in_11.png) right center no-repeat;}
#nav-phone .menu li .list-item {position: relative;overflow: hidden;zoom: 1;display: none;line-height: 1;padding-bottom: 1rem;}
#nav-phone .menu li .list-item a{font-size: 1.2rem;display: block;padding: 10px 0;}
#nav-phone .menu li .list-item a:hover{color: #2d669a;}
@media screen and (min-width:760px) and (max-width: 1200px) {
   .header .anniu img{width: 30px;margin: -5px 20px 0 0;}
   #nav-phone .menu li a{font-size: 18px;} 
   #nav-phone .menu > li h3{line-height: 50px;}
   #nav-phone .menu li .list-item a{font-size: 16px;}
}
#nav-phone .menu > li:first-child h3{background: none;}
/*手机三级导航*/
#nav-phone .menu li .list-item2 {position: relative;overflow: hidden;zoom: 1;display: none;line-height: 1;padding: 1rem;}
#nav-phone .menu li .list-item2 a{font-size: 1.2rem;display: block;padding: 10px 0;}
#nav-phone .menu li .list-item2 a:hover{color: #2d669a;}
#nav-phone .menu > li .item2 {width: 100% ;color: #444;background: url(../images/in_10.png) right center no-repeat;}
#nav-phone .menu .selected2 .item2 {background: url(../images/in_11.png) right center no-repeat;}
@media screen and (min-width:760px) and (max-width: 1200px) {
   #nav-phone .menu li .list-item2 a{font-size: 16px;}
}


/*底部*/
.footer{width: 100%;background: #232323;clear: both;color: #ccc;font-size: 14px;overflow: hidden;padding-bottom: 1.5rem;}
.footer .contact{width: 75%;float: left;}
.footer .contact .tit{padding: 1.5rem 0;}
.footer .contact .tit .eg{font-size: 24px;color: #fff;}
.footer .contact .ads{width: 43%;float: left;margin-right: 5%;}
.footer .contact .spt{width: 170px;float: left; }
.footer .contact .spd{padding-left:170px;float: left;margin-top: -21px;}
.footer .contact .tel{width: 40%;float: left;}
.footer .contact .tel .wz{display: block;margin-left:70px;}
.footer .weixin{float: right;}
.footer .weixin .tit{padding: 1.5rem 0 0.5rem;}
.footer .weixin .tit .eg{font-size: 24px;color: #fff;}
.footer .weixin ul li{float: left;text-align: center;width: 6.5rem;}
.footer .weixin ul li:first-child{margin-right: 1.5rem;}
.footer .weixin ul li img{width: 100%;}
.footer .weixin ul li p{margin-top: 1rem;}
.footer .arrow{display: none;width: 28px;height: 26px;background: url(../images/arrow1.png) no-repeat;}
.footer .arhover{width: 28px;height: 26px;background: url(../images/arrow2.png) no-repeat;}

/*新底部*/
.nfooter{width: 100%;background: #232323;clear: both;color: #ccc;font-size: 14px;overflow: hidden;padding-bottom: 1.5rem;}
.nfooter .contact .tit{padding: 1.5rem 0;}
.nfooter .contact .tit .eg{font-size: 24px;color: #fff;}
.nfooter .contact .ads li{width: 50%;float: left;}
.nfooter .contact .ads li span{width: 5%;float: left;}
@media screen and (max-width: 1680px) {
  .nfooter .contact .ads li{width: 50%;margin-bottom: 20px;}
  .nfooter .contact .ads .hz{clear: both;}
}
@media screen and (max-width: 1200px) {
  .nfooter .contact .ads li{width: 100%;}  
}

.bottom{clear: both;overflow: hidden;background: #232323;}
.bottom .content{border-top:1px solid #333;overflow:hidden;margin: 0 6%;width: 88%;font-size: 14px;color: #999;line-height: 3rem;}
.bottom a{color: #999;}

@media screen and (min-width: 1200px) and (max-width: 1680px) {
    .footer .contact .ads,.footer .contact .tel{width: 48%;}
    .footer .contact .ads{margin-right: 4%;}
}
@media screen and (min-width: 960px) and (max-width: 1360px) {
    .bottom .content{margin: 0 3%;width: 94%;}  
}
@media screen and (max-width: 1199px) {
   .footer .contact,.footer .contact .ads,.footer .contact .tel,.footer .weixin{width: 100%;clear: both;}
   .bottom .content{padding: 1rem 0;}
   .bottom .content p{text-align: center;float: none;line-height: 1.5rem;}
   .footer .contact .tit {padding: 1rem 0;}
   .footer .arrow{display: block;}
   .footer .contact .tel{display: none;}
   .footer .contact .spd,.footer .contact .spt{clear: both;}
}
@media screen and (max-width: 440px) {
   .tex{font-size: 24px;}
   .footer .weixin ul li{width: 9rem;}
}


/*搜索*/
.search-alert{position: fixed;z-index: 100;background-color: #222222;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.cent-form{position: absolute; width: 94.8%;left: 2.6%;top: 50%;height: 124px;margin-top: -63px;border-bottom: 1px solid #515151;}
.tex{
    border: none;
    font-size: 66px;
    height: 124px;
    line-height: 124px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: none;
    font-family: "Base-font";
    padding-left: 88px;
    padding-right: 80px;
    background: url(../images/ico_36.png) no-repeat 10px 60px;
}
.search-alert .close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/ico_37.png) no-repeat center;
    position: absolute;
    top: 38px;
    right: 2.6%;
    cursor: pointer;
    transition: transform 0.3s ease 0s;
}
.search-alert .cent-form .sub-butn {
    border: none;
    height: 100px;
    margin-top: 24px;
    font-size: 24px;
    line-height: 100px;
    color: #555;
    background: none;
    font-family: "Base-font";
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    text-align: center;
}
@media screen and (max-width: 440px) {
    .tex{font-size: 4rem;height: 150px;line-height: 150px;padding: 0 84px;}
}