@font-face {
    font-family: 'rubik-regular';
    src: url('../fonts/rubik-regular-webfont.eot');
    src: url('../font/rubik-regular-webfont.otf') format('otf'),
    url('../font/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rubik-regular-webfont.woff') format('woff'),
    url('../fonts/rubik-regular-webfont.woff2') format('woff2'),
    url('../fonts/rubik-regular-webfont.ttf') format('truetype'),
    url('../fonts/rubik-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../font/dincond-medium-webfont.otf') format('otf'),
    url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-medium-webfont.woff') format('woff'),
    url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
    url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
    url('../fonts/dincond-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Novecento WideBook';
    src: url('../fonts/novecento widebook.eot');
    src: url('../font/Novecento WideBook.otf') format('otf'),
    url('../font/Novecento WideBook.eot?#iefix') format('embedded-opentype'),
    url('../fonts/novecento widebook.woff') format('woff'),
    url('../fonts/novecento widebook.woff2') format('woff2'),
    url('../fonts/novecento widebook.ttf') format('truetype'),
    url('../fonts/novecento widebook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din_Bold';
    src: url('../fonts/din medium.eot');
    src: url('../font/DIN Medium.otf')format('otf'),
    url('../font/DIN Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/din medium.woff') format('woff'),
    url('../fonts/din medium.woff2') format('woff2'),
    url('../fonts/din medium.ttf') format('truetype'),
    url('../fonts/din medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NOVECENTOWIDE_BOOK';
    src: url('../fonts/novecentowide-book.eot');
    src: url('../font/NOVECENTOWIDE-BOOK.otf')format('otf'),
    url('../font/NOVECENTOWIDE-BOOK.eot?#iefix') format('embedded-opentype'),
    url('../fonts/novecentowide-book.woff') format('woff'),
    url('../fonts/novecentowide-book.woff2') format('woff2'),
    url('../fonts/novecentowide-book.ttf') format('truetype'),
    url('../fonts/novecentowide-book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_BLD';
    src: url('../fonts/brandon_bld.eot');
    src: url('../font/BRANDON_BLD.otf')format('otf'),
    url('../font/BRANDON_BLD.eot?#iefix') format('embedded-opentype'),
    url('../fonts/brandon_bld.woff') format('woff'),
    url('../fonts/brandon_bld.woff2') format('woff2'),
    url('../fonts/brandon_bld.ttf') format('truetype'),
    url('../fonts/brandon_bld.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_LIGHT';
    src: url('../fonts/brandon_light.eot');
    src: url('../font/BRANDON_LIGHT.otf')format('otf'),
    url('../font/BRANDON_LIGHT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/brandon_light.woff') format('woff'),
    url('../fonts/brandon_light.woff2') format('woff2'),
    url('../fonts/brandon_light.ttf') format('truetype'),
    url('../fonts/brandon_light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_MED';
    src: url('../fonts/brandon_med.eot');
    src: url('../font/BRANDON_MED.otf')format('otf'),
    url('../font/BRANDON_MED.eot?#iefix') format('embedded-opentype'),
    url('../fonts/brandon_med.woff') format('woff'),
    url('../fonts/brandon_med.woff2') format('woff2'),
    url('../fonts/brandon_med.ttf') format('truetype'),
    url('../fonts/brandon_med.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_REG';
    src: url('../fonts/brandon_reg.eot');
    src: url('../font/BRANDON_REG.otf')format('otf'),
    url('../font/BRANDON_REG.eot?#iefix') format('embedded-opentype'),
    url('../fonts/brandon_reg.woff') format('woff'),
    url('../fonts/brandon_reg.woff2') format('woff2'),
    url('../fonts/brandon_reg.ttf') format('truetype'),
    url('../fonts/brandon_reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_BlackItalic';
    src: url('../fonts/roboto_blackitalic.eot');
    src: url('../font/Roboto_BlackItalic.otf')format('otf'),
    url('../font/Roboto_BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto_blackitalic.woff') format('woff'),
    url('../fonts/roboto_blackitalic.woff2') format('woff2'),
    url('../fonts/roboto_blackitalic.ttf') format('truetype'),
    url('../fonts/roboto_blackitalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RAJDHANI_REGULAR';
    src: url('../fonts/rajdhani_regular.eot');
    src: url('../font/RAJDHANI_REGULAR.otf')format('otf'),
    url('../font/RAJDHANI_REGULAR.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rajdhani_regular.woff') format('woff'),
    url('../fonts/rajdhani_regular.woff2') format('woff2'),
    url('../fonts/rajdhani_regular.ttf') format('truetype'),
    url('../fonts/rajdhani_regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'goli';
    src: url('../fonts/goli.eot');
    src: url('../font/goli.otf')format('otf'),
    url('../font/goli.eot?#iefix') format('embedded-opentype'),
    url('../fonts/goli.woff') format('woff'),
    url('../fonts/goli.woff2') format('woff2'),
    url('../fonts/goli.ttf') format('truetype'),
    url('../fonts/goli.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_BLD_0';
    src: url('../fonts/brandon_bld_0.eot');
    src: url('../font/BRANDON_BLD_0.otf')format('otf'),
    url('../font/BRANDON_BLD_0.eot?#iefix') format('embedded-opentype'),
    url('../fonts/brandon_bld_0.woff') format('woff'),
    url('../fonts/brandon_bld_0.woff2') format('woff2'),
    url('../fonts/brandon_bld_0.ttf') format('truetype'),
    url('../fonts/brandon_bld_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RAJDHANI_SEMIBOLD';
    src: url('../fonts/rajdhani-semibold.eot');
    src: url('../font/RAJDHANI-SEMIBOLD.otf')format('otf'),
    url('../font/RAJDHANI-SEMIBOLD.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rajdhani-semibold.woff') format('woff'),
    url('../fonts/rajdhani-semibold.woff2') format('woff2'),
    url('../fonts/rajdhani-semibold.ttf') format('truetype'),
    url('../fonts/rajdhani-semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@-webkit-keyframes z_fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes z_fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.z_fadeInDown {
  -webkit-animation-name: z_fadeInDown;
          animation-name: z_fadeInDown;
          visibility: visible;
}

@-webkit-keyframes z_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40%,0);
        transform: translate3d(0,40%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40%,0);
        transform: translate3d(0,40%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_fadeInUp {
    -webkit-animation-name: z_fadeInUp;
    animation-name: z_fadeInUp;
    transition:all .1s;
}
@-webkit-keyframes z_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-15%,0,0);
        transform:translate3d(-15%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
@keyframes z_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-15%,0,0);
        transform:translate3d(-15%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
.z_fadeInLeft{
    -webkit-animation-name:z_fadeInLeft;
    animation-name:z_fadeInLeft;
    transition:all .1s;
}

@-webkit-keyframes nav_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,5%,0);
        transform: translate3d(0,5%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes nav_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,5%,0);
        transform: translate3d(0,5%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.nav_fadeInUp {
    -webkit-animation-name: nav_fadeInUp;
    animation-name: nav_fadeInUp;
    transition:all .1s;
}

@-webkit-keyframes nav_fadeInUptow {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,5%,0);
        transform: translate3d(0,5%,0)
    }

    100% {
        opacity: .5;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes nav_fadeInUptow {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,5%,0);
        transform: translate3d(0,5%,0)
    }

    100% {
        opacity: .5;
        -webkit-transform: none;
        transform: none
    }
}

.nav_fadeInUptow {
    -webkit-animation-name: nav_fadeInUptow;
    animation-name: nav_fadeInUptow;
    transition:all .1s;
}

@-webkit-keyframes nav_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-5%,0,0);
        transform:translate3d(-5%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
@keyframes nav_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-5%,0,0);
        transform:translate3d(-5%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
.nav_fadeInLeft{
    -webkit-animation-name:nav_fadeInLeft;
    animation-name:nav_fadeInLeft;
    transition:all .1s;
}

@-webkit-keyframes z_fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes z_fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.z_fadeInRight {
  -webkit-animation-name: z_fadeInRight;
  animation-name: z_fadeInRight;
}
@-webkit-keyframes z_scaleIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes z_scaleIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.z_scaleIn {
    -webkit-animation-name: z_scaleIn;
    animation-name: z_scaleIn;
    animation-duration:1.5s;
}
@-webkit-keyframes z_scaleIn2 {
    /*0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }*/
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes z_scaleIn2 {
    /*0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }*/
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.z_scaleIn2 {
    -webkit-animation-name: z_scaleIn2;
    animation-name: z_scaleIn2;
    animation-duration:1.5s;
}
@keyframes z_wid {
    0% {
        /*opacity: 0;*/
        width:0;
    }
    100% {
        /*opacity: 1;*/
        width:100%;
    }
}

.z_wid {
    -webkit-animation-name: z_wid;
    animation-name: z_wid;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {top: auto;left: auto;position: static;background-position: 0% 0%;
    margin: 0 auto;font-family:'微软雅黑';  color: #333; background: #fff; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.ovfHiden{overflow:hidden;height:100%;}
*{box-sizing: border-box;}
p {text-align: justify;}
img{display:block;max-width:100%;}
input[type=button], input[type=submit], input[type=file],input, button,textarea{ /*cursor: pointer;*/ -webkit-appearance: none;border-radius:0;}
.clear{clear:both;}

/*头部*/
/*#header{margin: auto;position: fixed;left: 0; right: 0; top: 0; z-index: 10;  height:90px;}
#header .logo{display:block; width:136px;height:45px;background:url(../images/logo.png) no-repeat;margin-top:20px;float:left;}
#header .search_btn{float:right;width:23px;height:23px;background:url(../images/nav_sericon.png) no-repeat;margin-top:36px;cursor:pointer;}
#header .inn_nav{float:right;margin-right:60px;}
#header .inn_nav li{float:left;height:90px;margin-left:20px;}
#header .inn_nav li a{display:inline-block;height:90px;line-height:90px;font-size:16px;color:#ffffff;}*/
#header{margin: auto;position: fixed;left: 0; right: 0; top: 0; z-index: 50;  height:100px;max-width:1920px;background:#fff;}
#header.on{box-shadow:0px 1px 7px #ccc;}
#header .a_search{float:right;display:block;width:47px;height:20px;background:url(../images/head_searchbtn.png) no-repeat right;margin-top:41px;margin-right:38px;cursor:pointer;border-left:1px solid #f2f2f2;cursor:pointer;}
#header .a_language{float:right;width:100px;height:100px;position:relative;transition:all .4s;}
#header .a_language:hover{background:#d62020;}
#header .a_language:hover .btn{color:#fff;background:url(../images/head_iconon.png) no-repeat right;}
#header .a_language:hover .language_box{display:block;opacity:1;filter: alpha(opacity=100);}
#header .a_language .btn{float:right;width:80px;height:100px;background:url(../images/head_icon.png) no-repeat right;cursor:pointer;border-left:1px solid #f2f2f2;margin-right:20px;font-size:15px;color:#808080;line-height:100px;padding-left: 31px;}
#header .a_language .language_box{display:none;position:absolute;top:100px;right:0;width:157px;height:58px;padding-left:20px;background:#d62020;transition:all .4s;opacity:.7;filter: alpha(opacity=70);}
#header .a_language .language_box a{display:inline-block;line-height:58px;font-size:14px;color:#fff;margin-left:17px;transition:all .4s;}
#header .a_language .language_box a:hover{color:#ffff00;}
#header .a_language .language_box a.on{color:#ffff00;}

#header .inner_li{float:right;margin-right:15px;position:relative;}
#header .inner_li>li{float:left;height:100px;font-size:15px;color:#c1c1c1;margin:0 15px;/*border-bottom:7px solid #fff;*/position:relative;font-weight:bold;}
#header .inner_li>li>a{display:block;line-height:100px;transition:all .4s;}
#header .inner_li>li>a h2{font-weight:bold;}
#header .inner_li>li.on a{color:#d62020;}
#header .inner_li>li:hover a{color:#d62020;transition:all .4s;}
#header .inner_li>li:hover{background:url(../images/arrow.png) no-repeat bottom;}
#header .inner_li>li:first-child:hover{background:none;}
/*#header .inner_li>li.on{border-bottom:7px solid #ff3000;}
#header .inner_li>li:hover{border-bottom:7px solid #ff3000;}*/
#header .inner_li .inner_bor{position: absolute;bottom: 0;height: 7px;background: #ff3000;}
#header .inner_li ._ul{display:none;position:absolute;left:0;top:100px;width:600px;height:60px;z-index:5;font-size:0;}
#header .inner_li ._ul ._li{display:inline-block;height:60px;line-height:60px;margin-right:25px;}
#header .inner_li ._ul ._li a{display:inline-block;font-size:14px;color:#fff;height:60px;line-height:60px;opacity:.7;filter: alpha(opacity=70);transition:all .4s;}
#header .inner_li ._ul ._li a:hover{opacity:1;filter: alpha(opacity=100);}
#header .inner_li ._ul ._li a.on{opacity:1;filter: alpha(opacity=100);}
#header .nav_inner{display:none;position:fixed;top:100px;left:0;width:100%;height:60px;background: #d62020;}
.ser_pop{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:50;}
.ser_pop .bg{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.5;filter: alpha(opacity=50);background:#000;}
.ser_pop .ipt_box{position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-50px;width:1200px;height:100px;border-bottom:2px solid #fff;}
.ser_pop .ipt_box input{float:left;width:1170px;height:100px;border:none;color:#fff;font-size:20px;background:none;cursor:s-resize;}
.ser_pop .ipt_box input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.ser_pop .ipt_box input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
.ser_pop .ipt_box input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
.ser_pop .ipt_box input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
.ser_pop .ipt_box .btn{float:left;border:none;width:26px;height:100px;background:url(../images/sch2.png) no-repeat center;cursor:pointer;}

#footer{background:#424855;}
#footer .foot_top{height:100px;border-bottom:1px solid #686d77;padding-top:27px;}
#footer .btn_phone{float:left;height:46px;background:url(../images/foot_phone.png) no-repeat left;padding-left:60px;font-size:30px;color:#d62020;line-height:43px;font-family: 'rubik-regular';}
#footer .btn_oa{float:right;height:25px;padding-left:48px;line-height:25px;font-size:15px;color:rgba(255,255,255,.7);background:url(../images/foot_icon1.png) no-repeat left;margin:11px 30px 0 0;}
#footer .btn_mail{float:right;height:25px;padding-left:35px;line-height:25px;font-size:15px;color:rgba(255,255,255,.7);background:url(../images/foot_icon2.png) no-repeat left;margin:11px 45px 0 0;}
#footer .btn_cade{float:right;position:relative;margin-top: 8px;}
#footer .btn_cade .pic{height:33px;padding-right:40px;line-height:30px;font-size:15px;color:rgba(255,255,255,.7);background:url(../images/foot_icon3.png) no-repeat right;cursor:pointer;}
#footer .btn_cade img{position:absolute;bottom:40px;left:50%;width: 110px;max-width: initial;padding: 10px;margin-left:-55px;background: #fff;border: 1px solid #ccc;display:none;}
#footer .foot_bottom{height:224px;}
#footer .foot_bottom .left{float:left;width:500px;height:175px;border-right:1px solid #686d77;padding-top:40px;}
#footer .foot_bottom .text{}
#footer .foot_bottom .text p{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:3px;}
#footer .foot_bottom .text a{font-size:14px;color:rgba(255,255,255,.7);}
#footer .foot_bottom .link{width:400px;position:relative;margin-top:30px;}
#footer .foot_bottom .link p{width:400px;height:40px;line-height:40px;font-size:14px;color:#ffffff;padding-left:20px;background-image:url(../images/foot_sanjiao.png);background-color:#4e5463;background-repeat:no-repeat;background-position:360px center;cursor:pointer;}
#footer .foot_bottom .link p.on{background-image:url(../images/foot_sanjiaoon.png);}
#footer .foot_bottom ._a{display:none;position:absolute;bottom:42px;left:0;background:#4e5463;width:100%;padding:10px 20px;}
#footer .foot_bottom ._a a{display:block;font-size:14px;color:#ffffff;padding:7px 0;opacity:.7;filter: alpha(opacity=70);transition:all .4s;}
#footer .foot_bottom ._a a.on{opacity:1;filter: alpha(opacity=100);}
#footer .foot_bottom ._a a:hover{opacity:1;filter: alpha(opacity=100);}
#footer .foot_bottom .right{float:right;width:700px;padding-top:40px;}
#footer .foot_bottom .right img{float:right;margin-left:20px;}