﻿/*------------------------------------------
 *
 * Developed By: lyh
 *
 ----------------------------------------------*/
/* reset */
@font-face {
    font-family: 'jdstf';
    src:url('../fonts/jdstf.eot');
    src:url('../fonts/jdstf.eot?#iefix') format('embedded-opentype'),
    url('../fonts/jdstf.woff') format('woff'),
    url('../fonts/jdstf.ttf') format('truetype'),
    url('../fonts/jdstf.svg#jdstf') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {color:#222;	font-family:"宋体", "LiSong Pro", "Songti TC Bold", "Songti TC Light", "Songti TC Regular", "SimSun", "Songti SC Black", "Songti SC Bold", "Songti SC Light", "Songti SC Regular", "STSong", "jdstf"; margin:0;padding: 0;text-decoration: none;}
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 {color:#303030;text-decoration: none;outline:none;-moz-outline:none;hide-focus: expression(this.hideFocus=true);}
a:hover{color:#bf1d2d;}
.clear{display:block;clear:both;height:0;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.blank{height:15px;overflow:hidden;}
body{background:#ffffff;font-size:14px;color:#6e6e6e;cursor:default;}
.fl{float:left;}
.fr{float:right;}
.b{font-weight:700;}
.pr{position:relative;}
.hfull{height:100%;}

/*margin*/
.mar_s{margin-left:28px;}

/* 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;}

/*common*/
.index .bg img{height:960px;display:block;margin:0 auto;}
.index .nav{position:absolute;top:35px;left:70px;z-index:2;width:100%;line-height:32px;}
.nav_main_wrap{position:relative;}
.main_nav_icon{display:none;}
.nav ul{height:32px;}
.nav li{width:105px;padding-right:40px;float:left;}
.nav li.last{padding-right:0;}
.nav li a{color:#fff;width:105px;display:block;font-size:20px;text-align:center;}
.nav li.focus a ,.nav li a:hover{background:#bf1d2d;color:#fff;}
.share.focus .share_icon{display:none;}
.share.focus .share_more{display:block;}
.share{width:54px;background:#000;position:absolute;}
.index .share{right:70px;top:0;z-index:99;}
.share .share_icon{background:url(../images/icon_share.png) center center no-repeat;display:block;width:100%;height:40px;}
.share_more{padding-top:40px;display:none;}
.share_more ul{padding-bottom:15px;}
.share_more .icon_arrow_up{background:url(../images/share_arrow.png) center center no-repeat;height:34px;width:100%;display:block;}
.share_more ul a{display:block;width:100%;height:26px;}
.share_more li{padding-bottom:15px;}
.share_more .wx_icon a{position:relative;z-index:3;}
.share_more .wx_icon.act .wx_code_img{display:block;}
.wx_code_img{width:166px;height:166px;display:none;overflow:hidden;position:absolute;right:54px;padding-right:4px;top:0;z-index:3;}
.wx_code_img img{width:100%;height:100%;display:block;}
.share_more .wx_icon a{background:url(../images/icon_wx_gray.png) center center no-repeat;}
.share_more .xl_icon a{background:url(../images/icon_xl_gray.png) center center no-repeat;}
.share_more .qq_icon a{background:url(../images/icon_qq_gray.png) center center no-repeat;}
.share_more .db_icon a{background:url(../images/icon_db_gray.png) center center no-repeat;}
.share_more .wx_icon a:hover{background:url(../images/icon_wx.png) center center no-repeat;}
.share_more .xl_icon a:hover{background:url(../images/icon_xl.png) center center no-repeat;}
.share_more .qq_icon a:hover{background:url(../images/icon_qq.png) center center no-repeat;}
.share_more .db_icon a:hover{background:url(../images/icon_db.png) center center no-repeat;}
.index .bottom{background:url(../images/black_bg8.png) repeat;position:absolute;bottom:60px;left:0;z-index:1;width:100%;height:140px;}
.index .menu{position:absolute;bottom:60px;left:50px;z-index:5;width:100%;height:140px;}
.index .menu_main_title li{float:left;position:relative;}
.index .menu_main_title li a{text-align:center;color:#b58933;font-size:20px;line-height:140px;height:140px;width:100%;display:block;}
.index .menu_main_title li a:hover ,.index .menu_main_title li.focus a{color:#bf1d2d;}
.index .menu_main_title li.box1{width:155px;}
.index .menu_main_title li.box2{width:190px;}
.index .menu_main_title li.box3{width:175px;}
.index .menu_main_title li.box4{width:175px;}
.index .menu_infor{display:none;opacity:0;width:660px;overflow:hidden;height:240px;background:url(../images/black_bg6.png) repeat;position:absolute;bottom:155px;left:20px;z-index:5;}
.index .menu_infor.focus{display:block;
    -webkit-transition:all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -ms-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
    -webkit-animation: enterLeftBounce 1s linear;
    -moz-animation: enterLeftBounce 1s linear;
    -ms-animation: enterLeftBounce 1s linear;
    -o-animation: enterLeftBounce 1s linear;
    animation: enterLeftBounce 1s linear;
    opacity: 1;
}
@-webkit-keyframes enterLeftBounce {
    0% {
        -webkit-transform:translateX(-220px);  opacity: 0;
    }50%{
         -webkit-transform:translateX(0px);
     }70%{-webkit-transform:translateX(-8px); }

    100%{
        -webkit-transform:translateX(0);  opacity: 1;
    }
}
@-moz-keyframes enterLeftBounce {
    0% {
        -moz-transform:translateX(-220px);  opacity: 0;
    }50%{
         -moz-transform:translateX(0px);
     }70%{-moz-transform:translateX(-8px); }

    100%{
        -moz-transform:translateX(0);  opacity: 1;
    }
}
@-o-keyframes enterLeftBounce {
    0% {
        -o-transform:translateX(-220px);  opacity: 0;
    }50%{
         -o-transform:translateX(0px);
     }70%{-o-transform:translateX(-8px); }

    100%{
        -o-transform:translateX(0);  opacity: 1;
    }
}
@-ms-keyframes enterLeftBounce {
    0% {
        -ms-transform:translateX(-220px);  opacity: 0;
    }50%{
         -ms-transform:translateX(0px);
     }70%{-ms-transform:translateX(-8px); }

    100%{
        -ms-transform:translateX(0);  opacity: 1;
    }
}
@keyframes enterLeftBounce {
    0% {
        transform:translateX(-220px);  opacity: 0;
    }50%{
         transform:translateX(0px);
     }70%{transform:translateX(-8px); }

    100%{
        transform:translateX(0);  opacity: 1;
    }
}

.index .menu_infor_contain{width:660px;overflow:hidden;}
.index .menu_infor_contain .img{float:left;width:330px;height:240px;}
.index .menu_infor_contain .text{float:right;width:310px;height:240px;text-align:center;padding-right:8px;}
.index .menu_infor_contain .text h2{font-size:30px;color:#fff;line-height:85px;height:85px;overflow:hidden;}
.index .menu_infor_contain .text p{font-size:20px;color:#fff;line-height:34px;height:102px;overflow:hidden;}
.index .menu_infor_contain .img img{display:block;width:100%;height:100%;}
.index .logo{width:215px;height:90px;overflow:hidden;z-index:6;position:absolute;right:75px;bottom:85px;}
.logo img{display:block;width:100%;height:100%;}
.copy_right span{font-size:14px;font-family:"arial";margin-left: 15px;
display: inline-block;}
.copy_right br{display:none;}
.index .copy_right {width:100%;text-align:right;color:#fff;position:absolute;font-size:12px;right:75px;bottom:15px;line-height:45px;}
.index .index_bg_text{color:#fff;position:absolute;width:100%;top:50%;text-align:right;margin-top:-42.5px;right:75px;height:85px;z-index:2;}
.index .index_bg_text .en{font-size:35px;line-height:50px;}
.index .index_bg_text .text{font-size:22px;line-height:35px;}

    /*sec*/
    .content{width:1280px;margin:0 auto;}
    .bg_top{height:485px;width:100%;}
    .grid_guide{background:url(../images/guide_bg_top.jpg) center top fixed no-repeat;}
    .grid_menu{background:url(../images/menu_body_bg.jpg) center top no-repeat #000;}
    .grid_join{background:url(../images/join_bg_top.jpg) center top fixed no-repeat;}
    .grid_value{background:url(../images/value_bg_top.jpg) center top fixed no-repeat;}
    .grid_explore{background:url(../images/explore_bg_top.jpg) center top fixed no-repeat;}
    .grid_brand{background:url(../images/brand_bg_top.jpg) center top fixed no-repeat;}
    .sec_title_big{text-align:center;background:url(../images/line_red.jpg) center bottom no-repeat #ffffff;font-weight:700;font-size:32px;color:#000;line-height:65px;height:65px;margin:50px 0 50px;}

    .sec .nav{z-index:2;width:1235px;line-height:32px;padding-top:100px;position:absolute;left:50%;margin-left:-617.5px;top:0;}
    .sec .blank_logo{width:400px;float:left;height:32px;}
    .sec .share{right:0;top:0;z-index:3;}
    .sec .logo{width:204px;height:87px;overflow:hidden;z-index:6;position:absolute;left:50%;margin-left:-102px;top:40px;}
    .sec_title_top{position:absolute;bottom:80px;width:100%;left:0;}
    .sec_title_top img{margin:0 auto;display:block;}

    /*bottom*/
    .back_top{position:absolute;top:0px;right:0;width:95px;height:40px;line-height:40px;font-size:20px;text-align:center;color:#fff;display:block;background:#bf1d2d;}
    a.back_top:hover{color:#fff;}
    .sec .bottom{background:#000;width:100%;text-align:center;}
    .sec .bottom .icon_email{background:url(../images/email_icon.png) no-repeat;width:32px;height:20px;overflow:hidden;margin:0 auto;}
    .sec .bottom a.icon_email:hover{color:#fff;}
    .bottom_box{padding:80px 0;width:960px;margin:0 auto;}
    .sec .bottom .text_01{font-size:32px;color:#fff;line-height:60px;padding-bottom:20px;}
    .input_type{display:block;text-indent:5px;background:transparent;margin-bottom:25px;height:22px;padding:9px 0;font-size:20px;line-height:22px;color:#fff;font-family:"jdstf";border:1px solid #fff;}
    .input_type[placeholder]{ font-family: 'jdstf';color:#fff; }
    .input_type:-moz-placeholder {
        color:#fff;
        text-indent:5px;
    }
    .input_type::-moz-placeholder {
        color:#fff;
        text-indent:5px;
    }
    .input_type:-ms-input-placeholder {
        color:#fff;
        text-indent:5px;
    }
    .input_type::-webkit-input-placeholder {
        color:#fff;
        text-indent:5px;
    }
    .input_type.small{width:298px;}
    .input_type.width_full{width:958px;}
    .btn_send{border:none;cursor:pointer;margin-bottom:50px;width:100%;background:#fff;height:40px;line-height:40px;color:#000;font-size:20px;text-align:center;font-family:'jdstf';}
    .logo_bot{width:148px;height:62px;margin:0 auto 20px;}
    .logo_bot img{display:block;width:100%;height:100%;}
    .sec .bottom .text_02{color:#fff;font-size:20px;line-height:36px;text-align:center;}
    .sec .copy_right{width:100%;text-align:center;color:#333;font-size:12px;line-height:25px;padding-top:15px;}


/*guide*/
.guide_map{width:100%; height:500px}
.guide_map img{display:block;margin:0 auto;width:100%;}
.guide_map_search{height:70px;background:#000;color:#fff;font-size:20px;}
.guide_map_search label{line-height:70px;float:left;}
.guide_map_search .label_text01{width:178px;}
.guide_map_search .label_text02{width:160px;padding-left:75px;}

.guide_map_search .guide_map_form{width:610px;margin:0 auto;}
.guide_map_search .guide_map_form .clear ,.guide_map_search .guide_map_form .blank{display:none;}
.guide_map_search .select{float:left;margin-top:21px;background:url(../images/arrow_black.png) 80px center no-repeat #fff;color:#000;width:95px;height:28px;position:relative;}
.select_main{display:block;color:#000;font-size:18px;line-height:28px;height:28px;padding:0 5px;overflow:hidden;}
.select.focus .option{display:block;padding-top:2px;}
.guide_map_search .option{width:100%;position:absolute;left:0;top:28px;display:none; z-index:10;}
.guide_map_search .option li{line-height:28px;padding-bottom:1px;background:#fff;}
.guide_map_search .option li a{line-height:28px;color:#333;display:block;padding:0 5px;font-size:18px;}
.guide_map_search .option li a:hover{background:#bf1d2d;color:#fff;}

.guide_address{background:url(../images/guide_bg02.jpg) fixed no-repeat #000;width:100%;color:#fff;}
.guide_address_list{width:900px;margin:0 auto;font-size:20px;line-height:38px;padding:100px 0;}
.guide_address_list dt{width:240px;float:left;}
.guide_address_list dt span{padding-right:10px;}
.guide_address_list dd{width:630px;float:right;}

.guide_contact{background:url(../images/guide_bg03.jpg) fixed no-repeat;height:436px;padding:15px 0 35px;width:100%;}
.guide_contact .sec_title_big{background:url(../images/line_red.jpg) center bottom no-repeat transparent;}
.guide_contact .guide_contact_wrap{text-align:center;font-size:20px;line-height:40px;color:#000;}
.brand_wrap{width:1024px;margin:50px auto 60px;background:#fff;}
.brand_wrap dl{width:33.3%;float:left;}
.brand_wrap a{display:block;padding:50px 25px 40px;color:#717171;font-size:20px;text-align:center;}
.brand_wrap dt{background:url(../images/bg_line_gray.png) center bottom no-repeat;font-size:16px;line-height:40px;margin-bottom:20px;}
.brand_wrap a:hover dt{background:url(../images/bg_line_red.png) center bottom no-repeat;}
.brand_wrap a:hover dd{color:#000;}
.brand_wrap dd{height:72px;line-height:36px;overflow:hidden;}

/*explore*/
.value_bg02 p{text-indent:2em; margin-bottom:10px;}
.value_bg03 p{text-indent:2em; margin-bottom:10px;}
.explore_bg02 p{text-indent:2em; margin-bottom:10px;}
.explore_bg03 p{text-indent:2em; margin-bottom:10px;}
.explore_bg04 p{text-indent:2em; margin-bottom:10px;}
.telspan{display:block; margin-bottom:10px;}
.explore_bg02{background:url(../images/explore_bg02.jpg) center top no-repeat;height:1140px;width:100%;padding:40px 0 0;color:#000;}
.explore_bg02 .content ,.explore_bg03 .content ,.explore_bg04 .content ,.value_bg02 .content ,.value_bg03 .content ,.value_bg04 .content ,.join_bg_02 .content{width:960px;margin:0 auto;overflow:hidden;}
.explore_bg02 .text_01 ,.explore_bg03 .text_01 ,.explore_bg04 .text_01 ,.value_bg02 .text_01 ,.value_bg03 .text_01 ,.value_bg04 .text_01{text-align:center;padding-bottom:30px;}
.explore_bg02 .text_01 ,.explore_bg02 .text_02 ,.explore_bg03 .text_01 ,.explore_bg03 .text_02 ,.explore_bg04 .text_01 ,.explore_bg04 .text_02 ,.value_bg02 .text_01 ,.value_bg02 .text_02 ,.value_bg03 .text_01 ,.value_bg03 .text_02,.value_bg04 .text_01{font-size:20px;line-height:36px;}
.explore_bg02 .img{padding:20px 0 50px; }
.explore_bg02 .img li{width:310px;float:left;padding-right:12px;height:188px;}
.explore_bg02 .img ul{width:980px;}
.explore_bg02 .img img ,.explore_bg04 .img img{display:block;width:100%;height:100%;}

.explore_bg03 .sec_title_big ,.value_bg03 .sec_title_big{color:#fff;background:url(../images/line_red.jpg) center bottom no-repeat transparent;}
.explore_bg03 {color:#fff;background:url(../images/explore_bg03.jpg) center top no-repeat; background-color:#000; height:780px;width:100%;padding:70px 0 0 ;}
.explore_bg04 {color:#000;background:url(../images/explore_bg04.jpg) center bottom no-repeat;width:100%;padding:40px 0 130px ;}
.explore_bg04 .img{padding:20px 0 50px;}

/*value*/
.value_bg02{background:url(../images/value_bg_0200.jpg) repeat;height:700px;padding-top:23px;color:#000;}
.value_bg02_img{background:url(../images/value_bg_0201.jpg) center top no-repeat;height:723px;width:100%;}
.value_bg03 {color:#fff;background:url(../images/value_bg_03.jpg) center top no-repeat; background-color:#000; height:615px;width:100%;padding:40px 0 0 ;}
.value_bg04{background:url(../images/value_bg_04.jpg) no-repeat center bottom;height:1328px;padding-top:40px;color:#000;}
.sort_list{padding:10px 0 0;overflow:hidden;}
.sort_list li{width:20%;text-align:center;padding-top:70px;color:#000;float:left;}
.sort_list li.first{background:url(../images/sort_01.png) center top no-repeat;}
.sort_list li.second{background:url(../images/sort_02.png) center top no-repeat;}
.sort_list li.third{background:url(../images/sort_03.png) center top no-repeat;}
.sort_list li.fourth{background:url(../images/sort_04.png) center top no-repeat;}
.sort_list li.last{background:url(../images/sort_05.png) center top no-repeat;}
.sort_list li h2{font-weight:400;font-size:26px;line-height:36px;}
.sort_list li p{font-size:20px;line-heihgt:36px;text-indent: 0;}

/*join*/
.join_bg_02{background:url(../images/join_bg_02.jpg) no-repeat;height:1160px;padding-top:40px;color:#000;}
.join_bg_02 .text_01{font-size:26px;line-height:44px;text-align:center;}
.join_bg_02 .text_01 span{font-weight:700;display:block;}
.pay_list_wrap{padding:100px 0 0;}
.pay_list_wrap dl{width:48%;float:left;padding-bottom:100px;}
.pay_list_wrap dl dt{width:72px;height:72px;overflow:hidden;border-radius:10px;float:left;}
.pay_list_wrap dl.first dt{background:url(../images/join_icon01.png) center center no-repeat #bf1d2d;}
.pay_list_wrap dl.second dt{background:url(../images/join_icon02.png) center center no-repeat #bf1d2d;}
.pay_list_wrap dl.third dt{background:url(../images/join_icon03.png) center center no-repeat #bf1d2d;}
.pay_list_wrap dl.last dt{background:url(../images/join_icon04.png) center center no-repeat #bf1d2d;}
.pay_list_wrap dd{width:270px;padding-left:25px;float:left;}
.pay_list_wrap dd h2{font-size:26px;line-height:36px;}
.pay_list_wrap dd p{font-size:20px;line-height:36px;}
.pay_list_wrap dl.third dd p ,.pay_list_wrap dl.last dd p{padding-top:20px;}
.join_bg_02 .sec_title_big ,.value_bg02 .sec_title_big{background:url(../images/line_red.jpg) center bottom no-repeat transparent;}

/*menu*/
.menu_total_title{background:#b58933;line-height:75px;height:75px;text-align:center;font-size:35px;color:#fff;margin:0 auto 0;}
.menu_title{width:960px;overflow:hidden;margin:50px auto;}
.menu_title ul{width:1000px;}
.menu_title li{width:188px;height:42px;padding-right:70px;float:left;line-height:42px;text-align:center;}
.menu_title li a{display:block;background:#fff;border-radius:10px;width:100%;height:100%;color:#000;font-size:22px;}
.menu_title li.focus a ,.menu_title li a:hover{background:#bf1d2d;color:#fff;}
.menu_title li.last{padding-right:0px;}
.menu_category_title{text-align:center;padding:60px 0 50px;width:1024px;margin:0 auto;}
.menu_category_title dt{font-size:40px;line-height:80px;color:#bf1d2d;}
.menu_category_title dd{font-size:20px;line-height:36px;color:#fff;}
.menu_big_wrapper .title{z-index:3;position:absolute;bottom:0;left:0;padding:39px 0;height:50px;overflow:hidden;line-height:50px;font-size:22px;text-align:center;width:100%;}
.menu_big_wrapper .title span{font-size:35px;}
.menu_big_wrapper .title_wrap{padding:0 145px;overflow:hidden;height:50px;}
.menu_big_wrapper .black_bg8{bottom:0;left:0;z-index:2;background:url(../images/black_bg8.png) repeat;height:128px;width:100%;position:absolute;}
.menu_big_contain{width:100%;}
.menu_big_wrapper .inner{position:relative;}
.menu_big_wrapper .img ,.menu_big_wrapper{height:760px;}
.menu_big_wrapper .img img{width:100%;display:block;}
.menu_big_wrapper .inner a ,.menu_big_wrapper .inner a:hover{color:#fff;display:block;position:relative;}
.menu_big_contain .arrow_left ,.menu_big_contain .arrow_right{width:145px;height:128px;overflow:hidden;position:absolute;z-index:4;bottom:0;}
.menu_big_contain .arrow_left{left:0;}
.menu_big_contain .arrow_right{right:0;}
.menu_big_contain .arrow_left a ,.menu_big_contain .arrow_right a{display:block;width:100%;height:100%;}
.menu_big_contain .arrow_left a{background:url(../images/menu_arrowleft.png) center center no-repeat;}
.menu_big_contain .arrow_right a{background:url(../images/menu_arrowright.png) center center no-repeat;}
.menu_big_contain .arrow_left a:hover{background:url(../images/menu_arrowleft_hover.png) center center no-repeat;}
.menu_big_contain .arrow_right a:hover{background:url(../images/menu_arrowright_hover.png) center center no-repeat;}

.menu_small_contain{margin-bottom:100px;height:127px;overflow:hidden;}
.menu_small_contain .li{width:265px;height:127px;float:left;overflow:hidden;}
.menu_small_contain .li a{display:block;width:100%;height:100%;position:relative;color:#fff;}
.menu_small_contain div.focus a{color:#fff;}
.menu_small_contain div.focus a .title{display:block;}
.menu_small_contain .img{position:relative;z-index:2;}
.menu_small_contain .img img{display:block;width:100%;height:100%;}
.menu_small_contain .title{display:none;font-size:25px;background:url(../images/menu_list_bg.png) repeat;width:100%;height:100%;position:absolute;z-index:3;}
.menu_small_contain .title_wrap {display:table;width: 100%; height: 100%;}
.menu_small_contain .title_wrap span{display: table-cell; vertical-align: middle; width: 100%; text-align: center;}
.grid_menu_nav{min-height:180px;}
.menu_small_contain .swiper-nav .swiper-slide {
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.menu_small_contain .swiper-nav .swiper-wrapper {
    margin: 0 auto;
}




/*brand_detail*/
.brand_article{width:960px;margin:70px auto 100px;}
.brand_article .time{font-size:16px;color:#717171;text-align:center;line-height:36px;}
.brand_article .h1{text-align:center;font-size:32px;color:#000;font-weight:700;line-height:38px;padding-bottom:20px;background:url(../images/line_red.jpg) center bottom no-repeat;}
.brand_article .article_wrap{font-size:20px;line-height:36px;padding:50px 0;color:#000;}
.brand_article .article_wrap img{max-width:100%;display:block;margin:15px auto;}
.back_btn{display:block;width:300px;height:40px;line-height:40px;margin:0 auto;background:#bf1d2d;color:#fff;font-size:20px;text-align:center;}
a.back_btn:hover{color:#fff;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .bg img {
        height: 768px;
    }
}
@media only screen and (max-width: 680px){
    .content,.join_bg_02{width:100%;}
    .explore_bg02 .content ,.explore_bg03 .content ,.explore_bg04 .content ,.value_bg02 .content ,.value_bg03 .content ,.value_bg04 .content ,.join_bg_02 .content{width:98%;}
    .index{position:relative;background:url(../images/index_bg.jpg) center center fixed no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .index .bg{display:none;}
    .index .main_nav_icon ,.sec .main_nav_icon{background:url(../images/mb_nav.png) center center no-repeat #000;position:absolute;text-indent:-9999px;right:50px;top:0;display:block;width:45px;height:40px;
        background-size:30px 18px;
        -moz-background-size:30px 18px;
        -wenbkit-background-size:30px 18px;
        -o-background-size:30px 18px;
        -ms-background-size:30px 18px;
		z-index:999;
        }
    .index .hearder-contaion{position:relative;width:100%;}
    .index .topper-contaion{position:relative;}
    .index .nav ,.sec .nav{display:none;}
    .sec .nav{padding-top:0;position:absolute;margin:0;}
    .index .nav{position:relative;}
    .index .nav ,.sec .nav{top:0;width:100%;}
    .index .nav ,.sec .nav{position:relative;top:0;width:100%;left:0;z-index:999;line-height:40px;transition:max-height 400ms ease 0s;max-height:260px;}
    .index .nav ul,.sec .nav ul{height:auto;background:#B58933;}
    .index .nav li,.sec .nav li{width:100%;text-indent:2em;float:inherit;border-bottom:1px solid #fff;padding-right:0;}
    .index .nav li.last ,.sec .nav li.last{border-bottom:none;}
    .index .nav li a ,.sec .nav li a{color:#fff;width:100%;display:block;font-size:20px;text-align:center;}
    .index .nav li:hover ,.sec .nav li:hover{border-bottom:1px solid #bf1d2d;}
    .index .nav li.last:hover  ,.sec .nav li.last:hover{border-bottom:none;}
    .index .nav li.focus a ,.sec .nav li.focus a{color:#fff;background:transparent;}
    .index .nav li a:hover ,.sec .nav li a:hover{background:#bf1d2d;color:#fff;}

    .index .share ,.sec .share{right:0px;width:45px;}
    .index .logo ,.sec .logo{top:0;left:0;margin:0 auto 0;position:relative;width:204px;height:87px;}
    .index .logo{padding-top:20px;}
    .sec .logo{padding-top:100px;}
    .index .menu{position:relative;bottom:0;left:0;z-index:5;width:100%;height:auto;overflow:hidden;}
    .index .menu_main_title{background:url(../images/black_bg8.png) repeat;height:80px;}
    .index .menu_main_title li{float:left;position:relative;height:80px;line-height:80px;}
    .index .menu_main_title li a{width:100%;text-align:center;color:#b58933;font-size:20px;line-height:80px;height:80px;}

    .index .menu_main_title li a:hover ,.index .menu_main_title li.focus a{color:#bf1d2d;}
    .index .menu_main_title li.box1{width:23.5%;padding-right:2%;}
    .index .menu_main_title li.box2{width:23.5%;padding-right:2%;}
    .index .menu_main_title li.box3{width:23.5%;}
    .index .menu_main_title li.box4{width:23.5%;float:right;}
    .index .menu_infor.focus{display:block;}
    .index .menu_infor{display:none;float:left;width:600px;height:240px;background:url(../images/black_bg6.png) repeat;position:relative;bottom:0;left:0;z-index:5;}
    .index .menu_infor .img{float:left;width:330px;height:240px;}
    .index .menu_infor .text{position:absolute;right:0;top:0;float:inherit;width:100%;padding-left:340px;height:240px;text-align:center;padding-right:8px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
    }
    .index .menu_infor .text h2{font-size:30px;color:#fff;line-height:85px;height:85px;overflow:hidden;}
    .index .menu_infor .text p{font-size:20px;color:#fff;line-height:34px;height:102px;overflow:hidden;}
    .index .menu_infor .text p br{display:none;}
    .index .menu_infor .img img{display:block;width:100%;height:100%;}
    .index .bottom{display:none;}
    .index .index_bg_text{color:#fff;position:relative;width:auto;top:0;text-align:right;padding-right:15px;padding-bottom:80px;margin-top:100px;right:0;height:85px;z-index:2;}
    .index .index_bg_text .en{font-size:35px;line-height:50px;}
    .index .index_bg_text .text{font-size:22px;line-height:35px;}
    .index .copy_right {position:relative;font-size:12px;right:0;bottom:0;line-height:24px;padding:10px 0;text-align:center;}
    .index .menu_infor_contain{width:600px;margin:20px auto;}
    .sec .blank_logo{display:none;}
    .bg_top{height:auto;width:100%;padding-bottom:15px;}
    .grid_guide{background:url(../images/guide_bg_top.jpg) center top fixed no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .grid_menu{background:url(../images/menu_body_bg.jpg) center top no-repeat #000;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .grid_join{background:url(../images/join_bg_top.jpg) center top fixed no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .grid_value{background:url(../images/value_bg_top.jpg) center top fixed no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .grid_explore{background:url(../images/explore_bg_top.jpg) center top fixed no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .grid_brand{background:url(../images/brand_bg_top.jpg) center top fixed no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .sec_title_big{text-align:center;background:url(../images/line_red.jpg) center bottom no-repeat #ffffff;font-weight:700;font-size:32px;color:#000;line-height:65px;height:65px;margin:50px 0 50px;}
    .sec .sec_title_top{padding:100px 0 50px;position:relative;bottom:0;left:0;}
    .guide_map_search .label_text02 {padding-left: 25px;}
    .guide_map_search .guide_map_form{width:560px;}
    .guide_address{background:url(../images/guide_bg02.jpg) fixed no-repeat #000;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:auto;width:100%;color:#fff;}
    .guide_address_list{width:96%;margin:0 auto;font-size:20px;line-height:28px;padding:50px 0;}
    .guide_address_list dl{padding:5px 0;}
    .guide_address_list dt{width:100%;float:inherit;}
    .guide_address_list dt span{display:inline-block;width:40px;padding-right:0;}
    .guide_address_list dd{width:94%;float:inherit;padding-left:40px;}
    .bottom_box{width:96%;}
    .bottom_box .input_type.fl ,.bottom_box .input_type.fr{float:inherit;}
    .input_type.mar_s{margin-left:0;}
    .input_type.width_full{width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        height:42px;
    }
    .guide_contact{background:url(../images/guide_bg03.jpg) fixed no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:auto;padding:15px 0 50px;width:100%;}
    .guide_contact .sec_title_big{background:url(../images/line_red.jpg) center bottom no-repeat transparent;}
    .guide_contact .guide_contact_wrap{text-align:center;font-size:20px;line-height:40px;color:#000;}
    .sec .bottom .text_02 br{display:none;}
    .sec .bottom .text_02 span{width:100%;display:block;}
    .brand_wrap{width:100%;margin:50px auto 60px;background:#fff;}
    .brand_wrap dl{width:50%;float:left;}
    .brand_wrap dd{height:auto;line-height:36px;overflow:inherit;}
    .menu_total_title{margin:40px auto 0;font-size:28px;}
    .menu_title{width:100%;overflow:hidden;margin:50px auto;}
    .menu_title ul{width:100%;}
    .menu_title li{width:22.5%;height:42px;float:left;line-height:42px;margin-bottom:15px;text-align:center;padding-right:0;padding-left:2%;}
    .menu_title li a{font-size:18px;}
    .menu_category_title{text-align:center;padding:0 0 25px;width:96%;margin:0 auto;}
    .menu_category_title dt{font-size:35px;line-height:65px;color:#bf1d2d;}
    .menu_category_title dd{font-size:18px;line-height:28px;color:#fff;padding:8px 0;}
    .title_wrap span{display:block;}
    .menu_big_wrapper .title {font-size:18px;height:90px;line-height:45px;padding:19px 0;}
    .menu_big_wrapper .title_wrap{height:90px;padding: 0 60px;}
    .menu_big_contain .arrow_left ,.menu_big_contain .arrow_right{width:60px;}
    .menu_big_contain .arrow_left a{background:url(../images/menu_arrowleft.png) center center no-repeat;
        background-size:27px 54px;
        -moz-background-size:27px 54px;
        -webkit-background-size:27px 54px;
        -o-background-size:27px 54px;
        -ms-background-size:27px 54px;
    }
    .menu_big_contain .arrow_right a{background:url(../images/menu_arrowright.png) center center no-repeat;
        background-size:27px 54px;
        -moz-background-size:27px 54px;
        -webkit-background-size:27px 54px;
        -o-background-size:27px 54px;
        -ms-background-size:27px 54px;
    }
    .menu_big_contain .arrow_left a:hover{background:url(../images/menu_arrowleft_hover.png) center center no-repeat;
        background-size:27px 54px;
        -moz-background-size:27px 54px;
        -webkit-background-size:27px 54px;
        -o-background-size:27px 54px;
        -ms-background-size:27px 54px;
    }
    .menu_big_contain .arrow_right a:hover{background:url(../images/menu_arrowright_hover.png) center center no-repeat;
        background-size:27px 54px;
        -moz-background-size:27px 54px;
        -webkit-background-size:27px 54px;
        -o-background-size:27px 54px;
        -ms-background-size:27px 54px;
    }

    .explore_bg02{background:url(../images/explore_bg02.jpg) center top no-repeat;height:auto;padding:40px 0 35px;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
    }
    .explore_bg02 .text_01 ,.explore_bg02 .text_02 ,.explore_bg03 .text_01 ,.explore_bg03 .text_02 ,.explore_bg04 .text_01 ,.explore_bg04 .text_02 ,.value_bg02 .text_01 ,.value_bg02 .text_02 ,.value_bg03 .text_01 ,.value_bg03 .text_02,.value_bg04 .text_01
    {width:94%;margin:0 auto;}
    .explore_bg02 .text_01 ,.explore_bg02 .text_02 ,.explore_bg03 .text_01 ,.explore_bg03 .text_02 ,.explore_bg04 .text_01 ,.explore_bg04 .text_02 ,.value_bg02 .text_01 ,.value_bg02 .text_02 ,.value_bg03 .text_01 ,.value_bg03 .text_02,.value_bg04 .text_01{font-size:18px;line-height:34px;}
    .explore_bg02 .img{padding:20px 0 35px;}
    .explore_bg02 .img li{width:100%;float:inherit;padding-right:0;height:auto;margin-bottom:20px;}
    .explore_bg02 .img ul{width:94%;margin:0 auto;}
    .explore_bg02 .img img ,.explore_bg04 .img img{height:auto;}

    .explore_bg03 {background:url(../images/explore_bg03.jpg) center top no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:auto;padding:45px 0 50px;}
    .explore_bg04 {background:url(../images/explore_bg04.jpg) center bottom no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        padding:40px 0 50px;}
    .explore_bg04 .img{padding:20px 0 50px;width:94%;margin:0 auto;}
    .join_bg_02{background:url(../images/join_bg_02.jpg) no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:auto;padding:40px 0;}
    .join_bg_02 .text_01{font-size:22px;width:94%;}

    .pay_list_wrap{padding:50px 0 0;}
    .pay_list_wrap dl{width:94%;float:inherit;padding-bottom:50px;}

    .pay_list_wrap dd{width:100%;padding-left:90px;float:inherit;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
    }
    .pay_list_wrap dd h2{font-size:26px;line-height:36px;}
    .pay_list_wrap dd p{font-size:20px;line-height:36px;}
    .pay_list_wrap dl.third dd p ,.pay_list_wrap dl.last dd p{padding-top:50px;}

    .value_bg02{background:url(../images/value_bg_0200.jpg) no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:auto;padding:23px 0 60px;}
    .value_bg02_img{background:url(../images/value_bg_0201.jpg) center top no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:400px;
    }
    .value_bg03 {background:url(../images/value_bg_03.jpg) center top no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:auto;width:100%;padding:40px 0 70px;}
    .value_bg04{background:url(../images/value_bg_04.jpg) no-repeat;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -webkit-background-size:auto 100%;
        -o-background-size:auto 100%;
        -ms-background-size:auto 100%;
        height:auto;padding:0 0 600px;}
    .sort_list{padding:10px 0 0;overflow:hidden;}
    .sort_list li{float:left;padding-bottom:25px;}
    .sort_list li.first{background:url(../images/sort_01.png) center top no-repeat;width:50%;}
    .sort_list li.second{background:url(../images/sort_02.png) center top no-repeat;width:50%;}
    .sort_list li.third{background:url(../images/sort_03.png) center top no-repeat;width:33.3333333%;}
    .sort_list li.fourth{background:url(../images/sort_04.png) center top no-repeat;width:33.3333333%;}
    .sort_list li.last{background:url(../images/sort_05.png) center top no-repeat;width:33.3333333%;}
    .sort_list li h2{font-weight:400;font-size:20px;}
    .sort_list li p{font-size:16px;line-heihgt:28px;}
    .brand_article{width:94%;margin:50px auto 60px;}
    .brand_article .h1{font-size:28px;}
    .brand_article .article_wrap{font-size:18px;line-height:34px;padding:40px 0;}
    .brand_article .article_wrap img{width:100%;}
    .back_btn{width:50%;height:35px;line-height:35px;font-size:18px;}
}
@media only screen and (max-width:480px){
    .index .menu_main_title li a{font-size:16px;}
    .index .menu_infor{width:450px;height:auto;}
    .index .menu_infor_contain{width:450px;}
    .index .menu_infor .img{float:inherit;width:100%;height:300px;}
    .index .menu_infor .text{position:inherit;padding-left:8px;}
	.menu_big_wrapper .img ,.menu_big_wrapper{height:560px;}
    .guide_map_search{height:auto;font-size:18px;padding:15px 0;}
    .guide_map_search label{line-height:35px;}
    .guide_map_search .label_text02{padding-left:0;width:170px;}
    .guide_map_search .label_text01{width:170px;}
    .guide_map_search .guide_map_form{width:96%;}
    .guide_map_search .select{float:left;margin-top:3.5px;z-index:1;}
    .guide_map_search .select.focus{z-index:2;}
    .guide_map_search .option{z-index:5;}
    .select_main{font-size:16px;}
    .guide_map_search .guide_map_form .clear ,.guide_map_search .guide_map_form .blank{display:block;}
    .guide_contact_wrap span{display:block;width:100%;}
    .guide_contact_wrap br{display:none;}
    .guide_address_list{width:94%;margin:0 auto;font-size:20px;line-height:28px;padding:50px 0;}
    .guide_address_list dl{padding:5px 0;}
    .guide_address_list dt{width:100%;float:inherit;}
    .guide_address_list dt span{display:inline-block;width:40px;padding-right:0;}
    .guide_address_list dd{width:90%;float:inherit;padding-left:40px;}
    .sec_title_top{width:95%;margin:0 auto;padding:70px 0 35px;}
    .sec_title_top img{margin:0 auto;display:block;max-width:96%;}
    .input_type.small{width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        height:42px;
    }
    .brand_wrap dl{width:96%;float:inherit;}
    .brand_wrap a{padding:30px 25px 20px;}
    .menu_total_title{font-size:28px;}
    .menu_title li{width:47%;height:42px;float:left;line-height:42px;}
    .menu_total_title{font-size:24px;}
    .menu_category_title dt ,.menu_big_wrapper .title span{font-size:28px;}
    .menu_big_wrapper .title {font-size:18px;height:90px;line-height:30px;padding:19px 0;}
    .pay_list_wrap dd h2{font-size:22px;}
    .join_bg_02 .text_01{font-size:18px;}
    .pay_list_wrap dd p{font-size:16px;}
    .pay_list_wrap dl.third dd p, .pay_list_wrap dl.last dd p{padding-top:25px;}

}
@media only screen and (max-width: 445px){
    .index .logo{padding-top:50px;}
    .index .menu_main_title li{float:left;line-height:35px;height:35px;}
    .index .menu_main_title{background:url(../images/black_bg8.png) repeat;height:auto;padding:10px 0;}
    .index .menu_main_title li a{font-size:18px;line-height:35px;height:35px;}
    .index .menu_infor{width:400px;height:auto;}
    .index .menu_infor_contain{width:400px;}
    .index .menu_infor .img{float:inherit;width:100%;height:240px;}
    .index .menu_infor .text{position:inherit;padding:20px 8px;height:auto;}
    .index .menu_main_title li.box1{width:50%;padding-right:0;}
    .index .menu_main_title li.box2{width:50%;padding-right:0;}
    .index .menu_main_title li.box3{width:50%;}
    .index .menu_main_title li.box4{width:50%;float:right;}
    .index .index_bg_text{margin-top:70px;padding-bottom:50px;}
    .index .index_bg_text .en{font-size:25px;line-height:40px;}
    .index .index_bg_text .text{font-size:18px;}

}
@media only screen and (max-width: 360px){
    .index .menu_infor{width:320px;height:auto;}
    .index .menu_infor_contain{width:320px;}
    .index .menu_infor .img{float:inherit;width:100%;height:200px;}
    .index .menu_infor .text h2{font-size:26px;}
    .index .menu_infor .text p ,.sec .bottom .text_02{font-size:16px;}
    .copy_right br{display:block;}
    .guide_contact .guide_contact_wrap{font-size:18px;line-height:35px;}
    .guide_address_list{font-size:18px;}
    .sec_title_big ,.sec .bottom .text_01{font-size:28px;}
    .guide_address_list dt span{width:35px;}
    .guide_address_list dd{width:86%;padding-left:35px;}
    .input_type{font-size:18px;}
    .input_type.small ,.input_type.width_full{height:38px;}
    .menu_total_title{font-size:22px;height:55px;line-height:55px;}
    .menu_category_title dt ,.menu_big_wrapper .title span{font-size:24px;}
    .menu_big_wrapper .title{font-size:16px;}
    .menu_category_title{width:94%;}

    .brand_article{margin:40px auto 50px;}
    .brand_article .h1{font-size:24px;}
}
@media only screen and (max-width: 320px){
    .index .menu_infor{width:300px;height:auto;}
    .index .menu_infor_contain{width:300px;}
    .index .menu_infor .img{float:inherit;width:100%;height:180px;}
    .index .index_bg_text .en{font-size:22px;line-height:35px;}
    .index .index_bg_text .text{font-size:16px;}
    .guide_contact .guide_contact_wrap{font-size:16px;line-height:32px;}
    .sec_title_big ,.sec .bottom .text_01{font-size:26px;}
    .guide_address_list{font-size:16px;}
    .input_type ,.brand_wrap a{font-size:16px;}
    .brand_wrap a{padding:15px 25px 15px;}
    .menu_total_title ,.menu_big_wrapper .title span{font-size:18px;}
    .menu_big_wrapper .title{font-size:14px;}
    .brand_article .h1{font-size:20px;}
    .brand_article .article_wrap{font-size:16px;}
}
@media only screen and (max-width: 280px){
    .index .menu_main_title li a{font-size:16px;}
    .index .menu_infor{width:260px;height:auto;}
    .index .menu_infor_contain{width:260px;}
    .index .menu_infor .img{float:inherit;width:100%;height:160px;}
    .guide_contact .guide_contact_wrap{font-size:14px;line-height:28px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}



