@charset "utf-8";
/* CSS Document */
html{color:#333;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0; color:#333; font:12px "microsoft yahei";}
body{ background:#f1f1f1}
h1,h2,h3,h4,h5 { font-family:microsoft yahei,simhei; font-weight:bold;}
ol,ul,li {list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover { color:#d14f00; text-decoration:none;}
img{ border:none;}

.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl { clear:both;}
.cl:after{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}

.w254{ width:254px}
.w410{ width:410px}
.w429{ width:429px}
.w470{ width:470px}
.w530{ width:530px;}
.w651{ width:651px}
.w720{ width:720px}
.w980{ width:980px;}
.mt05{ margin-top:5px}
.mt10{ margin-top:10px}
.mr05{ margin-right:5px}
.mt15{ margin-top:15px;}

/*头部与导语*/
.top1{ background:url(../images/top01.jpg) no-repeat top center; height:100px}
.top2{ background:url(../images/top02.jpg) no-repeat top center; height:100px}
.top3{ background:url(../images/top03.jpg) no-repeat top center; height:100px}
.top4{ background:url(../images/top04.jpg) no-repeat top center; height:100px}
.top5{ background:url(../images/top05.jpg) no-repeat top center; height:130px}

.main{ width:1000px; margin:0 auto; background:#fff;}
.tit{ width:980px; padding:0 10px; height:60px; background:#0076df;line-height:60px;}
.tit h2{ float:left; font-size:28px; font-weight:bold; color:#fff; line-height:60px }
.tit a{ float:right; display:block; color:#fff; font-size:16px; font-style:italic}

.part{ padding:15px 10px;}
.intro .fr h2{ font-size:25px; color:#0076df; font-weight:normal; padding:20px 0; background:url(../images/bg3.jpg) no-repeat left center; text-indent:10px}
.intro .fr p{ font-size:14px; line-height:30px; text-indent:30px; color:#666}
.bt{ height:40px; background:url(../images/btbg.jpg) repeat-x; text-align:center; width:100%}
.bt strong{ padding:0 15px; color:#333; font-size:25px; line-height:40px; background:#fff; font-weight:normal}


.show{ width:980px; overflow:hidden}
.show ul{ padding:10px 0 0 0; width:1000px;}
.show ul li{ float:left; margin-right:11px; margin-bottom:10px;}
.show ul li img{ padding:1px; border:1px solid #d6d6d6; width:233px; height:176px;}
.show ul li p{ text-align:center; height:30px; line-height:30px; background:#eeeeee; font-size:14px;}
.show .num_s{ position:absolute; bottom:0; left:48%; width:auto; height:14px;}
.show .num_s li{ width:14px; height:14px; background:#ccc; border-radius:50px; margin-bottom:0; margin-right:10px;}
.show .num_s li.on{ background:#0076df}


.brand_power .fr{ background:url(../images/bg2.gif) no-repeat; width:331px; height:412px}
.brand_power .fr p{ font-size:14px; line-height:30px; color:#666; text-indent:30px; margin-left:30px; width:280px; padding:20px 0}

.history{ padding:80px 0 30px 0; *padding:50px 0 30px 0; }
.history ul{ border-bottom:2px solid #ccc;}
.history ul li{ float:left; width:87px;text-align:center; margin-top:-6px; color:#666; font-size:14px; cursor:pointer; position:relative}
.history ul li i{ display:inline-block; background:url(../images/q.gif) no-repeat; width:13px; height:13px;}
.history ul li.cur{ color:#0076df;}
.history ul li.cur i{ background:url(../images/qq.gif) no-repeat;}
.history ul li.cur p[lang=en1] em{ margin-left:-30px}
.history ul li.cur p[lang=en2]{ left:-67px}
.history ul li.cur p[lang=en3]{ left:-113px}
.history ul li.cur p[lang=en4]{ left:-68px;}
.history ul li.cur p[lang=en5]{ left:-95px}
.history ul li.cur p[lang=en6]{ left:-60px;}
.history ul li.cur p[lang=en7]{ left:-160px;}
.history ul li.cur p[lang=en8]{ left:-123px;}
.history ul li.cur p[lang=en9]{ left:-176px}
.history ul li.cur p[lang=en10]{ left:-140px}
.history ul li.cur p[lang=en10] em{ margin-left:20px;}
.history ul li.cur p[lang=en11]{ left:-15px}


.history ul li p{ display:none; white-space:nowrap}
.history ul li.cur p{ display:block; position:absolute; top:-40px;  left:0;line-height:30px; background:#0076df; padding:0 20px; color:#fff; font-size:18px;s}
.history ul li.cur p em{ display:inline-block; background:url(../images/s.jpg) no-repeat; width:16px; height:8px; margin-bottom:-8px}

.group img{ float:left; vertical-align:top}
.wl{ background:url(../images/wlbg.jpg) no-repeat; height:670px;}
.wl p{ width:215px; height:130px; font-size:14px; line-height:24px; padding:70px 0 0 50px}

.pro{ padding:0 25px;}
.pro ul li{ float:left; padding:20px 0}
.pro ul li p{ font-size:14px; line-height:24px; color:#666}
.pro ul li b{ display:block; float:left; font-size:18px; color:#666; font-weight:normal; margin-right:10px; padding-top:40px}



.slide-product .slide-big{position:relative; margin-right:10px}
.slide-product .slide-img,.slide-product .slide-img img{display: block;height:410px;width:630px;vertical-align: middle;overflow: hidden;}
.slide-product .slide-img li{position: relative; float:left; width:630px;}
.slide-product .slide-img .txt{position:absolute; left:0; bottom:0; padding: 0 10px; width:630px; height:32px; line-height:32px; font-size:14px; text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorStr = '#66000000',endColorStr = '#66000000');overflow:hidden;}
.slide-product .slide-img .txt a{color:#FFF; position:relative;}

.slide-product .slide-sml{ width:315px;padding-right:20px;}
.slide-product .slide-sml .top-arr,.slide-product .slide-sml .down-arr{ display:block; width:189px; height:12px; margin:0 auto 5px;background:url(images/arr.png) no-repeat; overflow:hidden;}
.slide-product .slide-sml .down-arr{margin:5px auto 0;background-position:0 -26px;}
.slide-product .slide-sml .top-arr:hover{ background-position:0 -13px;}
.slide-product .slide-sml .down-arr:hover{ background-position:0 -39px;}
.slide-product .slide-sml ul{ height:420px; width:315px; margin-left:5px}
.slide-product .slide-sml li{ float:left; position:relative; width:95px; height:95px; margin:0 5px 10px 5px; _display:inline; cursor:pointer;}

.slide-product .slide-sml li img{display: block;height:95px;width:95px;vertical-align: middle;overflow: hidden;}
.slide-product .slide-sml li .name{ position:absolute; top:0; left:0; padding:35px 10px 20px;width:75px; height:40px; line-height:20px; color:#FFF; text-align:center;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  background-color:#000;overflow:hidden;display:none;}
.slide-product .slide-sml li:hover .name{ display:block;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  background-color:#000;}


.shop{ overflow:hidden}
.shop ul{ width:1000px;}
.shop ul li{ float:left; width:237px; margin-right:11px;}
.shop ul li img{ float:left}


.show2{ overflow:hidden}
.show2 ul{ width:1000px;}
.show2 ul li{ float:left; width:320px; margin-right:10px; margin-bottom:10px;}
.show2 ul li img{ float:left; width:316px; height:231px; padding:1px; border:1px solid #ccc}
.page p{ font-size:14px; color:#666;}