@charset "utf-8";
body{font-family: "Microsoft YaHei"; font-size:12px; line-height:24px}
.container{width: 100%;max-width: 1200px;margin: 0 auto;}
.head{width: 100%;height: 100px;background: #ffffff;}
.head .logo{width: 205px;line-height: 100px;}
.head .slogan{font-size: 16px;color: #00a1d5;background: url(../images/bei-1.png) no-repeat center;width: 242px;line-height: 100px;text-align: center;margin-left: 35px;}
.head .nav{margin-right: 32px;}
.head .nav li{float: left;font-size: 16px;color: #000000;margin: 0 30px;padding: 40px 0 36px;cursor:pointer;}
.head .nav li:hover{color: #00a1d5;transition: all 0.3s ease-in-out;}
.head .nav li.on>a{border-bottom: 2px solid #00a1d5;padding: 36px 0;}
.head .nav .d-box{position: absolute;width: 100%;height: 78px;background: #fff;left: 0;margin-top: 36px;box-shadow: 0 0 10px rgba(0,0,0,.1);opacity: 0;visibility: hidden;z-index: 99;}
.head .nav .d-box dd{display: inline-block;font-size: 16px;color: #00a1d5;font-weight: bold;padding: 27px 30px;}
.head .nav .d-box dd:hover{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;}
.head .nav .d-box .nav-list{text-align: right;}
.head .nav li:hover .d-box{opacity: 1;visibility: inherit;transition: all 0.7s ease-in-out;}
.head .nav li:nth-child(1) .d-box .nav-list{padding-right: 235px;}
.head .nav li:nth-child(2) .d-box .nav-list{padding-right: 120px;}
.head .search{margin-top: 30px;border: 1px solid #e1e1e1;}
.head .search input{display: inline-block;width:165px;height: 40px;font-size: 14px;color: #cdcdcd;padding-left: 10px;}
.head .search button{float: right;display: block;width: 50px;height: 40px;border: 0;background: url(../images/sou.png) no-repeat center #00a1d5;cursor:pointer;}
.head_wap{display: none;}
.lun-bo{width: 100%;height: 610px;}
.lun-bo .next-a{width: 32px;height: 56px;background: url(../images/rt.png) no-repeat center;right: 40px;}
.lun-bo .prev-a{width: 32px;height: 56px;background: url(../images/lf.png) no-repeat center;left: 40px;}
.lun-bo .swiper-button-prev:after,.lun-bo .swiper-button-next:after{display: none;}
.hot-news{width: 100%;height:60px;line-height: 64px;background: #f5f5f5;overflow: hidden;}
.hot-news .ico{width: 22px;height: 22px;background: url(../images/ico-1.png) no-repeat center;margin-top: 22px;margin-right: 8px;}
.hot-news .txt-top{font-size: 16px;color: #333333;}
.hot-news .txt-top li span{display: inline-block;margin: 0 6px;}
.choice-1{padding: 80px 0 50px;}
.choice-1 .content{position: relative;} 
.choice-1 .content .more{width: 148px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #00a1d5;border: 1px solid #00a1d5;border-radius:30px;margin: 40px auto 0;}
.choice-1 .content .more:hover{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;cursor:pointer;}
.choice-1 .swiper-a{}
.choice-1 .swiper-a .picture{width: 100%;height: 280px;overflow: hidden;}
.choice-1 .swiper-a .info{text-align: center;font-size: 14px;color: #888888;line-height: 1.7;padding-top: 25px;}
.choice-1 .swiper-a .info h3{font-size: 18px;color: #333333;font-weight:bold;}
.choice-1 .next-b{width: 38px;height: 38px;background: url(../images/rt2.png) no-repeat center;right: -75px;outline: none;top: 32%;}
.choice-1 .prev-b{width: 38px;height: 38px;background: url(../images/lf2.png) no-repeat center;left: -75px;outline: none;top: 32%;}
.choice-1 .swiper-button-prev:after,.choice-1 .swiper-button-next:after{display: none;}
.choice-2{width: 100%;height: 430px;background: url(../images/bei-2.jpg) no-repeat center top/cover;}
.choice-2 .box{padding-top: 160px;}
.choice-2 .box .item{float: left;width: 20%;text-align: center;font-size: 14px;color: #e8e8e8;line-height: 1.4;border-right: 2px solid #a0aeb0;padding: 1px 0;}
.choice-2 .box .item span{font-weight:bold;font-size: 48px;color: #ffffff;}
.choice-2 .box .item i{display: inline-block;font-weight:bold;font-size: 48px;color: #ffffff;}
.choice-2 .box .item:nth-child(5){border-right: 0;}
.i-title{text-align:center;font-size: 30px;color: #c3e6f2;text-transform:uppercase;line-height: 1.4;}
.i-title h3{font-weight: bold;color: #00a1d5;}
.choice-3{width: 100%;background: #f5f7fa;padding: 65px 0 50px;}
.choice-3 .content{position: relative;padding-top: 25px;}
.choice-3 .content .more{width: 148px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #00a1d5;border: 1px solid #00a1d5;border-radius:30px;margin: 30px auto 0;}
.choice-3 .content .more:hover{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;cursor:pointer;}
.choice-3 .swiper-b{}
.choice-3 .swiper-b .swiper-slide{background: #fff;margin: 20px 0;}
.choice-3 .swiper-b .swiper-slide:hover{box-shadow: 0 0 15px rgba(0,0,0,.15);transition: all 0.3s ease-in-out;}
.choice-3 .swiper-b .picture{width: 100%;height: 224px;overflow: hidden;}
.choice-3 .swiper-b .info{font-size: 16px;color: #222222;padding: 30px 20px;line-height: 1.6;}
.choice-3 .swiper-b .info h3{font-weight: bold;}
.choice-3 .next-c{width: 38px;height: 38px;background: url(../images/rt2.png) no-repeat center;right: -75px;outline: none;top: 40%;}
.choice-3 .prev-c{width: 38px;height: 38px;background: url(../images/lf2.png) no-repeat center;left: -75px;outline: none;top: 40%;}
.choice-3 .swiper-button-prev:after,.choice-3 .swiper-button-next:after{display: none;}
.choice-4{padding: 65px 0 50px;}
.choice-4 .content{position: relative;padding-top: 25px;}
.choice-4 .content .more{width: 148px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #00a1d5;border: 1px solid #00a1d5;border-radius:30px;margin: 30px auto 0;}
.choice-4 .content .more:hover{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;cursor:pointer;}
.choice-4 .swiper-c .swiper-slide{margin: 20px 0;}
.choice-4 .swiper-c .swiper-slide:hover{box-shadow: 0 0 15px rgba(0,0,0,.15);transition: all 0.3s ease-in-out;}
.choice-4 .swiper-c .picture{width: 100%;height: 337px;overflow: hidden;}
.choice-4 .swiper-c .info{width: 100%;font-size: 16px;color: #222222;padding: 30px 20px;line-height: 1.6;background: rgba(245,245,245,0.95);margin-top: -85px;position: sticky;}
.choice-4 .swiper-c .info h3{font-weight: bold;}
.choice-4 .next-d{width: 38px;height: 38px;background: url(../images/rt2.png) no-repeat center;right: -75px;outline: none;top: 40%;}
.choice-4 .prev-d{width: 38px;height: 38px;background: url(../images/lf2.png) no-repeat center;left: -75px;outline: none;top: 40%;}
.choice-4 .swiper-button-prev:after,.choice-4 .swiper-button-next:after{display: none;}
.choice-5{width: 100%;background: linear-gradient(#f5f7fa, #ffffff);padding: 65px 0 85px;}
.choice-5 .content{height: 315px;background: url(../images/bei-4.png) no-repeat center top;margin-top: 45px;}
.choice-5 .content li{float: left;width: 220px;height: 80px;text-align: center;overflow: hidden;margin: 0 11px;margin-top: 6px;margin-bottom: 26px;}
.choice-5 .content li img{max-height: 100%;}
.choice-5 .content li:nth-child(5n+5){margin-right: 0;}
/* 底部 */
.foot{width: 100%;background: url(../images/bei-3.jpg) no-repeat center bottom/cover;padding: 26px 0 0;}
.foot .content-a{padding-bottom: 7px;}
.foot .content-a .f-nav{width: 70%;}
.foot .content-a .f-nav dl{float: left;font-size: 14px;color: #b2b2b2;line-height: 2.5;width: 25%;padding-left: 25px;min-height: 181px;}
.foot .content-a .f-nav dl h3{font-size: 18px;color: #e3eaee;margin-bottom: 6px;}
.foot .content-a .f-nav dl p:hover{color: #00a1d5;transition: all 0.3s ease-in-out;}
.foot .content-a .f-nav dl:nth-child(1){padding-left: 0;}
.foot .content-a .code{margin-top: 12px;}
.foot .content-a .code li{float: left;text-align: center;font-size: 14px;color: #ffffff;margin-left: 23px;cursor:pointer;}
.foot .content-a .code li .ma{display: inline-block;width: 114px;height: 114px;overflow: hidden;}
.foot .copyright{font-size: 14px;color: #8c8c8c;line-height: 1.6;padding: 17px 0;}
.foot .copyright a{float: right;}
/* 关于 */
.ban{width: 100%;height: 480px;padding-top: 190px;}
.ban .text{text-transform:uppercase;font-size: 30px;color: #000000;line-height: 1.3;}
.ban .text h3{font-size: 48px;}
.ban .text span{opacity: 0.8;}
.ban .text::before{content: "";float: left;display:block;width: 4px;height: 88px;background: #264381;margin-top: 6px;margin-right: 16px;}
.profile{padding: 55px 0;}
.profile .content{font-size: 16px;color: #333333;line-height: 1.8;padding-top: 15px;}
.profile .content p{text-indent: 2em;margin: 25px 0;}
.honors{width: 100%;background: #f5f7fa;padding: 55px 0;}
.honors .content{margin-top: 50px;}
.honors .content li{float: left;width: 370px;text-align: center;font-size: 18px;color: #333333;margin-right: 45px;margin-bottom: 30px;}
.honors .content .pic{width: 100%;height: 234px;overflow: hidden;cursor:pointer;}
.honors .content li p{font-weight: bold;padding: 14px 0;line-height: 2;}
.honors .content li:nth-child(3n+3){margin-right: 0;}
.honors .content .pic:hover{box-shadow: 0 0 15px rgba(0,0,0,.15);}
/* 业务介绍 */
.business{padding: 35px 0 60px;}
.business .item{padding: 25px 0;width: 100%;cursor:pointer;}
.business .item .picture{width: 444px;height: 281px;overflow: hidden;}
.business .item .text{width: 695px; font-size: 14px;color: #999999;line-height: 1.7;margin-left: 46px;padding-top: 8px;}
.business .item .text .w-t{border-bottom: 1px solid #f5f6f6;line-height: 1.4;padding: 10px 0;margin-bottom: 12px;}
.business .item .text .w-t h3{font-size: 24px;color: #333333;font-weight:bold;}
.business .item .text .w-t span{color: #888888;}
.business .item .text .see{width: 140px;height: 38px;line-height: 36px;text-align: center;color: #00a1d5;border: 1px solid #00a1d5;font-size: 16px;border-radius:30px;margin-top: 43px;}
.business .item:hover{background: #f7f7f7;}
.business .item:hover .see{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;}
/* 案例中心 */
.column{text-align:center;}
.column li{display: inline-block;font-size: 16px;color: #333333;line-height: 2.4;width: 10%;}
.column li a{display: inline-block;}
.column li.on a{border-bottom: 2px solid #00a1d5;color: #00a1d5;}
.column li:hover{color: #00a1d5;transition: all 0.3s ease-in-out;}
.case{padding: 38px 0;}
.case .content{margin-top: 50px;}
.case .content li{float:left;width: 370px;cursor:pointer;margin-right: 45px;margin-bottom: 50px;}
.case .content .pic{width: 100%;height: 223px;overflow: hidden;}
.case .content .text{width: 100%;background: #f2f2f2;line-height: 1.8;font-size: 16px;color: #222222;padding: 28px 20px;}
.case .content .text h3{font-weight: bold;}
.case .content li:hover{box-shadow: 0 0 15px rgba(0,0,0,.15);}
.case .content li:nth-child(3n+3){margin-right: 0;}
/* 新闻动态 */
.news{padding: 38px 0;}
.news .content{margin-top: 50px;}
.news .content li{float: left;width: 350px;margin: 0 25px;margin-bottom: 35px;}
.news .content .pic{width: 100%;height: 348px;overflow: hidden;}
.news .content .text{width: 100%;text-align: center;font-size: 14px;line-height: 1.6;padding: 16px 20px;color: #888888;}
.news .content .text h3{font-size: 17px;margin-bottom: 8px;color: #333333;
    white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
    
}
.news .content .text .see{width: 148px;height: 40px;line-height: 38px;text-align: center;color: #00a1d5;border: 1px solid #00a1d5;font-size: 15px;border-radius:30px;margin: 18px auto 0;}
.news .content .text .see:hover{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;}
.news .content li:hover .pic{box-shadow: 0 0 15px rgba(0,0,0,.15);}
.news-info{padding: 50px 0 60px;}
.news-info .title{text-align: center;line-height: 1.9;}
.news-info .title h3{font-size: 24px;color: #333333;}
.news-info .title span{font-size: 14px;color: #00a1d5;}
.news-info .content{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;font-size: 16px;color: #333333;line-height: 1.8;padding: 20px 0;margin: 0 25px;margin-top: 55px;}
.news-info .content p{margin: 20px 0;}
.news-info .share{float: right;margin-top: 20px;}
.news-info .row{margin: 0 25px;padding-top: 20px;}
.news-info .row .pages{float: left;width: 50%;}
.news-info .row .pages dl{font-size: 14px;color: #666666;line-height: 1.8;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-info .row .pages dl:hover{color: #00a1d5;transition: all 0.3s ease-in-out;}
.news-info .row .return{display: block;width: 124px;height:38px;line-height: 36px;text-align: center;font-size: 14px;color: #00a1d5;border: 1px solid #00a1d5;border-radius:30px;float: right;margin-top: 6px;}
.news-info .row .return:hover{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;cursor:pointer;}
/* 联系我们 */
.contact{padding: 45px 0 60px;}
.contact .box{}
.contact .box .info{width: 50%;}
.contact .box .info .w-t{font-size: 30px;color: #00a1d5;line-height: 1.6;font-weight: bold;border-bottom: 1px solid #c3e6f2;padding-bottom: 8px;}
.contact .box .info .text{font-size: 16px;color: #333333;line-height: 2.2;padding-top: 22px;}
.contact .picture{width: 50%;text-align: right;margin-top: 65px;}
.contact .picture li{display: inline-block;text-align: center;font-size: 14px;color: #333333;margin-left: 10px;}
.contact .map{width: 100%;margin-top: 30px;}
/* 在线留言 */
.online{width: 100%;background: #f5f7fa;padding: 50px 0 30px;}
.online .form{padding: 0 15px 0;margin-top: 40px;}
.online .form .row{margin-bottom: 20px;}
.online .form .row input{display: inline-block;width: 32.33%;height: 50px;background: #fff;border: 1px solid #cccccc;font-size: 18px;color: #999999;padding-left: 22px;border-radius:4px;cursor:pointer;}
.online .form .row input:nth-child(2){margin: 0 1%;}
.online .form .row input:hover{border: 1px solid #666;}
.online .form .row textarea{width: 99.5%;height: 200px;background: #fff;border: 1px solid #cccccc;resize: none;font-family: inherit;font-size: 18px;color: #999999;padding: 15px 22px;border-radius:4px;}
.online .form .row textarea:hover{border: 1px solid #666;}
.online .form .row button{display:block;width: 185px;height: 56px;line-height: 56px;text-align: center;background: #fff;font-size: 18px;border: 1px solid #00a1d5;color: #00a1d5;border-radius:30px;margin: 40px auto 0;cursor:pointer;}
.online .form .row button:hover{background: #00a1d5;color: #fff;transition: all 0.3s ease-in-out;}
/* 搜索 */
.mainbody{padding: 50px 0;}
.newstitle{font-size: 16px;line-height: 2;font-weight: bold;margin-bottom: 10px;}
.newstitle em{color: #FF0000;}
.newslist h3{font-size: 15px;line-height: 2;}
.newslist li{font-size: 14px;line-height: 2;margin: 8px 0;width: 80%;}
.newslist li span{float: right;color: #888;}
.newslist li:hover a{color: #00a1d5;transition: all 0.3s ease-in-out;}
.case .pic a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.case img {
    position: absolute;
    bottom: 0;
}