body,div,p,ul,li,a,img,span,h2,h3,h4,h1,h5,h6{
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
ul li{
	list-style:none;
}
.cl:after{
	content:"";
	height: 0;
	display:block;
	clear:both;
	overflow: hidden;
}
img{
	border:0;
}
html{
	font-size:100px;
}
body{
	font-family:"微软雅黑";
	margin:0 auto;
	font-size:.24rem;
	background:#666;
}
@media screen and (min-width: 320px) and (max-width: 640px){
	html{
		font-size:40px;
	}
}
@media screen and (min-width: 641px) and (max-width: 960px){
	html{
		font-size:60px;
	}
}
@media screen and (min-width: 961px){
	html{
		font-size:100px;
	}
}
.wrap{
	width:100%;
	/*background-color: #fff;*/
}

.wrap article{
	width:100%;
	/*background: #fff;*/
}
.wrap article section{
	width:100%;
}
.wrap article .content_one{
	overflow:hidden;
	height:40vw;
	background: #fff;
	position: relative;
	/*border:1px solid red;*/
}
.wrap article .content_one .one_into{
	width:75%;
	height:34vw;
	margin:3vw auto;
}
.wrap article .content_one .one_into .left_img{
	width:40%;
	height:100%;
	float:left;
}
.wrap article .content_one .one_into .left_img .all_border{
	width:28vw;
	height:28vw;
	background: #999;
	position: relative;
} 
.wrap article .content_one .one_into .left_img .all_border div{
	width:28vw;
	height:28vw;
	position: absolute;
	box-sizing: border-box;
}
.wrap article .content_one .one_into .left_img .all_border div img{
	width:100%;
}
.wrap article .content_one .one_into .left_img .all_border .one_border{
	border:4px solid #000;
	top:2vw;
	left:2vw;
	z-index: 9;
}
.wrap article .content_one .one_into .left_img .all_border .two_border{
	background:red;
	top:0;
	left:0;
	z-index: 99;
}
.wrap article .content_one .one_into .left_img .all_border .three_border{
	width:26vw;
	height:26vw;
	border:4px solid #fff;
	border-bottom:0;
	border-right:0;
	top:2vw;
	left:2vw;
	z-index: 999;
}
.wrap article .content_one .one_into .left_img .all_border .four_border{
	/*border:2px solid #fff;*/
	background: #eee;
	top:6vw;
	left:6vw;
	z-index: 9999;
}
.wrap article .content_one .one_into .right_abstract{
	width:48%;
	height:100%;
	/*background: lightblue;*/
	float:right;
}
.wrap article .content_one .one_into .right_abstract .top_title{
	width:100%;
	height:48%;
	/*border:1px solid red;*/
}
.wrap article .content_one .one_into .right_abstract .bottom_word{
	width:100%;
	height:52%;
}
.wrap article .content_one .one_into .right_abstract .bottom_word p{
	font-size:1.1vw;
	text-indent: 2em;
	letter-spacing: .1vw;
	line-height:2.2vw;
	color:#666;
	margin-left:.8vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden; 
	-webkit-line-clamp: 8;
}
.wrap article .content_one .one_into .right_abstract .top_title .group_logo{
	width:50%;
	height:90%;
	float:left;
	/*border:1px solid blue;*/
}
.wrap article .content_one .one_into .right_abstract .top_title .group_logo img{
	height:100%;
}
.wrap article .content_one .one_into .right_abstract .top_title .all_title{
	width:50%;
	height:75%;
	float:left;
	margin-top: 10%;
	/*border:1px solid blue;*/
}
.wrap article .content_one .one_into .right_abstract .top_title .all_title h2{
	font-size: 1.2vw;
	color:red;
	letter-spacing: 2px;
}
.wrap article .content_one .one_into .right_abstract .top_title .all_title .border_style{
	width:28%;
	height:.25vw;
	background: #000;
	margin-top:1.8vw;
}
.wrap article .content_one .one_into .right_abstract .top_title .all_title p{
	font-size: 1.8vw;
	margin-top:3.1vw;
	/*border:1px solid red;*/
	letter-spacing: 2px;
}
.wrap article .content_two{
	/*width:100%;*/
	height:32.1vw;
	overflow:hidden;
	background: #eee;
    background:url(../images/image-index/show_backc.jpg) no-repeat bottom;
    background-size:100% 100%;
    /*background:;*/
    /*background-size:100%;*/
    /*background-attachment: fixed;
    overflow:hidden;
    display: block;*/
}
.wrap article .content_two .two_into{
	width:75%;
	height:32.1vw;
	margin:1vw auto;
	/*border:1px solid red;*/
}
.wrap article .two_title{
	width:34%;
	margin:auto;
	margin-bottom:1.5vw;
	height:3.6vw;
	/*border:1px solid #000;*/
}
.wrap article .two_title .bor{
	width:30%;
	height:.2vw;
	background: #000;
	margin-top:1.9vw;
}
.wrap article .two_title .left_border{
	float:left;
}
.wrap article .two_title .right_border{
	float:right;
}
.wrap .two_title .title_con{
	width:40%;
	/*border:1px solid red;*/
	float:left;
	text-align: center;
}
.wrap article .two_title .title_con h2{
	color:#000;
}
/*品牌展示动画*/
.main_banner{
	/*width:100%;
	height:375px;*/
	/*border:1px solid red;*/
}
.main_banner_wrap{
	width:100%;
	height:28vw;
	/*border:1px solid red;*/
	position:relative;
	/*top:-3vw;*/
	margin:auto;
	/*margin-top:3vw;*/
	/*background:rgba(0,0,0,0)*//*333D46
	/*box-shadow: 0px 1px 2px #c5c5c5;*/
}
#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}
.banner_btn{ 	/*a 标签 按钮*/
		width:15%; height:24vw; position:absolute; 
		display:block; z-index:9; top:2vw;
		/*border:1px solid red;*/
}
/*.js_pre{
	border:1px solid blue;
}*/
.btn_next{
	right:0;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
	width:100%; height:34vw; margin:0 auto 0; position:relative; z-index:0;
	/*-webkit-倒影样式*/
	-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
}
/*火狐倒影图层样式*/
.main_banner_box p#rflt{width:100%; height:0; position:absolute; left:0; bottom:0;
		background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}/*火狐倒影图层样式*/
.main_banner li{
		position:absolute; background:#000; overflow:hidden;
		box-shadow:0 0 1vw rgba(0, 0, 0, 0.2);		
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
		width:70%; height:28vw; z-index:5;
		left:15%; top:0; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:70%; height:24vw; z-index:1; 
		left:30%; top:2vw; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:30.2%;height:24vw; z-index:1;
		left:0px; top:9vw; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:30.2%; height:24vw; z-index:1;
		left:0px; top:9vw; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:70%; height:24vw; z-index:2; 
		left:0; top:2vw; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; background:#fff; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{
	width:100%; height:4vw; position:absolute;
		left:0; bottom:-4vw; background:rgba(0,0,0,0.4); color:#fff;
		text-indent:38px; line-height:4vw; font-size:2.4vw;
}
/*第三部分-利丰资讯*/
.wrap article .content_three{
	overflow:hidden;
	background: #fff;
	/*border:1px solid red;*/
}
/*资讯标题*/
.wrap article .news_title{
	width:92%;
	/*border:1px solid #eee;*/
	height:2vw;
	margin:auto;
}
.wrap article .news_title h2{
	font-size: 1.4vw;
	float:left;
	color:red;
	/*border:1px solid red;*/
}
.wrap article .news_title div{
	float:right;
	width:1.5vw;
	height:1.5vw;
	margin-top:.25vw;
	/*border:1px solid red;*/
}
.wrap article .news_title div img{
	width:100%;
}
.wrap article .content_three .three_into{
	width:75%;
	/*height:26vw;*/
	margin:3vw auto;
	position: relative;
	/*border:1px solid #000;*/
	/*overflow:hidden;*/
}
/*资讯内容*/

article .content_three .three_into .main{/*
	margin-top:2.4vw;*/
	height:30vw;
	/*border:4px solid red;*/
	position: relative;
}

.change_news{
	width:45%;
	margin-top:2vw;
	margin-left:55%;
	height:28vw;
	/*border:1px solid red;*/
	overflow: hidden;
 	position: relative;
}
.change_news ul {
  /*width: 100%;*/
  /*border:1px solid red;*/
  position: absolute;
  right:.6vw;
  bottom: 1vw;
}
.change_news ul li {
  float: left;
  width: 2vw;
  height: 2vw;
  line-height: 2vw;
  text-align: center;
  background-color: #fff;
  margin-left: .6vw;
  list-style: none;
  cursor: pointer;
  font-size:1vw;
}
.change_news img{
	width:100%;
	height:100%;
	display:block;
}
article .content_three .three_into .main .img{
	width:45%;
	height:24vw;
	overflow: hidden;
	/*float:right;*/
	position: absolute;
	right:0;
	top:3vw;
	z-index: 8;
	/*border:1px solid red;*/
}
article .content_three .three_into .main .img img{
	width:126%;
	height:100%;
}
article .content_three .three_into .main .conver_style{
	width:60%;
	/*float:left;*/
	height:26vw;
	background: rgba(225,225,225,0.5);
	padding:2vw 0;
	position: absolute;
	left:0;
	top:0;
	z-index: 9;
	box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.2);
	/*border:.2vw solid red;*/
}
article .content_three .three_into .main .bottom{
	width:55%;
	/*float:left;*/
	height:26vw;
	background: #fff;
	padding:2vw 0;
	position: absolute;
	left:0;
	top:0;
	z-index: 10;
}
/*article .four .main .bottom>a{
	display: block;
	height:100%;
	border:1px solid blue;
}*/
article .content_three .three_into .main .bottom ul{
	width:92%;
	height:100%;
	margin:auto;
	/*border:1px solid red;*/
	margin-top: -0.2vw;
}
article .content_three .three_into .main .bottom ul li{
	width:100%;
	height:2.1vw;
	line-height:2.1vw;
	list-style:none;
}
article .content_three .three_into .main .bottom ul li .icon_left{
	;
	float:left;
	width:1.2vw;
	height:1.2vw;
	margin-top:0.5vw;
	/*border:1px solid red;*/
}
article .content_three .three_into .main .bottom ul li .icon_left img{
	width:100%;
	display: block
}
article .content_three .three_into .main .bottom ul li a{
	color:#666;
	width:65%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	float:left;
	margin-left:.6vw;
	font-size: 1vw;
	
}
article .content_three .three_into .main .bottom span{
	display: block;
	font-size: .9vw;
	float:right;
	color:#777;
}
article .content_three .three_into .main .bottom span a{
	font-size: .18rem;
	float:right;
}
article .null_back{
	width:100%;
	/*height:16vw;*/
	background:#fff;
	/*background:url(../images/image-index/back3.jpg) no-repeat bottom;*/
    /*background-size:100% 100%;*/
    /*background-attachment: fixed;*/
    overflow:hidden;
    display: block;
	/*border-bottom:.2vw solid red;
	border-top:.2vw solid red;*/
}
article .null_back img{
	width:100%;
}

article .null_back .into_con{
	width:75%;
	margin:auto;
	/*border:1px solid #fff;*/
	padding:2vw 0;
}
article .null_back .into_con h1{
	text-align: center;
	color:#fff;
	font-size:2vw;
	font-weight:normal;
}
article .null_back .into_con .bot_wid{
	width:100%;
	height:6vw;
	margin-top:2vw;
	overflow:hidden;
	position: relative;
}
article .null_back .into_con .bot_wid .button{
	/*width:3vw;*/
	height:6vw;
	line-height: 6vw;
	/*border:1px solid blue;*/
	position: absolute;
	font-family: simsun;
	font-size:5vw;
	top:0;
	color:rgba(225,225,225,.6);
	cursor:pointer;
	z-index:99999;
}
article .null_back .into_con .bot_wid .button:hover{
	color:rgba(225,225,225,1);
}
article .null_back .into_con .bot_wid .button_left{
	left:0;
}
article .null_back .into_con .bot_wid .button_right{
	right:0;
}
article .null_back .into_con .bot_wid .all_wid{
	width:500%;
	height:6vw;
	/*border:1px solid #000;*/
	position: absolute;
	transition: 1s;
	/*top:0;
	left:0;*/
}
article .null_back .into_con .bot_wid .all_wid ul{
	width:20%;
	float:left;
	height:6vw;
}
article .null_back .into_con .bot_wid .all_wid ul li{
	width:50%;
	box-sizing: border-box;
	float:left;
	text-align: center;
	height:6vw;
	/*border:1px solid blue;*/
}
article .null_back .into_con .bot_wid .all_wid ul li .img{
	height:3vw;
	/*margin:auto;*/
}
article .null_back .into_con .bot_wid .all_wid ul li .img img{
	height:100%;
}
article .null_back .into_con .bot_wid .all_wid ul li p{
	font-size:1.1vw;
	color:#fff;
	margin-top:1vw;
}
/*第四部分-利丰荣誉*/
article .content_four{
	width:100%;
	background: #fff;
	overflow:hidden;
}
.wrap article .content_four .four_into{
	width:85%;
	/*height:30vw;*/
	margin:auto;
	margin-top:3vw;
	/*border:1px solid blue;*/
}
.content_3{
	width:100%;
	/*border:1px solid #000;*/
}
#carousel1 {
	width:100%;
	height:28vw;
	overflow:hidden;
	position:relative;
	margin:auto;
	/*margin-top:2vw;*/
	/*border:1px solid #666;*/
	cursor: pointer;
}
#carousel1 img {
	border:none;
	width:27vw;
	height:18vw;
}
/*荣誉改版*/
.wrap article .content_four .four_into .honour_list{
	width:100%;
	height:20vw;
	
	border:1px solid red;
}
.wrap article .content_four .four_into .honour_list .bullet{
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -2vw;
	width: 3.4vw;
	height: 3.4vw;
	line-height: 3.4vw;
	text-align: center;
	font-family: simsun;
	font-size: 3vw;
	/*background: #ccc;*/
	color: #666;
	border:1px solid red;
}
.wrap article .content_four .four_into .honour_list .right_bullet{
	right:0;
}
.wrap article .content_four .four_into .honour_list .list_bot{
	width:77.2vw;
	height:16vw;
	background: red;
	margin-left: 3.4vw;
	margin-top:2vw;
	position: relative;
	/*overflow: hidden;*/
}
.wrap article .content_four .four_into .honour_list .scoll_list{
	width:166.4vw;
	position: absolute;
	top:0;
	left:0;
}
.wrap article .content_four .four_into .honour_list .scoll_list ul{
	width:78.2vw;
	height:16vw;
	float:left;
}
.wrap article .content_four .four_into .honour_list .scoll_list ul li{
	float:left;
	width:24vw;
	height:16vw;
	overflow:hidden;
}
.wrap article .content_four .four_into .honour_list .scoll_list ul li:nth-child(2){
	margin-left:2.6vw;
}
.wrap article .content_four .four_into .honour_list .scoll_list ul li:nth-child(3){
	margin-left:2.6vw;
}
.wrap article .content_four .four_into .honour_list .scoll_list ul li img{
	width:100%;
}