@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;
}
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:55%;
    /*display: flex;*/
   /* margin-left: 10%; 
    padding:12px 0 0 0;*/
float:right;
justify-content: center;
}
.nav li{ float:left;/* 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; padding:0 !important;}
.nav li a:before{
    content: '';
    position: absolute;
    left:0px;
    bottom:0px;
    opacity: 0;
    color: #4284F4;
    transition: all .6s ease-out;
width:100%;
height:1px;
background:#4284F4;
}
.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;
}
.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;   
}
#swiper-container1 .swiper-slide1.swiper-slide-active img{
    -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;
}
.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: #4284F4;
}
.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:35%;
	left:0;
    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:20px 0;
}
.banner_text1 h2{
    font-size: 28px; font-weight:200;
}

/*.banner_text1 ul{ width:90%; margin:0 auto;}
.banner_text1 ul li{ width:33.33%; text-align:center; float:left;}*/
.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: #4284F4;
    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: #4284F4;
}
.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:30%;
    }
    .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:350px;
    }
    .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%;
    }
	.full-case-detail11 {padding: 50px 0; background:url(../images/formbg.png) no-repeat center; height:450px; margin-top:30px; margin-bottom:50px;}
	.full-case-detail .server .dot1{ background:url(../images/ico2.png) no-repeat left; padding-left:40px; font-size:18px; color:#fff;}
	.full-case-detail .server .dot2{margin-left:40px; background:url(../images/dot1.png) no-repeat left;}
	.w_left{ width:40%; margin-top:60px; text-align:right;}
	.w_left .cn {margin-bottom: 12px;font-size:36px;line-height: 34px;}
	.w_left p{ margin-top:60px;font-size:18px;color:#fff;}
	.w_left .about{margin-top:60px;text-align:right;}
	.w_right{ width:55%; float:right; background:none;padding-bottom:0;}
	.w_right .shouhou{left: 45%;top:160px;width:123px; height:290px; padding-top:30px;}
	.w_right .shouhou .txts a{ margin-top:30px;}
	.w3{padding:60px 0;}
	.wx-solve-1 ul {margin-top:30px;}
	.wx-solve-1 ul li {width: 50%; }
	.wx-solve-1 ul li a {height: 202px;padding-top: 60px;}
	.wx-solve-1 ul li .img {margin-left: 85px;width: 108px;height: 67px;}
	.wx-solve-1 ul li .img img {left: 0;top: 50%; width:60px;}
	.wx-solve-1 ul li .nr {padding-left: 30px;width: 325px;height: 67px; }
	.wx-solve-1 ul li .nr h1 {font-size:20px;}
	.wx-solve-1 ul li .nr .p {font-size:14px;line-height: 24px; }
	.wx-solve-1 ul .li {border-bottom: 1px solid #c6191d;}
	.wx-solve-1 ul .li-1 {border-left: 1px solid #c6191d;}
	.wx-solve-11 ul {margin-top:30px;}
	.wx-solve-11 ul li {width: 50%; }
	.wx-solve-11 ul li a {height:150px;}
	.wx-solve-11 ul li .img {margin-left:40px;width:98px;height: 67px;}
	.wx-solve-11 ul li .img img {left: 0;top: 50%; width:60px;}
	.wx-solve-11 ul li .nr {padding-left: 30px;width:60%;height: 67px; }
	.wx-solve-11 ul li .nr h1 {font-size:20px;}
	.wx-solve-11 ul li .nr .p {font-size:14px;line-height: 24px; }
	.wx-solve-11 ul .li {border-bottom: 1px solid #ddd;}
	.wx-solve-11 ul .li-1 {border-left: 1px solid #ddd;}
	.w1{ padding:60px 0;}
	.w1 .right{ padding:15px;}
	.w1 .right p{font-size:16px;}
	.w1 .right .more{height: 50px;line-height: 50px;font-size: 18px;}
	.w4{ padding:60px 0;}
	.w4 .l{ padding:0 15px;}
	.w4 .img1{ margin-top:30px;}
	.w4 .nr{padding:40px 30px 80px;height:170px;}
	.w4 .nr h4 {font-size:20px;}
	.w4 .nr .icon {width: 30px;height: 1px;margin: 18px auto 24px auto;}
	.w4 .nr .p {font-size: 14px;line-height: 26px;}
	.sh{ padding:100px 0;}
}





.index_main1{
    background-color: #fafafa;
    padding:40px 0;
}
.index_container{
    width: 1600px;
    margin:0 auto;
    position: relative;
}
.index_main1 .sy_about{ position:relative; width:100%;}
.index_main1 .sy_about .en {font-size: 16px;line-height: 24px;color: #999;text-transform: uppercase;}
.index_main1 .sy_about .stit{font-size:30px;line-height:50px;color:#333; font-weight:bold;}
.index_main1 .sy_about .nr{display: block;line-height:26px;font-size:16px;margin-top:10px;color:#333;width:60%;}
.index_main1 .sy_about .year{position: absolute;right: 27px;top: -40px;z-index: 3;}
.index_main1 .sy_about .year img{max-width:80%; display:block; margin:0 auto;}
.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: #4284F4;
    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%;
    }
	.full-case-detail11 {padding: 50px 0; background:url(../images/formbg.png) no-repeat center; height:450px; margin-top:30px; margin-bottom:50px;}
	.full-case-detail .server .dot1{ background:url(../images/ico2.png) no-repeat left; padding-left:40px; font-size:18px; color:#fff;}
	.full-case-detail .server .dot2{margin-left:40px; background:url(../images/dot1.png) no-repeat left;}
	.w_left{ width:40%; margin-top:60px; text-align:right;}
	.w_left .cn {margin-bottom: 12px;font-size:36px;line-height: 34px;}
	.w_left p{ margin-top:60px;font-size:18px;color:#fff;}
	.w_left .about{margin-top:60px;text-align:right;}
	.w_right{ width:55%; float:right; background:none;padding-bottom:0;}
	.w_right .shouhou{left: 45%;top:160px;width:123px; height:290px; padding-top:30px;}
	.w_right .shouhou .txts a{ margin-top:30px;}
	.w3{padding:60px 0;}
	.wx-solve-1 ul {margin-top:30px;}
	.wx-solve-1 ul li {width: 50%; }
	.wx-solve-1 ul li a {height: 202px;padding-top: 60px;}
	.wx-solve-1 ul li .img {margin-left: 85px;width: 108px;height: 67px;}
	.wx-solve-1 ul li .img img {left: 0;top: 50%; width:60px;}
	.wx-solve-1 ul li .nr {padding-left: 30px;width: 325px;height: 67px; }
	.wx-solve-1 ul li .nr h1 {font-size:20px;}
	.wx-solve-1 ul li .nr .p {font-size:14px;line-height: 24px; }
	.wx-solve-1 ul .li {border-bottom: 1px solid #c6191d;}
	.wx-solve-1 ul .li-1 {border-left: 1px solid #c6191d;}
	.wx-solve-11 ul {margin-top:30px;}
	.wx-solve-11 ul li {width: 50%; }
	.wx-solve-11 ul li a {height:150px;}
	.wx-solve-11 ul li .img {margin-left:40px;width:98px;height: 67px;}
	.wx-solve-11 ul li .img img {left: 0;top: 50%; width:60px;}
	.wx-solve-11 ul li .nr {padding-left: 30px;width:60%;height: 67px; }
	.wx-solve-11 ul li .nr h1 {font-size:20px;}
	.wx-solve-11 ul li .nr .p {font-size:14px;line-height: 24px; }
	.wx-solve-11 ul .li {border-bottom: 1px solid #ddd;}
	.wx-solve-11 ul .li-1 {border-left: 1px solid #ddd;}
	.w1{ padding:60px 0;}
	.w1 .right{ padding:15px;}
	.w1 .right p{font-size:16px;}
	.w1 .right .more{height: 50px;line-height: 50px;font-size: 18px;}
	.w4{ padding:60px 0;}
	.w4 .l{ padding:0 15px;}
	.w4 .img1{ margin-top:30px;}
	.w4 .nr{padding:40px 30px 80px;height:170px;}
	.w4 .nr h4 {font-size:20px;}
	.w4 .nr .icon {width: 30px;height: 1px;margin: 18px auto 24px auto;}
	.w4 .nr .p {font-size: 14px;line-height: 26px;}
	.sh{ padding:100px 0;}
}
@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;
}
.kehu{color:#000;text-align: center; font-size:18px;margin-top: 5px;}
.kehu a{background:#4284F4;color:#fff; padding:5px 20px; border-radius:20px; font-size:14px;}
.kehu1{ margin-top:40px; border:1px solid #ddd}
.kehu1 .k1{ float:left; width:49.8%; border-right:1px solid #ddd;}
.kehu1 .nr{ padding:30px 30px 20px 30px;}
.kehu1 .nr .title{}
.kehu1 .nr .title span{ display:block;}
.kehu1 .nr .title span.bt1{ font-size:30px; font-family:"思源黑体", "黑体"; color:#000; margin-top:10px;}
.kehu1 .nr .title span.bt2{ font-size:16px; margin:10px 0 0px 0;}
.kehu1 .k1 .nr ul{ float:left; padding:15px 0;}
.kehu1 .k1 .nr ul li{ width:auto; height:auto; float:left; padding:5px 10px; background:#fff; margin:10px 15px 10px 0;}
.kehu1 .k1 .nr .intro{ height:63px; overflow:hidden;}
.kehu1 .k1 .nr .intro ul li{ float:left; padding:0 10px; height:63px;}
.kehu1 .k1 .nr .intro ul li img{ height:63px;}
.kehu1 .k2{ float:left; width:49.8%;}
.kehu1 .k2 .nr ul{ float:left; padding:15px 0;}
.kehu1 .k2 .nr ul li{ width:100%; height:auto; float:left; margin:10px 0px;}
.kehu1 .k2 .nr ul li img{ width:61px; height:72px; float:left; padding:5px; background:#fff; margin:0px 15px 0px 0;}
.kehu1 .k2 .nr ul li .nr2{width:86%;float: left;/*height:72px;*/}
.kehu1 .k2 .nr ul li .nr2 h2{float:left; line-height:24px; font-size:13px;  font-family:"思源黑体", "黑体"; font-weight:normal;}
.kehu1 .k2 .nr ul li .nr2 h1{float:left; line-height:24px; font-size:13px;  font-family:"思源黑体", "黑体"; font-weight:normal;}
.fuwuly{
    /*display: flex;*/
    flex-wrap: wrap;
    padding-top: 30px;
}
.fuwuly li{
    border:1px solid #ddd;
    box-sizing: border-box;
    width: 17%;
    margin:1.5%;
    padding:0px 0 60px 0;
    transition: all 0.4s ease-out;
    cursor: pointer;
    max-height:380px;
    overflow: hidden;border-radius: 8%; float:left;
}
.fuwuly .l2{ display:block;}
.fuwuly .l1{ width:98%; text-align:center; display:none;}
.fuwuly .l1 p{ text-align:center;}
.fuwuly a .l1 .face1 .fuwuly_intro p{text-align:center !important;}
.fuwuly .l1 .fuwuly_intro p{text-align:center;}
.fuwuly li a{
    display: block;
}
.fuwuly li .img{
    width: 71px;
    height: 77px;
    overflow: hidden;
    margin:0 auto; margin-top:10px;
}
.fuwuly li h3{
    font-size: 24px;
    color: #333;
    text-align: center;
    padding:10px 0 10px 0;

}
.fuwuly_intro{
    display: flex;
    flex-wrap: wrap;padding: 0 45px; margin-bottom:20px;
}
.fuwuly li p{
    font-size: 14px;
    color: #333;
    text-align: left;
    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: #4284F4;
    border-radius: 25px;
    line-height: 30px;
	position: absolute;
	left: 30%;
	bottom:30px;
}
.fuwuly li img.more1{
    display: block;
    width: 41px;
    margin:35px auto 0;
    display: none;
}

.fuwuly li:hover{

}
.fuwuly li:hover a.mores01{
    color: #4284F4;
    margin:20px auto 0;
}
.fuwuly li:hover img.more1{
    display: block;    
}
.fuwuly li:hover h3{
    color: #fff;
}
.fuwuly li:hover p{
    color: #fff;
    width: 100%;
/*text-align:left;*/
}
.fuwuly li:hover a{
    display: block;
}
.fuwuly li:nth-child(1) .img{
    background: url(../images/fuwu1.png) no-repeat center 15px;
}
.fuwuly li:nth-child(2) .img{
    background: url(../images/fuwu3.png) no-repeat center 15px;
}
.fuwuly li:nth-child(3) .img{
    background: url(../images/fuwu5.png) no-repeat center 15px;
}
.fuwuly li:nth-child(4) .img{
    background: url(../images/fuwu4.png) no-repeat center 15px;
}
.fuwuly li:nth-child(5) .img{
    background: url(../images/fuwu2.png) no-repeat center 15px;
}
.fuwuly li:nth-child(1):hover .img{
    background: url(../images/fuwu1_h.png) no-repeat center 15px;
}
.fuwuly li:nth-child(2):hover .img{
    background: url(../images/fuwu3_h.png) no-repeat center 15px;
}
.fuwuly li:nth-child(3):hover .img{
    background: url(../images/fuwu5_h.png) no-repeat center 15px;
}
.fuwuly li:nth-child(4):hover .img{
    background: url(../images/fuwu4_h.png) no-repeat center 15px;
}
.fuwuly li:nth-child(5):hover .img{
    background: url(../images/fuwu2_h.png) no-repeat center 15px;
}

.fuwuly a{ width:100%; height:380px; border:0px;}
.fuwuly a .face1{
	position:relative;
	float:left;
	background:#fff;
	transition:background 0.6s;
	height:100%;
	width:100%;
}
.fuwuly a:hover .face1{
	 background:#999;

}
.fuwuly a .face1 h3{font-size:24px; text-align:center;}
.fuwuly a .face1 .fuwuly_intro{ padding-top:10px; transition:all 0.35s;}
.fuwuly a:hover .face1 .fuwuly_intro{ padding-top:20px;}
.fuwuly a .face1 .fuwuly_intro p{
	font-size:14px;
	color:#000; 
	/*text-align:left; */
	line-height:1.8em; 
	opacity: 1;
	}
.fuwuly a .face1  h2{
	font-size:14px;
	color:#4284F4; 
	text-align:center; 
	line-height:30px;
	width:40%; 
	margin:20px auto 0; 
	display:block; 
	border:1px solid #4284F4; 
	border-radius:25px;	
	opacity:1;
	 position:absolute; 
	 left:30%;
	 bottom:30px;
	}
.fuwuly a:hover .face1  h2{
	color:#fff;  
	border:1px solid #fff; 
}
.fuwuly a:hover .face1 .fuwuly_intro p{
	font-size:14px;
	color:#fff; 
	text-align:left; 
	line-height:1.8em; 
	opacity: 1;
}



@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:49%;padding: 0;
   }
   .fuwuly .l2{ display:none;}
   .fuwuly .l1{ display:block;}
   .fuwuly a .face1 h3{font-size:18px;}
   .fuwuly_intro {padding: 0 10px;margin-bottom: 20px;}
   .fuwuly li p{ font-size:12px;}
   .face1 h2{display: block;width: 59%;margin: 20px auto 0;text-align: center;font-size: 14px;color: #4284F4;border-radius: 25px;left:20%;bottom: 50px;}
   .kehu1 .nr {padding:15px;}
   .kehu1 .k1{ width:100%;}
   .kehu1 .nr .title span.bt1{ font-size:18px;}
   .kehu1 .k1 .nr ul{ padding:0;}
   .kehu1 .k2{ width:100%;}
   .kehu1 .k2 .nr ul li .nr2{width:70%;}
}



.index_main3{
    padding: 100px 0 75px 0;
}
.tab1{
    display: none;
}
.tab1li{
    /*display: flex;
    justify-content: center;*/ text-align:center;padding:65px 0 50px 0;
}
.tab1li li{
    /*cursor: pointer;*/ display:inline
}
.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 18px;padding: 5px 20px;
}
.tab1li li.on a{
    background: #fff;
    color: #4284F4;
	border: 1px solid #4284F4;
}
.tab1li a{
    margin-left: 15px;
}
/*首页案例*/
#owl-demo{ width:100%; margin:30px auto; text-align:center;}
/* Styling Next and Prev buttons*/
#owl-demo.owl-theme .owl-controls{ bottom:-20px; text-align:center;}
#owl-demo.owl-theme .owl-controls .owl-pagination{ display:none;}
#owl-demo.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0;width:100%; left:0; height:0;}
#owl-demo.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:52px; height:50px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-prev{background:#fff url(../images/works_arr.png) no-repeat 0px 0px; margin-right:55px;}
#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_arr.png) no-repeat -52px 0px;}
#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-next{ background:#fff url(../images/works_arr.png) no-repeat -52px -50px;  margin-left:55px;}
#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:#333 url(../images/works_arr.png) no-repeat 0px -50px;}

#owl-demo.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-demo .item{margin:0 0;}
#owl-demo .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
#owl-demo .item .l{padding: 0 5px;}
#owl-demo .item .case_1{width:34%;float:left;}
#owl-demo .item .case_2{width:64%;float:right;}
#owl-demo .item .case_2 .case_2_top{width:100%;margin-bottom: 22px;overflow: hidden;}
#owl-demo .item .case_2 .case_2_bot{width:102.6%}
#owl-demo .item dd{ width:32%; margin:0 auto; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left;}
#owl-demo .item .case_2 .case_2_top dd{width:100%}
#owl-demo .item .case_1 dd{width:100%}
#owl-demo .item .case_2 .case_2_bot dd{width: 48%;}
#owl-demo .item dd .imgs{width:100%; overflow:hidden; position:relative;}
#owl-demo .item dd .imgs .css{position: absolute;
    left: 11%;
    z-index: 1000;
    top: 20%;
    font-size: 30px;}
#owl-demo .item dd .imgs .css h3{
    font-size: 30px;
    color: #08608F;
}
#owl-demo .item dd .imgs .zz h3{

    color: #fff;
}
#owl-demo .item dd .txts{font-weight:normal; color:#fff; font-size:16px; line-height:36px; height:100%; overflow:hidden;transition:all 0.4s; position:absolute; bottom:-100%; left:0; width:100%;background:rgba(0, 0, 0, 0.75); text-align:center;}
#owl-demo .item dd .txts h1{ color:#fff; font-weight:normal; font-size:24px; height:76px; line-height:76px; overflow:hidden; margin-top:22%;}
#owl-demo .item dd .txts a{ color:#fff; display:inline-block; width:66px; margin-left:12px; margin-right:12px; font-size:16px;}
#owl-demo .item dd .txts a i{ width:48px; height:48px; display:block; margin:0 auto;transition:all 0.4s;background:url(../images/i_pic1.png)}
#owl-demo .item dd .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}
#owl-demo .item dd .txts a i.bgs1{ background:url(../images/i_pic1.png) center top no-repeat;}
#owl-demo .item dd .txts a i.bgs2{ background:url(../images/i_pic2.png) center top no-repeat;}
#owl-demo .item dd .txts a i.bgs3{ background:url(../images/i_pic3.png) center top no-repeat;}
#owl-demo .item dd h2{ color:#000; font-size:18px; line-height:80px; text-align:center; height:80px; text-align:center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:100%; position:relative; background-color:#fff; z-index:2; font-weight:normal;transition:all 0.4s;}
#owl-demo .item dd h2 i{transition:all 0.4s;position:absolute; width:100%; left:0; top:0; height:0; background:#b49173; z-index:-1;}
#owl-demo .item dd:nth-child(1) h2 i{background:#009fe1;}
#owl-demo .item dd:nth-child(2) h2 i{background:#df0011;}
#owl-demo .item dd:nth-child(3) h2 i{background:#ff6600;}
#owl-demo .item dd:nth-child(4) h2 i{background:#f2ad0a;}
#owl-demo .item dd:nth-child(5) h2 i{background:#b3c902;}
#owl-demo .item dd:nth-child(6) h2 i{background:#858585;}
#owl-demo .item dd:nth-child(7) h2 i{background:#858585;}
#owl-demo .item dd:nth-child(8) h2 i{background:#b3c902;}
#owl-demo .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo .item dd:hover h2{ color:#fff;}
#owl-demo .item dd:hover h2 i{ height:100%;}
#owl-demo .item dd:hover .txts{ bottom:0;}

.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: #fff;
    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 6px;
   }  
   .case_list_icon{
    opacity: 0;
   }
   #owl-demo3 .item .l{padding: 0 6.42202% 0 0;}
   #owl-demo3 .item dd{ width: 33.33333%;} 
   #owl-demo .item .case_1{
       width: 37%;
   }
   #owl-demo .item .case_2{
       width: 62%;
   }
   #owl-demo .item dd .imgs .css h3{
       font-size: 1.2rem;
   }
   
}
@media(max-width: 640px){
   .tab1li li a{
    width: 105px;
    margin: 8px 3px;
   }
   .case_list1 li{
    width: 47%;
    margin:1.5%;
   }
   .case_list1 li h3 a{
    font-size: 18px;
   }
   #owl-demo .item dd .txts a{ width:63px;}
   .b2b .l2{ height:auto; line-height:22px;}
}



.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{display: flex;flex-wrap: wrap;}
.news_list1{width: 32%;background:#f5f5f5;float:left; border:1px dashed #ddd;}
.cooperation-right1{width:100%; padding:5%; /*background:#f5f5f5;*/}
.cooperation-right1 h3{font-size: 20px;line-height:30px;padding-bottom:10px;font-weight:500;color:#000;}
.cooperation-right1 h5{font-size:40px;line-height:42px;color:#4284F4; margin:0; font-weight:500;margin-bottom:10px;}
.cooperation-right1 h6{font-size: 30px;line-height:48px;border-bottom:1px solid #ccc;padding-bottom:10px;font-weight:500;margin-top:0;margin-bottom:15px;color:#000;}
.cooperation-right1 .baseinfo li{margin-bottom:8px}
.cooperation-right1 .baseinfo label{display:block;padding:4px 10px;/*height:24px;*/overflow:hidden;background:#ffffff;border:1px solid #d9d9d9}
.cooperation-right1 .baseinfo input{display:block;width:100%;font-size:15px;line-height:24px;height:24px;color:#999;outline: none;border: none;margin: 0;padding: 0;resize: none;background: none;}
.cooperation-right1 .baseinfo textarea{    width: 100%;height: 100px;border: none;font-size: 15px;line-height: 24px;}
.cooperation-right1 .baseinfo .name{float:left;width:48%}
.cooperation-right1 .baseinfo .tel{float:right;width:48%}
.cooperation-right1 .type-label{padding-top:6px;font-size:24px;line-height:30px; font-weight:500; color:#000;}
.cooperation-right1 .type-label span{display:block;font-size:30px;line-height:40px}
.cooperation-right1 .project-type dd{float:left;position:relative;width:91px;height:63px;padding:5px 5px 5px 0;cursor:pointer; margin-bottom:10px;}
.cooperation-right1 .project-type input{display:none}
.cooperation-right1 .project-type .checked{position:absolute;right:-1px;bottom:-1px;z-index:3;width:17px;height:17px;background-repeat:no-repeat;background-position:center}
.cooperation-right1 .project-type label{position:relative;display:block;width:88px;height:67px;cursor:pointer;border:1px solid #d9d9d9;background-color:#ffffff;text-align:center;border:1px solid #dddddd}.cooperation-right .project-type label.cur{border-color:#4284F4}
.cooperation-right1 .project-type label.cur .checked{background-image:url(../images/zdshzimg01.jpg)}
.cooperation-right1 .project-type span{display:block;padding-top:15px;font-size:14px;line-height:18px}
.cooperation-right1 .budget-title{font-size:16px;font-weight:bold;padding:8px 0px 5px; color:#000; margin-top:5px;}
.cooperation-right1 .budget label{float:left;font-size:14px;line-height:26px;margin-right:12px}
.cooperation-right1 .budget input{margin:6px 3px 0 0;padding:0;width:14px;height:14px;vertical-align:top;outline: none;border: none;}
.cooperation-right1 .verification{padding-top:10px}
.cooperation-right1 .verification label{float:left;display:block;width:220px;padding:6px 10px;margin-right:20px;/*height:24px;*/overflow:hidden;background:#ffffff;border:1px solid #d9d9d9}
.cooperation-right1 .verification input{display:block;line-height:24px;height:24px;width:100%;background:none;outline:none;font-size:15px;color:#999;outline: none;border: none;margin: 0;padding: 0;resize: none;background: none;}
.cooperation-right1 .verification img{float:left}
.cooperation-right1 .sub{padding-top:15px}
.cooperation-right1 .sub input{width:100%;padding:10px 0px;border:2px solid #4284F4;font-size:20px;font-weight:bold;color:#4284F4;cursor:pointer;background:none;outline:none}
/*.news_list1 li{position: relative;overflow: hidden;height: 625px; background:#f5f5f5;}
.news_list1 a{display: block;overflow: hidden;}
.news_list1 li img{transition: all 0.6s ease-out; width:100%;}
.news_list1 li:hover img{transform: scale(1.1);transition: all 0.6s ;}
.news_list1 .nr{ padding:40px 5%;}
.news_list1 .nr .blog_infTop {height: auto;overflow: hidden;padding-bottom: 4px}
.news_list1 .nr .blog_time {width: 72px;height: 68px;background-color: #4284F4;z-index: 10}
.news_list1 .nr .blog_time span { display: block;font-family: Arial;color: #FFF;width: 72px;height: 34px;line-height: 34px;text-align: center}
.news_list1 .nr .blog_y {font-size: 30px}
.news_list1 .nr .blog_day {background-color: #81bf0b}
.news_list1 .nr .blog_infR {width:80%; float:right;}
.news_list1 .nr .blog_title {font-size: 20px; color:#333; margin-bottom:10px;}
.news_list1 .nr1{ font-size:14px; color:#555; margin-top:20px; line-height:26px;}
.news_list1 .nr1 span{ color:#4284F4;}*/

.sy_news{ float:right;width: 67%;margin-left:1%; margin-top:0;}
.sy_news .title{ color:#333; font-size:40px; margin-bottom:20px; margin-left:1.5%;margin-right: 1%; position:relative; background:#f5f5f5; padding:15px;}
.sy_news .title span{font-size:30px; padding-left:10px;}
.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: 105%;
    /* margin-left: 1.5%; */
    float:left;
}
.news_list3 li{
    height: 140px;
    overflow: hidden;
    background: #f5f5f5;
    padding: 2%;
    margin-bottom: 20px;
    /*display: flex;*/
    float: left;
    width: 100%;
    margin-right: 4%;
}
.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;width: 100%;
}
.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:70%;
}
.news_list3 li .text p{ font-size:14px; color:#666;}
.news_list3 li h3{
    font-size: 20px;
    color: #333;
    font-weight: normal;
    text-align: left;
    width: 100%;
    height: 28px;
    overflow: hidden;
    margin-bottom:15px;
}
.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 h3{ color:#4284F4;}
.news_list3 li:hover span{
    color: #222;
}
.news_list3 li:hover span b{
    color: #222;
}
.index_main5 .title .more1{display: block;width: 61px; position:absolute; right:10px; top:5px;}

@media(max-width: 1199px){
    .index_main5{
        padding: 40px 0 40px 0;
    }
    .index_news{
        padding:0 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: 70%;
    }

}
@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: block;
    }
	.sy_news {float: left;width:100%;margin-left:0%; margin-top:20px;}
    .news_list3 li{
        padding:20px 3%;
        margin-bottom: 15px;
    }
    .index_main5 .title .more1{margin:15px auto 0;top: -14px;}
	.n_banner {padding-top: 70px;}
	.cooperation-right1 h5{font-size:24px;}
	.cooperation-right1 h6{font-size:24px; line-height:32px;}
	.cooperation-right1 .type-label span {font-size:24px;}
	.sy_news .title{ font-size:18px;}
	.sy_news .title span{ font-size:24px;}
}

.footers{
    background: #151515;
    padding:40px 0 70px 0;
}
.footers .index_container{
    display: flex;
    flex-wrap: wrap;
}
.footers li{
    width: 23.5%;margin-right: 2%;float: left;
}
.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%; float:left;
}
.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; float:right;

}
.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;
    }
	.b2b .l2{ line-height:22px; height:auto;}

}





/*----- 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_banner1 {width: 100%;margin: 0 auto;position: relative; background:url(../images/banner_about.jpg) no-repeat center;height:540px;} 
.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative; padding-top:0;
}
.n_banner2{ display: block;}
.n_banner2 img{ height: auto !important;}
.n_banner2 .n_banner_text1{ top:30%;}
.n_banner img {
    width: 100%;
    margin: 0 auto; height: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;
}
.full-case-detail {padding: 24px 0; padding-top:35px;background-color: #eaeaea;}
.full-case-detail .case-head {margin-bottom: 10px;/*display: table;*/width: 100%;background-color: #f5f5f5;}
.full-case-detail .info {/*display: table-cell;*/ float:left;vertical-align: top;width: 53.75%;padding: 3.125%;/*background-color: #fff;*/ background:url(../images/ppc_bj.jpg) no-repeat center #fff;}
.full-case-detail .info .img {float: left;margin-right: 50px;max-width: 230px;}
.full-case-detail .info .img img {display: block;max-width: 100%;}
.full-case-detail .info .content {overflow: hidden;float: left; width:63%;}
.full-case-detail .info .content .txts{ margin-top:20px;}
.full-case-detail .info .content .txts a{ color:#333; display:inline-block; width:63px; /*margin-left:8px; margin-right:8px; */font-size:14px; text-align:center;}
.full-case-detail .info .content .txts a i{ width:48px; height:48px; display:block; margin:0 auto;transition:all 0.4s;}
.full-case-detail .info .content .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}
.full-case-detail .info .content .txts a i.bgs1{ background:url(../images/i_pic1_1.png) center top no-repeat;}
.full-case-detail .info .content .txts a i.bgs2{ background:url(../images/i_pic2_1.png) center top no-repeat;}
.full-case-detail .info .content .txts a i.bgs3{ background:url(../images/i_pic3_1.png) center top no-repeat;}
.full-case-detail .info .content .txts a i.bgs4{ background:url(../images/i_pic4_1.png) center top no-repeat;}
.full-case-detail .info .content .txts a i.bgs5{ background:url(../images/i_pic5_1.png) center top no-repeat;}
.full-case-detail .info .content .txts a i.bgs6{ background:url(../images/i_pic6_1.png) center top no-repeat;}
.full-case-detail .info .content .txts a i.bgs7{ background:url(../images/i_pic7_1.png) center top no-repeat;}
.full-case-detail .info .content .txts a i.bgs8{ background:url(../images/i_pic8_1.png) center top no-repeat;}
.full-case-detail .u-cshd-title {padding: 10px 0 23px;}
.full-case-detail .u-cshd-title .cn {margin-bottom: 12px;font-size: 24px;line-height: 34px;color: #333;margin-top: 0;}
.full-case-detail .u-cshd-title .line {display: block;width: 20px;height: 2px; background-color: #ccc;}
.full-case-detail .info .content .desc {margin-bottom: 20px;font-size: 16px;line-height: 24px;color: #666;}
.full-case-detail .info .content .desc .jq{ width:180px; height:40px; line-height:40px; color:#fff; background:#4284F4; text-align:center; font-size:16px; margin:20px 0; border-radius:10px;}
.full-case-detail .info .content .view {display: block;width: 120px;height: 36px;text-align: center;border: solid 1px #ccc;font-size: 15px;line-height: 36px;color: #666;}
.full-case-detail .server {/*display: table-cell;*/ float:right;vertical-align: top;width: 46.25%;padding: 3.125% 5.625%; background-color: #f5f5f5;font-size: 15px;line-height: 40px;color:#666;}
.full-case-detail .u-cshd-title {padding: 10px 0 23px;}
.full-case-detail .u-cshd-title .en {font-size: 24px;line-height: 28px;color: #aaa;font-weight: bold;font-family: DINCond-Bold;}
.full-case-detail .u-cshd-title .cn { margin-bottom: 12px;font-size: 24px;line-height: 34px;color: #333;margin-top: 0;}
.full-case-detail .u-cshd-title .line {display: block;width: 20px;height: 2px; background-color: #ccc;}
.full-case-detail .server {font-size:16px;line-height:30px;color: #666;}
.full-case-detail .server .dot {padding-left: 16px;background: url("../images/dot.png") no-repeat 0 center;/*margin-bottom: 10px !important;*/}

.full-case-detail .full-case-body {width: 100%;background-color: #fff;font-size: 16px;line-height: 24px;color:#696a6e;padding: 68px 0 0;padding-top: 68px;}
.content-view {text-align: center; font-size:16px;}
.index_container .bold {font-size: 36px;line-height: 60px;color: #242526;margin-bottom: 10px; text-align:center;}



.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: #4284F4;
    color: #fff;
}
.sort li.on a{
    background: #4284F4;
    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:40%;
    }
    .n_banner_text1 h1 {
        font-size: 16px;
    }
    .n_banner_text1 p{
        font-size: 12px;
        line-height:1.5em;
    }
    .n_banner_text5{
        top:36%;
    }
	.n_banner {
    padding-top:0;}
	.n_banner img{ height:230px;}
	.n_banner2{ display: block;}
	.n_banner2 img{ height:180px !important;}
	.full-case-detail .info {width:100%;padding: 3.125%;}
	.full-case-detail .info .content{ width:100%;}
	.full-case-detail .server{ width:100%;float: left;}
	.full-case-detail .u-cshd-title .en {font-size:22px;line-height: 28px;font-weight: 500;}
	.full-case-detail .u-cshd-title .cn { margin-bottom: 12px;font-size: 22px;line-height: 34px;font-weight: 500;}
}


/*news_list*/
.news_list{
    display: flex;
    flex-wrap: wrap;
}
.news_list li{width:32%;margin:0 2% 20px 0; background: #fff; float:left;}
.news_list li:nth-child(3n){margin:0 0 20px 0;}
.news_list li a{display: block;padding:40px 6%;}
.news_list li a:hover{color:#4284F4;}
.news_list li span{font-size: 14px;color: #333;display: block;float: left;}
.news_list li span b{font-size: 50px;display: block;position: relative;margin-bottom: 5px;}
.news_list li span b::after {content: '';width: 35px;height: 4px;background: #ccc;position: absolute;bottom: 0;left: 0;}
.news_list li .text{padding:0 0 0 20px;margin:0 0 0 25px;color: #333;width: 74%; position: relative;float: left;}
.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:10px 0 10px 0; color:#666;}
.news_list li .text .more2{font-size: 14px;transition: all 0.6s ease-out;}
.news_list li:hover{box-shadow: 0px 0px 30px #ccc; color:#4284F4;}
.news_list li:hover h3{color:#4284F4;}
.news_list li:hover .text .more2{padding-left:10px;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: rgba(0, 0, 0, 0.80);
    padding:0 0 10px 0;
}
.case_list li h3 a{
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    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:15px;
}
.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:30px;
    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 0;
}
.case__btnl:hover{
    background: url(../images/casel_h.png)no-repeat 0;
}
.case__btnm{
    width: 47px;
    margin:0 20px;
}
.case__btnm img{
    width: 100%;
}
.case__btnr{
    width: 49px;
    height: 49px;
    background: url(../images/case_r.png)no-repeat 0;
}
.case__btnr:hover{
    background: url(../images/caser_h.png)no-repeat 0;
}
.case_detail{
    padding:50px 0;
}
.case_detail p img{
    /*max-width: 1200px;*/
    max-width: 100%; margin:0 auto; display:block;
    /*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: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: #4284F4;
    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;
    }
    
    .case_detail .animated_mo img{
        width: 100%;
    }
}
@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: right;
    /*display: flex;*/
}
.sort2 li{ display:inline; text-align:center;}
.sort2 li a{
    /*display: block;*/ padding:5px 20px;
    width: 115px;
    margin-right:0;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    border-radius: 25px;
    text-align: center;
}
.sort2 li:hover a{
    color: #fff;
    background: #4284F4;
}
.sort2 li a.on{
    color: #fff;
    background: #4284F4;
}
.site{
    float: left;
    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 0;
    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: #4284F4;
    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;}
.contact_job li span{ font-size:14px; color:#555;}



.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:20px;
    }
    .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; padding:5px 7px;
    }
    .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%;
    }
	.n_banner1 {height:260px;} 
    .about_time{
        display: block;
    }
    .m_text{
        display:none;
    }
    .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: #ffffff;
    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:#4284F4;
    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(147,222,3,.1);
    content:"";
    position:absolute;
    left:-7px;
    top:-7px;
    border-radius:50%;
}
.wzjs_list1 li .num:after {
    width:80px;
    height:80px;
    background:rgba(147,222,3,.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:#4284F4;
}
.wzjs_list1 li.on .t1 {
    color:#4284F4;
}
.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: #4284F4;
    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: #4284F4;
}
.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: #4284F4;
    border: 1px solid #4284F4;
    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 #4284F4;
    color: #fff;
}
.wx_hy ul li:nth-child(1):hover .wxhy{
    background: url(../images/hy1_h.png) no-repeat center 30px #4284F4;
}
.wx_hy ul li:nth-child(2):hover .wxhy{
    background: url(../images/hy2_h.png) no-repeat center 30px #4284F4;
}
.wx_hy ul li:nth-child(3):hover .wxhy{
    background: url(../images/hy3_h.png) no-repeat center 30px #4284F4;
}
.wx_hy ul li:nth-child(4):hover .wxhy{
    background: url(../images/hy4_h.png) no-repeat center 30px #4284F4;
}
.wx_hy ul li:nth-child(5):hover .wxhy{
    background: url(../images/hy5_h.png) no-repeat center 30px #4284F4;
}
.wx_hy ul li:nth-child(6):hover .wxhy{
    background: url(../images/hy6_h.png) no-repeat center 30px #4284F4;
}
.wx_hy ul li:nth-child(7):hover .wxhy{
    background: url(../images/hy7_h.png) no-repeat center 30px #4284F4;
}
.wx_hy ul li:nth-child(8):hover .wxhy{
    background: url(../images/hy8_h.png) no-repeat center 30px #4284F4;
}
.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:30px 0;
    }
	.wzjs_list1{margin:50px auto 0;}
	.wzjs_title{ font-size:24px; font-weight:500;}
    .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;
    }
	#owl-demo .item dd {width: 48%;}
	#owl-demo .item dd .txts h1{ font-size:18px; margin-top:0; height:45px; line-height:45px;}
	#owl-demo .item dd .txts a{ font-size:14px; margin-left:5px; margin-right:5px;}
	#owl-demo .item dd h2{ font-size:16px; height:50px; line-height:50px;}
	.tab1li {padding:10px 0;}
	#owl-demo {margin:10px auto;}
    .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('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/39693b707999491ea593986bab2c728b.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') 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:#4284F4;
    border:1px solid #4284F4; 
}
.tab2li li.on{
    background:#4284F4;
    border:1px solid #4284F4; 
}
.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: #4284F4;
}
.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: #4284F4;
    border:1px solid #4284F4;
    color: #fff;
}
.qytg4_list li:hover span{
    color: #fff;
}
.qytg4_list .line1{
    width: 70%;
    height: 1px;
    position: absolute;
    border-bottom:1px dashed #4284F4;
    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;
}
.prenext{text-align:center; padding-bottom:3%; overflow:hidden; /*border-top:1px solid #e8e8e8; */padding-top:4%;}
.prenext a{ color:#333333; display:inline-block; height:50px; line-height:50px; width:130px; overflow:hidden;  font-size:16px; background:#e8e8e8;}
.prenext a:hover{ color:#fff; background:#e81727; text-decoration:none;}
.prenext a label{font-size:22px;}
.prenext a label.a{ padding-right:12%;}
.prenext a label.b{ padding-left:12%;}
.prenext a.nodata{ background:#e8e8e8;color:#333333;}
.prenext .l{ float:left;}
.prenext .r{ float:right;}
.title{padding:0 0 0.5em 0;font-weight: normal; margin-top:0; text-align:left;border-bottom: 1px solid #e1e1e1; margin-bottom:20px;}
.title h1{font-size:28px;color: #000;}
.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 li{
    float: left;
}
.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:#4284F4;
}
.n_sort2 a.on{
	color:#fff;
	background:#4284F4;
}

.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_line2.png) no-repeat 0px -228px;    
}
.new-float li.tp a{
    background:url(../images/on_line.png) no-repeat 0px -171px;
    
}
.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(../images/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:#4284F4;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: #4284F4;
    vertical-align: middle;
    border: 1px solid #4284F4; 
    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: 24px;line-height: 24px;color:#000;}
.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%; display:block; margin:0 auto;
}
@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;
    }
	.title h1 {font-size: 20px;}
}