@import "common.css";
@import "dongxiao.css";

/*头部:logo、导航 end*/


/*banner start*/
.banner{overflow-x: hidden;/*margin-top: 90px;*/position: relative;}
.banner .swiper {width: 100%;}
.banner .banner-cont {width: 100%;}
.banner .banner-cont .img{width: 100%;}
.banner .banner-cont .img img {display: block;width: 100%;}

.banner .banner-cont.swiper-slide{overflow: hidden;}
/*图片缓慢缩小*/
.banner .swiper-slide img{-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 4s linear;
    -o-transition: 4s linear;
    -moz-transition: 4s linear;
    transition: 4s linear;}
.banner .swiper-slide.swiper-slide-active img{transition: 6s linear;
    transform: scale(1);}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto;margin-top: -50px;}
.banner .swiper-pagination-bullet{width: 36px;height: 5px;background: #FFFFFF;border-radius: 3px;}

.banner .banner-pages{position: relative;z-index:9; }
.banner .banner-pages .pageimg{position: absolute;width:60px;height: 60px;border:3px solid #fff;font-size: 40px;color:#fff;text-align: center;overflow: hidden;transition: all 0.5s;}
.banner .banner-pages .pageimg img{width: 100%;height: 100%;}
.banner .banner-pages .banner-prev{right:150px;bottom: 50px;}
.banner .banner-pages .banner-next{right:45px;bottom: 50px;}

/*!*放上去画圆弧动效*!*/
/*.banner .banner-pages .pageimg:before {content: "";position: absolute;left: -150%;top: -150%;background: #fff;width: 300%;height: 300%;border-radius: 50%;z-index: -1;transition: 0.5s;transform: scale(0);}*/
/*.banner .banner-pages .pageimg:hover{color:#353535;}*/
/*.banner .banner-pages .pageimg:hover:before {transform: scale(1);}*/

.banner .swiper-button-next{right: -30px;left: auto;transition: all 0.5s;}
.banner .swiper-button-prev{left:-30px;right: auto;transition: all 0.5s;}
.banner:hover .swiper-button-next{right: 30px;}
.banner:hover .swiper-button-prev{left: 30px;}

:root {
    --swiper-theme-color: #fff;
}

/*banner上的文字内容*/
.banner .banner-text{position: absolute;left:10%;top:40%;/*width: 100%;height: 30%;*/}
.banner .banner-text .bc{align-items:flex-start;flex-flow: column;/*position: absolute;top:30%;left:0;right:0;*/color:#fff;}
.banner .banner-text .bc .etitle{font-size: 28px;letter-spacing: 5px;margin: 5px 0;text-transform:uppercase;}
.banner .banner-text .bc .etitle.etitle2{font-size:22px;}
.banner .banner-text .bc .ctitle{font-size: 52px;font-weight:bold;margin: 20px 0;letter-spacing: 10px;}
.banner .banner-text .bc .hx{width: 40%;height: 1px;background-color: rgba(255,255,255,0.5);margin: 40px 0 0 0;}
.banner .banner-text .bc .hx .hx2{width: 40%;height: 1px;background-color: #fff;}
.banner .banner-text .bc .desc{font-size: 20px;letter-spacing: 2px;margin: 5px 0;display: none;}
/*banner end*/



/*文字两端划线*/
.huaxian:before,.huaxian:after {content:"";width:36%;height:1px;background:#B5B5B5;
    display:block;/*1.首先使伪类显示方式为块级元素*/
    position:relative ;/*2.通过相对定位的方式控制两侧内容的位置*/}
/*3.控制左侧横线的位置*/
.huaxian:before{}
/*4.控制右侧横线的位置*/
.huaxian:after{}


/*公共标题*/
.cate-title{margin: 10px auto 30px auto;}
.cate-title .cate-title-cont{flex-flow: column;width: 28%;}
.cate-title .cate-title-cont h2{font-size: 36px;font-weight: 500;color: #353535;margin-bottom: 6px;}
.cate-title .cate-title-cont h4{font-size: 24px;font-weight: 400;color: #858585;}




/*关于我们*/
.about{width:100%;overflow-x:hidden;padding: 20px 0 0px 0;background: linear-gradient(to left, #E1EBF3, #FFFFFF);}
.about .about-cont{justify-content: space-between;background: url(../images/about-back2.png) left bottom no-repeat;background-size: 50%;align-items: flex-start;}
.about .about-cont .left{width: 53%;flex-flow: column;align-items: flex-start;}
.about .about-cont .left .aboutdesc{font-size: 16px;line-height: 38px;color:#353535;text-indent: 2rem;}
.about .about-cont .left .aboutmore{margin-top: 60px;font-size: 16px;color:#fff;}
.about .about-cont .left .aboutmore .moredesc{width: 200px;height: 52px;background-color: #0E6EB8;border:1px solid #0E6EB8;color:#fff;border-radius: 26px 26px 26px 26px;font-size: 16px;letter-spacing: 2px;line-height: 52px;text-indent:60px;transition: all 0.5s;}
.about .about-cont .left .aboutmore .jt{width: 52px;height: 52px;border-radius: 50%;background-color:#0E6EB8;border: 2px solid #fff;margin-left: -250px;opacity:0;transition: all 1s;}
.about .about-cont .right{width: 43%;}
.about .about-cont .right img{width: 100%;display: block;}
.about .about-cont:hover .aboutmore .moredesc{border:1px solid #0E6EB8;background-color:#fff;color:#0E6EB8;}
.about .about-cont:hover .aboutmore .jt{margin-left: -50px;opacity:1;}



/*新闻中心*/
.news{width:100%;overflow-x:hidden;padding: 20px 0 40px 0;}
.news .news-cont{height:530px;justify-content: space-between;align-items:unset;background: #FFFFFF;border-radius: 8px 8px 8px 8px;border: 1px solid #B5B5B5;overflow: hidden;}
.news .news-cont .left{width: 50%;position: relative;}
.news .news-cont .left .img{width: 100%;height: 100%;overflow: hidden;}
.news .news-cont .left .img img{width: 100%;display: block;transition: all .5s;}
.news .news-cont .left .title-cont{width: 96%;height:50px;font-size: 20px;font-weight: 400;color: #fff;justify-content: space-between;margin: 0 auto;
    position: absolute;bottom: 0;left: 0;right: 0;padding:10px 2%;background-color: rgba(0,0,0,0.2);transition: all 0.5s;}
.news .news-cont .left .title-cont .title{width:80%;line-height: 32px;font-size: 20px;font-weight: 400;color: #fff;transition: all 0.5s;}
.news .news-cont .left .title-cont .more{min-width:12%;font-size: 14px;font-weight: 400;color: #fff;line-height: 32px;transition: all 0.5s;}
.news .news-cont .left:hover .img img{transform: scale(1.1);}
.news .news-cont .left:hover .title-cont{background-color: rgba(0,0,0,0.6);}
.news .news-cont .left:hover .title-cont .title{color: #CDB785;}
.news .news-cont .left:hover .title-cont .more{border-bottom: 1px solid #CDB785;color: #CDB785;}
.news .news-cont .right{width: 46%;height:100%;padding: 0% 2%;flex-flow: column;align-items: flex-start;}
.news .news-cont .right .news-cate{width: 100%;padding: 10px 0;}
.news .news-cont .right .news-cate ul{width: 100%;font-size: 20px;color: #353535;}
.news .news-cont .right .news-cate ul li{width: 20%;transition: all 0.5s;}
.news .news-cont .right .news-cate ul li:hover{cursor: pointer;color: #0E6EB8;font-weight: bold;}
.news .news-cont .right .news-cate ul li.on{color: #0E6EB8;font-weight: bold;}
.news .news-cont .right .right-cont{width: 100%;height: 400px;}
.news .news-cont .right .right-cont .news-lists{display: none;}
.news .news-cont .right .right-cont .news-lists.on{display: block;}
.news .news-cont .right .right-cont ul{width: 100%;margin-top: 15px;}
.news .news-cont .right .right-cont ul li{width: 100%;padding: 25px 0;font-size: 18px;color: #353535;border-top: 1px solid #dfdfdf;}
.news .news-cont .right .right-cont ul li a{color: #858585;}
.news .news-cont .right .right-cont ul li .title-cont{width: 100%;justify-content: space-between;font-size: 18px;color: #353535;transition: all 0.5s;}
.news .news-cont .right .right-cont ul li .title-cont .title{width:75%;transition: all 0.5s;}
.news .news-cont .right .right-cont ul li .title-cont .addtime{transition: all 0.5s;}
.news .news-cont .right .right-cont ul li .desc{width: 100%;margin-top: 10px;display: none;font-size: 16px;color: #858585;transition: all 0.5s;}
.news .news-cont .right .right-cont ul li.on .title{}
.news .news-cont .right .right-cont ul li.on .desc{display: block;}
.news .news-cont .right .right-cont ul li:hover .title{color: #0E6EB8;}
.news .news-cont .right .right-cont ul li:hover .addtime{color: #0E6EB8;}
.news .news-cont .right .right-cont ul li:hover .desc{color: #858585;}

.more-cont{width: 100%;justify-content: space-between;margin-top: 10px;}
.more-cont .more-left{width: 70%;}
.more-cont .more-right{width: 25%;}
.more-cont .more-right .hx{width: 40%;height: 1px;background-color: #0E6EB8;margin-right: 10px;}
.more-cont .more-right .more{font-size: 16px;font-weight: 400;color: #0E6EB8;}





/*业务领域*/
.cont02{width:100%;overflow:hidden;padding: 20px 0 40px 0;background: linear-gradient(to left, #E1EBF3, #FFFFFF);}
.cont02 .cont02-cont{position: relative;}
.cont02 .cont02-cont ul{width: 100%;z-index: 2;position: relative;}
.cont02 .cont02-cont ul li{flex-flow: column;width: 33%;margin-right: 1%;}
.cont02 .cont02-cont ul li:last-child{margin-right: 0;}
.cont02 .cont02-cont ul li .img{width: 100%;overflow: hidden;}
.cont02 .cont02-cont ul li .img img{width: 100%;transition: all 0.5s;display: block;}
.cont02 .cont02-cont ul li .title{font-size: 20px;color: #353535;line-height: 32px;margin: 10px 0;}
.cont02 .cont02-cont ul li .lineandyuan{width: 12px;height: 12px;background-color: #DFDFDF;border-radius: 50%;}
.cont02 .cont02-cont ul li.on .img img{transform: scale(1.1);}
.cont02 .cont02-cont ul li.on .title{font-weight: bold;color: #0E6EB8;}
.cont02 .cont02-cont ul li.on .lineandyuan{background-color:#0E6EB8; }
.cont02 .cont02-cont .hx{width: 100%;height: 1px;background-color: #DFDFDF;position:absolute;bottom: 0px;z-index: 1;}
.cont02 .cont02-cont ul li .lineandxian{width: 0%;height: 1px;background-color:#0E6EB8;margin-top: -6px;transition: all 0.6s;}
.cont02 .cont02-cont ul li.on .lineandxian{width: 100%;}





/*部分适应*/
@media (max-width:1580px){

}

@media (max-width:1480px){
    .more-cont .more-right{width: 30%;}
}

@media (max-width:1380px){
    .more-cont .more-right{width: 30%;}
}

@media (max-width:1280px){

    .more-cont .more-right{width: 30%;}
}