@charset "utf-8";
*{margin:0;padding:0;}
body{margin:0px; padding:0px;font-size:12px;color:#464646;font-family:Tahoma,Arial, Helvetica, sans-serif;/*background:#d8d8d8;*/}
ul,li,dl,dd,dt{ margin:0px; padding:0px; list-style-type:none;}
img{border:0;}
#container{
    margin:0 auto;
    /*width:1000px;*/
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a{text-decoration:none;color:#464646;}
.fix {
    *zoom: 1;
}
.fix:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
/*---------全局样式-------------*/
.colorgreen{color:#46AA09;margin-bottom:15px;/*绿色*/}
.colororange{color:#F63;/*橙色*/}
/*h1{font-size:18px;font-weight:normal;18号标题}*/
/*----------------head----------------------*/
.header{width:1100px;height:80px;margin:0 auto;background-color: #ffffff;position: relative;}
.header .logo{
    /*width:87px;*/
    /*height:52px;*/
    float:left;
    /*margin:10px 0 0 20px;*/
}
.header .topword{width:350px;padding:30px 0 0 20px;float:left;}
.header .toppart{
    width:600px;
    /*float:right;*/
    float: left;
    position: absolute;
    right: 0;
    top: 0;
}
.header .toppart ul{
    float:right;
}
.header .toppart ul li{
    /*margin-top:10px;*/
    /*text-align:right;*/
    float: left;
    margin-left: 63px;
}
.header .toppart .login{
    color: #ffffff;
    width: auto;
    height: 28px;
    background-color: #ff5252;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: center;
    font-size: 14px;
    padding: 0 20px;
}
.header .toppart .login a{
    color:#ffffff;
    line-height: 28px;
    text-transform: uppercase;
}
.header .toppart .login a:hover{color:#ffffff;}
.header .toppart .lang{
    font-family:"microsoft yahei",Tahoma;
    color:#ffffff;
    width: 105px;
    height: 28px;
    background-color: #ff5252;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: center;
    font-size: 14px;
}
    .header .toppart .lang2{font-family:"microsoft yahei",Tahoma;color:#464646;margin-top: -22px;
    padding-right: 40px;}
    .header .toppart .lang2 img{
        /*width: 40px;*/
    }
.header .toppart .lang a{color:#ffffff;line-height: 28px;}
.header .toppart .lang a:hover{color:#ffffff;}
.center{text-align: center;padding-bottom: 30px;}

.banner_top {
    width: 100%;
    height: 125px;
    background-color: #ffffff;
}
#container .Shelter{
    width: 100%;
    height: 150px;
    background: url(/e/customize/images/modernbag_banner_0112.png) no-repeat center top;
    background-size: cover;
    position: relative;
    padding-top: 52px;
}
.banner_big{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.banner_big_box{
    padding-top: 80px;
    padding-left: 60px;
}
.banner_big_box h1{
    text-transform: uppercase;
    font-size: 48px;
    width: 180px;
    line-height: 66px;
}
.banner_big_box span{
   text-transform: uppercase;
   display: block; 
   padding-bottom: 26px;
   font-size: 14px;
}
.banner_big_box a{
    padding: 10px 30px;
    text-align: center;
    border:1px solid #434343;
}
.banner_big_box a:hover{
    text-decoration: none;
}
.catalog{
    /*padding: 0 75px;*/
}
.catalogList ul li{
    float: left;
    /*width: 25%;*/
    width: 248px;
    /*padding: 0 15px;*/
    margin: 0 13px;
    margin-bottom: 31px;
    overflow: hidden;
    border:1px solid #2b2b2b;
}
.catalogList ul li img{
    transition: all 0.5s;
    border-bottom: none;
    height: 240px;
    overflow: hidden;
}
.catalogList ul li:hover{
    border: 1px solid #ff5252;
    transition: all 0.5s;

}
.catalogList ul li:hover img{
    
    transform: scale(1.2);
    transition: all 0.5s;
}
.catalogList ul li a:hover{
    text-decoration: none;
}
.catalogList ul li .text-conter{
    height: 40px;
    background-color: #000000;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s;
    overflow: hidden;
}
.catalogList ul li:hover .text-conter{
    background-color: #ff5252;
    transition: all 0.5s;
}

.catalogList ul li .text-conter span{
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    position: relative;
}
.catalogList ul li .text-conter span:after{
    /*content: "";
    width: 58px;
    height: 1px;
    background-color: #303030;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);*/
}
.featured{
    background:url(/e/customize/images/index_desktop2_16.png) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-bottom: 40px; 
}
.featured .center{
    padding-top: 40px;
}
.featured_width{
    width: 1100px;
    margin: 0 auto;
   padding-top: 38px;
   padding-bottom: 38px;
}
.featured_width .video{
    width: 50%;
    padding: 0 25px;
    float: left;
}
.featured_width .fb{
    width: 50%;
    padding: 0 25px;
    float: left;
}
#container .news {
    position: relative;
    background-color: #323232;
    width: 100%;
    height: auto;
    /*margin-top: 0;*/
    /*overflow: hidden;*/
}
.news .center{
    /*padding-top: 40px;*/
}
.newsContent {
    /*background-image: url(../images/newsbackground.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 200px;*/
        height: 100%;
    position: relative;
}
.more {
        /* background-color: #fc8972; */
    /* background: url(/e/customize/images/modernbag_38/png); */
    /* width: 70px; */
    /* height: 40px; */
    position: absolute;
    /* text-align: center; */
    /* border-radius: 6px; */
    /* right: 22px; */
    /* font-size: 18px; */
    bottom: 20px;
    /* line-height: 40px; */
    left: 50%;
    transform: translateX(-50%);
}
.more a{color:white;}
.newsText {
    width: 50%;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    font-family: Arial;
    position: relative;
    /* top: 30px; */
    font-weight: 500;
    text-align: center;
    padding-bottom: 20px;
}
.newsText p{
    /*margin-bottom: 0;*/
    line-height: 24px;
    text-transform: uppercase;
}
.catalog, .featured{margin-top: 40px;}
.clearFl{clear: both;}
.navigation{
    width: 100%;
    height: 45px;
    background-color: #000000;
}
.navigation_center{
    height: 40px;
    width:1000px;
    margin: 0 auto;
}
.navigation_in{
    /*display:block;*/
    width: 1100px;
    margin: 0 auto;
}
.navigation_in ul {float:left;width: 100%;height: 45px;}
.navigation_in ul li {
    float:left;
    line-height: 45px;
    text-align: center;
    width: 16.66%;

}
.navigation_in ul li:hover a{
    /*background-image: url(../images/selectIn.png);*/
    background-color: #ff5252;
    width: 100%;
    display: block;
    transition: all 0.3s;
    text-decoration: none;
}
.navigation_in ul li a {
    /* 必须是相对定位*/ 
    position:relative; 
    display: block; 
    /*width:100px;*/
    height:45px;
    line-height: 45px;
    cursor: pointer;
    font-size:14px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.3s;
}
.navigation_in ul li a span {/* 所有层将使用绝对定位 */position: absolute; left:0; width: 100px;}
.navigation_in ul li a span.out {top:0px;}
.navigation_in ul li a span.over, .navigation_in ul li a span.bg {/* 隐藏高度*/top: -40px; }
#navigation_in {width:100%;float:left;}
#navigation_in ul li a {/*text-shadow:#5c5c5c 1px 1px;*/
    font-size:14px;
    font-family: "Cambria Regular";
    color:#313131;
    line-height:75px;
    text-transform: uppercase;
}
#navigation_in ul li a span.over {color:#46AA09;text-shadow:#fff 1px 1px;}
#navigation_in ul li span.bg {height:40px; background: url(../images/bg_navover.png) center center no-repeat; }
.search_div{
    /*width: 50px;*/
    /*height: 28px;*/
    line-height: 26px;
    /*text-align: center;*/
    /*background-color: #434343;*/
}
.search{
    float: right;
    margin-top: 45px;
}
.search ul li{
    float: left;
}
.search ul li a{
    color: #fff;
}
.search ul li a:hover{
    color: #fff;
}
.txt_search{
    height: 33px;
    /*margin-right: -1px;*/
    width: 159px;
    padding-left: 6px;
    color: #888888;
}
.navigation .search{width:250px;float:left;margin-left:20px;padding-top:8px;height:32px;}
.navigation .search ul li{float:left;height:40px;}
.navigation .search ul li a{font-family: "Cambria Regular";color:#fff;font-size: 16px;}
.navigation .search .txt_search{width:186px;height:24px;line-height:24px;border:0;padding:0 5px;}
/*---------------content----------------------*/
#content{
    width:1100px;
    height:auto;
    overflow:hidden;
    /*margin-top:10px;*/
    /*中间部分*/ -webkit-overflow:auto;
    margin: 0 auto;
    padding: 10px 0;
}
.content{
    width: 1100px;
    margin: 0 auto;
}
#content p:first-child{
    width: 100% !important;
}
#content .col-md-6{
    padding-bottom: 30px;
}
#content table{
    margin: 0 auto;
}
#content .col-md-12{
    text-align: center;
}
.flash{width:100%;height:auto;float:left;overflow: hidden;}
.flash a:hover{text-decoration:none;}
.flash .flashchang1 { width:100%;height:auto;overflow: hidden;background-color: #fff;position: relative;}
.flash .loading{width:100%;background-color:#000000;color: #FFCC00;font-size: 12px;height:auto;text-align: center;padding-top: 30px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.flash .flashchange2{width: 100%;height:auto;overflow: hidden;}
.flash .num_list{position: absolute;width: 100%;left: 0px;bottom: -1px;color:#FFFFFF;font-size: 12px;padding: 4px 0px;height: 20px;overflow: hidden;}
.flash .num_list span{display: inline-block;height: 16px;padding-left: 6px;font-size: 14px;font-weight: bold;}
.flash .flashchang1 ul{display: none;}
.flash .flash_button{position: absolute;z-index:1000;right: 50%;transform: translateX(50%);bottom:14px;font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.flash .flash_button1, .flash_button2{
    background-color:#707070;
    display: block;
    float: left;
    width: 59px;
    height: 10px;
    color: transparent;
    background-color: #000000;

    text-decoration: none;
    cursor: pointer;
    margin: 0 7px;
}
.flash .flash_button2{color: transparent;background-color: #e73a3a;}

#mainFlash{/*background:url(../images/panel.jpg) repeat-x bottom center #ffffff;*/width:100%;overflow:hidden;/*首页jquery Flash*/}
#mainFlash #slides{width: 100%;
    height: auto;overflow:hidden;}
#mainFlash .slide{float:left;}
#mainFlash #changeImage{height:45px;}
#mainFlash #changeImage ul{padding-left:360px;}
#mainFlash #changeImage ul li{width:60px;display:inline-block;list-style:none;height:45px;overflow:hidden;float:left;text-align:center;}
#mainFlash #changeImage li.act,li.act:hover{background:url(../images/active_bg.png) no-repeat;}
#mainFlash #changeImage li.act a{cursor:default;}
#mainFlash #changeImage .fbar{width:2px;background:url(../images/divider.png) no-repeat right;}
#mainFlash #changeImage li a{display:block;background:url(../images/divider.png) no-repeat right;height:35px;padding-top:10px;}
.middlepart{width:1000px;height:auto;margin-top:10px;}
.middlepart .middlepart_t{width:1000px;height:12px;background:url(../images/mPart_t.gif) no-repeat;}
.middlepart .middlepart_m{width:1000px;height:180px;background:url(../images/mPart_m.gif) repeat-y;_margin:-5px 0 0 0;}
.middlepart .middlepart_m .mainNews{width:350px;height:185px;padding:0 15px;float:left;border-right:solid 1px #b9b9b9;}
.middlepart .middlepart_m .mainNews ul li{margin:10px 0 0 0;}
.middlepart .middlepart_m .mainAbout{width:350px;height:185px;padding:0 15px;float:left;border-right:solid 1px #b9b9b9;}
.middlepart .middlepart_m .mainAbout p{line-height:25px;margin-top:4px;}
.middlepart .middlepart_m .memberLogin{width:200px;float:left;padding:0 15px;}
.middlepart .middlepart_m .memberLogin ul{margin-bottom:10px;overflow:hidden;}
.middlepart .middlepart_m .memberLogin ul li{float:left;height:30px;line-height:30px;}
.middlepart .middlepart_m .memberLogin a{color:#464646;}
.middlepart .middlepart_m .memberLogin a:hover{color:#F60;}
.middlepart .middlepart_m .txt_login{/*文本框样式*/background:url(../images/bg_login.gif) no-repeat;width:125px;height:25px;border:0;line-height:25px;padding:0 5px;}
.middlepart .middlepart_m .btn_login{/*按钮样式*/background:url(../images/btn_allbg.png) no-repeat;width:76px;height:30px;border:0;color:#539410; text-shadow:1px 1px #FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;}
.middlepart .middlepart_b{width:1000px;height:12px;background:url(../images/mPart_b.gif) no-repeat;}
.proframe{width:1000px; margin:0 auto; }
.proframe_t{width:1000px; height:45px;background:url(../images/proframe_t.jpg) no-repeat;}
.proframe_t a{color:#46aa09; font-size:18px; line-height:45px;padding-left:30px;}
.proframe_m{width:1000px;background:url(../images/proframe_m.jpg) repeat-y; overflow: hidden; zoom: 1;}
.proframe_b{width:1000px; height:14px;background:url(../images/proframe_b.jpg) no-repeat;}
.proMsg{
    width: 356px;
    /* background: #FFF; */
    float: left;
    /* margin: 10px; */
    /* border-bottom: 1px solid #cbcbcb; */
    margin-right: 22px;
    margin-left: 22px;
    text-align: center;
    margin-bottom: 48px;
}
.proImg{
    width: 100%;
    /* padding: 0 10px 10px 10px; */
    text-align: center;
    font-family: Microsoft Yahei;
    font-size: 14px;
    margin: 0 auto;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 28px;
}
.proTxt{
    width:160px;
    /*padding:0 10px 10px 10px;*/
    text-align:center; 
    font-family:Microsoft Yahei; 
    /*font-size:12px;*/
    margin: 0 auto;
}
.proNo{width:160px; height:35px; overflow:hidden;color: #212121;
line-height: 35px;margin: 0 auto;font-size: 16px;}
.proName{width:160px; height:35px; overflow:hidden;line-height: 35px;color: #838383;margin: 0 auto;}

.clear{clear:both;width:100%;height:0px;}
.PLframe{width:800px; margin:0 auto;}
.prolist{width:800px; margin-bottom:20px;}
.proInfo{width:180px; float:left; margin:0 10px;}
.proInfo ul li{font:12px; line-height:16px; text-align:center;}
.price{color:#333333;}
.proname{color:#666666;white-space:normal; width:180px;}
.procode{color:#666666;}


/*---------------footer----------------------*/
.footline{width:100%;margin:10px auto;}
.footer_top{
    width: 100%;
    height: 300px;
    background-color: #1e1e1e;
    padding-top: 44px;
}
.footer_top_widht{
    width: 1100px;
    margin: 0 auto;
}
.footer_one, .footer_two, .footer_three{
    float: left;
    width: 33.33%;
    padding: 0 40px;
    position: relative;
}
.footer_one{
    padding-left: 0;
    position: relative;
}
.footer_one:after, .footer_two:after{
    content: "";
    width: 1px;
    height: 174px;
    border-right: 1px dashed #5f5f5f;
    position: absolute;
    right: 0;
    top: 20px;
}
.footer_three{
    padding-right: 0;
}
.footer_one h4{
    color: #fd0a0c;
}
.footer_one ul li{
    line-height: 30px;
    border-bottom: 1px solid #525252;
    display: block;
    position: relative;
    color: #ffffff;
}
.footer_three h4, .footer_two h4{
    color: #ffffff;
}
.footer_three ul li{
    float: left;
    margin: 3px 3px;
}
.footer_two p{
    color: #ffffff;
    line-height: 20px;
    font-size: 13px;
}
.footer_two a{
    display: block;
    width: 280px;
    height: 50px;
    background-color:#ff5253;
    line-height: 50px;
    text-align: center;color: #ffffff; 
    border-radius: 10px;
    margin-top: 20px;
}
.footer_two a:hover{
    text-decoration: none;
}
.footer_one ul li:after{
    content: "";
    width: 50%;
    height: 1px;
    background-color: #e6071a;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.footer_one ul li a{
    color: #ffffff;
    padding-left: 6px;
}





.footer{
    width: 100%;
    height: 75px;
    margin: 0 auto;
    text-align: center;
    line-height: 75px;
    background-color: #000000;
}
.footer .footLeft{
    /*width:400px;*/
    /*float:left;*/
    color: #ffffff;
}
.footLeft a{
    color: #ffffff;
    text-decoration: none;
}
.footer .footRight{float:right;}

/*----------detail page-------------*/
#content-d{
width:1100px;
height:auto;
overflow:hidden;
/*margin-top:10px;*/
padding: 10px 0;
margin: 0 auto;
/*中间部分*/
}

#payment, #btn {
    margin: 0 auto;
    width: 1000px;
}
.cms_catalog{
    width: 100%;
    height: 380px;
    background: url(../../../uploadImgMgnt/0_2018613113213.jpg) no-repeat center;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
.cms_aboutus{
    width: 100%;
    height: 380px;
    background: url(../../../uploadImgMgnt/0_2018613112818.jpg) no-repeat center;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
.cms_EVENT{
    width: 100%;
    height: 380px;
    background: url(../../../uploadImgMgnt/0_201861311303.jpg) no-repeat center;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
.cms_ContactUs{
    width: 100%;
    height: 400px;
    background: url(../../../uploadImgMgnt/0_2018613112436.jpg) no-repeat center;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}


.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    /*padding: 1em 0 4em;*/
    /*max-width: 1000px;*/
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    overflow: hidden;
    /*min-width: 320px;*/
    /*max-width: 480px;*/
    /*max-height: 360px;*/
    /*width: 48%;*/
    height: auto;
    /*background: #3085a3;*/
    text-align: center;
    cursor: pointer;
    /*width: 25%;*/
    
}
.grid ul li{
    float: left;
    width: 248px;
    /*padding: 0 15px;*/
    margin: 0 13px;
    margin-bottom: 31px;
    border:1px solid #2b2b2b;
}
.grid ul li:hover{
    border:1px solid #ff5252;
}
.grid figure img {
    position: relative;
    display: inline-block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
.grid ul li .text-conter{
    height: 40px;
    background-color: #000000;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s;
    overflow: hidden;
    color: #FFFFFF;
}
.grid ul li:hover .text-conter{
    background-color: #ff5252;
    transition: all 0.5s;
    color: #FFFFFF;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
    /*background: #3498db;*/
}

figure.effect-apollo img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1);
    transform: scale3d(1);
}

figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(3,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(3,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
        position: absolute;
    right: 50%;
    bottom: 18px;
    /* margin: 3em; */
    /* padding: 0 1em; */
    /* max-width: 240px; */
    /* border-right: 4px solid #fff; */
    /* text-align: right; */
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    font-size: 24px;
    transform: translateX(50%);
}

figure.effect-apollo h2 {
    text-align: center;
}

figure.effect-apollo:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(3,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(3,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}