@charset "utf-8";

/*index style */
.ibox{ width: 100%; margin: 0px auto; background-color: #e6ebf3; padding: 100px 0px 86px;}
.ibox-t{ text-align: center; padding-bottom: 92px; width:100%; margin: 0px auto; color: #dd1201;}
.ibox-t .en{ font:33px/1.4 'pf_dintext_promedium',arial, helvetica, sans-serif; text-transform: uppercase;}
.ibox-t .zh{ font: 14px/1.4 "microsoft yahei"; letter-spacing: 0.4em;}
.ibox-t .zh .il{ background: url(../img/bot.gif) no-repeat scroll left center; padding-left: 40px;}
.ibox-t .zh .ir{ background: url(../img/bot.gif) no-repeat scroll right center; padding-right: 40px;}
.ibox .ibox-c{ width: 65%; margin: 0px auto;}
.ibox a:link,.ibox a:visited{ color: #303032;}
.ibox a:active,.ibox a:hover{ color: #dd1201;}
.productibox li{ float: left; display: block; width: 25%;max-width:325px; overflow: hidden; background-color: #fff;}
.productibox .img{  width: 100%; position: relative; overflow: hidden;}
.productibox .img .png{ background: url(../img/black.png) repeat; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none;}
.productibox .txt{ height: 90px; position: relative;}
.product{ color: #9a9a9a;}
.productibox .txt a{ display: block; padding: 15px 15px 0px; height: 75px;}
.productibox .txt .ico{ background: url(../img/i1.png) no-repeat ; width: 16px; height: 7px; position: absolute; left: 50%; top: -7px; margin-left: -8px; display: none;}
.productibox .txt .more{ background: url(../img/more.gif) no-repeat scroll left center; width: 0px; height: 18px; position: absolute; right: 34px; top: 50%; margin-top: -9px;}
.productibox .txt .en{ font:italic 12px/1.5 'pf_dintext_promedium',arial, helvetica, sans-serif; color: #d0d0d0; text-transform: uppercase;}
.productibox .txt .zh{ font: 14px/1.4 "microsoft yahei"; color: #9a9a9a;letter-spacing: 0.1em;}
.productibox li.act{ background-color: #dd1201;  transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.3s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.3s ease-in-out 0s; /* Opera */ }
.productibox li.act .txt .en{ color: #ee8980;}
.productibox li.act .txt .zh{ color: #fff;}
.latestbox{ padding: 70px 0px 100px;}
.latest a:link,.latest a:visited{ color: #5d5d5d;}
.latest a:active,.latest a:hover{ color: #dd1201;}
.latest{ width: 1024px; margin: 0px auto; height: 188px; position: relative; overflow: hidden;}
.latest ul{ width: 2000em; height: 188px; }
.latest li{ width:468px; float: left; display: block; color: #858585; margin: 0px 88px 0px 0px;}
.latest .img{ float: left; display: block; width: 160px; height: 96px; overflow: hidden;}
.latest .img a{ display: block; position:relative; overflow: hidden; width:160px; height: 94px; border-top: 2px solid #8f939b;}
.latest .img img{ width: 100%; display: block; -webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 300ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 300ms;}
.latest .img .time{ position: absolute; width: 50px; height: 52px; left: 15px; top: 0px; background-color: #8f939b; text-align: center; color: #fff; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height: 1.4; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.latest .img .time .moth{ font-size: 10px; line-height: 1.2;}
.latest .txt{ float: right; display: block; width:290px;}
.latest .txt .t{ letter-spacing: 0.1em; font: 14px/1.1 "microsoft yahei"; height: 16px; overflow: hidden; margin-bottom: 10px;}
.latest .txt .c{ height: 42px; margin-bottom: 10px; overflow: hidden;}
.latest .txt a.more{ color: #858585; font-family:arial;}
.latest .txt a.more:hover{ color:#DD1201;}
.latest li.act .img a{ border-top: 2px solid #DD1201;}
.latest li.act .img .time{ background-color: #DD1201; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.latest li.act .img img{-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	-moz-transform: scale(1.15, 1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 300ms;
	transform: scale(1.15, 1.15);
	transition-timing-function: ease-out;
	transition-duration: 300ms;}
.latest li.act .txt .t a{ color: #DD1201;}
.latest li.act .txt a.more{ color: #DD1201;}
.latest .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ padding: 0px; bottom: 0px;}
.latest .bx-controls-direction{ display: none;}
/*index style end*/