h3 {
    font-size: 34px;
}
h4 {
    font-size: 18px;
}
html{overflow-x: hidden;}
/* header */
.header_wrapper {
    width: 100%;
    height:85px; 
    background-color: #ffffff;
    z-index: 9999;
    overflow: hidden;
    position: fixed;
    top:0; 
    left:0;
    box-shadow: 0 1px 3px 2px rgba(125,125,125,0.1);
}
.header_wrapper .h_top{overflow: hidden;padding-top: 5px;}
.header_wrapper .h_top p{line-height: 1.6em;color: #999;font-size: 14px;}
.header_wrapper .h_top p.rel_phone{padding-left: 15px;}
.header_wrapper .h_top p.tologin a{padding-right: 15px;color: #999;}
.pull-left{float: left;}
.pull-right{float: right;}
.logo {
    float :left;
    margin-top:5px;
    width: 190px;
}
.menu {
    float :right;
    line-height: 50px;
}
.menu a {   
    color:#333;
    padding : 10px 0; 
    margin: 0 15px;
    border-bottom : solid 2px  rgba(255, 175, 89, 0);
    font-size: 15px;
    cursor: pointer;
}
.menu a.active {
    color: #333333;
    border-bottom:  solid  2px #262E88;
}
.menu a:last-child{margin-right: 5px;}
.menu_mao{position: relative;top: -85px;}

/* H5 */
.nav_toggle{display: none;}
 .nav_toggle .logo {float: left; margin-top: 13px;margin-left: 10px;}
 .sub_menu{ clear: both;position: fixed;width: 100%;
top: 50px;transform: translateY(-100%);-ms-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);transition: 0.6s; z-index: 999;
background: #fff;border-bottom: 1px solid #eee;}
 .sub_menu.menu_open{transform: translateY(0);-ms-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);}
 .sub_menu ul{ padding:0 10px;padding-top: 0;background: #eee;}
  .sub_menu ul a{ color: #666;display: block;}
 .sub_menu ul li{ border-bottom: 1px solid #ccc;line-height: 2.5em;padding-left: 35px; }
 .nav_toggle{display: none;}
/* banner */
.banner {
    margin-top:60px;
    
}
.swiper-container {
    width:100%;
}
.banner img {
    width:100%;
    height: auto;
}

.topbanner { margin-top: 85px; }
.topbanner .bbox{ max-width: 1920px; margin: 0 auto; }
.topbanner .bbox .wap_swp{ display: none;}
.ban_dsc{ background-color: #262E88;color: #fff;font-size: 30px;
    padding: 14px 0;transform: translateY(-50%);letter-spacing: 3px; z-index: 99;}
.ban_dsc .dc_l{ width: 55%;border-right:2px solid #fff;padding-left: 5%; }
.ban_dsc .dc_r{ padding-right: 5%; }
.intro {clear: both;}
.intro .txt-intr h4{ text-align: center;color: #262E88; font-size: 18px;    font-weight: 600;margin-top: 30px; }
.intro .txt-intr p{color: #666666;line-height: 1.6em;text-align: center;margin-top: 20px;    padding: 0 20px;}
.intro .main-intr{    margin: 0 auto; margin-top: 70px;padding-left: 5px;width: 90%;}
.intro .main-intr .item_intr{width: calc(33.33% - 5px);float: left;padding-right: 5px;    cursor: pointer;}
.intro .main-intr .item_intr img{display: block;width: 100%;-webkit-filter: grayscale(90%); /* Chrome, Safari, Opera */
    filter: grayscale(90%);}
.intro .main-intr .item_intr.active img{display: block;width: 100%;-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);}
.intro .main-intr .item_intr .into-dsc{height: 150px;background-color: #fff;}
.intro .main-intr .item_intr.active .into-dsc {background-color: #262E88;}
.intro .main-intr .item_intr .into-dsc h5{padding:25px 25px 5px 25px; color: #262E88;font-size: 16px;font-weight: 600; }
.intro .main-intr .item_intr.active .into-dsc h5{color:#fff;  }
.intro .main-intr .item_intr .into-dsc p{ color: #7b7b7b;padding:0 25px 5px 25px; font-size: 14px;text-align: justify; margin-top: 5px;}
.intro .main-intr .item_intr.active .into-dsc p{color: #fff;}
.mid-banner{height: 350px; background-color: #262E88;    margin-top: 180px;position: relative;}
.mid-banner img{display: block;height: 460px;position: absolute;  left: 60%; top: -65px;}
.mid-banner .center_con{overflow: visible;}
.mid-banner .mdb-txt{ float: left;width: 40%; margin-top: 100px; color: #fff;margin-left: 80px;}
.mid-banner .mdb-txt h5{ font-size: 30px;font-weight: 600;margin-bottom: 20px;width: 76%;}
.mid-banner .mdb-txt p{ font-size: 18px;}


.feature{margin-top: 80px;}
.feature .fet_bt{height: 65px;}
.feature .fea_info h3 {text-align: center;font-size: 30px; color:#262E88; margin:25px 0;}
.feature .fea_con ul{width: 90%;margin:0 auto;    padding-top: 15px; }
.feature .fea_con ul li{    width: 31.83%;
    float: left;
    height: 140px;
    transition: 0.3s;
    margin-right: 1.5%;}
.feature .fea_con ul li.active{box-shadow: 1px 1px 5px 1px #ccc;transform: translateY(-8px);}
.feature .fea_con ul li .fea_pic{width: 40%;float: left;height:100%;text-align: center;}
.feature .fea_con ul li .fea_pic img{width: 60%;margin-top: 30px;}
.feature .fea_con ul li .fea_dsc {width: 60%;float: right;}
.feature .fea_con ul li .fea_dsc h5{color: #666;font-size: 18px;margin-top: 35px;margin-bottom: 5px;}
.feature .fea_con ul li .fea_dsc p{color: #999;font-size: 14px;}

.bt_slide{height: 200px; background-color: #262E88;overflow: hidden;}
.bt_slide .btsl_info h3{color:#fff;margin-top: 50px; text-align: center;font-size: 30px; }
.bt_slide .btsl_info p{color:#fff;margin-top: 18px; text-align: center; font-size: 15px;padding: 0 18px;}
.btslide-con.center_con {
    overflow: visible;
}




/* 产品优势 */
.advantage{
    position: relative;
    margin-top: 100px;
}
.adv_info{
    text-align: center;
    
}
.tip_info {
    display: none;
}

.adv_info h3{
    font-size: 30px;
    color: #262E88;
    padding: 24px;
    padding-bottom: 12px;
}
.adv_info h4{
    font-size: 20px;
    color: #999999;
    padding-bottom: 15px;
}
.adv_info h5{
    font-size: 16px;
    color: #666;

}
.adv_info .show h5{
    margin:0 20px;

}
.adv_info .adv-con{
    height: 550px;
    margin-top: 65px;
}

.adv_info .adv-con .adv_pic{    width: 39%;float: left; height: 100%;}
.adv_info .adv-con .adv_pic img{display: block;   height: 100%;
    float: right;}
.adv_info .adv-con .adv_dsc{    width: 46%;
    float: right;
    background: url(images/tubiao.png) no-repeat left center;
    height: 100%;
    background-size: contain;
    padding-left: 13%;}
.adv_info .adv-con .adv_dsc ul {margin:50px 0;}   
.adv_info .adv-con .adv_dsc ul li{ text-align: left;margin-bottom: 30px;transition: 0.5s; overflow: hidden;}    
.adv_info .adv-con .adv_dsc ul li .wap_l{ float:left;display: none;width: 20%}    
.adv_info .adv-con .adv_dsc ul li .wap_l img{ width: 100%;}    


.adv_info .adv-con .adv_dsc ul li:hover{ transform: translateX(15px); }    
.adv_info .adv-con .adv_dsc ul li h5{ color:#262E88;font-size: 18px; margin-bottom: 2px;}    
.adv_info .adv-con .adv_dsc ul li p{ color:#666;font-size: 14px; }    

/*新闻*/
.recent_news {padding-top: 40px; }
.recent_news .news_title h3{color:#262E88;font-size: 30px;text-align: center; }
.recent_news .news_list{margin-top: 30px; margin-bottom: 60px;overflow: hidden;padding-left: 15%;padding-right: 25%;}
.recent_news .news_list .nlist_content{overflow: hidden;}
.recent_news .news_list p { text-align: left;line-height: 1.6em;margin-bottom: 5px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; width: 58%;float: left;}
.recent_news .news_list i {float: right;font-size: 15px;}    
.recent_news .news_list p a{    color: #666; font-size: 15px; }
.recent_news .news_list p a:hover{    color: #262E88; text-decoration: underline; }



.show {
    display: block;
    transition: all 1s;
}

.very_small_hamburger {
           position: absolute;top: 0;right: 0; }
.very_small_hamburger svg {
width: 80px;
height: 45px;
cursor: pointer;
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
.very_small_hamburger path {
fill: none;
-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
stroke-width: 40px;
stroke-linecap: round;
stroke: #ffffff;
stroke-dashoffset: 0px; }
.very_small_hamburger path.top,
.very_small_hamburger path.bottom {
stroke-dasharray: 240px 950px; }
.very_small_hamburger path.middle {
stroke-dasharray: 240px 240px; }
.very_small_hamburger.open path.top, .very_small_hamburger.open path.bottom {
stroke-dashoffset: -650px; }
.very_small_hamburger.open path.middle {
stroke-dashoffset: -115px;
stroke-dasharray: 1px 220px; }

.very_small_hamburger path {
fill: none;
-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
stroke-width: 40px;
stroke-linecap: round;
stroke: #3c3c3c;
stroke-dashoffset: 0px;
}

.company{height: 150px;}
#footer .friend_link{clear: both;overflow: hidden;}
#footer .friend_link .fl_list{padding:20px 50px 20px 25px;overflow: hidden;}
#footer .friend_link h4{font-size: 16px;color: #fff;}
#footer .friend_link ul{width: 50%;float: left;}
#footer .friend_link ul li{margin-bottom: 10px; }
#footer .friend_link ul li a{ color: #999;}
 @media (max-width: 768px){
		.menu_mao{position: relative;top: -51px;}
       .header_wrapper { height: 51px;}
       .header_wrapper .center_con { display: none;}
        .nav_toggle{display: block;}
        .header_wrapper .h_top { display: none; }
        .center_con {
             width: 92%;
        }
        .topbanner .bbox .wap_swp{ display: block;}
        .topbanner .bbox .pc_swp{ display: none;}
        .topbanner {
            margin-top: 51px;
        }
        .intro .main-intr .item_intr .into-dsc {
            background-color: #262E88;
        }
        .intro .main-intr .item_intr .into-dsc p {
            color: #fff;
        }
        .intro .main-intr .item_intr .into-dsc h5 {
            color: #fff;
        }
        .intro .main-intr .item_intr img {    -webkit-filter: grayscale(0%); filter: grayscale(0%); }

        .feature .fea_con ul li {  width: 100%;box-shadow: 1px 1px 7px 1px #ccc;transform: translateY(-8px); 
           margin-bottom: 27px;height: 120px;border-radius: 5px;}
         .feature .fea_con ul li .fea_pic img{margin-top: 20px;width: 60%;}  
        .intro .txt-intr p {padding: 0 10px;text-indent: 2em;text-align: left;}
        .ban_dsc {display: none;}
        .intro .main-intr { width: 100%; margin-top: 50px;}
        .intro .main-intr .item_intr {width: 90%;margin-bottom: 36px;margin-left: 5%; }
        .feature .fea_con ul li .fea_dsc h5 {
color: #262E88; margin-top: 22px;}


        .bt_slide {height: 150px;}
        .zy-Slide { height: auto;    margin-top: 38px;}
        .zy-Slide ul {height: 200px}


        .company {height: auto;    font-size: 12px;}
        .kefu_msg {    position: static;margin:30px 0;}
        .kefu_msg span {    font-size: 26px;}
        .qr_code {bottom: 0; right: 0;transform: translateY(-26%);}
        .copy_right {    overflow: visible;
		    line-height: 1.5em;
		    text-align: center;
		    height: auto;
		    padding: 10px;}
		    
		.copy_right a{ color: #666;}    

        .adv_info .adv-con {height: auto;}
        .adv_info .adv-con .adv_pic {text-align: center;width: 100%;}
        .adv_info .adv-con .adv_pic img {
            display: inline-block;
            height: 350px;
            float: none;
        }
        .adv_info .adv-con .adv_dsc {width: 100%;padding-left: 0;background:unset;}
                                         
        .mid-banner .mdb-txt {
            float: left;
            width: 50%;
            margin-top: 20px;
            color: #fff;
            margin-left: 10px;
        }

        .advantage {margin-top: 90px;}
        .mid-banner {    height: 200px; margin: 0 auto;margin-top: 100px; width: 95%;}
        .mid-banner img {
            display: block;
            height: 260px;
            position: absolute;
            left: 58%;
            top: -44px;
        }
        .mid-banner .mdb-txt h5 {font-size: 18px;width: 100%;}
        .mid-banner .mdb-txt p {    font-size: 15px;}


        .adv_info .adv-con .adv_dsc ul {margin-left: 15px; margin-right: 15px;}

        .adv_info .adv-con .adv_dsc ul li{margin-bottom: 5px;}

        .adv_info .adv-con .adv_dsc ul li .wap_r {
            width: 75%;
            float: right;
            margin-bottom: 25px;
        }  
            
        .adv_info .adv-con .adv_dsc ul li .wap_l { display: block; }    

        .feature { margin-top: 20px;}
        .feature .fet_bt {height: 15px;}

        .bt_slide .btsl_info h3 {margin-top: 36px;}

        .recent_news .news_list p {text-align: left;width: 65%;}
        .recent_news .news_list {padding:0 10px;}


        #footer .friend_link .fl_list {
            padding: 20px 0px;
            overflow: hidden;
            text-align: center;
        }
    }
	
	  .guanggao{ position:fixed; left:10px; bottom:100px; z-index:9999}
  .guanggao .guanbi{ text-align:left}
  .guanggao .guanbi a{ font-size:12px; text-decoration:none; color:#000;}
  @media (max-width: 999px){
	.guanggao {
   	 display: none;
	}
  }

html{font-size:20px;}
.wap_footernav {
width: 100%;
max-width: 640px;
height: auto;
background: #f9f9f9;
position: fixed;
bottom: 0;
z-index: 4;
   
}     
 .wap_footernav ul {
    width: 100%;
    height: auto;
}
.wap_footernav ul li {
    width: 18.75%;
    line-height: .4rem;
    border-right: 2px #e2e2e2 solid;
    text-align: center;
    font-size: 0.5rem;
    margin: .5rem 0;
    padding: 0 1%;
    float: left;
    box-sizing: border-box;
}
 .wap_footernav ul li img {
    display: block;
    width: 35%;
    height: auto;
    margin: 0 auto .5rem;
}
.wap_footernav ul li p {
    width: 100%;
    height: auto;
    font-size: .5rem;
    margin: 0;
    color: #232323;
}
.wap_footernav ul li:nth-child(3) {
    border-right: none;
}
.wap_footernav ul li.footernav_consul {
    background: #1c366c;
    border-right: none;
    margin: 0;
    padding: .5rem 1%;
}
 .wap_footernav ul li.footernav_tel p {
    font-size: .6rem;
    color: #fff;
}
 .wap_footernav ul li.footernav_tel span {
    display: block;
    font-size: .5rem;
    color: #fff;
}
.wap_footernav ul li.footernav_consul p {
    color: #fff;
}
.wap_footernav ul li.footernav_tel {
    width: 25%;
    height: auto;
    line-height: initial;
    background: #e00;
    border-right: none;
    margin: 0;
    padding: .71rem 1%;
}
@media only screen and (min-width: 640px){
  .wap_footernav{display: none;}
 
}