@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight:lighter;
	font-style: normal;
}

body {margin:0 ;padding: 0;line-height: 24px;font-size: 12px;color: #808080; background: #fff; font-family: 'codropsicons',Kalinga,Century Gothic,arial; font-weight:lighter;  }
a:link, a:visited { color: #4c4c4c; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #d32a03; text-decoration: none; }

p,img,div,span,form,input,ul,li,dl,dt,dd{ margin: 0px; padding: 0px; border:none; outline: none}
li{ list-style-type:none;}
img,input{ border:none;}
.cleaner{ clear:both; margin:0; padding:0;}
.fl{ float:left; display:inline;}
.fr{ float:right;display:inline;}
.tc{ text-align:center}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt50{ margin-top:50px;}

#container{ margin:0; padding:0; width:100%; }
#header{ margin:0; padding:0; background:#fff; height:130px; min-width:1280px;
transition: all 0.3s ease-in-out 0s;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); position:relative; z-index:9999; }
.head{ margin:0 auto;}
.logo{padding:0; }
.top_left{ }
.top_right{ text-align:right;padding:20px 30px 0 0; display:inline;}
.lan{ font-size:14px;}
.lan a.sel:link,.lan a.sel:visited{ color:#d32a03}
.search{ padding:0px 15px; height:31px;background:#ebebeb;overflow:hidden; border-radius:15px; margin-top:20px;}
.search input{ border:none; padding:0; margin:0; }
.search input.search_input{ height:31px; line-height:31px; background:#ebebeb;  width:138px; font-size:14px; float:left;}

#menu{ padding:0px 0px 0 210px; }
#menu ul{ margin:0; padding:0; }
#menu ul li{ list-style-type:none; float:left;  line-height:130px; text-align:center;   }
#menu ul li a:link, #menu ul li a:visited{ font-size:16px; display:block; height:130px; color:#454545; text-align:center; display:block; font-weight:lighter;padding:0 0.5em;  }
#menu ul li a:hover,#menu ul li a:active{color: #e62129; text-decoration:none; }

#menu ul li.mainlevel{padding:0 0.5em; }
#menu ul li.mainlevel span{
font-size:16px;  position:absolute; z-index:100;  display:block; text-align:center; color:#454545; }
#menu ul li.mainlevel span:hover{color: #d32a03;}
#menu ul li.mainlevel a:link, #menu ul li.mainlevel a:visited{ color:#454545;}
#menu ul li.mainlevel a:hover,#menu ul li.mainlevel a:active{color: #e62129;}
#menu ul li.mainlevel ul {position:absolute;display:none; z-index:1000;   background:#fff; height:150px; padding:30px 40px 30px 0;  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow-top:0; border-top:1px solid #eee}
#menu ul li.accessories ul{ margin-left:-300px}

#menu ul li.mainlevel ul li{   margin:0px;background:none; padding:0; width:120px; margin-left:40px; }
#menu ul li.mainlevel ul li img{ }


#menu ul li.mainlevel ul li a:link,#menu ul li.mainlevel ul li a:visited { 
color:#444; font-size:14px; width:120px; line-height:36px; display:block; margin:0px;
position:inherit; text-indent:0;}
#menu ul li.mainlevel ul li a:hover{color: #d32a03;}





#content{margin:0; padding:0;min-width:1280px;}
.banner{ width:100%;  overflow:hidden; text-align:center; background:#f1f1f1; position:relative; }
.banner_inner{position:relative;height:900px;width:100%;margin:0 auto;}
#js_banner{ min-width:1280px;}
.banner_img{width:200000px}
.banner_img li{float:left;width:100%; height:900px;position:relative;min-width:1280px;}
.banner_img li a{ width:100%; height:900px; display:block;min-width:1280px;}

.banner_common{position:relative;width:100%;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:0;margin-top:320px;margin-left:-70px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_l_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_next{position:absolute;top:50%;right:0;margin-top:320px; margin-right:-70px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_r_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:150px;position:absolute;top:850px;left:50%;margin-left:-75px}
.banner .control li{float:left;margin-left:10px;width:14px;height:14px;border-radius:50%;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{background:#d32a03}

.index_section{ width:1280px; margin:0 auto; padding:50px 0;}
.sec_til{ line-height:40px; font-size:32px; text-align:center; color:#000; font-weight:normal;}
.index_sec_con{ padding-top:50px;}
.index_sec_con dl{ width:408px; float:left; text-align:center; margin-right:20px; }
.index_sec_con dl dt{ width:408px; height:245px; background:#efefef;}
.index_sec_con dl dd{ line-height:30px; padding:10px 0; font-size:16px; color:#575757;}
.index_sec_con dl dt:hover{ background:#dedede;}

.pro_series_icon{ margin:80px 0;}
.pro_series_icon ul li{ width:33%; float:left; text-align:center;}
.pro_series_icon ul li img{}

.about_box{ width:1280px; margin:0 auto; margin-top:70px; }
.about_box h1{ font-size:42px; text-align:center; font-weight:lighter; color:#2e2e31; padding:50px 0;}
.about_box h2{ font-size:24px; text-align:center; font-weight:normal;}
.about_til{ font-size:24px; line-height:45px; color:#e62129; font-weight:normal; }
.about_con{ font-size:14px; line-height:25px; color:#494949;}
.about_con p{ padding-top:10px;}
.about_list{ padding:30px 20px;box-shadow: 0px 0px 10px 8px  #f2f2f2;}
.about_list dl{ width:579px; float:left; height:235px; padding:0 20px; border-right:1px solid #e3e3e3; font-size:14px; color:#999;}
.about_list dl dt{ font-size:24px; color:#2e2e31; line-height:50px; padding-left:85px;}

.about_list dl dt.about_icon_01{background:url(../images/about_img_01.jpg) no-repeat left center;}
.about_list dl dt.about_icon_02{background:url(../images/about_img_02.jpg) no-repeat left center;}
.about_list dl dt.about_icon_03{background:url(../images/about_img_03.jpg) no-repeat left center;}
.about_list dl dt.about_icon_04{background:url(../images/about_img_04.jpg) no-repeat left center;}
.about_list dl dt.about_icon_05{background:url(../images/about_img_05.jpg) no-repeat left center;}
.about_list dl dt.about_icon_06{background:url(../images/about_img_06.jpg) no-repeat left center;}

.about_list dl dd{padding-left:85px; line-height:27px;}
.about_line{ background:url(../images/about_line.jpg) no-repeat center; height:64px;}
.about_til_02{font-size:24px;  font-weight:lighter; color:#2e2e31; padding:20px;}
.about_txt_01{ font-size:14px; color:#999; padding:20px; line-height:30px;}
.about_list_bg{background:url(../images/about_34.jpg) no-repeat right ; height:198px;}
.about_gallery_til{ text-align:center; padding:10px 0;}
.about_gallery_til h1{font-size:36px; text-align:center; font-weight:lighter; color:#2e2e31; }
.about_gallery_til h2{font-size:18px; text-align:center; font-weight:lighter; color:#999; }
.about_gallery_til h2 span{ color:#2e2e31;}
.gallery{ background:#f5f5f5; padding:10px 0 10px 0; }
.gallery_main{ width:1280px; margin:0 auto;}
.gallery_til{ text-align:center;font-size:36px;  font-weight:lighter; color:#2e2e31; padding:10px 0 10px 0;}
.gallery_con{ padding-top:20px;}
.gallery_con ul li{ float:left; width:33%; text-align:center; margin-bottom:30px;}
.gallery_con ul li img{box-shadow: 0px 0px 10px 5px  #d1d1d1;}
.factory_box{ width:1280px; margin:0 auto; padding-top:30px;}
.base{ text-align:left; padding:30px; border-right:1px solid #dddddd; width:580px;}
.base_til{ font-size:27px; color:#e62129; line-height:42px; text-align:left;}
.base_add{ font-size:14px; color:#999; line-height:30px; padding-top:10px;}
.cer{ width:550px;padding:30px; padding-left:50px;}
.channels{ width:1240px; margin:0 auto; padding:20px; padding-top:30px;box-shadow: 0px 0px 10px 8px  #f2f2f2;}
.channels ul li{ float:left; width:206px; text-align:center; margin-bottom:10px;}
.channels ul li img{ border:1px solid #e7e7e7;}

figcaption,figure{ margin:0 ; padding:0; display:block;}
.effect-jazz{ margin:0; padding:0; border:0;}
.effect-jazz figcaption::after,
.effect-jazz img{-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.effect-jazz:hover img {opacity: 0.9;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.effect-jazz:hover figcaption::after {
	opacity: 0.7;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.pro_body{ width:1280px; margin:0 auto; padding:50px 0;}
.pro_body h1{font-size:42px; text-align:center; font-weight:lighter; color:#2e2e31;}
.pro_nav{ text-align:center; width:auto; margin:0 auto; padding:30px 0 20px 0; }
.pro_nav span{font-size:16px; text-align:center; margin-right:20px;   }
.pro_nav span a:link,.pro_nav span a:visited{  background:#f1f1f1;   border-radius:25px; text-decoration:none; padding:8px 30px;font-weight:lighter;}
.pro_nav span a:hover{ color:#fff; background:#e15e63;}
.pro_nav span.sel a:link,.pro_nav span.sel a:visited{color:#fff; background:#e15e63;}

.pro_list{ padding:50px 0;}
.pro_list dl{ width:238px; float:left; border:1px solid #e8e8e8; margin-right:20px;text-align:center; margin-bottom:20px;}
.pro_list dl dt{ width:238px; height:240px;  padding-top:25px;}
.pro_list dl dd{ line-height:25px; font-size:16px; padding:0 20px; height:70px;font-weight:lighter;}
.pro_box{}
.pro_img_box{ width:610px; display:inline;}
.pro_con{ width:620px;display:inline; }
.pro_con h1{text-align:left; font-size:24px;}
.pro_txt{ font-size:14px; line-height:30px; padding-bottom:15px;}
.pro_icon{ padding:0px 0px 15px 0px; border-bottom:1px solid #e6e6e6;}
.pro_icon a:link,.pro_icon a:visited{ font-size:14px; line-height:30px; padding:5px 0;}
.pro_icon a.dat{background:url(../images/pro_icon_01.jpg) no-repeat left center; padding-left:40px; margin-right:50px;}
.pro_icon a.video{background:url(../images/video_icon.jpg) no-repeat left center; padding:2px 0 2px 40px; }
.back{ text-align:right; padding:0px 0;}
.back a:link,.back a:visited{font-size:14px;background:url(../images/pro_icon_02.jpg) no-repeat left center; padding-left:30px; }

.picshow {margin: 0px auto; width: 602px; HEIGHT: 720px;overflow:hidden  }
#picarea {margin: 0px auto; width: 602px; BaCKGROUND: #fff; HEIGHT: 720px}
#bigpicarea {position: relative; margin: 0px auto; width: 600px; HEIGHT: 600px; border:#ececec 1px solid;}
.image {text-align: center}
.image img {margin: 0px auto; }
#bigpicarea .word {text-align: center; display:none;}
#bigpicarea .word H3 {text-align: center; display:none;}
#bigpicarea .ui-els-hide {DISPLaY: none}
#thumbs {liST-STYLE-TYPE: none; margin: 0px auto; width: 600px; HEIGHT: 120px}
* HTML #thumbs {HEIGHT: 100%}
#thumbs li {margin: 0px 9px; width: 70px; DISPLaY: inline; FLOaT: left; HEIGHT: 70px}
#thumbs UL {margin-TOP: 3px}
#thumbs li.last_img {margin-RIGHT: 4px}
#thumbs li.first {margin: 25px 10px 0px 15px; width: 12px; HEIGHT: 28px; CURSOR: pointer}
#thumbs li.last {margin: 25px 10px 0px 15px; width: 12px; HEIGHT: 28px; CURSOR: pointer}
#thumbs li a {border: #e8e8e8 2px solid; width: 70px; DISPLaY: block; }
#thumbs li a:hover {border: #e15e63 2px solid; }
#thumbs li a.current {border: #e15e63 2px solid; }
#thumbs li.first img {}
#thumbs li.last img {}
#smallpicarea {margin: 0px auto; width: 600px; PaDDING-TOP: 20px}

.pro_detail{ padding-top:30px;}
.pro_detail dl{ margin-bottom:30px;}
.pro_detail dl dt{ height:42px; line-height:42px; font-size:18px; width:200px;background:#fff; text-align:left; color:#e62129;  font-family:Arial, Helvetica, sans-serif}
.pro_detail dl dd{ border:1px solid #e8e8e8; padding:30px; font-size:16px; line-height:30px; color:#676767;}

.show_tag_box{padding:30px 0; }
#show_tags { width:100%;  height:40px; line-height:40px;}
#show_tags li {FLOAT: left;  height:40px; line-height:40px;  text-align:left; padding-bottom:10px; }
#show_tags li A {TEXT-DECORATION: none; font-size:18px; color:#000; padding:0px 10px; height:40px; line-height:40px;display:block; color:#999; font-family:arial; }
#show_tags li.select_tag {POSITION: relative;}
#show_tags li.select_tag A { color:#e62129; }
#tag_content {border:1px solid #eee; padding:30px; font-size:14px; line-height:27px;min-height:250px;color:#676767;}
#tag_content img{ max-width:600px;}
.tag_content {DISPLAY: none; }
#tag_content div.select_tag {DISPLAY: block; }

.contact_box{ width:1280px; margin:80px auto; padding:50px 0;}
.company_logo{background:url(../images/contact_bg.jpg) repeat-x center center; height:37px;}
.company_til{ padding-left:370px; font-size:20px; line-height:40px; color:#333; padding-bottom:20px;}
.contact_left{ width:360px; display:inline; text-align:center; padding:50px 0;}
.contact_right{ width:910px; display:inline; padding-top:30px;}
.contact_right ul li{ float:left; width:410px; line-height:60px; padding-left:40px; font-size:16px; color:#333;}
.contact_right ul li a:link,.contact_right ul li a:visited{color:#333; font-weight:lighter;}
.contact_right ul li a:hover{color:#e62129;}
.contact_right ul li.c_tel{ background:url(../images/con_icon_01.jpg) no-repeat left center;}
.contact_right ul li.c_mob{ background:url(../images/con_icon_05.jpg) no-repeat left center;}
.contact_right ul li.c_email{ background:url(../images/con_icon_02.jpg) no-repeat left center;}
.contact_right ul li.c_linkin{ background:url(../images/con_icon_06.jpg) no-repeat left center;}
.contact_right ul li.c_web{ background:url(../images/con_icon_03.jpg) no-repeat left center; width:100%;}
.contact_right ul li.c_add{ background:url(../images/con_icon_04.jpg) no-repeat left center; width:100%;}



#footer{ background:#f3f3f3;  padding-top:50px;min-width:1280px;}
.foot{ width:1280px; margin:0 auto;padding-bottom:30px;}
.foot_list{ float:left; width:600px; }
.foot_list dl{ width:50%; float:left;}
.foot_list dl dt{ color:#e62129; font-size:20px; line-height:42px;}
.foot_list dl dd{ line-height:27px; font-size:13px;}
.foot_list dl dd a:link,.foot_list dl dd a:visited{ color:#9a9a9a;}
.foot_list dl dd a:hover{color:#e62129;}
.foot_link{ width:680px; float:right;}
.f_til{ font-size:20px; font-weight:bold; color:#151515; line-height:42px;}
.foot_link ul li{ float:left; width:310px; line-height:36px; padding-left:30px; font-size:13px; color:#a6a6a6;}
.foot_link ul li a:link,.foot_link ul li a:visited{color:#a6a6a6;}
.foot_link ul li a:hover{color:#e62129;}
.foot_link ul li.f_tel{ background:url(../images/foot_icon_01.jpg) no-repeat left center;}
.foot_link ul li.f_mob{ background:url(../images/foot_icon_04.jpg) no-repeat left center;}
.foot_link ul li.f_email{ background:url(../images/foot_icon_02.jpg) no-repeat left center;}
.foot_link ul li.f_linkin{ background:url(../images/foot_icon_05.jpg) no-repeat left center;}
.foot_link ul li.f_add{ background:url(../images/foot_icon_03.jpg) no-repeat left center; width:650px;}
.copyright{ text-align: center; padding:30px 0;background:url(../images/line.jpg) repeat-x top;}