@charset "utf-8";
/*============================= CSS Document ======================================================*/
body,div,form,ul,ol,li,span,p,dl,dd,dt,caption{margin:0 auto;padding:0;border:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none;margin:0;padding:0;}
table,td,input{font-size:10px;}
.clear{clear:both;}
#right{ float:right;}
.b2341d{ color:#b2341d;}
body{ background:url(/temp/images/body.gif) 0 0 repeat;}
.alink a:link,.alink a:visited{color:#000; text-decoration:none; margin:2px 10px;}
.alink a:hover{color:#b2341D; text-decoration:underline;}
.alink1 a:link,.alink1 a:visited{color:#fff; text-decoration:none;}
.alink1 a:hover{color:#CCC;text-decoration:underline;}
#alink2 a:link,#alink2 a:visited{color:#b2341D;text-decoration:none; margin:2px 10px;}
#alink2 a:hover{ text-decoration:underline;}
#px12{font-size:12px;}
#px14{font-size:14px;}
.red{ color:#b2341d;}
/*==============================Framing=====================================================*/
.main{ width:980px; font-size:10px;}
#main-m{width:100%; height:auto; background:#FFF;}
#main-b{width:100%; height:auto; background:#444853;}
/*==============================Header=====================================================*/
.header{ width:980px; height:420px; background:url(/temp/images/bg.jpg) 0 0 no-repeat;}
.top{width:850px; height:420px;}
.logo{ width:220px; height:110px;float:left; margin:5px 0 0 0px !important;margin:5px 0 0 10px;}
*+html .language{ width:600px;height:35px !important;height:32px;float:right;}
.language{ width:600px;height:55px !important;height:32px;float:right;}
*+html .please{ width:340px;height:35px;float:left; line-height:35px; text-align:right;}
.please{ width:340px;height:35px;float:left; line-height:35px; text-align:right;}
.select{ width:auto;height:35px;float:right; line-height:35px;}
.banner{ width:850px; height:310px; padding:0; margin:0 auto;}
/*- Menu--------------------------- */
*+html .nav{ width:608px; height:110px; float:right;}
.nav{ width:608px; height:110px; float:right; overflow:hidden;}
.button { height:75px;argin:0; padding:25px 0 100px 15px; list-style:none;}
.button li {display:inline; float:left; margin-right:1px; background:url(/temp/images/3.gif);}
.button li a {display:block; height:38px; float:left; background:url(/temp/images/3.gif); text-decoration:none; font-size:12px; font-family:arial, sans-serif; letter-spacing:1px; line-height:35px;}
.button li b {margin:0 0 0 20px; display:inline; float:left; height:38px; background:url(/temp/images/3.gif) right top; padding:0 20px 0 0; color:#000;}
.button li a:hover, .button li a:hover b {border:0; background-image:url(/temp/images/2.gif); cursor:pointer;}
.button li a:active, .button li a:active b, .button li a.current, .button li a.current b {background-image: url(/temp/images/1.gif);color:#fff;} 
.button li a:active b, .button li a.current b { line-height:38px; margin-left:21px; padding-right:19px;}
/*- middle--------------------------*/
.cone{ width:850px; height:30px; background:url(/temp/images/middle-bg.jpg) 0 0 repeat-y;color:#FFF; text-align:justify; line-height:20px; font-weight:bold;}
.cs{ width:230px; height:30px; float:left; margin-left:5px; margin-top:5px; text-align:center}
.text{width:100%; height:140px; overflow:hidden;}
.more{ height:18px; line-height:25px;text-align:right; font-size:10px; overflow:hidden;}
.hp{ width:285px; height:30px; float:left; margin-left:30px;margin-top:5px;text-align:center}
.sp{ width:255px; height:30px; float:right;margin-top:5px; margin-right:10px;text-align:center}
.content{ width:850px; height:530px;}
/*Left*/
.left{ width:565px; height:520px; float:left;overflow:hidden; margin:20px 0px 10px 0px;}
.left h1{ margin-top:10px; margin-bottom:10px; width:565px;}
.about{ width:550px; text-align:justify; line-height:16px; margin-bottom:15px;}
.about img{ float:left; margin-right:10px;}
.about a:link,.about a:visited{color:#000; text-decoration:none; font-style:italic; font-weight:bold;}
.about a:hover{color:#b2341D; text-decoration:underline;}
.photo{ width:565px; height:230px; background:url(/temp/images/photo-bg.jpg) 0 0 no-repeat;}
.infiniteCarousel {width: 540px;position: relative;}
.infiniteCarousel .wrapper {width: 460px;overflow: auto;height: 200px;margin: 4px 37px!important;margin: 2px 37px;position: absolute;top: 0;}
.infiniteCarousel ul a img {border: 1px solid #000;-moz-border-radius: 1px; -webkit-border-radius: 1px;}
.infiniteCarousel .wrapper ul {width: 565px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;left: 1px;}
.infiniteCarousel ul li {display:block;float:left;padding: 10px;height: 180px;width: 130px;}
.infiniteCarousel ul li img {-webkit-transition: border-color 100ms;}
.infiniteCarousel ul:hover li img {border-color: #fff;}
.infiniteCarousel ul:hover li:hover img {border-color: #333;}
.infiniteCarousel ul li a img {display:block;}
.infiniteCarousel .arrow {display: block;height: 36px;width: 37px;background: url(arrow.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 37px;cursor: pointer;outline: 0;}
.infiniteCarousel .forward {background-position: 0 0;right: 0;}
.infiniteCarousel .back {background-position: 0 -72px;left: 0;}
.infiniteCarousel .forward:hover {background-position: 0 -36px;}
.infiniteCarousel .back:hover {background-position: 0 -108px;}
/*===================Right================================================================*/
.right{ width:251px;float:right;overflow:hidden;margin:20px 0px 10px 0px;}
.video{ width:251px; height:275px; background:url(/temp/images/video-bg.jpg) 0 0 no-repeat;}
#container{ padding-top:45px;}
.contact{ width:251px; height:222px; background:url(/temp/images/contact.jpg) 0 0 no-repeat; margin-top:10px;}
.contacter{ padding-top:65px; line-height:25px; padding-left:20px;}
/*===================================================================================*/
.prolist{ width:850px; height:auto;margin-bottom:10px;}
.prolist h1{ width:850px;margin-bottom:10px; float:left; }
.proname{ width:850px; height:240px; border:#CCC solid 1px;clear:both;}
.pro{ width:205px!important;width:203px;height:230px; margin:5px 2px 5px 5px; background:#E7E7E7; float:left;}
.pro h2{ margin:5px;line-height:15px; font-size:14px; font-weight:bold; color:#b2341d;}
.pro li{ border-bottom:#ccc dashed 1px; line-height:21px; margin-left:5px; background:url(/temp/images/m2.gif) left no-repeat;text-indent:2px;}
.gotop{width:850px; height:20px; text-align:right;}
/*Footer*/
.company{ line-height:20px; text-align:center; color:#fff; font-weight:500;}
/*==================================================================================*/