@charset "utf-8";

/*BANNER*/
.swiper-slide{overflow: hidden; cursor: pointer;}
.swiper-slide img{width: 100%;}

.home-bt{overflow: hidden; text-align: center; margin: 50px 0;}
.home-bt span{font-size: 32px; line-height: 40px; margin: 10px 0; color: #333;}
.home-bt em{display: block; font-size: 40px; color: #fd3a00; line-height: 52px; text-transform: uppercase;}
.home-bt em b{color: #0f68d0; font-weight: normal;}


.home-pro{overflow: hidden; margin-bottom: 50px;}
.home-pro ul{}
.home-pro ul li{float: left; width: 386px; margin-right: 20px; margin-bottom: 20px;}
.home-pro ul li:nth-of-type(3n+0){margin-right: 0;}
.home-pro ul li .img{position: relative;height: 288px; overflow: hidden; border: 1px solid #e7e7e7; }
.home-pro ul li .img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-pro ul li .img img:hover{transform:scale(1.1);}
.home-pro ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 14px; padding:20px 0; background: #e7e7e7; color: #333;}
.home-pro ul li:hover .img{border: 1px solid #0f68d0; }
.home-pro ul li:hover h2{background: #0f68d0;}
.home-pro ul li:hover a h2{color: #FFF;}

.home-aboutbg{overflow: hidden; background: url(../images/aboutbg.jpg) no-repeat center; height: 861px;}
.home-about{ margin-top: 200px;}
.home-about .left{float: left;width: 578px; padding: 73px;}
.home-about .left h2{ font-size: 26px;color: #333; font-weight: bold; line-height: 52px;}
.home-about .left .text{line-height: 28px; color: #666; padding: 25px 0;}
.home-about .left ul{margin-top: 30px;}
.home-about .left ul li{float: left; width: 25%; text-align: center;}
.home-about .left ul li i{display: block;}
.home-about .left ul li span{display: block;}

.home-about .right{float: left;width:466px; margin-left:9px; margin-top: 575px;}
.home-about .right .more{ display: block; height: 58px; line-height: 58px; text-align: center; background: #0f68d0; cursor: pointer;}
.home-about .right .more a{color: #FFF;}
.home-about .right .more:hover{background: #fd3a00;}

.home-ys-title{display:flex; text-align: center;justify-content: center; margin: 50px 0;}
.home-ys-title .left{float: left;}
.home-ys-title .center{float: left; margin: 0 10px;}
.home-ys-title .center h2{ font-size: 38px;}
.home-ys-title .center p{ font-size: 14px; color: #777; margin-top: 10px;}
.home-ys-title .right{float: left;}

.home-ys{overflow: hidden; margin-bottom: 50px;}
.home-ys ul{}
.home-ys ul li{float: left; width: 33.333333%;}
.home-ys ul li .img{}
.home-ys ul li .img img{width: 100%;}
.home-ys ul li .text{overflow: hidden; background: #f8f8fa; height: 229px; text-align: center;}
.home-ys ul li .text .box{padding: 70px;}
.home-ys ul li .text .box span{ font-size: 22px;}
.home-ys ul li .text .box p{color: #777;}

.home-newsbg{background:#f6f6f6;padding: 60px 0;}
.home-news{overflow: hidden; }
.home-news .left{float: left;width: 45%; background: #FFF;}
.home-news .left .img{overflow: hidden;}
.home-news .left .img img{width: 100%;}
.home-news .left .text{overflow: hidden; background: #FFF; padding: 20px;}
.home-news .left .text h2{font-size: 17px; color: #333;}
.home-news .left .text time{line-height: 28px; color: #999;}
.home-news .left .text p{line-height: 28px; color: #666;}
.home-news .right{float: left;width: 52%; margin-right: 3%; }
.home-news .right ul{}
.home-news .right ul li{overflow: hidden;background: #FFF; margin-bottom: 10px; padding: 12px;}
.home-news .right ul li .date{float: left;width: 72px;height: 72px; margin-right: 18px; text-align: center;}
.home-news .right ul li .date b{display: block; font-size: 50px; padding-top: 15px;color: #0f68d0;}
.home-news .right ul li .date span{color: #666; line-height: 28px;}
.home-news .right ul li .text{float: left; width:calc((100% - 90px)) ;}
.home-news .right ul li .text h2{font-size: 17px; color: #333;}
.home-news .right ul li .text p{line-height: 24px; color: #666; font-size: 13px;}