@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.foreman_container {
    /*width: 1200px;width:1250px;*/ width:1200px;
    /*height: 335px;*/height: auto;
    margin: 50px auto 0px;
    position: relative;
    overflow: hidden;
    padding-bottom: 27px;
}

.foreman_container .foreman_content {
    /*position: absolute;*/
    width: 100%;
    height: 92%; top: 0; overflow:hidden;
	/*margin-left:27%;*/
    /*margin-left: 28%;*/
}

.foreman_container .foreman_content li {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 30%;
    height: 250px;
    background:#fff;
    /*transition: all 0.3s ease;*/
    overflow: hidden;
	margin:0px 2% 50px 0; padding:10px; float:left; overflow:hidden;
}
.foreman_container .foreman_content li:nth-of-type(3){ margin-right:0px;}

#Box{
	width: 100%;
	height: 100%;
    position: relative; /*padding:2%;*/
}
#Box .left,#Box .right{
	float: left;
    width: 60%;
    height: 150px;
    margin-left: -0.3%;
}
#Box .left{ overflow:hidden; /*width:215px; height:157px;*/width:205px; height:155px; padding-top:5px; padding-right:5px;}
#Box .left img{
	/*width: 91%;
    height: 100%;*/width: 100%; height: auto;
	transition: all 0.7s ease 0s; display:inline;
}
#Box .left img:hover{ /*box-shadow:0px 0px 8px #666666; border-radius:8px;*/transform:scale(1.03);}
#Box .right{
	width: 150px;
    margin-right: 0; margin-top:10px;
   /* margin-top:2%;*/ height: 68%;
}

#Box .right p:nth-of-type(1){
    width: 100%;
    margin-top:0px;
    color: black;
    font-size:18px;
    margin-bottom: 8px;
    text-align: left;
    padding: 0;
}
#Box .right p:nth-of-type(1) a{ font-size:18px;}
#Box .right p:nth-of-type(1) a:hover{ color:#666666;}
#Box .right span:nth-of-type(1){
   color:#dbdbdb;
   font-size:14px; padding-left:10px;
}

#Box .xing{display: inline-block;}
#Box .xing span:nth-of-type(1){
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(../images/icon.png) no-repeat -44px -521px;
    margin:0 0 -2px 0;
}
#Box .xing span:nth-of-type(2){
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(../images/icon.png) no-repeat -44px -521px;
    margin:0 0 -2px;
}
#Box .xing span:nth-of-type(3){
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(../images/icon.png) no-repeat -44px -521px;
    margin:0 0 -2px;
}
#Box .xing span:nth-of-type(4){
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(../images/icon.png) no-repeat -44px -521px;
    margin:0 0 -2px;
}
#Box .xing span:nth-of-type(5){
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(../images/icon.png) no-repeat -59px -521px;
    margin:0 0 -2px;
}
#Box .right p:nth-of-type(3){
    margin-bottom: 8px;	
}
#Box .right p{
    line-height: 22px;
    font-size: 14px;
    color: #999999;
    border: 0;
    /*padding-left: 20px;*/
}
#Box .right p {
    color: #acacac;
}

#Box .right .praise{ width:100%;}
#Box .right .praise p{ 
    line-height: 22px;
    font-size: 13px;
    color: #999999;
    border: 0;
   /* padding-left: 5%; */width:40%; margin-bottom:0px; float:left; margin-top:0px;}
#Box .right .xing{
	 width:55%; float:right;
}
#Box .right .xing_black{ 
	 width:75px; float:left; position:relative; background:url(../images/xing.png) no-repeat 0px -20px; font-size:1px; height:20px;
}
#Box .right .xing_yellow1,#Box .right .xing_yellow2,#Box .right .xing_yellow3,#Box .right .xing_yellow4,#Box .right .xing_yellow5,#Box .right .xing_yellow6,#Box .right .xing_yellow7,#Box .right .xing_yellow8,#Box .right .xing_yellow9,#Box .right .xing_yellow10{
     float:right; position:absolute; top:0px; left:0px; background:url(../images/xing.png) no-repeat -1px 5px; height:20px;
}
#Box .right .xing_yellow2{ width:20%;}
#Box .right .xing_yellow3{ width:30%;}
#Box .right .xing_yellow4{ width:40%;}
#Box .right .xing_yellow5{ width:50%;}
#Box .right .xing_yellow6{ width:60%;}
#Box .right .xing_yellow7{ width:70%;}
#Box .right .xing_yellow8{ width:80%;}
#Box .right .xing_yellow9{ width:90%;}
#Box .right .xing_yellow10{ width:100%;}
#Box .right .xing_yellow1{ width:15%;}


#Box .right button{
    background: #fff none repeat scroll 0 0;
    border: 1.5px solid #373535;
    border-radius: 1px;
    font-size: 1em;
    height: 30px;
    line-height: 25px;
    margin: 8px 0 0;
    text-align: center;
    width: 100%;
	/*color:#373535;*/ color:#000000;
	cursor:pointer;
}
#Box .root{
	width: 100%;
    height: 75px;
    position: absolute;
    bottom: 5px;
    margin-left: 0;
}
#Box .root p{
	width: 94px;
	height: 100%;
	float: left;
}

#Box .root .wot_sh{
	padding: 0 0 0 35px;
    left: 385px;
    top: 20px;
    position: absolute;
	width: 87px;
    height: 63px;
    line-height: 25px;
    font-size:1.125em;
    color: #ccc;
	background: url(../images/icon.png) no-repeat -33px -732px; cursor:pointer; display:none;
}


/*#Box .root .wot_sh{
    display: inline-block;
    width: 34px;
    height: 30px;
    background: url(../images/icon.png) no-repeat -33px -730px;
    margin: -2px 3px;
    margin-left: 72%;
    margin-top: -10%;	
}
#Box .root .wot_cen{
	color: #999999;
	float: right;
	width: 17%;
	margin-top: -13.5%;
	margin-right: 5%;
	line-height: 69px;
}
#Box .root .wot_cen a{ color:#999999; font-size:1.125em;}*/
#Box .root img{
    width: 92%;
    height: 100%;
}
#Box .root .root_hi{
	overflow: hidden;
	/*width: 375px;*/width: 100%;
	height: 78px;	
}
#Box .root .root_lun{
	width: 1229px;
	height: 100%;	
	position: relative;
}
#Box .root .root_lun img{transition: all 0.7s ease 0s; display:inline;}
#Box .root .root_lun img:hover{  /*border-radius:8px 20px;*/transform:scale(1.03);}
/*.foreman_container .btn_left, .foreman_container .btn_right {
    display: none;
    width: 126px;
    height: 179px;
    position: absolute;
    top: 82px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
}
.foreman_container .btn_left {
    text-align: left;
    left: 53px;
}

.foreman_container .btn_right {
    text-align: right;
    right: 53px;
}*/

.foreman_container .btn_left, .foreman_container .btn_right{position:absolute;display:block;width:50px;height:75px;overflow:hidden;z-index:2;top:30%;}
.foreman_container .btn_left{left:0px;}
.foreman_container .btn_right{right:0px;}
.foreman_container .btn_left b,.foreman_container .btn_right b{position:absolute;z-index:1;display:block;width:50px;height:75px;overflow:hidden;background:#000;opacity:0.3;filter:alpha(opacity=30);cursor:pointer;}
.foreman_container .btn_left span,.foreman_container .btn_right span{display:inline-block;position:relative;z-index:2;width:22px;height:33px;top:21px;cursor:pointer; margin-right:28px;}
.foreman_container .btn_left span{left:12px;background-image:url(../images/l.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/l.png');}
.foreman_container .btn_right span{left:16px;background:url(../images/r.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/r.png');}
.foreman_container .btn_left:hover b,.foreman_container .btn_right:hover b{opacity:0.5;filter:alpha(opacity=50);}



.foreman_container i {
    font-size: 50px;
}


.foreman_container .buttons {
    width: 370px;
    height: 5px;
    line-height: 5px;
    position: absolute;
    bottom: 13px;
    left: 50%;
    margin-left: -127px;
    z-index: 1;
}

.foreman_container .buttons a {
    float: left;
    width: 15px;
    height: 15px;
    background-color: #898F94;
    margin-right: 15px;
    border-radius: 50%;
}

.foreman_container .buttons a.color {
    background-color: #92ffff;
}

.foreman_container .buttons a:last-child {
    margin-right: 0;
}

.p1 {
    transform: translate3d(-867px, 0, 0) scale(0.81);
    opacity: 0.4;
    z-index: 1;
}

.p2 {
    transform: translate3d(-867px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.p3 {
    transform: translate3d(-295px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p4 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.p5 {
    transform: translate3d(427px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p6 {
    transform: translate3d(939px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.p7 {
    transform: translate3d(940px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.4;
    z-index: 1;
}

#Box .right button:hover{
	background: black;
	color: #fff;
	border-radius: 6px;	
}

/*#tan{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100em;
    background: rgba(0,0,0,0.6);
    z-index: 5;	
    display: none;
}
#tan .t_cen{
	width: 582px;
    height: 323px;
    margin: 13% auto;
    background: #fff;
    border-radius: 8px;
    position: relative;
}
#tan p:nth-of-type(1){
	width: 88%;
    height: 87px;
    border-bottom: 2px dashed #999999;
    font-size: 25px;
    color: #f6951b;
    padding-left: 68px;
    line-height: 87px;
}
#tan p:nth-of-type(2){
    font-size: 23px;
    margin-left: 29px;
    line-height: 45px;
    margin-top: 23px;
}
#tan p:nth-of-type(3){
    position: absolute;
    top: 30px;
    left: 26px;
    border: 2px solid #f6951b;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    font-size: 21px;
    font-weight: 600;
    color: #f6951b;
    line-height: 23px;
    text-align: center;
}
#tan img{
    position: absolute;
    top: 26px;
    left: 515px;
}
#tan button{
	width: 305px;
    height: 56px;
    background: #f6951b;
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-size: 25px;
    margin: 34px 0 0 134px;
}


#sh_tan{
	width: 100%;
	height: 100em;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	position: fixed;
	z-index: 10;
	display: none;
}
#sh_tan .e_topr{
	height: 328px;
	margin: 16% auto;
	width: 292px;
	background: rgba(0,0,0,0.8);
	padding: 4px;
	border: 1px solid #FFF;
}
#sh_tan .e_topr .mian{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #ccc;
	color: #fff;
	width: 100%;
	margin: auto;
	background: #818181;
	height: 52px;
	line-height: 50px;	
	position: relative;
}
#sh_tan .mian span{
	padding: 10px;
	font-size: 26px;
	position: absolute;
	color: #fff;
	top: -18px;
	left: 254px;
	
}
#sh_tan .di_input{
	background: #fff;
	height: 269px;
	border-radius: 2px;
	box-shadow: 0 0 6px 0 #ccc inset;
	padding-left: 21px;
	padding-top: 7px;	
}
#sh_tan .di_input input{
	width: 227px;
	height: 36px;
	background: #fff;
	box-shadow: 0 0 2px 0 #ccc;
	border: 0;
	margin-top: 12px;
}
#sh_tan .xiao{
	width: 269px;
}
#sh_tan .xiao span{
	width: 82px;
	height: 37px;
	line-height: 35px;
	font-size: 17px;
	display: inline-block;
	box-shadow: 0 0 3px #ccc;
}
#sh_tan .xiao input{
	width: 126px;
	margin-left: 17px;	
}
#sh_tan .di_input button{
	width: 173px;
	height: 34px;
	margin-left: 39px;
	background: #ccc;
	border: 0;
	border-radius: 5px;
	margin-top: 16px;
	outline: none;
}
#sh_tan .di_input button:hover,#sh_tan .mian span:hover{
	cursor: pointer;
}*/