@charset "utf-8";.mod-top{width:100%;height:36px}
.mod-top-w{width:1200px;margin:0 auto;height:36px}
.mod-top-w .lang{display:inline-block;height:36px;float:right}
.mod-top-w .lang span.line{color:#999;display:inline-block;margin:0 10px;height:36px;line-height:36px}
.mod-top-w .lang a{display:inline-block;height:36px;line-height:36px}
/*background-color:#d81718;*/
.mod-header{width:100%;min-width:1400px;height:130px;background-size:100% 100%;position:fixed;top:0;z-index:99999;border-top:0;transition:transform .3s}
.mod-header.hide{transform:translateY(-90px)}
.mod-header-w{width:1400px;margin:0 auto;height:89px;position:static;}
.patx{
    width: 100%;background-color:#d81718;min-width:1400px;height:90px;background-size:100% 100%;
}
/*.mod-header-w .logo{float:left;margin:24px 0 0 0;}
.mod-header-w .logo>img{max-height:50px}*/
.nav-box{float:right;height:100%;margin:0;width:auto;position:static}
.mod-header-w .nav{position:static;height:100%;background:0 0}
/*.mod-header-w .nav li{float:left;height:100%;line-height:90px;font-size:18px;margin:0 11px;position:static}*/

.mod-header-w .logo{float:left;margin:24px 0 0 0;width:388px;}
.mod-header-w .logo>img{max-height:50px;max-width: 100%;}
.mod-header-w .nav li{float:left;height:100%;line-height:90px;font-size:15px;margin:0 10px;position:static}

.mod-header-w .nav li a{color:#fff}
.mod-header-w .search-btn{margin-top:34px;margin-right:33px;margin-left:15px;cursor:pointer;width:23px;height:22px}
.mod-header-w .gjLogo{margin-top:34px;cursor:pointer;height:22px;width:80px}
.mod-header-w #searchForm{width:1400px;margin:0 auto;}
.mod-header-w .search-btn:hover{opacity:1}
.mod-header .search-con{height:80px;background-color:#fff;position:absolute;top:89px;left:0;width:100%;visibility:hidden;opacity:0;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.mod-header .search-con.on{visibility:visible;opacity:1}
.mod-header .search-con>div{width:1400px;margin:0 auto;overflow:hidden}
.mod-header .search-con .search-l{width:86%;height:40px;padding:0 2%;font-size:18px;outline:0;background-color:#EEE;border:none;color:#222;float:left;margin: 20px 0 0 0;box-sizing:border-box;text-align:center;}
.mod-header .search-con .search-r{width:10%;height:40px;line-height:40px;font-size:18px;background:#d71718;border:none;color:#fff;float:right;margin: 20px 0 0 0;text-align:center;cursor:pointer;box-sizing:border-box;}
.mod-header.show{display:block;top:64px;opacity:1}
.mod-header .nav_show{width:1200px;height:325px;background-color:#F5F5F5}
.mod-header .nav_show>div{width:1400px;overflow:hidden;margin:0 auto}
.mod-header .right_part{width:709px;margin-left:685px;height:600px;padding:90px 100px;box-shadow:0 3px 9px #ECEAEB;background:url(../img/douhao.png) no-repeat;background-color:#fff;background-position:54px 64px}
.mod-header .right_part .intro p{line-height:38px;font-size:16px}
.mod-header .right_part .btn_box{text-align:right}
.mod-header .right_part .intro .btn{display:inline-block;color:#fff;background:#D81718;line-height:40px;height:40px;padding:0 60px;border-radius:20px;margin:35px 0 28px}
.mod-header .right_part .btn_list{overflow:hidden;margin-top:30px}
.mod-header .right_part .btn_list>div{width:48%;color:#6F6F6F;font-size:15px;margin-top:20px;padding-left:43px;font-weight:700}
.mod-header .right_part .btn_list>div:nth-child(2n){background:url(../img/qu_g.png) no-repeat left;background-position:-4px 0;background-size:30px}
.mod-header .right_part .btn_list>div:nth-child(2n-1){background:url(../img/qu_r.png) no-repeat left;background-size:30px;background-position:-4px 0}
.mod-header .mod-header-w .nav .choice_language{background:url(../img/earth.png) no-repeat 14px 37px;padding-left:40px;padding-right:0;background-size:19px;margin-right:19px}
.mod-header-w .nav .choice_language a img{margin-left:5px}
.mod-header .choice_language .en{display:none}
.mod-header .dt{text-align:center;width:480px;height:260px;float:left;margin:30px 0 0 0;background-color:#EBEBEB;overflow:hidden;position:relative}
.mod-header .dd{height:260px;width:860px;float:left;margin:30px auto auto 0;margin-left:60px;position:relative}
.mod-header .logo_box .dd{width:880px;margin-left:40px}
.mod-header .arr_list{position:relative;height:10px}
.mod-header .list_arr{position:relative;opacity:0;top:-8px}
@-webkit-keyframes showDownArr{0%{top:-26px;opacity:0}
100%{top:0;opacity:1}
}
@-moz-keyframes showDownArr{0%{top:-26px;opacity:0}
100%{top:0;opacity:1}
}
@-o-keyframes showDownArr{0%{top:-26px;opacity:0}
100%{top:0;opacity:1}
}
@keyframes showDownArr{0%{top:-26px;opacity:0}
100%{top:0;opacity:1}
}
.mod-header .list_arr>span{position:absolute;width:0;height:0;border-width:0 11px 12px;border-style:solid;border-color:transparent transparent #F5F5F5;left:50%;bottom:-1px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}
.mod-header .nav .dl{display:none;position:absolute;left:0;width:100%;height:319px;opacity:1;top:89px;z-index:99;background-color:#F5F5F5;animation:showDown .5s;-webkit-animation:showDown .5s}
.mod-header .nav .dls{display:none;position:absolute;left:1480px;width:100px;height:100px;opacity:1;top:89px;z-index:99;background-color:#F5F5F5;animation:showDown .5s;-webkit-animation:showDown .5s}
.mod-header .dt_box{width:1400px;margin:0 auto;overflow:hidden}
.mod-header .nav .dls a{display: block;height: 50px;line-height: 50px;color:#6F6F6F;text-align: center;cursor: pointer;}
.mod-header .nav .dls a:hover{color: #FA0E0E;}
.mod-header .nav li:hover .dl{display:block}
.mod-header .nav li:hover .dls{display:block}
.mod-header li:hover .list_arr{display:block;animation:showDownArr .5s;animation-fill-mode:forwards;-webkit-animation:showDownArr .5s;-webkit-animation-fill-mode:forwards}
@keyframes showDown{from{top:64px;opacity:0}
to{top:89px;opacity:1}
}
@-moz-keyframes showDown{from{top:64px;opacity:0}
to{top:89px;opacity:1}
}
@-webkit-keyframes showDown{from{top:64px;opacity:0}
to{top:89px;opacity:1}
}
@-o-keyframes showDown{from{top:64px;opacity:0}
to{top:89px;opacity:1}
}
.mod-header dl.aboutus dt img{height:100%;display:block;margin:0 auto}
.mod-header dl.aboutus dd a{display:block;width:33.3%;float:left;text-align:center;font-size:14px;color:#333;margin-top:100px}
.mod-header dl.aboutus dd a img{display:block;clear:both;width:64px;height:64px;margin-bottom:10px;margin-left:auto;margin-right:auto}
.mod-header dl.aboutus dd a:hover{color:#666}
.mod-header dl.aboutus dd a:hover img{opacity:.9}
.mod-header .dl .dt img{display:block;margin:0 auto;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.mod-header .dl .dd a{display:block;min-width:125px;float:left;text-align:center;font-size:18px;color:#333;margin-top:7px;margin-bottom:61px;line-height:normal;box-sizing:border-box;font-weight:500;height:69px;position:relative}
.mod-header .dl .dd .navImgBox{height:70px;position:relative}
.mod-header .dl .dd .sec_nav{overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:100%}
.mod-header .dl .dd .sec_nav a{display:block;min-width:20%;text-align:left;font-size:18px;height:auto;line-height:normal;margin:17px 0}
.mod-header .dl .five_list .dd .sec_nav a{min-width:20%}
.mod-header .dl .dd a .img_box{height:49px;line-height:49px;text-align:center}
.mod-header .dl .dd a img{display:block;clear:both;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.mod-header .dl .dd a img.choice{display:none}
.mod-header dl.news dt img{height:100%;display:block;margin:0 auto}
.mod-header dl.news dd a{display:block;width:16.66%;float:left;text-align:center;font-size:14px;color:#333;margin-top:30px;margin-bottom:30px}
.mod-header dl.news dd a img{display:block;clear:both;width:auto;height:49px;margin-bottom:10px;margin-left:auto;margin-right:auto;opacity:.65}
.mod-header dl.news dd a:hover{color:#666}
.mod-header dl.news dd a:hover img{opacity:.9}
.mod-header dl.recruit dt img{height:100%;display:block;margin:0 auto}
.mod-header dl.recruit dd a{display:block;width:16.66%;float:left;text-align:center;font-size:14px;color:#333;margin-top:30px;margin-bottom:30px}
.mod-header dl.recruit dd a img{display:block;clear:both;width:auto;height:49px;margin-bottom:10px;margin-left:auto;margin-right:auto;opacity:.65}
.mod-header dl.recruit dd a:hover{color:#666}
.mod-header dl.recruit dd a:hover img{opacity:.9}
.mod-header dl.investor dt img{width:100%;display:block;margin:0 auto;height:auto}
.mod-header dl.investor dd a{display:block;width:16.66%;float:left;text-align:center;font-size:14px;color:#333;margin-top:30px;margin-bottom:30px}
.mod-header dl.investor dd a img{display:block;clear:both;width:auto;height:49px;margin-bottom:10px;margin-left:auto;margin-right:auto;opacity:.65}
.mod-header dl.investor dd a:hover{color:#666}
.mod-header dl.investor dd a:hover img{opacity:.9}
header .shares{line-height:normal}
header .shares>p{font-size:16px;display:inline-block}
header .shares.up>p{color:#FA0E0E}
header .shares.down>p{color:#0f990f}
header .shares.error>p{color:#666}
header .shares>p#shares_val{padding-left:17px;margin:0 0 6px 0}
header .shares.up>p#shares_val{background:url(../img/shares_up.png) no-repeat;background-position:0 3px}
header .shares>p:first-child{font-size:20px;margin-right:10px}
header .shares.down>p#shares_val{background:url(../img/shares_down.png) no-repeat;background-position:0 4px}
header .shares.error>p#shares_val{background:url(../img/shares_error.png) no-repeat;background-position:0 3px;background-size:15px 15px}
header .shares .codeNum{margin-bottom:20px;display:block}
header .gjLogo.color{display:none}
header a:hover>.gjLogo.color{display:block}
header a:hover>.gjLogo.origin{display:none}
.language_list>.dd>.sec_nav>p{overflow:hidden;padding-left:31px;background:url(../img/earth_b.png) no-repeat;background-position:0 21px}
.mod-header .dl .language_list .dd .sec_nav a{min-width:inherit;cursor:pointer;margin-right:80px}
.mod-header .languageType{display:inline-block;min-width:50px;width:63px;text-align:center}

#test .swiper-slide .indexBannerImg{width:100%;}


.mod-header .top-nav{
    width: 100%;
    height: 40px;
    margin:0 auto;
    line-height: 40px;
    background: url(../images/top-blackbg.png) no-repeat left top;
    background-size: 100% 100%;
    font-size: 14px;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.mod-header .top-nav .wrap {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    z-index: 1;
}


.mod-header .top-nav .wrap a.fl {
    float: left;
    margin-right: 26px;
    margin-left: 0;
    color: #cecece;
}
.mod-header .top-nav a,.mod-header .top-nav span {
    float: right;
    margin-left: 26px;
    color: #cecece;
}
.mod-header .top-nav a,.mod-header .top-nav a:link, .mod-header .top-nav a:visited {
    color: #484848;
    text-decoration: none;
}
.mod-header .top-nav span {
    color: #fff;
}

.mod-header .top-nav .icon {
    margin-right: 4px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
}