/*------------------------------------------
 *
 * Developed By: lyh
 *
 ----------------------------------------------*/
/* reset */
html, body {font-size:12px;color:#58595b;font-family:"微软雅黑","华文细黑,arial,san-serif,helvitica,verdana,tohoma";background:#202020;cursor:default;margin:0;padding: 0;text-decoration: none;}
body{background:#fff;}
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 {
margin:0;padding:0;}
*{margin:0;padding:0;list-style:none;}
img {border:0;}
ol, ul {list-style:none outside none;margin:0;padding: 0;}
a {star:expression(this.onFocus=this.blur());color:#58595b;text-decoration: none;
    outline:none;
    -moz-outline:none;
    hide-focus: expression(this.hideFocus=true);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}
a:focus, input[type=button] ,input[type=submit]{outline:none;}
a:hover{color:#6600ff;}
.clear{display:block;clear:both;height:0;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.blank{height:30px;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.b{font-weight:700;}
.pr{position:relative;}
.hfull{height:100%;}
legend{color:#000;}
#yui3-css-stamp.cssreset{display:none;}

/* loading */
.loading_div{position:fixed;z-index:222;width:146px;height:146px;overflow:hidden;width:100%; height:100%; background:rgba(0,0,0,.8);}
.loading{position:fixed;left:50%;top:50%;margin:-70px 0 0 -70px; overflow:hidden;background:rgba(0,0,0,.8);width:140px; height:100px; border-radius:10px; text-align:center;padding-top:40px; color:#aaa;}
.loading img{margin-bottom:10px;}
/*base*/
.blank{height:25px;}
.Mask{z-index:5;height:100%;width:100%;overflow:hidden;display:block;position:absolute;background:#000;opacity:0.6;filter:alpha(opacity=60);}

.header{background:#202020;height:118px;overflow:hidden;}
.header img{display:block;}
.nav_wrap{height:27px;background:#000;}
.main{width:1200px;margin:0 auto;}
.logo{width:94px;height:83px;margin-left:6px;}
.top_ads01{width:236px;height:53px;padding:45px 0 0 145px;}
.top_ads01 img{display:block;width:100%;height:auto;}
.top_right{width:350px;padding-right:78px;}
.top_share{width:210px;height:92px;padding:15px 0 0 0;}
.top_share li{width:90px;height:92px;overflow:hidden;float:left;padding-right:11px;}
.top_share li img{width:100%;height:100%;}
.top_ads02{width:115px;height:60px;padding:35px 0 0 24px;}

.nav{position: relative;height:27px;line-height:27px;float:left;}
.search_top{width:110px;height:15px;border:1px solid #b5b5b5;background:url(../images/home_24.jpg) 4px center #373737 no-repeat;margin-top:5px;margin-right:313px;float:right;}
.search_top input{background:#373737;height:13px;line-height:13px;overflow:hidden;width:88px;border:none;color:#b5b5b5;margin-left:22px;}
.mwrap .mlink{width:94px;display:block;text-align:center;}
.mwrap a.mlink:hover ,.mwrap .focus a.mlink{color:#fff;}
.mwrap .mlink.fontleft{width:94px;display:block;text-align:left;}
.mli{width:96px;float:left;}
.mwrap .focus .mlwrap{display:block;}
.mlwrap{position:absolute;top:27px;left:0;width:100%;z-index:99999;display:none;}
.mlwrap li{line-height:24px;width:100%;text-align:center;color:#fff;height:24px;padding-bottom:1px;}
.mlwrap li a{color:#fff;display:block;line-height:24px;width:100%;background:#595959;}
.mlwrap li a:hover{color:#fff;background:#6600ff;}

/*banner*/
.slider-page{display:none;}
#banner{position:relative;height:618px;overflow:hidden;}
.arrow_left ,.arrow_right{z-index:999;width:39px;height:45px;overflow:hidden;position:absolute;top:50%;margin-top:-22.5px;text-indent:-9999px;}
.arrow_left{background:url(../images/arrow_left.png) center center no-repeat #bcbdc0;left:0;}
.arrow_right{background:url(../images/arrow_right.png) center center no-repeat #bcbdc0;right:0;}
.arrow_left a ,.arrow_right a{display:block;cursor:pointer;width:100%;height:100%;}
.swiper-wrapper{position:relative;z-index:666;}
.box_swipe{overflow:hidden;position:relative;width:100%;}
.box_swipe ul{-webkit-padding-start: 0px;}
.box_swipe li{cursor:pointer;}
.box_swipe li a{display:block;}
.box_swipe>ol{height:20px;position:absolute;bottom:40px;left:0;width:100%;z-index:10;text-align:center;padding-right:15px;}
.box_swipe>ol>li{display:inline-block;text-shadow:1px 1px 0 #fff;margin:5px 0;width:12px;height:12px;background-color:#373737;border-radius: 8px;}
.box_swipe>ol>li.on{background-color:#6600ff;}
.swiper-wrapper{height:618px;}
.swiper-wrapper li{height:618px;background-position: center center;width:100%;}
.banner_full .swiper-wrapper{height:435px;}
.banner_full .swiper-wrapper li{height:435px;}
.arrow_wrapper{width:1200px;left:50%;margin-left:-600px;position:absolute;height:618px;}

/**/
.index_adv{width:100%;height:120px;background:url(../images/home_29.jpg) repeat;}
.num_index_wrap{padding-left:120px;padding-top:39px;}
.num_index{width:123px;padding-left:55px;position:relative;float:left;padding-top:8px;line-height:14px;color:#66666b;}
.num_index img{display:block;width:46px;height:46px;position:absolute;left:0;top:0;}
.num_index_ads{width:79px;height:50px;overflow:hidden;float:left;}
.brand_index{height:164px;background:#070707;width:1200px;margin:24px auto;}
.brand_left{width:170px;float:left;padding:15px 0 0 15px;}
.brand_left img{display:block;}
.brand_left .img01{margin-bottom:11px;}
.brand_left .img02{margin-bottom:13px;}
.brand_left .img03{margin-bottom:6px;}
.brand_left .img03{margin-bottom:15px;}
.brand_mid{width:830px;float:left;}
.brand_right{background:url(../images/brand_bg.png) repeat-x;height:164px;float:right;width:184px;}
.brand_right img{width:100%;height:135px;display:block;margin:0 auto;}
.brand_right a{display:block;width:100%;height:135px;}
.brand_right span{display:block;text-align:center;color:#5e5e5b;font-size:12px;line-height:28px;height:28px;width:100%;}
.brand_mid01{height:40px;padding-top:15px;overflow:hidden;line-height:15px;}
.brand_mid01 li.first.text{width:198px;}
.brand_mid01 li.text{float:left;text-align:center;overflow:hidden;width:178px;}
.brand_mid01 li.text .text01{color:#fff;}
.brand_mid01 li.text .text02{color:#5e5e5b;font-size:11px;}
.brand_mid01 li.icon{width:25px;float:left;background:url(../images/home_64.png) center center no-repeat;height:32px;}
.brand_mid02{padding-top:33px;height:23px;overflow:hidden;padding-left:75px;}
.brand_mid02 li{float:left;width:146px;padding-right:32px;}
.brand_mid02 a{display:block;width:100%;height:23px;line-height:23px;display:block;background:#373737;color:#fff;text-align:center;}
.brand_mid02 a:hover{background:#6600ff;}
.bottom{background:#000;height:105px;padding:15px 0;width:100%;color:#9e9e9e;}
.bottom .logo_bottom{width:324px;height:105px;display:block;float:right;margin-right:90px;}
.bottom .code{width:160px;float:right;padding-right:10px;padding-left:10px;}
.bottom .code_Wrap{width:360px;float:right;}
.bottom .fontright{text-align:right;}
.bottom .code_img{padding-top:15px;}
.bottom .code_img dt{width:70px;float:left;line-height:60px;}
.bottom .code_img dd{width:60px;float:right;height:60px;}
.bottom .clear{display:none;}
.copyright{height:26px;background:#202020;padding:12px 0;width:100%;line-height:26px;}
.bot_tel{background:url(../images/home_tel.png) left center no-repeat;padding-left:40px;margin-left:50px;color:#f4f3f6;float:left;line-height:26px;height:26px;}
.copyright01{color:#888888;float:left;width:310px;padding-left:70px;}
.copyright01 br{display:none;}
.copyright02{color:#9e9e9e;float:right;width:186px;}
.bottom_nav{float:right;width:248px;text-align:right;}
.bottom_nav a{color:#9e9e9e;padding-left:20px;}
.bottom_nav a:hover{color:#fff;}


/*sarch*/
.search_wrap{margin-top:24px;}
.search_banner{width:360px;height:453px;overflow:hidden;float:left;}
.search_wrap #banner{width:360px;height:453px;}
.search_wrap .box_swipe>ol>li ,.banner_full .box_swipe>ol>li{display:inline;text-align:center;text-shadow:1px 1px 0 #fff;width:auto;
    line-height: 28px;
    margin: 0 3px;
    cursor: pointer;
    font-size: 24px;
    padding: 0 5px;
    font-weight: 700;
    font-family: 'Microsoft Yahei', 'Simsun';
    height:auto;background-color:#fff;border:1px solid #bbb9ba;}
.search_wrap .box_swipe>ol>li.on ,.banner_full .box_swipe>ol>li.on{border:1px solid #000;}
.search_wrap .swiper-wrapper{height:453px;}
.banner_full .swiper-wrapper{height:435px;}
.search_wrap .swiper-wrapper li{height:453px;}
.banner_full .swiper-wrapper li{height:435px;}

.search_box{width:840px;background:url(../images/search_04.jpg) no-repeat;position:relative;height:453px;overflow:hidden;float:right;}
.search_box .search_form{width:235px;overflow:hidden;height:120px;position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-50px;color:#fff;}
.search_form .text{line-height:28px;}
.search_form .input_text{line-height:30px;height:30px;border:1px solid #030303;width:225px;color:#030303;font-size:12px;background:#fff;text-indent:12px;}
.btn_pur{background:#6600ff;border:1px solid #030303;color:#fff;cursor:pointer;text-align:center;overflow:hidden;display:block;}
.width01{width:80px;height:20px;float:left;}
.width02{width:58px;height:20px;float:left;}
.btn_wrap{padding:15px 0 0;}
.link01{width:65px;display:block;float:left;color:#fff;line-height:20px;}
.search_form .btn_pur{margin-left:12px;}

/*product*/
.product_wrap{padding-top:50px;}
.line{background:#e5e5e5;height:2px;overflow:hidden;width:100%;}
.pr_left{width:858px;float:left;overflow:hidden;}
.pr_btitle{color:#000;line-height:40px;height:40px;}
.pr_btitle span{font-size:28px;font-weight: 700;padding-right:20px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;}
.pr_stitle{font-size:12px;color:#939393;line-height:18px;padding-bottom:30px;}
.pr_mtitle{font-size:14px;padding-bottom:25px;color:#000;}
.pr_mtitle span{font-weight:700;padding-right:25px;}
.pr_title{line-height:35px;color:#000;}
.product_list{width:870px;}
.product_list .more_loading{width:202px;height:34px;line-height:34px;float:left;color:#fff;text-align:center;text-transform:uppercase;background:#343434;}
.product_list .more_loading a{display:block;width:100%;height:100%;color:#fff;}
.product_list .more_loading a:hover{background:#6600ff;color:#fff;}
.product_list dl{width:204px;float:left;padding-right:11px;padding-bottom:45px;}
.product_list dt{border:1px solid #ccc;position:relative;width:202px;height:346px;}
.product_list dt .img{display:block;width:100%;height:100%;}
.product_list dd{text-align:center;line-height:22px;padding-top:5px;}
.product_list dd .text01{height:22px;overflow:hidden;}
.product_list dt .pr_img_wrap{position:absolute;left:11px;top:7px;z-index:999;}
.pr_choose{color:#535353;font-size:11px;line-height:18px;}
.pr_choose span{font-family: 'Microsoft Yahei', 'Simsun';text-transform: uppercase;color:#b1afb0;}
.pr_dot{padding-top:4px;}
.pr_dot a{margin-right:5px;height:16px;width:16px;border-radius:24px;display:block;float:left;}

.pr_right{width:330px;float:right;overflow:hidden;}
.pr_right .title01{background:#343434;height:33px;width:100%;margin:15px 0;}
.pr_right .title01 a{display:block;float:left;width:25%;text-align:center;line-height:33px;color:#fff;font-size:14px;}
.pr_right .title01 a:hover{color:#6600ff;}
.pr_right .banner_full{height:470px;}
.pr_right .banner_full #banner{float:left;width:330px;height:435px;position:relative;overflow:inherit;}

/*product_detail*/
.blank01{height:120px;}
.blank02{height:48px;}
.prd_fl{width:403px;float:left;}
.prd_fl img{display:block;}
.prd_fl .img01{width:100%;}
.prd_fr{width:554px;float:left;padding-left:15px;}
.prd_fr .prd01{padding-left:48px;padding-top:14px;}
.prd01_column01{width:555px;overflow:hidden;}
.prd01_column01 dt{width:156px;float:left;}
.prd01_column01 dt img{width:54px;height:54px;display:block;float:left;margin-right:13px;}
.prd01_column01 dt .text{float:left;padding-top:10px;width:80px;}
.prd01_column01 dt .text01{line-height:18px;font-size:14px;color:#090e12;text-transform:uppercase;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.prd01_column01 dt .text02{line-height:18px;font-size:12px;color:#939393;}
.prd01_column01 dd{padding-left:20px;width:327px;line-height:14px;padding-top:15px;float:left;color:#939393;}
.line_black{width:280px;height:2px;background:#000;margin:27px 0 25px;}

.prd01_column02 dl{padding-right:20px;text-align:center;float:left;}
.prd01_column02 img{margin:0 auto 15px;display:block;}
.prd01_column02 dl .text02{font-size:11px;}
.prd01_column02 dl.first{width:90px;}
.prd01_column02 dl.second{width:100px;}
.prd01_column02 dl.third{width:50px;}
.prd01_column02 dl.fourth{width:50px;}
.prd01_column02 dl.last{width:120px;padding-right:0;}

.prd02_column01 .text01{font-size:14px;color:#090e12;text-transform: uppercase;}
.prd02_column01 .text02{font-size:12px;color:#939393;}
.prd02_column01 .infor_wrap{width:264px;height:420px;padding:25px 110px 0 38px;}
.infor_wrap{background:#f7f7f7;}
.prd02_column01 .infor_wrap li{height:39px;line-height:39px;border-bottom:1px dashed #d6d6d6;color:#545454;}
.prd02_column02 .title{width:217px;height:38px;display:block;float:right;padding-bottom:36px;}
.prd02_column02 .title img{display:block;width:100%;}
.prd02_column01{width:412px;float:left;}
.prd02_column02{width:412px;float:left;margin-left:4px;color:#545454;}
.prd02_column02 .infor_wrap{width:327px;height:420px;padding:26px 30px 0 54px;}
.prd02_column02 .infor01 dl{}
.prd02_column02 .infor01 dt{line-height:30px;color:#545454;width:75px;float:left;}
.prd02_column02 .infor01 dd{line-height:20px;color:#545454;width:237px;float:right;padding-top:10px;}
.prd02_column02 .infor01 dd ul{background:url(../images/decoration_46.jpg) repeat-x;width:100%;}
.prd02_column02 .infor01 dd ul li{padding-top:11px;width:52px;float:left;text-align:center;}
.prd02_column02 .infor01 dd ul li.focus{background:url(../images/decoration_45.jpg) center top repeat-x;}
.prd02_column02 .infor_tit{padding-top:55px;}
.prd02_column02 .infor_tit span{padding-left:20px;text-transform: uppercase;}
.prd02_column02 .infor02{padding-top:20px;}
.prd02_column02 .infor02 li{width:120px;line-height:20px;float:left;padding-bottom:11px;height:20px;position:relative;padding-left:40px;}
.prd02_column02 .infor02 li img{display:block;position:absolute;left:0;top:0;height:20px;}

.prd03_title{font-size:14px;font-weight:700;text-align:center;padding:54px 0 27px;line-height:38px;color:#090e12;width:815px;}
.prd03_wrap{background:#f7f7f7;padding:50px 50px;width:715px;}
.prd03_wrap table{width:100%;}
.prd03_wrap table .img{display:block;width:63px;height:63px;}
.prd03_wrap table th{font-weight:700;width:120px;height:80px;line-height:55px;text-align:center;font-size:14px;color:#090e12;border-right:1px dotted #979797;border-bottom:1px dashed #0f0f0f;}
.prd03_wrap table th.last ,.prd03_wrap table td.last{border-right:none;width:100px;}
.prd03_wrap table td{width:120px;height:57px;line-height:57px;text-indent:12px;font-size:12px;color:#545454;border-right:1px dotted #979797;border-bottom:1px dashed #0f0f0f;}

.prd04_tit{padding:108px 0 84px;}
.prd04_tit .text01{color:#090e12;font-size:14px;font-weight:700;text-transform: uppercase;padding-bottom:5px;}
.prd04_tit .text02{color:#939393;}
.prd04_wrap li{width:242px;height:242px;overflow:hidden;padding:0 45px 20px 0;float:left;}
.prd04_wrap li img{width:100%;height:100%;display:block;}

.brand_content{width:700px;}
.brand_content .column01_title{padding:85px 0 35px;}
.brand_content .column01_title img{display:block;margin:0 auto;}
.brand_content .column01 .title{font-weight:700;font-size:14px;text-align:center;color:#090e12;padding-bottom:10px;}
.brand_content .column01 .text{line-height:24px;color:#545454;text-align:center;}
.brand_content .column02 .img{width:219px;height:219px;overflow:hidden;margin:0 auto;}
.brand_content .column02 img{display:block;width:100%;height:100%;}
.brand_content .column02 .btit{font-size:56px;text-align:center;height:108px;line-height:108px;color:#090e12;}
.brand_content .column02 .title{color:#090e12;text-align:center;font-size:14px;line-height:24px;padding-bottom:15px;}
.brand_content .column02 .text{line-height:20px;color:#545454;text-align:center; padding-bottom: 50px;border-bottom: 1px dotted #b6b6b6;width: 50%;margin: 0 auto;}
.brand_content .column02{padding-bottom:50px;}

.join_wrap .infor{color:#090e12;font-size:14px;line-height:28px;padding:50px 0;width:825px;margin:0 auto;}
.join_wrap .infor dt{width:25px;float:left;}
.join_wrap .infor dd{width:800px;float:left;}
.join_wrap .img ,.join_wrap .img03{display:block;margin:50px auto 0;}
.join_wrap .img01{display:block;margin:50px auto 50px;}
.join_wrap .img02{margin:0 auto 50px;width:815px;height:255px;overflow:hidden;background:url(../images/join_19.jpg) center top no-repeat;}
.join_wrap .img02 .text{padding-top:60px;text-align:center;color:#fff;}
.join_wrap .img02 .text01{font-size:22px;font-weight:700;padding-bottom:10px;text-transform: uppercase;}
.join_wrap .img02 .text02{font-size:24px;font-weight:700;text-transform: uppercase;padding-bottom:20px;}
.join_wrap .img02 .text03{font-size:14px;line-height:30px;}
.join_wrap .coulmn01{padding-top:20px;color:#000;line-height:20px;text-align:center;}
.join_wrap .coulmn02{color:#db252a;font-size:23px;line-height:50px;text-align:center;}
.join_wrap .coulmn03{color:#090e12;font-size:22px;line-height:35px;text-align:center;text-transform: uppercase;}
.join_wrap .coulmn04{color:#545454;font-size:11px;line-height:20px;text-align:center;}

.join_wrap .banner_full{width:810px;height:auto;border:1px solid #000;margin:50px auto;}
.join_wrap .banner_full img{display:block;width:100%;}
.join_wrap .banner_full #banner{float:left;width:810px;height:auto;position:relative;overflow:inherit;}
.join_wrap .banner_full .swiper-wrapper{height:auto;}
.join_wrap .banner_full .swiper-wrapper li{height:auto;}
.join_wrap .arrow_wrap{width:36px;border:1px solid #030303;height:auto;position:absolute;right:-80px;top:50%;margin-top:-60px;background:#fff;z-index:99999;}
.join_wrap .arrow_wrap .arrow_left ,.join_wrap .arrow_wrap .arrow_right{z-index:999;width:36px;height:36px;overflow:hidden;position:relative;top:auto;margin-top:0;text-indent:-9999px;}
.join_wrap .arrow_wrap .arrow_left{background:url(../images/arrow_up.jpg) 0 0 no-repeat #fff;left:0;margin-bottom:10px;}
.join_wrap .arrow_wrap .arrow_right{background:url(../images/arrow_down.jpg) 0 0 no-repeat #fff;right:0;margin-top:10px;}

#hamburger ,.nav_wrap .top_ads01 ,.nav_wrap .top_right{display:none;}
.mlwrap.show{display:block;}
.mlwrap.hide{display:none;}

/*客服浮窗 */
@font-face {font-family: bothgo; /*给自己的字体起个名字*/ src: url(../fonts/bothgo.otf); /*这里是字体文件路径*/ src: url(../fonts/bothgo.ttf);font-weight: normal;font-style: normal;}
.tel_windows{width:100px;height:100px;right:60px;top:52px;margin-right:10px;display:none;position: absolute; border:3px solid #6600ff;}
#rightside {position: absolute;z-index: 999;right: 0;}
.kf_btn{width: 50px;height: 50px;text-align: center;color:#FFF;background-color: #595959;border-bottom: #FFFFFF 1px solid;}
.icon-kf{font-family: bothgo; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:50px; font-size:28px;}
.icon-kf2{font-family: bothgo; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:50px; font-size:24px;}
.icon-kf3{font-family: bothgo; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:50px; font-size:14px;}
.kf_btn a{color:#fff;}
.kf_btn:hover{background-color:#6600ff;}

@media only screen and (min-device-width: 640px) and (max-device-width: 973px) {
    .main{width:100%;}
}
@media only screen and (max-width: 768px){
    .main{width:100%;}
    .header .top_ads01 ,.header .top_right{display:none;}
    .nav_wrap{display:none;}
    .nav_wrap{
        position: fixed;
        left: 0;
        top: 0;
        float: inherit;
        display: none;
        height: auto;
        background: #333333;
        z-index: 1100;
        -webkit-box-shadow: 3px 0 5px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 3px 0 5px rgba(0, 0, 0, 0.4);
        box-shadow: 3px 0 5px rgba(0, 0, 0, 0.4);
        width: 70%;
        -webkit-transform: translateX(-245px);
        -moz-transform: translateX(-245px);
        -ms-transform: translateX(-245px);
        -o-transform: translateX(-245px);
        transform: translateX(-245px);
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.58, -0.65, 0, 1.67);
        -moz-transition: -webkit-transform 0.6s cubic-bezier(0.58, -0.65, 0, 1.67);
        transition: -webkit-transform 0.6s cubic-bezier(0.58, -0.65, 0, 1.67);
    }
    .nav_wrap.is-open {
        display:block;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        animation-direction: normal;
        -webkit-animation-direction: reverse;
        animation-direction: reverse;
    }
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px)
        }

        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px)
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px);
            transform: translateX(-30px)
        }

        80% {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            transform: translateX(10px)
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }
    #hamburger {
        width: 30px;
        height: 21px;
        position: relative;
        margin:30px 20px 0 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
        display: block;
        float: right;
        z-index: 1100;
    }
    #hamburger span {
        background-color: #6600ff;
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        border-radius: 9px;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
    #hamburger span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    #hamburger span:nth-child(2) {
        top: 9px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    #hamburger span:nth-child(3) {
        top: 18px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    #hamburger.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -3px;
        left: 0px;
    }
    #hamburger.open span:nth-child(2) {
        top: 24px;
        position: relative;
        opacity: 0;
    }
    #hamburger.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 19px;
        left: 0px;
    }
    .nav{position: relative;height:auto;line-height:27px;float:inherit;}
    .search_top{width:80%;height:25px;border:1px solid #b5b5b5;background:url(../images/home_24.jpg) 4px center #373737 no-repeat;padding-left:30px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        margin:15px auto;float:inherit;}
    .search_top input{background:#373737;height:23px;line-height:23px;overflow:hidden;width:100%;border:none;margin:auto;}
    .mwrap .mlink{width:auto;display:block;text-align:left;text-indent:24px;color:#fff;border-bottom:1px solid #404040;font-size:15px;}
    .mwrap a.mlink:hover ,.mwrap .focus a.mlink{color:#fff;background:#60F;}
    .mwrap .mlink.fontleft{width:auto;display:block;text-align:left;}
    .mli{width:auto;float:inherit;text-indent:48px;}
    .mlwrap{position:inherit;top:auto;left:0;width:100%;z-index:99999;display:block;}
    .mlwrap li{line-height:24px;width:100%;text-align:left;color:#fff;height:24px;padding-bottom:1px;border-bottom:1px solid #404040;font-size:14px;}
    .mlwrap li a{color:#fff;display:block;line-height:24px;width:100%;background:transparent;}
    .mlwrap li a:hover{color:#fff;background:#60F;}
    .top_ads01{margin:10px auto 0px auto;padding:0;}
    .top_share li:last-child{padding-right:0;}
    .top_share{margin:auto;height:auto;}
    .top_ads02{padding:0;margin:35px auto;}
    .nav_wrap .top_ads01 ,.nav_wrap .top_right{display:block;}

    /*index_adv*/
    .index_adv{height:auto;}
    .num_index_wrap{width:auto;float:inherit;padding:39px 15px;}
    .num_index{width:123px;padding-bottom:25px;}
    .num_index img{display:block;width:46px;height:46px;position:absolute;left:0;top:0;}
    .brand_index{height:auto;background:#070707;width:auto;margin:24px auto;}
    .brand_left{width:auto;float:inherit;padding:15px 15px 0 15px;}
    .brand_left img{display:block;float:left;margin-right:20px;}

    .brand_mid{width:auto;float:inherit;margin:0 auto;}
    .brand_right{margin-top:20px;height:AUTO;float:inherit;width:auto;}
    .brand_right img{width:AUTO;height:auto;display:block;margin:0 auto;}
    .brand_right span{width:100%;}
    .brand_mid01{height:auto;width:90%;margin:15px auto 0;}
    .brand_mid01 li.first.text{width:45%;}
    .brand_mid01 li.text{width:45%;padding-bottom:15px;}
    .brand_mid01 li.icon:nth-child(4){display:none;}
    .brand_mid02{padding-top:20px;height:auto;padding-left:0;width:100%;}
    .brand_mid02 li{width:22.5%;padding-left:2%;padding-right:0;}
    .bottom{height:auto;padding:15px 0;}
    .bottom .clear{display:block;}
    .bottom .logo_bottom{width:324px;height:105px;display:block;float:inherit;margin:0 auto;}
    .bottom .code{width:160px;float:right;padding-right:10px;padding-left:10px;}
    .bottom .code_Wrap{margin:0 auto 20px;float:inherit;}
    .bottom .fontright{text-align:right;}
    .bottom .code_img{padding-top:15px;}
    .bottom .code_img dt{width:70px;float:left;line-height:60px;}
    .bottom .code_img dd{width:60px;float:right;height:60px;}
    .copyright{height:auto;}
    .bot_tel{background:url(../images/home_tel.png) left center no-repeat;padding-left:40px;margin:0 auto;color:#f4f3f6;float:inherit;width:150px;line-height:26px;height:26px;}
    .copyright01{color:#888888;float:inherit;width:auto;padding-left:0;text-align: center;}
    .copyright02{color:#9e9e9e;float:inherit;width:auto;text-align: center;}
    .bottom_nav{float:inherit;width:auto;text-align: center;}
    .bottom_nav a{color:#9e9e9e;padding-left:20px;}
    .bottom_nav a:hover{color:#fff;}

    .brand_content{width:95%;margin:0 auto;}
    .join_wrap .infor{width:95%;}
    .join_wrap .infor dl{position:relative;width:90%;margin:0 auto;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;}
    .join_wrap .infor dt{width:25px;float:inherit;position:absolute;left:0;top:0;}
    .join_wrap .infor dd{float:inherit;padding-left:25px;width:auto;}
    .join_wrap .img{display:block;margin:50px auto 0;width:90%;}
    .join_wrap .img02{width:auto;}

    .product_wrap{padding-top:30px;}
    .pr_left{width:95%;float:inherit;overflow:hidden;margin:0 auto;}
    .product_list{width:634px;margin:0 auto;}
    .product_list dl:nth-child(3n+3){padding-right:0;}

    .pr_right{width:95%;float:inherit;overflow:hidden;margin:0 auto;}
    .banner_full{height:470px;width:330px;margin:0 auto;}
    .banner_full #banner{float:left;width:330px;height:435px;position:relative;overflow:inherit;}

    /*product_detail*/
    .product_wrap01{width:90%;margin:0 auto;}
    .blank01{height:60px;}
    .blank02{height:25px;}
    .prd_fl{width:90%;float:inherit;margin:0 auto;}
    .prd_fl img{display:block;}
    .prd_fl .img01 ,.prd_fr .img01{width:90%;margin:0 auto;}
    .prd_fr{width:90%;float:inherit;padding-left:0;}
    .prd_fr .prd01{padding-left:48px;padding-top:14px;}
    .prd01_column01{width:90%;overflow:hidden;margin:0 auto;}
    .prd01_column01 dt{width:156px;float:left;}
    .prd01_column01 dt img{width:54px;height:54px;display:block;float:left;margin-right:13px;}
    .prd01_column01 dt .text{float:left;padding-top:10px;width:80px;}
    .prd01_column01 dt .text01{line-height:18px;font-size:14px;color:#090e12;text-transform:uppercase;}
    .prd01_column01 dt .text02{line-height:18px;font-size:12px;color:#939393;}
    .prd01_column01 dd{padding-left:20px;width:327px;line-height:14px;padding-top:15px;float:left;color:#939393;}
    .line_black{width:280px;height:2px;background:#000;margin:27px 0 25px;}


    .prd02_column01 .infor_wrap{width:auto;height:420px;}
    .prd02_column02 .title{float:inherit;margin-top:30px;}
    .prd02_column02 .title img{display:block;width:100%;}
    .prd02_column01{width:auto;float:inherit;}
    .prd02_column02{width:auto;float:inherit;margin-left:0;}
    .prd02_column02 .infor_wrap{width:auto;}
    .prd02_column02 .infor01 dt{line-height:30px;color:#545454;width:75px;float:left;}
    .prd02_column02 .infor01 dd{line-height:20px;color:#545454;width:237px;float:left;padding-top:10px;}
    .prd02_column02 .infor01 dd ul{background:url(../images/decoration_46.jpg) repeat-x;width:100%;}
    .prd02_column02 .infor01 dd ul li{padding-top:11px;width:52px;float:left;text-align:center;}
    .prd02_column02 .infor01 dd ul li.focus{background:url(../images/decoration_45.jpg) center top repeat-x;}
    .prd02_column02 .infor_tit{padding-top:55px;}
    .prd02_column02 .infor_tit span{padding-left:20px;text-transform: uppercase;}
    .prd02_column02 .infor02{padding-top:20px;}
    .prd02_column02 .infor02 li{width:120px;line-height:20px;float:left;padding-bottom:11px;height:20px;position:relative;padding-left:40px;}
    .prd02_column02 .infor02 li img{display:block;position:absolute;left:0;top:0;height:20px;}

    .prd03_title{font-size:14px;font-weight:700;text-align:center;padding:54px 0 27px;line-height:38px;color:#090e12;width:auto;}
    .prd03_wrap{width:auto;}
    .prd03_wrap table th{width:120px;}
    .prd03_wrap table td{width:120px;}

    .prd04_tit{padding:50px 0 30px;}
    .prd04_wrap li{width:150px;height:150px;overflow:hidden;padding:0 20px 20px 0;float:left;}
    .prd04_wrap li img{width:100%;height:100%;display:block;}
    .search_wrap #banner{margin:0 auto;}
    .search_box{width:auto;background:url(../images/search_04.jpg) no-repeat;position:relative;height:453px;overflow:hidden;float:inherit;}

    .join_wrap .banner_full{width:730px;}
    .join_wrap .banner_full #banner{width:730px;}
    .join_wrap .arrow_wrap{right:10px;margin-top:0;top:20px;}
}
@media only screen and (max-width:640px){
    .top_right{width:auto;padding-right:0;}
    .top_ads02{margin-right:25px;}
    .nav_wrap{width:80%;}
    .product_list{width:419px;margin:0 auto;}
    .product_list dl:nth-child(3n+3){padding-right:11px;}
    .product_list dl:nth-child(2n+2){padding-right:0;}
    .join_wrap .banner_full{width:600px;}
    .join_wrap .banner_full #banner{width:600px;}
    .join_wrap .arrow_wrap{right:10px;margin-top:0;top:20px;}
}
@media only screen and (max-width:480px){
	.pr_btitle {color: #000;line-height: 20px;height: 50px;}
	#rightside { display:none;}
    .brand_left img{display:block;float:inherit;margin-right:auto;margin-left:auto;}
    .brand_mid01{height:auto;width:90%;margin:15px auto 0;}
    .brand_mid01 li.first.text{width:100%;}
    .brand_mid01 li.text{width:100%;}
    .brand_mid01 li.text,.brand_mid01 li.icon{float:inherit;}
    .brand_mid01 li.icon{margin:0 auto;}
    .brand_mid01 li.icon:nth-child(4){display:block;}
    .top_share li{width:70px;height:70px;}
    .brand_mid02 li{width:45.5%;padding-left:3%;padding-right:0;margin-bottom:15px;}
    .top_share{width:90%;padding-left:5%;}
    .num_index_ads{width:100%;}
    .bottom .code_Wrap{width:auto;}
    .bottom .code{margin:0 auto;float:inherit;}
    .join_wrap .coulmn03{font-size:18px;width:90%;margin:0 auto;}
    .join_wrap .img02 .text01{font-size:16px;}
    .join_wrap .img02 .text02{font-size:18px;}
    .prd01_column02 dl{padding-right:20px;text-align:center;float:inherit;}
    .prd01_column02 img{margin:0 auto 15px;display:block;}
    .prd01_column02 dl .text02{font-size:11px;}
    .prd01_column02 dl.first{width:auto;}
    .prd01_column02 dl.second{width:auto;}
    .prd01_column02 dl.third{width:auto;}
    .prd01_column02 dl.fourth{width:auto;}
    .prd01_column02 dl.last{width:auto;padding-right:0;}
    .search_box{width:auto;height:453px;overflow:hidden;float:inherit;}
    .search_banner{overflow:hidden;float:inherit;}
	.brand_content .column02 .text{line-height:20px;color:#545454;text-align:center; padding-bottom: 50px;border-bottom: 1px dotted #b6b6b6;width: 80%;margin: 0 auto;}
    .join_wrap .banner_full{width:440px;}
    .join_wrap .banner_full #banner{width:440px;}
}
@media only screen and (max-width: 360px){
    .nav_wrap{position:absolute;}
    .bottom .logo_bottom{width:80%;height:auto;}
    .copyright01 br{display:block;}
    .brand_mid02 li{width:85%;padding-left:7.5%;}
    .top_share li{width:50px;height:50px;}
    .top_ads01{width:80%;}
    .product_list{width:204px;margin:0 auto;}
    .product_list dl{padding-right:0;}
    .product_list dl:nth-child(3n+3){padding-right:0;}
    .product_list dl:nth-child(2n+2){padding-right:0;}
    .join_wrap .banner_full{width:330px;}
    .join_wrap .banner_full #banner{width:330px;}
    .join_wrap .arrow_wrap{top:0;}
}
@media only screen and (max-width: 320px){
    .banner_full{height:450px;width:290px;margin:0 auto;}
    .banner_full #banner{float:left;width:290px;height:410px;position:relative;overflow:inherit;}
	.brand_content .column02 .text{line-height:20px;color:#545454;text-align:center; padding-bottom: 50px;border-bottom: 1px dotted #b6b6b6;width: 90%;margin: 0 auto;}
    .join_wrap .banner_full{width:290px;}
    .join_wrap .banner_full #banner{width:290px;}
}
@media only screen and (max-width: 280px){
    .join_wrap .banner_full{width:250px;}
    .join_wrap .banner_full #banner{width:250px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #banner {
        position: relative;
    }

    #banner_box {
        width: 100%;
    }

    .swiper-wrapper {
        overflow: hidden;
    }

    .swiper-wrapper li {
        float: left;
    }

    .pagination {
        display: none;
    }

    .slider-page {
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 15px;
        width: 100%;
        z-index: 999;
        display: block;
    }
    .banner_full .slider-page {
        bottom:-30px;
    }
    .slider-page li {
        display: inline;
        line-height: 28px;
        margin: 0 3px;
        color: #373737;
        cursor: pointer;
        overflow: hidden;
        font-size: 24px;
        padding: 0 5px;
        font-weight: 700;
        font-family: 'Microsoft Yahei', 'Simsun';
    }

    .slider-page li.on {
        color: #6600ff;
    }
    .search_wrap .slider-page li,.banner_full .slider-page li {
        border:1px solid #bbb9ba;
        color: #fff;
    }

    .search_wrap .slider-page li.on,.banner_full .slider-page li.on {
        color: #fff;
        border:1px solid #000;
    }
}