@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;}
/*---------全局样式-------------*/
.colorgreen{color:#46AA09;margin-bottom:15px;/*绿色*/}
.colororange{color:#F63;/*橙色*/}
/*h1{font-size:18px;font-weight:normal;18号标题}*/
/*----------------head----------------------*/
.header{width:1200px;height:75px;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: -25px;
}
.header .toppart ul{
    float:right;
}
.header .toppart ul li{
    /*margin-top:10px;*/
    /*text-align:right;*/
    float: left;
}
.header .toppart .login{color:#434343;padding-top: 3px;padding-right: 14px;}
.header .toppart .login a{color:#434343;}
.header .toppart .login a:hover{color:#46AA09;}
.header .toppart .lang{font-family:"microsoft yahei",Tahoma;color:#464646;padding-top: 3px;
    padding-right: 40px;}
    .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:#464646;}
.header .toppart .lang a:hover{color:#46AA09;}
.center{text-align: center;padding-bottom: 30px;}

.banner_top {
    width: 100%;
    height: 700px;
    background: url(/e/customize/images/modernbag_banner_01.png) no-repeat center top;
    background-size: cover;
    position: relative;
    padding-top: 52px;
}
#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: 20%;

}
.catalogList ul li a:hover{
    text-decoration: none;
}
.catalogList ul li .text-conter{
    height: 90px;
    background-color: #f3fbff;
    text-align: center;
    line-height: 90px;

}
.catalogList ul li .text-conter span{
    text-transform: uppercase;
    font-size: 18px;
    color: #303030;
    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/modernbagback.png) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 820px; 
}
.featured .center{
    padding-top: 40px;
}
.featured_width{
    width: 1200px;
    margin: 0 auto;
    /*padding: 0 75px;*/
}
#container .news {
    position: relative;
    background: url(/e/customize/images/modernbag_banner_03.png) no-repeat center top;
    background-size: 100% 100%;
    width: 100%;
    height: 748px;
    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: 70%;
    margin: 0 auto;
    color: #5d5d5d;
    font-size: 16px;
    font-family: Arial;
    position: relative;
    /*top: 30px;*/
    font-weight: 500;
}
.newsText p{
    margin-bottom: 0;
}
.catalog,.featured,.news{margin-top: 40px;}
.clearFl{clear: both;}
.navigation{
    /*width: 100%;*/
    height: 75px;
    position: absolute;
    right: 0;
}
.navigation_center{
    height: 40px;
    width:1000px;
    margin: 0 auto;
}
/*.navigation_in{display:block;}*/
.navigation_in ul {float:left;width: 100%;height: 75px;}
.navigation_in ul li {
    float:left;
    /*overflow:hidden;position:relative;text-align:center;*/
    /*width:12.5%;*/
    padding: 0 20px;
    text-align: center;
}
.navigation_in ul li:hover{
    /*background-image: url(../images/selectIn.png);*/
}
.navigation_in ul li a {
    /* 必须是相对定位*/ 
    position:relative; 
    display: block; 
    /*width:100px;*/
    height:40px;
    cursor: pointer;
    font-size:14px;
}
.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 ul li{
    float: left;
}
.search ul li a{
    color: #fff;
}
.search ul li a:hover{
    color: #fff;
}
.txt_search{
    height: 25px;
    margin-right: -1px;
}
.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:1000px;
    height:auto;
    overflow:hidden;
    /*margin-top:10px;*/
    /*中间部分*/ -webkit-overflow:auto;
    margin: 0 auto;
    padding: 10px 0;
}
#content .col-md-6{
    padding-bottom: 30px;
}
#content table{
    margin: 0 auto;
}
#content .col-md-12{
    text-align: center;
}
#content .flash{width:1000px;height:410px;float:left;overflow: hidden;}
#content .flash a:hover{text-decoration:none;}
#content .flash .flashchang1 { width:1000px;height:410px;overflow: hidden;background-color: #fff;position: relative;}
#content .flash .loading{width:1000px;background-color:#000000;color: #FFCC00;font-size: 12px;height:410px;text-align: center;padding-top: 30px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
#content .flash .flashchange2{width: 100%;height:410px;overflow: hidden;}
#content .flash .num_list{position: absolute;width: 100%;left: 0px;bottom: -1px;color:#FFFFFF;font-size: 12px;padding: 4px 0px;height: 20px;overflow: hidden;}
#content .flash .num_list span{display: inline-block;height: 16px;padding-left: 6px;font-size: 14px;font-weight: bold;}
#content .flash .flashchang1 ul{display: none;}
#content .flash .flash_button{position: absolute;z-index:1000;right: 0px;bottom:2px;font-size:11px;font-family: Arial, Helvetica, sans-serif;}
#content .flash .flash_button1, .flash_button2{background-color:#707070;display: block;float: left;padding:1px 5px;margin-right: 3px;color: #FFFFFF;text-decoration: none;cursor: pointer;}
#content.flash .flash_button2{color: #fff;background-color: #b90d0d;}

#mainFlash{background:url(../images/panel.jpg) repeat-x bottom center #ffffff;width:1000px;overflow:hidden;/*首页jquery Flash*/}
#mainFlash #slides{height:410px;width:1000px;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{
    width: 100%;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    background-color: #333333;
}
.footer .footLeft{
    /*width:400px;*/
    /*float:left;*/
    color: #ffffff;
}
.footLeft a{
    color: #ffffff;
    text-decoration: none;
}
.footer .footRight{float:right;}

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

#payment, #btn {
    margin: 0 auto;
    width: 1000px;
}