/* CSS Document */
@charset "utf-8";

.col-a{background: url(bg1.png)no-repeat top center ; padding-top: 80px;box-sizing: border-box;padding-bottom: 80px;}
.col-a .play{float: left;}
.col-a .desc{width: 530px;float: right;}
.col-a .desc .hd{margin-top: 21px;}

.col-a .desc .bd{font-size: 16px;color: #333;line-height: 30px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;margin-top: 25px;}
.more{width: 180px;height: 50px;line-height: 50px;text-align: center;background-color: #143375;font-size: 16px;color: white;display: block;margin-top: 39px;}
.more:hover{background-color: #eba01e;}

.col-b{background: url(bg2.png)no-repeat top center;}
.col-b .bd{margin-top: 40px;}
.col-b .bd ul li{float: left;margin-right: 30px;width: 380px;background-color: white;}
.col-b .bd ul li:last-child{margin-right: 0;}
.col-b .bd ul li a,.col-b .bd ul li i{display: block;}
.col-b .bd ul li i{overflow: hidden;}
.col-b .bd ul li i img{transition: all 0.6s ease;}
.col-b .bd ul li .desc{padding:27px 30px 20px;box-sizing: border-box;}
.col-b .bd ul li .desc .tle{font-size: 18px;line-height: 24px;color: #333;height: 48px;overflow: hidden;}
.col-b .bd ul li .desc .col-icon{margin-top: 48px;}
.col-b .bd ul li .desc .col-icon span{display: block;position: relative;color: #666;font-size: 14px;float: left;padding-left: 27px;box-sizing: border-box;}
.col-b .bd ul li .desc .col-icon span::before{position: absolute;width: 17px;height: 18px;background: url(icon4.png) no-repeat left center;content: ""; left: 0;top: 0;}
.col-b .bd ul li .desc .col-icon .a1{background: url(icon5.png)no-repeat center; width: 35px;height: 16px;float: right;}
.col-b .bd ul li:hover .desc .col-icon .a1{background: url(icon5-1.png)no-repeat center; }
.col-b .bd ul li:hover .desc .tle{color: #143375;}
.col-b .bd ul li:hover i img{transform: scale(1.2);}
.col-b .bd ul li:hover{box-shadow: 0px 0px 20px #d1d8e0;}
.col-b .more{margin: 45px auto 0;}


.col-c{background-color: #f5f7fa;padding-bottom: 67px;padding-top: 80px;}
.col-c .bd{margin-top: 40px;}
.col-c .bd .swiper-slide a{display: block;position: relative;width: 580px;height: 480px;}
.col-c .bd a .desc{width: 500px;box-sizing: border-box;position: absolute;top: 280px;transform: translate(-50%,0);left: 50%;background-color: white;padding: 26px 44px 28px 30px;box-shadow: 0px 0px 20px #d1d8e0;}
.col-c .bd a .desc span{font-size: 16px;color: #143375;}
.col-c .bd a .desc .mt{color: #333;font-size: 18px;line-height: 30px;	overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.col-c .bd a .desc .mc{color: #666;font-size: 14px;line-height: 20px;	overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.col-c .bd .more{margin: 50px auto 0;}
.col-c .bd .swiper-slide i{display: block;overflow: hidden;}
.col-c .bd .swiper-slide i img{transition: all 0.6s ease;}
.col-c .bd .swiper-slide:hover i img{transform: scale(1.2);}
.col-c .bd .swiper-slide:hover a .desc .mt{color: #143375;}


.col-d{padding: 80px 0;}
.col-d .contact .col-box{float: left; text-align:center;}
.col-d .contact .col-box p{color: #000;font-size: 16px;line-height: 30px;margin-top: 23px;}
.col-d .contact .tel{width: 180px;margin: 0 100px 0 100px;}
.col-d .contact .address{width: 335px;}
.col-d .contact .mail{width: 270px;margin-left: 100px;}
.col-d .contact-item{margin-top: 70px;}
.col-d .contact-item .map{float: left;border:1px solid #c8c8c8;width: 578px;height: 438px;overflow: hidden;}
.col-d .contact-item .contact-form{float: right;width: 580px;}
.col-d .contact-item .contact-form .bd{margin-top: 40px;}
.col-d .contact-item .contact-form .bd input{width: 280px;height: 48px;line-height: 48px;border: 1px solid #c8c8c8;box-sizing: border-box;background-color: #f7f9fb;}
.col-d .contact-item .contact-form .bd .txt{margin-right: 16px;margin-bottom: 20px;padding-left: 20px;font-size: 16px;}
.col-d .contact-item .contact-form .bd .txt:nth-child(2n){margin-right: 0;}
.col-d .contact-item .contact-form .bd textarea{width: 580px;height: 120px;border: 1px solid #c8c8c8;box-sizing: border-box;padding: 20px;font-size: 16px;background-color: #f7f9fb;outline:none;resize:none}
.col-d .contact-item .contact-form .bd .sbt{background-color: #143375;color: white;font-size: 16px;margin-top: 20px;}
.col-d .contact-item .contact-form .bd .sbt:hover {background-color: #eba01e;}


.col-hd h3{font-size: 38px;background: url(bg100.png)no-repeat left bottom;color: #000;}
.col-hd h3 i{font-style: normal;color: #143375;}