body{overflow-x:hidden;width:100%;}
.header-top{background:#f2f2f2;height:32px;border-bottom:1px solid #eee;line-height:32px;font-size:12px;color:#7d7d7d;}
.header-top-a{display:inline-block;align-items:center;color:#7d7d7d;margin-left:10px;}
.header-top-a img{position:relative;top:2px;margin-right:3px;}
.main-header{background:#fff;}
.main-nav{height:45px;background:#004aae;}
.main-header-logo img{display:block;height:60px;}
.main-nav .box {position: absolute;top: 70px;left: 0%;width: 100%;background: #fbfcfd;display: none;z-index: 9;}
.main-header .nav-wrap > li {float: left;position: relative;text-align:center;width:14.285%;}
.main-header .nav-wrap > li > a{display: block;padding: 0 15px;font-size: 16px;color: #fff;line-height:45px;position: relative;}

.main-header .nav-wrap > li > a:hover{font-weight: bold;}
.main-header .nav-wrap > li.on > a::before {display: block;}
.main-header .nav-wrap > li.on > a{color:#fff;font-weight:bold;}
.main-header .nav .box {position: absolute;top: 45px;left: 0%;width: 100%;background: none;display: none;z-index: 9;}
.main-header .nav .box-wrap {position: relative;padding: 18px 0;border-radius:10px;background:#fff;border-top-left-radius:0;border-top-right-radius:0;}
.main-header .nav .box li > a {display: block;font-size: 14px;color: #333;padding: 10px 15px;line-height: 20px;text-align: center;}
.main-header .nav .box li.on > a {color: #fff;background: #27c7af;}
.main-header .nav .box.on li.on > a.on {color: #fff;background: #27c7af;}
.mid-header{padding:20px 0px;}
.header-search{width:280px;height:32px;border:1px solid #eee;border-radius:6px;padding:0px 10px;position:relative;top:15px;}
.header-input{display:block;width:100%;height:32px;}
.header-but{display:block;position:absolute;right:0px;top:0px;width:50px;height:30px;background:url("../images/icon3.jpg") no-repeat center;}





.index-banner{position:relative;overflow:hidden;width:100%;}
.index-banner .img img{display:block;width:100%;}
.index-banner .img{position:relative;}
.index-banner .img{position:relative;}
.index-banner  .swiper-button-prev{background:url("../images/pre.png") no-repeat center;}
.index-banner .swiper-button-next{background:url("../images/next.png") no-repeat center;}
.index-banner .banner-txt{position:absolute;width:80%;left:10%;top:0;height:100%;}
.index-banner .banner-txt .con{display:flex;align-items:center;color:#fff;position:relative;height:100%;line-height:1.5}
.index-banner .banner-txt .h1{font-size:36px;font-family:Arial;color:rgba(255,255,255,0.3)}
.index-banner .banner-txt .h2{font-size:18px;color:#fff;font-weight:bold;}
.index-banner .banner-txt .h3{font-size:30px;color:#fff;font-weight:bold;}
.index-banner .swiper-pagination-bullet{background:#fff;opacity:1;width:50px;height:5px;border-radius:10px;}
.index-banner .swiper-pagination-bullet-active{background:#ca291d;}


.index-about{padding:4% 0;}
.index-title{margin-bottom:35px;}
.index-title .ch{font-size:36px;font-weight:bold;}
.index-title .en{font-size:30px;font-family:Arial;opacity:0.2;filter:alpha(opacity=20);color:#000;text-transform:uppercase;}
.index-about-content{margin-top:45px;}
.index-about-fl{width:600px;}
.index-about .tit{font-size:24px;font-weight:bold;color:#0049ab;margin-bottom:25px;}
.index-about .con{font-size:14px;line-height:28px;margin-bottom:30px;}
.index-about-fr{width:520px;}
.index-about-fr img{display:block;width:100%;}

.index-more{text-align:left;display:inline-block;width:188px;height:50px;background:#0049ab url("../images/more.jpg") no-repeat 120px center;color:#fff;text-indent:60px;font-size:18px;line-height:50px;border-radius:6px;}

.index-zhao{background:#f6f7fa;padding:4% 0;overflow:hidden}
#tab_nav{font-size:18px;font-weight:bold;line-height:50px;text-align:center;}
#tab_nav .con{border-bottom:1px solid #ddd;}
.tab_nav_li{display:inline-block;position:relative;margin:0px 20px;cursor:pointer;}
.tab_nav_li.on{color:#0049ab;}
.tab_nav_li.on::after{display:block;height:1px;background:#0049ab;width:100%;position:absolute;left:0px;bottom:0px;width:100%;content:"";}
#tab_contentBox .box{display:none;margin:30px 0px;background:#fff;padding:25px;position:relative;height:300px;}
#tab_contentBox .box.active{display:block;}
#tab_contentBox .box-fl{position:relative;margin-top:30px;}
#tab_contentBox .box-fl::before{position:absolute;left:-10px;top:-10px;width:40px;height:40px;display:block;background:url("../images/icon5.png") no-repeat center;content:""}
#tab_contentBox .box-fl::after{position:absolute;right:-10px;bottom:-10px;width:40px;height:40px;display:block;background:url("../images/icon6.png") no-repeat center;content:""}
#tab_contentBox .box-fl img{width:100%;display:block;}
#tab_contentBox .box-fr{width:500px;}
.box-list{margin-bottom:25px;}
.box-list .li{line-height:36px;background:url("../images/icon4.jpg") no-repeat 0px center;padding-left:10px;}
.box-list a{display:block;width:70%;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:36px;float:left;}
.box-list a:hover{color:#004aae}
.box-list span{color:#999;font-size:12px;float:right;}

.index-links{padding:3% 0;}
.index-links-box{border:1px solid #eee;position:relative;}
.index-links-box .tit{position:absolute;left:15px;top:50%;margin-top:-20px;font-size:30px;color:#004aae;font-weight:bold;line-height:40px;}
.index-links-box .con{padding:15px;margin-left:180px;border-left:1px solid #eee;min-height:60px;}
.index-links-box .con a{display:inline-block;font-size:14px;line-height:26px;color:#555;margin:0px 3px;}
.index-links-box .con a:hover{color:#004aae;}
.footer{background:#434343;padding:25px 0px;}
.foot-tel{font-size:14px;line-height:28px;color:#fff;padding-top:20px;padding-left:50px;opacity:0.7}
.footer .wx{text-align:center;font-size:12px;color:#f1f1f1;line-height:30px;}
.footer .wx img{display:block;width:90px;height:90px;}
.foot-copy{background:#333;padding:25px 0px;text-align:center;font-size:12px;font-size:12px;color:#f1f1f1}

.mNavBtn {
    display: block;
    width: 24px;
    height: 16px;
    right: 20px;
    top: 24px;
    position: absolute;
    cursor: pointer;
    z-index:999999999;display:none;
}
.mNavBtn span {
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background: #004aae;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mNavBtn span.line1 {
    top: 0;
}
.mNavBtn span.line2 {
    top: 7px;
}
.mNavBtn span.line3 {
    bottom: 0;
}

.mNavBtn.active .line1 {
    transform: rotate(45deg);
    top: 7px;
}
.mNavBtn.active .line2 {
    display: none;
}
.mNavBtn.active .line3 {
    transform: rotate(-45deg);
    bottom: 7px;
}
.body_hide{overflow:hidden;position:fixed;left:0px;top:0px;width:100%;height:100%;}
.black_bg{background:rgba(0,0,0,0.5);position:fixed;left:0px;top:0px;width:100%;height:100%;z-indx:9999;display:none;}
.black_bg.fix{display:block;z-index:999}


.main-header.fixed{position:fixed;left:0px;top:0px;width:100%;z-index:99;margin:0px;box-shadow:0px 2px 6px rgba(0,0,0,0.1)}

#tab_contentBox .box-fl{width:600px;}


.nei-banner{height:320px;}
.nei-banner-txt{position:relative;height:100%;display:flex;align-items:center;}
.nei-banner-txt .h1{font-size:36px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;}
.nei-banner-txt .c{color:rgba(255,255,255,0.6);line-height:24px;max-width:705px;}
.nei-banner-txt .en{font-size:18px;color:#fff;margin:10px 0px;}

.nei-nav{background:#fafafa;line-height:70px;}
.nei-nav-a{display:block;float:left;padding:0px 10px;font-size:16px;border-bottom:2px solid #fafafa;}
.nei-nav-a.on{color:#0066cc;font-weight:bold;border-bottom:2px solid #0066cc;}

.nei-title{font-size:24px;}
.nei-container{padding:5% 0;}
.about-article{}
.about-article img{max-width:100%;}
.about-article-tit .en{font-size:24px;color:#1c4b7e}
.about-article-tit .ch{font-size:30px;}
.about-article-txt{margin-top:25px;padding-top:25px;border-top:1px solid #eee;font-size:14px;line-height:28px;}
.news-article-t{font-size:24px;font-weight:bold;}
.news-article .date{color:#999;margin:15px 0px;}
.news-article-txt{margin:25px 0px;padding:25px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;line-height:24px;}
.news-article-txt img{max-width:100%;}
.nei-others-fl{width:70%;}
.nei-others-fr{width:30%;}
.nei-others-li{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d82345}
.nei-others-but{width:110px;height:40px;background:#1c4b7e;border-radius:20px;line-height:40px;text-align:center;color:#fff;display:block;margin-right:0px;margin-left:auto;margin-top:10px;}

.news-list-ul li{padding:15px 0px;border-bottom:1px solid #eee;}
.news-list-ul li a{display:block;background:url("../images/icon8.png") no-repeat right center;padding-right:50px;}
.news-list-ul li .t{font-size:16px;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list-ul li .c{color:#999;line-height:20px;font-size:12px;margin:5px 0px;}
.news-list-ul li .date{font-size:14px;color:#999;margin-top:10px;}
.news-list-ul li .date span{display:inline-block;margin:0px 10px;}
.news-list-ul li:hover .t{color:#db1213}
.news-list{border-top:1px solid #eee;margin-top:25px;padding-top:25px;}

.main-pages{padding:15px 0px;}
.main-pages-a{display:inline-block;line-height:40px;padding:0px 15px;border:1px solid #eee;margin-left:5px;}
.main-pages-a:hover{color:#004aae}
.main-pages-a.on{background:#004aae;color:#fff;border:1px solid #004aae;}

.contact-box{margin-top:25px;padding-top:25px;border-top:1px solid #eee;}
.contact-box-con{max-width:765px;margin:0 auto;padding:35px 0px;}
.contact-box-img img{display:block;max-width:100%;margin:0 auto;}
.contact-box-con .img{}
.contact-box-con .li{font-size:16px;color:#7d7d7d;padding-left:35px;line-height:40px;}
.contact-box-con .li.li1{background:url("../images/icon9.jpg") no-repeat 0px center;}
.contact-box-con .li.li2{background:url("../images/icon10.jpg") no-repeat 0px center;}
.contact-box-con .li.li3{background:url("../images/icon11.jpg") no-repeat 0px center;}


.index-section5{padding:4% 0;position:relative;overflow:hidden;min-height:400px;}
.index-section5-fl{width:365px;padding-top:55px;}
.index-section5-txt{font-size:16px;line-height:30px;color:#999;margin:20px 0px;}
.index-section5 .main-more{margin:30px 0px 0px 0px;}
.index-section5-fr{position:absolute;right:0px;top:10%;width:70%;}
.index-section5 .swiper-button-next{width:100px;height:60px;left:100px;bottom:0px;background:url("../images/icon10.png") no-repeat 0 center;top:auto;margin-top:auto;}
.index-section5 .swiper-button-prev{width:100px;height:60px;left:0px;bottom:0px;background:url("../images/icon11.png") no-repeat 0 center;top:auto;margin-top:auto;}
.index-section5-fr{position:absolute;right:0px;top:10%;width:62%;}
.index-news-li .txt{}
.index-news-li{background:#fff;}
.index-news-li .txt{padding:10px;}
.index-news-li .txt .c .t{font-size:16px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:25px;}
.index-news-li .txt .li-a{margin-bottom:15px;}
.index-news-li .txt .li-a a{font-size:14px;border-bottom:1px solid #999;text-transform:uppercase;}
.index-news-li .img img{display:block;width:100%;}
.swiper-container1{padding-bottom:60px;}


.index-section6{padding:4% 0;overflow:hidden;background:#f6f7fa;}
.index-section6-ul{margin:55px -15px 0px -15px;}
.index-section6-ul li{width:33.33333%;float:left;}
.index-section6-ul li .con{border:1px solid #eee;margin:15px;background:#fff;}
.index-section6-ul li .img img{display:block;width:100%;}
.index-section6-ul li .txt{padding:10px 15px;border-bottom:3px solid #fff;}
.index-section6-ul li .date{background:url("../images/icon12.jpg") no-repeat 0px center;padding-left:25px;line-height:30px;color:#666;font-size:12px;color:#999;}
.index-section6-ul li .date span{display:inline-block;height:24px;background:#27c7af;color:#fff;padding:0px 5px;line-height:24px;margin-left:10px;}
.index-section6-ul li .t{font-size:16px;font-weight:bold;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0px;}
.index-section6-ul li .c{font-size:14px;line-height:24px;color:#444;height:72px;overflow:hidden;}
.index-section6-ul li:hover .txt{border-bottom:3px solid #004aae;}

.ry{margin-top:25px;padding-top:25px;border-top:1px solid #eee;}
.ry ul li{width:25%;float:left;}
.ry ul li .con{margin:15px;}
.ry ul li img{display:block;max-width:100%;max-height:180px;margin:0 auto;}
.ry ul li .t{font-size:14px;line-height:24px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0px;text-align:center;}
.index-links{overflow:hidden;}

.tan_bg {
    position: fixed;
    background: rgba(0,0,0,0.5);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}

.tant {
    text-align: center;
    width: 100%;
    position: fixed;
    top: 0;
    left:0px;
    z-index: 999999999999;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}




.tant img {
    max-width: 80%;
    max-height: 600px;display:block;
}

.tan-button {
    width: 100%;
    padding: 10px;
    border-top: 1px solid #dadada;
    text-align: center;
}

.case-box{margin-top:25px;padding-top:25px;border-top:1px solid #eee;}
.case-box li{width:33.3333%;float:left;}
.case-box li .con{margin:15px;padding:10px;border:1px solid #eee;border-radius:5px;}
.case-box li .con img{display:block;width:100%;}
.case-box li .con .t{margin:5px 0px;font-size:16px;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (min-width:1200px){
    .mid-header{padding:10px 0px}
    .main-header-logo img{height:80px;}
    .header-search{top:25px;}
}
@media (max-width:1200px){
    .header-top{display:none;}
    .main-nav{display:none;}
    .mNavBtn{display:block}
    .header-search{display:none;}
    .main-header .w-1200{margin:0px;}
    .mid-header{padding:0px;}
    .index-title .ch{font-size:24px;}
    .index-title .en{font-size:20px;}
    .index-about-fl{width:100%;float:none;margin-bottom:20px;}
    .index-about-fr{width:100%;float:none;}
    .index-about .tit{font-size:18px;}
    .main-header .main-nav{display:none;position:fixed;left:0px;top:60px;width:100%;background:#f1f1f1;
        floar:none;z-index:999999;height:auto;max-height:calc(100% - 60px);overflow-y:auto;}
    .main-header .main-nav.active{display:block;}
    .main-header{padding:5px 0px;margin:0px 15px;}
    .main-header-logo img{height:50px;}
    .index-banner .banner-txt .h1{font-size:20px;}
    .index-banner .banner-txt .h2{font-size:14px;}
    .index-banner .banner-txt .h3{font-size:16px;}
    .w-1200{width:auto;margin:0px 15px;overflow:hidden;}
    .index-banner .swiper-button-next{display:none;}
    .index-banner .swiper-button-prev{display:none;}
    .main-header.fixed .main-header-logo{margin-left:15px;}
    .main-header .nav-wrap > li.on > a{color:#004aae}

    .main-header-logo img{margin-top:0px;}
    .main-header .nav-wrap > li{width:100%;text-align:left;}
    .main-header .nav-wrap > li > a{line-height:40px;font-size:15px;color:#333}
    .main-header .nav-wrap > li > a::before{display:none;}
    .main-header .nav-wrap > li.on > a::before{display:none;}

    .main-header .nav .box{position:relative;top:auto;background:none;margin-left:36px;display:block}
    .main-header .nav .box-wrap{background:none;}
    .main-header .nav .box li > a{text-align:left;border-top:1px solid #ddd;color:#888;}
    .main-header .nav .box-wrap{padding:0px;}
    .main-header .nav .box{width:auto;}

    .tab_nav_li{font-size:16px;}
    #tab_contentBox .box-fr{width:100%;float:none;margin:15px 0px;}
    #tab_contentBox .box-fl{width:100%;}
    #tab_contentBox .box{height:auto;}
    .index-links-box .con{margin-left:0px;border-left:none;}
    .index-links-box .tit{position:relative;top:auto;left:auto;margin:0px;text-align:center;border-bottom:1px solid #eee;padding:10px 0px;font-size:20px;}
    .foot-icon{display:none;}
    .footer .wx{float:none;}
    .foot-tel{float:none;text-align:center;padding:15px 0px;}
    .footer .wx img{margin:0 auto;}

    .nei-banner{height:160px;}
    .nei-nav-a{padding:0px 5px;font-size:15px;}
    .nei-others-fl{width:100%;float:none;}
    .nei-others-fr{width:100%;float:none;}
    .nei-others-but{margin-right:auto;}
    .nei-banner-txt .h1{font-size:24px;line-height:30px;height:auto;}
    .nei-banner-txt .en{font-size:16px;line-height:30px;height:auto;margin:0px;}
    .about-article-tit .en{font-size:18px;}
    .about-article-tit .ch{font-size:20px;}
    #tab_nav{line-height:30px;}
    #tab_contentBox .box-fl{float:none}
    .index-section5-fl{width:100%;float:none;}
    .index-section5-fl .index-title{text-align:center;}
    .index-section5-fr{position:relative;left:auto;right:auto;top:auto;width:100%;}
    .index-section5-fl .index-more{display:block;margin:0 auto;}
    .index-section6-ul li{width:100%;float:none;}
    .ry ul li{width:50%;}
    .case-box li{width:50%;}

}
@media (max-width:640px){
    .ry ul li{width:100%;float:none;}
    .case-box li{width:100%;}
}