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

body {
	width:1920px;
	margin: 0 auto;
    color: rgb(255, 255, 255);
    font-family: 微软雅黑, 'Microsoft YaHei';
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    background: rgb(34, 34, 34);
	display: block;
    overflow-x: hidden;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
a{
	color: #fff;
}
a:hover{
	color: #dc4f45;
}
/*主banner*/
.banner-box {
	width: 1920px;
	height: 1072px;
	position: relative;
	overflow: hidden;
	
}

.banner-box ul{
	width: 1920px;
	height: 0px;
	position: absolute;
	left: 0;
	top: 0;
}
.banner-box ul li{
	float: left;
}
/*myjoin*/
  .why_join{
    color:#505050;
    background: #f3f3f3;
    padding:35px 0;
}
  .why_join .width{
    text-align: center;
	width: 1200px;
	margin: 0 auto;
	height: 630px;
}
  .why_join .width h2{
    font-size: 30px;
    line-height: 40px;
}
  .why_join .width h2 span{
    color:#dc4f45;
}
  .why_join .width p{
    color:#dc4f45;
    font-size: 18px;
    line-height:35px ;
    font-weight: bold;
}

  .why_join .width ul li{
    float: left;
    width: 25%;
    text-align: center;
    padding:16px;
    box-sizing: border-box;
    cursor: pointer;
}
  .why_join .width ul li div{
    color:#fff;
    text-align: center;
}
  .why_join .width ul li div.img_box img{
    width:100%;
    height:225px;
}
  .why_join .width ul li div h3{
    font-size: 20px;
    line-height: 48px;
    border-bottom: 3px solid rgba(255,255,255,0.6);
    margin:0 20px;
}
  .why_join .width ul li div p{
    font-size: 14px;
    line-height:25px ;
    color:#e3e3e3;
    font-weight: normal;
    padding:5px 8px;
}
  .why_join .width ul li div.li_box{
    height:450px;
    background: #505050;
}
  .why_join .width ul li div.li_box:hover{
    background: #dc4f45;
}
  .why_join .width ul li div.li_box .text_p{
    text-align: left;
    padding:0 12px;
}

/*strength*/
   .strength{
	 width: 100%;  
    background: #f3f3f3;
    text-align: center;
    padding-top: 45px;
}
   .strength .strength_box{
    width:1480px;
    margin:0 auto;
    height:570px;
    padding-top: 80px;
    background: url(../images/xia_11.png) no-repeat;
    position: relative;
}
   .strength  .content_middle{
    width:1000px;
    height:600px;
    margin:0 auto;
    position:relative;
}
.strength  .content_middle ul {
	width: 100%;
}
   .strength  .content_middle ul li{
    width:100%;
    height:440px;
    display: none;
    filter: alpha(opacity=0);
    position: absolute;
    margin:0 auto;
}
   .strength .strength_box #str .left{
	   float: left;
    width:480px;
    height:370px;
    text-align: center;
    line-height: 300px;
    margin-top: 55px;
	   overflow:hidden;
}
   .strength .strength_box #str .left img{
    width: 100%;
    height: 100%;
}
   .strength .strength_box .right{
    float: left;
    width:400px;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    padding: 65px 20px 65px 50px;
}
   .strength .strength_box .right h2{
    padding-bottom: 30px;
}
.strength .strength_box .right p{
	font-size: 18px;
	line-height: 36px;
}
   .strength .content_middle .table{
    width:1000px;
    margin:0 auto;
    left:0;
    top:0;
    overflow: hidden;
}
   .strength .content_middle .table a{
    width:15.5%;
    height:45px;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
    float: left;
    background: #727272;
    line-height: 45px; 
    border-radius: 5px;
    cursor: pointer;
    display: block;
	color:#fff;
	text-decoration: none;   
}
.strength .content_middle .table  .current{
	 background: #c84942;
    box-shadow: none;
    color:#ffffff;
}

/*左右切换图标*/
   .strength .content_middle .common{
    width:50px;
    height: 55px;
    position: absolute;
    z-index: 25;
    top:50%;
    margin-top: -70px;
    display: block;
}
   .strength .content_middle .btnLeft{
    background: url(../img/left/* Add this as properties to a selector */
	background-image: url("image url"), url("image url");
	background-color: rgba(159,232,251,0.42);
	background-size: 50% 100%;
	background-repeat: no-repeat, no-repeat;.png) center center no-repeat;
    left:-75px;
}
   .strength .content_middle .btnLeft:hover{
    background: url(../img/right.png) center center no-repeat;
    transform:rotate(180deg);
}
   .strength .content_middle .btnRight{
    background: url(../img/left.png) center center no-repeat;
    right:0;
    transform:rotate(180deg);
}
   .strength .content_middle .btnRight:hover{
    background: url(../img/right.png) center center no-repeat;
    transform:rotate(0);
}
/*菜谱*/
   .meiwei{
    padding:70px 0 0;
	
}
.name_box{
	text-align: center;
    color: #c84942;
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
    padding: 20px 0;
}
.name_box>img{
	width: 84px;
	height: 84px;
	margin:0 auto;
}
 .name_box p{
	font-size: 28px;
}
.name_box h2 img{
	padding: 0 10px 10px 10px;
	border: 0 none;
    vertical-align: middle;
}
  .name_box h2{
    	color:#505050;
	   font-size: 30px;
	   line-height: 60px;
}
 .meiwei .show_box{
    padding:60px 0;
	   overflow: hidden;
	   margin: 0 auto;
	   width: 1200px;
}
.meiwei .show_box .left{
	float:left;
}
.meiwei .show_box .right{
	float:right;
}
   .meiwei .show_box .show_li{
    width:200px;
}
   .meiwei .show_box .show_li .show_head{
    background: #dc4f45;
    text-align: center;
    padding:10px 20px;
}
   .meiwei .show_box .show_li .show_head img{
    width:100%;
    border-bottom: 2px solid #eca09a;
    padding-bottom: 5px;
}
   .meiwei .show_box .show_li .show_head p{
    padding:5px 0;
}
   .meiwei .show_box .show_li ul li{
    background: #505050;
    line-height: 80px;
    font-size:18px ;
    color:#7b7b7b;
    position: relative;
    text-align: center;
    cursor: pointer;
}
   .meiwei .show_box .show_li ul li.select,   .meiwei .show_box .show_li ul li:hover{
    color:#dc4f45;
}
   .meiwei .show_box .show_li ul li:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    background:linear-gradient(to right,transparent,#7b7b7b);
}
   .meiwei .show_box .show_li ul li.select:before{
    background:linear-gradient(to right,transparent,#dc4f45);
}
   .meiwei .show_box .show_li ul li:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    background:linear-gradient(to left,transparent,#7b7b7b);
}
   .meiwei .show_box .show_li ul li.select:after{
    background:linear-gradient(to left,transparent,#dc4f45);
}
   .meiwei .show_box .show_li ul li a{
    color:#7b7b7b;
    display: block;
	 
}
   .meiwei .show_box .show_li ul li a:hover{
    color:#dc4f45;
}
   .meiwei .show_box .show_li ul li:last-child:after,   .meiwei .show_box .show_li ul li:last-child:before{
    background:none;
}
   .meiwei .show_box .show_div .img{
    width:980px;
    height:425px;
    padding:25px;
    box-sizing: border-box;
    opacity: 0.7;
    position: relative;
    /*background: url(../img/pao_01.png) center center no-repeat;*/
}
   .meiwei .show_box .show_div .img:hover{
    opacity: 1;
}
   .meiwei .show_box .show_div ul{
    margin-top: 20px;
}
   .meiwei .show_box .show_div ul li.img{
    width:480px;
    height:235px;
}
   .meiwei .show_box .show_div .img h2{
    font-size: 30px;
    padding-right: 10px;
    margin-right: 10px;
    border-right:4px solid #dc4f45;
}
   .meiwei .show_box .show_div .img .link_a{
	/*border: 1px solid red;*/
    display: block;
    position: absolute;
    bottom:0;
    right:0;
}
   .meiwei .show_box .show_div .link_a a{
	   display: block;
	   float: left;
    width:172px;
    height:45px;
    line-height: 45px;
    font-size:18px;
    background:#505050 ;
    border-radius: 8px;
    text-align: center;
    margin:20px 15px;
	color:#fff;
}
   .meiwei .show_box .show_div .img .link_a a:nth-child(2){
    background: #dc4f45;
}
   .meiwei .show_box .show_div .img .link_a a:hover{
    background: #dc4f45;
    color:#fff
}
   .meiwei .show_box .show_div .img.left{
    /*background: url(../img/pao_02.png) center center no-repeat;*/
}
   .meiwei .show_box .show_div .img.right{
    /*background: url(../img/pao_03.png) center center no-repeat;*/
}
   .join_img{
    width:100%;
    height:380px;
    background: url(../img/xia_19.png) center no-repeat;
}
   .join_img  .button a{
    background: url(../img/xin_join.png) no-repeat;
}
   .join_img  .button a.zi{
    background: url(../img/liji_zi.png) no-repeat;
}

.caipu-box {
	display: none;
}
/*轮播*/
.muma-box{
	width: 780px;
	height: 350px;
	position: relative;
	top: -20px;
	left: -100px;
	z-index: 999;
}
.muma-box ul{
	width:700px;
	height: 350px;
	position: relative;
	left: 30px;
	top: 0px;
}
.muma-box ul li{
	position: absolute;
	border: 1px solid #fff;
	width: 700px;
	height: 350px;
	left: 0;
	top: 0;
	z-index: 2;
}
.muma-box ul .li3{
	position: absolute;
	left: -40px;
	top:34px;
	width: 564px;
	height: 282px;
	z-index: 1;
}
.muma-box ul .li2{
	position: absolute;
	left:176px;
	top:34px;
	width: 564px;
	height: 282px;
	z-index: 0;
}
.muma-box ul li img{
	width: inherit;
	height: inherit;
}

/*生产*/
.pro-box {
	width: 1200px;
	height:432px;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
	
}
.pro-box div{
	position: relative;
	width: 1200px;
	height: 200px;
	overflow: hidden;
}
.pro-box ul{
	width: 3000px;
	position: absolute;
}
.pro-box ul li img{
	width: 220px;
	height: 170px;
	
}
.pro-box ul li{
	width: 220px;
	height: 200px;
	float:left;
	padding: 0 40px;
}

.pro-box ul li p{
	width: 220px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}
.pro-box span{
	display: block;
	width: 30px;
	height: 34px;
	position: absolute;
	left: -30px;
	top:50%;
	margin-top: -17px;
	cursor: pointer;
}
.pro-box .leftS{
	background: url(../images/bnt.png) left top no-repeat;
}
.pro-box .rightS{
	left: auto;
	right: -30px;
	background: url(../images/bnt.png) right top no-repeat;
}
.pro-box .leftS:hover{
	background: url(../images/bnt2.png) left top no-repeat;
}
.pro-box .rightS:hover{
	background: url(../images/bnt2.png) right top no-repeat;
}

.middle{
	width: 1200px;
	margin:  0 auto;
	padding-bottom: 80px;
}
.head-box {
	 width: 1920px;
	height: 50px;
	border-bottom:1px #666 solid;
	overflow: hidden;

}
.head-nav {
	line-height: 50px;
	height: 50px;
}
.head-nav span{
	float: left;
}
.head-nav ul{
	float: right;
}
.head-nav ul li{
	float: left;
	margin-left: 32px;
}
.logo-box1 {
	 width: 1920px;
	height:955px ;
	background:url(../images/banner.jpg) no-repeat;}
.logo-box2 {
	 width: 1920px;
	height:1330px ;
	background:url(../images/banner2.jpg) no-repeat;}
.logo-box3 {
	 width: 1920px;
	height:297px ;
	background:url(../images/banner3.jpg) no-repeat;}


/*.logo-box3 {
	 width: 1920px;
	height:645px ;
	background:url(../images/1-3.jpg) no-repeat;}*/
.title-box {
	 width: 1920px;
	overflow: hidden;
}

.title {
	padding: 30px 0 40px 0;
}
.title ul{

}
.title ul li{
	float: left;
}
.title ul li img{
	display: block;
}
.title ul .li-two{
	width: 4px;
	height: 140px;
	background: #dc4f45; 
	margin: 0 20px;
}
.title ul li h1{
	width: 650px;
	text-align: left;
	color:#dc4f45;
	margin-bottom: 10px;
}
.title ul li p{
	width: 650px;
	text-align: left;
	line-height: 24px;
}
.clearfix {
	clear: both;
}

.banner-box2 {
	 width: 1920px;
	height:388px;
	overflow: hidden;
}
.service-box {
	 width:1920px;
	padding: 55px 0;
	background: #f3f3f3;
}
.service-box img{
	
}
  .we_join{
    background: #f3f3f3;
    padding: 25px 0;
}
  .we_join ul li{
    float: left;
    width:25%;
    text-align: center;
    padding:19px;
    box-sizing: border-box;
}
  .we_join ul li div{
    background: #cf5353;
    height:380px;
    text-align: center;
    padding:20px;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-box-shadow: 3px 3px 3px #565353;
    -moz-box-shadow: 3px 3px 3px #565353;
    box-shadow: 3px 3px 3px #565353;
}
  .we_join ul li div span{
    width:130px;
    height:130px;
    line-height: 130px;
    border-radius: 50%;
    background: #fff;
    color:#cf5353;
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 10px;
}
  .we_join ul li div p{
    font-size: 16px;
    line-height:40px ;
    text-align: left;
    padding-left:35px;
}
  .we_join ul li:first-child p{
    text-align: center;
    padding:0;
}
  .we_join ul li:first-child+li div{
    background: #e29932;
}
  .we_join ul li:first-child+li+li div{
    background: #9fbc3e;
}
  .we_join ul li:first-child+li+li+li div{
     background: #1ba5c9;
}
  .we_join ul li:first-child+li+li div p{
    line-height:26px ;
}
  .we_join .join_a{
    display: block;
    width:225px;
    height:60px;
    line-height: 60px;
    text-align: center;
    background: #dc4f45;
    margin:20px auto;
    border-radius: 10px;
    font-size: 18px;
    color:#fff;
}
  .we_join .join_a:hover{
    background: #505050;
}
.four-s {
	 width: 100%;
	height: 452px;
	background: url(../images/service.jpg) no-repeat;
	background-size: contain;
}

.btn {
	display: block;
	width: 224px;
	line-height: 60px;
	margin: 0 auto;
	text-align: center;
	background: #dc4f45;
	border-radius: 10px;
	color: #fff;
	font-size: 20px;
	margin-top: 20px;
}
.btn:hover{
	color: #fff;
	background: #505050;
}

.customer {
	width: 1920px;
	height:1020px;
	background: url(../images/cus.jpg) no-repeat;
}

.produce-box {
	 width:1920px;
	/*
	height: 2687px;*/
	height: 3000 logo-boxpx;
	margin:0 auto;
}

.pro {
	height:355px; 
	background: url(../images/p0.jpg) no-repeat;
}
.pro-lixiang {
	height: 856px;
}
.pronav {background: url(../images/remen.jpg) no-repeat;
	height: 469px;
}

.pro2 {background: url(../images/baokuan02.jpg) no-repeat;
	height:1628px;padding:0 9px;
}
.pro3 {background: url(../images/baokuan03.jpg) no-repeat;
	height:1616px;
}
.pro4 {background: url(../images/baokuan04.jpg) no-repeat;
	height:1603px;
}

.pro5 {background: url(../images/baokuan05.jpg) no-repeat;
	height: 641px;
}
.pro6 {background: url(../images/baokuan06.jpg) no-repeat;
	height: 716px;
}

.produce {
	position: relative;
}
.produce div{
	position: absolute;
	width: 370px;
	height: 60px;
	background: #dc4f45;
	border-radius: 30px;
	line-height: 60px;
	text-align: center;
	font-size:30px;
	font-weight: 400;
}
.produce div:hover{
	color: #fff;
	background:  #505050; 
}
.produce div p{
	display: inline;

}
.produce div p span{
	padding: 0 24px 0 10px;
	font-size: 50px;
	font-weight: 400;
	background: url(../images/lin.png)90% 50% no-repeat;
	vertical-align: middle;
}
.xiaoqin {
	 width: 1920px;
	height: 800px;
	padding: 70px 0;
}
.xiaoqin img{
	display: block;
	margin:0 auto;
}
.xiaoqin h1{
	padding-top: 20px;
}
.xiaoqin h1 span{
	font-size: 20px;
	color: #dc4f45;
}
.xiaoqin div ul{
	padding: 20px 0 0 0;
}
.xiaoqin div ul li{
	position: relative;
	float: left;
	width: 610px;
}
.xiaoqin div ul .xiao-text{
	width: 520px;
	height: 570px;
	background: #505050;
	padding: 30px 20px;
	text-align: left;
	margin-right: 30px;
}
.xiaoqin div ul .xiao-text h2{padding-bottom: 20px;}
.xiaoqin div ul .xiao-text p{
	line-height: 28px;
	font-size: 18px;
}
.xiaoqin div ul .xiao-text .tell{
	padding: 60px 0 0 80px;
}
.xiaoqin div ul .xiao-text .tell span{
	color:#dc4f45;
}
.xiaoqin div ul .xiao-text img{
	width: 300px;
	height: 300px;
	position: absolute;
	left: -150px;
	bottom:-150px;
}
.xiaoqin div ul li .li-I{
	width: 610px;
	height: 180px;
}
.jz-box .jz-title{
	margin: 0 auto;
	width: 528px;
}
 .jz-box .jz-title ul .current{
	 background: #c84942;
    color:#ffffff;
}
.jz-box .jz-title ul li{
	float: left;
	width: 224px;
	text-align: center;
	background: #888888;
	border-radius: 10px;
	margin:0 20px;
}
.btn2 {
	display: block;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
}
.btn2:hover{
	color: #fff;
}
.jz-box {
	margin-top: 80px;
	height:350px;
	overflow: hidden;
}

.zhengshu {
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	display: none;
}
.zhengshu ul{
	width: 1200px;
}
.zhengshu ul li{
	overflow: hidden;
	width: 221px;
	height: 166px;
	padding: 0 9px;
	float: left;
}
.nq-box {
	height: 480px;
	width:1920px;
	text-align: left;
	color: #000;
	background-color:#fff;
	padding-top:40px;
}

.news {
	width: 770px;
	height: 480px;
	margin-right:40px; 
	margin-left:360px; 
}
.nq-box ul li{
	float: left;
}
.question {
	width: 390px;
}

.news .news-title {
	width: 750px;
	height: 34px;
	padding-left: 20px;
	font-size: 18px;
	line-height: 34px;
	border-bottom: 4px solid #505050;
	display: block;
}

.content-box {
	width: 770px;
	padding:20px 0;
}

.content-box .article {
	width:305px;
	padding: 30px 10px 15px 10px;
	background: #505050;
}
.content-box .article img{
	width: 305px;
	height: 200px;
}
.content-box .article h3{
	font-weight: 100;
	line-height: 38px;
	font-size: 16px;
}
.content-box .article span{
	display: block;
	line-height: 34px;
	font-size: 14px;
	color:#ccc; 
}
.content-box .article p{
	font-size: 15px;
	line-height: 24px;
	color:#ccc; 
}
.content-box .list {
	width: 415px;
	padding-left: 30px;
}
.content-box .list  h1,p{color:#000;}
.content-box .list  h1:hover,p:hover{
	color: #dc4f45;
}
.content-box .list ul li{
	width: 405px;
	height: 50px;
	border-bottom: 1px solid #505050;
	padding: 10px 0;
		 
}
.content-box .list ul li h1{
	width: 66px;
	text-align: center;
	border-right: 1px solid #fff;
	float: left;
	margin-right: 10px;
}
.content-box .list ul li h1 span{
	font-weight: 100;
	display: block;
	font-size: 12px;
}
.content-box .list ul li p{

	line-height: 24px;
	font-size: 16px;
}
.content-box .list ul li p span{
	display: block;
	font-size: 12px;
}
.question .question-title{
	height: 34px;
	padding-left: 20px;
	font-size: 18px;
	line-height: 34px;
	display: block;
}

.que-box {
	width: 390px;
	height:400px; 
	margin-top: 20px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.que-box ul{
	position: absolute;
	top:0;
}
.que-box ul li{
	width:390px;
	padding: 20px 0;
	border-bottom: 1px solid #505050;
	float: none;
	color: #ccc;
}
.que-box ul h5{color:black;font-family:"微软雅黑"}
.que-box ul li:hover{
	color: #fff;
}
.que-box ul li h5:hover{
	color: red;
}
.que-box ul li div span{
	width: 32px;
	height: 32px;
	text-align: center;
	border-radius: 4px;
	background: #dc4f45; 
	display: block;
	float: left;
	margin-right:10px;
	line-height: 32px;
	font-size: 16px;
}
.que-box ul li .wen{
	line-height: 32px;
	padding-bottom: 20px;
	font-size: 16px;
}
.que-box ul li .wen h5{
	font-size: 16px;
	font-weight: 100;
}
.que-box ul li .da span{
	background:  #505050;
}
.que-box ul li .da p{
	width: 348px;
	line-height: 24px; 
	float: left;
	font-size: 16px;
}
.road {
	width: 1920px;
	height: 284px;
	background: #fff;
	padding: 50px 0;
}

.road-title {
	margin: 0 auto;
	width: 130px;
	font-size: 32px;
	text-align: center;
	color: #505050;
	line-height: 40px;
}
.road-title span{
	display: block;
	font-size: 18px;
}
.road-content {
	width: 1080px;
	height: 120px;
	margin:0 auto;
	border: 1px solid #505050;
	margin-top: 40px;
	padding: 28px 58px;
	position: relative;
}
.road-content ul{
	line-height: 60px;
}
.road-content ul li{
	float: left;
	margin-right: 40px;
}
.road-content ul li,.road-content ul li a{
	font-size: 18px;
	color: #333;
}
.road-content ul li a:hover{
	color: #dc4f45;
}
.road-logo {
	width: 222px;
	height: 34px;
	position: absolute;
	top: -17px;
	left: 50%;
	margin-left: -111px;
	background: #fff;	
}

.foot-logo {
	width: 1200px;
	margin: 0 auto;
	height: 74px;
}

.foot {
	width: 1920px;
	height: 220px;
	padding: 100px 0;
}
.foot-content{
	padding: 20px 0 0 0;
}
.foot-content ul li{
	float: left;
	margin-left: 90px;
}
.foot-content ul li img ,.foot-content ul li span{
	display: block;
}
.foot-content ul li  p{
	text-align: left;
	font-size: 16px;
	line-height: 36px;
	color: #fff
}
/*.return {
	position: fixed;
	width: 66px;
	height: 66px;
	right: 100px;
	bottom: 100px;
	border-radius: 33px;
	background: #505050;
}
.return:hover{
	background: #dc4f45;
}*/


.qianggou {
	height:1535px; 
	background:url(../images/baokuan01.jpg) no-repeat;
}

.banner-box3 {
	 width: 1920px;
	height: 924px;
	overflow: hidden;
}
.fixbox {
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 999;
}
.fixbox img,.fixbox a{
	display: block;
}
.re-top a:hover{
	background: #b40c10;
}
.re-top a{
	width: 48px;
	height: 48px;
	background: #a60c0f;
}

.re-index a:hover{
	width: 48px;
	height: 48px;
	background:#373737;
}.re-index a{
	width: 48px;
	height: 48px;
	background:#272727;
}

.mid{
	margin: 0 auto;
	width: 1920px;
}

.probox2{
	height:1115px;
}

.pro-img1{
	width: auto;
	height:943px;
	float: left; 
}
.pro-img2{
	width: auto;
	height:1277px;
	float: left; 
}
.pro-half2 a:hover{
	opacity: 0.8
}
.xiaobox{
	width: 390px;
	height: 460px;
}