@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号标题}*/
.fix {
    *zoom: 1;
}
.fix:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
/*----------------head----------------------*/
.header{
    width:1200px;
    height:140px;
    margin:0 auto;
    position: relative;
    clear: both;
}
.header .logo{
    padding-top: 6px;
}
.header .logo .left{
    float: left;
}
.header .logo .right{
    float: right;
}
.header .logo .right ul li{
    float: left;
    margin-left: 36px;
    margin-top: 8px;
}
.header .topword{width:350px;padding:30px 0 0 20px;float:left;}
.toppart{
    width: 1200px;
    height: 30px;
    margin: 0 auto;
}
.toppart_top{
    float: right;
}
.toppart ul{
    float:right;
}

.toppart ul li{
    /*margin-top:10px;*/
    /*text-align:right;*/
    float: left;
    line-height: 30px;
    
}
.toppart ul li a{
    line-height: 30px;
    margin-left: 1px;
    color: #ffffff;
    font-size: 14px;
    background-color: #bfbfbf;
    display: block;
        float: left;
    text-align: center;
    padding: 5px 10px;
}
.toppart ul li a.ap{
    background-color: #f08c27;
}
.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: 180px;
    background: url(/e/customize/images/index_back_01.png) no-repeat center top;
    background-size: cover;
}
#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: 20px 0;
    width: 1200px;
    margin: 0 auto;
}
.catalogList ul li{
    float: left;
    width: 285px;
    margin-left:20px; 
}
.catalogList ul li a:hover{
    text-decoration: none;
}
.catalogList ul li .text-conter{
    height: 28px;
    /*background-color: #f3fbff;*/
    border: 1px solid #fe8203;
    text-align: center;
    line-height: 28px;
    transition: all 0.3s;
}
.catalogList ul li .text-conter:hover{
    background-color: #fe8203;
}
.catalogList ul li .text-conter:hover a{
    color: #ffffff;
}
.catalogList ul li .text-conter a{
    /*text-transform: uppercase;*/
    font-size: 16px;
    color: #fe8203;
    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%);
}
.catalogList ul li h3{
    font-size: 20px;
    color: #fe8203;
    text-align: center;
}
.catalogList ul li p{
    line-height: 24px;
    font-size: 16px;
    color: #666666;
    height: 360px;
}
.featured{
    /*background:url(/e/customize/images/modernbagback.png) no-repeat center top;*/
    /*background-size: cover;*/
    width: 100%;
    /*height: 820px; */
    background-color: #ffffff;
}
.featured .center{
    padding-top: 40px;
}
.featured_width{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.productList{
    display: none;
}
.productList ul li{
    float: left;
    width: 385px;
    
}
.productList ul li.ap{
    margin-right: 22px;
}
.productList ul li .product_box a{
    /*transition: all 0.3s;*/
}
.productList ul li .product_box a:hover{
    text-decoration: none;
}
.productList ul li .product_box a:hover .img{
    background: url(/e/customize/images/index_31.png) no-repeat center center;
    background-color: #c1c1c1;
    /*transition: background 0.3s;*/
}
.productList ul li .product_box a:hover .img h2{
    color: transparent;
}
.productList ul li .product_box .img{
    width: 100%;
    height: 240px;
    background-color: #f1f1f1;
    text-align: center;
}
.productList ul li .product_box .img h2{
    color: #999999;
    font-size: 40px;
    font-family: "Arial";
    line-height: 240px;
}
.productList ul li .product_box h4{
    text-align: center;
    font-size: 20px;
    color: #fe8203;
}
.productList ul li .product_box p{
    color: #666666;
    font-size: 16px;
    font-family: "Arial";
    width: 90%;
    margin: 0 auto;
    height: 130px;
    margin-bottom: 10px;
}


.news {
    width: 100%;
}
.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;
}
.newsContent ul li{
    float: left;
    width: 285px;
    margin-right: 20px;
}
.newsContent ul li.ap{
    margin-right: 0;
}
.newsContent ul li a{
    transition: all 0.3s;
}
.newsContent ul li a:hover{
    text-decoration: none;
}
.newsContent ul li a:hover .img{
    border: 1px solid #fe8203;
    transition: all 0.3s;
}
.newsContent ul li a:hover h4{
    color: #fe8203;
    transition: all 0.3s;
}
.brands_box .img{
    width: 100%;
    height: 240px;
    border: 1px solid #f0f0f0;
}
.brands_box h4{
    color: #333333;
    font-size: 20px;
    text-align: center;
    margin: 20px 0;
}
.download .center{
    margin-top: 32px;
    /*margin-bottom: 42px;*/
}
.download_content ul li{
    float: left;
    width: 285px;
    margin-right: 20px;
    margin-bottom: 34px;
}
.download_content ul li.ap{
    margin-right: 0;
}

.download_box a:hover{
    text-decoration: none;
}
.download_box .img{
    width: 100%;
    height: 285px;
    border: 1px solid #ffffff;
}
.download_box h4{
    margin: 20px 0;
    color: #fe8203;
    font-size: 20px;
    text-align: center;
}
.download_box .click{
    width: 100%;
    height: 28px;
    border: 1px solid #fe8203;
    background-color: #ffffff;
    text-align: center;
}
.download_box .click span{
    color: #fe8203;
    font-size: 16px;
    line-height: 28px;
}
.download_box:hover a .img{
    border: 1px solid #fe8203;
    transition: all 0.3s;
}
.download_box:hover .click{
    background-color: #fe8203;
    transition: all 0.3s;
}
.download_box:hover .click span{
    color: #ffffff;
    transition: all 0.3s;
}
.more{
    position: relative;
}
.line{
    width: 100%;
    height: 50px;
    /*margin-top: 40px;*/
    /*margin-bottom: 40px;*/
    position: relative;
}
.line .left{
    float: left;
    width: 50%;
    
}
.line .left .leftline{
    width: 100%;
    height: 40px;
    background: #f0f0f0;
    float: left;
}
.line .right{
    float: right;
    width: 50%;
    
}
.line .right .rightline{
    width: 100%;
    height: 40px;
    background: #f0f0f0;
    float: right;
    
}
.line .intermediate{
    width: 180px;
    text-align: center;
    line-height: 40px;
    color: #fe8203;
    font-size: 20px;
    font-family: Arial;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
}
.line .intermediate a{
    color: #fe8203;
}
.line .intermediate>.left{
    float: left;
    width: auto;
    height: 40px;
}
.line .intermediate>.right{
    float: right;
width: auto;
    height: 40px;
}

.clearFl{clear: both;}
.navigation{
    width: 100%;
    height: 120px;
    background-color: #fe8203;
}
.navigation_center{
    height: 40px;
    width:1000px;
    margin: 0 auto;
}
/*.navigation_in{display:block;}*/
.navigation_in ul li {
    float:left;
    /*overflow:hidden;position:relative;text-align:center;*/
    width:16.66%;
    /*padding: 0 20px;*/
    text-align: center;
    position: relative;
}
/*.navigation_in ul li:nth-child(7){
    margin-left: 10%;
}*/
.navigation_in ul li:hover{
    /*background-image: url(../images/selectIn.png);*/
}
.navigation_in ul > li > a {
    /* 必须是相对定位*/ 
    position:relative; 
    display: block; 
    /*width:100px;*/
    height:60px;
    cursor: pointer;
    font-size:18px;
    color: #ffffff;
    /*padding-top: 5px;*/
}
.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:1200px;
    height: 120px;
    margin: 0 auto;
}
#navigation_in ul li.height{
    /*line-height: 60px;*/
    /*width: 10%;*/
}
#navigation_in ul li.height a{
    padding-top: 0;
}
#navigation_in ul li a {/*text-shadow:#5c5c5c 1px 1px;*/
    font-size:18px;
    /*font-family: "Cambria Regular";*/
    color:#ffffff;
    /*line-height:75px;*/
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    line-height: 16px;
}
#navigation_in ul li a:hover{
    background-color: #e65316;
}
#navigation_in ul li a:hover{
    text-decoration: none;
}
#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; }
#navigation_in ul li>.menu-a.open{
    background-color: #e65316;
}
#navigation_in ul li ul {
    display: none;
}
#navigation_in li:nth-child(9) .menu-nav .sub-nav{
    width: auto;
}
#navigation_in li .sub-nav{
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: #e65316;
     width: 100%; 
    /* border: 1px solid #1d8c9d; */
    /*border-bottom-left-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
    /* padding: 0 10px; */
    white-space: nowrap;
    padding-bottom: 5px;
}

#navigation_in li .sub-nav li{
text-align:center;
clear:left;
width:100%;
height:45px;
/*line-height:45px;*/
position:relative;

    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}
#navigation_in li .sub-nav li li {
    text-align: left;
}
#navigation_in li .sub-nav>li>a{
height:45px;
line-height:18px;
 width:100%; 
padding:0;
display: flex;
color: #ffffff;
font-size: 14px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    /*white-space: break-spaces;*/
}
/* .menu li .sub-nav li a:first-of-type{
    line-height: initial;
} */
#navigation_in li .sub-nav li a:hover{
color: #ffffff;
background-color: #fe8203;
text-decoration: none;
}
#navigation_in li .sub-nav li > ul li a:hover{
    background-color: #d0d0d0;
    color: #ffffff;
}
#navigation_in li .sub-nav li>ul{
    display: none;
}
#navigation_in li .sub-nav li:hover>ul{
    display: block;
    position: absolute;
    left: 100%;
    top: -1px;
    
    background-color: #7b7b7b;
    /* margin-left: 11%; */
}
#navigation_in li .sub-nav li:hover>ul li{
    padding: 0 10px;
}

.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:1200px;
    height:auto;
    /*overflow:hidden;*/
    /*margin-top:10px;*/
    /*中间部分*/ -webkit-overflow:auto;
    margin: 0 auto;
    /*padding: 10px 0;*/
}

.banner .flash{width:100%;height:auto;float:left;overflow: hidden;}
.banner .flash a:hover{text-decoration:none;}
.banner .flash .flashchang1 { width:100%;height:auto;overflow: hidden;background-color: #fff;position: relative;}
.banner .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;}
.banner .flash .flashchange2{width: 100%;height:auto;overflow: hidden;}
.banner .flash .num_list{position: absolute;width: 100%;left: 0px;bottom: -1px;color:#FFFFFF;font-size: 12px;padding: 4px 0px;height: 20px;overflow: hidden;}
.banner .flash .num_list span{display: inline-block;height: 16px;padding-left: 6px;font-size: 14px;font-weight: bold;}
.banner .flash .flashchang1 ul{display: none;}
.banner .flash .flash_button{
    position: absolute;
    z-index: 1000;
    right: 47%;
    bottom: 10px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    transform: translateX(-50%);
}
.banner .flash .flash_button1, .flash_button2{background-color:#ffffff;display: block;float: left;margin-right: 3px;color: transparent;text-decoration: none;cursor: pointer;width: 10px;height: 10px;border-radius: 50%;}
.banner .flash .flash_button2{color: transparent;background-color: #fe8203;}

#mainFlash{
    /*background:url(../images/panel.jpg) repeat-x bottom center #ffffff;*/
    width:100%;overflow:hidden;/*首页jquery Flash*/height: auto;position: relative;z-index: 10000;}
#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: 80px;
    margin: 0 auto;
    text-align: center;
    line-height: 80px;
    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:1200px;
height:auto;
overflow:hidden;
/*margin-top:10px;*/
padding: 20px 0;
margin: 0 auto;
/*中间部分*/
}

#payment, #btn {
    margin: 0 auto;
    width: 1000px;
}
.mid_box{
    width: 100%;
    height: 250px;
    position: relative;
}
.mid_box>.mid_box_center{
        width: 1200px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}
.mid_box>.mid_box_center>p{
    font-size: 30px;
    text-transform: uppercase;
    color: #fe8203;
    font-family: Tahoma;
    text-align: center;
    text-shadow:#ffffff 3px 0 0,#ffffff 0 3px 0,#ffffff -3px 0 0,#ffffff 0 -3px 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.projects{
    padding-top: 50px;
}
.swiper-container-common{
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-button-prev {
    left: 0;
    background: #e65316 url('/e/customize/images/product-list-left.png') no-repeat center center;
    border-radius: 3px;
}

.swiper-button-next {
    right: 0;
    background: #e65316 url('/e/customize/images/product-list-right.png') no-repeat center center;
    border-radius: 3px;
}
.swiper-button{
        width: 30px;
    height: 200px;
    top: 80px;
}
.swiper-button-disabled {
    background-color: #e6e6e6;
}
.product-list-one{
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}
.product-list-one .box span{
    color: #666666;
    width: 90%;
    margin: 0 auto;
}
.product-list-one .box:hover span{
    color: #e65316;
}
.video{
    /* float: left; */
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
.Facebook{
    /* float: left; */
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.footer_map{
    width: 100%;
    height: 440px;
    background-color: #ed6f2d;
    padding-top: 28px;
}
.footer_map .nav{
    float: left;
    width: 247px;
}
.footer_map .map{
    float: left;
    width: 454px;
}
.footer_map .nav .title h4, .footer_map .map .title h4{
    font-size: 20px;
    font-family: "Arial";
    color: #ffffff;
}
.footer_map .nav ul li a{
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
}
.footer_map .nav>.footer_btn{
    margin-top: 20px;
}
.footer_map .nav>.footer_btn>a{
    color: #ffffff;
    
    font-size: 18px;
}
.footer_map .Whatsapp{
    position: fixed;
    bottom: 130px;
    right: 0;
    background-color: #4dc247;
}
.map .company ul li{
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
}
.map .company ul li .icon{
    float: left;
    margin-right: 10px;
        padding-top: 5px;
}
.map .company ul li .company_content{
    float: left;
        width: 90%;
}
.mapimg{
    float: left;
    width: 499px;
} 



.B2BBodyBg table{
    width: 1200px;
    margin: 0 auto;
}
#content{
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.annual .col-md-6{
    width: 25%;margin-bottom: 20px; margin-top: 10px;
height: 368px;
text-align: center;
padding: 0;
}
.annual .col-md-6 p{
font-size: 16px;
font-weight: bold;

}
.annual .p{
    width: 100%;
    height: 285px;
    border: 1px solid #ffffff;
    margin-bottom: 10px;
}
.annual .p>a>img{
    height: 260px;
    margin-top: 14px;
    width: auto;
}
.annual .col-md-6:hover .p{
    border: 1px solid #fe8203;
    transition: all 0.3s;
}	
.annual .w>h4{
    color: #fe8203;
    font-size: 16px;
    height: 34px;
}
.annual .w>a{
    width: 80%;
    height: 28px;
    border: 1px solid #fe8203;
    background-color: #ffffff;
    text-align: center;
    margin: 0 auto;
    color: #fe8203;
    line-height: 26px;
    transition: all 0.3s;
    font-size: 14px;
    display: block;
}

.annual .col-md-6:hover .w>a{
    color: #ffffff;
}
.annual .col-md-6:hover .w>a{
    background-color: #fe8203;
    transition: all 0.3s;
    color: #ffffff;
}
#mainFlash .banner{
    height: 495px;
}
#mainFlash .banner .swiper-pagination-bullet{
    background-color: #fff;
    opacity: 1;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 0;
}
#mainFlash .banner .swiper-pagination-bullet-active{
    background-color: #fe8203;
}