/*banner*/
.swiper-container{ width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;}
.in_banner h2{width: 100%;}
.in_banner h2 img {width: 100%;}
.in_banner h3{display: none; }

/*index-part1*/
.index-part1{padding: 30px 0;}
.index-part1>div{width: 24%;display:inline-block;text-align: center;}
.index-part1>div p{color: #00413d;margin: 10px 0;font-size: 18px;}

/*index-part2*/
.index-part2{padding: 40px 0 20px;}
.tit{margin: 30px 0;}
.tit .fr{padding-top: 60px;}
.pro-list {padding-top: 2%;position: relative;}
.pro-list li.slide {position: relative;width: 25%;float: left;overflow: hidden;}
.pro-list li.slide .ccb-img-box {position: relative;transition: all ease-out 300ms;-webkit-transition: all ease-out 300ms;text-align: center;background-color: #efefef;}
.pro-list li.slide .ccb-img-box img {display: inline-block;width: auto;overflow: hidden; transition: all 0.3s ease-in-out;}
.pro-list li.slide:hover .ccb-img-box img {transform: scale(1.1);}
.ccbt-comp {font-size: 16px;line-height: 16px;color: #8a8a8a;text-align: center;transition: all ease-out 300ms;-webkit-transition: all ease-out 300ms;}
.pro-list .flex-direction-nav a {opacity: 1;filter: alpha(opacity=100);width: 50px;height: 77px;margin: -38px 0 0;text-shadow: none;background-size: 100% !important;transition: background .3s;z-index: 99;position: absolute;top: 46%;cursor: pointer;text-indent: -999em;overflow: hidden;}
.pro-list .flex-direction-nav .flex-prev {background: url(../images/a32.png) no-repeat center;left: -75px;}
.pro-list .flex-direction-nav .flex-next {background: url(../images/a33.png) no-repeat center;right: -70px;text-align: center;}
.flex-control-nav{display: none;}
.ccbt-comp{color: #00413d;font-size: 16px;margin: 15px 0;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}

/*index-part3*/
.index-part3{padding: 40px 0 ;background: url(../images/ab-bg.jpg) no-repeat center/cover;    overflow: hidden;}
.index-part3 .fl{position: relative;width: 640px;margin-top:60px;}
.index-part3 .fl img{position: relative;z-index: 99;}
.index-part3 .fl:after{content: "";background: url(../images/p2-2.png);width: 203px;height: 203px;position: absolute;display: block;right: -20px;top: -40px;}
.index-part3 .ab-con>.fr{width: 500px;margin-top: 120px;}
.index-part3 .fr p{color: #fff;font-size: 16px;line-height: 30px;background-color: #0881d0;padding: 20px;margin-top: 20px;}
.index-part3 .fr p a{color: #0881d0;font-size: 14px;padding: 5px 25px;border-radius: 20px;background-color: #fff;margin-top: 20px;display: inline-block;}

/*index-part4*/
.index-part4{padding: 40px 0 ;}
.index-part4 ul{margin: 2% 0;}
.index-part4 li{width: 30%;margin: 0 1.5%;transition: box-shadow .3s;float: left;}
.index-part4 li div{border: 1px solid #dcdcdc;padding: 30px;border-top: none;}
.index-part4 li div h3{font-size: 18px;color: #000;border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;font-weight: normal;transition: all .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-part4 li div p{font-size: 16px;color: #333;line-height: 24px;height: 48px;overflow: hidden;margin-top: 10px;transition: all .3s;}
.index-part4 li:hover{box-shadow: 0 5px 5px rgba(16,71,107,0.75);}
.index-part4 li:hover h3{color: #00413d;border-bottom: 1px solid #10476b;}
.index-part4 li:hover p{color: #00413d;}
.link{background: url(../images/link.png) no-repeat center/cover;height: 156px;}
.link li{width: 25%;float: left;text-align: center;margin: 0;padding-top: 87px;}
.link  li:hover {
    box-shadow:none;
}


@media screen and (max-width: 1450px){
    .pro-list .flex-direction-nav .flex-prev {left: 0;}
    .pro-list .flex-direction-nav .flex-next {right: 0;}
}
@media screen and (max-width: 1367px){

}
@media screen and (max-width: 1200px) {
    .link{display: none;}
    .index-part1,.index-part2,.index-part3,.index-part4{padding: 20px 0;}
    .tit {margin: 15px 0;}
    .tit>img{width: 200px;}
    .tit .fr {padding-top: 45px;}
    .tit a img{width: 80px;}
}

@media screen and (max-width: 992px){
    .index-part3 .fl {width: 100%; margin-top: 63px; float: none;}
    .index-part3 .fl img {width: 100%;}
    .index-part3 .ab-con>.fr {width: 100%;margin-top: 30px;float: none;}
    .index-part4 li{margin: 2% 0;}
    .index-part4 li>a{display: block;}
    .index-part4 li>a img{width: 100%}
    .index-part4 li div{padding: 10px}
    .index-part4 li div h3 {font-size: 16px;padding-bottom: 10px;}
    .index-part4 li div p {font-size: 14px;}
}
@media screen and (max-width: 768px){
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5px;}
    .in_banner h3{display: block;}
    .in_banner h2{display: none;}
    .index-part3 .fl:after {top: -11px;  }
    .index-part3 .fl {margin-top: 40px;}
}
@media screen and (max-width: 540px){
    .tit>img {width: 159px;}
    .tit .fr {padding-top: 33px;}
    .tit a img {width: 70px;}
    .index-part1>div{width: 48%;}
    .index-part1>div img{width: 48%;}
    .index-part1>div p{font-size: 14px;}
    .index-part1, .index-part2, .index-part3, .index-part4 {padding: 11px 0;}
    .index-part3 .news1200>div:nth-of-type(1) img{width: 150px;}
    .index-part3 .ab-con>.fr img{width: 180px;}
    .index-part3 .fr p{font-size: 14px;line-height: 25px;}
    .index-part4 li{width: 100%}
}