/* CSS Document */

body { background: #FFFFFF; background-size: 100%; font-family: "microsoft yahei"; }

.boxContainer { padding: 35px 0; }

.bannerBox { height: 600px; background: url(../images/banner_bg.png); background-size: 100% 100%; }
.bannerBox .bannerTop { display: block; width: 380px; margin: 0 auto; }
.bannerBox h2 { font-size: 44px; color: #FAFAFA; text-align: center; letter-spacing: 4px; line-height: 60px; }
.bannerBox h1 { display: block; width: 940px; margin: 30px auto 30px; }
.bannerBox p { width: 900px; margin: 0 auto; font-size: 34px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 65px; background: linear-gradient(90deg,rgba(255,255,255,0),rgb(255,25,0,.9),rgba(255,255,255,0)); }
.bannerBox span { margin: 0 10px 0 30px; }

.boxBg1 { background: url(../images/box_bg1.png) no-repeat center top; background-size: 100% 100%; }
.boxBg2 { background: url(../images/box_bg2.png) no-repeat center top; background-size: 100% 100%; }
.btmBg { background: url(../images/btm_bg.png) no-repeat center top; background-size: 100% 100%; }

.boxTit { width: 600px; margin: 0 auto 15px; font-size: 38px; font-weight: bold; text-align: center; color: #FFFFFF; line-height: 80px; letter-spacing: 2px; background: linear-gradient(#CC0000,#FF0000); border: 6px solid #4047DB; box-sizing: border-box; border-radius: 20px; }
.boxTit span { color: #FFFFFF; }

.lcList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: rgba(255,255,255,.1); padding: 20px 0; border: 6px solid #4047DB; border-radius: 20px; }
.lcList li { width: 17%; margin: 10px 1%; border-radius: 20px; box-shadow: 0 0 20px inset #4047DB; background: rgba(255,255,255,1); }
.lcList li a { display: block; width: 100%; padding: 10px 0; }
.lcList li a img { display: block; width: 70px; margin: 0 auto; }
.lcList li a p { font-size: 20px; font-weight: bold; color: #2B2A3C; text-align: center; }

.yuyue { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; border: 6px solid #4047DB; border-radius: 20px; padding: 20px; box-sizing: border-box; }
.orderBox { width: 50%; margin: 0 auto; }
.orderBox .orderTit { font-size: 14px; line-height: 1.2; text-align: center; }
.orderBox .orderItem { display: flex; justify-content: space-between; width: 90%; margin: 16px auto;  }
.orderBox #province, .orderBox #city { width: 49%; }
.orderBox select { width: 100%; height: 50px; border: none; border-radius: 6px; padding: 0 16px; box-sizing: border-box; font-size: 18px; background: #FFFFFF; outline: none;}
.orderBox input { width: 100%; height: 50px; border: none; border-radius: 6px; padding: 0 16px; box-sizing: border-box; font-size: 18px; background: #FFFFFF;  }
.orderBox .code, .orderBox .send { width: 49%; }
.orderBox .send { background: linear-gradient(#CC0000,#FF0000); color: #FFFFFF; font-size: 20px; font-weight: bold; text-align: center; cursor: pointer; }
.orderBox .orderBtn { height: 56px; background: linear-gradient(#CC0000,#FF0000); color: #FFFFFF; font-size: 24px; font-weight: bold; cursor: pointer; }
#__nc { width: 100%; }
#__nc #your-dom-id * { height: 48px !important; line-height: 48px !important; font-size: 18px; box-sizing: border-box; border-radius: 6px; }
#__nc .nc_wrapper { width: 100% !important; }
.zlBox { width: 50%; border-radius: 0 20px 20px 0; display: flex;flex-direction: column;align-items: center;}
.zlTit { font-size: 28px; font-weight: bold; color: #FFFFFF; text-align: center; margin-bottom: 20px; }
.zlTit span { color: #FFFFFF; }
.zlList { display: flex; justify-content: center; flex-wrap: wrap; }
.zlList li { width: 90%; line-height: 40px; padding: 0 20px; box-sizing: border-box; background: #DDDFFF; border: 3px solid #4047DB; border-radius: 10px; font-size: 18px; font-weight: bold; color: #2A2359; text-align: justify; margin-bottom: 10px; }
.zlList li:nth-last-child(1) { margin-bottom: 0; }

.tableBox { padding: 30px; box-sizing: border-box; border: 6px solid #4047DB; box-sizing: border-box; border-radius: 20px; }
.tableBox table { width: 100%; background: rgba(255,255,255,1); }
.tableBox table th { background: #4047DB; border: 2px solid #4047DB; box-sizing: border-box; font-size: 20px; color: #FFFFFF; text-align: center; line-height: 50px; }
.tableBox table td { border: 1px solid #CC0000; box-sizing: border-box; font-size: 18px; color: #2B2A3C; text-align: center; line-height: 32px; }
.tableBox table td:nth-child(4) { width: 20%; }
.tableBox table td a { display: block; width: 140px; height: 40px; line-height: 40px; margin: 5px auto; color: #FFFFFF; text-align: center; font-size: 18px; background: linear-gradient(90deg,#CC0000,#FF0000); border-radius: 20px; }
.tableBox table td a:hover { background: #4047DB; }

.tsList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 20px; box-sizing: border-box; border-radius: 20px; border: 6px solid #4047DB; box-sizing: border-box; border-radius: 20px; }
.tsList li { width: 19%; margin: 10px .5%; text-align: center; background: #FFFFFF; border: 2px solid #FF0000; box-sizing: border-box; border-radius: 10px; }
.tsList li:hover { box-shadow: 0 0 8px #4047DB; }
.tsList li a { display: block; width: 100%; }
.tsList li a img { width: 100%; border-radius: 10px; }
.tsList li p { font-size: 15px; line-height: 1.5; }
.tsList li a span { display: block; width: 80%; margin: 8px auto; font-size: 18px; line-height: 40px; text-align: center; color: #FFFFFF; background: linear-gradient(90deg,#FF0000,#CC0000); border-radius: 20px; }

.ewmList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 20px 0; border: 6px solid #4047DB; box-sizing: border-box; border-radius: 20px; }
.ewmList li { width: 20%; margin: 4px 2%; }
.ewmList li a img { display: block; width: 100%; height: auto; border: 4px solid #FF0000; box-sizing: border-box; border-radius: 8px 8px 0 0; }
.ewmList li a p { width: 100%; font-size: 18px; font-weight: bold; line-height: 44px; text-align: center; color: #FFFFFF; background: linear-gradient(#FF0000,#CC0000); }

.cityList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 20px 0; border: 6px solid #CC0000; border-radius: 20px; }
.cityList li { width: 14%; margin: 10px 1%; }
.cityList li a { display: block; width: 100%; line-height: 50px; font-size: 20px; font-weight: bold; text-align: center; color: #FFFFFF; background: linear-gradient(90deg,#4047DB,#CC0000,#FF0000); border-radius: 10px; }
.cityList li a:hover { background: #4047DB; }


@media only all and (max-width:1200px) {
    
    .boxContainer { padding: .75rem 0; }
    
    .bannerBox { height: 12rem; background-size: 100% 100%; }
    .bannerBox .bannerTop { display: block; width: 8rem; }
    .bannerBox h2 { font-size: .9rem; letter-spacing: .1rem; line-height: 1.8rem; }
    .bannerBox h1 { display: block; width: 16rem; margin: .75rem auto .75rem; }
    .bannerBox p { width: 16rem; margin: 0 auto; font-size: .7rem; line-height: 1.4rem; }
    .bannerBox span { margin: 0 .25rem 0 .75rem; }
    
    .boxTit { width: 85%; margin: 0 auto 0.2rem; font-size: .95rem; line-height: 1.8rem; letter-spacing: 0; border: .15rem solid #4047DB; border-radius: .5rem; }
    
    .lcList { padding: .5rem 0; border: .15rem solid #4047DB; border-radius: .5rem; }
    .lcList li { width: 23%; margin: .25rem 1%; border-radius: .25rem; box-shadow: 0 0 .5rem inset #4047DB; }
    .lcList li a { padding: .25rem 0; }
    .lcList li a img { display: block; width: 1.5rem; margin: 0 auto; }
    .lcList li a p { font-size: .65rem; }
    
    .yuyue { border: .15rem solid #4047DB; border-radius: .5rem; padding: .5rem; }
    .orderBox { width: 100%; border-radius: .5rem .5rem 0 0; }
    .orderBox .orderTit { font-size: .65rem; }
    .orderBox .orderItem { width: 100%; margin: .5rem auto;  }
    .orderBox select { width: 100%; height: 1.8rem; border: none; border-radius: .25rem; padding: 0 .4rem; font-size: .7rem; }
    .orderBox input { width: 100%; height: 1.8rem; border: none; border-radius: .25rem; padding: 0 .4rem; font-size: .7rem; }
    .orderBox .send { font-size: .7rem;  }
    .orderBox .orderBtn { height: 2rem; font-size: .85rem; }
    #__nc { width: 100%; height: 1.8rem; }
    #__nc #nc * { height: 1.8rem !important; line-height: 1.8rem !important; font-size: .7rem; box-sizing: border-box; border-radius: .2rem; }
    #__nc .slider { height: 1.8rem !important; left: 0 !important; right: 0 !important; }
    #__nc .icon { width: .8rem; left: .5rem !important; }
    #__nc .button { width: 1.8rem !important; height: 1.8rem !important; }
    .zlBox { width: 100%; border-radius: 0 .5rem .5rem 0; }
    .zlTit { font-size: .85rem; margin-bottom: .5rem; }
    .zlList li { width: 100%; line-height: 1.6rem; padding: 0 .75rem; border: .15rem solid #4047DB; border-radius: .25rem; font-size: .7rem; margin-bottom: .4rem; }
    
    .tableBox { padding: .5rem; border: .15rem solid #4047DB; border-radius: .5rem; }
    .tableBox table th { font-size: .65rem; line-height: 1.4rem; padding: 0; }
    .tableBox table td { font-size: .65rem; line-height: 1rem; padding: 0; }
    .tableBox table td a { width: 3.7rem; height: 1.5rem; line-height: 1.5rem; margin: .1rem auto; font-size: .65rem; border-radius: .75rem; }
    
    .tsList { padding: .5rem; border-radius: .5rem; border: .15rem solid #4047DB; border-radius: .5rem; }
    .tsList li { width: 48%; margin: .2rem 1%; border-radius: .25rem; }
    .tsList li:hover { box-shadow: 0 0 .2rem #4047DB; }
    .tsList li a img { height: 5.5rem; border-radius: .25rem; }
    .tsList li p { font-size: .65rem; }
    .tsList li a span { margin: .2rem auto; font-size: .7rem; line-height: 1.6rem; border-radius: .8rem; }
    
    .ewmList { padding: .5rem 0; border: .15rem solid #4047DB; border-radius: .5rem; }
    .ewmList li { width: 42%; margin: .5rem 3%; border-radius: .5rem; }
    .ewmList li a img { width: 100%; height: auto; border: .15rem solid #FF0000; border-radius: .25rem .25rem 0 0; }
    .ewmList li a p { font-size: .65rem; line-height: 1.4rem; }
    
    .cityList { padding: .5rem 0; border: .15rem solid #CC0000; border-radius: .5rem; }
    .cityList li { width: 23%; margin: .25rem 1%; }
    .cityList li a { width: 100%; font-size: .65rem; line-height: 1.6rem; border-radius: .25rem; }
    
}