#banner{
	width:100%;
	min-width:1000px;
	float:left;
}

#box{
	width:100%;
	min-width:1000px;
	float:left;
}
#box_main{
	max-width:1360px;
	margin:0 auto;
	padding:0 20px;
}
#box_title{
	width:100%;
	float:left;
}
#box_title h2{
	width:100%;
	line-height:50px;
	float:left;
	text-align:center;
	font-size:3em;
	color:#052c67;
	padding-top:30px;
	font-weight: bold;

}
#box_title p{
	width:100%;
	line-height:25px;
	float:left;
	text-align:center;
	font-size:1.2em;
	color:#052c67;
	padding-bottom:20px;
}
#box_product{
	width:100%;
	float:left;
}
#box_product_col{
	width:50%;
	height:300px;
	float:left;
	overflow:hidden;
}
#box_product_col:hover img{
    -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);
}
#box_product_col_base{
	width:100%;
	height:300px;
	float:left;
}
#box_product_col_base img{
	width:100%;
	height:100%;
	transition: all 0.6s;
}
#box_product_col_info{
	height:300px;
	float:left;
	position: absolute;
}
#box_product_col_info h2{
	width:94%;
	line-height:45px;
	float:left;
	margin-top:225px;
	padding:0px 3%;
}
#box_product_col_info h2 a{
	float:left;
	
	padding-left:50px;
	background-position:left;
	background-repeat:no-repeat;
	color:#2a65c3;
	font-size:1.4em;
}
.box_product_col_info_gc a{
	background-image:url(../images/box_product_col_info_gc.png);
}
.box_product_col_info_mk a{
	background-image:url(../images/box_product_col_info_mk.png);
}
#box_product_col_info ul{
	width:94%;
	height:30px;
	float:left;
	padding:0px 3%;
	overflow:hidden;
}
#box_product_col_info ul a{
	height:22px;
	line-height:22px;
	float:left;
	margin:0px 5px 4px 5px;
	padding-left:5px;
	color:#2a65c3;
	font-size:1.2em;
	font-weight:bold;
	border-left:#2a65c3 2px solid;
}
#box_news{
	width:100%;
	float:left;
	margin-bottom:40px;
}
#box_news_left{
	width:49%;
	height:350px;
	float:left;
	margin-right:1%;
	position: relative;
}
#box_news_left:hover img{
	-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);
}
#box_news_left_base{
	width:100%;
	height:350px;
	float:left;
	overflow: hidden;
}
#box_news_left_base img{
	width:100%;
	height:100%;
	transition: all 0.6s;
}
#box_news_left_info{
	width:100%;
	height:350px;
	float:left;
	position: absolute;
}
#box_news_left_info a{
	width:90%;
	float:left;
	margin:200px 5% 0px 5%;
	color:#ffffff;
}
#box_news_left_info h2{
	width:100%;
	float:left;
}
#box_news_left_info h2 span{
	width:100%;
	line-height:22px;
	float:left;
	font-size:13px;
	font-weight:lighter;
}
#box_news_left_info h2 strong{
	width:100%;
	line-height:35px;
	float:left;
	font-size:1.4em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#box_news_left_info p{
	width:100%;
	line-height:22px;
	float:left;
	font-size:1.1em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color:#ececec;
}
#box_news_right{
	width:50%;
	float:left;
}
#box_news_right_col{
	width:92%;
	float:left;
	margin-bottom:10px;
	padding:15px 5% 15px 3%;
	background-color:#eaeaea;
	position: relative;
	transition: all .3s ease;
}

#box_news_right_col a{
	color:#333333;
}
#box_news_right_col_left{
	width:13%;
	height:60px;
	float:left;
	text-align:center;
	border-right:#cccccc 1px solid;
	margin:10px 0;
	padding:0 1% 0 0 ;
}
#box_news_right_col_left span{
	width:100%;
	height:25px;
	line-height:25px;
	float:left;
	font-size:1.3em;
	text-align: right;
	margin-right:5px;
}
#box_news_right_col_left p{
	width:100%;
	height:35px;
	line-height:35px;
	float:left;
	font-size:2em;
	font-weight: bold;
	text-align: right;
}
#box_news_right_col_right{
	width:83%;
	height:80px;
	float:left;
	margin-left:2%;
}
#box_news_right_col_right b{
	width:100%;
	height:34px;
	line-height:34px;
	float:left;
	font-size:1.5em;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#000;
}
#box_news_right_col_right p{
	width:100%;
	height:44px;
	line-height:20px;
	float:left;
	font-size:1.2em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 700;
}
#box_news_right_col .li_line {
    width: 0;
    height: 5px;
    background: #254b9c;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}
#box_news_right_col:hover{
	box-shadow: -4px 2px 20px 1px rgba(0,0,0,0.3);
	background-color:#fff; 
}
#box_news_right_col:hover .li_line{
	width:100%;
}
#fine{
	width:100%;
	min-width:1000px;
	float:left;
	background-image:url(../images/fine.jpg);
	background-position:center;
	background-repeat:no-repeat;
	color:#000;
}
#fine_main{
	max-width:1360px;
	margin:0 auto;
	padding:0 20px;
}
#fine_left{
	width:68%;
	height:720px;
	float:left;
}
#fine_left_top{
	width:100%;
	height:350px;
	float:left;
	background-image:url(../images/fine_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#fine_left_bottom{
	width:100%;
	float:left;
	margin-top:20px;
}
#fine_left_bottom_left{
	width:61%;
	height:320px;
	float:left;
	background-image:url(../images/fine_bottom.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#fine_left_bottom_right{
	width:35%;
	height:280px;
	float:left;
	margin:20px 2%;
}
#fine_right{
	width:30%;
	float:left;
	padding-left:2%;
}
#fine_right_top{
	width:80%;
	height:280px;
	float:left;
	margin-right:20%;
}
#fine_right_bottom{
	width:100%;
	height:380px;
	float:left;
	margin-top:20px;
	padding-bottom:35px;
	background-image:url(../images/fine_right_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.fine_info h2{
	width:100%;
	height:60px;
	line-height:60px;
	float:left;
	font-size:3em;
}
.fine_info strong{
	width:100%;
	height:35px;
	line-height:35px;
	float:left;
	font-size:1.8em;
	font-weight:lighter;
	margin-bottom:10px;
	font-weight: 400;
}
.fine_info p{
	width:100%;
	line-height:25px;
	float:left;
	font-size:1.2em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    font-weight: 400;
}
@media (max-width:1300px){
	#fine_right_top{
		width:85%;
		margin-right:15%;
	}
	#fine_right_bottom{
		background-size:100% 100%;
	}
}
@media (max-width:1080px){
	#fine_right_top{
		width:95%;
		margin-right:5%;
	}
}
#box_about{
	width:100%;
	float:left;
	margin-bottom:20px;
}
#box_about_left{
	width:40%;
	height:300px;
	float:left;
	overflow: hidden;
	position: relative;
}
#box_about_left .viode_img img{
	width:100%;
	height: 100%;
}
#news_shipin_left_info{
	width:100%;
	height:300px;
	float:left;
	position: absolute;
	bottom:0;
}
#news_shipin_left_info a{
	width:78%;
	height:76px;
	float:left;
	margin-top:200px;
	margin-left:20px;
	padding-left:70px;
	background-image:url(../images/box_about_left_base.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#ffffff;
}
#news_shipin_left_info h2{
	width:94%;
	height:40px;
	line-height:40px;
	float:left;
	padding:0px 3%;
	font-size:2em;
}
#news_shipin_left_info p{
	width:94%;
	height:30px;
	line-height:30px;
	float:left;
	padding:0px 3%;
	font-size:1.3em;
}
#box_about_left:hover #news_shipin_left_info a {
    background-image: url(../images/box_about_left_base_a.png);
}
#box_about_center{
	width:30%;
	height:300px;
	float:left;
	margin-left:2%;
	color:#ffffff;
	position: relative;
}

#box_about_center  img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     transition: all 0.6s;
    -ms-transition: all 0.8s;
    
}
#box_about_center a:hover img{
    -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);
}
#box_about_center a{
    color:#4f4f4f;
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    overflow: hidden;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
#box_about_center .info{
	position: absolute;
    left: 35px;
    bottom: 39px;
    right: 35px;
    top: 50px;
}
#box_about_center .info h2{
	width:100%;
	line-height:40px;
	float:left;
	font-size:2.2em;
}
#box_about_center .info  p{
	width:100%;
	line-height:25px;
	float:left;
	font-size:1.2em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-top:10px;
}
#box_about_right{
	width:22%;
	float:left;
	margin-left:2%;
}
#box_about_right_col{
	width:100%;
	height:140px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#ffffff;
	position: relative;
}
#box_about_right_col  img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     transition: all 0.6s;
    -ms-transition: all 0.8s; 
}

.box_about_right_col_bottom{
	margin-top:20px;
}
#box_about_right_col a{
	width: 100%;
    height: 140px;
	color:#ffffff;
	position: relative;
	overflow: hidden;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    float: left;
}
#box_about_right_col a:hover img{
    -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);
}
#box_about_right_col .info{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
#box_about_right_col .info p{
	width:100%;
	height:26px;
	line-height:26px;
	float:left;
	padding-top:37px;
	font-size:1.5em;
}
#box_about_right_col .info h2{
	width:100%;
	height:40px;
	line-height:40px;
	float:left;
	padding-bottom:37px;
	font-size:2em;
}
.videos{ 
	display:none; 
	border: 1px solid #080808;
	position:fixed; 
	left:50%; 
	top:50%; 
	margin-left:-320px; 
	margin-top:-210px; 
	z-index:100; 
	width:640px; 
	height:360px; 
}
.vclose { 
	position:absolute;
	right:1%; 
	top:1%; 
	border-radius:100%; 
	cursor: pointer; 
}