@font-face{
    font-family:"ElegantIcons";
    font-style:normal;font-weight:400;
    src:url(../font/ElegantIcons.eot) format("embedded-opentype"),
    url(../font/ElegantIcons.woff) format("woff"),
    url(../font/ElegantIcons.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
.icos{font-family:"ElegantIcons";font-style:normal;}

.dtable{display:table;width:100%;height:100%;}
.dtable .dtcell{display:table-cell;vertical-align:middle;}
.inline-block{display:inline-block;}
.icos-prev:after{content:'\34';}
.icos-next:after{content:'\35';}

/* .index-header{position:absolute;top:0;left:5%;width:90%;z-index: 99;} */
.index-header{position:fixed;top:0;left:0;width:100%;padding:15px 13.5% 10px;z-index: 99;background:rgba(209,255,255,0.22);}
.index-header:before {
    content: "";
    display: table;
    table-layout: fixed;
}
.index-header:after {
    width: 100%;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.index-header:after {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    display: inline;
    height: 100%;
    background: #fff;
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    z-index: -1;
}
.index-header.activeHead:after {
    top: 0;
}
.index-header .navbar-default{background:transparent;border-width:0;padding-top:18px;}
.navbar-default .navbar-nav > li{margin-right:30px;}
.navbar-default .navbar-nav > li > a{color:#fff;font-size: 16px;}
.index-header.activeHead .navbar-default .navbar-nav > li > a{color:#000;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.on > a{color:#bbb;}
.index-header.activeHead .navbar-default .navbar-nav > li > a:hover,
.index-header.activeHead .navbar-default .navbar-nav > li > a:focus,
.index-header.activeHead .navbar-default .navbar-nav > li.on > a{color:#104692;}
.navbar-nav > li.sea{padding:8px 15px;}
.navbar-default .navbar-nav li.sea:before {
    display: block;
    width: 0;
    height: 18px;
    border-left: 1px solid #ccc;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top:-9px;
    padding:0;
    opacity:1;
}
.navbar-default .navbar-nav > li.lastbtn .btn-buy{
    font-size: 16px;
    color:#333;
    text-align:center;
    margin-top: 12px;
    position:relative;
}
.ico-shop{
    display: inline-block;
    width: 21px;
    height: 21px;
    background:url(../image/ico_12.png) no-repeat;
    vertical-align:middle;
    margin-right:10px;
}
.ico-down{
    display: inline-block;
    width: 14px;
    height: 8px;
    background:url(../image/ico_11.png) no-repeat;
    vertical-align:middle;
    margin-left:5px;
}
.btn-buy a.en{
    position:absolute;
    top:100%;
    left:31px;line-height:40px;
    display:none;
}
.btn-buy:hover a.en{display: inline-block;}
.navbar-default .navbar-nav > li.lastbtn .btn-buy a span{color:#333;vertical-align:middle;}

.banner{margin-top:113px;overflow:hidden;}
.banner img.img-responsive{width:100%;}
.ban-txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    text-align: center;
    color: #fff;
}
.ban-txt h3 {
    font-size: 42px;
    font-family:"SourceHanSansCNBold";
    margin-bottom: 15px;
    margin-top: 0;
}
.ban-txt h3 span{font-size: 31px;}
.ban-txt .p1{font-size: 13px;font-weight:bold;font-family:Arial;text-transform:uppercase;font-style: italic;}
.ban-txt .line{width: 78px;height: 4px;background:#fff;margin:0 auto;}
.ban-txt .ban-tigs{margin-top:20px;font-size: 16px;}
/* .ban-txt .ban-tigs a{
    display:inline-block;
    height: 12px;
    line-height:12px;
    font-size:18px;
    color:#fff;
    padding:0 12px;
} */
/* .ban-txt .ban-tigs a+ a{border-left:2px solid #fff;} */
#focusBox .ban-txt .ban-tigs a{display:inline-block;margin:0 80px;text-align:center;color:#fff;font-size: 16px;line-height:22px;vertical-align:top;}
.banner .swiper-pagination-bullet{width:28px;border-radius:5px;height:5px;background:#fff;opacity:0.22;margin:0 5px;}
.banner .swiper-pagination-bullet-active{opacity:1;}
.index-banner-text{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
    text-align:center;
    color:#fff;
}
.index-banner-text h1{font-size: 60px;margin-top:0;margin-bottom: 15px;}
/* .index-banner-text h1 > span{margin-bottom:28px;} */
.line{border-bottom:2px solid rgba(255,255,255,0.4);margin-top:25px;font-size:0;}
.line i{display:inline-block;width:100px;height:5px;background:#e2e2e2;margin-bottom:-3px;}
.index-ban-tips{margin-bottom:70px;}
.index-ban-tips a{font-size:24px;color:#fff;vertical-align: middle;}
.index-ban-tips em{font-family:Arial;color:#bcbcbc;vertical-align:middle;margin:0 20px;font-style:normal;font-size:20px;}
.index-ban-btn .btns{
    position: relative;
    display:inline-block;
    width:154px;
    padding:10px 24px;
    color:#f0f0f0;
    border: 2px solid #fff;
    border-radius:60px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 0;
    margin:0 10px;
}
.index-ban-btn .btns:after{
    background: #36c0cc;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 60px;
    opacity: 0;
    z-index: -2;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.index-ban-btn .btns span{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 60px;
    z-index: -1;
}
.index-ban-btn .btns span:after{
    background: #fff;
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: -10px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}
.index-ban-btn .btns:hover{color:#df1f26;}
.index-ban-btn .btns:hover:after{
    top: -19%;
    left: -9px;
    height: 138%;
    width: calc(100% + 18px);
    opacity: .4;
}
.index-ban-btn .btns:hover span:after{width:112%;}
.index-swp1{
    padding:14px 0 40px;
    border-bottom:1px solid #e5e5e5;
    overflow: hidden;
}
.index-swp1 .swiper-slide{text-align:center;width: auto;}
.index-swp1 .swiper-slide p{font-size: 18px;color:#000;margin-bottom:0;}
.index-swp1 .container{position:relative;}
.index-prev,.index-next{position:absolute;top:50%;font-size:50px;color:#ababab;transform:translate(0,-50%);cursor:pointer;}
.index-prev{left:-50px;}
.index-next{right:-50px;}



.foot-nav{background:#04577c;padding-top:45px;padding-bottom:15px;}
.foot-nav-dl dt,.foot-nav-dl dt a{font-size:16px;color:#fff;}
.foot-nav-dl dt{margin-bottom:15px;font-weight:500;line-height:24px;}
.foot-nav-dl dd{margin-bottom:8px;}
.foot-nav-dl dd a{color:#fff;}
.foot-nav-dl dt a:hover,.foot-nav-dl dd a:hover{color:#e0e0e0;}
.foot-mes dt a,.foot-mes dt{font-size:16px;color:#fff;}
.foot-mes dt{margin-bottom:15px;font-weight:500;line-height:24px;}
.foot-mes dd{padding-left:30px;margin-bottom:12px;color:#fff;position:relative;line-height:20px;}
.foot-mes dd:after{
    display:none;
    width:24px;
    height:24px;
    background:url(../image/ico_add.png) left center no-repeat;
    content:'';
    position:absolute;
    left:0;
    top:-2px;
}
.foot-mes dd.f1:after{
    display:block;
    background-position:0 5px!important;
}
.foot-mes dd.f2:after{
    display:block;
    background-position:0 -30px!important;
}
.foot-mes dd.f3:after{
    display:block;
    background-position:0 -67px!important;
}
.foot-mes dd.f4:after{
    display:block;
    background-position:0 -105px!important;
}
.foot-mes dd.f5:after{
    display:block;
    background-position:0 -138px!important;
}
.foot-mes dd.f5{height:auto;}
.foot-mes dd.f5 img{display:block;}
.foot-mes dd.f5 p{width:122px;margin-left:-15px;text-align:center;margin-top:5px;}
.foot-icp{background:#2a2a2f;padding-top:15px;height:52px;color:#fff;text-align:center;}
.foot .chart{position:absolute;top:50px;right:15px;}
.foot-mes{padding-right:110px;}

.navbar-nav > li.sea input.hed-input{
    border-width:0;
    background:url(../image/ico_sea.png) center no-repeat;
    padding-left:10px;
    height:38px;
    border:2px solid #fff;
}
.navbar-nav > li.sea input.stxton{background:none;border-color:#545150;outline:none;}
.ico-s2{
    width: 18px;
    height: 46px;
    background:url(../image/ico_02.png);
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-9px;
    z-index: 7;
    cursor:pointer;
}
.ico-s1{
    display:inline-block;
    width: 87px;
    height: 16px;
    background:url(../image/ico_01.png); 
}
.ban-move-box{display:inline-block;text-align:left;margin-top:260px;}
.index-solution-group .row{margin:0;}
.index-solution-group .row > div{padding:0;}
.title-s1{
    position:relative;
    text-align:center;
    padding-top:35px;
    padding-bottom:20px;
    margin-bottom:30px;
}
.title-s1 h4{
    font-family:"SourceHanSansCNRegular";
    font-size:30px;
    color:#000;
    margin-bottom:5px;
}
.title-s1 p{
    font-family:Arial;
    font-size:22px;
    color:#555;
    text-transform: uppercase;
}
.title-s1 i.it{
    position:absolute;
    top:0;
    left:50%;
    width: 1px;
    height:30px;
    background:#e0e0e0;
}
.title-s1 i.ib{
    position:absolute;
    bottom:0;
    left:50%;
    width: 1px;
    height:20px;
    background:#e0e0e0;
}
.title-s1 i.ib:after{
    display:block;
    width:5px;
    height: 5px;
    background:#04577c;
    content:'';
    position:absolute;
    bottom:-8px;
    left:-2px;
}
.index-solution-tab{text-align:center;margin-bottom:15px;}
.index-solution-tab .item{
    display:inline-block;
    margin:0 32px;
    vertical-align:top;
    cursor: pointer;
}
.index-solution-tab .item img{max-width: 100%;}
.index-solution-tab .item p{font-size:16px;margin-top:10px;}
.index-solution-tab .item.active p{color:#04577c;}
.index-solution-group{background:url(../image/bg_02.jpg) repeat;}
.index-solution-box{padding:28px 0 0 20%;position:relative;}
.index-solution-box:after{
    display:block;
    width:20%;
    height:94px;
    background:#04577c;
    content:'';
    position:absolute;
    top:28px;
    left:0;
}
.indexaboutr{background:#5f5d5d;}
.title-s2{padding:0 20px;color:#2d2d2d;margin-bottom:30px;}
.title-s2 h5{
    font-size: 48px;
    font-family: Arial;
    font-weight:800;
    margin:20px 0 0;
}
.title-s2 p{
    font-size: 21px;
    font-family: Arial;
    font-weight:500;
    text-transform:uppercase;
}
.title-s2 h4{font-size:25px;font-family:"SourceHanSansCN-Regular"}
.index-solution-box .txt{padding:0 16% 0 8%;}
.index-solution-box .txt p{
    font-size: 16px;
    line-height:26px;
    color:#333;
}
.index-solution-img{padding-left:0px;margin-left:30px;}
.index-solution-img img{width:100%;}
.index-products{background:url(../image/bg_01.jpg) center top no-repeat;background-size:cover;border-bottom:1px solid #f9f9f9;}
.index-pro-tab ul.ul{font-size:0;text-align:center;}
.index-pro-tab ul.ul li{
    display:inline-block;
    width:25%;
    max-width:240px;
    padding:0 8px;
}
.index-pro-tab ul.ul li a{
    display:block;
    padding-left:25px;
    padding-top:5px;
    height:49px;
    font-size:18px;
    color:#fff;
    text-decoration:none;
    text-align:left;
    background-color:#5f5d5d;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:right center;
    border-top-left-radius:15px;
    border-bottom-right-radius: 15px;
    overflow:hidden;
}
.index-pro-tab ul.ul li.active a{background-color:#04577c;}
.index-pro-tab ul.ul li a span{
    display:block;
    font-size:12px;
    color:#fdfdfd;
    opacity:0.32;
    font-family:Arial;
}
.index-pro-tab ul.ul li.active a span{opacity:1;}
.index-pro-group{padding:70px 0;}
.index-about-box{position:relative;margin-top: 40px;margin-bottom:80px;}
.index-about-tab{
    position:absolute;
    top:0;
    left:0;
    background-color:#5f5d5d;
    width: 135px;
    padding:40px 0;
    border-top-left-radius:40px;
    border-bottom-right-radius:40px;
}
.xg-pro-mores{text-align:center;margin-top:70px;}
.xg-pro-mores a{
    display:inline-block;
    padding:7px 32px;
    font-size:16px;
    font-family:"SourceHanSansCNRegular";
    color:#000;
    border:1px solid #888;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    border-radius:4px;
}
.xg-pro-mores a:hover{
    color:#fff;
    background:#04577c;
    border-color:#04577c;
}
.index-about-tab ul li{margin-bottom:5px;}
.index-about-tab ul li a{
    display:block;
    padding:25px 0;
    text-align:center;
    font-size:18px;
    color:#fff;
    position:relative;
}
.index-about-tab ul li.active a:after{
    display:block;
    width:0;
    height: 0;
    border-left:8px solid #04577c;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    content:'';
    position:absolute;
    top:50%;
    right:-8px;
    margin-top:-4px;
}
.index-about-tab ul li a p{
    margin-top:3px;
    margin-bottom:0;
}
.index-about-tab ul li.active a{background-color:#04577c;}
.index-about-tab ul li i.ab-ico{
    display:block;
    height:30px;
}
.index-about-tab ul li i.ab-ico-1{background:url(../image/ico_18.png) center no-repeat;}
.index-about-tab ul li i.ab-ico-2{background:url(../image/ico_19.png) center no-repeat;}
.index-about-tab ul li i.ab-ico-3{background:url(../image/ico_20.png) center no-repeat;}
.index-about-tab ul li i.ab-ico-4{background:url(../image/ico_21.png) center no-repeat;}
.index-about-video video{width:100%;height:100%;display:block;}
.iab-img{
    position:relative;
    height: 0;
    padding-top:56.57%;
    overflow:hidden;
}
.iab-img .iab-img-box{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index: 2;
    overflow:hidden;

}
/* .iab-img:hover .iab-img-box{
    right: -30px;
    left:-30px;
    bottom:-70px;
    z-index: 3;
} */
.iab-img:hover .iab-img-box img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);}
.iab-img .iab-txt{
    position:absolute;
    top:0;
    left:0;
    right: 0;
    height: 100%;
    border:1px solid #fff;
    font-size:16px;
    line-height:30px;
    color:#fff;
    text-align:center;
    opacity:0;
    pointer-events:none;
}
.iab-img:hover .iab-img-box .iab-txt{opacity:1;}
.iab-img .iab-txt .dtable{
    
    background:rgba(0,0,0,0.49);
}
.iab-img .iab-txt .dtable .p{padding:0 70px;max-height:180px;overflow:hidden;}
.iab-img .iab-txt .dtable .p a{color:#fff;}

.iab-img .iab-img-box img{width:100.5%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.iab-box .mes{
    height: 45px;
    line-height:45px;
    background-color:#f2f2f2;
    padding:0 20px;
    position:relative;
}
.iab-box .mes h5{
    font-size: 18px;
    line-height:45px;
    margin:0;
}
a.ico-ss2{
    position:absolute;
    top:11px;
    right:20px;
    width: 24px;
    height: 23px;
    background:url(../image/ico_sea2.png);
    display:none;
}
/* .iab-box{margin-bottom:25px;} */
.swiper-paginations{
    position:absolute;
    bottom:10px;
    left:10px;
    z-index: 3;
}
.swiper-paginations .swiper-pagination-bullet{
    width:25px;
    height: 25px;
    line-height: 25px;
    background:#636363;
    color:#fff;
    border-radius:0;
    opacity:1;
    text-align:center;
}
.swiper-paginations .swiper-pagination-bullet-active{background:#ff8139;}
#iabNewsImg img{width: 100%;}
.xgrnewsb{
    display:block;
    position:relative;
}
.xgrnewsb .xgrtxt{
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    background:rgba(0,0,0,0.35);
    color:#fff;
    padding:1px 30px;
}
.xgrnewsb .xgrtxt h5{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:15px;}
.xgrnewsb .xgrtxt p{height:44px;line-height:22px;overflow:hidden;}
.iab-news-list ul{margin-top:30px;margin-top: 0;}
.iab-news-list ul li{
    padding:10px 20px;
    border:1px solid #fff;
    font-family:"SourceHanSansCNRegular";
}
.iab-news-list ul li h5{
    font-size: 16px;
    color:#000;
}
.iab-news-list ul li h5 a{color:#000;}
.iab-news-list ul li .iab-news-date{color:#999;font-family: Arial;}
.iab-news-list ul li p{font-size:15px;margin-top:10px;display:none;}
.iab-news-list ul li p a{color:#555;}
.iab-news-list ul li.on{border:1px solid #ccc;}
.iab-news-list ul li.on p{display:block;}
.iab-news-list ul li.on h5 a{color:#04577c;font-size: 18px;}
.swiper-button-nextss{
    width:31px;
    height: 16px;
    background:url(../image/iab_down.png);
    margin:30px auto 10px;
    cursor:pointer;
}
.text img{max-width: 100%;}
#focusBox .ban-move-box{margin-top:0;}

.news-wrap{margin-top:100px;}
.news-item-group {
    margin-bottom: 26px;
}
.news-item-group .news-left-img {
    float: left;
    width: 400px;
    width:29%;
    height: 230px;
    position: relative;
}
.news-item-group .news-left-img img {
    width: 410px;
    width:100%;
    max-height: 230px;
    vertical-align: top;
}
.news-item-group .news-left-img .news-left-tit {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 30px;
    padding: 0 10px;
    background: rgba(0,0,0,0.4);
    color: #fff;
}
.news-item-group .news-right {
    float: right;
    width: 775px;
    width:71%;
    padding-left:30px;
}
.news-item {
    display: block;
    height: 114px;
    border-top: 1px dashed #ccc;
    transition: all 0.3s;
}
.news-item + .news-item{border-bottom: 1px dashed #ccc;}
.news-item .news-data {
    float: left;
    width: 100px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #04577c;
    text-align: center;
    margin-top: 18px;
    font-family:Arial;
}
.news-item .news-data span {
    display: block;
    font-size: 55px;
    line-height: 55px;
}
.news-rtxt {
    float: right;
    width: 620px;
    width:calc(100% - 120px);
    width:-webkit-calc(100% - 120px);
    padding-right: 20px;
}
.news-rtxt h3 {
    font-size: 18px;
    font-family:"SourceHanSansCNRegular";
    font-weight: normal;
    margin-top: 20px;
    color: #000;
    margin-bottom: 10px;
}
.news-rtxt p {
    font-size: 14px;
    font-family:"SourceHanSansCNRegular";
    color: #555;
    text-align: justify;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.news-item:hover {
    background: #04577c;
    color: #fff;
}
.news-item:hover .news-data, .news-item:hover .news-rtxt h3, .news-item:hover .news-rtxt p {
    color: #fff;
}
.news-more{margin-top:60px;margin-bottom:30px;text-align:center;}
.news-more a{
    font-size: 18px;
    color:#555;
}
.news-more a i{
    display:inline-block;
    width: 30px;
    height: 17px;
    background:url(../image/ico_24.png) center no-repeat;
}
.focus-ico{margin-bottom:20px;position:relative;}
.focus-ico .fico{
    display:inline-block;
    width:80px;
    height:56px;
    background-position:center center;
    background-repeat:no-repeat;
}
.focus-ico i{
    position:absolute;
    top:50%;
    left:50%;
    width: 100px;
    height: 100px;
    background:url(../image/ico_30.png) center no-repeat;
    margin-top:-50px;
    margin-left:-50px;
    opacity:0;
}
.ban-txt .ban-tigs a.on .focus-ico i{opacity: 1;}

.ban-txt .ban-tigs a:hover .focus-ico i{opacity: 1;}
.products-list .item{padding:80px 0;}
.products-list .item:nth-child(2n){
    background:#fcfcfc;
    border-top:2px solid #e4e4e4;
}
.products-list .item .mes > h4{font-size: 36px;margin-bottom:20px;max-width:370px;line-height:1.4;}
.products-list .item .mes > h4 i{
    display:block;
    max-width: 340px;
    border-bottom:1px solid #eaeaea;
    margin-top:10px;
    position:relative;
}
.products-list .item .mes > h4 i:after{
    display:block;
    width:5px;
    height: 5px;
    background:#04577c;
    content:'';
    position: absolute;
    right:-5px;
    top:-2px;
}
.products-list .item .mes .text{font-size: 13px;line-height: 26px;color:#555;text-align:justify;}
.promore{margin-top:30px;}
.promore a{font-size: 13px;}
.promore a i{display:inline-block;width:32px;height: 11px;background:url(../image/ico_29.png);margin-left:10px;}

.iab-address{position:relative;}
.iab-address >img{width: 100%;}
.iab-address ul li{
    position:absolute;
}
.iab-address ul li .num{
    width:28px;
    height:32px;
    background:url(../image/ico_32.png) center 0 no-repeat;
    font-size:12px;
    font-family:Arial;
    text-align:center;
    font-weight:500;
    color:#666;
}
.iab-address ul li.on .num{background:url(../image/ico_32.png) center 0 no-repeat;}
.iab-address ul li .num span{transform:scale(0.8);display:inline-block;}
.iab-address ul li .num span{
    transform:scale(0.9);
    color:#ce373b;
    line-height: 20px;
    font-weight:bold;
    font-size: 0;
}
.iab-address ul li .mes{position:absolute;left:90px;top:40px;display:block;}
/* .iab-address ul li.on .mes{display:block;} */
.iab-address ul li .mes .iab-x{
    position:absolute;
    width:40px;
    border-top:1px solid #ce373b;
    left:-60px;
    top:8px;
}
.iab-address ul li .mes .iab-x:after{
    display:block;
    width: 5px;
    height:5px;
    border-radius:5px;
    background:#ce373b;
    content: '';
    position:absolute;
    top:-3px;
    right: -5px;
}
.iab-address ul li .mes .iab-x:before{
    display:block;
    width:30px;
    height:0;
    border-top:1px solid #ce373b;
    transform: rotate(60deg);
    content:'';
    position:absolute;
    left:-23px;
    bottom:13px;

}
.iab-address ul li .mes .p{position:relative;padding-left: 40px;color:#ce373b;padding-left:0;}
.iab-address ul li .mes .p .mnum{
    position:absolute;
    top:0;
    left:0;
    font-size:48px;
    font-family:Arial;
    font-weight:bold;
    line-height: 40px;
    font-size: 0;
}
.iab-address ul li .mes .p p{
    white-space:nowrap;
    font-size:16px;
    font-family:"SourceHanSansCNRegular";
    display:none;
}
.iab-address ul li .mes .p h5{font-size:18px;font-family:"SourceHanSansCNBold";margin:0 0 1px;white-space:nowrap;}
.iab-address ul li.li-1{
    top:38.6666%;
    right:31%;
}
.iab-address ul li.li-2{
    top:47.5%;
    right:32.8%;
}
.iab-address ul li.li-3{
    top:44%;
    right:33.4%;
}
.iab-address ul li.li-4{
    top:40.5%;
    right:86.5%;
}
.iab-address ul li.li-5{
    top:34.3666%;
    right:31.08%;
}
.iab-address ul li.li-6{
    top:32.5666%;
    right:32.58%;
}
.iab-address ul li.li-7{
    top:30%;
    right:86.58%;
}
.iab-address ul li.li-8{
    top:50.0666%;
    right:33.58%;
}
.ifcswp-more{text-align:center;padding:50px 0 10px;}
.ifcswp-more a{
    display:inline-block;
    font-size:18px;
    color:#04577c;
    padding:12px 50px;
    border:2px solid #04577c;
    border-radius: 40px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ifcswp-more a:hover{
    background:#04577c;
    color:#fff;
}
.fc-g-list{margin-top:45px;}
.fc-g-list .row > div{margin-bottom:30px;}
.fc-main .news-more{margin-top:20px;}
.details-title{font-size:20px;font-family:"SourceHanSansCNRegular";padding:30px;border-bottom:1px dashed #ccc;margin-bottom:10px;}
.details-date{color:#888;}
.details-shar{margin-bottom:15px;}

.page{
    text-align:center;
    margin:35px 0;
}
.page li{ display:inline-block;border:1px solid #d1d1d1; color:#666; padding:5px 10px; margin-left:5px;}


.s-banner-con{width:1100px;margin:0 auto;font-size: 0;position:relative;z-index:6;}
.s-banner-con .s-banner-box{position:relative;}
.s-banner-con .s-banner-box .s-ban{
    position:absolute;
    z-index:3;
    opacity:0;
}

.s-banner-con .s-banner-box .s-ban-b1{
    top:116px;
    left:139px;
    -webkit-animation: sbanax linear 4s 0s infinite;
    -moz-animation: sbanax linear 4s 0s infinite;
    animation: sbanax linear 4s 0s infinite;
}
.s-banner-con .s-banner-box .s-ban-b2{
    top:42px;
    left:436px;
    -webkit-animation: sbanax linear 4s 0s infinite;
    -moz-animation: sbanax linear 4s 0s infinite;
    animation: sbanax linear 4s 0s infinite;
}
.s-banner-con .s-banner-box .s-ban-b3{
    top:127px;
    left:595px;
    -webkit-animation: sbanax linear 4s 0s infinite;
    -moz-animation: sbanax linear 4s 0s infinite;
    animation: sbanax linear 4s 0s infinite;
}
.s-banner-con .s-banner-box .s-ban-b4{
    top:233px;
    left:278px;
    -webkit-animation: sbanax linear 4s 0s infinite;
    -moz-animation: sbanax linear 4s 0s infinite;
    animation: sbanax linear 4s 0s infinite;
}
.s-banner-con .s-banner-box .s-ban-b5{
    top:145px;
    left:395px;
    -webkit-animation: sbanax linear 4s 0s infinite;
    -moz-animation: sbanax linear 4s 0s infinite;
    animation: sbanax linear 4s 0s infinite;
}
.s-banner-con .s-banner-box .s-ban:hover{
    opacity:1!important;
    -webkit-animation: none linear 20s 0s infinite;
    -moz-animation: none linear 20s 0s infinite;
    animation: none linear 15s 0s infinite;
}

@-webkit-keyframes sbana {
    0%{opacity: 0;}
    8%,12% {opacity: 1;}
    20%,100%{opacity: 0;}
}
@keyframes sbana {
    0%{opacity: 0;}
    8%,12% {opacity: 1;}
    20%,100%{opacity: 0;}
}
@-webkit-keyframes sbanb {
    0%,20%{opacity: 0;}
    28%,32% {opacity: 1;}
    40%,100%{opacity: 0;}
}
@keyframes sbanb {
    0%,20%{opacity: 0;}
    28%,32% {opacity: 1;}
    40%,100%{opacity: 0;}

}
@-webkit-keyframes sbanc {
    0%,40%{opacity: 0;}
    48%,52% {opacity: 1;}
    60%,100%{opacity: 0;}
}
@keyframes sbanc {
    0%,40%{opacity: 0;}
    48%,52% {opacity: 1;}
    60%,100%{opacity: 0;}
}

@-webkit-keyframes sband {
    0%,60%{opacity: 0;}
    68%,72% {opacity: 1;}
    80%,100%{opacity: 0;}
}
@keyframes sband {
    0%,60%{opacity: 0;}
    68%,72% {opacity: 1;}
    80%,100%{opacity: 0;}
}

@-webkit-keyframes sbane {
    0%,80%{opacity: 0;}
    88%,92% {opacity: 1;}
    100%{opacity: 0;}
}
@keyframes sbane {
    0%,80%{opacity: 0;}
    88%,92% {opacity: 1;}
    100%{opacity: 0;}
}
@-webkit-keyframes sbanax {
    0%{opacity: 0;}
    45%,55% {opacity: 1;}
    100%{opacity: 0;}
}
@keyframes sbanax {
    0%{opacity: 0;}
    45%,55% {opacity: 1;}
    100%{opacity: 0;}
}
.iab-img-box .over {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(30,30,30,0.7);
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    transition: opacity .4s;
}
.iab-img-box .over .place {
    position: absolute;
    width: 100px;
    height: 50px;
    margin: -25px 0 0 -50px;
    top: 50%;
    left: 50%;
    text-align: center;
    color: #ddd;
}
.iab-img-box .over .place .line {
    position: relative;
    width: 100%;
    margin-left: 0;
    height: 1px;
    background: #f2f2f2;
    border: 0;
    margin: 0;
}
.iab-img-box .over .place .ln1 {
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.iab-img-box .over .place .ln2 {
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}
.iab-img-box .over .place h4 {
    margin: 5px auto;
    font-size: 16px;
}
.iab-img-box .over .place h4 a{color:#fff;}
.iab-img-box:hover .over {
    opacity: 1;
}
.iab-img-box:hover .over .place .line {
    width: 6%;
    margin-left: 47%;
    opacity: .6;
}

body{overflow-x:hidden;}

.fc-g-listxg .iab-img .iab-img-box{
    background:#000;
}
.fc-g-listxg .iab-img:hover .iab-img-box img{opacity:0.85}

.animate-img,.animate-img2{overflow:hidden;}
.animate-img img{vertical-align:top;-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;transition:transform 0.3s;}
.animate-img:hover img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);}
.animate-img2{background:#000;}
.animate-img2 img{vertical-align:top;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.animate-img2:hover img{opacity:0.85;}
.index-swp-btns{text-align:right;margin-top:30px;font-size: 0;}
.index-swp-btns > div{
    display: inline-block;
    width: 55px;
    height: 45px;
    cursor: pointer;
    position: relative;
}
.index-swp-btns .swiper-button-prev22{
    background: #04577c url(../image/adminprev.png) center center no-repeat;
}
.index-swp-btns .swiper-button-next22{
    background: #04577c url(../image/adminnext.png) center center no-repeat;
}
.index-swp-btns .swiper-button-next22:after {
    display: block;
    width: 0;
    height: 80%;
    border-left: 1px solid #fff;
    content: '';
    position: absolute;
    top: 10%;
    left: 0;
    opacity: 0.5;
}
/* .iab-address ul li{
    -webkit-animation-name: zoomInss;
    animation-name: zoomInss;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
} */

.iab-address ul li.li-5,.iab-address ul li.li-8{
    -webkit-animation: zoomInssa linear 20s 0s infinite;
    -moz-animation: zoomInssa linear 20s 0s infinite;
    animation: zoomInssa linear 20s 0s infinite;
}
.iab-address ul li.li-2,.iab-address ul li.li-6{
    -webkit-animation: zoomInssd linear 20s 0s infinite;
    -moz-animation: zoomInssd linear 20s 0s infinite;
    animation: zoomInssd linear 20s 0s infinite;
}
.iab-address ul li.li-3,.iab-address ul li.li-7{
    -webkit-animation: zoomInssc linear 20s 0s infinite;
    -moz-animation: zoomInssc linear 20s 0s infinite;
    animation: zoomInssc linear 20s 0s infinite;
}
.iab-address ul li.li-4,.iab-address ul li.li-1{
    -webkit-animation: zoomInssb linear 20s 0s infinite;
    -moz-animation: zoomInssb linear 20s 0s infinite;
    animation: zoomInssb linear 20s 0s infinite;
}
.iab-address ul li:hover{
    -webkit-animation: none!important;
    -moz-animation: none!important;
    animation: none!important;
}


@-webkit-keyframes zoomInssa {
 0%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  10%,20% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30%,100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}
@keyframes zoomInssa {
 0%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  10%,20% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30%,100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}
@-webkit-keyframes zoomInssb {
 0%,25%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  35%,45% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  55%,100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}
@keyframes zoomInssb {
 0%,25%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  35%,45% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  55%,100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}
@-webkit-keyframes zoomInssc {
 0%,50%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  60%,70% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80%,100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}
@keyframes zoomInssc {
 0%,50%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  60%,70% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80%,100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}
@-webkit-keyframes zoomInssd {
 0%,70%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  80%,90% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}
@keyframes zoomInssd {
 0%,70%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  80%,90% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100%{
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

}

@keyframes zoomInss {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

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

}

.animatedss.animated {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInDownss {
    -webkit-animation-name: fadeInDownss;
    animation-name: fadeInDownss;
}
@-webkit-keyframes fadeInDownss {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

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

  30%{
    opacity: 0;
  }
  45%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  75%{
    opacity: 1;
  }
  90%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

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

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

  30%{
    opacity: 0;
  }
  45%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  75%{
    opacity: 1;
  }
  90%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.index-form{position:relative;background:#e9eaea;}
.form-box{padding:92px 0 90px;}
.form-tit{position:relative;margin-bottom:75px;}
.form-tit i{
    display:block;
    position:absolute;
    top:-21px;
    left:0;
    width:112px;
    height: 84px;
    border:1px solid #5f5d5d;
}
.form-tit span{
    display:inline-block;
    height: 42px;
    line-height:42px;
    font-size: 20px;
    color:#fff;
    padding:0 38px;
    background:#5f5d5d;
    margin-left:20px;
    position: relative;
    z-index: 3;
}
/* .input-g{
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom:18px;
} */
.input-g{margin-bottom:18px;position:relative;padding-left:60px;}
.input-g span{width:50px;font-size:16px;position:absolute;top:0;left:0;line-height:36px;text-align:right;}
.input-g span i{color:#f00;font-style:normal;}
.input-g input,.input-g textarea{
    border:1px solid #cbcbcb;
    background:#fff;
    padding-left:10px;
    width:100%;
}
.input-g input{height:36px;}
.input-g-btn{text-align:right;}
.input-g-btn input{
    display:inline-block;
    height: 42px;
    line-height:42px;
    font-size: 20px;
    color:#fff;
    padding:0 38px;
    background:#5f5d5d;
    border:0;
}

a[name="a1"],a[name="a2"],a[name="a3"]{position:absolute;top:-117px;}
.go-form a{
    font-size: 18px;
    font-family: "SourceHanSansCNRegular";
    color: #2b2b2b;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.1em;
    border: 1px solid #353535;
    padding: 12px 50px 12px;
    border-radius: 40px;
    position: relative;
    outline: 0;
    z-index: 0;
    white-space: nowrap;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease
}
.go-form a:hover {
    background-color: #353535;
    color: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-paginationsxx{position:absolute;bottom:100px;left:0;width:100%;z-index:4;text-align:center;}
.swiper-paginationsxx .swiper-pagination-bullet{width:14px;height:14px;}

@-webkit-keyframes focusImgZtb{
    0%{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
    100%{ -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}
@keyframes focusImgZtb{
    0%{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
    100%{ -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}

video::-webkit-media-controls {
    overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

.iab-news .swiper-pagination-bullet{background:#fff;opacity:1;}
.iab-news .swiper-pagination-bullet-active{background:#007aff}
.iab-news .index-prev{left: 0;color:#fff;z-index: 9;}
.iab-news .index-next{right: 0;color:#fff;z-index: 9;}

.pagepage div{ margin:15px 0;}
#friendship{ text-align:center;}
#friendship li{ width:25%; display:inline-block;}
#friendship li img{ display:block; width:100%;}
#friendship li img:hover{transition: all 0.6s;transform: scale(1.1);}