/*头部样式*/
@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }

    35% {
        top: 50%;
        opacity: 0;
    }

    65% {
        top: -50%;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
#cnzz_stat_icon_1256001573{
    position: absolute;
    bottom:0;
    left:0;
}
@media(max-width:1199px){
    #cnzz_stat_icon_1256001573{
        opacity:0;
    }
}
.head{
   /* display: flex; */
    position: absolute;
    z-index: 999;
    width: 100%;
    padding:30px 3% 0 3%;
}
.logo{
	float:left;
	margin-top: -22px;
}
.logo img{
    max-width: 200px;
}
a.older{
    float:right;
    padding:0px 5px;
    border:2px solid #fff;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    margin:5px 40px 0 0;
}
.nav{
    width: 65%;
    display: flex;
   /* margin-left: 10%; 
    padding:12px 0 0 0;*/
float:right;
justify-content: center;
}
.nav li{
    /* flex: 1; */
}
.nav li a{
    font-size: 16px;
    color: #fff;
    display: block;
    position: relative;
    transition: all .6s ease-out;
    line-height:36px;
    margin: 0 20px;
}
.nav li a:before{
    content: '';
    position: absolute;
    left:0px;
    bottom:0px;
    opacity: 0;
    color: #fff;
    transition: all .6s ease-out;
width:100%;
height:1px;
background:#fff;
}
.nav li:hover a{
    /*padding-left: 12px;*/
    transition: all .6s;
}
.nav li:hover a:before{
    opacity: 1;
    transition: all .6s;
}
.nav li.on a{
    /* padding-left: 12px; */
}
.nav li.on a:before{
    opacity: 1;   
}
/*mnav*/
.menu-button{
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 7px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #000;
    
}
.menu-button .bar {
    display: block;
    height: 2px;
    background: #fff;
    margin: 9px 0;
    opacity: 1;
    transition: all .5s ease;
    width: 30px;
    transform-origin: left center;
}

.mnav .bar:nth-child(1){
    transform:rotate(45deg);
    /*width: 40px;*/
}
.mnav .bar:nth-child(2){
    opacity: 0;
}
.mnav .bar:nth-child(3){
    transform:rotate(-45deg);
    /*width: 40px;*/
}

.mobileNav{
    display: none;
    background:rgba(0,0,0,1);
    text-align: center;
    position: absolute;
    top:55px;
    z-index: 999999;
    width: 100%;
}
.mobileNav li {
    line-height: 2em;
    padding:1em 0;
}
.mobileNav li a{
    font-size: 1rem;
    color: #fff;
}

.head_wx{
    /*width: 10%;*/
    margin-right: 50px;
    position: relative;
    width: 45px;
    height: 37px;
    background: url(../images/wx.png) no-repeat 0 0;
    cursor: pointer;
float:right;
display: none;
}
.head_wx:hover{
    background: url(../images/wx_h.png) no-repeat 0 0;
}
.head_wx .wx_xs{
    position: absolute;
    width: 100px;
    top:50px;
    left:0;
    opacity: 0;
    transition: all .6s ease-out;
}
.head_wx .wx_xs img{
    width: 100%;
}
.head_wx:hover .wx_xs{
    opacity: 1;
    transition: all 0.6s;
}
.head_tel{
    /*width: 15%;*/
    font-size: 18px;
    color: #fff;
    font-weight: bold; 
    float:right;
/*margin-top: 4px;*/
}

.index-banner{
    /* position: static; */
    width: 100%;
    height: 100vh;
    overflow: hidden; 

}
.swiper-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#swiper-container1 .swiper-wrapper{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
#swiper-container1 a.swiper-slide{
    display: block;
}
.banner_img1{
    opacity: 0;
}

#swiper-container1 .swiper-slide .ly-ani-left{
    opacity: 0;
}
#swiper-container1 .swiper-slide-active .ly-ani-left{
    opacity: 1;
}
#swiper-container1 .swiper-slide1 img{
    width: 100%;
    height:100%;
    transition: all 4s ease-out;   
    transform: scale(1); 
    opacity: 0;
}
#swiper-container1 .swiper-slide1.swiper-slide-active img.img2{
    -moz-transition: all 4s linear;
    -o-transition:  all 4s linear;
    transition: all 4s linear; 
    transform: scale(1.05); 
}
#swiper-container1 .swiper-slide2 img{
    -moz-transition: all 4.5s linear;
    -o-transition:  all 4.5s linear;
    transition: all 4.5s linear;
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}
#swiper-container1 .swiper-slide2.swiper-slide-active img {
	top:-200px;
}
.index_banner_text1{
    width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index-banner .swiper-slide{
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}
.index-banner .swiper-slide img.img1{
    height: 100vh!important;
}
/*.index-banner .swiper-slide{*/
/*    background: none!important;*/
/*}*/
.swiper-slide img{
    vertical-align: middle;
    max-width: 100%;

}
.swiper-slide .video{
    width: 100%;
    max-height: 1080px;
}
.carousel-scroll-btn-icon {
    z-index: 999;
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 52px;
    height: 52px;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    margin-left: -26px;
    box-sizing: border-box;
}
.carousel-scroll-btn-icon span{
    position: absolute;
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/icon1.png) no-repeat center center;
    cursor: pointer;
    animation: downico 1.5s ease-out infinite;
}
.banner_btn{
    position: absolute;
    width: ;
    padding:10px 25px;
    background-color: rgba(255,255,255,.8);
    bottom: 0;
    right: 70px;
    z-index: 999;
    display: flex;
}
.banner_btn .swiper-pagination{
    position: relative;
    font-size: 22px;
    margin-right: 50px;
    top:5px;
}
.banner_btn .swiper-pagination .swiper-pagination-total{
    color: #999;
}
.banner_btn .swiper-pagination .swiper-pagination-current{
    color: #0274ba;
}
.banner_jt {
    display: flex;
    position: relative;
}
.banner_jt .shu{
    width: 1px;
    height: 46px;
    background-color: #999;
    margin: 0 30px;
}
.banner_btn .swiper-button-next,.banner_btn .swiper-button-prev{
    position: relative;
    top:30px;
    left: 0;
    width: 35px;
    height: 100%;
    transition: all .6s ease-out;
    outline: none;
    background:none!important;
}
.banner_btn .swiper-button-next span,.banner_btn .swiper-button-prev span{
    z-index: 1;
    position: absolute;
    top: 0;
    display: block;
    width: 25px;
    height: 100%;
    overflow: hidden;
    transition: all .45s ease-out 0s;
    -webkit-transition: all .45s ease-out 0s;
    -moz-transition: all .45s ease-out 0s;
}

.banner_btn .swiper-button-prev span{
    background: url(../images/icon6.png) no-repeat left 4px;
}
.banner_btn .swiper-button-prev:hover span{
    width: 35px;
    transition: all .6s;
}

.banner_btn .swiper-button-next span{
    background: url(../images/icon5.png) no-repeat right 4px;
}
.banner_btn .swiper-button-next:hover span{
    width: 35px;
    transition: all .6s;
}
#newBridge .nb-nodeboard-right-bottom{
    left:0!important;
}

.banner_text1{
    color: #fff;
    position: absolute;
    top:45%;
    width: 100%;
    text-align: center;
    z-index: 998;
    animation-delay: 0.4s;
}
.banner_text1 h1{
    font-size: 50px;
}
.banner_text1 p{
    font-size: 22px;
    padding:10px 0;
}
.banner_text1 h2{
    font-size: 28px;
}


.m_head{
    width: 100%;
    background-color: #f5f5f5;
    padding:10px 20px;
    position: relative;
    display: none;
}
.m_logo{
    float: left;
}
.m_head_right{
    float:right;  
    margin-top: 5px; 
    display: flex;
    position: relative;
}
.m_head b a{
    color: #004b92;
    padding-right: 25px;    
    font-size: 16px;
}
.m_nav{
    cursor: pointer;
}
#m_nav_content{
    /*display: none;*/
}
.closes{
    position: absolute;
    z-index: 999;
    font-size: 20px;
    color: #fff;
    right: 10px;
    top: 10px;
}
.nav_show{
    display: block!important;
}
.m_nav_content{
    display: none;
    position: absolute;
    z-index: 999999;
    width:260px;
    right:-20px;
    top: 39px;
}
.m_nav_content h3{
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    font-weight: normal;
    background: #0d6fb8;
}
.m_nav_content li{
    background: #f5f5f5;
}
.m_nav_content li a{
    display: block;
    width: 100%;
    font-size: 16px;
    color:#333;
    text-indent: 25px;
    line-height: 50px;
    border-bottom:1px solid #e6e6e6;
    background: url(../images/m_jt.png) no-repeat 225px center;
}
.m_nav_content li a span{
    display: none;
}
.m_nav_content li:hover{
    background: #84cbff;
}
.m_head2{
    position: fixed;
    top:0;
    left:0;
    z-index: 9999;
}
.m_head3{
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 99;
}

.m_footer{
    background: #2e2e2e;
    padding:50px 35px 100px;
    text-align: center;
    font-size: 14px;
    line-height: 1.6em;
    color: #fff;
    display: none;
}
.m_footer a{
    font-size: 14px;
    line-height: 1.6em;
    color: #fff;
    text-align: center;
}
.m_footer_logo{
    margin-bottom: 15px;
}
.m_footer_contact img{
    display: block;
    margin: 15px auto 15px;
}
.m_swiper-slide{
    display: none!important;
}
@media(max-width:1500px){
    .nav{
        width:62%;
    }
    .nav li a{
        /*font-size: 14px;*/
        margin:0px 15px;

    }
}
@media(max-width:1399px){
    .nav{
        width:70%;
    }
    .nav li a{
        /*font-size: 14px;*/
        margin:0px 15px;

    }
    a.older{
        margin-right:0;
    }
    .head_tel,.head_wx{
        display:none;
    }
    .swiper-slide{
        background-size:cover!important;
    }
}
@media(max-width: 1199px){
    .bgImg{
        display:none;
    }
    a.older{
        display:none;
    }
    .nav{
        width: 80%;

    }
    .nav li a{
        font-size: 14px;
        margin:0px 10px;

    }
    .head_wx{
        margin-right: 20px;
        display: none;
    }
    .head_tel{
        font-size: 16px;
    }
    .banner_text1{
        top:35%;
    }
    .banner_btn{
        right: 0;
    }
    .carousel-scroll-btn-icon{
        bottom:30px;
    }
    .head_tel{
        display: none;
    }
    .logo{
        width:17%;
    }
    .logo img{
        width:100%;
    }

}
@media(max-width: 900px){
    .nav li a {
        margin: 0px 7px;
    }
    .pc_swiper-slide{
        display: none!important;
    }
    .m_swiper-slide{
        display: block!important;
    }
}
@media(max-width: 768px){

    .nav{
        width: 80%;

    }
    .nav li a{
        margin: 0px 6px;
        font-size:14px;
    }
    .banner_text1{
        top:30%;
    }
    .banner_text1 h1{
        font-size: 36px;
    }
    .banner_text1 p{
        font-size: 20px;
    }
}
@media(max-width: 640px){
    .head{
        padding:5px 2% 0 2%;
        display:none;
    }
    .nav{
        display: none;
    }
    .menu-button{
        /*display: block;*/
    }
    .carousel-scroll-btn-icon{
        display: none;
    }
    .banner_btn{
        /*display: none;*/
    }
    .banner_text1{
        top:15%;
    }
    .banner_text1 h1{
        font-size: 24px;
    }
    .banner_text1 p{
        font-size: 16px;
        padding: 0;
    }
    .banner_text1 h2{
        font-size: 20px;
    }
    .m_head{
        display:block;
    }
    .m_footer{
        display:block;
    }
    .index-banner{
        /*height:100%*/
    }
    .m_index_head{
        position:absolute;
        top:0;
        left:0;
        z-index:999;
    }
    #swiper-container1 .swiper-slide{
        /*background-size:contain!important;*/
        
    }
    .index_banner_text1{
        top:40%;
    }
}





.index_main1{
    background-color: #fafafa;
    padding:40px 0;
}
.index_container{
    width: 1600px;
    margin:0 auto;
    position: relative;
}
.index_main1 ul{
    display: flex;
    flex-wrap: wrap;
    
}
.index_main1 li{
    flex: 1;
    position: relative;
    text-align: center;
}
.index_main1 li:after{
    position: absolute;
    content: '';
    right: 0;
    top:0;
    width: 1px;
    height: 100px;
    background-color: #ccc;
}
.index_main1 li:last-child:after{
    display: none;
}
.index_main1 li h2{
    font-size: 36px;
    color: #0274ba;
    display: flex;
    justify-content: center;
}
.index_main1 li h2 span{
    font-size: 20px;
    font-weight: normal;
    display: block;
    line-height: 1em;
}
.index_main1 li p{
    font-size: 16px;
    color: #333;
}


@media(max-width: 1599px){
    .index_container{
        width: 94%;
    }  

}
@media(max-width: 1199px){
    .index_main1 li h2{
        font-size: 32px;
    }  
    .index_main1 li p{
        font-size: 14px;
    }   
}
@media(max-width: 768px){
    .index_main1{
        padding:20px 0;
    }
    .index_main1 li:after{
        height: 80px;
    }
    .index_container{
        width: 96%;
    }  
}
@media(max-width: 640px){
   .index_main1{
    display: none;
   }
}

.index_main2{
    padding-top: 80px;
}
.index_title1{
    color: #333;
    text-align: center;
}
.index_title1 p{
    font-size: 40px;
    text-transform: uppercase;
}
.index_title1 span{
    display: block;
    font-size: 30px;
    /*font-weight: normal;*/
    background: url(../images/title1.png) no-repeat center;
}
.fuwuly{
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}
.fuwuly li{
    border:1px solid #0274ba;
    box-sizing: border-box;
    width: 17%;
    margin:1.5%;
    padding:30px 0 60px 0;
    transition: all 0.4s ease-out;
    cursor: pointer;
    max-height: 353px;
    overflow: hidden;
}
.fuwuly li a{
    display: block;
}
.fuwuly li .img{
    width: 71px;
    height: 62px;
    overflow: hidden;
    margin:0 auto;
}
.fuwuly li h3{
    font-size: 24px;
    color: #333;
    text-align: center;
    padding:22px 0 10px 0;

}
.fuwuly_intro{
    display: flex;
    flex-wrap: wrap;
}
.fuwuly li p{
    font-size: 14px;
    color: #333;
    text-align: center;
    width: 100%;
    line-height: 1.8em;
}
.fuwuly li a.mores01{
    display: block;
    width: 40%;
    margin:20px auto 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #0274ba;
    border-radius: 25px;
    line-height: 30px;
}
.fuwuly li img.more1{
    display: block;
    width: 41px;
    margin:35px auto 0;
    display: none;
}

.fuwuly li:hover{
    background: #0274ba;
    border:1px solid #0274ba;
    transition: all 0.4s;
}
.fuwuly li:hover a.mores01{
    color: #0274ba;
    background-color: #fff;
    margin:20px auto 0;
}
.fuwuly li:hover img.more1{
    display: block;    
}
.fuwuly li:hover h3{
    color: #fff;
}
.fuwuly li:hover p{
    color: #fff;
    width: 50%;
/*text-align:left;*/
}
.fuwuly li:hover a{
    display: block;
}
.fuwuly li:nth-child(1) .img{
    background: url(../images/fuwu1.png) no-repeat top center;
}
.fuwuly li:nth-child(2) .img{
    background: url(../images/fuwu2.png) no-repeat top center;
}
.fuwuly li:nth-child(3) .img{
    background: url(../images/fuwu3.png) no-repeat top center;
}
.fuwuly li:nth-child(4) .img{
    background: url(../images/fuwu4.png) no-repeat top center;
}
.fuwuly li:nth-child(5) .img{
    background: url(../images/fuwu5.png) no-repeat top center;
}
.fuwuly li:nth-child(1):hover .img{
    background: url(../images/fuwu1_h.png) no-repeat top center;
}
.fuwuly li:nth-child(2):hover .img{
    background: url(../images/fuwu2_h.png) no-repeat top center;
}
.fuwuly li:nth-child(3):hover .img{
    background: url(../images/fuwu3_h.png) no-repeat top center;
}
.fuwuly li:nth-child(4):hover .img{
    background: url(../images/fuwu4_h.png) no-repeat top center;
}
.fuwuly li:nth-child(5):hover .img{
    background: url(../images/fuwu5_h.png) no-repeat top center;
}
@media(max-width: 1599px){
   .fuwuly li{
    width: 18%;
    margin: 0.5%;
   }
   .fuwuly li:hover p{
	font-size:12px;
}
}
@media(max-width: 1199px){
   .index_main2{
    padding-top: 40px;
   }
   .fuwuly li{
    padding:25px 0;
   }
   .fuwuly li:hover p{
	width:100%;
text-align:center;
}
}
@media(max-width: 768px){
    .index_title1 p{
        font-size: 36px;
        line-height: 1.2em;
    }
    .index_title1 span{
        font-size: 28px;
    }
}
@media(max-width: 640px){
   .index_title1 p{
    font-size: 18px;
   }
   .index_title1 span{
    font-size: 24px;
   }
   .fuwuly li{
    width: 47%;
   }

}





.index_main3{
    padding: 100px 0 75px 0;
}
.tab1{
    display: none;
}
.tab1li{
    display: flex;
    justify-content: center;
    padding:65px 0 50px 0;
}
.tab1li li{
    cursor: pointer;
}
.tab1li li a{
    font-size: 16px;
    color: #333;  
    border: 1px solid #e5e5e5;
    display: block;
    text-align: center;
    width: 113px;
    line-height: 32px;
    border-radius: 25px;
    margin:0px 12px;
}
.tab1li li.on a{
    background: #0274ba;
    color: #fff;
}
.tab1li li:hover a{
    background: #0274ba;
    color: #fff;
}
.tab1li a{
    margin-left: 15px;
}
.case_list1 {
    display: flex;
    flex-wrap: wrap;
}
.case_list1 li{
    width: 32%;
    margin:0.65%;
    position: relative;
    border:1px solid #dbdbdb;
    box-sizing: border-box;
    padding-bottom: 20px;
    box-shadow: 0px 0px 15px #ccc;
}
.case_list1 li a.img{
    display: block;
    overflow: hidden;
}
.case_list1 li a.img img{
    width: 100%;
    transition: all .6s ease-out;
}
.case_list1 li:hover a.img img{
    transition: all .6s;
    transform: scale(1.1);
}
.case_list1 .case_text{
    position: absolute;
    bottom:0;
    left:0;
}
.case_list1 li h3 a{
    font-weight: normal;
    font-size: 20px;
    color: #333;
    width: 94%;
    margin: 12px auto 5px;
    display: block;
}
.categoryname{
    font-size: 14px;
    color: #333;
    padding:0 3%;
}
.case_list_icon{
    position: absolute;
    width: 73px;
    height: 28px;
    right: 20px;
    bottom: 30px;
}
.case_list_icon .pc{
    display: block;
    float: left;
    width: 32px;
    height: 28px;
    background: url(../images/case_list_icon.png) no-repeat left bottom;
}
.case_list_icon .mobile{
    float: right;
    display: block;
    width: 18px;
    height: 28px;
    background: url(../images/case_list_icon.png) no-repeat right center;}

@media(max-width: 1199px){
   .index_main3{
    padding:40px 0;
   }
   .tab1li{
    padding:25px 0;
   }
   .tab1li li a{
       font-size:14px;
   }
}
@media(max-width: 768px){
   .tab1li{
    flex-wrap: wrap;
   }
   .tab1li li a{
    margin:8px 12px;
   }  
   .case_list_icon{
    opacity: 0;
   } 
}
@media(max-width: 640px){
   .tab1li li a{
    width: 105px;
    margin: 8px 5px;
   }
   .case_list1 li{
    width: 47%;
    margin:1.5%;
   }
   .case_list1 li h3 a{
    font-size: 18px;
   }
}



.index_main4{
    padding: 75px 0 50px 0;
    background:#f5f5f5;
}
.index_main4_intro{
    width: 1060px;
    text-align: center;
    margin: 15px auto 0;
    font-size: 14px;
    color: #666;
    line-height: 2em;
}
.index_cooperation_body{
    margin: 30px auto 0; 
    position: relative; 
    min-height: 200px;
}
.index_cooperation_fl{
    position: absolute; 
    top: 0; 
    left: 0;
}
.index_cooperation_fl a{
    display: block; 
    margin-top: 40px;
}
.index_cooperation_fr{
    margin-left: 350px; 
    padding:0px 70px;
    border-left: 1px solid #DCDCDC;
}
.index_cooperation_box .swiper-slide{
    overflow: hidden;
    padding: 0 0 40px 0;
    background: none;
    text-align: left;
    justify-content: left;
}
.index_cooperation_box .swiper-scrollbar-drag{
    height: 5px; 
    top: -2px; 
    background: #dcdcdc;
}
.index_cooperation_box.swiper-container-horizontal>.swiper-scrollbar{
    height: 2px; 
    background: none;
}
.index_cooperation_box ul{
    /*overflow: hidden;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.index_cooperation_box ul li{
    width: 18%;
    height: 90px;
    margin: 0 1%;
    cursor: pointer;
    /*float: left; */
    /*width: 125px; */
    /*height: 90px; */
    /*line-height: 90px; */
    /*margin: 0px 50px 0px 0;*/
}
.index_cooperation_box ul li img{
    display: inline-block; 
    filter: grayscale(1); 
    -webkit-filter: grayscale(1); 
    -moz-filter: grayscale(1); 
    -o-filter: grayscale(1); 
    -ms-filter: grayscale(1); 
    opacity: 0.8;
    transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    transition: all 0.2s;
}
.index_cooperation_box ul li:hover img{
    filter: grayscale(0); 
    -webkit-filter: grayscale(0); 
    -moz-filter: grayscale(0); 
    -o-filter: grayscale(0);    
    -ms-filter: grayscale(0); 
    opacity: 1;
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
@media(max-width: 1199px){
    .index_main4{
        padding:40px 0;
    }
    .index_cooperation_fr{
        padding:0px 30px;
        margin-left: 270px;
    }
    .index_main4_intro{
        width: 100%;
    }
}
@media(max-width: 768px){
    .index_cooperation_box ul li{
        margin:0 20px 0 0;
    }
}
@media(max-width: 640px){

    .index_cooperation_fl{
        display: none;
    }
    .index_cooperation_fr{
        margin:0;
        padding:0;
        
    }
    .index_cooperation_box .swiper-slide{
        padding: 0;
    }
    .index_cooperation_fr ul{
        display: flex;
        flex-wrap: wrap;
    }
    .index_cooperation_box ul li{
        width: 30%;
        margin:1.65%;
        float: none
    }
    .index_cooperation_box ul li img{
        width: 100%;
    }
}


.index_main5{
    padding:90px 0 80px 0;
}
.index_news{
    padding:70px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.news_list1{
    width: 32%;
}
.news_list1 li{
    position: relative;
    overflow: hidden;
    height: 625px;
}
.news_list1 a{
    display: block;
    overflow: hidden;
}
.news_list1 li img{
    transition: all 0.6s ease-out;
    height: 625px;
}
.news_list1 li:hover img{
    transform: scale(1.1);
    transition: all 0.6s ;
}
.news_list1 li h3{
    position: absolute;
    width: 100%;
    padding:10px 26% 10px 4%;
    font-size: 20px;
    color: #fff;
    z-index: 999;
    background: url(../images/more3.png) no-repeat 94% center ;
background-color: rgba(0,0,0,.4);
    left:0;
    bottom:0;
    font-weight: normal;
    line-height: 1.8em;
}
.news_list2{
    width: 32%;
    margin:0 2%;
}
.news_list2 li{
    position: relative;
    height: 305px;
    background: #f5f5f5;
    padding:55px 5% 15px 5%;
    box-sizing: border-box;
    transition: all .6s ease-out;
}
.news_list2 li:hover{
    box-shadow:0 0 10px 0 rgba(0,0,0,.3);
    transition: all .6s;
}
.news_list2 li:nth-child(1){
    margin-bottom: 15px;
}
.news_list2 li a{
    display: block;
    overflow: hidden;
    position: relative;
}
.news_list2 li h3{
    font-size: 20px;
    line-height: 2em;
    height: 2em;
    overflow: hidden;
    color: #333;
    font-weight: normal;
}
.news_list2 li:hover h3{
    font-weight: bold;
}
.news_list2 li p{
    padding:10px 0 25px 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color:#333;
    margin:0 0 35px 0;
}
.news_list2 li span{
    display: block;
    font-size: 14px;
    color: #333;
}
.news_list2 li span b{
    display: block;
    font-size: 40px;
    color: #808080;
}
.news_list2 li:hover span{
    color: #222;
}
.news_list2 li:hover span b{
    color: #222;
}
.news_list2 li img{
    display: block;
    position: absolute;
    right: 0px;
    bottom:30px;
}
.news_list3{
    width: 32%;
}
.news_list3 li{
    height: 195px;
    overflow: hidden;
    background: #f5f5f5;
    padding:45px 5% 40px 5%;
    margin-bottom: 20px;
    display: flex;
}
.news_list3 li:hover{
    box-shadow:0 0 10px 0 rgba(0,0,0,.3);
    transition: all .6s;
}
.news_list3 li:last-child{
    margin-bottom: 0;
}
.news_list3 li a{
    display: flex;
    overflow: hidden;
    flex-wrap:  wrap;
}
.news_list3 li span{
    font-size: 14px;
    color: #333;
    display: block;
    position: relative;
    padding-right: 35px;
    /* float: left; */
    margin-right: 20px;
}
.news_list3 li span:after{
    content: '';
    width: 1px;
    height: 100px;
    right: 0;
    top:0;
    position: absolute;
    background: #dcdcdc;
}
.news_list3 li span b{
    display: block;
    font-size: 40px;
    color: #808080;
    position: relative;
    margin-bottom: 5px;
}
.news_list3 li span b:after{
    content: '';
    width: 35px;
    height:4px;
    background: #ccc;
    position: absolute;
    bottom:0;
    left:0;
}
.news_list3 li .text{
    /* float:left; */
    width: 65%;
}
.news_list3 li h3{
    font-size: 20px;
    color: #333;
    font-weight: normal;
    text-align: left;
    width: 100%;
}
.news_list3 li img{
    display: block;
    padding: 15px 0 0 0px;
    transition: all 0.6s ease-out;
}
.news_list3 li:hover img{
    padding:15px 0 0 30px;
    transition: all 0.6s;
}
.news_list3 li:hover span{
    color: #222;
}
.news_list3 li:hover span b{
    color: #222;
}
.index_main5 .more1{
    display: block;
    margin:50px auto 0;
    width: 61px;
}

@media(max-width: 1199px){
    .index_main5{
        padding: 40px 0 40px 0;
    }
    .index_news{
        padding:30px 0 0 0;
    }
    .news_list1 li h3{
        font-size: 16px;
    }
    .news_list2 li h3{
        font-size: 16px;
    }
    .news_list2 li p{
        font-size: 14px;
        padding:10px 0 15px 0;
        margin:0 0 15px 0;
    }
    .news_list3 li h3{
        font-size: 16px;
    }
    .index_main5 .more1{
        margin: 30px auto 0;
    }
    .news_list3 li .text{
        width:58%;
    }

}
@media(max-width: 768px){
    .news_list2 li{
        padding:25px 5% 15px 5%;
    }
    .news_list3 li span{
        padding-right: 20px;
    }

}
@media(max-width: 640px){
    .news_list1{
        width: 100%;
    }
    .news_list1 li{
        height: 100%;
    }
    .news_list1 li img{
        width: 100%;
        height: 100%;
    }
    .news_list2{
        width: 100%;
        margin:20px 0 0 0;
    }
    .news_list2 li{
        margin-bottom: 15px;
        height: 220px;
        padding: 15px 3%;

    }
    .news_list2 li p{
        margin:0 0 5px 0;
    }
    .news_list2 li span b{
        font-size: 32px;
    }
    .news_list3{
        width: 100%;
        display:none;
    }
    .news_list3 li{
        padding:20px 3%;
        margin-bottom: 15px;
    }
    .index_main5 .more1{
        margin:15px auto 0;
    }
}

.footers{
    background: #151515;
    padding:40px 0 70px 0;
}
.footers .index_container{
    display: flex;
    flex-wrap: wrap;
}
.footers li{
    width: 23.5%;
    margin-right: 2%;
}
.footers li:last-child{
    margin-right: 0;
}
.footers li h2{
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    padding-bottom: 25px;
    border-bottom: 1px solid #4c4c4c;
    margin-bottom: 22px;
}
.index_about{
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
}
.index_about a{
    display: block;
    width: 100px;
    line-height: 34px;
    font-size: 14px;
    color: #b2b2b2;
    text-align: center;
    border: 1px solid #b2b2b2;
    border-radius: 25px;
    margin:15px 0 0 0;
}
.index_do{
    display: flex;
    flex-wrap: wrap;
}
.index_do p{
    width: 50%;
}
.index_do p a{
    display: block;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
    position: relative;
    transition: all 0.6s ease-out;
}
.index_do p a:before{
    content: '-';
    position: absolute;
    left:0;
    top:0px;
    opacity: 0;
    transition: all 0.6s ease-out;
}
.index_do p a:hover{
    padding-left: 10px;
    transition: all 0.6s ;
}
.index_do p a:hover:before{
    opacity: 1;
    transition: all 0.6s;
}
.index_chose{
    display: flex;
    flex-wrap: wrap;
}
.index_chose p{
    width: 50%;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
}
.index_contact{
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
}
.foot{
    background: #383637;
    padding:15px 0  5px 0;
}
.foot .index_container{
    display: flex;
    flex-wrap: wrap;
}
.footl{
    width: 80%;
    margin-right: 8%;
}
.f_link{
    display: flex;
    line-height: 2em;
    margin-bottom: 20px;
    padding-top: 25px;
}
.f_link span{
    font-size: 14px;
    color: #fff;
    display: block;
    width: 95px;
}
.f_link a{
    font-size: 14px;
    color: #b2b2b2;
    margin-right: 30px;
    display: block;
    float: left;
    line-height: 2em;
}
.quyu{
    font-size: 14px;
    color:#fff;
    margin-bottom: 20px;
}
.quyu a{
    font-size: 14px;
    color:#fff;
}
.copyright{
    font-size: 14px;
    color: #999;
}
.copyright a{
    font-size: 14px;
    color: #999;    
}
.footr{
    width: 9%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 3em;
    padding-top: 15px;

}
.footr img{
    width: 100%;
}


.footer_nav{
    position: fixed;
    bottom:0;
    left: 0;
    width: 100%;
    background: #000;  
    padding:10px 0;  
    display: none;
}
.footer-box{
    display: flex;
}
.footer-box li {
    flex: 1;  
    cursor: pointer;  
}
.footer-box li a{
    font-size: 16px;
    color:#fff;
    display: block;
    text-align: center;
}
.footer-box li img{
    width: 35px;
}

#section-footer{
    /*display:block!important;*/
    background: #2e2e2e;
}
@media(max-width: 1199px){
    .footl{
        width: 80%;
    }
    .footr{
        width: 12%;
    }
    .footr img{
        width: 100%;
    }
}
@media(max-width: 768px){
    .footer li{
        width: 48%;
        margin:0 2% 25px 0;
    }   
    .footer li h2{
        padding-bottom: 15px;
    } 

}
@media(max-width: 640px){
    .footer{
        margin-top: 30px;
    }
    .footer li{
        width: 100%;
    }
    .footers{
        display: none;
    }
    .foot{
        display: none;
    }
    .footer_nav{
        display: block;
    }

}





/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}
.f_none{
    display: none;
}


/*------------内页-------------------*/

@keyframes banner { 0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1.2)} }    
.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.n_banner img {
    width: 100%;
    margin: 0 auto;
    /*transform: scale(1.2)!important; */
    /*transition: all 2.5s ease-out !important;   */
    /*animation: banner 2s linear infinite;*/
}
.n_banner_text1{
    position: absolute;
    top:35%;
    width: 100%;
    text-align: center;
    color: #fff;
}
.n_banner_text1 h1{
    font-size: 40px;
}
.n_banner_text1 h2{
    font-size: 24px;
}
.n_banner_text1 p{
    font-size: 16px;
    text-transform: uppercase;
    line-height: 2em;
    width: 80%;
    margin:0 auto;
}
.n_banner_text1 a{
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding:10px 15px;
     border:1px solid #fff;
     border-radius: 25px;
     width: 200px;
     margin-top: 40px;
}
.n_banner_text1 a:hover{
    background: #fff;
    color: #333;
}
.n_banner_text5{
    text-align: left;
    padding: 0 0 0 14.8%;
    width: 45%;
    left:0;
}
.n_banner_text5 p{
    width: 100%;
}
.n_banner_text6{
    color: #333;
}
.n_banner_text7{
    text-align: right;
    padding: 0 14.8% 0 0 ;
    width: 45%;    
    right:0;
}

.n_body1{
    background: #f3f3f3;
    padding: 30px 0 60px 0;
}
.n_container1{
    max-width: 1350px;
    width: 100%;
    margin:0 auto 0;
}
.n_container2{
    max-width: 1500px;
    width: 100%;
    margin:0 auto 0;  
    background: #fff;  
}
.sort{
    display: flex;
    justify-content: center;
    margin:40px 0 30px 0;
    flex-wrap: wrap;
}
.sort li{

}
.sort li a{
    text-align: center;
    font-size: 16px;
    color: #333;
    width: 113px;
    line-height: 32px;
    border: 1px solid #e5e5e5;
    border-radius: 25px;
    margin: 0px 12px;
    cursor: pointer;
    display: block;
}
.sort li:hover a{
    background: #0274ba;
    color: #fff;
}
.sort li.on a{
    background: #0274ba;
    color: #fff;
}
@media(max-width:1560px){
    .n_banner_text5{
        padding:0 0 0 7.8%;
    }
    .n_banner_text7{
        padding:0 10% 0 0 ;
    }
}
@media(max-width:1024px){
    .n_banner_text5{
        width:50%;
        padding:0 0 0 2%;   
        top:26%;
    }
    .n_banner_text5 p{
        margin: 0!important;
        padding: 0;
    }
    .n_banner_text1 h1{
        font-size:24px;
    }
}
@media(max-width: 768px){

    .sort li a{
        margin: 8px 12px;
    }
    .n_banner_text1{
        top:40%;
    }
    .n_banner_text1 h1{
        font-size: 32px;
    }
    .n_banner_text1 p{
        display:none;
    }
    .n_banner_text5{
        text-align:center;
    }
    .n_banner_text5 p{
        display:none;
    }
    .n_banner_text5{
        text-align: center;
        width: 100%;
        padding: 0;
        top:36%;
    }
    .n_banner_text1 a{
        margin:20px auto 0;
    }
}
@media(max-width: 640px){
    .sort{
        margin:15px 0;
    }
    .sort li a{
        width: 105px;
        margin: 8px 5px;
    }
    .n_banner_text1{
        top:15%;
    }
    .n_banner_text1 h1 {
        font-size: 16px;
    }
    .n_banner_text1 p{
        font-size: 12px;
        line-height:1.5em;
    }
    .n_banner_text5{
        top:36%;
    }
}


/*news_list*/
.news_list{
    display: flex;
    flex-wrap: wrap;
}
.news_list li{
    width: 49%;
    margin:0 2% 20px 0;
    background: #fff;

}
.news_list li:nth-child(2n){
    margin:0 0 20px 0;
}
.news_list li a{
    display: flex;
    padding:40px 6%;
}
.news_list li span{
    font-size: 14px;
    color: #333;
    display: block;
}
.news_list li span b{
    font-size: 50px;
    display: block;
}
.news_list li .text{
    padding:0 0 0 20px;
    margin:0 0 0 25px;
    color: #333;
    width: 74%;
    position: relative;
}
.news_list li .text:before{
    content: '';
    width: 1px;
    height: 120px;
    background: #ccc;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.news_list li .text h3{
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2em;
    height: 1.2em;
    overflow: hidden;
}
.news_list li .text p{
    font-size: 14px;
    margin:15px 0 12px 0;
}
.news_list li .text .more2{
    font-size: 14px;
    transition: all 0.6s ease-out;
}
.news_list li:hover{
    box-shadow: 0px 0px 30px #ccc;
}
.news_list li:hover .text .more2{
    padding-left: 40px;
    background: url(../images/news_more.png) no-repeat left center;
    transition: all 0.6s;
}
.news_detail{

}
.news_detail .page{
    padding: 15px 0 0 0;
    margin:20px 0 30px 0;
    border-top:1px solid #e5e5e5;
}
.n_relate{
    max-width: 1500px;
    width: 100%;
    margin: 0 auto 0;    
}
.n_relate h4{
    font-size: 26px;
    color: #333;
    padding:40px 0 15px 0;
}

@media(max-width: 1499px){
    .n_container2{
        width: 96%;
    }
    .n_relate{
        width: 96%;
    }

}
@media(max-width: 1349px){
    .n_container1{
        width: 96%;
    }

    .news_list li .text h3{
        height: 2.4em;
    }
}
@media(max-width: 768px){
    .news_list li{
        width: 100%;
        margin:0 0 20px 0;
    }
    .news_list li a{
        padding: 20px 2%;
    }
    .news_list li .text h3{
        height: 1.2em;
    }
    .news_list li .text p{
        margin:5px 0;
    }
}
@media(max-width: 640px){
    
}



/*case_list*/
.n_container3{
    max-width: 1630px;
    width: 100%;
    margin:0 auto;
}
.case_list {
    display: flex;
    flex-wrap: wrap;
}
.case_list li{
    width: 32%;
    margin:0.65%;
    position: relative;
    border:1px solid #dbdbdb;
    box-sizing: border-box;
    /*padding-bottom: 20px;*/
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 15px #ccc;
}
.case_list li a.img{
    display: block;
    overflow: hidden;
}
.case_list li a.img img{
    width: 100%!important;
    height: 100%!important;
    transition: all .6s ease-out;
}
.case_list li:hover a.img img{
    transition: all .6s;
    transform: scale(1.1);
}
.case_text{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding:0 0 10px 0;
}
.case_list li h3 a{
    font-weight: normal;
    font-size: 20px;
    color: #333;
    width: 94%;
    margin: 12px auto 5px;
    display: block;
}
.categoryname{
    font-size: 14px;
    color: #999;
    padding:0 3%;
}
.case_list_icon{
    position: absolute;
    width: 73px;
    height: 28px;
    right: 20px;
    bottom: 30px;
}
.case_list_icon .pc{
    display: block;
    float: left;
    width: 32px;
    height: 28px;
    background: url(../images/case_list_icon.png) no-repeat left bottom;
}
.case_list_icon .mobile{
    float: right;
    display: block;
    width: 18px;
    height: 28px;
    background: url(../images/case_list_icon.png) no-repeat right center;
}
.case_list li .xs{
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    color: #fff;
    text-align: center;
    padding:9% 0;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(34,105,181,.7),endColorStr=rgba(24,177,205,.7));
    background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(rgba(34,105,181,.7)), to(rgba(24,177,205,.7)));
    background: -webkit-linear-gradient(left, rgba(34,105,181,.7), rgba(32,122,186,.7), rgba(26,161,199,.7), rgba(24,177,205,.7));
    background: -o-linear-gradient(left,rgba(34,105,181,.7), rgba(32,122,186,.7), rgba(26,161,199,.7), rgba(24,177,205,.7));
    background: -moz-linear-gradient(left,rgba(34,105,181,.7), rgba(32,122,186,.7), rgba(26,161,199,.7), rgba(24,177,205,.7));
    background: -ms-linear-gradient(left,rgba(34,105,181,.7), rgba(32,122,186,.7), rgba(26,161,199,.7), rgba(24,177,205,.7));
}
.case_list li .xs h2{
    font-size: 24px;
    font-weight: normal;
    position: relative;
    padding:0 0 15px 0;
}
.case_list li .xs h2:after{
    content: '';
    position: absolute;
    width: 56px;
    height: 4px;
    background: #fff;
    left:50%;
    margin-left: -28px;
    bottom:0;

}
.case_list li .xs span{
    font-size: 14px;
    padding:15px 0 25px 0;
    display: block;
}
.case_list li .xs .case_intro{
    font-size: 14px;
    width: 80%;
    margin:0 10% 35px 10%;
    padding-bottom: 35px;
    border-bottom: 1px solid #fff;
}
.case_list li:hover .case_text{
    display: none;
}
.case_list li:hover .xs{
    opacity: 1;
}

.n_container4{
    width: 1200px;
    margin:0 auto;
}
.case_btn{
    position: absolute;
    bottom:50px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 0;
}
.case_btn a{
    font-size: 0;
    display: block;
    width: 49px;
    height: 49px;
}
.case__btnl{
    width: 49px;
    height:49px;
    background: url(../images/case_l.png)no-repeat top center;
    position: relative;
}
.case__btnl:after {
    content:'上一个';
    position: absolute;
    bottom: -25px;
    height: 20px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.case__btnl:hover{
    background: url(../images/casel_h.png)no-repeat top center;
}
.case__btnm{
    width: 47px;
    margin:0 20px;
    position: relative;
}
.case__btnm img{
    width: 100%;
}
.case__btnm:after {
    content:'全部案例';
    position: absolute;
    left:-10%;
    bottom: -25px;
    height: 20px;
    width: 120%;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.case__btnr{
    width: 49px;
    height: 49px;
    background: url(../images/case_r.png)no-repeat 0;
    position: relative;
}
.case__btnr:after {
    content:'下一个';
    position: absolute;
    bottom: -25px;
    height: 20px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.case__btnr:hover{
    background: url(../images/caser_h.png)no-repeat 0;
}
.case_detail{
    padding:50px 0;
}
.case_detail_new1{
    margin-bottom: 50px;
}
.case_detail_new1 h3{
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
    line-height: 40px;
}
.case_detail_new1 h3 a{
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: url(../images/weblink.png) no-repeat center;
    background-size: contain;
}
.case_detail_new1 h3 a:hover{
    background: url(../images/weblink_h.png) no-repeat center;
    background-size: contain;    
}   
.case_detail_new1 p{
    font-size: 14px;
    max-width: 95%;
}
.case_detail p img{
    max-width: 1200px;
    width: 100%;
    box-shadow: 0 0 32px 0 rgba(69, 69, 69, .35);
}
.case_btn2{
    display: flex;
    justify-content: center;
    font-size: 0;
    margin:50px 0;
}
.case_btn2 .case__btnl{
    background: url(../images/case2_l.png)no-repeat 0;    
}
.case_btn2 .case__btnl:after{
    color: #333;
}
.case_btn2 .case__btnm:after{
    color: #333;
}
.case_btn2 .case__btnr:after{
    color: #333;
}
.case_btn2 .case__btnl:hover{
    background: url(../images/case2_l_h.png)no-repeat 0;    
}
.case_btn2 .case__btnr{
    background: url(../images/case2_r.png)no-repeat 0;
}
.case_btn2 .case__btnr:hover{
    background: url(../images/case2_r_h.png)no-repeat 0;
}
.case_btn2 a{
    display: block;
    font-size: 0;
    height: 49px;
}
.web_a a{
    display: block;
    text-align: center;
}
.web_a a span{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #0274ba;
    padding-top: 5px;
}
.xg_case li{
    background: #fff;
}

@media(max-width:1629px ){
    .n_container3{
        width: 92%;
        margin:0 auto;
    }
    .case_list li .xs{
        /*padding: 8% 0;*/
    }
    .case_list li .xs span{
        padding: 10px 0 5px 0;
    }
    .case_list li .xs .case_intro{
        padding-bottom: 20px;
        margin: 0 5% 20px 5%;
        width: 90%;
    }
}
@media(max-width:1460px){
    .case_list li .xs .case_intro{
        /*line-height:1.5em;*/
        /*height:6em;*/
        /*overflow:hidden;*/
        /*border:none;*/
        padding: 0.5% 0; 
    }
}
@media(max-width:1360px){
    .case_list li .xs{
        padding:10% 0;
    }
    .case_list li .xs .case_intro{
        line-height:1.5em;
        /*height:6em;*/
        overflow:hidden;
        border:none;
        padding: 0% 0 0% 0; 
        margin: 0 2% 20px 2%;
        width: 96%;
        font-size:12px;
    }
}
@media(max-width:1199px ){
    .n_container4{
        width: 100%;

    }
    .case_text{
        position: relative;
    }
    .case_list li{
        width: 48%;
        margin:1%;
    }
    .case_list li .xs{
        height: 100%;
    }
    .case_list li .xs .case_intro{
        font-size:14px;
    }
}
@media(max-width: 768px){
    .n_container3{
        width: 98%;
        margin:0 auto;
    }
    .case_text .categoryname{
        display: none;
    }
    .case_text .case_list_icon{
        display: none;
    }
    .case_list li .xs{
        display: none;
    }
}
@media(max-width: 640px){
    .case_btn{
        display: none;
    }
}


/*n_about*/
.sitemap{
    position: absolute;
    left:0;
    width: 100%;
    padding:12px 0;
    background: rgba(0,0,0,.4);
    bottom:0;
}
.sort2{
    float: left;
    display: flex;
}
.sort2 li a{
    display: block;
    width: 115px;
    margin-right: 15px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    border-radius: 25px;
    text-align: center;
}
.sort2 li:hover a{
    color: #333;
    background: #f4f4f4;
}
.sort2 li a.on{
    color: #333;
    background: #f4f4f4;
}
.site{
    float: right;
    font-size: 14px;
    color: #ccc;
    line-height: 31px;
    padding-left: 35px;
    background: url(../images/home.png) no-repeat 0 center;
    background-size: 25px 25px;
}
.site img{
    width: 31px;
    margin-right: 10px;
}
.site a{
    font-size: 14px;
    color: #ccc;
    line-height: 40px;
}
.about_job{
    width: 100%;
    padding: 30px 7.8% 60px;
    background: #f7f7f7;
}
.about_job li {
    width:100%;
    display:table;
    background:#fff;
    margin-bottom:20px;
}
.about_job li .tbox {
    width:50%;
    float:left;
    padding-left:70px;
    padding-top:129px;
}
.about_job li .tbox .t1 {
    font-size:36px;
    font-weight:bold;
    color:#222;
}
.about_job li .tbox .t2 {
    font-size:14px;
    line-height:24px;
    color:#222;
    width:65%;
    margin-top:24px;
}
.about_job li .tbox .more {
    width:60px;
    height:60px;
    border-radius:50%;
    border:2px solid #222;
    background:url(../images/aicon4.png) center center no-repeat;
    display:block;
    transition:all ease .5s;
    margin-top:35px;
}
.about_job li .tbox .more:hover {
    background:#222 url(../images/aicon3.png) center center no-repeat;
}
.about_job li .img {
    width:50%;
    float:right;
    overflow:hidden;
}
.about_job li .img img {
    width:100%;
    transition:all 1s ease-out;
}
.about_job li:hover .img img {
    transform:scale(1.1);
    transition: all 1s;
}
.about_job li:nth-child(2n) .tbox {
    float:right;
}
.about_job li:nth-child(2n) .img {
    float:left;
}
.job-info {
    width:100%;
    padding:30px 7.8% 60px;
    background:#f7f7f7;
}
.job-info .box {
    width:100%;
    position:relative;
    background:#fff;
    padding:52px 50px 50px;
}
.job-info .box .title {
    font-size:36px;
    font-weight:bold;
    color:#222;
    line-height:1;
}
.job-info .box .txt {
    font-size:14px;
    line-height:30px;
    color:#222;
    margin-top:40px;
}
.job-info .box .txts {
    font-size:14px;
    line-height:30px;
    color:#222;
    margin-top:30px;
}
.job-info .box .txts span {
    
}
.job-info .box .email {
    width:100%;
    height:70px;
    background:#f7f7f7;
    line-height:70px;
    padding-left:30px;
    font-size:14px;
    font-weight:bold;
    margin-top:50px;
}
.job-info .box .back {
    position:absolute;
    top:40px;
    right:50px;
    width:50px;
    height:50px;
    background:url(../images/aicon6.png) center center no-repeat;
}



.n_banner .img{
/*    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;*/
}
.m_text{
    position: absolute;
    font-size: 32px;
    color: #fff;
    text-align: center;
    width: 100%;
    left:0;
    top:30%;
    display: none;
}
.about_time{
    position: absolute;
    overflow: hidden;
    width:100%;
    padding:0 7.8%;   
    top:30%;   
}
.about_time_list{
/*    width: 100%;
    padding:180px 0 0 0;  */
    display: flex;
    flex-wrap: wrap;
}
.about_time_list li{
    width: 33.33%;
    text-align: center;
    color: #fff;
    padding:55px 0 50px 0;
}
.about_time_list li h2{
    font-size: 50px;
    display: flex;
    justify-content: center;
}
.about_time_list li h2 div{
    padding-top: 8px;
}
.about_time_list li h2 span {
    font-size: 20px;
    font-weight: normal;
    display: block;
    line-height: 1em;
}
.about_time_list li p{
    font-size: 16px;
    padding:10px 0 0 0;
}
.about_time_list li:nth-child(1),.about_time_list li:nth-child(2),.about_time_list li:nth-child(4),.about_time_list li:nth-child(5){
    border-right: 1px solid rgba(255,255,255,.2);
}
.about_time_list li:nth-child(1),.about_time_list li:nth-child(2),.about_time_list li:nth-child(3){
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.n_about{
    width: 100%;
    padding: 30px 7.8% 60px;   
}
.n_about li{
    width: 100%;
    display: table;
    background: #fff;
    margin-bottom: 20px;;

}
.n_about1{
    text-align: center;
    padding: 40px 0;  
}
.n_about1 h2{
    font-size: 40px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
    color: #333;
}
.n_about1 h2:after{
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    background: #333;
    bottom:0;
    left:50%;
    margin-left: -30px;
}
.n_about1 p{
    font-size: 16px;
    color:#303131;
    line-height: 2em;
}

.n_about2,.n_about3{
    overflow: hidden;
}
.a_img{
    width: 50%;
    display: block;
    overflow: hidden;
}
.a_img img{
    width: 100%;
    transition: all 0.6s ease-out;
}
.a_text{
    width: 50%;
    padding:45px 5% 0 5%;
    color: #333;
}
.a_text h3{
    font-size: 40px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.a_text h3:after{
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    background: #333;
    bottom:0;
    left:0%;
}
.a_text p{
    font-size: 16px;
    line-height: 2em;
}

.n_about2 .a_img{
    float: left;
}
.n_about2 .a_text{
    float:right;
}

.n_about3 .a_img{
    float: right;
    display: block;
    overflow: hidden;
}
.n_about3 .a_img img{
    width:100%;
}
.a_img:hover img{
    transition: all 0.6s;
    transform: scale(1.1);
}
.n_about3 .a_text{
    float:left;
}
.n_about li.n_about4{
    background: url(../images/nabout_bg.jpg) no-repeat;
    color: #fff;
    text-align: center;
    padding: 12% 0;
}
.n_about4 h2{
    font-size: 40px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}
.n_about4 h2:after{
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    background: #fff;
    bottom:0;
    left:50%;
    margin-left: -30px;    
}
.n_about4 p{
    padding:0 15%;
    font-size: 16px;
    line-height: 2em;
}
.n_about5{}
.n_about5 .a_img{
    width: 63.75%;
    float:right;
}
.n_about5 .a_text{
    float:left;
    width: 36.25%;
}
.n_about5 .a_text a{
    display: block;
    margin-top: 80px;
}

.n_contact{
    width: 80%;
    background: #fff;
    margin: 0 auto 0;
    padding:0px 0 0 0;
}
.zx_contact{
    display: flex;
    flex-wrap: wrap;
}
.zx_contact li{
    width:23%;
    box-sizing: border-box;
    margin:0 1%;
    padding:15px 0 10px 0;
    position: relative;
}
.zx_contact li:after{
    content: '';
    width: 1px;
    height:100%;
    background:#ccc;
    position: absolute;
    top:0;
    right:-5%;
}
.zx_contact li h3{
    font-size: 16px;
    color: #333;
    line-height: 60px;
    border-bottom:1px solid #ccc;
}
.zx_contact li p{
    font-size: 14px;
    color: #333;
    line-height: ;
    margin:10px 0;
    padding-left: 34px;
    padding-bottom: 10px;
}
.zx_contact li p:nth-child(2){
    background: url(../images/c4.png) no-repeat 4px 2px;
    background-size: 16px 19px;
}
.zx_contact li p:nth-child(3){
    background: url(../images/c2.png) no-repeat 4px 1px;
    font-weight: bold;
    background-size: 19px 19px;
}
.zx_contact li p:nth-child(4){
    background: url(../images/c3.png) no-repeat 4px 5px;
    background-size: 19px 14px;
}
.zx_contact li.contact_wx img{
    display: block;
    margin:0 auto;
}
.zx_contact li.contact_wx p{
    text-align: center;
    padding:0;
    font-weight: normal;
    background: none;
    margin:0;
    color:#999;
}
.zx_contact li.contact_wx:after{
    display: none;
}


.n_contact1{
    margin:20px 0 0 0;
    border-top: 1px solid #dbdbdb;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.n_contact1 .cont1{
    width: 25%;
    padding:20px 0 0 0;
    border-right:1px solid #dbdbdb;
}
.n_contact1 .cont1 p:nth-child(1){
    background: url(../images/c1.png) no-repeat 15px 2px;
}
.n_contact1 .cont1 p:nth-child(2){
    background: url(../images/c2.png) no-repeat 15px 2px;
}
.n_contact1 .cont2 p:nth-child(1){
    background: url(../images/c3.png) no-repeat 15px 6px;
}
.n_contact1 .cont2 p:nth-child(2){
    background: url(../images/c4.png) no-repeat 15px 2px;
}
.n_contact1 .cont1 p,.n_contact1 .cont2 p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #333;
    padding-left: 55px;
}
.n_contact1 .cont1 p span,.n_contact1 .cont2 p span{
    display: block;
    float: left;
    font-size: 16px;
        height:34px;
        line-height:34px;
}
.n_contact1 .cont1 p span:last-child{
    font-size: 20px;
}
.n_contact1 .cont2{
    width: 25%;
    padding:20px 0 0 0;
    border-right:1px solid #dbdbdb;
}
.n_contact1 .cont2 p span:last-child{
    font-size: 20px;
        width: 95%;
}
.n_contact1 .cont3{
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    padding:15px 0 ;
}
.n_contact1 .cont3 li{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.n_contact1 .cont4{
    width: 25%;
    border-right:1px solid #dbdbdb;
}
.cont4 img{
  display: block;
  width:90%;
  margin:10px auto 0;
}
.n_map{
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.n_contact2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top:10px solid #f3f3f3;
    box-sizing: border-box;
}
.n_contact2 h2{
    padding:0px 0 0 0;
    font-size: 36px;
    color: #333;
    margin:0 0 25px 0;
}
.n_contact2 h2 span{
    font-size: 14px;
    font-weight: normal;
    display: block;
    color: #666;
    margin-top: 15px;
}

.n_way{
    width: 37.5%;
    /*height: 730px;*/
    float: left;
    margin-right: 0.625%;
    background: #fff;
    padding: 60px 30px;
    border-right:10px solid #f3f3f3;
}
.n_way h2{
    padding-left: 15px;
}
.n_way .b1 {
    color:#222;
    margin-bottom:20px;
    padding-left: 15px;
}
.n_way .b1 .ts1 {
    font-size:16px;
    line-height:30px;
    font-weight:bold;
    padding-left:45px;
    margin-bottom:10px;
}
.n_way .b1 .ts1.w1 {
    background:url(../images/icon2.png) left center no-repeat;
    padding:7px 0 7px 45px;
}
.n_way .b1 .ts1.w2 {
    background:url(../images/icon3.png) left center no-repeat;
    padding:3px 0 3px 45px;
}
.n_way .b1 .ts1.w3 {
    background:url(../images/icon4.png) left center no-repeat;
}
.n_way .b1 .ts2 {
    font-size:14px;
    line-height:26px;
}

.contact_job{
    padding-bottom: 25px;
}
.contact_job li{
    padding:10px 15px;
    border-bottom:1px solid #ccc;
    background:url(../images/contact_job_jt.png)no-repeat 355px center;
}
.contact_job li h3{
    font-size: 18px;
    color:#333;
    font-weight: normal;
}
.contact_job li h3 span{
    margin-left: 30px;
    color: #fa6a43;
    font-weight: bold
}
.contact_job li:last-child h3 span{
    margin-left: 60px;
}
.contact_job li p{
    font-size: 12px;
    color: #999;
    line-height: 2em;
}




.n_mess{
    width: 61.875%;
    float: left;
    background: #fff;
    padding: 60px 50px;
}
.c_ly{
    width: 100%;
}
.c_ly li{
    margin-top: 20px;
    border-bottom:1px solid #dbdbdb;

}
.c_ly li input{
    width: 100%;
    background: none;
    border:none;
    line-height: 50px;
    outline: none;
    font-size: 14px;
    color:#666;
}
.contact_btn input{
    display: block;
    width: 140px;
    height: 50px;
    background: #222;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    border: none;
    outline: none;
}
/*.c_ly li textarea{
    width: 100%;
    background: none;
    border:none;
    line-height: 50px;
    outline: none;  
    font-size: 14px;
    color:#666;
    font-family: "微软雅黑"
}*/
@media(max-width: 1599px){
    .about_time{
        top: 30%;
    }
    .about_time_list li{
        padding:35px 0 30px 0;
    }
    .about_time_list li p{
        padding:0;
    }
    .a_text{
        padding:25px 3% 0 3%;
    }
    .a_text h3{
        font-size: 32px;
    }
    .a_text p{
        line-height: 1.8em;
    }
    .n_contact1 .cont3 li img{
        /*width: 100%;*/
    }
    .n_way .b1{
        margin-bottom:20px;
    }
}
@media(max-width:1299px){
    .site{
        display: none;
    }
    .sort2{
        float:none;
        width:100%;
    }
}
@media(max-width: 1024px){
    .n_contact{
        width: 96%;
    }
    .n_contact1 .cont1{
        padding:50px 0 0 0;
    }
    .n_contact1 .cont2{
        padding:50px 0 0 0;
    }
    .n_contact1 .cont2 p span:last-child{
        width: 75%;
    }
    .n_contact1 .cont1 p, .n_contact1 .cont2 p{
        margin-bottom: 20px;

    }
    .n_way{
        padding:40px 15px;
    }
    .n_mess{
        padding:40px 40px;
    }
    .about_job{
        padding:30px 2%;
    }
    .n_about{
        padding:30px 3% 60px;
    }
    .about_time_list li{
        padding:20px 0 15px 0;
    }
    .about_time_list li h2{
        font-size: 24px;
    }
    .about_job li .tbox{
        padding-top: 20px;
        padding-left: 30px;
    }
    .about_job li .tbox .t2{
        width: 90%;
    }
    .about_job li .tbox .more{
        margin-top: 20px;
    }

}
@media(max-width: 768px){
    .n_body1{
        padding:30px 0;
    }
    .n_contact1 .cont1{
        width: 50%;
    }
    .n_contact1 .cont2{
        width: 50%;
    }
    .n_contact1 .cont3{
        display: none;
    }
    .n_contact1 .cont4{
        display: none;
    }
    .n_way .b1{
        margin-bottom: 15px;
    }
    .about_time_list li{
        padding:10px 0;
    }
    .about_time_list li p{
        font-size: 14px;
    }
    .a_img{
        width: 100%;
        float: none;
    }
    .a_text{
        width: 100%;
        float: none;
        padding:15px 2%;
    }
    .n_about li.n_about4{
        padding:8% 0;
    }
    .n_about4 p{
        padding:0 5%;
    }
    .n_about5 .a_text a{
        margin-top: 10px;
    }
    .about_job li .tbox .t1{
        font-size: 28px;
    }
    .about_job li .tbox{
        padding:10px 10px 0 10px;
    }
    .about_job li .tbox .t2{
        width: 100%;
        margin-top: 10px;
    }
    .about_job li .tbox .more{
        margin-top: 10px;
    }
    .job-info{
        padding:30px 2%;
    }
    .job-info .box{
        padding:52px 20px 50px;
    }
    .sitemap{
        padding:5px 0;
    }
    .sitemap .index_container{
        width:100%!important;
    }
    .sort2 li a{
        font-size:12px;
        width:92px;
        margin-right:0px;
    }
    .n_way{
        padding:30px 5px;
    }
    .n_mess{
        padding:30px 30px;
    }
}
@media(max-width: 640px){
    .n_contact1 .cont1{
        width: 100%;
    }
    .n_contact1 .cont2{
        width: 100%;
        padding:0px 0 0 0;
    }
    .n_way{
        width: 100%;
        border-right: none;
        border-bottom: 10px solid #f3f3f3;
        height: 100%;
        padding:30px 20px;
    }
    .n_mess{
        width: 100%;
        padding:30px 20px;
        height: 100%;
    }
    .about_time{
        display: none;
    }
    .m_text{
        display:block;
    }
    .a_text h3{
        font-size: 26px;
    }
    .n_about4 h2{
        font-size: 26px;
    }
    .n_about4 p{
        padding: 0 2%;
    }
    .n_about5 .a_text{
        width: 100%;
        float: none;
    }
    .n_about5 .a_img{
        width: 100%;
        float: none;
    }

    .about_job li .tbox{
        width: 100%;
        padding:10px 10px;
    }
    .about_job li .img{
        width: 100%;
    }
    .sort2{
        flex-wrap:wrap;
    }
    .sort3 li a{
        width:90px;
        margin-right:0;
    }
    .zx_contact li{
        width:98%;
        margin-bottom:20px;
        padding:;
    }
    .zx_contact li:after{
        display:none;
    }
}


/*网站建设*/
.wzjs_intro{
    text-align: center;
    color: #333;
    padding:50px 0 40px 0;
}
.wzjs_intro h2{
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
}
.wzjs_intro p{
    font-size: 14px;
    width: 785px;
    margin:0 auto;
    line-height: 2em;
}
.wzjs_sort1{
    width: 100%;
    color: #fff;
    position: relative;
}
.wzjs_sort1 a{
    display: block;
    color: #fff;
    overflow: hidden;
}
.wzjs_sort1 a.img img{
    width: 100%;
    transition: all 0.6s ease-out;
}
.wzjs_sort1:hover a.img img{
    transition: all 0.6s;
    transform: scale(1.1);
}
.wzjs_sort1 img{
    width: 100%;
}
.wzjs_sort1 .text{
    position: absolute;
    z-index: 9;
    left:20%;
    top:15%;
}
.wzjs_sort1 h3{
    font-size: 32px;
}
.wzjs_sort1 p{
    font-size: 20px;
    margin:10px 0 0 0;
}
.wzjs_sort1 p span{
    display: block;
    font-size: 14px;
    margin:20px 0 0 0;
    line-height: 2em;
}
.wzjs_sort1 .more1{
    background: url(../images/case2_r.png) no-repeat;
    width: 49px;
    height: 49px;
    margin-top: 45px;
}
.wzjs_sort1:hover .more1{
    background: url(../images/case2_r_h.png) no-repeat;
}
.wzjs_sort{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.wzjs_sort li{
    width: 50%;
    position: relative;
}
.wzjs_sort li img{
    width: 100%;
}
.wzjs_sort li a.img{
    display: block;
    overflow: hidden;
}
.wzjs_sort li a.img img{
    width: 100%;
    transition: all 0.6s ease-out;
}
.wzjs_sort li:hover a.img img{
    transition: all 0.6s;
    transform: scale(1.1);
}
.wzjs_sort li .text{
    position: absolute;
    z-index: 9;
    left:10%;
    top:10%;
    color: #fff;
}
.wzjs_sort li .text h3{
    font-size: 32px;
}
.wzjs_sort li .text p{
    font-size: 16px;
    margin-top: 10px;
}
.wzjs_sort li .text span{
    font-size: 14px;
    display: block;
    line-height: 2em;
    margin-top: 10px;
}
.wzjs_sort li .more1{
    background: url(../images/case2_r.png) no-repeat;
    width: 49px;
    height: 49px;
    margin-top: 65px;
}
.wzjs_sort li:hover .more1{
    background: url(../images/case2_r_h.png) no-repeat;
}
.wzjs_container{
    background: #f2f2f2;
    padding:70px 0 90px 0;
}
.wzjs_title{
    font-size: 40px;
    color: #333;
    text-align: center;
}
.wzjs_title p{
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
}
.wzjs_list1 {
    width:100%;
    margin:82px auto 0;
    display:table;
}
.wzjs_list1 li {
    width:18.125%;
    height:330px;
    float:left;
    margin-right:-1px;
    border:1px solid #d8d8d8;
    text-align:center;
    position:relative;
    padding-top:122px;
    cursor:pointer;
    transition:all ease .5s;
    background:#fff;
}
.wzjs_list1 li:hover {
    width:27.75%;
    padding-top:92px;
}
.wzjs_list1 li.on {
    width:27.75%;
    padding-top:92px;
}
.wzjs_list1 li .num {
    width:52px;
    height:52px;
    background:#0274ba;
    line-height:52px;
    position:absolute;
    top:-23px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    font-size:24px;
    color:#fff;
    font-style:oblique;
    text-align:left;
    padding-left:8px;
}
.wzjs_list1 li .num:before {
    width:66px;
    height:66px;
    background:rgba(2,16,186,.1);
    content:"";
    position:absolute;
    left:-7px;
    top:-7px;
    border-radius:50%;
}
.wzjs_list1 li .num:after {
    width:80px;
    height:80px;
    background:rgba(2,16,186,.05);
    content:"";
    position:absolute;
    left:-14px;
    top:-14px;
    border-radius:50%;
}
.wzjs_list1 li .icon {
    width:60px;
    height:60px;
    margin:auto;
    position:relative;
}
.wzjs_list1 li .icon img {
    width:60px;
    height:60px;
    position:absolute;
    left:0;
    top:0;
}
.wzjs_list1 li .icon img:last-child {
    opacity:0;
    z-index:2;
    transition:all ease .5s;
}
.wzjs_list1 li:hover .icon img:last-child {
    opacity:1;
}
.wzjs_list1 li.on .icon img:last-child {
    opacity:1;
}
.wzjs_list1 li .t1 {
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#222;
    margin-top:36px;
    transition:all ease .5s;
}
.wzjs_list1 li:hover .t1 {
    color:#0274ba;
}
.wzjs_list1 li.on .t1 {
    color:#0274ba;
}
.wzjs_list1 li .t2 {
    font-size:14px;
    line-height:24px;
    color:#222;
    margin:20px auto;
    display:none;
    padding:0 13%;
}
.wzjs_list1 li:hover .t2 {
    display:block;
    animation: fadeInUp .5s ease-out;
}
.wzjs_list1 li.on .t2 {
    display:block;
}

.f_mess{
    background: url(../images/f_mess.jpg) no-repeat;
    padding:50px 0 110px 0;
}
.f_mess h2{
    text-align: center;
    font-size: 40px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 50px;
}
.f_mess p{
    font-size: 20px;
    margin-top:10px;
}
.f_form{
    display: flex;
    justify-content: center;
}
.f_form li{
    width: 310px;
    margin-right: 30px;
}
.f_form li input{
    background: none;
    border:1px solid #999;
    line-height: 56px;
    width: 100%;
    font-size: 16px;
    color: #999;
    text-indent: 15px;
    border-radius: 5px;
    outline: none;
}
.f_form_btn{
    width: 240px;

}
.f_form_btn input{
    width: 100%;
    font-size: 26px;
    color: #fff;
    line-height: 56px;
    background: #0274ba;
    text-align: center;
    border-radius: 5px;
    outline: none;
    border:none;
}

.n_banner_text2 p{
    width: 50%;
    margin: 20px auto;
    line-height: 2em;
}
.wzjs1_title1 h1{
    background: url(../images/title2.png) no-repeat center;
}
.wzjs1_title1 h1 span,.wzjs1_title2 h1 span{
    color: #0274ba;
}
.pp_td{
    display: flex;
    flex-wrap: wrap;
    padding:55px 0;
}
.pp_td li{
    width: 32%;
    margin:0.65%;
    position: relative;
    cursor: pointer;
}
.pp_td li a.img{
    display: block;
    overflow: hidden;
}
.pp_td li a.img img{
    width: 100%;
}
.pp_td li .text{
    position: absolute;
    height: 80px;
    background: rgba(2,116,186,.8);
/*    display: flex;
    flex-wrap: wrap;
    align-items: center;*/
    left:0;
    bottom:0;
    color: #fff;
    width: 100%;
    transition: all .6s ease-out;
}
.pp_td li .text h3{
    text-align: center;
    font-size: 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 80px;
    justify-content: center;
}
.pp_td li .text h3 img{
    margin-right: 10px;
}
.pp_td li .text p{
    font-size: 14px;
    padding:12px 10% 0 10%;
    display: none;
    line-height: 2em;
    text-align: center;
}
.pp_td li:hover .text{
    height: 318px;
    transition: all .6s;
}
.pp_td li:hover .text h3{
    padding:;
    display: table;
}
.pp_td li:hover .text h3 img{
    display: block;
    margin: 0 auto;
    padding:25px 0 12px 0 ;
}
.pp_td li:hover .text p{
    display: block;
}
.wzjs1_title2 h1{
    background: url(../images/title3.png) no-repeat center;
}
.pp_fa{
    background: url(../images/ppfa_bg.jpg) no-repeat;
    padding: 50px 0 100px 0;
}
.pp_fa_intro{
    width: 80%;
    margin: 280px auto 0;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 2em;
}
.ppjs{
    width: 1350px;
    background: #fff;
    margin: 0 auto;
    padding:50px 75px;
}
.pp_fa2{
    background: url(../images/ppfa_bg2.jpg) no-repeat;
    background-size: 100%;
    height: 536px;
    position: relative;
}
.pp_fa2 ul li{
    position: absolute;
    z-index: 9;
    font-size: 16px;
    color: #333;
}
.pp_fa2 ul li:nth-child(1){
    top:82px;
    left:738px;
}
.pp_fa2 ul li:nth-child(2){
    top:140px;
    left:790px;
}
.pp_fa2 ul li:nth-child(3){
    top:215px;
    left:820px;
}
.pp_fa2 ul li:nth-child(4){
    top:290px;
    left:820px;
}
.pp_fa2 ul li:nth-child(5){
    top:380px;
    left:790px;
}
.pp_fa2 ul li:nth-child(6){
    top:428px;
    left:738px;
}
.ppjs .n_relate{
    width: 100%;
}
.ppjs .n_relate h4{
    font-weight: normal;
}

.yy_td{
    position: relative;
    height: 485px;
    margin-top: 30px;
}
.yy_td li{
    position: absolute;
    top:30px;
    width: 400px;
    background: linear-gradient(#ccc,#fff);
    height: 100%;
    z-index: 8;
    cursor: pointer;
    transition: all .6s ease-out;
}
.yy_td li a.img{
    display: block;
    overflow: hidden;
}
.yy_td li a.img img{
    width: 100%;
}
.yy_td li .text{
    padding:20px 15px 0 15px;
}
.yy_td li .text h3{
    font-size: 14px;
    color: #333;
    font-weight: normal;
    margin-bottom: 30px;
    line-height: 2em;
}
.yy_td li .text p{
    display: flex;
    flex-wrap: wrap;
}
.yy_td li .text p span{
    font-size: 14px;
    color: #333;
    width: 50%;
}
.yy_td li .text p span img{
    margin-right: 10px;

}
.yy_td li:nth-child(1){
    left: 0;
}
.yy_td li:nth-child(2){
    left: 400px;
}
.yy_td li:nth-child(3){
    left: 800px;
}
.yy_td li:hover{
    width: 460px;
    background: #fff;
    box-shadow: 0px 0px 30px #ccc;
    z-index: 9;
    transition: all .6s;
    top:0;
}
.yy_td li:nth-child(2):hover{
    left:370px;
}
.yy_td li:nth-child(3):hover{
    left:770px;
}
.ys_gn{
    padding:120px 0 90px 0;
}
.ys_gn ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
}
.ys_gn ul li{
    font-size: 14px;
    color: #666;
    padding:74px 0 0 0;
    width: 25%;
    position: relative;
    text-align: center;
    margin-top: 55px;
}
.ys_gn ul li:after{
    content: '';
    position: absolute;
    top:0px;
    right:0;
    width: 1px;
    height: 80px;
    background: #ccc;
}
.ys_gn ul li:nth-child(4n):after{
    display: none;
}
.ys_gn ul li:nth-child(1){
    background: url(../images/gn1.png) no-repeat top center;
}
.ys_gn ul li:nth-child(2){
    background: url(../images/gn2.png) no-repeat top center;
}
.ys_gn ul li:nth-child(3){
    background: url(../images/gn3.png) no-repeat top center;
}
.ys_gn ul li:nth-child(4){
    background: url(../images/gn4.png) no-repeat top center;
}
.ys_gn ul li:nth-child(5){
    background: url(../images/gn5.png) no-repeat top center;
}
.ys_gn ul li:nth-child(6){
    background: url(../images/gn6.png) no-repeat top center;
}
.ys_gn ul li:nth-child(7){
    background: url(../images/gn7.png) no-repeat top center;
}
.ys_gn ul li:nth-child(8){
    background: url(../images/gn8.png) no-repeat top center;
}
.ys_dw{
    background: url(../images/yx_bg1.png) no-repeat;
    padding:45px 0 170px 0;
}
.wzjs1_title3{
    text-align: center;
    color: #fff;
}
.wzjs1_title3 p{
    font-size: 40px;
    text-transform: uppercase;
}
.wzjs1_title3 h1{
    font-size: 30px;
    background: url(../images/title4.png) no-repeat center;
    font-weight: normal;
}
.wzjs1_title3 h1 span{
    font-size: 36px;
}
.ys_dw ul{
    margin:80px auto 0;
    background: #fff;
    width: 700px;
    padding:25px 20px;
    display: flex;
    flex-wrap: wrap;
}
.ys_dw ul li{
    width: 33.3333%;
    position: relative;
    border-right:1px solid #dbdbdb;
    
}
.ys_dw ul li img{
    display: block;
    margin: 0 auto;
}
.ys_dw ul li h3{
    font-size: 20px;
    color: #333;
    margin-bottom: 5px;
}
.ys_dw ul li p{
    font-size: 14px;
    color: #333;
    line-height: 1.6em;
}
.ys_dw ul li:nth-child(3n){
    border-right:none;
}
.ys_dw ul li:nth-child(1){
    padding:0 0 25px 0;
    border-bottom:1px solid #dbdbdb;
}
.ys_dw ul li:nth-child(2){
    padding:0 0 25px 40px;
    border-bottom:1px solid #dbdbdb;
}
.ys_dw ul li:nth-child(3){
    padding:0 0 25px 40px;
    border-bottom:1px solid #dbdbdb;
}
.ys_dw ul li:nth-child(4){
    padding:25px 0 0px 0px;
}
.ys_dw ul li:nth-child(5){
    padding:25px 0 0px 40px;
}
.ys_dw ul li:nth-child(6){
    padding:25px 0 0px 0px;
}
.yx_lc{
    padding-top: 65px;
}
.ul-process{
    margin: 55px -21px;
    overflow: hidden;
}
.ul-process li{
    float: left;
    width: 12.5%;
    padding: 0 21px;
    position: relative;
}
.ul-process li:after{
    content: '';
    position: absolute;
    right: -14px;
    top: 50%;
    background: url(../images/disc.png) no-repeat;
    width: 26px;
    height: 2px;
}
.ul-process li .circle{
    width: 116px;
    height: 116px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 100%;
    padding: 20px 0;
}
.ul-process li:last-child:after{
    display: none;
}
.ul-process li span{
    display: block;
    height: 60px;
    background: url(../images/lc1.png) center center no-repeat;
}
.ul-process li.s2 span{
    background-image: url(../images/lc2.png);
}
.ul-process li.s3 span{
    background-image: url(../images/lc3.png);
}
.ul-process li.s4 span{
    background-image: url(../images/lc4.png);
}
.ul-process li.s5 span{
    background-image: url(../images/lc5.png);
}
.ul-process li.s6 span{
    background-image: url(../images/lc6.png);
}
.ul-process li.s7 span{
    background-image: url(../images/lc7.png);
}
.ul-process li.s8 span{
    background-image: url(../images/lc8.png);
}
.ul-process li:hover .circle{
    background: #0274ba;
    border: 1px solid #0274ba;
    color: #fff;
}
.ul-process li.s1:hover span{
    background-image: url(../images/lc1_h.png);
}
.ul-process li.s2:hover span{
    background-image: url(../images/lc2_h.png);
}
.ul-process li.s3:hover span{
    background-image: url(../images/lc3_h.png);
}
.ul-process li.s4:hover span{
    background-image: url(../images/lc4_h.png);
}
.ul-process li.s5:hover span{
    background-image: url(../images/lc5_h.png);
}
.ul-process li.s6:hover span{
    background-image: url(../images/lc6_h.png);
}
.ul-process li.s7:hover span{
    background-image: url(../images/lc7_h.png);
}
.ul-process li.s8:hover span{
    background-image: url(../images/lc8_h.png);
}
.n_wx_intro{
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 2em;
    padding-bottom: 85px;
}
.n_wx_intro img{
    display: block;
    margin: 0 auto 0;
    padding:50px 0;
}
.wx_hy{
    background: #f5f5f5;
    padding:50px 0 80px 0;
}
.wx_hy ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:70px 0 0 0;
}
.wx_hy ul li{
    width: 10.5%;
    margin:1%;
    text-align: center;

}
.wx_hy ul li .wxhy{
    height: 116px;
    width: 116px;
    border-radius: 50%;
    border:1px solid #999;
    padding-top: 85px;
}
.wx_hy ul li:nth-child(1) .wxhy{
    background: url(../images/hy1.png) no-repeat center 30px;
}
.wx_hy ul li:nth-child(2) .wxhy{
    background: url(../images/hy2.png) no-repeat center 30px;
}
.wx_hy ul li:nth-child(3) .wxhy{
    background: url(../images/hy3.png) no-repeat center 30px;
}
.wx_hy ul li:nth-child(4) .wxhy{
    background: url(../images/hy4.png) no-repeat center 30px;
}
.wx_hy ul li:nth-child(5) .wxhy{
    background: url(../images/hy5.png) no-repeat center 30px;
}
.wx_hy ul li:nth-child(6) .wxhy{
    background: url(../images/hy6.png) no-repeat center 30px;
}
.wx_hy ul li:nth-child(7) .wxhy{
    background: url(../images/hy7.png) no-repeat center 30px;
}
.wx_hy ul li:nth-child(8) .wxhy{
    background: url(../images/hy8.png) no-repeat center 30px;
}
.wx_hy ul li:hover .wxhy{
    border:1px solid #0274ba;
    color: #fff;
}
.wx_hy ul li:nth-child(1):hover .wxhy{
    background: url(../images/hy1_h.png) no-repeat center 30px #0274ba;
}
.wx_hy ul li:nth-child(2):hover .wxhy{
    background: url(../images/hy2_h.png) no-repeat center 30px #0274ba;
}
.wx_hy ul li:nth-child(3):hover .wxhy{
    background: url(../images/hy3_h.png) no-repeat center 30px #0274ba;
}
.wx_hy ul li:nth-child(4):hover .wxhy{
    background: url(../images/hy4_h.png) no-repeat center 30px #0274ba;
}
.wx_hy ul li:nth-child(5):hover .wxhy{
    background: url(../images/hy5_h.png) no-repeat center 30px #0274ba;
}
.wx_hy ul li:nth-child(6):hover .wxhy{
    background: url(../images/hy6_h.png) no-repeat center 30px #0274ba;
}
.wx_hy ul li:nth-child(7):hover .wxhy{
    background: url(../images/hy7_h.png) no-repeat center 30px #0274ba;
}
.wx_hy ul li:nth-child(8):hover .wxhy{
    background: url(../images/hy8_h.png) no-repeat center 30px #0274ba;
}
.wx_hy2{
    background: url(../images/wx_bg2.jpg) no-repeat;
    padding:65px 0 40px 0;
}
.wx_hy2 h1{
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    text-align: center;
}
.wx_hy2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:60px 0 40px 0;
}
.wx_hy2 ul li{
    margin:0 15px;
}
.wx_hy2 ul li img{
    width: 100%;
}
.wx_ty{
    background:#f5f5f5;
    padding:70px 0 55px 0;
}
.wxty{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:30px 0 0 0;
}
.wx-exp-box{
    width: 126px;
    margin-top: 34px;
    position: relative;
    /*margin-left: 70px;*/
    margin:10px 25px;
}
/*.wx-exp-box:nth-child(6n+1){
    margin-left: 0;
}*/
.wxe-box-img{
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
}
.wxe-box-img img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    /*filter: grey;*/
}
.wx-exp-box:hover .wxe-box-img img{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
.wxe-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    opacity: 0.4;

}
.wx-exp-box:hover .wxe-dark{
    opacity: 1;
    background: none;
}
.wxe-box-p{
    font-size: 18px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
}
.wx-exp-box:hover .wxe-box-p{
    color: #333333;
}
.wxe-code{
    position: absolute;
    left: 0;
    top: -146px;
    width: 100%;
    height: 138px;
    background: url("../images/wxe-code-bg.png") no-repeat center top;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
    /*opacity: 0;*/
}
.wxe-code img{
    margin-top: 4px;
}
.wx-exp-box:hover .wxe-code{
    display: block;
    opacity: 1;
    z-index: 2;
}
.wx_kflc{
    padding:50px 0 20px 0;
}
.index_title1 h3{
    font-weight: normal;
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}
.wx_kflc img{
    width: 100%;
    margin:45px 0 0 0;
}
.ds1{
    width: 100%;
    padding:50px 0;
}
.ds1 img{
    width: 100%;
}
.ds_intro{
    text-align: center;
    color: #333;  
    padding-bottom: 50px;
}
.ds_intro h1{
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
}
.ds_intro p{
    font-size: 14px;
    line-height: 2em;
    padding-bottom: 40px;
}
.ds_hx{
    background: #f5f5f5;
    padding:40px 0;
    text-align: center;
}
.ds_hx img{
    margin-top: 30px;
}
.ds_xt{
    padding:50px 0;
    text-align: center;
}
.ds_xt img{
    margin-top: 60px;
}
.ds_ty{
    background: #f5f5f5;
    padding:40px 0;
    text-align: center;    
}
.ds_ty img{
    margin-top: 80px;
}
.rjdzkf{
    padding:55px 0 60px 0;
    display: flex;
    flex-wrap: wrap;
}
.rjdzkf li{
    width: 23.5%;
    margin-right: 2%;
    color: #fff;
    text-align: center;
    padding:50px 3% 0;
    height: 300px;
    overflow: hidden;
}
.rjdzkf li:last-child{
    margin-right: 0;
}
.rjdzkf li h3{
    font-size: 26px;
}
.rjdzkf li .line1{
    width: 48px;
    height: 4px;
    margin:20px auto 20px;
    background: #fff;
}
.rjdzkf li p{
    font-size: 14px;
    line-height: 2em;
}
.rjdzkf li:nth-child(1){
    background: #a4d001;
}
.rjdzkf li:nth-child(2){
    background: #0098e3;
}
.rjdzkf li:nth-child(3){
    background: #01bdc6;
}
.rjdzkf li:nth-child(4){
    background: #e4aa00;
}
.rjkf_title1 h1{
    background: url(../images/title5.png) no-repeat center;
}
.rjkf_title2 h1{
    background: url(../images/title6.png) no-repeat center;
}
.rjkf_title2 h3{
    color: #fff;
}
.rjyy{
    background: url(../images/rjkf_bg1.jpg) no-repeat;
    padding: 50px 0 30px 0;
    background-size: cover;
}
.rjyy_list{
    display: flex;
    flex-wrap: wrap;
    padding:10px 0 0px 0;
}
.rjyy_list li{
    margin:30px 80px;
    text-align: center;

}
.rjyy_list li h3{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-top: 20px;    
}
.rjkf_ys{
    background: #f5f5f5;
    text-align: center;
    padding:60px 0;
}
.rjkf_ys img{
    margin:45px 0 0 0;
}
.rjkf_zdyy{
    padding:50px 0;
}
.rjkf_content{
    display: flex;
    flex-wrap: wrap;
    padding-top: 100px;
}
.rjkf_content img{
    width: 100%;
}
.rjkf_content_l{
    width: 50%;
}
.rjkf_content_r{
    width: 50%;
}

@media(max-width:1560px){
    .n_banner_text2 p{
        width:60%;
    }
}
@media(max-width: 1199px){

    .pp_fa2{
        display: none;
    }
    .ppjs{
        width: 100%;
        padding:30px 0;
        margin:0 auto;
    }
    .pp_td{
        padding:30px 0;
    }
    .ppjs{
        width: 98%;
        box-sizing: border-box;
    }
    .yy_td{
        height: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .yy_td li{
        position: relative;
        width: 32%;
        margin:.65%;
        left: 0;
        top:0;
    }
    .yy_td li:nth-child(1){
        left:0;
    }
    .yy_td li:nth-child(2){
        left:0;
    }
    .yy_td li:nth-child(3){
        left:0;
    }
    .yy_td li .text h3{
        margin-bottom: 15px;
    }
    .yy_td li .text p span{
        width: 100%;
    }
    .ys_gn{
        padding:50px 0;
    }
    .ul-process{
        margin:50px 0;
    }
    .ul-process li{
        padding:0;
    }
    .ul-process li:after{
        display: none;
    }
    .wx_kflc{
        display: none;
    }
    .wx_hy2 ul li{
        margin:0 10px;
    }
    .wx-exp-box{
        margin:10px 20px;
    }
    .rjdzkf li{
        padding:50px 1% 0;
    }
    .rjyy_list li{
        margin:30px 60px;
    }
}
@media(max-width: 1024px){
    .wzjs_sort1 .more1,.wzjs_sort li .more1{
        display: none;
    }
    .f_mess{
        padding:50px 0;
        background-size: cover;
    }
    .f_mess h2{
        margin-bottom: 30px;
    }
    .f_form{
        flex-wrap: wrap;
        justify-content: left;
    }
    .f_form li{
        width: 48%;
        margin:1%;
    }
    .f_form_btn{
        margin: 1%;
    }

}
@media(max-width: 768px){
    .wzjs_sort1 .text{
        top:8%;
        left:10%;
    }
    .wzjs_sort1 p span{
        margin-top: 10px;
    }
    .wzjs_sort li .text{
        top:5%;
        left:3%;
        width: 94%;
    }
    .wzjs_sort li .text h3{
        font-size: 28px;
    }
    .wzjs_container{
        padding:50px 0;
    }
    .wzjs_intro p{
        width: 100%;
    }
    .pp_td li:hover .text{
        height: 250px;
    }
    .n_banner_text2 p{
        width: 90%;
    }
    .ul-process{
        margin:30px 0;
    }
    .ul-process li{
        width: 25%;
        margin-bottom: 20px;
    }
    .wzjs1_title3 p{
        font-size: 22px;
    }
    .wzjs1_title3 h1{
        font-size: 24px;
    }
    .n_wx_intro{
        padding-bottom: 50px;
    }
    .n_wx_intro img{
        width: 100%;
    }
    .wx_hy{
        padding:50px 0;
    }
    .wx_hy ul{
        margin-top: 30px;
    }
    .wx_hy ul li{
        width: 23%;
    }
    .wx_hy2{
        background-size: cover;
    }
    .wx_hy2 ul li{
        width: 30%;
        margin:1.65%;
    }
    .ds1{
        padding:30px 0;
    }
    .ds_intro h1{
        font-size: 24px;
    }
    .ds_intro img{
        width: 100%;
    }
    .ds_hx img{
        width: 100%;
    }
    .dspt_banner p{
        line-height: 1.6em;
    }
    .rjdzkf{
        padding:30px 0;
    }
    .rjdzkf li{
        width: 48%;
        margin: 1%;
    }
    .rjyy_list li{
        margin:20px 35px;
    }
    .rjkf_ys img{
        width: 100%;
    }
    .rjkf_content{
        padding-top: 50px;
    }
    .f_mess{
        padding:30px 0 0 0;
    }
}
@media(max-width: 640px){
    .wzjs_intro h2{
        font-size: 20px;
    }
    .wzjs_sort1 .text{
        top:25%;
    }
    .wzjs_sort1 p{
        display: none;
    }
    .wzjs_sort li .text{
        top:25%;
    }
    .wzjs_sort li .text p{
        display: none;
    }
    .wzjs_list1 li{
        width: 33.333333%;
    }
    .wzjs_list1 li.on{
        width: 66.666666%;
    }
    .wzjs_list1 li .t1{
        margin-top: 15px;
    }
    .wzjs_list1 li .t2{
        padding:12px 0;
        margin:0px auto;
    }
    .wzjs_sort li .text h3{
        font-size:24px;
    }
    .f_mess h2{
        font-size: 28px;
    }
    .f_form li{
        width: 100%;
        margin:0 0 20px 0;
        box-sizing: border-box;
    }
    .f_form_btn{
        margin:0 auto 50px;
    }
    .pp_td li{
        width: 48%;
        margin:1%;
    }
    .pp_td li:hover .text{
        height: 80px;
    }
    .index_title1 span{
        background: none;
    }
    .pp_fa{
        background-size: cover;
        padding:50px 0;
    }
    .pp_fa_intro{
        margin:20px auto 0;
        color: #333;
        width: 90%;
    }
    .n_banner_text2 p,.n_banner_text7 p{
        width: 98%;
        line-height: 1.2em;
        display:none;
    }
    .yy_td li{
        width: 100%;
        margin:0 0 20px 0;
    }
    .ys_gn ul{
        padding:15px 0 0 0;
    }
    .ys_gn ul li{
        padding:50px 0 0 0;
        margin-top: 25px;
    }
    .wzjs1_title3 p{
        font-size: 16px;
    }
    .wzjs1_title3 h1{
        background: none;
    }
    .ys_dw{
        background-size: cover;
        padding:50px 0;
    }
    .ys_dw ul{
        margin:10px auto 0;
        width: 100%;
    }
    .ys_dw ul li{
        width: 100%;
        border:none!important;
        padding:0!important;
        margin-bottom: 20px;
    }
    .ys_dw ul li:last-child{
        display: none;
    }
    .ul-process li{
        width: 32%;
        margin: .65%
    }
    .ppjs .n_relate h4{
        padding: 15px 0;
    }
    .n_wx_intro img{
        padding:20px 0;
    }
    .wx_hy ul li{
        width: 30%;
        margin:1.65%;
    }
    .wx_hy2{
        padding:40px 0;
    }
    .wx_hy2 ul{
        padding:25px 0;
    }
    .wx_ty{
        display: none;
    }
    .dspt_banner p{
        display: none;
    }
    .ds1{
        padding:15px 0;
    }
    .ds_intro{
        padding-bottom: 20px;
    }
    .ds_intro p{
        padding-bottom: 20px;
    }
    .ds_hx{
        padding:25px 0;
    }
    .ds_xt{
        padding:30px 0;
    }
    .ds_xt img{
        margin-top: 30px;
        width: 100%;
    }
    .ds_ty img{
        margin-top: 30px;
        width: 100%;        
    }
    .rjdzkf li .line1{
        margin:10px auto 10px;
    }
    .rjyy_list li{
        margin:15px 20px;
    }
    .rjyy_list li h3{
        margin-top: 10px;
    }
    .rjkf_ys{
        padding:30px 0;
    }
    .rjkf_zdyy{
        padding:30px 0;
    }
    .rjkf_content{
        padding-top: 20px;
    }
    .rjkf_content_l{
        width: 100%;
    }
    .rjkf_content_r{
        width: 100%;
    }
}




/*营销推广*/
.section{
    position: relative;
}
.section .head{
    top:0px;
    left:0;
}
.section.footerss .fp-tableCell{
    display: block!important;
}
/*.active .head{*/
/*    top:100px;*/
/*}*/
#fullPage-nav{
    display: none!important;
}
.f_section{
    background: #383637;
}
.f_section .footer{
    padding:140px 0 70px 0;
}
.n_yxtg{
    width: 100%;
    height: 100%;
}
.n_yxtg img{
    width: 100%;
    height: 100%;
    max-width: 1920px;
}
.yx_text1{
    position: absolute;
    z-index: 9;
    color: #fff;
    top:30%;
    left:7.8%;
    width: 535px;
}
.yx_text1 h1{
    font-size: 40px;
}
.yx_text1 .line1{
    width: 60px;
    height: 6px;
    background: #fff;
    margin:10px 0 20px;
}
.yx_text1 h2{
    font-size: 24px;
}
.yx_text1 p{
    font-size: 16px;
    line-height: 1.8em;
}
.yx_text1 a{
    display: block;
    width: 194px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;

    text-align: center;
    margin:95px 0 0 0;
    border:1px solid #fff;
}
.yx_text1 a:hover{
    background: #fff;
    color: #333;
}
.yx_text2{
    position: absolute;
    z-index: 9;
    color: #fff;
    top:30%;
    right:7.8%;
    width: 535px;
}
.yx_text2 h1{
    font-size: 40px;
    text-align: right;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 16px;
}
.yx_text2 h1:after{
    content: '';
    position: absolute;
    right:0;
    bottom:0;
    width: 60px;
    height: 6px;
    background: #fff;
}
.yx_text2 p{
    font-size: 16px;
    line-height: 1.8em;
}
.yx_text2 a{
    display: block;
    width: 194px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;

    text-align: center;
    margin:95px 0 0 0;
    border:1px solid #fff;
}
.yx_text2 a:hover{
    background: #fff;
    color: #333;
}
.yytg_banner p{
    /*width: 60%;*/
    /*margin: 10px auto 0;*/
}
.n_cddyh{
    padding: 55px 0 95px 0;
    display: flex;

}
.n_cddyh li{
    margin-right: 2px;
    border:1px solid #e5e5e5;
    width: 25%;
    padding:50px 22px 0;
    text-align: center;
    height: 440px;
}
.n_cddyh li h3{
    font-size: 24px;
    color: #333;
    font-weight: normal;
    margin:25px 0;
}
.n_cddyh li p{
    font-size: 14px;
    color: #4c4c4c;
}
.n_cddyh li:hover{
    background:#0068b7;
}
.n_cddyh li:hover h3{
    color:#fff;
}
.n_cddyh li:hover p{
    color:#fff;
}
.n_cddys{

}
.n_cddys ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:70px 0;
}
.n_cddys ul li{
    width: 28%;
    margin:1.5% 2.65%;
    text-align: center;
}
.n_cddys ul li h3{
    padding:25px 0 20px 0;
    font-size: 18px;
    color: #333;
    position: relative;
    margin-bottom: 15px;
}
.n_cddys ul li h3:after{
    content: '';
    width: 46px;
    height: 4px;
    background:#0068b7;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom:0;
}
.n_cddys ul li p{
    font-size: 14px;
    color: #333;
}
.n_cddgn{
    padding:75px 0 70px 0;
    background:url(../images/cdd_bg1.jpg) no-repeat;
    background-size: cover;
}
.n_cddgn .index_title1{
    color: #fff;
}
.n_cddgn ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 60px;
}
.n_cddgn ul li{
    width: 33.3333%;
    max-height: 200px;
    overflow: hidden;
}
.n_cddgn ul li a.img{
    display: block;
    overflow: hidden;
    width: 50%;
    float:left;
}
.n_cddgn ul li a.img img{
    width: 100%;
}
.n_cddgn ul li .text1{
    width: 50%;
    color: #fff;
    float:right;
    padding:20px 15px 0;
}
.n_cddgn ul li .text1 h3{
    font-size: 18px;
    padding:0 0 12px 0;
    margin:0 0 12px 0;
    font-weight: normal;
    position: relative;
}
.n_cddgn ul li .text1 h3:after{
    width: 46px;
    height: 4px;
    background: #fff;
    content: '';
    left: 0;
    bottom:0;
    position: absolute;
}
.n_cddgn ul li .text1 p{
    font-size: ;
}
.n_cddgn ul li a.img2{
    float: right;
}
.n_cddgn ul li .text2{
    float: left;
}
.n_cddgn ul li:nth-child(1){
    background:#0068b7;
}
.n_cddgn ul li:nth-child(2){
    background:#2cbcb1;
}
.n_cddgn ul li:nth-child(3){
    background:#ec6941;
}
.n_cddgn ul li:nth-child(4){
    background:#65bc46;
}
.n_cddgn ul li:nth-child(5){
    background:#ffb400;
}
.n_cddgn ul li:nth-child(6) {
    background:#42668f;
}
.cdd_ss{
    background: url(../images/table1.jpg) no-repeat;
    padding: 25px 0 50px 0;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.cdd_ss:after{
    content: '';
    position: absolute;
    z-index: 1;
    background: #000;
    opacity: 0.55;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
.cdd_title1{
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 9;
}
.cdd_title1 h2{
    margin-bottom: 10px;
    font-size: 26px;
}
.cdd_title1 p{
    font-size: 16px;
}
.cdd_title1 h1{
    font-size: 24px;
    margin:50px 0 30px 0;
    font-weight: normal;
}
.cdd_table{
        position: relative;
    z-index: 9;
}
.cdd_table1{
        width: 48%;
    float: left;
}
.cdd_table1 table{
    color: #fff;
    background-color: rgba(255, 255, 255, .4);
}
.cdd_table1 table td{
    border: 1px solid rgba(0, 0, 0, .4);
}
.cdd_table1 table tr:first-child td{
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cdd_table1 table tr td{
    padding: 3px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cdd_table2{
    float: right;
}

.content_title h2 {
    margin-bottom: 60px;
    font-size: 26px;
    padding-top: 25px;
    text-align: center;
}
.process1{
    min-height: 420px;
}
.process_cont .swiper-container {
    margin-bottom: 20px;
    width: 100%;
    height: 280px;
}
.process_cont .swiper-container .swiper-wrapper {
    width: 100%;
}
.process_cont .process_box {
    width: 1170px;
    zoom: 1;
}
.process_cont .process_box:after {
    content: "";
    display: block;
    clear: both;
}
.process_item {
    float: left;
    width: 10%;
}
.process_item .process_icon {
    margin: 0 auto;
    margin-bottom: 28px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #a49a9a;
    background-color: #eeeff1;
    transition: .35s;
}
.process_item .process_icon .iconfont {
    font-size: 28px;
}
.process_item .process_line {
    border-bottom: 1px dashed #817a7a;
}
.process_item .process_dot {
    position: relative;
    top: -7px;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    border: 4px solid #bbbbbb;
    transition: .35s;
        direction: ltr;
}
.process_item .process_txt {
    margin-bottom: 0;
    padding-top: 20px;
    font-size: 12px;
    color: #554e4e;
    transition: .35s;
}
.process_item .process_txt dt {
    line-height: 24px;
}
.process_item .process_txt dd {
    line-height: 20px;
}
.process_item.process_item_line {
    width: 12%;
    margin: 0 2px;
}
.process_item_line .process_icon {
    background-color: transparent;
}
.process_item_hover:hover .process_icon,
.process_item_hover.active .process_icon {
    color: #ffffff;
    background-color: #0e85bf;
}
.process_item_hover:hover .process_dot,
.process_item_hover.active .process_dot {
    border-color: #0e85bf;
    background-color: #ffffff;
}
.process_item_hover:hover .process_txt,
.process_item_hover.active .process_txt {
    padding-top: 10px;
}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1519711382005'); /* IE9*/
  src: url('iconfont.eot?t=1519711382005#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1519711382005') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1519711382005#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.img-circle {
    border-radius: 50%;
}
.text-center{
    text-align: center;
}
.text-center dt{
    font-weight: bold;
}

.cdd_pt{
    background-size: cover;
    background: url(../images/pt_bg.jpg) no-repeat;
    padding:20px 0 80px 0;
    position: relative;
}
.cdd_pt h2{
    margin-bottom: 10px;
    font-size: 26px;
    padding-top: 25px;
    color: #fff;
    text-align: center;
}
.cdd_pt h2 p{
    font-size: 16px;
    font-weight: normal;
}
#pt_qh{
    padding:30px 0 0 0;
}
#pt_qh .swiper-slide{
    background: none;
}
.pt_l{
    width: 50%;
}
.pt_r{
    color: #fff;
    text-align: left;
    width: 50%;
    padding-left: 15%;
}
.pt_r h3{
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 15px;
}
.pt_r p{
    font-size: 14px;
    line-height: 2em;
}
.cdd_pt .swiper-pagination{
    bottom: 10px;
    text-align: center;
    width: 100%;
}
.cdd_pt .swiper-pagination-bullet{
    background: #c3c3c3;
    margin:0 5px;
    opacity: 1;
}
.cdd_pt  .swiper-pagination-bullet-active{
    background: #007aff;
}
.yx1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:50px 0 90px 0;
}
.yx1 li{
    width: 21%;
    margin:1%;
    text-align: center;
    color: #333;
    padding:40px 1% 50px;
    border:1px solid #dbdbdb;
}
.yx1 li a.img{
    height: 130px;
    display: block;
    margin: 0 auto;
}
.yx1 li h3{
    font-size: 20px;
    font-weight: normal;
    margin:0px 0 20px 0;
}
.yx1 li p{
    font-size: 14px;
}
.yx1 li:hover{
    border:1px solid #00a0e9;
    box-shadow: 0px 0px 15px #00a0e9;
}
.yx2{
    background: url(../images/yx_bg2.jpg) no-repeat;
    background-size: cover;
    padding:40px 0;
}
.yx2 h2{
    text-align: center;
    color: #fff;
    font-size: 36px;
}
.yx2 h2 p{
    font-size: 12px;
}
.tab2li{
    margin: 45px 0 30px 0;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tab2li li{
    margin:;
    width: 100px;
    line-height: 32px;
    border:1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin:0 14px;
    border-radius: 25px;
    cursor: pointer;
}
.tab2li li:hover{
    background:#0274ba;
    border:1px solid #0274ba; 
}
.tab2li li.on{
    background:#0274ba;
    border:1px solid #0274ba; 
}
.tab2{
    width: 90%;
    margin: 0 auto;
    background: rgba(255,255,255,.7);
    box-sizing: border-box;
    padding:45px 40px;
    color: #333;
    display: none;
}
.txyx_list{
    display: flex;
    flex-wrap: wrap;
}
.txyx_list li{
    display: flex;
    width: 33.33%;
    margin-bottom:50px;
}
.txyx_list li a.img{
    margin-right: 10px;
}
.txyx_list li a.img img{

}
.txyx_list li .text{

}
.txyx_list li .text h3{
    font-size: 16px;
    padding:5px 0 3px 0;
}
.txyx_list li .text p{
    font-size: 14px;
}
.txyx_list_intro{
    font-size: 14px;

}
.yx3{
    padding:70px 0 60px 0;
}
.yx3 h2{
    font-size: 30px;
    color: #333;
    text-align: center;
    font-weight: normal;
}
.yx3 p{
    font-size: 14px;
    margin-top: 20px;
}
.yxfa{
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.yxfa li{
    margin-top: 20px;
    border:1px solid #dbdbdb;
    width: 24%;
    margin:20px 2.65% 0;
    padding:55px 15px 50px;
    text-align: center;
}
.yxfa li img{
    
}
.yxfa li h3{
     font-size: 24px;
     font-weight: normal;
}
.yxfa li p{
    text-align: left;
}
.yx4{
    background: #f8f9fb;
    padding:50px 0;
}
.yx4 h2{
    font-size: 30px;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-bottom: 45px;
}
.yx4 h2 p{
    font-size: 14px;
    margin-top: 15px;
}
.yx4_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.yx4_list li{
    text-align: center;
    padding:0 0 50px 0;
    width: 20%;
    margin: 0 45px;
    background: #fff;
}
.yx4_list li h3{
    line-height: 136px;
    font-size: 24px;
    color: #fff;

}
.yx4_list li p{
    color: #666;
    font-size: 14px;
    margin:15px 0 5px 0;
    line-height: 2em;
}
.yx4_list li:nth-child(1) h3{
    background: #317fc6;
}
.yx4_list li:nth-child(2) h3{
    background: #23c069;
}
.yx4_list li:nth-child(3) h3{
    background: #7099cd;
}
.yx5{
    padding:50px 0;
    text-align: center;
}
.yx5 h2{
    font-size: 30px;
    color: #333;
    font-weight: normal;
    margin-bottom: 60px;
}
.yx5 h2 span{
    color: #0274ba;
}
.qytg_title1{
    text-align: center;
}
.qytg_title1 p{
    font-size: 30px;
    color: #333;
}
.qytg_title1 h1{
    font-size: 40px;
    color: #0d6fb8;
    background: url(../images/title7.png) no-repeat center;
}
.tg1 li a.img{
    height: 100px;
}
.qytg2{
    background: #fafafa;
    padding:50px 0;
}
.qytg_title2{
    text-align: center;
    color: #333;
}
.qytg_title2 h1{
    font-size: 30px;
    font-weight: normal;
        background: url(../images/title8.png) no-repeat center;
}
.qytg_title2 p{
    font-size: 14px;
    margin-top: 15px;
}
.tgsy_list{
    display: flex;
    flex-wrap: wrap;
    padding:50px 0;
}
.tgsy_list li{
    width: 25%;
    text-align: center;
    padding: 30px 0;
}
.tgsy_list li img{
    margin-bottom: 20px;
}
.tgsy_list li p{
    font-size: 18px;
    color: #333;
}
.tgsy_list li:hover{
    box-shadow: 0px 0px 10px #ccc;
}
.qytg3{
    background: url(../images/tg_bg1.jpg) no-repeat;
    padding:50px 0 0 0;
    height: 550px;
}
.qytg3 .qytg_title1 h1{
    color: #fff;
}
.qytg3 .qytg_title1 p{
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}
.qytg3_list{
    position: relative;
    height: 315px;
    margin-top: 65px;
}
.qytg3_list li{
    position: absolute;
    font-size: 18px;
    color: #fff;

}
.qytg3_list li:nth-child(1){
    left: 205px;
    top: 40px;
    text-align: right;
}
.qytg3_list li:nth-child(2){
    left: 815px;
    top: 40px;
}
.qytg3_list li:nth-child(3){
    left: 275px;
    top: 205px;
    text-align: right;
}
.qytg3_list li:nth-child(4){
    left: 815px;
    top:205px;
}
.qytg4{
    padding:65px 0 50px 0;
}
.gytg_content{
    margin-top: 80px;
    background: url(../images/tg_bg2.jpg) no-repeat;
    height: 357px;
}
.qytg4_list{
    display: flex;
    position: relative;
    justify-content: center;
    z-index: 9;
    margin:0 0 40px 0;
}
.qytg4_list li{
    width: 103px;
    height: 103px;
    border:1px solid #e8e8e8;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-radius: 50%;
    margin:0 24px;
    background: #fafafa;
    position: relative;
    z-index: 99;
}
.qytg4_list li span{
    display: block;
    font-size: 30px;
    color: #666;
    font-weight: bold;
    padding-top: 15px;

}
.qytg4_list li:hover{
    background: #0274ba;
    border:1px solid #0274ba;
    color: #fff;
}
.qytg4_list li:hover span{
    color: #fff;
}
.qytg4_list .line1{
    width: 70%;
    height: 1px;
    position: absolute;
    border-bottom:1px dashed #0274ba;
    left: 15%;
    top:50%;
    z-index: 8;
}
.gytg4_intro{
    background: rgba(0,0,0,.5);
    width: 600px;
    margin: 0 auto 0;
    color: #fff;
    font-size: 14px;
    line-height: 2em;
    padding:45px 55px;
}


.zhyy_title1 h1{
    background: url(../images/title2.png) no-repeat center;
    font-size: 32px;
}
.zhyx1{
    display: flex;
    flex-wrap: wrap;
    padding:50px 0;
}
.zhyx1_img{
    width: 40%;
}
.zhyx1_img img{
    width: 100%;
}
.zhyx_text{
    color: #333;
    width: 50%;
    padding:5% 5% 0;
}
.zhyx_text h3{
    font-size: 40px;

}
.zhyx_text p{
    font-size: 18px;
}
.zhyx2{
    display: flex;
    flex-wrap: wrap;
    padding:50px 0;
    background: linear-gradient(#5085e5,#2e49b9);
    flex-direction:row-reverse;
}
.zhyx2  .zhyx1_img{
    padding-right: 5%;
}
.zhyx2 .zhyx_text{
    color: #fff;
    width: 50%
}
.zhyx3{
    display: flex;
    flex-wrap: wrap;
    padding:50px 0;

}
.zhyx3 .zhyx_text h3{
    color: #0d6fb8;
    margin-bottom: 20px;
}
#fp-nav li span{
    background: #fff!important;
    font-size: 0;
}
#section_footer{
    display: block!important;
}
@media(max-width: 1199px){
    /*.n_yxtg img{*/
    /*    opacity:0;*/
    /*}*/
    /*.n_yxtg1{*/
    /*    background: url(../images/yxtg_bg1.png) no-repeat ;*/
    /*    background-size: cover;*/
    /*    height: 100%;*/
    /*}*/
    /*.n_yxtg2{*/
    /*    background: url(../images/yxtg_bg2.png) no-repeat;*/
    /*    background-size: cover;*/
    /*    height: 100%;*/
    /*}*/
    /*.n_yxtg3{*/
    /*    background: url(../images/yxtg_bg3.png) no-repeat;*/
    /*    background-size: cover;*/
    /*    height: 100%;*/
    /*}*/
    /*.n_yxtg4{*/
    /*    background: url(../images/yxtg_bg4.png) no-repeat right center;*/
    /*    background-size: cover;*/
    /*    height: 100%;*/
    /*}*/
    .f_section{
        display: none!important;
    }
    .yx_text1{
        color: #fff;
    }
    .yx_text2{
        /*color: #333;*/
    }
    #fp-nav{
        display: none;
    }
    .yytg_banner p{
        width: 80%;
        margin: 10px auto 0;
    }
    .n_cddyh li h3{
        font-size: 18px;
    }
    .process_cont .process_box{
        width: 100%;
    }
    .qytg3{
        display: none;
    }
    .qytg4{
        display: none;
    }
    .yx1{
        padding:30px 0;
    }
    .yx1 li{
        width: 23%;
    }
}
@media(max-width: 768px){
    .yx_text1,.yx_text2{
        top:15%;
    }
    .yytg_banner p{
        width: 90%;
        margin: 10px auto 0;
    }
    .n_cddgn{
        padding:30px 0;
    }
    .n_cddgn ul{
        padding: 30px 0 0 0;
    }
    .n_cddgn ul li .text1{
        padding: 5px 5px 0;
    }
    .n_cddgn ul li .text1 h3{
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }
    .process_item.process_item_line{
        width: 11.5%;
    }
    .n_cddyh{
        flex-wrap: wrap;
    }
    .n_cddyh li{
        width: 48%;
        margin: 1%;
        height: 380px;
    }
    .yx1{
        padding:30px 0;
    }
    .yx1 li{
        width:23%;
    }
    .tab2{
        width: 100%;
        padding:25px 20px;
    }
    .yx3{
        padding:40px 0;
    }
    .yxfa li{
        width: 28%;
    }
    .yx4 h2{
        margin-bottom: 30px;
    }
    .yx5 h2{
        margin-bottom: 30px;
    }
    .yx4_list li{
        width: 28%;
        margin:0 20px;
    }
    .yx5 img{
        width: 100%;
    }
    .tgsy_list li{
        width: 33.3333%;
        padding:15px 0;
    }

}
@media(max-width: 640px){
    .yx_text1,.yx_text2{
        width: 90%;
        left: 5%;
        top:20%;
    }
    .yx_text1 a{
        margin:30px 0 0 0;
    }
    .yytg_banner p{
        width: 96%;
        margin: 0px auto 0;
    }
    .yytg_banner img{
        height: 210px;
    }
    .n_cddyh{
        padding:30px 0;
    }
    .n_cddyh li{
        width: 98%;
    }
    .n_cddys ul{
        padding:30px 0;
    }
    .n_cddys ul li{
        width: 48%;
        margin:15px 1%;
    }
    .n_cddys ul li h3{
        font-size: 16px;
    }
    .n_cddgn ul li{
        width: 100%;
    }
    .cdd_title1 h1{
        margin:25px 0;
    }
    .cdd_table1,.cdd_table2{
        width: 100%;
        float: none;
    }
    .process1{
        display: none;
    }
    .cdd_pt{
        padding:30px 0;
    }
    #pt_qh .swiper-slide{
        flex-wrap: wrap;
    }
    .pt_l,.pt_r{
        width: 100%;
        margin-bottom: 20px;
    }
    .yx1 li{
        width: 48%;
    }
    .yx1 li h3{
        font-size: 18px;
    }
    .tab2li li{
        margin: 5px 10px;
    }
    .txyx_list li{
        width: 100%;
        margin:15px 0;
    }
    .yx3 h2{
        font-size: 24px;
    }
    .yxfa li{
        width: 48%;
        margin:1%;
    }
    .yxfa li img{
        width: 90%;
        display: block;
        margin: 0 auto;
        height: 85px;
    }
    .yx4_list li {
        width: 48%;
        margin: 1%;
    }
    .qytg_title1 h1{
        background: none;
         font-size: 24px;
    }
    .qytg_title2 h1{
        background: none;
        font-size: 24px;
    }
    .tgsy_list{
        padding:30px 0;
    }
    .tgsy_list li{
        width: 48%;
        padding:15px 1%;
    }
    .tgsy_list li p{
        font-size: 16px;
    }
    .yytg_banner h1{
        font-size: 32px;
    }
    .yytg_banner p{
        display: none;
    }
    .yx_text1 h1{
        font-size:24px;
    }
}

/*product_list*/
.product_list{

}
.product_list li{
    float: left;
    width: 23%;
    margin:1%;
}
.product_list li a.img{
    display: block;
    width: 100%;
    overflow: hidden;
}
.product_list li img{
    width: 100%;
    transition: all .6s ease-out;
}
.product_list li:hover a.img img{
    transform: scale(1.1);
    transition: all .6s;
}
.product_list li h3 a{
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 2em;
    text-align: center;
    display: block;
    padding-top: 10px;
}


@media(max-width: 1199px){

}
@media(max-width: 768px){
    .product_list li{
        width: 30%;
        margin:1.65%;
    }    
}
@media(max-width: 640px){
    .product_list li{
        width: 48%;
        margin:1%;
    }       
}


.ly-ani-up,
.ly-ani-left,
.ly-ani-down,
.ly-ani-right {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .7s;
            transition-duration: .7s;
}
.ly-ani-left {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
}
.ly-ani-up {
    -webkit-transform: translateY(1500px);
            transform: translateY(1500px);
}
.ly-ani-down {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
}

.ly-ani-right {
    -webkit-transform: translatex(100px);
            transform: translatex(100px);
}

.actives .ly-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.active .ly-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.active .ly-ani-up {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.active .ly-ani-down {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.active .ly-ani-right {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.delay1 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
}
.delay2 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
}

h1.title{
    font-size: 22px;
    color: #333;
    text-align: center;
    padding:2em 0 0.5em 0;
    font-weight: normal;
}
.info_title{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    font-weight: normal;
    margin-bottom: 2em;
    border-bottom: 1px solid #e5e5e5;
}
h3.tag{
    font-size: 16px;
    color: #666;
    font-weight: normal;
}
.page{
    width: 100%;
    border-top: 1px solid #eee;
    color: #999;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    margin-top: 34px;
    padding-top: 20px;
   
}
.page a{
    color: #666;  
}

@media(max-width: 768px){
    h1.title{
        font-size: 18px;
    }
}
.n_sort2{
	background:#f3f3f3;
justify-content: center;
display:flex;
padding:30px 0 0 0;
}
.n_sort2 a{
display:block;
font-size:16px;
border:1px solid #dbdbdb;
padding:5px 15px;
margin:5px 10px;
border-radius:25px;
}
.n_sort2 a:hover{
	color:#fff;
	background:#0274ba;
}
.n_sort2 a.on{
	color:#fff;
	background:#0274ba;
}

.ppjs2{
	background:#f3f3f3;
	display: none;
}
.n_site{
    width: 1350px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 14px;
}
.n_site img{
    width: 20px;
}
.new-float{
    position: fixed;right: -3px;
    top: 60%;
    z-index: 50;width: 77px;height: 374px;
    margin-top: -187px;
    
}
.new-float li{
    position: relative;width: 77px;
    height: 57px;margin-bottom: 1px;
    line-height: 20px;color: #fff;
    text-align: center;
    
}
.new-float li.hover{
    /*overflow: hidden;*/
    
}
.new-float li a{
    display: inline-block;color: #fff;
    
}
.new-float li a.tit{
    width: 77px;height: 56px;padding: 30px 10px 0 0;
    color: #fff;font-size: 12px;   
    box-sizing: border-box;
    
}
.new-float li p{
    position: relative;z-index: 2;
    height: 27px;padding-top: 30px;cursor: pointer;
    
}
.new-float li.fi{
    position: relative;
}
.new-float li.fi img{
    display: none;
    position: absolute;
    top:0;
    left: -168px;
    /*opacity: 0;*/
}
.new-float li.fi:hover img{
    display: block;
}
.new-float li.fi a{ 
    background:url(../images/on_line.png) no-repeat 0px 0px;
    
}
.new-float li.fxx a{
    background:url(../images/on_line.png) no-repeat 0px -172px;    
}
.new-float li.tp a{
    background:url(../images/on_line.png) no-repeat 0px -227px;
}
.new-float li.zx a{
    background:url(../images/on_line.png) no-repeat 0px -0px;
}
.new-float li.th a{
    background:url(../images/on_line.png) no-repeat 0px -57px;
    
}
.new-float li.fo a.tit{
    background:url(../images/on_line.png) no-repeat 0px -114px;
    
}
.new-float li.fif p{
    background: url(../img/bg_float05.png) no-repeat;
    
}
.new-float li .tel{
    position: absolute;left: 75px;top: 0;z-index: 1;width: 184px;
    height: 56px;font: 24px/57px Arial;color: #fff; 
    background:#5b5b5b;cursor: pointer;
    
}

.new-float a.mof{
    display: inline-block;width: 78px;height: 71px;padding: 12px 11px 0 12px;
    margin-top: 10px;*margin-top: 7px;background:url(../images/on_line.png) no-repeat 0px -239px;
    font-size: 15px;line-height: 22px;color: #fff;
    
}

@media(max-width:1560px){
    .ppjs,.n_site{
        width:90%;
    }
}
@media(max-width:1024px){
    .ppjs,.n_site{
        width:98%;
    }
    .new-float{
        display:none!important;
    }
}
@media(max-width:640px){

}

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#2b70bb;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #2b70bb;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #0274ba;
    vertical-align: middle;
    border: 1px solid #0274ba; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}



/*解决方案*/
.n_case1{
    background: #f7f7f7;    
}
.case {
	width:100%;

}
.case .box {
	max-width:1600px;
	margin:auto;
	display:table;
}
.case .box .case-list {
	width:100%;
	display:table;
	padding:40px 0 80px;
}
.case .box .case-list li {
	width:32.5%;
	height:550px;
	float:left;
	background:#fff;
	margin-right:1.25%;
	margin-bottom:20px;
	transition:all ease .5s;
}
.case .box .case-list li:nth-child(3n) {
	margin-right:0;
}
.case .box .case-list li a {
	width:100%;
	display:block;
}
.case .box .case-list li .img {
	width:100%;
	overflow:hidden;
	position:relative;
}
.case .box .case-list li .img:before {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/icon37.png) center center no-repeat;
	content:"";
	z-index:3;
	opacity:0;
	transition:all ease .5s;
}
.case .box .case-list li .img:after {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/icon40.png) center center no-repeat;
	content:"";
	z-index:2;
	opacity:0;
	transition:all ease .5s;
}
.case .box .case-list li .img img {
	width:100%;
	transition:all ease .5s;
}
.case .box .case-list li .tbox {
	width:100%;
	padding:30px;
}
.case .box .case-list li .tbox .t1 {
	font-size:22px;
	line-height:24px;
	color:#222;
	margin-bottom:24px;
	transition:all ease .5s;
}
.case .box .case-list li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-bottom:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case .box .case-list li .tbox .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	background:url(../images/icon38.png) 68px center no-repeat;
	transition:all ease .5s;
}
.case .box .case-list li:hover {
	box-shadow:0 0 25px 0 rgba(0,0,0,.15);
}
.case .box .case-list li:hover .img:before {
	opacity:1;
}
.case .box .case-list li:hover .img:after {
	opacity:1;
}
.case .box .case-list li:hover .img img {
	transform:scale(1.1);
}
.case .box .case-list li:hover .tbox .t1 {
	color:#21abd7;
}
.case .box .case-list li:hover .tbox .t3 {
	color:#222;
	background:url(../images/icon39.png) 68px center no-repeat;
}


.case-info {
	max-width:1680px;
	margin:-60px auto 80px;
	background:#fff;
	position:relative;
	z-index:2;
	padding:44px 30px 42px;
	display:table;
}
.case-info img{
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}
.case-info .leftbox {
	width:63%;
	float:left;
}
.case-info .leftbox .txt {
	font-size:14px;
	line-height:24px;
	color:#222;
}
.case-info .leftbox .other-solution {
	width:100%;
	border-top:1px solid #f1f1f1;
	margin-top:54px;
	padding-top:37px;
}
.case-info .leftbox .other-solution .t1 {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.case-info .leftbox .other-solution .list {
	width:100%;
	display:table;
	margin-top:12px;
}
.case-info .leftbox .other-solution .list li {
	width:33.3%;
	float:left;
	padding-left:15px;
	position:relative;
}
.case-info .leftbox .other-solution .list li:after {
	content:"";
	width:4px;
	height:4px;
	background:#999;
	position:absolute;
	left:0;
	top:21px;
}
.case-info .leftbox .other-solution .list li a {
	width:100%;
	display:block;
	font-size:16px;
	line-height:46px;
	transition:all ease .5s;
}
.case-info .leftbox .other-solution .list li:hover a {
	color:#21abd7;
}
.case-info .leftbox .other-case {
	margin-top:46px;
	border-top:1px solid #f1f1f1;
}
.case-info .leftbox .other-case .t1 {
	font-size:18px;
	line-height:30px;
	color:#999;
	margin-top:33px;
}
.case-info .leftbox .other-case .list {
	width:100%;
	display:table;
	margin-top:24px;
}
.case-info .leftbox .other-case .list li {
	float:left;
	width:31.7%;
	margin-right:2.45%;
}
.case-info .leftbox .other-case .list li:nth-child(3n) {
	margin-right:0;
}
.case-info .leftbox .other-case .list li a {
	width:100%;
	display:block;
}
.case-info .leftbox .other-case .list li .img {
	width:100%;
	overflow:hidden;
}
.case-info .leftbox .other-case .list li .img img {
	width:100%;
	transition:all ease .5s;
}
.case-info .leftbox .other-case .list li:hover .img img {
	transform:scale(1.1);
}
.case-info .leftbox .other-case .list li .t2 {
	font-size:14px;
	line-height:30px;
	color:#222;
	padding-left:10px;
	margin-top:12px;
	transition:all ease .5s;
}
.case-info .leftbox .other-case .list li:hover .t2 {
	color:#21abd7;
}

.case-info .rightbox {
	width:29%;
	float:right;
}
.case-info .rightbox .img {
	width:100%;
}
.case-info .rightbox .about-news {
	width:100%;
	padding-left:30px;
	margin-top:56px;
        border-left: 1px solid #f1f1f1;
}
.case-info .rightbox .about-news .t1 {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.case-info .rightbox .about-news .list {
	width:100%;
	margin-top:7px;
}
.case-info .rightbox .about-news .list li {
	border-bottom:1px dashed #ccc;
	padding-bottom:25px;
	margin-bottom:14px;
}
.case-info .rightbox .about-news .list li:last-child {
	border-bottom:none;
}
.case-info .rightbox .about-news .list li a {
	width:100%;
	display:block;
}
.case-info .rightbox .about-news .list li .t2 {
	font-size:16px;
	line-height:50px;
	color:#222;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	transition:all ease .5s;
}
.case-info .rightbox .about-news .list li:hover .t2 {
	color:#21abd7;
}
.case-info .rightbox .about-news .list li .t3 {
	font-size:14px;
	line-height:24px;
	color:#666;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-info .rightbox .about-news .list li .t4 {
	font-size:14px;
	line-height:24px;
	color:#999;
}

@media(max-width:1660px) {
	.ny-banner .boxs {
		margin:0 30px;
	}
	.ny-banner .nb-menu {
		padding-left:30px;
	}
        .case .box .case-list li {
	height:520px;
       }
}
@media(max-width:1400px) {
      .case .box {
		padding:0 30px;
	}

}
@media(max-width:1370px) {
	/*.ny-banner {*/
	/*	height:400px;*/
	/*}*/
	.ny-banner .boxs.n1 {
		padding-top:193px;
	}

}
@media(max-width:1200px) {
	.ny-banner .boxs.n2 .box .t2 {
		padding:10px;
		line-height:30px;
	}

	.case .box .case-list li{
		height: 400px;
	}
	.case .box .case-list li .tbox{
		padding: 30px 20px;
	}
	.case-info .leftbox{
		width: 70%;
	}
	.case-info .leftbox .other-solution .list li a{
		font-size: 14px;
	}

}


@media(max-width:900px) {

	.ny-banner .boxs.n1 .t1{
		font-size: 32px;
	}
	.ny-banner .nb-menu{
		height: 40px;
	}
	.ny-banner .boxs .breadcrumbs{
		line-height: 40px;
	}
	.case .box .case-list li{
		width: 48%;
		margin-right: 4%;
	}
	.case .box .case-list li:nth-child(3n) {
		margin-right:4%;
	}
	.case .box .case-list li:nth-child(2n){
		margin-right: 0;
	}
	.case .box .case-list li .tbox .t1{
		margin-bottom: 10px;
	}
	.case .box .case-list li .tbox .t2{
		margin-bottom: 15px;
	}

	.ny-banner .boxs.n2 .box{
		padding-bottom: 50px;
	}
	.ny-banner .boxs.n2 .box .t1{
		font-size: 24px;
	}
	.ny-banner .boxs.n2 .box .t2{
		padding: 10px 0;
	}
	.case-info .leftbox{
		width: 100%;
	}
	.case-info .rightbox{
		display: none;
	}


}

@media(max-width:767px) {
	
	.ny-banner .boxs.n1 .t1{
		font-size: 24px;
	}
	.ny-banner .boxs.n1 .t2{
		font-size: 14px;
		line-height: 20px;
	}
	.ny-banner .boxs .breadcrumbs{
		font-size: 12px;
	}
	.case .box .case-list li{
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.case .box .case-list li:nth-child(3n){
		margin-right: 0;
	}
	.ny-banner .boxs.n2 .box .t2{
		margin-top: 0;
		line-height: 20px;
	}
	.case-info{
		padding: 24px 10px 24px;
		margin: 0px auto 40px;
	}
	.case-info .leftbox .other-solution{
		margin-top: 25px;
		padding-top: 25px;
	}
	.case-info .leftbox .other-solution .t1{
		font-size: 16px;
	}
	.case-info .leftbox .other-solution .list li{
		width: 50%;
	}
	.case-info .leftbox .other-solution .list li:after{
		top: 15px;
	}
	.case-info .leftbox .other-solution .list li a{
		font-size: 12px;
		line-height: 30px;
	}
	.case-info .leftbox .other-case{
		margin-top: 25px;
	}
	.case-info .leftbox .other-case .t1{
		font-size: 16px;
		margin-top: 20px;
	}
	.case-info .leftbox .other-case .list{
		margin-top: 15px;
	}
	.case-info .leftbox .other-case .list li{
		width: 100%;
		margin-right: 0;
	}
	.case .box{
		padding: 0 20px;
	}
	.case .box .case-list{
		padding: 30px 0;
	}
	.case .box .case-list li .tbox{
		padding: 20px 15px;
	}
	.case .box .case-list li .tbox .t1{
		font-size: 20px;
	}


}



.news {
	width:100%;
	background:#f7f7f7;
	padding:50px 0 80px;
}
.news .box1 {
	max-width:1600px;
	margin:auto;
}
.news .box1 .b1:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
}
.news .box1 .b1 {
	width:32.5%;
	float:left;
	background:#fff;
	transition:all ease .3s;
	margin-right:1.25%;
}
.news .box1 .b1 a {
	display:inline-block;
	width:100%;
}
.news .box1 .b1 .img {
	width:100%;
	height:280px;
}
.news .box1 .b1 .tbox {
	width:100%;
	height:280px;
	box-sizing:border-box;
	padding:0 30px;
}
.news .box1 .b1 .tbox .time {
	color:#999;
	font-family: 'sheepsansbold';
	font-weight:bold;
	font-size:48px;
	line-height:50px;
	border-bottom:1px solid #dbdbdb;
	padding:22px 0 16px;
	background:url(../images/icon20.png) right 54px no-repeat;
	transition:all ease .3s;
}
.news .box1 .b1 .tbox:hover .time {
	color:#222;
}
.news .box1 .b1 .tbox .time span {
	font-size:16px;
	line-height:20px;
	font-weight:initial;
	display:block;
}
.news .box1 .b1 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news .box1 .b1 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .box1 .b2 {
	width:66.25%;
	float:left;
}
.news .box1 .b2 li {
	background:#fff;
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:20px;
}
.news .box1 .b2 li:nth-child(2n) {
	margin-right:0;
}
.news .box1 .b2 li .tbox {
	width:100%;
	height:270px;
	box-sizing:border-box;
	padding:0 30px;
	transition:all ease .3s;
}
.news .box1 .b2 li .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
}
.news .box1 .b2 li .tbox a {
	display:inline-block;
	width:100%;
}
.news .box1 .b2 li .tbox .time {
	font-size:48px;
	font-weight:bold;
	line-height:50px;
	font-family: 'sheepsansbold';
	color:#999;
	padding:22px 0 15px;
	background:url(../images/icon20.png) right 54px no-repeat;
	border-bottom:1px solid #dbdbdb;
	transition:all ease .3s;
}
.news .box1 .b2 li .tbox .time span {
	font-size:16px;
	line-height:20px;
	display:block;
}
.news .box1 .b2 li .tbox:hover .time {
	color:#222;
}
.news .box1 .b2 li .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news .box1 .b2 li .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .list1 {
	max-width:1600px;
	margin:auto;
}
.news .list1 li {
	background:#fff;
	float:left;
	width:32.5%;
	margin-right:1.25%;
	margin-bottom:20px;
}
.news .list1 li:nth-child(3n) {
	margin-right:0;
}
.news .list1 li .tbox {
	width:100%;
	height:270px;
	box-sizing:border-box;
	padding:0 30px;
	transition:all ease .3s;
}
.news .list1 li .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
}
.news .list1 li .tbox a {
	display:inline-block;
	width:100%;
}
.news .list1 li .tbox .time {
	font-size:48px;
	font-weight:bold;
	line-height:50px;
	font-family: 'sheepsansbold';
	color:#999;
	padding:22px 0 15px;
	background:url(../images/icon20.png) right 54px no-repeat;
	border-bottom:1px solid #dbdbdb;
	transition:all ease .3s;
}
.news .list1 li .tbox .time span {
	font-size:16px;
	line-height:20px;
	display:block;
}
.news .list1 li .tbox:hover .time {
	color:#222;
}
.news .list1 li .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news .list1 li .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-info {
	max-width:1600px;
	margin:auto;
}
.news-info .leftbox {
	width:68.75%;
	float:left;
	margin-right:1.25%;
}
.news-info .leftbox .b1 {
	background:#fff;
	padding:34px 30px 40px;
}
.news-info .leftbox .txt {
	font-size:14px;
	line-height:26px;
	color:#222;
}
.news-info .leftbox .clickbox {
	width:100%;
	border-top:1px solid #eee;
	color:#999;
	line-height:30px;
	font-size:14px;
	position:relative;
	margin-top:34px;
	padding-top:20px;
}
.news-info .leftbox .clickbox a {
	color:#666;
}
.news-info .leftbox .clickbox a:hover {
	color:#222;
}
.news-info .leftbox .clickbox .goback {
	width:96px;
	height:40px;
	line-height:38px;
	display:block;
	border:1px solid #ececec;
	color:#999;
	font-size:14px;
	position:absolute;
	right:0;
	top:30px;
	padding-left:20px;
	background:url(../images/icon26.png) 58px center no-repeat;
	transition:all ease .3s;
}
.news-info .leftbox .clickbox .goback:hover {
	color:#222;
	background:url(../images/icon26-1.png) 58px center no-repeat;
	border:1px solid #666;
}
.news-info .leftbox .case-sj {
	width:100%;
	padding:24px 30px;
	background:#fff;
	margin-top:10px;
}
.news-info .leftbox .case-sj .title {
	font-size:18px;
	color:#999;
	line-height:30px;
}
.news-info .leftbox .case-sj .list {
	width:100%;
	margin-top:23px;
}
.news-info .leftbox .case-sj .list li {
	float:left;
	width:31.7%;
	margin-right:2.45%;
    transition: all 0.5s linear;
}
.news-info .leftbox .case-sj .list li:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.15);
}
.news-info .leftbox .case-sj .list li:nth-child(3n) {
	margin-right:0;
}
.news-info .leftbox .case-sj .list li a {
	width:100%;
	display:block;
}
.news-info .leftbox .case-sj .list li .img {
	width:100%;
	overflow:hidden;
}
.news-info .leftbox .case-sj .list li .img img {
	width:100%;
    transition: all 0.5s linear;
}
.news-info .leftbox .case-sj .list li:hover .img img {
	transform:scale(1.05);
}
.news-info .leftbox .case-sj .list li .title {
	font-size:14px;
	line-height:30px;
	color:#222;
	padding:12px 10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-info .rightbox {
	width:30%;
	float:right;
}
.news-info .rightbox .news-tj {
	width:100%;
	background:#fff;
	padding:37px 30px 10px;
}
.news-info .rightbox .news-tj .title {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.news-info .rightbox .news-tj .list {
	margin-top:10px;
}
.news-info .rightbox .news-tj .list li {
	border-bottom:1px dashed #ccc;
	padding-bottom:25px;
	margin-bottom:13px;
}
.news-info .rightbox .news-tj .list li:last-child {
	margin-bottom:0;
	border-bottom:none;
}
.news-info .rightbox .news-tj .list li a {
	width:100%;
	display:block;
}
.news-info .rightbox .news-tj .list li .t1 {
	font-size:16px;
	line-height:50px;
	color:#222;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-info .rightbox .news-tj .list li:hover .t1 {
	color:#000;
}
.news-info .rightbox .news-tj .list li .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:8px;
}
.news-info .rightbox .news-tj .list li .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	margin-top:7px;
}
.news-info .rightbox .label {
	width:100%;
	background:#fff;
	margin-top:10px;
	padding:26px 30px 32px;
}
.news-info .rightbox .label .title {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.news-info .rightbox .label .box {
	margin-top:18px;
}
.news-info .rightbox .label .box a {
	color:#222;
	font-size:14px;
	line-height:30px;
	background:url(../images/icon27.png) right center no-repeat;
	padding-right:16px;
	margin-right:10px;
}
.news-info .rightbox .label .box a:last-child {
	background:none;
	margin-right:0;
}
.news-info .rightbox .label-case {
	width:100%;
	margin-top:10px;
	background:#fff;
	padding:26px 30px 32px;
}
.news-info .rightbox .label-case .title {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.news-info .rightbox .label-case .box {
	margin-top:18px;
}
.news-info .rightbox .label-case .box a {
	color:#222;
	font-size:14px;
	line-height:30px;
	background:url(../images/icon27.png) right center no-repeat;
	padding-right:16px;
	margin-right:10px;
}
.news-info .rightbox .label-case .box a:last-child {
	background:none;
	margin-right:0;
}

.news-info .leftbox.l2 {
	background:#fff;
	padding:30px 30px 40px;
}
.news-info .leftbox .list2 {
	width:100%;
}
.news-info .leftbox .list2 li {
	width:100%;
	border-bottom:1px solid #dbdbdb;
	display:inline-block;
	padding-bottom:24px;
	margin-bottom:30px;
}
.news-info .leftbox .list2 li a {
	width:100%;
	display:block;
}
.news-info .leftbox .list2 li .time {
	width:110px;
	float:left;
	color:#999;
	font-size:16px;
    transition: all 0.5s linear;
}
.news-info .leftbox .list2 li:hover .time {
	color:#21abd7;
}
.news-info .leftbox .list2 li .time span {
	font-weight:bold;
	font-size:48px;
	line-height:56px;
	display:block;
}
.news-info .leftbox .list2 li .tbox {
	width:calc(100% - 110px);
	float:left;
}
.news-info .leftbox .list2 li .tbox .t1 {
	font-size:16px;
	line-height:36px;
	color:#000;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-info .leftbox .list2 li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:9px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-info .leftbox .list2 li .tbox .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	margin-top:18px;
	padding-right:28px;
	background:url(../images/icon28.png) right center no-repeat;
	display:inline-block;
    transition: all 0.5s linear;
}
.news-info .leftbox .list2 li:hover .tbox .t3 {
	color:#222;
	background:url(../images/icon29.png) right center no-repeat;
}
.news-info .leftbox.l2 .page-list {
	margin:10px auto 0;
}

.news .list1 .tbox_img{
   position:relative;
   width:100%;
	height:270px;
	box-sizing:border-box;
	transition:all ease .3s;
}
.news .list1 .titles_bg{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:#000;
    opacity:0.6;
    height:40px;
    line-height:40px;
}
.news .list1 .tbox_img .titles{
    color:#fff;
    text-align:center;
    font-size:14px;
}
.news .list1 .tbox_img img{
    width:100%;
    height:100%;
}
.editor{line-height:2;text-align:left;font-size:14px;}
/* .editor p{text-indent:2em;} */
.editor ol li{list-style-type:circle;margin-left:25px;}
.editor ul li{list-style-type:square;margin-left:25px;}
.editor a{color:#0093ff;}
.editor a:visited{color:#0093ff;}
.editor img{
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}
@media(max-width:1660px) {
.news-info,.news .box1,.news .list1,.page-list {
		margin:0 30px;
	}
}
@media(max-width:1370px) {

}
@media(max-width:1330px) {

}
@media(max-width:1280px) {

}
@media(max-width:1200px) {

}

@media(max-width:900px) {

	.news {
		width:100%;
		background:#f7f7f7;
		padding:20px 0 20px;
	}
	.news .list1 li {
		background:#fff;
		float:none;
		width:100%;
		padding-right:20px;
		padding-left:20px;
		margin-bottom:20px;
	}
	.news .list1 li:nth-child(3n) {
		margin-right:20px;
	}
	.news-info .leftbox{
        width:100%;
        margin-right:0;
    }
    
    .news-info .rightbox{
        display:none;
    }
	
}

@media(max-width:767px) {

    .ny-banner .boxs, .news-info, .news .box1, .news .list1, .page-list{
        margin:0 12px;
    }
    .news-info .leftbox .list2 li .time {
        width: 80px;
    }    
    .news-info .leftbox .list2 li .tbox {
        width:calc(100% - 80px);
    }
    .news-info .leftbox .b1 {
		background:#fff;
		padding:10px;
    }
	.page-list a {
		width: 30px;
		height: 30px;
		line-height: 28px;
	}
	.case-tj{
        display:none;
    }
    .news .list1 li .tbox {
		padding:0 0;
    }
	.news-info .leftbox .case-sj{
        display:none;
    }
}