@charset "utf-8";
/* CSS Document */

.banner{height:640px;position:relative;overflow:hidden;top:85px;background-color:#323ab0;}
.banner .obj-f img{width:100%;}

.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:20%;left:40%;position:absolute;top:105px;}
.index_title h2{font-size:30px;color:#333333;font-weight:bold;padding:0 20px;z-index:9999;width:60%;margin-left:auto;margin-right:auto;position:relative;}
.index_title p{font-size:13px;color:#555;padding-top:20px;}
.index_con{-webkit-transition: all 1s;transition: all 1s;position:relative;}
.index_conbox{}

.index_products .index_title h2{color:#FFF;font-size:24px;}

.index_products{-webkit-transition: all 1s;transition: all 1s;margin-left:auto;margin-right:auto;background:url(../images/index_products_bg.jpg) no-repeat top center;background-size:cover;}
.index_products.scthide{margin-top:0px;}
.index_products_bigimg{width:54%;float:left;}
.index_products li p{text-align:center;padding-top:5px;position:relative;z-index:9999;}
.index_products_class{width:345px;height:410px;float:left;background-color:#2c3749;margin-bottom:120px;}
.index_products_class p{padding:20px;text-align:left;color:#86a0c8;}
.index_products_cl{background-color:#215bb0;height:200px;padding:20px 20px;}
.index_products_cl h3{color:#FFF;border-bottom:1px solid #4f86d5;text-align:left;margin-bottom:15px;font-weight:bolder;}
.index_products_cl span{float:right;}
.index_products_cl span img{height:16px;}
.index_products_cl li{width:32%;line-height:32px;float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FFF;text-align:left;}
.index_products_cl li:nth-child(3n+2){margin:0 2%;}
.index_products_cl li a{color:#FFF;}
.index_products_cl li a:hover{color:#d65051;}

.index_products_list{width:840px;height:410px;float:right;overflow:hidden;}
.index_products_list ul{height:410px;overflow:hidden}
.index_products_list li{width:268px;height:200px;margin-bottom:5px;overflow:hidden;position:relative;}
.index_products_list li img{width:100%; transition:all 1s;}
.index_products_list li img:hover{ transform:scale(1.1);}
.index_products_list li p{position:absolute;bottom:0;width:100%;height:24px;line-height:24px;color:#FFF;background-color:#464e5b; opacity:0.9;text-align:center;}
.index_products_hot{float:left;width:565px;height:410px;margin-right:7px;overflow:hidden;position:relative;}
.index_products_hot img{width:100%; transition:all 1s;}
.index_products_hot img:hover{ transform:scale(1.1);}
.index_products_hottit{height:32px;background-color:#464e5b;width:90%;line-height:32px;position:absolute;bottom:0px;color:#FFF;text-align:left;padding:0 5%; opacity:0.9;}



/******关于恒丰*******/

#index_company_con{height:400px;overflow:hidden;}
.company_btn{position:absolute;top:100px;width:40%;left:30%;height:30px;line-height:30px;background-color:#454bc6; opacity:0.9;color:#FFF;border-radius:2px;overflow:hidden;}
#company_btn1{left:4%;top:20px;width:20%;}
.index_morebtn{width:20%;height:36px;line-height:36px;background-color:#FFF; opacity:0.9;margin:40px auto;border-radius:3px;border:1px solid #E6E6E6;}

.index_morebtn span{display:block;width:100%;height:36px;line-height:36px;}
.index_morebtn:hover{background-color:#E6E6E6;}
.index_morebtn:hover span a{color:#FFF;}

.index_company_video{width:50%;float:left;}
.index_company_txts{width:50%;float:right;}
.index_company_ys{width:100%;height:115px;}
.index_company_ys li{width:calc(32% - 30px);float:left;padding:25px 15px;height:65px;background-color:#4763ad;color:#FFF;border-radius:3px;overflow:hidden;font-size:22px;line-height:30px;}
.index_company_ys li:nth-child(2){margin:0 2%;}
.index_company_ys li img{float:left;}
.index_company_js{background-color:#4877ad;margin-top:10px;text-align:left;padding:30px 25px;height:185px;}
.index_company_js h2{color:#b8d0ea;font-size:18px;margin-bottom:10px;}
.index_company_js p{color:#b8d0ea;}
.index_company_jsbtn{width:20%;height:26px;line-height:26px;background-color:#FFF;border-radius:15px;color:#555;text-align:center;margin-top:15px;}

.index_news_list{margin-top:20px;margin-bottom:35px; height:auto;}
.index_news_list li{float:left;width:32%;overflow:hidden;}
.index_news_list li:nth-child(2){margin:0 2%;}
.index_news_list li p{text-align:left;}
.index_news_list li img{width:100%;height:233px;transition:all 1s;}
.index_news_list li img:hover{ transform:scaleX(1.1); cursor:pointer;}
.index_news_list li h3{font-size:16px;color:#333;text-align:left;font-weight:bolder;line-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:220px;top:60px;}
	.banner img{max-width:100%;}
	.index_title{padding-top:40px;padding-bottom:20px;width:90%;margin-left:5%;}
	.index_title h2{font-size:1.7em;font-weight:800;padding:0 10px;width:90%;line-height:1.6em;}
	.index_title p{font-size:0.9em;line-height:1.2em;}

#index_company_con{height:auto;}
.index_company_video{width:100%;}
.index_company_txts{width:100%;}
.index_company_ys{width:94%;margin-left:3%;height:160px;}
.index_company_ys li{width:calc(32% - 20px);padding:25px 10px;height:110px;overflow:hidden;font-size:18px;line-height:24px;}
.index_company_ys li img{display:block;margin-left:20%;margin-right:20%;float:none;margin-bottom:5px;}
.index_company_js{height:auto;}
.index_company_jsbtn{width:35%;}

.index_products_bigimg{width:100%;}
.index_products_bigimg img{width:100%;}

.index_products_class{width:100%;height:auto;float:none;margin-bottom:0px;}
.index_products_list{width:100%;height:auto;}
.index_products_list ul{height:400px; border:1px solid #272d39;}
.index_products_list li{height:120px; width:32%;margin-left:1%;float:left;}
.index_products_hot{width:100%;height:auto;}

	
.index_morebtn{width:40%;}

.index_news_list li{width:94%;margin-left:3%;padding-bottom:10px;}
.index_news_list li h3{line-height:28px;}
.index_news_list li p{color:#aaa;}
/******关于恒丰*******/
.company_btn{top:60px;width:50%;left:25%;right:25%;}

}