@charset "utf-8";
/* CSS Document */
html{background:#ddd;}
body{/*font-size:64.5%;*//*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #444;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #323232; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color: #91200d;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}

ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}


/*footer*/
.wrap_footer { padding: 29px 0; background: #91210d; }
.footer { max-width: 1200px; margin: 0 auto;  overflow: hidden; }
.footer_right { width: 87px; height: 83px; float: right; }
.footer_left { width: 51%; float: left; border-right: 1px solid #ffffff; }
.copy { font-size: 14px; color: #ffffff; line-height: 28px; padding: 0 0 0 40px; }
.copy a { font-size: 14px; color: #ffffff; }
.copy a:hover { font-weight: bold; }
.link { padding: 0 0 0 130px; font-size: 14px; color: #ffffff; line-height: 28px; }
.footer_middle { float: left; }
.goTop {position: absolute;bottom: 0;right: 30px;z-index: 99;color: #91200D;text-align: center;font-size: 16px;transition: none;}
.goTop i {color: #91200D;display: block;margin-bottom: 8px;transition: all 0.3s ease;}
.goTop:hover{color: #91200D;}
.goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@media screen  and (max-width:1200px) {
 .goTop{right:10px;}
 .footer { width: 94%; }
}
@media screen  and (max-width:1023px) {
.footer_left { width: 40%; }
}

@media screen  and (max-width:800px) {
    .footer_right { float: none; margin: 0 auto 20px; }
    .footer_left { width: 50%;  }
    .footer_middle { width: 49%; }
}
@media screen and (max-width:700px) {
  .footer_left { width: 100%; float: none; border-right: 0px; text-align: center; }
  .footer_middle { width: 100%; float: none; text-align: center; }
  .link { padding: 0px; }
  .copy { padding: 0px; }
}

@media screen and (max-width:640px) {
  .copy_wrap p{width:95%;line-height:22px;height:21px;text-align:center;margin:0 auto;}
  .footerLogo{width: 100%;margin:0 auto 0;}
  .footerLogo a{text-align: center;}
  .copy_wrap{width:100%;text-align: center;margin:10px auto;min-height:52px;}
  .copy_wrap p{font-size: 10px;}
}
@media screen /*and (min-width:320px)*/ and (max-width:360px)  {
  .copy_wrap p{line-height:16px;}
}



.gp-pa{position:absolute}
.gp-pr{position:relative}
.gp-clearFix{*zoom:1;clear:both}
.gp-clearFix:after{content:'';display:block;clear:both}
.gp-clear{width:100%;overflow:hidden}
.gp-img-responsive{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;display:block;background-color:#d2d2d2}
.gp-img-responsive img{width:100%;transition:all .5s ease-in-out;max-width:none}
.gp-img-responsive img:hover{transform:scale(1.03);opacity:.85}
.gp-radius{border-radius:3px;display:block;overflow:hidden}
.gp-round{border-radius:500px;display:block;overflow:hidden}
.gp-circle{border-radius:50%;display:block;overflow:hidden}
.gp-img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:2px;line-height:1.6;background-color:#fff;border:1px solid #ddd;border-radius:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.gp-ib{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.gp-overlay{width:100%;height:100%;position:fixed;top:0;z-index:180;background:#000;opacity:.7;filter:alpha(opacity=80);display:none;left:0}
.gp-article ol,.gp-article ol li,.gp-order-list,.gp-order-list li{list-style:decimal inside none}
.gp-article ul,.gp-article ul li,.gp-unorder-list,.gp-unorder-list li{list-style:disc inside none}
.gp-unorder-list.circle{list-style-type:circle}
.gp-unorder-list.square,.gp-unorder-list.square li{list-style-type:square}
.gp-unorder-list.upper-roman,.gp-unorder-list.upper-roman li{list-style-type:upper-roman}
.gp-unorder-list.lower-alpha,.gp-unorder-list.lower-alpha li{list-style-type:lower-alpha}
.gp-ul-inline{font-size:0}
.gp-ul-inline>li{display:inline-block;*display:inline;*zoom:1;font-size:14px;vertical-align:top}
.gp-fl,.gp-md-fl,.gp-sm-fl{float:left}
.gp-fr,.gp-md-fr,.gp-sm-fr{float:right}
.gp-center{display:block;margin-left:auto;margin-right:auto}
.gp-vam,.gp-vama *{vertical-align:middle}
.gp-black,.gp-black *{color:#333}
.gp-white,.gp-white *{color:#fff}
.gp-white :hover,.gp-white:hover{color:#fff}
.gp-ellipsis,.gp-text-truncate{word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.gp-nav-horizontal>li{display:inline-block;*display:inline;*zoom:1;position:relative}
.gp-nav-justify{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center}
.gp-nav-justify>li{float:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}

.gp-table>tbody>tr>td,.gp-table>tbody>tr>th,.gp-table>tfoot>tr>td,.gp-table>tfoot>tr>th,.gp-table>thead>tr>td,.gp-table>thead>tr>th{padding:14px 35px}
.gp-table-bordered{border:solid #e6e6e6;border-width:0 0 1px 0}
.gp-table *{word-wrap:break-word}
.gp-table-bordered td,.gp-table-bordered th{border:solid #e6e6e6;border-width:1px 1px 0 1px}
.gp-table-striped>tbody>tr:nth-child(odd)>td,.gp-table-striped>tbody>tr:nth-child(odd)>th{background-color:#f5f5f5}
.gp-goTop{width:50px;height:50px;line-height:50px;text-align:center;font-size:2.5rem;transition:all .3s ease-in-out;color:#fff!important;background:#a40000}
.gp-goTop-fixed{position:fixed;right:20px;bottom:20px;z-index:800;box-shadow:0 0 8px rgba(0,0,0,.2)}
.gp-goTop-fixed.bottom{bottom:150px}
.header{z-index:880;width:100%;border-top:6px solid #c50000;position: absolute;}
.topNav{position:absolute;right:0;top:20px}
.topNav a{padding:0 15px;border-right:1px solid rgba(255,255,255,.3);height:18px;line-height:18px}
.topNav a:first-child{margin-left:0}
.topNav a.icon-weixin{position:relative}
.webCode{position:absolute;left:50%;top:0;width:100px;display:block;transform:translateX(-50%);z-index:800;display:none}
.gp-serBtn2{padding-left:16px}
.logo{padding: 16px 0 0;width: 24%;}
.logo a{display:inline-block;vertical-align:middle;box-sizing:border-box}
/* .logo_01{width:50%;padding-right:3px} */
/* .logo_02{width:47.45%} */
.top{position:relative;max-width:1574px;margin:0 auto;width:96%}
.gp-search{width:220px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;transition:all .35s ease-in-out;border:1px solid #ccc}
.gp-ser{width:100%;height:28px;z-index:9999994;margin:0 auto;position:relative}
.gp-search button,.gp-search input{position:absolute;height:28px;line-height:28px;border:none;background:0 0;top:0;overflow:hidden}
.gp-search input.notxt{color:#a4a4a4;width:82%;left:0;padding-left:2%}
.gp-search .notxt1{position:absolute;width:15%;right:0;cursor:pointer;color:#666}
.mobile_code{display:none;position:fixed;left:50%;top:50%;width:150px;transform:translate(-50%,-50%);z-index:9001}
.overlay_bg2{position:fixed;width:100%;height:100%;background-color:#000;opacity:.5;z-index:9000;display:none}
#gp-serBtn4{position:relative;z-index:801;border-right:none}
.gp-search4{height:0;border:none;width:100%;overflow:hidden;position:fixed;top:50%;z-index:802;left:0}
.gp-search4 .gp-ser{max-width:800px}
.gp-search4 button,.gp-search4 input{height:40px;line-break:40px}
.gp-search4 .gp-ser{height:40px;border:1px solid #ccc;margin-top:20px}
.gp-search4 .notxt1{background:#a40000;color:#fff}
.gp-search4 .gp-ser{display:none;border:none;background:#fff}
.gp-search4.active .gp-ser{display:block;margin:0 auto}
.gp-search4.active{height:80px}
.searchActive .gp-overlay{top:0}
@media screen and (max-width:998px){
    .gp-search4 .gp-ser{width:80%}
    .gp-search4 button,.gp-search4 input{box-sizing:border-box}
    .gp-search4 input.notxt{width:100%;padding-right:90px}
    .gp-search4 .notxt1{width:85px}
}
.gp-m-search{width:100%;margin:20px auto 0;display:block;border:none}
.gp-m-search>div{margin:0 30px;width:auto;border:1px solid #d6d6d6}
.gp-m-search .notxt1{right:auto;left:0;width:40px;color:#4d4d4d;font-size:25px}
.gp-m-search input.notxt{left:0;width:100%;box-sizing:border-box;padding-left:42px;color:#fff;font-size:1.8rem}
.searchWrap{position:absolute;right:0;top:30px;z-index:20}
.navWrap{z-index:18;text-align:right}
.navWrap{margin-left: 28%;padding-top: 50px;}
.nav>li{float:left;position:relative;text-align:center;padding: 0 14px;}
.nav>li>a{display:inline-block;line-height:1;font-size: 16px;color:#fff;transition:all .35s ease-in-out;position:relative;z-index:50;position:relative;vertical-align:top;height:59px;line-height:59px;font-weight:700;letter-spacing:.5px}
.nav>li>a:before{content:'';width:0;height:2px;background-color:#fff;position:absolute;left:50%;bottom:0;transition:all .35s ease-in-out}
.nav>li.on>a:before,.nav>li>a:hover:before{width:100%;left:0}
.second_nav1{position:absolute;left:0;top:59px;width:100%;display:none;background:rgba(33,37,42,.6);min-width:220px}
.second_nav1>dd{padding:0 20px}
.second_nav1>dd>a{display:block;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 15px;font-size: 15px;transition:all .3s ease-in-out;color:#fff;line-height:1.2;text-align:left;}
.second_nav1>dd:hover{background-color:#a40000}
.nav>li.on .second_nav1{display:block}
.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall;animation-duration:.4s;-webkit-animation-duration:.4s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}
@-webkit-keyframes fadeInUpSmall{
0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpSmall{
0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.header.currents{box-shadow:0 0 15px rgba(0,0,0,.2);position:fixed;left:0;top:0;height:50px;width:100%;background-color:#a40000;margin-bottom:0;border-top:none}
.header.currents .topNav{display:none}
.header.currents .logo{padding-top:7px;width:210px}
.header.currents .navWrap{padding-top:0}
.header.currents .nav>li>a{height:50px;line-height:50px;padding:0;font-weight:400;font-size:16px}
.header.currents .second_nav1{top:50px}
.mobile_bg{width:100%;height:100%;z-index:90;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);display:none;z-index:300}
.gp-menu{width:100%;z-index:98;height:100%;position:absolute;display:none;right:0;top:0;z-index:400}
.gp-menu-header{position:absolute;top:50%;right:0;z-index:996;width:100%;height:40px;margin-top:-35px}
.gp-menu-link{float:left;line-height:40px;height:40px;padding-left:15px}
.gp-menu-link a{color:#fff}
.gp-menu-header-icon{color:#fff;height:46px;float:right;width:46px;position:relative;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s;cursor:pointer;margin:0 15px 0 0;background-color:#e5e5e5;border-radius:50%;margin-top:5px}
.gp-menu-header-icon i{color:#fff;display:block;font-style:normal;text-align:right;font-size:30px}
.gp-menu-header-icon span{position:absolute;left:calc((100% - 24px)/ 2);top:calc((100% - 6px)/ 2.3);width:22px;height:2px;background-color:#4d4d4d}
.gp-menu-header-icon-out span{width:22px;height:2px;background-color:#4d4d4d;display:block;border-radius:4px}
.gp-menu-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}
.gp-menu-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}
.gp-menu-header-icon-out span:nth-child(3){animation-duration:.5s;animation-fill-mode:both;animation-name:outthird}
.gp-menu-header-icon span:nth-child(1){transform:translateY(3px) rotate(0)}
.gp-menu-header-icon span:nth-child(2){transform:translateY(-3px) rotate(0)}
.gp-menu-header-icon span:nth-child(3){transform:translateY(-3px) rotate(0)}
@keyframes outfirst{
    0%{transform:translateY(0) rotate(-45deg)}
    100%{transform:translateY(-4px) rotate(0)}
}
@keyframes outsecond{
    0%{transform:translateY(0) rotate(45deg)}
    100%{transform:translateY(4px) rotate(0)}
}
@keyframes outthird{
    0%{transform:translateY(0) rotate(90deg)}
    100%{transform:translateY(12px) rotate(0)}
}
.gp-menu-header-icon-click span{top:calc((100% - 2px)/ 2.1);left:calc((100% - 22px)/ 2)}
.gp-menu-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}
.gp-menu-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond;margin-left:0}
.gp-menu-header-icon-click span:nth-child(3){animation-duration:.5s;animation-fill-mode:both;animation-name:clickthird}
.gp-menu-header-icon-click i{display:none}
@keyframes clickfirst{
    0%{transform:translateY(4px) rotate(0)}
    100%{transform:translateY(0) rotate(45deg)}
}
@keyframes clicksecond{
    0%{transform:translateY(-4px) rotate(0)}
    100%{transform:translateY(0) rotate(-45deg)}
}
@keyframes clickthird{
    0%{opacity:0}
    100%{opacity:0}
}
.gp-menu-nav{width:100%;position:fixed;top:0;right:0;display:none;padding-top:30px;background-color:#fff}
.gp-menu-nav>ul>li{position:relative;box-sizing:border-box;transition:all .5s ease-in;transform:translateX(-40px);opacity:0}
.gp-menu-nav>ul>li{position:relative;border-bottom:1px solid rgba(255,255,255,.1)}
.gp-menu-nav>ul>li>a{display:inline-block;padding:20px 30px;font-size:18px;width:60%;line-height:1.4}
.m-second-nav{display:none;padding-bottom:10px;padding:0 30px 15px}
.m-second-nav>li.on>span{transform:rotate(45deg)}
.m-second-nav>li>a{display:inline-block;padding:10px 0 10px 20px;font-size:16px}
.m-second-nav>li>span{top:4px;color:#dad6ce;font-size:18px}
.gp-menu-arrow{cursor:pointer;width:30px;height:58px;line-height:45px;color:#e9e9e9;text-align:right;position:absolute;right:10px;top:0;font-size:20px;transition:all .3s ease-in-out}
.gp-menu-arrow::after,.gp-menu-arrow::before{content:'';width:14px;height:2px;background-color:#e6e6e6;position:absolute;left:50%;top:50%;margin:-1px 0 0 -7px}
.gp-menu-arrow::after{transform:rotate(90deg)}
.gp-menu-nav>ul>li.on>span{transform:rotate(45deg)}
.mobile_logo{padding:0 30px 10px 30px;width:60%;max-width:277px}
.open .gp-menu-link{display:none}
.open .gp-menu-header{background:0 0}
.open .header .divSelect,.open .logo{z-index:90}
.open .gp-menu-nav>ul>li{transform:none;opacity:1;border-bottom:1px solid #f2f2f2}
.open .gp-menu-nav>ul>li.on{background-color:#faf5f5}
.gp-menu-nav.gp-menu-offcanvas2{position:fixed;display:block;transform:translate(150%,0);transition:all 1s ease-in-out;width:95%}
.open .gp-menu-offcanvas2{transform:translate(0,0);position:absolute;border-left:8px solid #a40000}

.m-link{text-align: center;padding: 10px;}
.m-link a{display: inline-block;padding: 0 10px;}

@media screen and (max-width:1540px){
    .nav>li>a{font-size:14px;font-weight:400}
    .nav>li{padding:0 12px}
    /* .navWrap{margin-left:320px} */
}
@media screen and (max-width:1300px){
    .nav>li{padding:0 10px}
    .logo{width: 220px;}
    .navWrap{margin-left:240px;/* padding-top:5px; */}
    .topHeader a{margin:0 5px}
    .navWrap{padding-top: 30px;}
    .topNav{top:10px;font-size: 14px;}
}
@media screen and (max-width:1060px){
    .nav>li{padding:0 5px}
}
@media screen and (max-width:996px){
    .topNav{display:none}
    .logo{position:relative;z-index:1000;width:60%;max-width:320px}
    .header{width:100%}
    .gp-search,.navWrap{display:none}
    .gp-m-search,.gp-menu{display:block}
    .gp-search{border-color:rgba(255,255,255,.15)}
    .searchWrap{display:none}
    .top{height:auto}
    .logo{padding:10px 0}
}
@media screen and (max-width:767px){
    .header{margin-bottom:0}
}
@media screen and (max-width:640px){
    .gp-ser{height:35px}
    .gp-search button,.gp-search input{height:35px;line-height:35px}
}
@media screen and (max-width:480px){
    .gp-menu-nav>ul>li>a{font-size:16px;padding:12px 30px}
    .gp-menu-arrow{height:40px}
}