@charset "utf-8";
 
/*about style*/
.companiesnav{ border: 1px solid #DD1201; margin-bottom: 90px;}
.companiesnav a{ color: #5c5c5c;}
.companiesnav a:active,.companiesnav a:hover{ color: #fff;}
.companiesnav a{ display:inline-block; float: left; padding: 12px 28px; font-size: 14px;}
.companiesnav a:hover{ background-color: #5C5C5C;}
.companiesnav a.act{ background-color: #DD1201; color: #fff;}
.teamlist{ width:1025px; position: relative;}
.teambox{ width: 205px; height: 205px; color: #fff; line-height: 1.4; float: left; display: block; position: absolute; overflow: hidden;}
.teambox a:link,.teambox a:visited{ color: #fff;}
.teambox a:active,.teambox a:hover{ color: #fff;}
.teambox a img {width:205px;}
.teambox.w615{ width: 615px;}
.teambox a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.teambox a .txt{ position: absolute; left: 0px; bottom: 0px; padding: 10px 10%; width:80%; background: url(../img/red_bg.png) repeat; letter-spacing: 0.1em; display: none;}
.teamD{ width: 1024px; margin: 0px auto 55px;}
.teamD dt{ width: 320px; height: 320px; float: left; display: block; background-color: #5C5C5C;}
.teamD dt img { width:320px; }
.teamD dd{ width: 634px; float: left; display: block; padding: 35px; color: #fff; background-color: #29282e; letter-spacing: 0.1em; min-height:250px;_height:250px;}
.teamD .zh{ font-size: 16px;}
.teamD .en{ font:16px/1.4 arial;}
.teamD .c{ padding-top: 30px;}
.teamWorks .t{ letter-spacing: 0.1em; color: #29282e; text-transform: uppercase; height: 45px; line-break: 45px; font-size: 14px; text-align: center;}
.teamWorks .t .en{ font-family: arial, helvetica, sans-serif; padding-left: 5px;}
.mod18{ width: 1024px; height: 658px; margin: 0px auto; position: relative;}
.mod18 .btn{position:absolute;width:25px;height:25px;top:602px;cursor:pointer;z-index:99;}
.mod18 .prev{left:174px;background:url(../img/alr.gif) no-repeat scroll left bottom;}
.mod18 .next{right:174px;background:url(../img/alr.gif) no-repeat scroll right bottom;}
.mod18 .prev:hover{ background-position: left top;}
.mod18 .next:hover{ background-position: right top;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .picBox{height:565px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:565;position:absolute;}
.mod18 .picBox li{width:1024px;height:565;}
.mod18 .listBox{ width: 600px; height:81px; margin: 0 auto; position: relative; padding: 12px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:81px;position:absolute;}
.mod18 .listBox li{width:150px;height:81px;cursor:pointer;position:relative;}
.mod18 .listBox li img{width:146px;height:81px; display: block; margin: 0px auto;}
.mod18 .listBox .on img{width:142px;height:77px;border:2px solid #dd1201;}
.culturebg{ background: url(../img/map.jpg) no-repeat; width: 1118px; padding: 74px 0px 0px 140px; height: 440px; position: relative; left: -140px;}
.culturelist li{ position: relative; width: 306px; height: 306px; text-align: center; float: left; display: block; margin-right: 56px; line-height: 1.5;}
.culturelist li a{ display: block;padding: 92px 16px 0px; height:214px; width: 274px; font-size: 14px;}
.culturelist .i1{ background: url(../img/i.png) no-repeat; width: 306px; height: 306px; position: absolute; left: 0px; top: 0px;}
.culturelist .i2{ background: url(../img/i2.png) no-repeat scroll center center; width: 306px; height: 306px; position: absolute; left: 0px; top: 0px; display: none;}
.culturelist a div{ position: relative;}
.page{ padding: 90px 0px; width: 1024px; margin: 0px auto;}
.pagec .culturelist a:link,.pagec .culturelist a:visited{ color: #DD1201;}
.pagec .culturelist a:active,.pagec .culturelist a:hover{ color: #fff;}
.culturelist a:hover .i1{ display: none;}
.culturelist a:hover .i2{ display: block;}
.culturelist a:hover{ color: #fff;}
.culturelist .t{ font-size: 18px; font-weight: bold; padding-bottom: 15px; letter-spacing: 0.2em;}
/*about style end*/
/*product style*/
.productlist{ width: 1024px; overflow: hidden;}
.productlist ul{ width: 1056px;}
 .productlist a:link,.productlist a:visited{ color: #29282e;}
.productlist a:active,.productlist a:hover{ color: #DD1201;}
.productlist li{ float: left; display: block; width: 321px;height: 412px; text-align: center; padding-right: 30px; overflow:hidden;}
.productlist li a{ display: block; width: 321px;}
.productlist li .img{ width: 317px;   overflow: hidden; border: 2px solid #d0d6cd; margin: 0px auto;}
.productlist li .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;}
.productlist li .txt{ padding-top: 5px; letter-spacing: 0.1em; font-size: 14px;}
.productlist li.act .img{ border: 2px solid #DD1201; -webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.productlist 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;}
.productlist li.act .txt a{ color: #DD1201;}
.paging a{ color: #8b8b8b;}
.paging a:active,.paging a:hover{ color: #DD1201;}
.paging{ text-align: center; font: 12px/1.8 "microsoft yahei"; text-transform: uppercase;}
.paging a,.paging span{ margin: 0px 4px; padding: 5px 12px; border: 1px solid #e5e5e5;}
.paging a.n{ border: 0px none;}
.paging span{ background-color: #fa1c27; color: #fff!important;}
.productname{ color: #040404; font: 24px/1.4 "microsoft yahei"; padding-bottom: 20px; position: relative; left: -12px;}
.product-i{ padding-bottom: 50px;}
.relatedbar{ margin-top: 50px; position: relative;}
.relatedbar a:link,.relatedbar a:visited{ color: #626262;}
.relatedbar a:active,.relatedbar a:hover{ color: #DD1201;}
.relatedbar .black{ position: absolute; right: 0px; top: 0px;}
/*product style end*/
/*news style*/
.firstbox{ height:180px; padding-bottom: 55px; background:url(../img/bot2.gif) repeat-x scroll left bottom; margin-bottom: 85px;}
.firstbox .img{ width:338px; height:180px; display:block; overflow:hidden; float:left;}
.firstbox .img img{ width:100%; height:100%; display: block;} 
.firstbox .con{ width:632px; overflow:hidden; float:right; display:inline-block; margin-right:20px;}
.firstbox .con .t{ font:18px/1.1 "microsoft yahei",Arial, Helvetica, sans-serif; color:#4c4b4b; height:42px; margin-bottom:10px;}
.firstbox .con .t a{ color:#111;}
.firstbox .con .t a:hover{ color:#DD1201;}
.firstbox .con .c{ height:68px; overflow:hidden; margin-bottom:9px; color:#999;}
.firstbox .con .time{ padding: 5px 0px;}
.firstbox .con .more2{ background:url(../img/ico1.gif) no-repeat scroll 80px center #dd1201; color:#fff; font: 10px/14px arial; text-transform: uppercase; display:inline-block; width: 80px; padding-right: 22px; text-align: center; height: 14px;}
.firstbox .con .more2:hover{ background-color:#474747;}
.newlist{ padding-bottom: 35px;}
.newlist li{ height: 34px; line-height: 34px; margin-bottom: 15px;}
.newlist li .i{ width: 32px; text-align: center; display: inline-block; font-family:arial;}
.newlist li .r{ margin-right: 10px;}
.newlist a{ color: #b3b3b3;}
.newlist li.ot{ background: #f2f5f9;}
.newlist li.hover{ background: #DD1201;}
.newlist li.hover a{ color: #fff;}
.tlt {margin:20px 0 20px 30px;height:50px;line-height:50px;}
.tlt a{font-size:24px;color:#303032;}
.more {margin:30px;height:50px;line-height:50px;border-bottom:1px dashed #b3b3b3;}
.more a{float:right;font-size:14px;color:#e5411e;}
.nit a:link,.nit a:visited{ color: #626262;}
.nit a:active,.nit a:hover{ color: #DD1201;}
.nit { background: url(../img/bot2.gif) repeat-x scroll left bottom; padding-bottom: 16px; margin-bottom: 50px;}
.nit .t{ font: 20px/1.5 "microsoft yahei"; color: #111;}
.nit .i{ font-family:arial, helvetica, sans-serif; color: #a1a1a1;}
.nit .i a{ font-family: "microsoft yahei";}
.relatedbar2 a:link,.relatedbar2 a:visited{ color: #8c8c8c;}
.relatedbar2 a:active,.relatedbar2 a:hover{ color: #DD1201;}
.relatedbar2{ margin-top: 50px; background: url(../img/bot2.gif) repeat-x scroll left top; padding-top: 24px; font-family:arial,"宋体";}
.relatedbar2 p{ width: 45%; overflow: hidden;}
.relatedbar2 .next{ text-align: right;}
.relatedbar2 .prev{ text-align: left;}
.relatedbar2 a{ display: inline-block; padding-bottom: 22px;}
.relatedbar2 .next a{ background: url(../img/next.gif) no-repeat scroll right bottom;}
.relatedbar2 .prev a{ background: url(../img/prev.gif) no-repeat scroll left bottom;}
/*news style end*/
/*hr style*/
.joinpage{ color: #162829;}
.joinpage a:link,.joinpage a:visited{ color: #8c8c8c;}
.joinpage a:active,.joinpage a:hover{ color: #DD1201;}
.joinFirst{color: #162829; margin-bottom:90px;}
.joinFirst .t{ color: #dd1201; font:26px/1.1 "microsoft yahei";}
.p30{ padding: 30px;}
.f16{ font-size: 16px;}
.joindl{ padding-bottom: 50px;}
.joindt{ margin-bottom: 2px; background:url(../img/ico2.gif) no-repeat scroll 98% center #e6ebf3; height:24px; line-height: 24px; color: #162829; cursor: pointer; padding: 5px 30px;} 
.joindd{color: #162829; padding: 25px 30px; margin-bottom: 2px; display: none; background-color:#F2F5F9;}
/*hr style end*/
/*contact style*/
.map{ width: 1024px; height: 315px;}
/*contact style end*/