@charset "utf-8";

@font-face {
  font-family: "AVANTGARDEMDITCTT";
  src: url("../fonts/AVANTGARDEMDITCTT.woff2") format("woff2"),
       url("../fonts/AVANTGARDEMDITCTT.woff") format("woff"),
       url("../fonts/AVANTGARDEMDITCTT.ttf") format("truetype"),
       url("../fonts/AVANTGARDEMDITCTT.eot") format("embedded-opentype"),
       url("../fonts/AVANTGARDEMDITCTT.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AVANTGA2";
  src: url("../fonts/AVANTGA2.woff") format("woff"),
       url("../fonts/AVANTGA2.ttf") format("truetype"),
       url("../fonts/AVANTGA2.eot") format("embedded-opentype"),
       url("../fonts/AVANTGA2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BEBAS";
  src: url("../fonts/BEBAS__.woff2") format("woff2"),
       url("../fonts/BEBAS__.woff") format("woff"),
       url("../fonts/BEBAS__.ttf") format("truetype"),
       url("../fonts/BEBAS__.eot") format("embedded-opentype"),
       url("../fonts/BEBAS__.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINCond-Bold";
  src: url("../fonts/DINCond-Bold.woff2") format("woff2"),
       url("../fonts/DINCond-Bold.woff") format("woff"),
       url("../fonts/DINCond-Bold.ttf") format("truetype"),
       url("../fonts/DINCond-Bold.eot") format("embedded-opentype"),
       url("../fonts/DINCond-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #e60012;
        /*border-radius: 4px;*/
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #e60012;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #e60012;
    }
    html {
        font-size: 30px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }
/* 更改placeholder颜色 */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 50;
    background-color: #fff;
    border-bottom: 1px solid rgba(35,102,183,.2);
}
.header-view{
    padding: 0 3.125%;
}
header .logo{
    float: left;
    width: 3.725rem;
    font-size: 0;
    position: relative;
    margin-top: .75rem;
}
header .logo img{
    width: 100%;
    transition: all .3s;
}
header .logo .white-img{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.pc-nav{
    float: left;
    margin-left: 3rem;
}
.pc-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 0;
    margin-right: 1.7rem;
}
.pc-nav li:last-child{
    margin-right: 0;
}
.pc-nav li .tit{
    display: block;
    font-size: .4rem;
    line-height: 2.5rem;
    color: #1a1a1a;
    position: relative;
    transition: all .3s;
}

.pc-nav li.has .tit{
    padding-right: .4rem;
}
.pc-nav li.has .tit:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/nav-sj.png');
    margin-top: -2px;
    transition: all .3s;
}
.header-right{
    float: right;
    font-size: 0;
}
.header-right .right-nav{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.right-nav a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 2.5rem;
    color: #1a1a1a;
    margin-right: .9rem;
    transition: all .3s;
}
.right-nav a:last-child{
    margin-right: 0;
}
.header-right .lang{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .3rem;
    line-height: 2.5rem;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .45rem;
    background-image: url('../img/lang.png');
    color: #333;
    margin-left: 2.25rem;
    position: relative;
    vertical-align: top;
    transition: all .3s;
}
.header-right .lang:before{
    content: "";
    position: absolute;
    width: 1px;
    height: .25rem;
    background-color: #666;
    top: 50%;
    left: -.55rem;
    transform: translateY(-50%);
    opacity: .2;
}
.header-right .search-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-top: .8rem;
	margin-left: .6rem;
	position: relative;
}
.header-right .search-box .search-btn{
	display: block;
    width: .9rem;
    height: .9rem;
    /* border: 1px solid rgba(51,51,51,.25); */
    border-radius: 100%;
    font-size: .35rem;
    line-height: .9rem;
    color: #666;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/search-btn.png');
    transition: all .3s;
}
.sp-page .header-right .search-box .search-btn{
	border-color: rgba(255,255,255,.5);
	background-image: url('../img/search-btn2.png');
}
.search-dialog{
    position: absolute;
    right: 0;
    top: 0;
    width: 6.625rem;
    height: .9rem;
    border-radius: .45rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-right: none;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.search-dialog input[type=text]{
    float: left;
    width: 65%;
    height: .5rem;
    line-height: .5rem;
    padding: .2rem .6rem;
    font-size: .35rem;
    color: #666;
    font-family: "PINGFANG BOLD-subfont";
    background-color: transparent;
}
.search-dialog input[type=submit]{
    width: .9rem;
    height: .9rem;
    border-radius: 100%;
    background-color: #e62129;
    border: 1px solid #e62129;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/search-btn2.png');
    float: right;
    border: none;
    transition: all .3s;
}
.search-box.on .search-dialog{
    opacity: 1;
    visibility: visible;
}
.header-right .old{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 2.5rem;
    color: #1a1a1a;
    margin-left: .6rem;
    transition: all .3s;
}
.nav-btn{
    display: none;
}

header.white,
.sp-page header{
    border-color: rgba(255,255,255,.2);
    background-color: transparent;
}
header.white .logo .init-img,
.sp-page header .logo .init-img{
    opacity: 0;
}
header.white .logo .white-img,
.sp-page header .logo .white-img{
    opacity: 1;
}
header.white .pc-nav li .tit,
.sp-page header .pc-nav li .tit{
    color: #fff;
}
header.white .pc-nav li.has .tit:before,
.sp-page header .pc-nav li.has .tit:before{
    background-image: url('../img/nav-sj2.png');
}
header.white .right-nav a,
.sp-page header .right-nav a{
    color: #fff;
}
header.white .header-right .lang,
.sp-page header .header-right .lang{
    color: #fff;
}
header.white .header-right .search-box .search-btn{
	background-image: url('../img/search-btn2.png');
	/* border-color: rgba(255,255,255,.5); */
}
header.white .header-right .old,
.sp-page header .header-right .old{
    color: #fff;
}
.sp-page header.white .header-right .old{
    color: #1a1a1a;
}


.sp-page header.white .header-right .search-box .search-btn{
	background-image: url('../img/search-btn.png');
	/* border-color: rgba(51,51,51,.25); */
}


.sp-page header.white{
    border-color: rgba(35,102,183,.2);
    background-color: #fff;
}
.sp-page header.white .logo .init-img{
    opacity: 1;
}
.sp-page header.white .logo .white-img{
    opacity: 0;
}
.sp-page header.white .pc-nav li .tit{
    color: #1a1a1a;
}
.sp-page header.white .pc-nav li.has .tit:before{
    background-image: url('../img/nav-sj.png');
}
.sp-page header.white .right-nav a{
    color: #1a1a1a;
}
.sp-page header.white .header-right .lang{
    color: #1a1a1a;
}

.clearfixed{
    height: 2.5rem;
}
.sp-page .clearfixed{
    display: none;
}
.m-nav{
    display: none;
}
.nav-mask{
    display: none;
}

footer{
    background-color: #d5dade;
    position: relative;
    z-index: 5;
}
.footer-top{
    padding: 3rem 0 1.4rem;
}
.footer-top .company-box .select.on .sub{
    display: block;
}
/* .f-nav{
    width: 83.33%;
    float: left;
} */
.f-nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.f-nav li{
  width: 1.8rem;
  white-space: nowrap;
}
.f-nav li.f-contact{
  width: auto;
}
.f-nav .tit{
    display: block;
    font-size: .45rem;
    line-height: .5rem;
    color: #282d48;
    margin-bottom: 1rem;
}
.f-nav .navson a{
    display: block;
    font-size: .375rem;
    line-height: .75rem;
    color: #3f4668;
    transition: all .3s;
    /* width: 1.8rem;
    white-space: nowrap; */
}
/* .f-contact{
    float: right;
    width: 9%;
} */
.f-contact .tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #282d48;
}
.f-contact .icon-box{
    font-size: 0;
    margin-top: .6rem;
}
.f-contact .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: .5rem;
    position: relative;
    width: .95rem;
}
.f-contact .icon-box .item:last-child{
    margin-right: 0;
}
.f-contact .icon-box .icon{
    display: block;
    width: .95rem;
    height: .95rem;
    background-color: #282d48;
    border-radius: 100%;
    transition: all .3s;
}
.f-contact .icon-box .icon img{
    width: 100%;
}
.f-contact .icon-box .item .img-box{
    position: absolute;
    left: 50%;
    bottom: .95rem;
    transform: translateX(-50%);
    padding-bottom: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.f-contact .icon-box .item .img-box:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}
.f-contact .icon-box .item .img{
    width: 5rem;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    border-radius: 6px;
    overflow: hidden;
}
.f-contact .icon-box .item .img img{
    width: 100%;
}
.footer-top .company-box{
    text-align: right;
    font-size: 0;
    margin-top: 1rem;
}
.footer-top .company-box .select{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 1.1rem;
    position: relative;
}
.footer-top .company-box .select-tit{
    display: block;
    width: 260px;
    height: 1.1rem;
    line-height: 1.1rem;
    box-sizing: border-box;
    text-align: center;
    border-right: 2px solid;
    background-color: #fff;
}
.footer-top .company-box .select-tit span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-right: .5rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 9px;
    font-size: .4rem;
    line-height: 1.1rem;
    height: 1.1rem;
    position: relative;
}

.footer-top .company-box .select-tit span:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 6px;
    margin-top: -3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.footer-top .company-box .gov-select .select-tit{
    border-color: #2366b7;
}
.footer-top .company-box .gov-select .select-tit span{
    color: #2366b7;
}
.footer-top .company-box .gov-select .select-tit span:before{
    background-image: url('../img/gov-sj.png');
}
.footer-top .company-box .member-select .select-tit{
    border-color: #df0024;
}
.footer-top .company-box .member-select .select-tit span{
    color: #df0024;
}
.footer-top .company-box .member-select .select-tit span:before{
    background-image: url('../img/member-sj.png');
}
.footer-top .company-box .select .sub{
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    background-color: #fff;
    box-shadow:  0 0 10px rgba(0,0,0,.1);
    max-height: 4rem;
    overflow: hidden;
    display: none;
}
.footer-top .company-box .select .sub a{
    display: block;
    line-height: .6rem;
    text-align: center;
    font-size: .3rem;
    color: #2366b7;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    padding: .2rem .5rem;
}
.footer-top .company-box .member-select .sub a{
    color: #df0024;
}

.footer-top .company-box .select .sub a:last-child{
    border-bottom: none;
}

.footer-top .company-box .select .sub .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
.footer-top .company-box .select .sub .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #2366b7;
    width: 3px;
}
.footer-top .company-box .member-select .sub .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #df0024;
}
.footer-top .company-box .select .sub .mCSB_scrollTools{
    width: 3px;
}
.footer-top .company-box .select .sub .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background-color: transparent;
}
.m-qrcode{
    display: none;
}

.footer-bottom{
    padding: 1.25rem 0;
    border-top: 1px solid rgba(165,170,197,.4);
}
.footer-bottom .left{
    font-size: 0;
    float: left;
}
.footer-bottom .copy,
.footer-bottom a{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: .35rem;
    line-height: .5rem;
    color: #656b86;
    transition: all .3s;
}
.footer-bottom .police{
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url('../img/police.png');
}
.footer-bottom .right{
    float: right;
    font-size: 0;
}
.footer-bottom .build,
.footer-bottom .link{
    display: inline-block;
    *display: inline;
    zoom:1;
    
}
.footer-bottom .build{
    margin-left: .3rem;
}
.footer-bottom .left .link{
    margin-left: .5rem;
}
.footer-bottom .left .link a{
    margin-right: .3rem;
}
.footer-bottom .left .link a:last-child{
    margin-right: 0;
}
.footer-bottom .build,
.footer-bottom .right a{
    font-size: .35rem;
    line-height: .5rem;
    color: #656b86;
    transition: all .3s; 
}

.footer-bottom .right .link a{
    margin-left: .3rem;
}
.footer-bottom .right .link a:first-child{
    margin-left: 0;
}
.f-contact .icon-box .item:hover .icon{
    background-color: #e62129;
}
.f-contact .icon-box .item:hover .img-box{
    opacity: 1;
    visibility: visible;
}


.index-page .clearfixed{
    display: none;
}
.index-wrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-wrap>.swiper-wrapper>.swiper-slide{
    overflow: hidden;
}
.index-wrap>.swiper-wrapper>.swiper-slide.foot-slide{
    height: auto;
    overflow: inherit;
}
.banner-box.enter .index-line{
    height: 100%;
    transition: all 1s;
}
.banner-box.enter .ban-text{
    opacity: 1;
    transition: all .5s 1s;
}
.banner-box.enter .left-tab,
.banner-box.enter .right-tab{
    opacity: 1;
    transition: all .5s;
}
.banner-box.enter.out .index-line,
.banner-box.enter.out .ban-text{
    opacity: 0;
    transition: all .3s;
}
.index-about-box.enter .index-line{
    height: 100%;
    transition: all 1s;
}
.index-about-box.enter .bg{
    opacity: 1;
    transition: all .5s;
}
.index-about-box.enter .box{
    opacity: 1;
    transition: all .5s 1.5s;
}
.index-about-box.enter.out .index-line,
.index-about-box.enter.out .box{
    opacity: 0;
    transition: all .3s;
}

.index-news-box{
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
}
.index-news-box .global{
    position: absolute;
    left: 33.33%;
    top: -1.5rem;
    width: 37.1875%;
}
.index-news-box .global img{
    width: 100%;
}
.index-news-box .all-btn-box{
    text-align: right;
    font-size: 0;
    position: relative;
    z-index: 3;
}
.index-news-box .all-btn-box a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .4rem;
    line-height: .5rem;
    color: #222;
    padding-left: .5rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/all-icon.png');
    background-size: .325rem;
    transition: all .3s;
}
.index-news{
    margin-top: 1.75rem;
    position: relative;
    z-index: 3;
}
.index-news .row{
    /* white-space: nowrap;
    font-size: 0; */
    padding: 0 9.375vw;
}
.index-news .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 13rem;
    margin-right: .6rem;
}
.index-news .item:last-child{
    margin-right: 0;
}
.index-news .item .con-box{
    display: block;
}
.index-news .item .img-box{
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}
.index-news .item .img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 8.5rem;
    transition: all .6s ease;
}
.index-news .item img{
    display: none;
    width: 100%;
}
.mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    opacity: 0;
    transition: all .6s ease;
}
.more-text{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    opacity: 0;
    transition: all .6s ease;
}
.more-text:before,
.more-text:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2.5rem;
    height: 1px;
    background-color: #fff;
    transition: all .6s ease;
}
.more-text:before{
    top: 0;
}
.more-text:after{
    bottom: 0;
}
.index-news .item .bot-box{
    margin-top: .6rem;
    font-size: 0;
}
.index-news .item .time{
    font-size: .35rem;
    line-height: .5rem;
    color: #999;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: .3rem;
}
.index-news .item .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #333;
    margin-top: .6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-news .item .type{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .5rem;
    padding-left: .5rem;
    color: #999;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .325rem;
    background-image: url('../img/index-news-type.png');
    /* margin-top: 1.5rem; */
    /* float: right; */
}
.index-news .mCSB_scrollTools{
    position: relative;
    padding-left: 9.375%;
}
.index-news .mCSB_scrollTools .mCSB_draggerContainer{
    left: 9.375vw;
    width: calc(100% - 9.375vw);
}
.index-news .mCSB_scrollTools .mCSB_draggerRail{
    background-color: #ddd;
}
.index-news .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 30px;
    height: 30px;
    background-color: rgba(221,221,221,.5);
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -15px 0 0 0;
}
.index-news .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    border-radius: 100%;
    background-color: #fff;
}
.index-news .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background-color: #bf2229;
    border-radius: 100%;
}
.index-news .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    height: 30px;
}
.index-news .mCSB_inside>.mCSB_container{
    margin-bottom: 2rem;
}
.index-news .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    position: absolute;
    top: 50%;
    left: 0;
    margin: -1px 0 0;
}

.index-btns{
    position: fixed;
    right: 2.5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.index-btns a{
    display: block;
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    border: 1px solid transparent;
    position: relative;
    transition: all .5s;
}

.index-btns a:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    margin: -5px 0 0 -5px;
    transition: all .3s;
}
.index-btns a.cur{
    border-color: #e62129;
}
.index-btns a.cur:before{
    background-color: #e62129;
}
.index-btns.on a:before{
    background-color: #93a3b7;
}
.index-btns.on a.cur:before{
    background-color: #e62129;   
}
.banner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* .index-line{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 3;
}
.index-line svg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
} */
.banner .m-box{
    display: none;
}
.banner .pc-box,
.banner .m-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.banner .ban-video video{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120%;
    transform: translate(-50%,-50%);
}
.banner .ban-video .video-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/video-mask.png');
}
.banner .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner .m-img{
    display: none;
}

.banner .swiper-slide{
    overflow: hidden;
}
/* .banner .right-tab{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s;
}
.banner .right-tab .img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
} */
.ban-text{
    position: absolute;
    left: 0;
    top: 24%;
    width: 100%;
    opacity: 0;
    text-align: center;
    z-index: 5;
}
.ban-text.text-left{
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
}
.ban-text .company{
    font-size: .4rem;
    line-height: .7rem;
    color: #fff;
    padding-left: .8rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url('../img/company-icon.png');
} 
.ban-text .tit{
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #fff;
     margin-top: .5rem; 
}
.ban-text .con{
    font-size: .45rem;
    line-height: .6rem;
    color: #fff;
    margin:.7rem auto 0;
    opacity: .74;
}
/* .banner-box .tab-ul{
    position: absolute;
    width:260px;
    height:48px;
    left:50%;
    margin-left:-130px;
    bottom:2.5rem;
    z-index:3;
}
.banner-box .tab-ul .li{
    width:45px;
    height:45px;
    opacity:.5;
    transition: opacity .3s;
}
.banner-box .tab-ul .li.cur{
    opacity:1;
}
.banner-box .tab-ul .line{
    width:10px;
    height:2px;
    background-color:rgba(255, 255, 255, .2);
    margin:0 8px;
} */
.view{
    padding: 0 9.375%;
}
.ban-text .company{
    display:inline-block;
}

.index-about-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    /* background-color: #d3e0f1; */
}
.index-about-box .bg{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    opacity: 0;
}
.index-about-box .bg img{
    width: 100%;
}
.index-about-box .box{
    opacity: 0;
}
.index-about{
    position: absolute;
    left: 0;
    top: 34.26%;
    width: 100%;
    z-index: 4;
}
.index-about .profile-tit{
    font-size: 0;
}
.index-about .profile-tit span{
    font-size: .4rem;
    line-height: .75rem;
    color: #e62129;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-left: .9rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .75rem;
    background-image: url('../img/profile-icon.png');
}
.index-about .tit{
    font-size: 1.35rem;
    line-height: 1.5rem;
    color: #000;
    margin-top: .4rem;
}

.index-about .left{
    float: left;
    width: 35.2564%;
}
.index-about .con{
    font-size: .375rem;
    line-height: .75rem;
    color: #666;
    margin-top: 1.25rem;
}
.index-about .index-more{
    margin-top: 1.1rem;
}
.index-about .num-list{
    float: right;
    font-size: 0;
    /* margin-right: 7%; */
}
.index-about .num-list .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 2rem;
    position: relative;
    vertical-align: top;
}
.index-about .num-list .item:first-child{
    margin-left: 0;
}
.index-about .num-list .item:before{
    content: "";
    position: absolute;
    left: -1rem;
    top: .25rem;
    width: 1px;
    height: 1.125rem;
    background-color: #959595;
    opacity: .3;
}
.index-about .num-list .item:first-child:before{
    display: none;
}
.index-about .num-box{
    font-size: 0;
}
.index-about .num-box .num,
.index-about .num-box .unit{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.index-about .num-list .num{
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #e62129;
    font-family: "AVANTGARDEMDITCTT";
}
.index-about .num-list .unit{
    color: #0e0e0e;
    font-size: .4rem;
    line-height: .5rem;
    margin-left: 4px;
}
.index-about .num-list .txt{
    font-size: .375rem;
    line-height: .5rem;
    color: #333;
    margin-top: .5rem;
}

.index-business-box .left-tab,
.index-business-box .right-tab{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.index-business-box .left-tab{
    z-index: 3;
}
.index-business-box .left-tab .btns{
    display: none;
}
.index-business-box .left-tab .img,
.index-business-box .right-tab .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index-business-box .left-tab .m-img{
    display: none;
}
.index-business-box .tab-btns-box{
    position: absolute;
    left: 0;
    top:48%;
    width: 100%;
    z-index: 3;
}
.index-business-box .tab-btns-box .line{
    width: 100%;
    display: block;
}
.index-business-box .tab-btns{
    width:100%;
    opacity: 0;
}

/*.index-business-box .tab-btns:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 2.5rem);
    transform: translateX(-50%);
    height: 1px;
    background-color: rgba(255,250,250,.34);
}*/
.index-business-box .tab-btns .swiper-wrapper{
    /* justify-content: space-between; */
}
/*.index-business-box .tab-btns .item:nth-child(1){
    left: 4.6875%;
    top: -20%;
}
.index-business-box .tab-btns .item:nth-child(2){
    left: 30.2%;
    top: 40%;
}
.index-business-box .tab-btns .item:nth-child(3){
    left: 60%;
    top: 75%;
}
.index-business-box .tab-btns .item:nth-child(4){
    left: 83.33%;
    top: 8%;
}*/


.index-business-box .tab-btns .item:nth-child(1){
    left: 18.2%;
    top: 7%;
}
.index-business-box .tab-btns .item:nth-child(2){
    left: 50%;
    top: 78%;
}
.index-business-box .tab-btns .item:nth-child(3){
    left: 80.33%;
    top: 13%;
}
.index-business-box .tab-btns .item{
    position: absolute;
    width: 4.6875%;
    padding-top: 4.6875%;
    z-index: 2;
    transition: all .3s;
}
.index-business-box .tab-btns .item .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #2366b7;
    font-size: 0;
    text-align: center;
    z-index: 3;
    transition: all .3s;
}
.index-business-box .tab-btns .item .icon img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* transform: translate(-50%, -50%); */
}
.index-business-box .tab-btns .item:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200%;
    height: 200%;
    background-color:rgba(255,255,255,.6);
    border-radius: 100%;
    margin: -100% 0 0 -100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.index-business-box .tab-btns .txt{
    position: absolute;
    left: 50%;
    bottom: 100%;
    font-size: .45rem;
    line-height: .5rem;
    color: #fefefe;
    white-space: nowrap;
    transform:translate(-50%);
    padding-bottom: .4rem;
    transition: all .3s;
    text-shadow: 0 0 20px rgba(0,0,0,.45);
}
.index-business-box .tab-btns .item.cur .icon{
    background-color: #e62129;
    /* transform: scale(1.956); */
}
.index-business-box .tab-btns .item.cur .txt{
    opacity: 0;
    visibility: hidden;
}
.index-business-box .tab-btns .item.cur:before{
    visibility: visible;
    opacity: 1;
}
.index-business-box .text-tab{
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    z-index: 4;
    text-align: center;
    opacity: 0;
}
.index-business-box .text-tab .icon{
    display: none;
}
.index-business-box .text-tab .tit{
    font-size: 1.35rem;
    line-height: 1.5rem;
    color: #fefefe;
}
.index-business-box .text-tab .desc{
    font-size: .5rem;
    line-height: .6rem;
    color: #fefefe;
    margin-top: .75rem;
}
.index-business-box .text-tab .sub-tit{
    font-size: .4rem;
    line-height: .6rem;
    color: #fefefe;
    opacity: .5;
    margin-top: .6rem;
}
.index-more{
    width: 3.875rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #e62129;
    border-radius: .5rem;
    display: block;
}
.index-business-box .text-tab .index-more{
    margin: 2rem auto 0;
    
}
.index-business-box.enter .left-tab,
.index-business-box.enter .right-tab{
    opacity: 1;
    transition: all .5s;
}
.index-business-box.enter .index-line{
    height: 100%;
    transition: all 1s;
}
.index-business-box.enter .tab-btns{
    opacity: 1;
    transition: all .5s 1s;
}
.index-business-box.enter .text-tab{
    opacity: 1;
    transition: all .5s 1s;
}
.index-business-box.enter.out .index-line,
.index-business-box.enter.out .tab-btns,
.index-business-box.enter.out .text-tab{
    opacity: 0;
    transition: all .3s;
}
.bottom-btns{
    position: fixed;
    left: 9.375%;
    bottom: 0;
    font-size: 0;
    z-index: 10;
}

.bottom-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 4.45rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0;
}
.bottom-btns a span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: 1.5rem;
    color: #fff;
    padding-left: 1rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .8rem;
}
.bottom-btns a.info-btn{
    background-color: #e62129;
}
.bottom-btns a.info-btn span{
    /*background-image: url('../img/bottom-btn1.png');*/
    background-image: url('../img/zimg2.png');
    background-size: .7rem;
    
}
.bottom-btns a.company-btn{
    background-color: #2366b7;
}

.bottom-btns a.company-btn span{
    background-image: url('../img/bottom-btn2.png');
}

.index-dialog-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: none;
}
.info-dialog-wrap{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.info-dialog-tit{
    font-size: .95rem;
    line-height: 1rem;
    color: #fff;
    margin-bottom: .6rem;
}
.info-dialog-wrap .left{
    float: left;
    width: 36%;
}
.info-dialog-wrap .left .btns{
    position: absolute;
    left: 0;
    bottom: -1rem;
    font-size: 0;
    text-align: center;
    width: 100%;
    font-size: 0;
    z-index: 3;
}
.info-dialog-wrap .left .btns .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    opacity: .3;
    transition: all .3s;
}
.info-dialog-wrap .left .btns .swiper-pagination-bullet-active{
    opacity: 1;
}
.info-dialog-wrap .stock-tab{
    overflow: hidden;
}
.info-dialog-wrap .stock-tab .swiper-slide{
    border: 2px solid #fff;
    box-sizing: border-box;
}
.info-dialog-wrap .stock-tab .top-box{
    position: relative;
    border-bottom: 2px solid #fff;
}
.info-dialog-wrap .stock-tab .top-left{
    float: left;
    width: 55%;
    box-sizing: border-box;
    padding: 1.25rem .9rem 1.25rem 2.25rem;
    border-right: 2px solid #fff;
}
.info-dialog-wrap .stock-tab .tit{
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
}
.info-dialog-wrap .stock-tab .price{
    color: #fff;
    font-size: .375rem;
    line-height: .5rem;
    margin-top: .5rem;
    position: relative;
    white-space: nowrap
}
.info-dialog-wrap .stock-tab .price:before{
    content: "";
    position: absolute;
    left: -.8rem;
    bottom: .3rem;
    width: .3rem;
    height: .45rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/stock-dialog-up.png');
}
.info-dialog-wrap .stock-tab .price span{
    font-size: 1.8rem;
    line-height: 1.9rem;
    font-family: "AVANTGARDEMDITCTT";
}
.info-dialog-wrap .stock-tab .price.down:before{
    background-image: url('../img/stock-dialog-down.png');
}
.info-dialog-wrap .stock-tab .top-right{
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
}
.info-dialog-wrap .stock-tab .top-list{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.info-dialog-wrap .stock-tab .top-list .item{
    margin: .3rem 0;
    font-size: 0;
}
.info-dialog-wrap .stock-tab .top-right .tit,
.info-dialog-wrap .stock-tab .top-right .con{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    margin:  0 .6rem;
}
.info-dialog-wrap .stock-bottom{
    padding: 1.25rem 2rem;
}
.info-dialog-wrap .stock-bottom .item{
    float: left;
    font-size: 0;
    margin-bottom: .75rem;
}
.info-dialog-wrap .stock-bottom .item:nth-child(5),
.info-dialog-wrap .stock-bottom .item:nth-child(6){
   margin-bottom: 0;
}
.info-dialog-wrap .stock-bottom .item:nth-child(2n){
    float: right;
}
.info-dialog-wrap .stock-bottom .bot-tit,
.info-dialog-wrap .stock-bottom .con{
    width: 1.75rem;
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
    display: inline-block;
    *display: inline;
    zoom: 1;
    white-space: nowrap;
}
.info-dialog-wrap .stock-bottom .bot-tit{
    width: 1.75rem;
}
.info-dialog-wrap .stock-bottom .con{
    margin-left: .75rem;
}
.info-dialog-wrap .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 52.6%;
    height: 100%;
}
.info-dialog-wrap .tab-item{
    position: absolute;
    left: 0;
    width: 100%;
}
.info-dialog-wrap .tab-item:nth-child(1){
    top: 0;
}
.info-dialog-wrap .tab-item:nth-child(2){
    bottom: 0;
}
.info-dialog-wrap .tab-box{
    overflow: hidden;
    margin-top: -.8rem;
}
.info-dialog-wrap .con-box{
    display: block;
    position: relative;
    width: 100%;
}
.info-dialog-wrap .tab-item .img{
    height: 4.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.info-dialog-wrap .tab-item .text{
    position: absolute;
    left: 7.5%;
    top: 35%;
    width: 80%;
}
.info-dialog-wrap .tab-item .tit{
    font-size: .5rem;
    line-height: .7rem;
    color: #fff;
}
.info-dialog-wrap .tab-item .sub-tit{
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    opacity: .3;
    margin-bottom: .1rem;
}
.info-dialog-wrap .tab-item .btns{
    position: absolute;
    left: 7.5%;
    bottom: 16.7%;
    width: 92.5%;
    font-size: 0;
    z-index: 3;
}
.info-dialog-wrap .tab-item .btns .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 0 6px 0 0;
    border-radius: 100%;
    background-color: #fff;
    opacity: .3;
    transition: all .3s;
}
.info-dialog-wrap .tab-item .btns .swiper-pagination-bullet-active{
    opacity: 1;
}
.index-dialog-box .close-btn{
    position: absolute;
    right: -2.5rem;
    top: 0;
    width: .8rem;
    height: .8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/index-dialog-close.png');
}
.website-dialog-wrap,
.website-tab{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.website-dialog-box .bg-tab .img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.website-tab .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.website-tab .con-box{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
}

.website-dialog-box .bg-tab{
    overflow: hidden;
}
.website-view{
    width: 74.48%;
    margin: 0 auto;
}
.website-tab .bg-tab .swiper-slide{
    height: 100%;
}
.website-tab .bg-tab .img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}
.website-tab > .swiper-wrapper >.swiper-slide-active{
    z-index: 3;
}
.website-tab .right{
    float: right;
    width: 59.79%;
}
.website-tab .right .trans{
    width: 100%;
}
.website-tab .business-slide .top-box,
.website-tab .business-slide .bottom-box{
    position: absolute;
    width: 100%;
    left: 0;
}
.website-tab .business-slide .top-box{
    height: 58.421%;
    top: 0;
}
.website-tab .business-slide .bottom-box{
    bottom: 0;
    height: 38.1579%;
}
.website-tab .item{
    position: absolute;
    overflow: hidden;
}
.website-tab .item .img{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .3s;
}
.website-tab .business-slide .top-box .item:nth-child(1){
    top: 0;
    left: 0;
    width: 55.55%;
    height: 47.23%;
}
.website-tab .business-slide .top-box .item:nth-child(2){
    bottom: 0;
    left: 0;
    width: 55.55%;
    height: 47.23%;
}
.website-tab .business-slide .top-box .item:nth-child(3){
    top: 0;
    right: 0;
    width: 41.7647%;
    height: 29.72%;
}
.website-tab .business-slide .top-box .item:nth-child(4){
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 41.7647%;
    height: 29.72%;
}
.website-tab .business-slide .top-box .item:nth-child(5){
    bottom: 0;
    right: 0;
    width: 41.7647%;
    height: 29.72%;
}


.website-tab .business-slide .bottom-box .item:nth-child(1){
    top: 0;
    left: 0;
    width: 55.55%;
    height: 44.827%;
}
.website-tab .business-slide .bottom-box .item:nth-child(2){
    bottom: 0;
    left: 0;
    width: 55.55%;
    height: 44.827%;
}
.website-tab .business-slide .bottom-box .item:nth-child(3){
    top: 0;
    right: 0;
    width: 41.7647%;
    height: 44.827%;
}
.website-tab .business-slide .bottom-box .item:nth-child(4){
    bottom: 0;
    right: 0;
    width: 41.7647%;
    height: 44.827%;
}


.website-tab .finance-slide .left-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 58.83%;
    height: 100%;
}
.website-tab .finance-slide .left-box .item:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 67.8947%;
}
.website-tab .finance-slide .left-box .item:nth-child(2){
    left: 0;
    bottom: 0;
    width: 48.1%;
    height: 30%;
}
.website-tab .finance-slide .left-box .item:nth-child(3){
    right: 0;
    bottom: 0;
    width: 48.1%;
    height: 30%;
}
.website-tab .finance-slide .right-box{
    position: absolute;
    right: 0;
    top: 0;
    width: 38.2456%;
    height: 100%;
}
.website-tab .finance-slide .right-box .item{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.website-tab .medical-slide .box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.website-tab .medical-slide .item:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 39.73%;
}
.website-tab .medical-slide .item:nth-child(2){
    bottom: 0;
    left: 0;
    width: 53.45%;
    height: 57.368%;
}
.website-tab .medical-slide .item:nth-child(3){
    bottom: 0;
    right: 0;
    width: 44.44%;
    height: 57.368%;
}


.website-tab .text-box{
    position: absolute;
    left: 0;
    top: 50%;
    width: 33.5664%;
    z-index: 2;
}
.website-tab .website-btns{
    font-size: 0;
}
.website-tab .website-btns .tab-item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 1rem;
    position: relative;

}
.website-tab .website-btns .tab-item:last-child{
    margin-right: 0;
}
.website-tab .website-btns .tab-item:before{
    content: "";
    position: absolute;
    right: -.5rem;
    top: 50%;
    width: 1px;
    height: .5rem;
    background-color: #fff;
    opacity: .5;
    transform: translateY(-50%);
}
.website-tab .website-btns .tab-item:last-child:before{
    display: none;
}
.website-tab .website-btns a{
    display: block;
    font-size: 0;
    opacity: .7;
    transition: all .3s;
}
.website-tab .website-btns .txt,
.website-tab .website-btns .icon{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.website-tab .website-btns .txt{
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
}
.website-tab .website-btns .icon{
    width: 1rem;
}
.website-tab .website-btns .icon img{
    width: 100%;
}
.website-tab .business-slide .website-btns .tab-item:nth-child(1) a{
    opacity: 1;
}
.website-tab .finance-slide .website-btns .tab-item:nth-child(2) a{
    opacity: 1;
}
.website-tab .medical-slide .website-btns .tab-item:nth-child(3) a{
    opacity: 1;
}
.website-tab .text{
    font-size: .425rem;
    line-height: .9rem;
    color: #fff;
    margin-top: 2.5rem;
}


.website-tab .right .txt{
    position: absolute;
    left: 0;
    bottom: .4rem;
    width: 100%;
    font-size: .45rem;
    line-height: .7rem;
    color: #fff;
    box-sizing: border-box;
    padding: 0 .75rem;
}



.sub-banner{
  height: 16rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sub-banner img{
    width: 100%;
}

.news-box{
    padding:2.25rem 0 4.25rem;
}
.news-box .warp-news-left{
    /* width:330px; */
    float: left;
}
.news-box .news-left{
    /* width:330px; */
}

.news-box .news-left .en{
    font-size:1.375rem;
    line-height: 1.4rem;
    color:#000;
    font-weight:bold;
    margin-bottom:.8rem;
    font-family:"Arial,sans-serif"
}
.news-box .news-left .cn{
    font-size:.7rem;
    line-height: .8rem;
    color:#000;
    /* padding-bottom:.8rem; */
    margin-bottom:.8rem;
    position: relative;
}
.news-box .news-left .cn:before{
    /* content:"";
    position: absolute;
    left:0;
    bottom:0;
    width:44px;
    height:1px;
    background:#e5e5e5; */
}
.news-box .news-left .desc{
    font-size:.35rem;
    line-height:.4rem;
    margin-bottom:2.25rem;
    color:#999;
    display: none;
}
.news-box .news-left .type-btns{
    width:4rem;
}
.news-box.fix .warp-news-left{
    position: fixed;
    top: 4.75rem;
}
.news-box.bottom .warp-news-left{
    position: absolute;
    left: 9.375%;
    top: auto;
    bottom: 0;
}
.news-box .news-left .type-btns a{
    font-size:.4rem;
    text-align:center;
    color:#888;
    display:block;
    line-height: 1.5rem;
    border:1px solid #f5f5f5;
    position: relative;
    transition: all .3s;
}
.news-box .news-left .type-btns a:before{
    content:"";
    position: absolute;
    left:0;
    top:0;
    width:3px;
    height:100%;
    background:#fabe00;
    opacity:0;
    transition: all .3s;
}
.news-box .news-left .type-btns a.cur{
    background-color:#f7f7f7;
    color:#000;
}
.news-box .news-left .type-btns a.cur:before{
    opacity:1;
}


.news-box .news-right{
    margin-right:3.2%;
    width:66%;
    float: right;
    position: relative;
}
.news-box .block{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
}

.news-box .news-right .tit2{
    font-size:16px;
    color:#888;
    margin-bottom:20px;
    text-align:right;
}
.news-box .news-right .imgbox{
    width:100%;
    margin-bottom:2rem;
    display:block;
    overflow: hidden;
}
.news-box .news-right .imgbox .img{
    width:100%;
    height:380px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover;
    overflow: hidden;
}
.news-box .news-right .imgbox .text{
    width:100%;
    padding:.7rem 0 0; 
    position: relative;
    position: relative;
}
.news-box .news-right .imgbox .tit3{
    color:#000000;
    font-size:.6rem;
    width:75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-box .news-right .imgbox .tit4{
    color:#888;
    font-size:14px;
    margin-top:10px;
    width:75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-box .news-right .imgbox .time img{
    width:13px;
    height:13px;
    margin-right:15px;
}
.news-box .news-right .imgbox .time{
    position: absolute;
    right:0;
    top:.7rem;
    font-size:14px;
    color:#888;
    font-family:"Arial,sans-serif"
}
.news-box .warp-ulbox .tit2{
    position: absolute;
    right:0;
    top:0;
}

.news-box .warp-ulbox .li{
    width:47.87%;
    margin-bottom:.8rem;
    float: left;
    transition: all .3s;
}
.news-box .warp-ulbox .li:nth-child(2n){
  float: right;
}
.news-box .warp-ulbox .li .img-box{
    overflow: hidden;
    position: relative;
}
.news-box .warp-ulbox .li .img{
    width:100%;
    height: 8.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .6s ease;
}

.news-box .warp-ulbox .li:nth-child(2){
    margin-top: 2rem;
}


.news-box .warp-ulbox .text{
    width:100%;
    padding:.7rem .5rem; 
    position: relative;
    box-sizing: border-box;
    transition: all .3s;
}
.news-box .warp-ulbox .tit3{
    color:#000000;
    font-size:.5rem;
    line-height:.75rem;
    height:1.5rem;
    width:75%;
    overflow: hidden;
    float: left;
}
.news-box .warp-ulbox .tit4{
    color:#888;
    font-size:.35rem;
    line-height:.6rem;
    height:1.2rem;
    margin-top:.25rem;
    width:75%;
    overflow: hidden;
}
.news-box .warp-ulbox .time{
    float: right;
    font-size:.35rem;
    line-height: .75rem;
    color:#888;
    font-family:arial;
    padding-left: .7rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/img3.png')
}
.news-box .warp-ulbox .time img{
    width:.325rem;
    margin-right:.4rem;
}
.news-box .warp-ulbox .morebox{
    margin-top:1.5rem;
    text-align: center;
    display: none;
}
.news-box .warp-ulbox .morebox img{
    display: block;
    width:1.15rem;
    margin: 0 auto;
}
.news-box .warp-ulbox .morebox span{
    text-align:center;
    color:#ccc;
    font-size:.35rem;
    font-family: arial;
    margin-top: .25rem;
}

.index-news .item .tit,.index-news .item .img img,.news-box .warp-ulbox .li .img img{
    transition: all .8s ease;
}


.index-more{
    transition: all .5s ease;
}

.banner-box .downbtn{
    color: #fff;
    line-height: 1;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 4;
    bottom: 4.6%;
    cursor: pointer;
}
.banner-box .downbtn p{
    font-size:14px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
}
.banner-box .downbtn .btn{
    width: 11px;
    height: 13px;
    margin: 8px auto 0;
    -webkit-animation: trackBallSlide 5s linear infinite;
    animation: trackBallSlide 5s linear infinite;
}

@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(3px);
    transform: scale(0.9) translateY(3px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(10px);
    transform: scale(0.4) translateY(10px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-8px);
    transform: scale(0.4) translateY(-8px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(3px);
    transform: scale(0.9) translateY(3px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(10px);
    transform: scale(0.4) translateY(10px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-8px);
    transform: scale(0.4) translateY(-8px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(3px);
    transform: scale(0.9) translateY(3px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(10px);
    transform: scale(0.4) translateY(10px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-8px);
    transform: scale(0.4) translateY(-8px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
  }
}

.newsinfo-box{
    padding: 1.75rem 0 3.1rem;
}
.newsinfo-view{
    width: 71.875%;
    margin: 0 auto;
}
.newsinfo-box .bread{
    margin-bottom: 1rem;
}
.bread{
    font-size: 0;
}

.bread a,
.bread span{
    font-size: .35rem;
    line-height: .4rem;
    color: #7e7e80;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.bread span{
    margin: 0 .2rem;
}
.bread a.cur{
    color: #3974ba;
}

.bread .home{
    padding-left: .7rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .4rem;
    background-image: url('../img/home-icon.png');
}

.newsinfo-box .tit-box{
    text-align: center;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(27,27,27,.08);
}
.newsinfo-box .title{
    font-size: .8rem;
    line-height: 1rem;
    color: #000;
}
.newsinfo-box .sub-tit{
    margin-top: 1.25rem;
    font-size: 0;
}
.newsinfo-box .sub-tit .time,
.newsinfo-box .sub-tit .num,
.newsinfo-box .sub-tit .divide,
.newsinfo-box .sub-tit .share-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    color: #262626;
}
.newsinfo-box .sub-tit .divide{
    width: 1px;
    height: 10px;
    background-color: #bfbfbf;
    margin: 0 .45rem;
}
.newsinfo-box .sub-tit .num{
    padding-left: .7rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/look.png');
    background-size: .5rem;
}
.newsinfo-box .sub-tit .share-box .tit,
.newsinfo-box .sub-tit .share{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.newsinfo-box .sub-tit .share{
    margin-left: .2rem;
}
.newsinfo-box .sub-tit .share a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    margin: 0 .2rem 0 0;
}
.newsinfo-box .sub-tit .share .bshare-weixin{
    background-image: url('../img/share-icon1.png');
}
.newsinfo-box .sub-tit .share .bshare-sinaminiblog{
    background-image: url('../img/share-icon2.png');
}
.newsinfo-box .con{
    font-size: .35rem;
    line-height: .9rem;
    color: #4c4c4c;
    margin-top: 1.5rem;
}
.newsinfo-box .con img{
    max-width: 60%;
    height: auto!important;
    display:inline-block;
    margin:0 auto;
}
.newsinfo-box .ctrl-box{
    margin-top: 2.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(27,27,27,.08);
}
.newsinfo-box .ctrl{
    float: left;
    width: 50%;
}
.newsinfo-box .ctrl a{
    display: block;
    font-size: .375rem;
    line-height: .75rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s;
}
.newsinfo-box .ctrl-box .back-btn{
    float: right;
    width: 3.7rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: .5rem;
    background-color: #df0024;
    border: 2px solid #df0024;
    transition: all .3s;
    display: block;
    font-size: 0;
}
.newsinfo-box .ctrl-box .back-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-left: .6rem;
    font-size: .375rem;
    color: #fff;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .425rem;
    background-image: url('../img/back-icon.png');
    transition: all .3s;
}
.disclosure-list{
    float: right;
    width: 76.923%;
    position: relative;
}
.disclosure-list .item{
    display: block;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(210,210,210,.4);
}
.disclosure-list .item .time{
    float: left;
    text-align: center;
    font-family: arial;
    padding-right: .9rem;
    position: relative;
}

.disclosure-list .item .time:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.85rem;
    width: 1px;
    height: 1.7rem;
    background-color: #1a59a6;
    opacity: .5;
}
.disclosure-list .item .day{
    font-size: 1.25rem;
    line-height: 1.3rem;
    color: #c5c5c3;
    font-weight: bold;
    transition: all .3s;
}
.disclosure-list .item .ym{
    font-size: .4rem;
    line-height: .5rem;
    color: #c7c6c4;
    transition: all .3s;
}
.disclosure-list .item .text{
    float: left;
    width: 65.83%;
    margin-left: 3.33%;
    margin-top: .5rem;
}
.disclosure-list .item .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #333;
    /* margin-top: .1rem; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s;
}
.disclosure-list .item .con{
    font-size: .35rem;
    line-height: .4rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .4rem;
}

.disclosure-list .item .arrow{
    float: right;
    width: .5rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/disclosure-arrow.png');
    margin-top: .7rem;
    transition: all .3s;
}
.disclosure-box .news-left .type-btns a.cur{
    color: #1a59a6;
}
.disclosure-box .news-left .type-btns a.cur:before{
    background-color: #1a59a6;
}
.page{
    font-size: 0;
    text-align: center;
}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .8rem;
    height: .8rem;
    border-radius: 2px;
    /* background-color: #fff; */
    font-size: .45rem;
    line-height: .8rem;
    color: #4c4c4c;
    text-align: center;
    font-family: arial;
    vertical-align: top;
    transition: all .3s;
    margin: 0 .1rem;
}
.page a.page-first,
.page a.page-end{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
    background-color: #1a59a6;
}
.page a.page-first{
	background-image: url('../img/page-first.png');
}
.page a.page-end{
	background-image: url('../img/page-end.png');
}
.page a.active{
    background-color: #1a59a6;
    color: #fff;
}
.page a[rel=prev],
.page a[rel=next]{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #1a59a6;
}
.page a[rel=prev]{
    background-image: url('../img/page-prev.png');
}
.page a[rel=next]{
    background-image: url('../img/page-next.png');
}
.disclosure-list .page{
    margin-top: 2.5rem;
}

.party-box .news-left .type-btns a.cur{
    color: #e62129;
}
.party-box .news-left .type-btns a.cur:before{
    background-color: #e62129;
}
.party-box .party-list{
    float: right;
    width: 81.41%;
}
.party-box .party-list .row{
    margin: 0 -.5rem;
}
.party-box .party-list .item{
    box-sizing: border-box;
    padding: 0 .5rem;
    margin-bottom: 2rem;
}

.dynamics-box .news-left .type-btns a.cur{
    color: #1a59a6;
}
.dynamics-box .news-left .type-btns a.cur:before{
    background-color: #1a59a6;
}

.party-box .party-list .con-box{
    display: block;
}
.party-box .party-list .img-box{
    overflow: hidden;
    border-radius: 2px;
    position: relative;
}
.party-box .party-list .img{
    overflow: hidden;
    height: 6.45rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .3s;
}
.party-box .party-list img{
    width: 100%;
    transition: all .3s;
}
.party-box .party-list .tit{
    font-size: .45rem;
    line-height: .75rem;
    color: #000;
    height: 1.5rem;
    overflow: hidden;
    margin-top: .75rem;
}
.party-box .party-list .time{
    font-size: .45rem;
    line-height: .5rem;
    color: #b2b2b2;
    font-family: "AVANTGA2";
    margin-top: .75rem;
    transition: all .3s;
}
.party-box .page a[rel=prev],
.party-box .page a[rel=next],
.party-box .page a.page-first,
.party-box .page a.page-end{
    background-color: #e62129;
}
.party-box .page a.active{
    background-color: #e62129;
}
.stock-box{
    padding: 2.25rem 0 3rem;
}
.stock-wrap{
    padding: 0 5%;
    margin-top: .8rem;
}
.listed-tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #282828;
    padding-left: 2rem;
    position: relative;
    font-weight: bold;
}
.listed-tit:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.5rem;
    height: 5px;
    background-color: #e62129;
    margin-top: -2px;
}
.stock-wrap .info-tab{
    float: left;
    width: 40.54%;
    overflow: hidden;
}
.stock-wrap .info-tab .swiper-slide{
    padding: .6rem 0;
    border-top: 1px solid rgba(153,151,151,.2);
    border-bottom: 1px solid rgba(153,151,151,.2);
}
.stock-wrap .info-tab .code{
    font-size: .6rem;
    line-height: .7rem;
    color: #1a1a1a;
    font-weight: bold;
}
.stock-wrap .info-wrap{
    margin-top: 1.5rem;
}
.stock-wrap .info-tab .price-box{
    float: left;
}

.stock-wrap .info-tab .tit{
    font-size: .4rem;
    line-height: .6rem;
    color: #4c4c4c;
}
.stock-wrap .info-tab .price{
    font-size: 1.875rem;
    line-height: 1.9rem;
    color: #1a1a1a;
    font-family: "DINCond-Bold";
    margin-top: 1.4rem;
}
.stock-wrap .info-tab .rate{
    font-size: .45rem;
    line-height: .6rem;
    padding-left: .9rem;
    font-family: arial;
    position: relative;
    margin-top: .6rem;
}
.stock-wrap .info-tab .rate:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .6rem;
    height: .6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.stock-wrap .info-tab .rate.up{
    color: #e62129;
}
.stock-wrap .info-tab .rate.up:before{
    background-color: #e62129;
    background-image: url('../img/stock-up.png');
}
.stock-wrap .info-tab .rate.down{
    color: #75c24d;
}
.stock-wrap .info-tab .rate.down:before{
    background-color: #75c24d;
    background-image: url('../img/stock-down.png');
}
.stock-wrap .info-tab .list{
    float: right;
    margin-right: 1.25rem;
}
.stock-wrap .info-tab .list .item{
    margin-bottom: .7rem;
    font-size: 0;
}
.stock-wrap .info-tab .list .item:last-child{
    margin-bottom: 0;
}
.stock-wrap .list .tit,
.stock-wrap .list .con{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.stock-wrap .list .tit{
    font-size: .4rem;
    line-height: .6rem;
    text-align: right;
    width: 1.6rem;
    white-space: nowrap;
}
.stock-wrap .list .con{
    font-size: .4rem;
    line-height: .6rem;
    color: #333;
    margin-left: 1rem;
}
.stock-wrap .list .con span{
    font-size: .6rem;
    line-height: .7rem;
}
.stock-wrap .info-tab .btns{
    text-align: center;
    font-size: 0;
    margin-top: .5rem;
}
.stock-wrap .info-tab .btns .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #808080;
    opacity: .2;
    margin: 0 4px;
}
.stock-wrap .info-tab .btns .swiper-pagination-bullet-active{
    background-color: #e62129;
    opacity: 1;
}
.pic-box{
    float: right;
    width: 41.89%;
}
.pic-tab{
    overflow: hidden;
}
.pub-btns{
    font-size: 0;
}
.pub-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: .8rem;
    line-height: .8rem;
    padding: 0 .4rem;
    font-size: .4rem;
    color: #333;
    transition: all .3s;
}
.pub-btns a.cur{
    background-color: #e62129;
    color: #fff;
}
.pic-box .img-list{
    margin-top: .8rem;
}
.pic-box .img-list .item{
    display: none;
}
.pic-box .img-list img{
    width: 100%;
}
.notice-box{
    padding: 1.75rem 0 2rem;
    background-color: #f0f6ff;
}
.notice-box .listed-tit:before{
    background-color: #155eb5;
}
.notice-box .notice-list{
    margin-top: 1rem;
}
.notice-box .notice-list .row{
    margin: 0 -.7rem;
}
.notice-box .notice-list .item{
    box-sizing: border-box;
    padding: 0 .7rem;
    margin-bottom: .6rem;
}
.notice-box .notice-list .con-box{
    display: block;
    padding: .6rem;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}

.notice-box .notice-list .time{
    font-size: .3rem;
    line-height: .4rem;
    color: #666;
}
.notice-box .notice-list .text{
    margin-top: .4rem;
    position: relative;
}
.notice-box .notice-list .text:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/disclosure-arrow.png');
    transition: all .3s;
}
.notice-box .notice-list .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    transition: all .3s;
}
.notice-box .notice-list .con{
    font-size: .35rem;
    line-height: .5rem;
    color: #999;
    margin-top: .2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
}
.notice-box .notice-list .page{
    margin-top: 1.25rem;
}
.business-box{
    padding: 2.5rem 0 1.75rem;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}
.business-box .tit-box{
    text-align: center;
}
.business-box .tit-box .sub-tit{
    font-size: .5rem;
    color: #3974ba;
    line-height: .6rem;
    /* font-weight: bold; */
}
.business-box .tit-box .tit{
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #333;
    margin-top: .25rem;
}
.business-box .desc{
    font-size: .35rem;
    line-height: .7rem;
    color: #666;
    width: 66.67%;
    margin: 1.4rem auto 0;
    text-align: center;
}
.circle-wrap{
    width: 16.425rem;
    height: 16.425rem;
    margin: 3rem auto 0;
    position: relative;
}
.circle-box{
    width: 16.425rem;
    height: 16.425rem;
    border-radius: 100%;
    /* background-color: #fff; */
    position: relative;
}
.circle-box .circle-line,
.circle-box .circle-logo{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* background-color: #f5f5f5; */
    padding:18%;
    border-radius: 100%;
}
.circle-box .circle-logo{
    width: 68.35%;
    background-color: #fff;
}
.circle-box .circle-line{
    width: 100%;
}
.circle-box .circle-line img{
    animation: circle 30s linear infinite forwards;   
}
.circle-box img{
    width: 100%;
}
@keyframes circle {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}

.circle-wrap .list .item{
    position: absolute;
    width: 3.1rem;
    height: 3.1rem;
}
.circle-wrap .list .item .circle1{
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 100%;
    position: relative;
    z-index: 3;
}
.circle-wrap .list .item .circle2{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3.7rem;
    height: 3.7rem;
    border-radius: 100%;
    opacity: .2;
    transform: translate(-50%, -50%);
}
.circle-wrap .list .item .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.circle-wrap .list .item .icon img{
    width: 100%;
}
.circle-wrap .list .item:nth-child(1){
    /*left: .35rem;
    top: 1.25rem;*/
    left: -1.65rem;
    top: 3.25rem;
}
.circle-wrap .list .item:nth-child(1) .circle1,
.circle-wrap .list .item:nth-child(1) .circle2{
    background-color: #2872b5;
}
.circle-wrap .list .item:nth-child(2){
    /*right: .35rem;
    top: 1.25rem;*/

    right: -1.65rem;
    top: 3.25rem;
}
.circle-wrap .list .item:nth-child(2) .circle1,
.circle-wrap .list .item:nth-child(2) .circle2{
    background-color: #bd8b55;
}
.circle-wrap .list .item:nth-child(3){
    /*left:.35rem;
    bottom: 1.25rem;*/
    left: 6.5rem;
    bottom: -1.75rem;
}
.business-box .scroll-arrow{
    opacity:0;
    visibility:hidden;
}
.circle-wrap .list .item:nth-child(3) .circle1,
.circle-wrap .list .item:nth-child(3) .circle2{
    background-color: #2bb797;
}
.circle-wrap .list .item:nth-child(4){
    right: .35rem;
    bottom: 1.25rem;
}
.circle-wrap .list .item:nth-child(4) .circle1,
.circle-wrap .list .item:nth-child(4) .circle2{
    background-color: #d21d24;
}

.circle-wrap .list .text{
    position: absolute;
    top: 1rem;
    width: 6.5rem;
    left: 100%;
    padding-left: 1.15rem;
}
.circle-wrap .list .text .index-more{
    margin-top: 1rem;
    opacity: 0;
}
.circle-wrap .list .item:nth-child(2n+1) .text{
    text-align: right;
    left: auto;
    right: 100%;
    padding-right: 1.15rem;
}
.circle-wrap .list .item:nth-child(2n+1) .text .index-more{
    float: right;
}
.circle-wrap .list .text .tit{
    font-size: .7rem;
    line-height: .8rem;
    color: #000;
    transition: all .3s;
}
.circle-wrap .list .text .con{
    font-size: .4rem;
    line-height: .5rem;
    margin-top: .3rem;
    color: #808080;
}
.circle-wrap .scroll-arrow{
    text-align: center;
    margin-top: 2rem;
}

.business-box .scroll-arrow{
    text-align: center;
    margin: 2rem 0 0;
}
.business-box .scroll-arrow .txt{
    font-size: .4rem;
    line-height: .5rem;
}
.business-box .scroll-arrow .arrow{
    width: .3rem;
    margin: .6rem auto 0;
}
.business-box .scroll-arrow .arrow img{
    width: 100%;
    display: block;
    -webkit-animation: trackBallSlide 5s linear infinite;
        animation: trackBallSlide 5s linear infinite;
}
.business-tab-box{
    padding-top: .6rem;
}
.business-tab-box .type-btns{
    border-bottom: 1px solid rgba(128,128,128,.2);
    overflow: hidden;
}
.business-tab-box .type-btns .swiper-wrapper{
    justify-content: center;
}
.business-tab-box .type-btns .swiper-slide{
    width: auto;
    margin: 0 1.25rem;
}
.business-tab-box .type-btns a{
    display: block;
    font-size: .5rem;
    line-height: .6rem;
    padding: .4rem 6px;
    color: #a7a7a7;
    transition: all .3s;
}
.business-tab-box .type-btns a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #3974ba;
    transform:scaleX(0);
    transform-origin: center center;
    transition: all .3s;
}
.business-tab-box .type-btns a:after{
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.business-tab-box .type-btns .swiper-slide.cur a{
    font-weight: bold;
    color: #3974ba;
}
.business-tab-box .type-btns .swiper-slide.cur a:before{
    transform: scaleX(1);
}
.business-tab-box .tab-box{
    margin-top: 1.4rem;
    height: 18.5rem;
    overflow: hidden;
    position: relative;
}

.business-tab-box .tab-box .tab-item{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s;
}
.business-tab-box .tab-box .tab-item.cur{
    opacity: 1;
    z-index: 3;
}
.business-tab-box .tab-box .con-box{
    transition: all .3s;
}
.business-tab-box .tab-box .bg-box,
.business-tab-box .tab-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.business-tab-box .tab-box .bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.business-tab-box .tab-box .m-bg{
    display: none;
}
.business-tab-box .tab-box .business-tab{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.business-tab-box .tab-box .business-tab .swiper-slide{
    width: 25%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255,255,255,.24);
}
.business-tab-box .tab-box .business-tab .swiper-slide:last-child{
    border-right: none;
}
.business-tab-box .tab-box .business-tab .con-box{
    display: block;
    height: 100%;
}
.business-tab-box .tab-box .business-tab .text{
    position: absolute;
    left: 0;
    top: 43%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    transition: all .3s;
}
.business-tab-box .tab-box .business-tab .icon{
    width: .9rem;
    margin: 0 auto;
    opacity: 0;
    transition: all .3s;
}
.business-tab-box .tab-box .business-tab .icon img{
    width: 100%;
}
.business-tab-box .tab-box .business-tab .txt{
    font-size: .75rem;
    line-height: .8rem;
    color: #fff;
    margin-top: 1.25rem;
}

.business-tab-box .tab-box .business-tab .more{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #fff;
    margin: 2.25rem auto 0;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/business-more.png');
    opacity: 0;
    transition: all .3s;
    display: none;
}
.business-tab-box .tab-box .prev,
.business-tab-box .tab-box .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.75rem;
    background-color: rgba(0,0,0,.4);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 5;
    background-size: .3rem;
    transition: all .3s;
}
.business-tab-box .tab-box .prev{
    left: 0;
    background-image: url('../img/business-prev.png');
}
.business-tab-box .tab-box .next{
    right: 0;
    background-image: url('../img/business-next.png');
}
.business-tab-box .tab-box .swiper-button-disabled{
    display: none;
}
.businessinfo-box{
    padding-top: 1.1rem;
    overflow: hidden;
}
.businessinfo-box .tit-box{
    margin-top: 1.5rem;
}
.businessinfo-box .tit-box .title{
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #333;
}
.businessinfo-box .tit-box .line{
    width: 2rem;
    height: 4px;
    background-color: #3974ba;
    margin: .45rem 0 .9rem;
}
.businessinfo-box .tit-box .desc{
    font-size: .6rem;
    line-height: .7rem;
    color: #205ca4;
}
.businessinfo-view{
    width: 75%;
    margin: 0 auto;
}
.businessinfo-box .top-box{
    margin-top: 2.75rem;
    position: relative;
    z-index: 3;
}
.businessinfo-box .top-box .top-wrap{
    position: relative;
}
.businessinfo-box .top-box .top-wrap .img{
    float: right;
    width: 50%;
    height: 11.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.businessinfo-box .top-box .top-wrap .img img{
    display: none;
}
.businessinfo-box .top-box .top-wrap .text-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #205ca4;
    overflow: hidden;
}
.businessinfo-box .top-box .top-wrap .text{
    position: absolute;
    left: 0;
    top: 36%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 23.6% 0 12.5%;
    font-size: .45rem;
    line-height: 1.2rem;
    color: #fff;
    z-index: 3;
}
.businessinfo-box .top-box .top-wrap .global-img{
    position: absolute;
    right: -5.56%;
    top: 31.9%;
    width: 4.25rem;
}
.businessinfo-box .top-box .top-wrap .global-img img{
    width: 100%;
}
.businessinfo-box .top-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 3000px;
    background-color: #f5f5f5;
}
.businessinfo-box .top-box .line{
    position: absolute;
    left: 28.125%;
    top: -8.25rem;
    width: 61.979%;
}
.businessinfo-box .top-box .line img{
    width: 100%;
}
.num-list-box{
    
    position: relative;
    z-index: 3;
}
.num-list-wrap{
    padding: 3rem 0 1.75rem;
    border-bottom:1px solid #dfe5ed;
}

.num-list-box .num-list{
    width: 75%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.num-list-box .num-list .item{
    text-align: center;
}
.num-list-box .num-list .num,
.num-list-box .num-list .unit{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.num-list-box .num-list .num{
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #ea222b;
    font-family: "BEBAS";
}
.num-list-box .num-list .unit{
    font-size: .5rem;
    line-height: .6rem;
    color: #ea222b;
}
.num-list-box .num-list .txt{
    font-size: .425rem;
    line-height: .5rem;
    color: #4c4c4c;
    margin-top: .4rem;
}
.businessinfo-box .bottom-box{
    position: relative;
    z-index: 3;
    padding: 2.75rem 0 5.375rem;
}
.businessinfo-box .bottom-tab{
    overflow: hidden;
    position: relative;
}
.businessinfo-box .bottom-box .con-box{
    display: block;
}
.businessinfo-box .bottom-box .img{
    float: left;
    width: 46.527%;
}
.businessinfo-box .bottom-box .img img{
    width: 100%;
}
.businessinfo-box .bottom-box .text{
    position: absolute;
    top: 50%;
    width: 43%;
    transform: translateY(-50%);
    right: 5.56%;
    font-size: .45rem;
    line-height: .8rem;
    color: #666;
}

.businessinfo-box .bottom-box .buttons{
    position: absolute;
    right: 5.56%;
    top: 0;
    font-size: 0;
    z-index: 3;
}
.businessinfo-box .bottom-box .buttons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #205ca4;
    margin-left: .3rem;
    transition: all .3s;
}
.businessinfo-box .bottom-box .buttons .prev{
    background-image: url('../img/bottom-prev.png');
}
.businessinfo-box .bottom-box .buttons .next{
    background-image: url('../img/bottom-next.png');
}
.type-link .con-box{
    display: block;
}
.type-link .con-box .img{
    overflow: hidden;
}
.type-link .con-box img{
    width: 100%;
    transition: all .3s;
}
.type-link .item .txt{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: .8rem;
    line-height: 1.3rem;
    color: #fff;
}
.about-page header{
    position: absolute;
}
.anchor{
    position: absolute;
    left: 0;
    top: -1.98rem;
    width: 100%;
    height: 1px;
}
.sub-nav-box{
    height: 2rem;
    position: relative;
    z-index: 10;
}
.sub-nav{
    border-bottom:1px solid #e5e5e5;
    background-color: #fff;
    overflow: hidden;
}
.sub-nav .swiper-wrapper{
    justify-content: center;
}
.sub-nav .swiper-slide{
    width: auto;
    margin: 0 1.25rem;
}
.sub-nav .swiper-slide a{
    display: block;
    font-size: .45rem;
    line-height: 2rem;
    color: #333;
    padding: 0 .6rem;
    position: relative;
}
.sub-nav .swiper-slide a:before{
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #2366b7;
    transform: scaleX(0);
    transition: all .3s;
}
.sub-nav .swiper-slide.cur a{
    color: #2366b7;
}
.sub-nav .swiper-slide.cur a:before{
    transform: scaleX(1);
}
.sub-nav-box.fix .sub-nav{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.mission-box{
    padding: 3rem 0 6rem;
    background-color: #f7f7fa;
    position: relative;
    overflow: hidden;
}
.mission-box .text-box{
    width: 47%;
    position: relative;
    z-index: 3;
}
.about-sub-tit{
    font-size: 0;
}
.about-sub-tit span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .5rem;
    line-height: .6rem;
    color: #2366b7;
    padding-left: .7rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .6rem;
}
.about-tit{
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: #333;
    margin-top: .5rem;
}
.mission-box .con{
    font-size: .35rem;
    line-height: .8rem;
    color: #666;
    margin-top: 1.1rem;
    max-height: 9.6rem;
    overflow: hidden;
        word-break: break-all;
}
.mission-box .img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 64.8958%;
}
.mission-box .img img{
    width: 100%;
}
.mission-box .line{
    position: absolute;
    left: 33.33%;
    top: -2%;
    width: 48.958%;
}
.mission-box .line img{
    width: 100%;
}
.data-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background-color: #f7f7fa;
}
.data-list .con-box{
    padding: 1rem;
}
.data-list .con-box .num-box{
    font-size: 0;
    color: #e62129;
}
.data-list .item:nth-child(1) .con-box .num-box{
    color: #fff;
}
.data-list .con-box .num,
.data-list .con-box .unit{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.data-list .con-box .num{
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-family: "AVANTGARDEMDITCTT";
}
.data-list .con-box .unit{
    font-size: .45rem;
    line-height: .5rem;
    margin-left: .1rem;
}
.data-list .con-box .txt{
    font-size: .35rem;
    line-height: .6rem;
    color: #333;
    height: 1.2rem;
    margin-top: 2.25rem;
}
.data-list .item:nth-child(2n+1) .con-box .txt{
    color: #fff;
}
.organize-box{
    text-align: center;
    padding: 3rem 0;
    position: relative;
}
.organize-box .pub-btns{
    margin-top: 2rem;
    font-size: 0;
}
.organize-box .tab-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 100%;
    /* margin: 0 -.45rem; */
    margin: 0 auto;
    line-height: 4.75rem;
    font-size: .65rem;
    color: #fff;
    position: relative;
    display: block;
}
.organize-box .pub-btns a:nth-child(1).cur{
    background-color: #2366b7;
}
.organize-box .tab-btns a.cur{
    z-index: 3;
}

.organize-box .tab-btns a:nth-child(1){
    background-color: rgba(230,33,41,.98);
    
}
.organize-box .tab-btns a:nth-child(2){
    background-color: #2366b7;
    margin-top: -.9rem;
}
.organize-box .img-list{
    margin-top: 2rem;
}
.organize-box .img-list .item{
    display: none;
}
.organize-box .img-list img{
    max-width: 100%;
}
.honor-box{
    padding: 2.75rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.honor-box .bg-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.honor-box .bg-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.honor-box .bg-box .m-bg{
    display: none;
}

.honor-box .view{
    position: relative;
    z-index: 3;
}
/* .honor-box .about-sub-tit{
    text-align: center;
}
.honor-box .about-sub-tit span{
    color: #e62129;
} */

.honor-tab-box{
    margin-top: 1rem;
    overflow: hidden;
    /* padding: .75rem 0; */

    border-left: 1px solid #bac5c9;
    /* margin-top: 2rem; */
}
.honor-tab{
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
}
.honor-tab .swiper-slide{
    width: 30.85%;
}
.honor-tab .swiper-slide img{
    width: 100%;
}
.honor-tab-box .text-tab{
    /* text-align: center; */
    /* margin-top: 1.25rem; */
    width: 50%;
    height: 14.5rem;
    cursor: s-resize;
    /* overflow: hidden; */
    /* padding: .75rem 0; */
    
}
.honor-tab-box .text-tab .swiper-slide{
    font-size: .4rem;
    line-height: 1.5rem;
    color: #333;
    padding-left: .8rem;
    height: auto;
    /* margin: .2rem 0; */
    transition: all .3s;
}
.honor-tab-box .text-tab .swiper-slide:before{
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    width: 4px;
    height: 1.5rem;
    margin-top: -.75rem;
    background-color: rgba(51,51,51,.7);
    opacity: 0;
    transition: all .3s;
}
.honor-tab-box .text-tab .swiper-slide-active{
    font-size: .6rem;
}
.honor-tab-box .text-tab .swiper-slide-active:before{
    opacity: 1;
}
.honor-tab-box .btns{
    font-size: 0;
    text-align: center;
    margin-top: 1.75rem;
}
.honor-tab-box .btns .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    margin: 0 6px;
}
.honor-tab-box .btns .swiper-pagination-bullet-active{
    background-color: #e62129;
}
.honor-tab-box .prev,
.honor-tab-box .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.6rem;
    background-color: #fff;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
    transition: all .3s;
}
.honor-tab-box .prev{
    left: 9.375%;
    background-image: url('../img/honor-prev.png');
}
.honor-tab-box .next{
    right: 9.375%;
    background-image: url('../img/honor-next.png');
}
.chairman-box{
    padding: 4.375rem 0 3rem;
    position: relative;
    overflow: hidden;
}
.chairman-box .text-box{
    float: left;
    width: 45.5%;
    position: relative;
    z-index: 3;
}
.chairman-box .yin{
    margin-top: 1.75rem;
    width: .725rem;
}
.chairman-box .yin img{
    width: 100%;
}
.chairman-box .con{
    font-size: .375rem;
    line-height: .8rem;
    color: #666;
    margin-top: .6rem;
    max-height: 8.8rem;
    overflow: hidden;
}
.chairman-box .line{
    position: absolute;
    width: 46.875%;
    left: 32.3%;
    top: -2%;
}
.chairman-box .line img{
    width: 100%;
}
.chairman-box .img-box{
    /* position: absolute; */
    float: right;
    position: relative;
    width: 46.354%;
    /* right: 0;
    top: 4.375rem; */
}
.chairman-box .img{
    position: relative;
    z-index: 3;
}
.chairman-box .img img{
    width: 100%;
}
.chairman-box .img-box .block{
    position: absolute;
    left: -1rem;
    bottom: -1rem;
    width: 58.566%;
    height: 58.695%;
    background-color: #2366b7;
    opacity: .2;
}

.chairman-box .sign-box{
    margin-top: 1.25rem;
    text-align: right;
    font-size: 0;
    text-align: right;
}
.chairman-box .sign-box .sign,
.chairman-box .sign-box .sign-img{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.chairman-box .sign-box .sign{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
}
.chairman-box .sign-box .sign-img{
    width: 2.375rem;
    margin-left: .75rem;
}
.chairman-box .sign-box .sign-img img{
    width: 100%;
}
.care-box{
    padding: 2.5rem 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
}
.care-box .care-wrap{
    margin-top: 1.25rem;
}
.care-box .tit{
    font-size: .5rem;
    line-height: .6rem;
    font-weight: bold;
    color: #0d5384;
}
.care-box .more-btn{
    font-size: .45rem;
    line-height: .5rem;
    padding-bottom: .25rem;
    width: 2.5rem;
    opacity: .5;
    color: #0d5384;
    background-repeat: no-repeat;
    background-position: right .2rem;
    background-size: .4rem;
    background-image: url('../img/care-more.png');
    border-bottom: 2px solid rgba(13,83,132,.2);
    transition: all .3s;
}
/*.care-box .left,
.care-box .right{
    float: left;
    width: 47.3125%;
}
.care-box .right{
    float: right;
}*/
.care-box .left{
	margin-bottom:2%;
}
.care-box .left,.care-box .right{
	width:100%;
}
.care-box .bimg-box{
    position: relative;
    overflow: hidden;
}
.care-box .bimg-box{
	width:32%;
	margin-right:2%;
}
.care-box .left .simg-box{
	width:66%;
}

.care-box .img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .6s ease;
}
.care-box .bimg-box .img{
    height: 9.75rem;   
}
.care-box .left .img{
    overflow: hidden;
    
}
.care-box .care-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    transition: all .6s ease;
}
.care-box .text{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: .4rem;
    line-height: .9rem;
    color: #fff;
    padding: .4rem 5%;
    transform: translateY(-50%);
    box-sizing: border-box;
    opacity: 0;
    transition: all .6s ease;
}
.care-box .text:before,
.care-box .text:after{
    content: "";
    position: absolute;
    left: 50%;
    width: 2.4rem;
    height: 2px;
    background-color: #fff;
    transform: translateX(-50%);
    transition: all .6s ease;
}
.care-box .text:before{
    top: 0;
}
.care-box .text:after{
    bottom: 0;
}

/*.care-box .left .simg-box{
    margin-top: 1.1rem;
}*/
.care-box .right .simg-box{
    margin-bottom: 1.1rem;
	width:66%;
}
.care-box .right .bimg-box{
	margin-right:0;
	margin-left:2%;
}
.care-box .simg-box .item{
    position: relative;
    width: 48.5%;
    float: left;
    overflow: hidden;
}
.care-box .simg-box .item:nth-child(2n){
    float: right;
}
.care-box .simg-box .img{
    height: 9.75rem;
}
.care-box .bimg-box:hover .care-mask,
.care-box .bimg-box:hover .text,
.care-box .simg-box .item:hover .care-mask,
.care-box .simg-box .item:hover .text{
    opacity: 1;
}
.care-box .bimg-box:hover .text:before,
.care-box .bimg-box:hover .text:after,
.care-box .simg-box .item:hover .text:before,
.care-box .simg-box .item:hover .text:after{
    width: 1.2rem;
}
.care-box .bimg-box:hover .img,
.care-box .simg-box .item:hover .img{
    transform: scale(1.1);
}
/* .care-box .left img{
    width: 100%;
    transition: all .3s;
} */
/* .care-box .left .tit{
    margin-top: .9rem;
}
.care-box .left .more-btn{
    margin-top: 1.5rem;
}
.care-box .list{
    float: right;
    width: 52.8125%;
}
.care-box .list .item{
    display: block;
    margin-bottom: .7rem;
    position: relative;
}
.care-box .list .item:last-child{
    margin-bottom: 0;
}
.care-box .list .img{
    float: left;
    width: 24.4%;
    overflow: hidden;
}
.care-box .list .img img{
    width: 100%;
    transition: all .3s;
}
.care-box .list .text{
    position: absolute;
    top: 50%;
    right: 0;
    width: 69.8%;
    transform: translateY(-50%);
}
.care-box .list .text .more-btn{
    margin-top: 1.1rem;
} */
.care-box .page{
    margin: 1.4rem auto 0;
}
.mission-box .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #2366b7;
    width: 3px;
}
.mission-box .con .mCSB_scrollTools{
    width: 3px;
}
.mission-box .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background-color: #ddd;
}

.chairman-box .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #2366b7;
    width: 3px;
}
.chairman-box .con .mCSB_scrollTools{
    width: 3px;
}
.chairman-box .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background-color: #ddd;
}

.history-box{
    padding: 3rem 0 3.375rem;
}
.time-aside{
    float: left;
    width: 4rem;
    text-align: right;
}
.time-aside .time-list{
    margin-bottom: .9rem;
}
.time-aside .time-list:last-child{
    margin-bottom: 0;
}
.time-aside .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #2366b7;
    font-weight: bold;
    padding-right: .3rem;
}
.time-aside .list{
    margin-top: .4rem;
}
.time-aside .list a{
    display: block;
    font-size: .375rem;
    line-height: .5rem;
    color: #333;
    opacity: .5;
    font-family: arial;
    margin-bottom: .3rem;
    transition: all .3s;
}
.time-aside .list a:last-child{
    margin-bottom: 0;
}
.time-aside .list a span{
    opacity: 0;
    transition: all .3s;
}
.time-aside .list a.cur{
    color: #2366b7;
    opacity: .5;
}
.time-aside .list a.cur span{
    opacity: 1;
}
.history-box.fix .time-aside{
    position: fixed;
    top: 5rem;
}
.history-box.bottom .time-aside{
    position: absolute;
    top: auto;
    bottom: 0;
    left: 9.375%;
}
.history-list{
    float: right;
    width: 63.75%;
    margin-right: 12.5%;
    position: relative;
}
.history-list:before{
    content: "";
    position: absolute;
    left: 0;
    top: .25rem;
    width: 1px;
    height: calc(100% - .25rem);
    background-color: #0f53a0;
}
.history-list .block{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
}
.history-list ul{
    margin-bottom: 2.15rem;
}
.history-list ul:nth-last-child(2){
    margin-bottom: 0;
}
.history-list li{
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 2.15rem;
}
.history-list ul li:last-child{
    margin-bottom: 0;
}
.history-list li:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    width: .65rem;
    height: 1.125rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/history-icon.jpg');
}
.history-list li .time{
    font-size: .375rem;
    line-height: .5rem;
    color: #999797;
    position: absolute;
    right: 100%;
    top: .3rem;
    padding-right: .75rem;
    font-family: arial;
    white-space: nowrap;
    transition: all .3s;
}
.history-list li .tit{
    float: left;
    font-size: .4rem;
    line-height: .8rem;
    color: #808080;
    width: 50%;
    transition: all .3s;
}
.history-list li .img{
    float: right;
    /*width: 30.686%;*/
	height: 150px;
    width: 30%;
    overflow: hidden;
}
.history-list li .img img{
    width: 100%;
	height:100%;
	object-fit: cover;
    transition: all .3s;
}

.history-list li.active .time{
    font-size: .5rem;
    line-height: .6rem;
    color: #333232;
}
.history-list li.active .tit{
    font-weight: bold;
    font-size: .5rem;
    line-height: .8rem;
    color: #333;
    font-weight: bold;
}



.search-top{
    border-bottom: 1px solid #e5e5e5;
    padding: .9rem 0;
}
.search-top .search{
    position: relative;
    width: 94%;
    float: left;
}
.search-top .search input[type=text]{
    width: 85%;
    height: 1rem;
    line-height: 1rem;
    background-color: transparent;
    padding-left: 1.25rem;
    font-size: .65rem;
    color: #000;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/search-icon.png');
    font-size: .5rem;
    float: left;
}
.search-top .search input[type=submit]{
    float: right;
    width: 3rem;
    height: 1rem;
    font-size: .35rem;
    color: #fff;
    background-color: #1a59a6;
    border-radius: 4px;
    transition: all .3s;
}
.search-top .search-close{
    float: right;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/search-close.png');
}
.search-box .enter-box h3{
    font-size: .6rem;
    line-height: 1.75rem;
    color: #000;
}
.search-box .enter-box .list .item{
    font-size: 0;
}
.search-box .enter-box .list .item:nth-child(2n+1){
    background-color: #f1f1f1;
}
.search-box .enter-box .list .item a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #666;
    line-height: 1.75rem;
    font-size: .4rem;
    transition: all .2s;
}
.search-wrap .search-top{
    padding: 0;
}
.search-wrap .search{
    width: 100%;
    float: none;
    padding: .75rem 0;
}
.result-box{
    padding: 1.5rem 0;
}
.result-box .result-tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #666;
}
.result-box .sub-nav{
    border-bottom: 1px solid #e5e5e5;
    margin-top: .5rem;
}
.result-box .sub-nav .swiper-slide{
margin-right: 1.75rem;
}
.result-box .sub-nav .swiper-slide a:after{
    display: none;
}
.result-box .sub-nav .swiper-slide.cur a{
    font-weight: normal;
}
.result-box .result-list{
    margin-top: 1.25rem;
}
.result-box .pro-list .row{
    margin: 0 -.35rem;
}
.result-box .pro-list .item{
    box-sizing: border-box;
    padding: 0 .35rem;
    margin-bottom: .7rem;
}
.result-box .pro-list .con-box{
    display: block;
}
.result-box .pro-list .img{
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.result-box .pro-list img{
    width: 100%;
}
.result-box .pro-list .text{
    margin-top: .4rem;
}
.result-box .pro-list .tit{
    font-size: .45rem;
    line-height: .55rem;
    color: #333;
    transition: all .2s;
}
.result-box .pro-list .more{
    font-size: .3rem;
    line-height: .4rem;
    color: #666;
    margin-top: .25rem;
}
.result-box .news-lists .row{
    margin: 0 -.75rem;
}
.result-box .news-lists .news-item{
    padding: 0 .75rem;
    box-sizing: border-box;
}
.result-box .news-lists .con-box{
    display: block;
    padding: .5rem 0 .5rem .75rem;
    position: relative;
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    border-bottom: 1px dotted #ddd;
    transition: all .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s;
}
.result-box .news-lists .con-box:before{
    content: "";
    position: absolute;
    left: .25rem;
    top: 50%;
    width: 6px;
    height: 6px;
    background-color: #888888;
    border-radius: 100%;
    transform: translateY(-50%);
    transition: all .2s;
}


.search-nav{
    overflow: hidden;
}
.search-nav .swiper-slide{
    width: auto;
    margin-right: 2.5rem;
}
.search-nav .swiper-slide:last-child{
    margin-right: 0;
}
.search-nav .swiper-slide a{
    display: block;
    font-size: .35rem;
    line-height: 1.5rem;
    color: #555;
    transition: all .3s;
}
.search-nav .swiper-slide a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: #005ac9;
    transition: all .3s;
    
}
.search-nav .swiper-slide a:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.search-nav .swiper-slide.cur a{
    color: #005ac9;
}
.search-nav .swiper-slide.cur a:before{
    width: 100%;
}

.result-box .search-nav{
    border-bottom: 1px solid #e5e5e5;
    margin-top: .5rem;
}
.result-box .search-nav .swiper-slide{
	margin-right: 1.75rem;
}
.result-box .search-nav .swiper-slide a:after{
    display: none;
}
.result-box .search-nav .swiper-slide.cur a{
    font-weight: normal;
}
.result-box .page{
	margin-top: 1.25rem;
}

.dynamics-box .page a[rel=prev],
.dynamics-box .page a[rel=next],
.dynamics-box .page a.page-first,
.dynamics-box .page a.page-end{
    background-color: #1a59a6;
}
.dynamics-box .page a.active {
    background-color: #1a59a6;
}

.query-btn{
    display: block;
    width: 6.05rem;
    margin-top: 1.75rem;
}
.query-btn img{
    width: 100%;
}

.order-box{
    padding: 2.25rem 0 4.75rem;
    background-color: #ebebeb;
}
.order-box .order-tit{
    text-align: center;
}
.order-box .order-tit span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 1.05rem;
    line-height: 1.1rem;
    color: #333;
    padding-left: 1.3rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/order-tit.png');
    background-size: .875rem;
}
.order-form-box{
    margin-top: 1.875rem;
}
.order-form-box .date{
    padding: .75rem .9rem;
    background-color: #f0f4f7;
    font-size: 0;
    border: 1px solid #dbdfe2;
    margin-bottom: .85rem;
}
.order-form-box .date-tit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .5rem;
    line-height: .8rem;
    color: #333;
    padding-left: .9rem;
}
.order-form-box .date .time{
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-radius: 2px;
    margin-left: .6rem;
    color: #fff;
    height: .8rem;
    line-height: .8rem;
    padding: 0 .55rem;
    background: -webkit-linear-gradient(left, #18a7d3,#3971bc 100%);
    background: -ms-linear-gradient(left, #18a7d3,#3971bc 100%);
    background: linear-gradient(left, #18a7d3,#3971bc 100%);
    font-size: .4rem;
}
.form-top .tit{
    font-size: .4rem;
    line-height: 1rem;
    color: #666;
    padding-left: .9rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .55rem;
    float: left;
}
.fir-row{
    margin: 0 -.25rem;
}
.fir-row .fir-item{
    box-sizing: border-box;
    padding: 0 .25rem;  
}

.sec-row{
    margin: 0 -.7rem;
}
.sec-row .sec-item{
    box-sizing: border-box;
    padding: 0 .7rem;  
}
.form-top .inp{
    background-color: #fff;
    padding: .3rem 1rem;
    margin-bottom: .75rem;
    font-size: 0;
    border: 1px solid #dbdfe2;
}
.form-top input[type=text]{
    font-size: .4rem;
    line-height: 1rem;
    height: 1rem;
    color: #666;
    width: 65%;
    /*float: right;*/
	float: left;
}
.contact-inp input[type=text]{
    width: 50%;
}
.card-inp input[type=text]{
    width: 85%;
}
.gender-inp .gender{
    float: right;
    width: 65%;
    height: 1rem;
    position: relative;
}
.gender-inp .gender .gender-tit{
    display: block;
    height: 1rem;
    line-height: 1rem;
    color: #666;
    font-size: .4rem;
    position: relative;
}
.gender-inp .gender .gender-tit:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #333;
    margin-top: -3px;
}
.gender-inp .gender .sub{
    position: absolute;
    left: 0;
    top: 1rem;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    display: none;
}
.gender-inp .gender .sub a{
    display: block;
    height: 1rem;
    line-height: 1rem;
    color: #666;
    font-size: .4rem;
    text-align: center;
    border-bottom: 1px solid #dbdfe2;
}
.gender-inp .gender .sub a:last-child{
    border-bottom: none;
}
.work-inp input[type=text]{
    width: 76%;
}
.num-inp input[type=text]{
    float: right;
    width: 75%;
}
.num-inp .unit{
    float: right;
    font-size: .4rem;
    line-height: 1rem;
    color: #666;
}
.time-inp .time-box{
    float: right;
    width: 75%;
}
.time-inp input.start-time,
.time-inp input.end-time,
.time-inp .divide{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    background-color: transparent;
}

.time-inp input.start-time,
.time-inp input.end-time{
    width: 36%;
    height: 1rem;
    line-height: 1rem;
    float: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: .525rem;
    background-image: url('../img/time-icon.png');
}
.time-inp .divide{
    font-size: .4rem;
    line-height: 1rem;
    color: #666;
    margin: 0 5%;
}
.car-inp input[type=text]{
    width: 70%;
}
.room-inp input[type=text]{
    width: 60%;
}
.form-top .event-text{
    padding: .3rem 1rem;
    background-color: #fff;
    border: 1px solid #dbdfe2;
    margin-bottom: .75rem;
}
.form-top .event-text textarea{
    height: 2.5rem;
    font-size: .4rem;
    line-height: 1rem;
    color: #999;
    float: right;
    width: 90%;
}
.person-inp input[type=text],
.work-inp2 input[type=text],
.depart-inp input[type=text]{
    width: 68%;
}
.person-inp input[type=text]{
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .475rem;
    background-image: url('../img/person-icon.png');
}
.tel-inp input[type=text]{
    width: 55%;
}
.person-table-box{
    margin-top: .75rem;
    /* background-color: #fff; */
}
.person-table-box .person-tit{
    font-size: .5rem;
    line-height: .6rem;
    padding: .6rem 0;
    text-align: center;
    font-weight: bold;
    background-color: #f0f4f7;
    color: #333;
    border: 1px solid #e2e4e6;
    border-bottom: none;
}

.person-table-box .person-table ul.on{
    z-index: 3;
}
.person-table-box .person-table ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}
.person-table-box .person-table li{
    border: 1px solid #e2e4e6;
    text-align: center;
    border-right: none;
}
/*.person-table-box .person-table li:nth-child(1){*/
/*    width: 7.75%;*/
/*}*/
/*.person-table-box .person-table li:nth-child(2){*/
/*    width: 10.3125%;*/
/*}*/
/*.person-table-box .person-table li:nth-child(3){*/
/*    width: 6.5625%;*/
/*}*/
/*.person-table-box .person-table li:nth-child(4){*/
/*    width: 14.75%;*/
/*}*/
/*.person-table-box .person-table li:nth-child(5){*/
/*    width: 20%;*/
/*}*/
/*.person-table-box .person-table li:nth-child(6){*/
/*    width: 14.375%;*/
/*}*/
/*.person-table-box .person-table li:nth-child(7){*/
/*    width: 16.875%;*/
/*}*/
/*.person-table-box .person-table li:nth-child(8){*/
/*    width: 9.375%;*/
/*}*/

.person-table-box .person-table li:nth-child(1){
    width: 20%;
}
.person-table-box .person-table li:nth-child(2){
    width: 20%;
}
.person-table-box .person-table li:nth-child(3){
    width: 20%;
}
.person-table-box .person-table li:nth-child(4){
    width: 20%;
}
.person-table-box .person-table li:nth-child(5){
    width: 20%;
}
.person-table-box .person-table .tit{
    background-color: #f0f4f7;
    height: 1.4rem;
    font-size: .4rem;
    color: #666;
    font-weight: normal;
    border-bottom-width: 2px;
}
.person-table-box .person-table li{
    background-color: #fff;
    height: 1.45rem;
    line-height: 1.45rem;
}
.person-table .index{
    font-size: .5rem;
    color: #333;
    font-family: arial;
}
.person-table input[type=text]{
    display: block;
    height: 1rem;
    line-height: 1rem;
    width: 80%;
    font-size: .4rem;
    color: #333;
    padding: 0 10%;
    text-align: center;
    margin-top: .25rem;
}
.person-table .remove-btn{
    display: block;
    font-size: .35rem;
    line-height: 1.45rem;
    color: #d11d26;
}
.person-table .gender{
    position: relative;
}
.person-table .gender-tit{
    display: block;
    padding: 0 10%;
    font-size: .4rem;
    color: #333;
    position: relative;
    height: 1.45rem;
    line-height: 1.45rem;
}
.person-table .gender-tit:before{
    content: "";
    position: absolute;
    right: 10%;
    top: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #333;
    margin-top: -3px;
}
.person-table .gender .sub{
    position: absolute;
    left: 0;
    top: 1.2rem;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    display: none;
}
.person-table .gender select{
    display: none;
}
.person-table .gender .sub a{
    display: block;
    height: 1rem;
    line-height: 1rem;
    color: #666;
    font-size: .4rem;
    text-align: center;
    border-bottom: 1px solid #dbdfe2;
}
.person-table-box .add-tr{
    padding: .4rem 0;
    background-color: #fff;
    border: 1px solid #e2e4e6;
    border-top: none;
}
.person-table-box .add-btn{
    display: block;
    width: .8rem;
    height: .8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/add-icon.png');
    margin: 0 auto;
}
.form-top .check-inp{
    margin: 0;
    margin-top: .75rem;
    margin-bottom: 0;
    position: relative;
}
.form-top .check-inp input[type=text]{
    width: 40%;
    margin-right: 30%;
}
.form-top .check-inp img{
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 20%;
    height: 1rem;
    margin-top: -.5rem;
}
.order-form-box input[type=submit]{
    display: block;
    width: 5.75rem;
    height: 1.25rem;
    padding-left: 2.15rem;
    border-radius: .625rem;
    background-color: #d11d26;
    box-sizing: border-box;
    color: #fff;
    font-size: .45rem;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 1.35rem center;
    background-size: .425rem;
    background-image: url('../img/submit-btn.png');
    margin: 2.75rem auto 0;
}
@media (max-width: 1680px){
    .name-inp input[type=text]{
        width: 60%;
    }
    .gender-inp .gender{
        width: 60%;
    }
    .contact-inp input[type=text]{
        width: 50%;
    }
    .time-inp .time-box{
        width: 70%;
    }
    .storey-inp input[type=text]{
        width: 60%
    }
    .room-inp input[type=text]{
        width: 55%;
    }
    .person-inp input[type=text],
    .work-inp2 input[type=text],
    .depart-inp input[type=text]{
        width: 65%
    }
    .tel-inp input[type=text]{
        width: 50%
    }
}
@media (max-width: 1366px){
    .view{
        padding: 0 5%;
    }
    .pc-nav{
        margin-left: 1.5rem;
    }
    .pc-nav li{
        margin-right: .8rem;
    }
    .right-nav a{
        margin-right: .8rem;
    }
    .businessinfo-view{
        width: 90%;
    }
    .news-box.bottom .warp-news-left,
    .history-box.bottom .time-aside{
        left: 5%;
    }
    .honor-tab{
        width: 700px;
    }
    .news-box .warp-ulbox .tit3{
        width: 70%;
    }
    .stock-box{
        padding: .8rem 0;
    }
    .website-tab .text-box{
        left: -10%;
        width: 50%;
    }
    .website-tab .right .txt{
        padding: 0 .5rem;
    }
    .index-about .num-list .item{
        margin-left: 1rem;
    }
    .index-dialog-box .close-btn{
        top: -2rem;
        right: 0;
    }
    .info-dialog-wrap .stock-tab .top-left{
        padding: 0.8rem 0.9rem .8rem 1rem;
    }
    .info-dialog-wrap .stock-tab .price:before{
        left: -.5rem;
    }
    .info-dialog-wrap .stock-bottom{
        padding: 1.25rem .9rem;
    }

    .name-inp input[type=text]{
        width: 55%;
    }
    .gender-inp .gender{
        width: 55%;
    }
    .work-inp input[type=text]{
        width: 70%
    }
    .num-inp input[type=text]{
        width: 70%
    }
    .car-inp input[type=text]{
        width: 65%;
    }
    .form-top .event-text textarea{
        width: 88%;
    }
    .person-inp input[type=text],
    .work-inp2 input[type=text],
    .depart-inp input[type=text]{
        width: 60%;
    }
    .tel-inp input[type=text]{
        width: 45%;
    }
    .storey-inp input[type=text]{
        width: 55%;
    }
    .room-inp input[type=text]{
        width: 50%;
    }
    .contact-inp input[type=text]{
        width: 40%;
    }
    .form-top .check-inp input[type=text]{
        width: 30%;
    }
}
@media (max-width: 1100px){
    .footer-bottom .left .link{
        margin-left: 0;
        margin-top: .2rem;
        display: block;
    }
}

.bg-img{
   background-repeat:no-repeat;
   background-position: left bottom;
    height: 7rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 3;
    background-size:cover;
}
@media (max-width:960px){
    .bg-img{
        height:4rem;
    }
}
@media (max-width:767px){
    .bg-img{
        height:1.2rem;
    }
}

/*20210419*/
.type-link .item{
    width:50%;
}
@media (max-width:767px){
   .type-link .item{
        width:100%;
    } 
}




/**

*联系我们*

**/
.container-main .h2{
    padding-bottom:10px;
}
.h-contact-list{
    padding:.5rem 1.2rem .75rem;
    background-color:#f8f8f8;
    height: 460px;
    box-sizing: border-box;
    display:flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
}

.h-contact-list .li{
   color: #888;
   font-size:16px;
   line-height:1.5;
   padding:.75rem 0;
   width:100%;
   border-bottom:1px solid #d3d3d3;
   padding-left:40px;
   background-size:25px auto !important;
}
.h-contact-list .li:last-child{
    border-bottom:none;
}
.h-contact-list .li:nth-child(1){
    background:url(../img/h_ctc_ico2.png) no-repeat left .75rem;
}
.h-contact-list .li:nth-child(2){
    background:url(../img/h_ctc_ico3.png) no-repeat left .75rem;
}
.h-contact-list .li:nth-child(3){
    background:url(../img/h_ctc_ico4.png) no-repeat left .75rem;
}
.h-contact-list .li:nth-child(4){
    background:url(../img/h_ctc_ico1.png) no-repeat left .8rem;
}

.baidumap{
   width: calc(100% - 60px);
   margin-left:60px;
   height: 460px;
   margin-top: 20px;
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
   .container-main{
        padding-top:30px;
       padding-bottom: 80px;
   }
  
   .baidumap{
       margin-top: 0;

   }
}
@media (max-width: 1025px){
    .baidumap{
        margin-left:0;
        width:100%;
   }
}
@media (max-width: 767px) {
    .h-contact-list{
        height:auto;
    }
    .baidumap{
        height: 220px;
   }
   .h-contact-list{
        padding: .25rem 5% .5rem;
   }
   .h-contact-list .li{
        padding: .35rem 0;
        padding-left:40px;
   }
   .h-contact-list .li:nth-child(1){
    background:url(../img/h_ctc_ico2.png) no-repeat left .35rem;
    }
    .h-contact-list .li:nth-child(2){
        background:url(../img/h_ctc_ico3.png) no-repeat left .35rem;
    }
    .h-contact-list .li:nth-child(3){
        background:url(../img/h_ctc_ico4.png) no-repeat left .35rem;
    }
    .h-contact-list .li:nth-child(4){
        background:url(../img/h_ctc_ico1.png) no-repeat left .4rem;
    }
    .container-main{
       padding-bottom: 30px !important;
    }
    .h-contact-list .li{
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .newsinfo-box .con img{
        max-width:100%!important;
    }
}


.newsinfo-box .con{
   /*text-indent: 2em !important;*/
}
.newsinfo-box .con font {
    /* font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;*/
}

.newsinfo-box p{
    /*text-indent: 2em !important;*/
}
.newsinfo-box .con span {
    /* font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;*/
}
.newsinfo-box .con span {
    /* font-size: .35rem !important;*/
}
@media (max-width: 767px) {
    .newsinfo-box .con span {
        font-size:14px !important;
    }
}
.query-btn2{
    width:auto;
    display:inline-block;
    margin:0;
        padding: 0 .5rem;
    margin-right: 1rem;
        width: 43%;
}
@media (max-width: 767px) {
    .query-btn2 {
        width: 100%;
        display: inline-block;
        margin: 0;
        margin-right: 0;
        padding:0;
        margin-bottom: .5rem;
    }
}
.joblist {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
  padding: 0 .5rem;
}
.joblist .li {
  width: 49%;

  height: 7.75rem;
  padding: 1.125rem 1.625rem;
  box-sizing: border-box;
  background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.joblist .li .tit {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  font-size: 0.4rem;
}
.joblist .li .tit img {
  width: .5rem;
  margin-right: .2rem;
}
.joblist .li .tit-30 {
  color: #e62129;
  font-weight: 800;
  font-size: 0.75rem;
}
.joblist .li .index-more {
  margin-top: 0.625rem;
}
.joblist .li:last-child .tit-30 {
  color: #333333;
}
.joblist .li .index-more:hover {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  transform: translate(0, 0);
}
@media (max-width: 767px) {
    .joblist {
        margin-top: 0;
        flex-direction: column;
        margin-bottom: .6rem;
    }
    .joblist {
        padding:0;
    }
    .joblist .li {
        width: 100%;
        margin-top: .6rem;
        height: auto;
        padding: .3rem;
    }
    .joblist .li .tit {
        display: flex;
        align-items: center;
        margin-bottom: .5rem;
        font-size: 0.24rem;
    }
    .joblist .li .tit img {
        width: .25rem;
        margin-right: .2rem;
    }
    .joblist .li .tit-30 {
        color: #e62129;
        font-weight: 800;
        font-size: 0.35rem;
    }
}

.news-box .warp-ulbox .li:nth-child(2){
	margin-top:0;
}
.news-box .warp-ulbox .li{
	width:100%;
}
.news-box .warp-ulbox .text{
	width:60%;
	margin-right:5%;
	    float: left;

}
.news-box .warp-ulbox .img-box{
	width:30%;
	    float: right;

}
.news-box .warp-ulbox .li .img{
	height:4.5rem;
}
.news-box .warp-ulbox .time{
	width:100%;
	float: none;
}
.news-box .warp-ulbox .tit3{
	width:100%;
	float: none;
}
@media (max-width:1024px) {
	.news-box .warp-ulbox .li .img{
		height:4rem;
	}
}
@media (max-width:767px) {
	.news-box .warp-ulbox .img-box{
		width:100%;
	}
	.news-box .warp-ulbox .text{
		width:100%;
	}
	.news-box .warp-ulbox .text{
		padding: 1.2rem 0 0.5rem !important;
	}
}

.right-nav a .hoverimg{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	margin-left:-50px;
	top:80px;
	z-index:3;
	opacity:0;
	visibility: hidden;
	transition: all .5s;
}
.right-nav a .hoverimg img{
	width:100%;
	height:100%;
}
.right-nav a:hover .hoverimg{
	opacity:1;
	visibility: visible;
}