@charset "utf-8";
/* CSS Document */

.banner{position:relative;height:auto;min-height:600px;top:85px;}

.index_title{width:100%;padding-top:90px;padding-bottom:50px;position:relative;}
.index_title_line{height:2px;background:url(../images/index_title_line.png) no-repeat top center;width:30%;left:35%;position:absolute;top:99px;}
.index_title h2{font-size:36px;color:#333333;font-weight:bold;padding:0 20px;z-index:9999;width:30%;margin-left:auto;margin-right:auto;position:relative;}
.index_title p{font-size:16px;color:#555;padding-top:20px;}
.index_con{-webkit-transition: all 1s;transition: all 1s;position:relative;}
.index_conbox{}

.index_products{-webkit-transition: all 1s;transition: all 1s;width:87%;margin-left:auto;margin-right:auto;}
.index_products ul{margin-top:50px;}
.index_products li{width:15%;margin-left:2.5%;margin-right:2.5%;float:left;-webkit-transition: all 2s;transition: all 2s; opacity:1;overflow:hidden;}
.index_products li.scthide{ opacity:0.5;}
.index-pros-img{width:180px;height:180px;border-radius:50% 50% 50% 50%;overflow:hidden;border:1px solid #CCC;}
.index-pros-img img{width:100%;height:100%;-webkit-transition: all 2s;transition: all 1.2s;}
.index-pros-img img:hover{transform:scale(1.3);}
.index_products li:hover img{border:3px solid #333; cursor:pointer;}

.index-pro-name{text-align:center;font-size:16px;line-height:32px;height:28px;margin-top:12px;}
.index-pro-curname{background-color:#afcffe;color:#333;line-height:28px;margin-top:12px;font-size:16px;border-radius:3px;overflow:hidden;}

/******关于我们*******/
.index-company-nav{background-color:#F9F9F9;-webkit-transition: all 1s;transition: all 1s;height:500px;overflow:hidden; display:flex;}
.index-company{width:45%;float:left;background-color:rgba(33,127,255,0.95);margin-top:0%;text-align:left;}
.index-company img{max-width:100%;}
.index-company-txt{padding:30px; color:#FFF;margin-left:3%;}
.index-company-txt h1{font-size:24px; font-weight:bolder;margin-bottom:30px;color:#F9F9F9;}
.index-company-txt p{color:#F9F9F9; text-indent:2em;padding-top:7px;}
.index-honor{width:55%;float:right;overflow:hidden;background-color:#eaeaea;}
.index-nums{width:90%;margin-left:5%;display:flex;}
.index-nums li{width:45%;float:left;margin-top:70px;margin-left:10%;overflow:hidden;height:200px;}
.index-nums li img{max-width:100px; cursor:pointer;}
.index-nums li:nth-child(2n+1){margin-left:0;}
.index-nums li p{padding-top:15px;font-size:16px;line-height:28px;}
.num-count{padding-top:5px;font-size:45px; font-family:Verdana, Geneva, sans-serif;font-weight:bolder;position:relative;color:#ff3b20;}
.index-nums span{display:block;font-size:24px;padding-top:10px;color:#FF3B20;}
.index-honor:hover img{transform: scale(1.0);}

.index-news-hot{width:45%;float:left;}
.index-news-img{width:100%;overflow:hidden;border-radius:5px;height:400px;}
.index-news-img img{width:100%; transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.index-news-img:hover img{transform: scale(1.3);}
.index-news-hot p{font-size:22px;font-weight:bolder;padding-top:15px;}
.index-news-list{width:53%;float:right;}
.index-news-list li{background-color:#EAEAEA;border-radius:2px;overflow:hidden;margin-bottom:25px;text-align:left;padding:25px 15px;}
.index-news-list li h3{font-size:18px;font-weight:bolder;margin-bottom:7px;}
.index-news-list li h3 a{font-size:18px;font-weight:bolder;}
.index-news-list li h3 a:hover{color:#F30;}
.index-new-date{width:10%;float:left;height:100%;margin-right:5%; font-family:Verdana, Geneva, sans-serif;text-align:center;}
.index-new-date span{font-size:36px;font-weight:bolder; display:block; line-height:48px;}
.index-new-date p{font-size:16px; color:#666;}
.index-new-txt p{color:#999;}

/*****视频*****/
.index-video{background-color:#eaeaea;height:385px;overflow:hidden;}
.index-video-txt{background-color:#eaeaea;width:20%;float:left;}
.index-video-instro{margin:20px;padding:20px;color:#FFF;text-align:left;border:1px solid #eaeaea;}
.index-video-instro h2{color:#222;font-size:24px;padding-bottom:60px;}
.index-video-instro p{color:#555; font-size:16px;padding-bottom:110px;}
.index-video-con{width:80%;float:right;background-color:#333;}

.more-btn{width:calc(20% - 2px);margin:40px auto; height:42px;line-height:42px;border:1px solid #2240a0;font-size:18px; font-family:Verdana, Geneva, sans-serif;color:#245bab;font-weight:bolder;border-radius:3px;overflow:hidden; transition:all 1.5s;}
.more-btn:hover{background-color:#245bab;color:#FFF;}
.more-btn2{width:135px;height:36px;}
@media screen and (max-width:1024px){
.index_hz li{float:left;width:17.2%;margin-left:2.5%;margin-bottom:15px;border:1px solid #F6F6F6;}
}
@media screen and (max-width:768px){
.index_ys li{height:220px;}
}
@media screen and (max-width:640px){
	.banner{width:100%;height:auto;min-height:200px;top:80px;}
	.banner img{max-width:100%;}
	.index_title{padding-top:60px;padding-bottom:20px;width:90%;margin-left:5%;}
	.index_title h2{font-size:1.8em;padding:0 20px;width:60%;}
	.index_title p{font-size:0.9em;line-height:1.2em;}
	
	.index_products{width:90%;}
.index_products ul{margin-top:30px;}
.index_products li{width:30%;margin-left:1.5%;margin-right:1.5%;margin-bottom:20px;}
.index_products li.scthide{ opacity:0.5;}
.index_products li img{width:98%;margin-bottom:5px;}
.index_products li:hover img{border:none;}
.index-pros-img{width:90px;height:90px;}

/******关于我们*******/
.index-company-nav{display:block; height:auto;}
.index-company{width:100%;}
.index-honor{width:100%; float:none;}
#index_company_con{overflow:visible;}

.index-video{width:100%;height:auto;background-color:#FFF;}
.index-video-txt{width:100%;background-color:#FFF;}
.index-video-con{width:90%;float:none;margin:0 auto;}
.index-video-instro{border:none;}
.index-video-instro h2{padding-bottom:20px;}
.index-video-instro p{padding-bottom:30px;}
.index-video-con video{width:100%;}

.index-news-hot{width:100%;}
.index-news-img{height:auto;}
.index-news-hot p{padding-top:10px;padding-bottom:20px;line-height:1.3em;}
.index-new-date{width:20%;float:right;margin-right:0%;}
.index-news-list{width:100%;}

/*****合作伙伴*****/
.index_hz ul{width:90%;}
.index_hz li{float:left;width:31%;margin-left:1.5%;}
.index_hz li:nth-child(5n+1){margin-left:1.5%;}
.index_hz li:nth-child(3n+1){margin-left:0;}

}


