@charset "UTF-8";
/**
 * 产品
 * @authors Your Name (you@example.org)
 * @date    2016-12-04 23:00:45
 * @version $Id$
 */

section.main div.mainBox div.productsList ul{
	margin-top:35px;
	width:860px;
}
section.main div.mainBox div.productsList li{
	width:255px;
	height:338px;
	float: left;
	margin:0 30px 35px 0;
	overflow:hidden;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
section.main div.mainBox div.productsList li:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
section.main div.mainBox div.productsList li a.thumb{
	display:block;
	width:251px;
	height:195px;
	border:1px solid #ccc;
	padding:1px;
	overflow:hidden;
}
section.main div.mainBox div.productsList li a.thumb img{
	display:block;
	width:100%;
	min-height:195px;
}

section.main div.mainBox div.productsList li a.title{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:18px;
	color:#0665bf;
	margin-top:12px;
	height:28px;
	line-height:28px;
}
section.main div.mainBox div.productsList li p{
	font-size:12px;
	color:#666;
	line-height:22px;
	height:44px;
	overflow:hidden;
	margin-top:5px;
}
section.main div.mainBox div.productsList li div{
	margin-top:16px;
}
section.main div.mainBox div.productsList li a.d{
	font-size:13px;
	color:#666;
	line-height:32px;
}
section.main div.mainBox div.productsList li a.c{
	display:block;
	width:104px;
	height:32px;
	line-height:32px;
	color:#fff;
	text-align:center;
	font-size:13px;
	background:#666;
	border-left:3px solid #333;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
section.main div.mainBox div.productsList li a.c:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e20704;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
section.main div.mainBox div.productsList li a.c:hover,
section.main div.mainBox div.productsList li:hover a.c {
    color: #fff;
    border-color:#a90200;
}
section.main div.mainBox div.productsList li a.c:hover:before,
section.main div.mainBox div.productsList li:hover a.c:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

section.main div.mainBox div.products{
	margin-top:35px;
}
section.main div.mainBox div.products div.p-top div.thumb{
	width:371px;
	height:289px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
}
section.main div.mainBox div.products div.p-top div.thumb img{
	display:block;
	width:371px;
	height:289px;
}
section.main div.mainBox div.products div.p-top div.info{
	width:410px;
	height:293px;
}
section.main div.mainBox div.products div.p-top div.info h1{
	font-size:28px;
	color:#0665bf;
	font-weight:normal;
	margin-top:10px;
}
section.main div.mainBox div.products div.p-top div.info div.desc{
	font-size:14px;
	line-height:24px;
	height:120px;
	overflow:hidden;
	margin-top:15px;
}
section.main div.mainBox div.products div.p-top div.info div.cus{
	background:#f2f2f2;
	color:#e20704;
	padding:10px 15px;
	margin-top:15px;
}
section.main div.mainBox div.products div.p-top div.info div.cus p{
	font-size:16px;
	line-height:24px;
}
section.main div.mainBox div.products div.p-top div.info div.cus div{
	font-size:12px;
	font-family:'simsun','宋体';
	line-height: 24px;
	height:48px;
	overflow:hidden;
}

section.main div.mainBox div.products div.p-tabs{
	margin-top:50px;
	background:#f2f2f2;
}
section.main div.mainBox div.products div.p-tabs div.hd{
	height:50px;
	line-height:50px;
	overflow:hidden;
}
section.main div.mainBox div.products div.p-tabs div.hd a{
	display:block;
	width:125px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	text-align:center;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:5px solid transparent;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
section.main div.mainBox div.products div.p-tabs div.hd a.on,
section.main div.mainBox div.products div.p-tabs div.hd a:hover{
	color:#0665bf;
	border-color:#0665bf;
}
section.main div.mainBox div.products div.p-tabs div.bd{
	width:770px;
	min-height:438px;
	margin:0 auto;
	-webkit-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s;
	overflow:hidden;
}
section.main div.mainBox div.products div.p-tabs div.bd div.contents{
	padding:15px 0;
	position:relative;
	overflow:hidden;
	line-height:2em;
	display:none;
	width:770px;
}
section.main div.mainBox div.products div.p-tabs div.bd div.contents *{
	max-width:770px;
}
section.main div.mainBox div.products div.p-rel-d{
	height:225px;
	width:825px;
	margin-top:45px;
	border:1px solid #ccc;
}
section.main div.mainBox div.products div.p-rel-d div.t{
	width:170px;
	height:225px;
	background:url('../images/bg_p-rel-d.jpg') no-repeat center;
	color:#fff;
}
section.main div.mainBox div.products div.p-rel-d div.t span{
	font-size:24px;
	line-height:36px;
	display:block;
	text-align:center;
}
section.main div.mainBox div.products div.p-rel-d div.t span:first-child{
	font-size:12px;
	font-family:'Arial';
	line-height:20px;
	margin-top:70px;
	text-transform: uppercase;
}
section.main div.mainBox div.products div.p-rel-d div.t small{
	height:2px;
	width:27px;
	background:#fff;
	margin:10px auto 0;
	display:block;
}
section.main div.mainBox div.products div.p-rel-d div.list{
	height:184px;
	margin-top:26px;
	overflow:hidden;
}
section.main div.mainBox div.products div.p-rel-d div.list div.item{
	width:183px;
	height:184px;
	overflow:hidden;
	text-align:center;
	float: left;
	margin:0 0 0 27px;
}
section.main div.mainBox div.products div.p-rel-d div.list div.item img{
	display:block;
	width:179px;
	height:139px;
	border:1px solid #ccc;
	padding:1px;
}
section.main div.mainBox div.products div.p-rel-d div.list div.item span{
	display:block;
	line-height:40px;
	height:40px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
section.main div.mainBox div.products div.cnt{
	margin-top:77px;
	border-top:1px solid #ccc;
	padding:15px 0;
	font-size:20px;
	line-height:36px;
	position:relative;
}
section.main div.mainBox div.products div.cnt .red{
	color:#e20704;
}
section.main div.mainBox div.products div.cnt .red strong{
	font-size:42px;
	font-family:'Arial';
	margin-left:8px;
	font-weight:normal;
}
section.main div.mainBox div.products div.cnt a.btn_cont{
	display:block;
	width:130px;
	height:38px;
	border-radius: 3px;
	overflow:hidden;
	position:absolute;
	top:75px;
	right:0;
	background:url('../images/icon_sprite_1.png') no-repeat -48px -328px;
}