@charset "utf-8";


/* Item layout */
body,input{color:#444;font:14px "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;line-height:1.8em;}
body{background:#fff;-webkit-text-size-adjust:none;}
html{-webkit-text-size-adjust:none;overflow-y:scroll;}
a{color:#888; text-decoration:none;}
a:hover{ color:#8ec31f;}

.red{color:#e03030;}
.orage{color:#ff8f00;}
.gray{color:#666;}
.fccc{color:#ccc;}
.f888{color:#888;}
.yellow{color:#efba00;}
.white{color:white;}
.black{color:#444;}
.green{color:#8ec31f;}
.young{color:#54e0d7;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.f22{font-size:22px;}
.wapper{width:1002px;margin:0 auto;}

/**index**/
.inbg{ position:relative;background:#000;width:100%;height:800px;}
.inbg div{ position:absolute;}
.inbg .b1{background-image:url(../images/in_1.png);background-size:100% 100%;height:800px;width:802px;left:0;top:0;}
.inbg .b2{background-image:url(../images/in_2.png);background-size:100% 100%;height:583px;width:880px;left:511px;top:0;}
.inbg .b3{background-image:url(../images/in_3.png);background-size:100% 100%;height:514px;width:1028px;left:0;top:287px;}
.inbg .b4{background-image:url(../images/in_4.png);background-size:100% 100%;height:800px;width:612px;right:0;top:0;}

.banner{}
#page_wrap{height:800px;overflow:hidden;width:100%; position:relative;background:#000;}
#page_wrap .panelContainer{position:relative;}
#page_wrap .panel{height:800px;width:1442px; position:relative; background-position:left top; background-repeat:no-repeat;float:left;background-size:100% auto;}
#page_wrap .panel .wapper{display:block;height:800px;}
#page_wrap .panel .text{padding-top:110px;padding-left:60px;margin:0 auto;}
#page_wrap .panel .text h2{color:#000; font-size:42px;padding:10px 0;line-height:100%;}
#page_wrap .panel .text span{color:#000;font-size:20px;line-height:1.2em;}
#page_wrap .movers_row{	position:absolute;bottom:60px;width:130px;z-index:10;height:8px;left:50%;margin-left:-50px; text-align:center;
}
#page_wrap .movers_row a{height:6px;width:6px;margin-right:20px; display:block;background:#fff; border-radius:6px;float:left;}
#page_wrap .movers_row a.on{background:#8ec31f;}
#page_wrap .movers_row a:hover{background:#8ec31f;}


.header{height:88px; position:absolute;top:0;left:0;width:100%;}
.header .bg{height:88px;background:#000; opacity:.3;}
.header .logo{display:block;height:50px;width:120px;background:url(../images/logo.png); position:absolute;background-size:100% auto; left:20px;top:20px;}
.header .menuan{ left:0;top:86px;position:absolute;height:1px;width:60px;background:#8ec31f;}
.header .menu{ right:0;top:0;position:absolute;}
.header .menu ul{display:inline-block;height:88px;float:left;}
.header .menu ul li{display:block;float:left; position:relative;}
.header .menu ul li a{display:block;height:86px;padding:0 20px;line-height:86px;color:#fff;}
/*.header .menu ul li a:hover,.header .menu ul li a.on{border-bottom:2px solid #8ec31f;}*/
.header .menu .weixin{background:url(../images/i_weixin.png) no-repeat center center;}
.header .menu .weixin:hover{background:url(../images/i_weixin1.png) no-repeat center center;}
.header .menu .phone{background:url(../images/i_phone.png) no-repeat center center;}
.header .menu .phone:hover{background:url(../images/i_phone1.png) no-repeat center center;}
.header .menu .code {height:88px; display:inline-block;width:68px;float:left; position:relative;}
.header .menu .code ins{display:none;}
.header .menu .code:hover ins{display:block;width:150px;height:150px;padding:14px;background:#000; position:absolute;right:0;top:60px;}
.footer{height:86px;}
.footer img { vertical-align:middle;}
.in .footer{position:absolute;bottom:0;left:0;width:100%;
filter:alpha(opacity=0 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);
    -ms-filter:alpha(opacity=0 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);/*IE8*/	
    background:#000; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(#000000));  
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), #000); }
.footer .l{ padding:50px 0 0 10px;float:left;}
.footer .r{ padding:50px 10px 0 0;float:right;}

.brand{background:#000;}
#brand{height:800px;overflow:hidden;width:100%; position:relative;}
#brand .panelContainer{position:relative;}
#brand .panel{height:800px;width:1442px; position:relative; background-position:center top; background-repeat:no-repeat;float:left;background-size:100% auto;}
#brand .panel .wapper{display:block;height:800px;}
#brand .panel .text{padding-top:110px;padding-left:60px;margin:0 auto;}
#brand .panel .text h2{color:#000; font-size:42px;padding:10px 0;line-height:100%;}
#brand .panel .text span{color:#000;font-size:20px;line-height:1.2em;}
#brand .movers_row{	position:absolute;bottom:190px;width:160px;z-index:10;height:8px;left:50%;margin-left:-80px; text-align:center;
}
#brand .movers_row a{height:3px;width:40px;display:block;background:#fff;float:left; opacity:.7;}
#brand .movers_row a.on{background:#8ec31f; opacity:1;}
#brand .movers_row a:hover{background:#8ec31f;}
.brand_head{height:100px; position:absolute;width:100%;left:0;top:0;z-index:100;
filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);/*IE8*/	
    background:#000; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #000, rgba(0, 0, 0, 0));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(rgba(0, 0, 0, 0)));  
    background:-o-linear-gradient(top, #000, rgba(0, 0, 0, 0)); }

.brand_head .logo{padding:25px 0 0 20px;float:left;}
.brand_head .uc_title{padding:24px 0 0 20px;float:left; position:relative;line-height:1.4em;}
.brand_head .uc_title span{display:block;font-size:16px;}
.brand_head .uc_title em{display:block;color:#666;font-size:12px;}
.brand_head .home{background:url(../images/i_home.png) no-repeat center left;width:80px;height:50px;line-height:50px;padding-left:50px;right:10px;top:20px; position:absolute;}
.brand_head .menu{background:url(../images/i_m.png) no-repeat center center;width:50px;height:50px;right:20px;top:20px; position:absolute;display:none;}
.menubg{ position:fixed;top:0;left:0;width:100%;background:#000; opacity:.5;display:none;z-index:1000;}
.menulist{ position:absolute;right:150px;top:80px;padding:20px 0;display:none;width:160px;z-index:1001;}
.brand_head .menulist{right:10px;top:80px;}
.menulist a{ display:block;padding:10px 0;color:#FFF;text-shadow: 0 0 5px #000;}
.menulist a{line-height:1em;height:auto;}
.menulist a:hover{color:#8ec31f;}
/*.header .menu ul li .menulist a{line-height:5em;height:auto;}*/
.brand_max{height:144px;position:absolute;bottom:20px;width:100%;overflow:hidden;}
.brand_max ul { position:relative;}
.brand_max ul li{width:31.33%;float:right;overflow:hidden;margin:0 1%}
.brand_max ul li dl{background:rgba(0, 0, 0, .7);height:94px;padding-top:50px; text-align:center;}
.brand_max ul li dl dt{width:37px;height:37px;display:inline-block;vertical-align:top;}
.brand_max ul li dl dd{overflow:hidden;display:inline-block;padding-left:20px;text-align:left;}
.brand_max ul li dl dd span{display:block;font-size:16px;}
.brand_max ul li dl dd em{display:block;font-size:12px;}

.brand_min{height:144px;position:absolute;bottom:20px;right:0;overflow:hidden;display:none;z-index:100;}
.brand_min ul { position:relative;}
.brand_min ul li{width:134px;float:left;overflow:hidden;}
.brand_min ul li dl{background:rgba(0, 0, 0, .7);height:94px;padding-top:50px; text-align:center;white-space:nowrap;width:340px;display:block;}
.brand_min ul li dl dt{width:37px;height:37px;display:block;vertical-align:top;float:left;margin-left:48px;}
.brand_min ul li dl dd{width:0;display:block;padding-left:20px;text-align:left;overflow:hidden;float:left;}
.brand_min ul li dl dd span{display:block;font-size:16px;}
.brand_min ul li dl dd em{display:block;font-size:12px;}

.brand_info{ position:absolute;width:100%;left:0;top:0;z-index:10; overflow:hidden;background:rgba(0, 0, 0, .5);}
.brand_about{ background:rgba(0, 0, 0, .5);}
.brand_about .info{padding:200px 20% 0 20%;}
.brand_info .info img{width:100%;height:100%;}

.pagebanner{height:160px;background:#221f20 url(../images/page_banner.png) no-repeat center top;padding-top:88px;}
.pagebanner .text{background:rgba(0, 0, 0, .3);height:160px; text-align:center;}
.pagebanner .text span{font-size:36px;display:block;padding:50px 0 16px 0;}
.nav{padding:25px 0 0 60px;background:url(../images/i_nav.png) no-repeat 35px 30px;}
.nav a{padding:0 10px;}
.nav img{ vertical-align:middle;}
.column{float:right;padding:13px 0 0;}
.column a{display:inline-block;margin:0 10px;line-height:50px;}
.column a.on,.column a:hover{border-bottom:2px solid #8ec31f;}
.p_title{ text-align:center;padding:20px 0 0;}
.p_title ins{ width:116px;height:84px;padding-top:50px;background:url(../images/b_title_icon.png);display:inline-block;}
.p_title span{display:block; text-align:center;padding:20px 0;}
.about{padding:20px 10% 100px 10%;}
.contact{width:400px;margin:0 auto;}
.contact dl{border-bottom:1px solid #eee; position:relative;}
.contact dl dt{padding:30px 0;}
.contact dl dt em{display:block;}
.contact dl dd{ position:absolute;width:27px;height:27px;right:0;top:45px;}
.contact .code{ text-align:center;padding:40px 0 50px 0;}
.contact .code ul li{display:inline-block;padding:0 10px; }

.region{padding:40px 0;margin:0 6%;border-bottom:1px solid #eee; position:relative;}
.region dl{}
.region dl dt{float:left;}
.region dl dd{float:left;}
.region dl dd a{padding:0 20px 0 10px;}

.search{ position:absolute;bottom:30px;right:0;}
.search input[type='button']{width:30px;height:30px;background:url(../images/i_search.png) no-repeat center center;background-size:90% 90%;border:0; vertical-align:middle;margin-left:10px;}
.search input[type='text']{width:160px;height:30px;padding:0 10px;}

.storelist{padding:50px 6% 10px 6%;}
.storelist .title{background:url(../images/i_store_t.png) no-repeat left 4px;padding-left:20px;padding-bottom:20px;}
.storelist .title a{background:url(../images/i_store_map.png) no-repeat left center;padding-left:30px;line-height:21px;height:21px;display:inline-block;margin-left:20px;}
.storelist ul li{width:22.33%;padding:0 5%;border-right:1px solid #eee;margin:20px 0;float:left;overflow:hidden;}
.storelist ul li dl{background:url(../images/i_store_list.png) no-repeat left 7px;padding-left:20px;}
.storelist ul li dt{padding-bottom:20px;}

.newslist{background:url(../images/b_news.png) repeat-y center top;padding:1px 6%;}
.newslist ul li{width:50%; position:relative;float:left;}
.newslist dl{width:92%;margin:30px 4% 0 4%;background:#f0f0f0;height:190px;}
.newslist dl dt{ position:absolute;left:55px;top:65px;}
.newslist dl dd{padding:35px;margin-left:177px;}
.newslist dl dd strong{ font-weight:normal;}
.newslist dl dd ins{ position:absolute;top:-4px;right:-7px;background:url(../images/i_news_time.png) no-repeat right 3px;padding-right:30px;}
.newslist dl dd span{display:none;padding:10px 0 0;}
.newslist dl dd a{color:#333;}
.newslist dl dd a:hover{color:#8ec31f;}
.newslist ul li.r{margin-top:50px;}
.newslist ul li.r dl dd ins{ top:-4px;left:-8px;background:url(../images/i_news_time.png) no-repeat left 3px;padding-left:30px;}
.newslist .more{ padding:20px 0;background:#fff;display:block; text-align:center;}

.newsview{padding:50px 6% 10px 6%;}
.newsview .time{width:130px;height:130px;background:#8ec31f;float:left;}
.newsview .time span{font-size:60px;display:block;line-height:1em;padding:.2em 0 .1em 14px;}
.newsview .time em{line-height:1.2em;display:block;padding-left:14px;}
.newsview .info{border-top:1px solid #eee;margin-left:50px;float:left;width:810px;padding-right:50px;}
.newsview .info h3{padding:.9em 0;}
.newsview .info .text{padding:1.2em 0;}
.newsview .share{float:left;padding:10px 0 0 50px;}
.newsview .share .bdsharebuttonbox a{width:35px;height:35px;display:inline-block; border-radius:30px;margin:0 5px;}
.newsview .share .bdsharebuttonbox a.bds_weixin{background:#67cc6d url(../images/i_share_weixin.png);}
.newsview .share .bdsharebuttonbox a.bds_qq{background:#83aeea url(../images/i_share_qq.png);}
.newsview .share .bdsharebuttonbox a.bds_weibo{background:#e3708a url(../images/i_share_weibo.png);}

.product .btns{ position:relative;z-index:100;}
.product .btns div{ position:absolute;left:0;top:150px;cursor:pointer;  background-repeat:no-repeat; background-position:center center; opacity:1;height:300px;width:100px;
/*filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=150,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=150,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);/*IE8*/	
    /*background:#000; /* 一些不支持背景渐变的浏览器 */  
    /*background:-moz-linear-gradient(left, #000, rgba(0, 0, 0, 0));  
    background:-webkit-gradient(linear, 0 0, right 0, from(#000000), to(rgba(0, 0, 0, 0)));  
    background:-o-linear-gradient(left, #000, rgba(0, 0, 0, 0)); */}
.product .btns div:hover{ opacity:1;}
.product .btns div em{display:block;width:30px;height:30px; position:absolute;left:36px;top:140px;}
.product .btns div.left{ left:0;}
.product .btns div.right{ left:auto;right:0;
/*filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=150,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=150,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0);/*IE8*/	
    /*background:#000; /* 一些不支持背景渐变的浏览器 */  
    /*background:-moz-linear-gradient(left, #000, rgba(0, 0, 0, 0));  
    background:-webkit-gradient(linear, right 0, 0 0, from(#000000), to(rgba(0, 0, 0, 0)));  
    background:-o-linear-gradient(left, #000, rgba(0, 0, 0, 0));*/}
.product .btns div.left em{ background-image:url(../images/i_left.png) ;}
.product .btns div.right em{ background-image:url(../images/i_right.png);}

.imgshow{height:598px;overflow:hidden;width:100%; position:relative;}
.imgshow .panelContainer{position:relative;}
.imgshow .panel{height:478px; position:relative;float:left;margin:0 35px; }
.imgshow .panel .wapper{display:block;height:400px;width:245px; background-position:left top; background-repeat:no-repeat;background-size:auto 100%; position:relative;}
.imgshow .panel .wapper:hover img{width:120%;height:120%;margin:-10% 0 0 -10%;}
/*.imgshow .on{position:relative; background-position:center top; background-repeat:no-repeat;}
.imgshow .panel.on .wapper{display:block;height:478px;width:800px; }*/
.imgshow .panel .wapper img{width:180px;height:240px;border:5px solid #999; box-shadow:0 0 10px #000; }
.imgshow .panel .text{padding-top:110px;margin:0 auto;}
.imgshow .panel .text h2{color:#000; font-size:42px;padding:10px 0;line-height:100%;}
.imgshow .panel  span{display:none;}
.imgshow .panel.on a.wapper{opacity:0; cursor:pointer;}
/*.imgshow .panel.on:hover a.wapper{ position:absolute;left:0;top:0;background:url(../images/i_click.png) no-repeat center center;}*/
.imgshow .panel.on span{display:block; position:absolute;width:340px;bottom:0;background:rgba(0, 0, 0, .7);height:100px;padding:20px; }
.imgshow .movers_row{	position:absolute;	bottom:10px;	width:200px;	z-index:10;	height:8px;left:50%; text-align:center;margin-left:-75px;display:none;
}
.imgshow .movers_row a{ height:4px;width:4px;margin-right:20px; display:inline-block;background:#666; border-radius:4px;}
.imgshow .movers_row a.on{background:#8ec31f;}
.imgshow .movers_row a:hover{background:#8ec31f;}

#imgmax{ position:absolute;z-index:100;width:400px;height:520px;left:50%;top:50%;margin:-260px 0 0 -200px;background:#fff;padding:5px;}
#imgmax img{width:100%;height:100%;}
#imgmax .close{width:30px;height:30px;background:url(../images/i_close.png); position:absolute;right:20px;top:20px; cursor:pointer;}
#imgmax_t{ position:absolute;z-index:100;width:400px;height:570px;left:50%;top:50%;margin:-285px 0 0 -200px;background:#fff;padding:5px;}
#imgmax_t img{width:400px;height:500px;}
#imgmax_t .text{height:110px;padding:5px 10px;}
#imgmax_t .close{width:30px;height:30px;background:url(../images/i_close.png); position:absolute;right:20px;top:20px; cursor:pointer;}