.banner{height:600px;width:100%;}
.banner .swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,.6);opacity:1;}
.banner .swiper-pagination-bullet-active{width:38px;height:12px;border-radius:6px;background:rgba(255,255,255,1);opacity:1;}
.banner .swiper-button-prev{width:56px;height:56px;background:url(../images/left.png)no-repeat center;left:10%;}
.banner .swiper-button-next{width:56px;height:56px;background:url(../images/right.png)no-repeat center;right:10%;}

.field{width:100%;height:auto;background:#f5f5f5;padding:80px 0;}
.field .info{font-size:14px;color:#000;line-height:24px;padding:0 15%;}
.field  .con{margin-top:60px;}
.field  .con li{float:left;width:calc((100% - 40px)/5);margin-right:10px;}
.field  .con li:last-child{margin-right:0;}
.field  .con li > div:nth-child(1){margin-bottom:10px;}
.field  .con li > div{height:232px;}
.field  .con li .text{background:#fff;position:relative;text-align:center;transition:all .2s;}
.field  .con li:nth-child(even) .text{padding-top:45px;}
.field  .con li:nth-child(odd) .text{padding-top:85px;}
.field  .con li .text h6{font-size:20px;color:#000;font-weight:300;font-family:'HY'}
.field  .con li .text p{font-size:14px;color:#999;margin-top:20px;line-height:24px;padding:0 10%;font-family:'sh'}
.field  .con li:nth-child(even) .text .icon{width:38px;height:20px;position:absolute;background:url(../images/bottom.png)no-repeat center;left:50%;bottom:45px;transform:translateX(-50%);}
.field  .con li:nth-child(odd) .text .icon{width:38px;height:20px;position:absolute;background:url(../images/top.png)no-repeat center;left:50%;top:45px;transform:translateX(-50%);}
.field  .con li:hover .text{background:#036eb8;transition:all .2s;}
.field  .con li:hover .text h6{color:#fff;}
.field  .con li:hover .text p{color:#fff;}
.field  .con li:nth-child(odd):hover .text .icon{background:url(../images/top_w.png)no-repeat center;}
.field  .con li:nth-child(even):hover .text .icon{background:url(../images/bottom_w.png)no-repeat center;}

.service{background:#ebebeb;padding:60px 0;}
.service .con{margin-top:60px;}
.service .con ul li{float:left;width:calc(100% / 4);height:386px;}
.service .con ul li .static{padding-top:70px;text-align:center;}
.service .con ul li .static .icon{width:140px;height:140px;margin:auto;}
.service .con ul li .static h6{font-size:18px;color:#000;margin-top:25px;font-weight:300;font-family:sh;}
.service .con ul li .static p{font-size:14px;color:#666;margin-top:20px;font-weight:300;font-family:sh;}
.service .con ul li .dynamic{width:100%;height:100%;background:#fff;text-align:center;padding-top:60px;display:none;}
.service .con ul li .dynamic h6{font-size:18px;color:#000;font-weight:300;font-family:sh;}
.service .con ul li .dynamic h6:after{content:'';display:block;width:38px;height:2px;background:#036eb8;margin:30px auto;}
.service .con ul li .dynamic p{font-size:14px;color:#999;line-height:24px;padding:0 9%;}
.service .con ul li .dynamic a{display:block;width:150px;height:40px;border:2px solid #036EB8;border-radius:20px;margin:38px auto 0;line-height:36px;font-size:14px;color:#036EB8;font-family:sh;}
.service .con ul li .dynamic a:hover{transition:all .3s;background:#036EB8;color:#fff;}
.service .con ul li:hover .dynamic{display:block;}
.service .con ul li:hover .static{display:none;}

.about{background:#f5f5f5;padding:80px 0;}
.about .con{margin-top:60px;background:#fff;}
.about .con .top .img{width:400px;height:350px;float:left;}
.about .con .top .text{width:calc(100% - 400px);height:350px;float:left;padding:60px 100px 0 60px;position:relative;border-bottom:1px solid #e5e5e5;background:url(../images/c_logo.png)no-repeat 80% 80%;}
.about .con .top .text h6{font-size:24px;color:#000;font-family:sh;font-weight:300;padding-left:40px;position:relative;}
.about .con .top .text h6:before{content:'';display:block;width:24px;height:2px;background:#036EB8;position:absolute;left:0;top:50%;}
.about .con .top .text p{font-size:14px;color:#000;line-height:24px;margin-top:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}
.about .con .top .text a{display:block;width:150px;height:40px;border:2px solid #036EB8;border-radius:20px;position:absolute;bottom:60px;text-align:center;line-height:36px;color:#036eb8;font-weight:500;font-family:sh;transition:all .3s;}
.about .con .top .text a:hover{background:#036EB8;color:#fff;}
.about .con .bottom{width:100%;height:255px;background:#fff;}
.about .con .bottom > div{width:calc(100% / 3);height:100%;float:left;border-right:1px solid #E5E5E5;padding-top:50px;text-align:center;}
.about .con .bottom > div:last-child{border-right:0;}
.about .con .bottom > div .icon{width:50px;height:50px;margin:auto;}
.about .con .bottom > div h6{font-size:48px;color:#036EB8;margin-top:30px;}
.about .con .bottom > div p{font-size:18px;color:#000;margin-top:20px;}

.news{width:100%;height:700px;background:url(../images/bk_7.jpg)no-repeat center;padding-top:60px;}
.news_scroll{height:360px;margin-top:60px;}
.news_scroll .swiper-slide{background:#fff;padding:40px 50px 0 40px;}
.news_scroll .swiper-slide:hover{box-shadow:0 0 20px #ccc;}
.news_scroll .swiper-slide .img{float:left;width:140px;height:140px;}
.news_scroll .swiper-slide .text{float:left;width:calc(100% - 140px);padding-left:30px;}
.news_scroll .swiper-slide .text h6{font-size:20px;line-height:24px;color:#000;font-family:HY;}
.news_scroll .swiper-slide .text p{font-size:14px;line-height:20px;color:#666;margin-top:30px;font-family:HY;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; }
.news_scroll .swiper-slide .text a{width:150px;height:40px;display:block;border:2px solid #036EB8;border-radius:20px;text-align:center;line-height:36px;margin-top:30px;font-size:14px;color:#036eb8;transition:all .3s;}
.news_scroll .swiper-slide:hover .text a{background:#036EB8;color:#fff;transition:all .3s;}
.news .con{position:relative;}
.news .con .news_scroll_prev{width:120px;height:48px;background:#fff url(../images/l_ar.png)no-repeat center;right:120px;border-top-left-radius:24px;border-bottom-left-radius:24px;position:absolute;top:auto;bottom:-108px;left:auto;}
.news .con .news_scroll_next{width:120px;height:48px;background:#fff url(../images/r_ar.png)no-repeat center;right:0;border-top-right-radius:24px;border-bottom-right-radius:24px;position:absolute;top:auto;bottom:-108px;}

.partner{background:#f5f5f5;padding:80px 0 120px;}
.partner .title:after{display:none;}
.partner p{font-size:14px;color:#666;text-align:center;;font-family:HY;margin-top:20px;}
.partner p:after{display:block;content: '';width:40px;height:2px;background:#036eb8;margin:30px auto;}
.partner .con{margin-top:60px;}
.partner .con ul li{float:left;width:calc(100% / 6);height:80px;position:relative;}
.partner .con ul li img{position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);}
.partner .con ul li:hover img{transform: scale(1.1) translate(-50%,-50%);transition:all .2s;}
.partner .con ul:nth-child(1) li:nth-child(odd){background:#fff;}
.partner .con ul:nth-child(1) li:nth-child(even){background:#f9f9f9;}
.partner .con ul:nth-child(2) li:nth-child(even){background:#fff;}
.partner .con ul:nth-child(2) li:nth-child(odd){background:#f9f9f9;}


@media screen and (max-width: 750px){
    .field{padding:35px 0;}
    .field .info{font-size:14px;color:#000;line-height:24px;padding:0 5%;}
    .field  .con{margin-top:60px;padding:0 5%;}
    .field  .con li{float:none;width:100%;margin-right:0;}
    .field  .con li:last-child{margin-right:0;}
    .field  .con li > div:nth-child(1){margin-bottom:0px;}
    .field  .con li > div{height:232px;}
    .field  .con li .img  img{width:100%;height:100%;}
    .field  .con li .text{background:#fff;position:relative;text-align:center;transition:all .2s;}
    .field  .con li:nth-child(even) .text{padding-top:45px;}
    .field  .con li:nth-child(even) .img{margin-bottom:10px;}
    .field  .con li:nth-child(odd) .text{padding-top:85px;margin-bottom:10px;}

    .service{background:#ebebeb;padding:35px 0;}
    .service .con{margin-top:60px;padding:6%;}
    .service .con ul li{float:none;width:100%;height:386px;}


    .about{background:#f5f5f5;padding:35px 0;}
    .about .con{margin-top:60px;background:#fff;}
    .about .con .top .img{width:100%;height:350px;float:none;}
    .about .con .top .img img{width:100%;height:100%;}
    .about .con .top .text{width:100%;height:350px;float:left;padding:20px 2% 10px;}
    .about .con .top .text a{bottom:20px;}
    .about .con .bottom{width:100%;height:auto;background:#fff;}
    .about .con .bottom > div{width:100%;height:100%;float:left;border-bottom:1px solid #E5E5E5;padding:30px 0;text-align:center;border-right:0;}
    .about .con .bottom > div:last-child{border-right:0;border-bottom:0;}
    .about .con .bottom > div .icon{width:50px;height:50px;margin:auto;}
    .about .con .bottom > div h6{font-size:48px;color:#036EB8;margin-top:30px;}
    .about .con .bottom > div p{font-size:18px;color:#000;margin-top:20px;}

    .news{width:100%;height:700px;background:url(../images/bk_7.jpg)no-repeat center;padding-top:35px;}
    .news_scroll{height:auto;margin-top:60px;}
    .news_scroll .swiper-slide{background:#fff;padding:20px 10px 10px 10px;}
    .news_scroll .swiper-slide:hover{box-shadow:0 0 20px #ccc;}
    .news_scroll .swiper-slide .img{float:none;width:140px;height:140px;margin:auto;}
    .news_scroll .swiper-slide .text{float:none;width:auto;padding-left:0;}
    .news_scroll .swiper-slide .text h6{font-size:20px;line-height:24px;color:#000;font-family:HY;margin-top:15px;}
    .news_scroll .swiper-slide .text p{font-size:14px;line-height:20px;color:#666;margin-top:10px;font-family:HY; }
    .news_scroll .swiper-slide .text a{width:150px;height:40px;display:block;border:2px solid #036EB8;border-radius:20px;text-align:center;line-height:36px;margin:30px auto 0;font-size:14px;color:#036eb8;transition:all .3s;}
    .news_scroll .swiper-slide:hover .text a{background:#036EB8;color:#fff;transition:all .3s;}
    .news .con{position:relative;}
    .news .con .news_scroll_prev{width:120px;height:48px;background:#fff url(../images/l_ar.png)no-repeat center;right:120px;border-top-left-radius:24px;border-bottom-left-radius:24px;position:absolute;top:auto;bottom:-108px;left:auto;}
    .news .con .news_scroll_next{width:120px;height:48px;background:#fff url(../images/r_ar.png)no-repeat center;right:0;border-top-right-radius:24px;border-bottom-right-radius:24px;position:absolute;top:auto;bottom:-108px;}


    .partner{background:#f5f5f5;padding:35px 0 80px;}
    .partner .title:after{display:none;}
    .partner p{font-size:14px;color:#666;text-align:center;;font-family:HY;margin-top:20px;}
    .partner p:after{display:block;content: '';width:40px;height:2px;background:#036eb8;margin:30px auto;}
    .partner .con{margin-top:60px;}
    .partner .con ul li{float:left;width:calc(100% / 2);height:80px;position:relative;}
    .partner .con ul li img{position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);}
    .partner .con ul li:hover img{transform: scale(1.1) translate(-50%,-50%);transition:all .2s;}
    .partner .con ul:nth-child(1) li:nth-child(odd){background:#fff;}
    .partner .con ul:nth-child(1) li:nth-child(even){background:#f9f9f9;}
    .partner .con ul:nth-child(2) li:nth-child(even){background:#fff;}
    .partner .con ul:nth-child(2) li:nth-child(odd){background:#f9f9f9;}



}