@charset "utf-8";

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

.home-bt{overflow: hidden; margin: 50px 0;text-align: center;}
.home-bt h2{font-size: 26px;color: #2e357a;}
.home-bt h2 b{font-weight: normal;}
.home-bt small{font-size: 46px; color: #333;font-weight: bold;}

.three{position: relative;margin-top: -100px; z-index: 999;}
.three ul{ margin-left:-2%; margin-right:-2%; }
.three ul li{float: left; width: 29.333333%; margin:2%; min-height: 190px; box-shadow: 0 1px 12px 0 rgba(0,0,0,.2); border-radius: 10px; padding:30px 20px; background: #FFF; cursor: pointer;text-align: center;}
.three ul li i{display: block; width: 80px; height: 80px;  background: #696767; line-height: 80px; margin: 0 auto; color: #FFF;font-size: 46px;  border-radius: 100%;}
.three ul li .text{overflow: hidden; margin-top: 10px;}
.three ul li .text h2{font-size: 22px; color: #333;  font-weight: bold; }
.three ul li .text p{ font-size:15px;color:#777; line-height:26px; }
.three ul li:hover{ background:#2e357a; }
.three ul li:hover i{ background:#FFF; color:#222; }
.three ul li:hover .text h2{ color:#FFF; }
.three ul li:hover .text p{ color:#FFF; }


/*简介*/
.home-about-l{float: left; width: 40%; margin-top: 50px; margin-bottom: 50px;}
.home-about-l img{max-width: 100%; border-radius:10px;box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);}
.home-about-r{float: left; width: 55%; margin-left: 5%;margin-top: 50px; margin-bottom: 50px;}
.home-about-r .text{ }
.home-about-r .text h2{ font-size: 26px; color: #2e357a; margin-bottom: 10px;}
.home-about-r .text h3{ font-size: 30px; font-weight: bold;}
.home-about-r .text p{color:#666;font-size: 15px; margin:30px 0; line-height:28px; text-align:justify; }
.home-about-r .text .more{background: #2e357a; border-radius:8px; display:inline-block; width:160px;height:52px; line-height:52px; text-align:center; margin: 30px 0;}
.home-about-r .text .more a{color: #FFF;line-height:40px; font-size: 16px;}
.home-about-r .text .more span{}
.home-about-r .text .more i{font-size: 20px;}


.digital{overflow: hidden; margin: 30px 0;}
.digital ul{ }
.digital ul li{float: left; width: 25%;text-align: center; }
.digital ul li h2{ border-radius: 10px; padding: 15px 0;}
.digital ul li h2 b{font-size: 60px; background-image: linear-gradient(to right, #183883, #76c5f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-weight: bold;}
.digital ul li h2 i{font-size: 30px;font-weight: bold; color: #999;}
.digital ul li h5{font-size: 16px; line-height: 30px; color: #666;  text-align: center;}


/*产品*/
.home-probg{overflow: hidden; background:#f8f8f8;padding: 2% 0;}
.home-pro-fl{overflow: hidden; text-align: center; margin-bottom:20px; }
.home-pro-fl ul{display: inline-block;}
.home-pro-fl ul li{float: left;margin: 0 10px; padding: 15px 0;}
.home-pro-fl ul li a{color: #666;border: 1px solid #e7e7e7;  background: #FFF;border-radius: 50px; padding: 12px 30px; font-size: 16px;}
.home-pro-fl ul li a:hover{color: #FFF; background: #2e357a;border: 1px solid #2e357a; }
.home-pro-fl ul li .hover{color: #FFF;background: #2e357a;border: 1px solid #2e357a; }


.home-pro{ overflow: hidden;}
.home-pro ul{}
.home-pro ul li{float: left; width:23%; margin: 1%; background: #FFF; border-radius: 4px;box-shadow: 0 1px 12px 0 rgba(0,0,0,.1);}
.home-pro ul li h2{text-align: center; font-size: 20px; margin: 10px 0;}
.home-pro ul li .img{overflow: hidden;}
.home-pro ul li .img img{max-width: 100%; transition: all 0.6s;}
.home-pro ul li .img img:hover{transform: scale(1.1);}
.home-pro ul li .more{width: 160px; height: 40px; line-height: 40px; padding-left: 30px; text-align: center; margin: 10px auto;}
.home-pro ul li .more i{float: left; font-size: 20px; padding-right: 5px;}
.home-pro ul li .more span{float: left;}



.home-fanganbt{text-align: center; margin: 6% 0; font-size: 36px;}

.tabs{float: left; width: 77px; background: url(../images/xuline.jpg) repeat-y; background-position-x:35px;}
.tabs ul{}
.tabs ul li{width: 77px; line-height: 77px; text-align: center; margin: 20px 0;}
.tabs ul li i{color: #919191; width: 77px; line-height: 77px;  font-size: 40px;}
.tabs .thistab i{color: #2e357a;width: 77px; line-height: 77px;border: 3px solid #2e357a;font-size: 40px; border-radius: 100%; padding: 15px;}
.tab_con{ display:none; }

.tab_conbox{float: left; width: calc((100% - 77px));}
.tab_conbox .home-fangan-text{float: left; width: 50%; padding: 0 5%;}
.tab_conbox .home-fangan-text h2{font-size: 28px; margin: 5% 0; font-weight: bold;}
.tab_conbox .home-fangan-text p{ color:#777; font-size:16px;  line-height:28px; }
.tab_conbox .home-fangan-text .more{width: 160px; height: 50px; line-height: 50px; text-align: center; border-radius: 30px; background: #3ab263;  margin-top: 20px;}
.tab_conbox .home-fangan-text .more i{float: left;font-size: 30px; padding:0 30px;}
.tab_conbox .home-fangan-text .more span{ float:left;font-size:16px; }
.tab_conbox .home-fangan-text .more a{color: #FFF;}
.tab_conbox .home-fangan-img{float: left; width: 50%;}
.tab_conbox .home-fangan-img img{max-width: 100%;}

.home-newsbg{overflow: hidden; background:#f7f7f7; margin-top: 5% ; clear: both;}
.home-news{overflow: hidden; margin-bottom: 70px;}
.home-news ul{margin-left: -1%; margin-right: -1%;}
.home-news ul li{float: left;width: 31.333333%; background: #FFF; padding: 30px; border-radius: 8px; margin:1%;}
.home-news ul li:hover{box-shadow: 0 1px 12px 0 rgba(0,0,0,.1);}
.home-news ul li .img{overflow: hidden;}
.home-news ul li .img img{max-width: 100%; transition: all 0.6s;border-radius: 6px;}
.home-news ul li .img img:hover{transform: scale(1.1);}
.home-news ul li time{display: block; color: #a7a7a7; border-bottom: 1px solid #e7e7e7; margin: 10px 0; padding-bottom: 10px;}
.home-news ul li span{font-size: 24px; color: #333; display: block; margin-top: 10px;}
.home-news ul li p{ color:#666;font-size:14px; line-height: 26px;}




@media (min-width:1024px) and (max-width:1200px) {
    


}

@media (min-width:768px) and (max-width:1023px) {
	

.home-bt small{font-size: 40px;}

.three{ margin-top:30px; }
.three ul li{width: 96%; min-height:auto;}
.three ul li i{margin-top: 0;}

.home-about-l{width: 100%;}
.home-about-l img{width: 100%;}
.home-about-r{width: 100%; margin: 0;}

.home-pro ul li h2{font-size: 18px; margin: 20px 0;}

.home-fanganbt{font-size: 30px;}

.tabs{float: none; width: 100%;display: inline-block; background: url(../images/xuline01.jpg) repeat-x; background-position-y: 55px;}
.tabs ul li{float: left; width: 25%;}
.tab_conbox{width: 100%;}
.tab_conbox .home-fangan-text{width: 100%; padding: 0; margin-bottom: 30px;}
.tab_conbox .home-fangan-img{width: 100%;}
.tab_conbox .home-fangan-img img{width: 100%;}

.home-news ul li{width: 98%;}


}


@media screen and (max-width:767px) {
	
.home-bt small{font-size: 32px;}

.three{ margin-top:30px; }
.three ul li{width: 96%; min-height:auto;}
.three ul li i{margin-top: 0;}

.home-about-l{width: 100%;}
.home-about-l img{width: 100%;}
.home-about-r{width: 100%; margin: 0;}
.home-about-r .text h3{font-size: 26px;}

.home-pro-fl ul{display: block;}
.home-pro-fl ul li{width: 48%; margin:1%;padding: 0;}
.home-pro-fl ul li a{display: block; padding: 0; font-size: 14px; height: 40px; line-height: 40px;}
.home-pro ul li{width: 98%; margin-bottom: 30px;}
.home-pro ul li h2{font-size: 16px; margin: 30px 0 0 0;}


.home-fanganbt{font-size: 24px;}

.tabs{float: none; width: 100%;display: inline-block; background: url(../images/xuline01.jpg) repeat-x; background-position-y: 55px;}
.tabs ul li{float: left; width: 25%;}
.tab_conbox{width: 100%;}
.tab_conbox .home-fangan-text{width: 100%; padding: 0; margin-bottom: 30px;}
.tab_conbox .home-fangan-text h2{font-size: 22px;}
.tab_conbox .home-fangan-img{width: 100%;}
.tab_conbox .home-fangan-img img{width: 100%;}

.home-news ul li{width: 98%; padding: 15px; margin-bottom: 30px;}

}