html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:14px;color:#666;}
.layout{ width:1200px; margin:0 auto; clear:both}
.left{ float:left}
.right{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
.pr{position: relative;}
.pa{position: absolute;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(http://www.gzsmcxl.com/images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.iconfont{font-size: inherit;}

:root {
    --primary-color: #1e88e5;
    --primary-dark: #1565c0;
    --secondary-color: #00acc1;
    --accent-color: #ff7043;
    --bg-dark: #1a1a2e;
    --bg-light: #f5f7fa;
    --text-primary: #2c3e50;
    --text-secondary: #7f8c8d;
    --border-color: #e0e0e0;
    --shadow: 0 4px 20px rgba(0,0,0,0.1);
    --shadow-hover: 0 8px 30px rgba(0,0,0,0.15);
}

body{min-width: 1260px;background-color: var(--bg-light);}
.hwimg{width: 100%;}

.header{
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    box-shadow: var(--shadow);
    position: sticky;
    top: 0;
    z-index: 100;
}
.header .logo{padding: 12px 0;}
.header .logo img{
    height: 56px;
    width: auto;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
.nav{padding-right: 20px;}
.nav .li{margin:0 18px;padding: 10px 0;position: relative;}
.nav .li .a{
    display:block;
    font-size:15px;
    color:#fff;
    line-height:68px;
    position:relative;
    transition:all 0.3s;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.nav .li .a:before{
    content:"";
    left:0;
    right:0;
    bottom:15px;
    position:absolute;
    height:3px;
    width:0;
    margin:0 auto;
    background-color:#fff;
    border-radius: 2px;
    transition:all 0.3s;
}
.nav .li:hover .a{color: rgba(255,255,255,0.9);}
.nav .li:hover .a:before{width: 100%;}
.nav .li.on .a{color: #fff;}
.nav .li.on .a:before{width: 100%;}
.lang{padding:38px 0;margin-left: 16px;}
.search{position:relative;padding:40px 0}
.search .search_btn{display:block;position:relative;width:16px;height:16px;background:url(../image/search.png) no-repeat center}
.search .search_btn.show{background:url(../image/close.png) no-repeat center}
.search .search_box{
    margin-right:5px;
    position:absolute;
    right:100%;
    overflow:hidden;
    top:50%;
    height:36px;
    margin-top:-18px;
    background-color:#FFFFFF;
    border-radius: 18px;
    width:0;
    box-shadow: var(--shadow);
    transition: all 0.3s;
}
.search:hover .search_box{width: 180px;}
.search .search_box .text{
    padding:0 15px;
    height:36px;
    line-height:36px;
    border:none;
    width:130px;
    background: transparent;
}
.search .search_box .submit{
    height:36px;
    width:36px;
    border:none;
    background:url(../image/search.png) no-repeat center;
    background-size: 16px;
}  

.lb .slick-arrow{
    border-radius: 50%;
    background-color: rgba(255,255,255,0.9);
    position:absolute;
    top:50%;
    z-index:99;
    height:50px;
    width:50px;
    margin-top:-25px;
    font-size:0;
    cursor:pointer;
    border:none;
    color:#333;
    line-height: 50px;
    transition: all 0.3s;
    box-shadow: var(--shadow);
}
.lb .slick-arrow:hover{
    background-color: var(--primary-color);
    color: #fff;
}
.lb .slick-prev{left:30px}
.lb .slick-next{right:30px}
.lb .slick-prev:before,.lb .slick-next:before{
    margin:auto; 
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right: 0;
    text-align: center;
    font-family:"iconfont" !important;
    font-size:20px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.lb .slick-prev:before{content:"\e8c3";}
.lb .slick-next:before{content:"\e61b";}
.lb .slick-dots{position:absolute;left: 50%;margin-left: -37px;}
.lb .slick-dots li{
    border-radius: 50%; 
    width:12px;
    height:12px;
    line-height:12px;
    background:rgba(255,255,255,0.5);
    float:left;
    margin:0 8px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.lb .slick-dots li.slick-active{
    background-color: var(--primary-color);
    transform: scale(1.3);
}
.lb_01.lb .slick-dots li{background-color: rgba(255,255,255,0.5);}
.lb_01.lb .slick-dots li.slick-active{
    width: 16px;
    height: 16px;
    line-height: 16px; 
    border-radius: 50%; 
    background-color: var(--primary-color);
    margin-top: -2px;
}
.lb .slick-dots{bottom:25px}

.lb.lb_01 .slick-arrow{background-color:rgba(255,255,255,0.8);}
.lb.lb_01 .slick-arrow:hover{background-color:var(--primary-color)}
.lb.lb_01 .slick-prev{margin-left:156px}
.lb.lb_01 .slick-next{margin-right: 156px;}

.lbimg{
    position: relative;
    /*height: 500px;*/
    overflow: hidden;
}
.lbimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}
.lbimg:hover img{transform: scale(1.05);}
.lbimg .con{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    margin-top: -100px;
    z-index: 10;
}
.lbimg .con .h3{
    font-size: 48px;
    color: #FFFFFF;
    margin-bottom: 40px;
    font-weight: 600;
    text-shadow: 0 2px 20px rgba(0,0,0,0.3);
    letter-spacing: 2px;
}
.lbimg .con .add {
    display: inline-block;
    width: 180px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: #fff;
    border-radius: 24px;
    transition: all 0.3s;
    box-shadow: var(--shadow);
}
.lbimg .con .add:hover{
    transform: translateY(-3px);
    box-shadow: var(--shadow-hover);
}

.in_02{
    height: 320px; 
    background: linear-gradient(135deg, var(--bg-dark) 0%, #2d3748 100%);
    padding: 40px 0;
}
.ul_02 .li{
    width: 25%;
    margin: 0 auto; 
    color: #FFFFFF;
    text-align: center;
    padding: 20px 0;
}
.ul_02 .li .cirle{
    border: 3px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    margin:30px auto;
    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
    transition: all 0.3s;
}
.ul_02 .li:hover .cirle{
    border-color: var(--primary-color);
    transform: scale(1.05);
}
.ul_02 .li .cirle img{
    margin-top: 25px;
    filter: brightness(1.2);
}
.ul_02 .li .sp1{
    display: inline-block;
    position: relative;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
    background: linear-gradient(135deg, #fff 0%, rgba(255,255,255,0.7) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ul_02 .li .sp2{
    display: block;
    font-size: 16px;
    margin-top: 12px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 1px;
}
.ul_02 .li .sp1:before{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    padding-left:8px;
    color: rgba(255,255,255,0.7);
    font-weight: normal;
    -webkit-text-fill-color: rgba(255,255,255,0.7);
}
.ul_02 .li .sp1.sp1_01:before{content: "年";}
.ul_02 .li .sp1.sp1_02:before{content: "\e60f";}
.ul_02 .li .sp1.sp1_03:before{content: "项";}
.ul_02 .li .sp1.sp1_04:before{content: "位";}

.h_tle{text-align: center;padding: 60px 0;}
.h_tle .h3{
    color: var(--text-primary); 
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    position: relative;
    display: inline-block;
}    
.h_tle .h3:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    border-radius: 2px;
}    
.h_tle .h4{
    padding-top: 30px; 
    text-transform: uppercase; 
    color: var(--text-secondary); 
    font-size: 14px;
    line-height: 1;
    letter-spacing: 3px;
}    

.in_03{
    background-color: #fff;
    padding-bottom:60px;
}
.in_03 .dl_01{
    width: 580px;
    margin-right: 35px;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.4s;
    box-shadow: var(--shadow);
}
.in_03 .dl_01:nth-child(2n){margin-right: 0;}
.in_03 .dl_01:hover{
    transform: translateY(-8px);
    box-shadow: var(--shadow-hover);
}
.in_03 .dl_01 .dd{
    padding: 35px 25px;
}
.in_03 .dl_01 .dd .h4{
    font-size: 20px;
    color: var(--text-primary);
    line-height: 1;
    padding-bottom: 15px;
    padding-left: 15px;
    border-left: 4px solid var(--primary-color);
    font-weight: 600;
}
.in_03 .dl_01 .dd .p{
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 26px;
}
.in_03 .dl_01 .dt{position: relative;height: 180px;overflow: hidden;}
.in_03 .dl_01 .dt img{height: 100%;width: 100%;object-fit: cover;transition: all 0.4s;}
.in_03 .dl_01:hover .dt img{transform: scale(1.08);}
.in_03 .dl_01 .dt .layer{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -21px;
    display: none;
}
.in_03 .dl_01:hover{border-color: var(--primary-color);}
.in_03 .dl_01:hover .dt .layer{display: block;}

.in_04{
    background: linear-gradient(135deg, #f8fafc 0%, #e8f5f8 100%);
    padding-bottom: 50px;
}
.in_04 .h_tle .h3{color: var(--text-primary);}
.in_04 .h_tle .h4{color: var(--text-secondary);}
.ul_03 .li .a{
    display: block;
    background-color: #FFFFFF;
    padding: 20px;
    width: 188px;
    height: 90px;
    line-height: 90px;
    border-radius: 8px;
    transition: all 0.3s;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.ul_03 .li .a:hover{
    transform: translateY(-5px);
    box-shadow: var(--shadow);
}
.ul_03 .li .a .img{
    max-width: 100%;
    filter: grayscale(30%);
    transition: all 0.3s;
}
.ul_03 .li .a:hover .img{filter: grayscale(0%);}
.ul_03 .li{
    margin-right: 18px;
    margin-bottom: 20px;
}
.ul_03 .li:nth-child(5n){margin-right: 0;}

.in_05{
    background-color: #fff;
    padding-bottom: 50px;
}
.dl_02{
    width: 520px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: all 0.3s;
}
.dl_02:hover{
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}
.dl_02 .dd{padding:25px 30px;}
.dl_02 .dd .h4{
    font-size: 22px;
    color: var(--text-primary);
    line-height: 1;
    text-align: center;
    font-weight: 600;
    transition: all 0.3s;
}
.dl_02:hover .dd .h4{color: var(--primary-color);}
.dl_02 .dd .line{
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    margin:15px auto;
    border-radius: 2px;
}
.dl_02 .dd .hp_con{
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 24px;
    width: 460px;
    height: 75px;
    overflow: hidden;
}
.dl_02 .dt{
    overflow: hidden;
    height: 280px;
}
.dl_02 .dt img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
}
.dl_02:hover .dt img{transform: scale(1.08);}
.in_05 .sr{width: 680px;}

.dl_03{
    width: 320px;
    margin-left: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s;
    box-shadow: 0 2px 15px rgba(0,0,0,0.06);
}
.dl_03:hover{
    transform: translateY(-5px);
    box-shadow: var(--shadow);
}
.dl_03 .h4{
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary);
    font-weight: 500;
    transition: all 0.3s;
}
.dl_03:hover .h4{color: var(--primary-color);}
.dl_03 .p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1;
    color: var(--text-secondary);
}
.dl_03 .dd{padding: 15px 20px;}
.dl_03 .dt{overflow: hidden;height: 160px;}
.dl_03 .dt img{width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.dl_03:hover .dt img{transform: scale(1.08);}

.footer{
    background-color: var(--bg-dark);
    color: #fff;
}
.footer .ftop{
    padding: 50px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer .fbtm{
    padding: 20px 0;
}
.footer .fbtm .p3{font-size: 12px;color: rgba(255,255,255,0.5);line-height: 24px;}
.footer .ftop .p1{padding-top: 15px; font-size: 14px;color: rgba(255,255,255,0.7);line-height: 30px;}
.footer .ftop .p2{font-size: 28px;line-height: 30px;color: var(--secondary-color);font-weight: 600;}
.footer .ftop .fdl a{
    display: block;
    font-size: 14px;
    line-height: 36px;
    color: rgba(255,255,255,0.6);
    transition: all 0.3s;
}
.footer .ftop .fdl .dt a{color: #fff;font-size: 16px;font-weight: 500;}
.footer .ftop .fdl:last-of-type{
    width:320px;
}
.footer .ftop .fdl:last-of-type a{
    width: 160px;
    display:inline-block;
    padding-right:10px;
    box-sizing:border-box;
}
.footer .ftop .fdl{padding-left: 80px;}
.footer .ftop .fdl a:hover{color: var(--secondary-color);}
.footer .ftop .fdl .dt a:hover{color: var(--secondary-color);}
.footer .ewm dt{
    width: 117px;
    padding:5px;
    background-color: #2a2a4a;
    border-radius: 8px;
}
.footer .ewm{
    text-align: center;
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    line-height: 30px;
    margin-left: 30px;
}
.footer .ewm .dd{padding: 8px 0;}

.lb_03.lb .slick-prev{margin-left: -145px;}
.lb_03.lb .slick-next{margin-right: -145px;}
@media only screen and (max-width:1500px) {
    .lb_03.lb .slick-prev{margin-left: -80px;}
    .lb_03.lb .slick-next{margin-right: -80px;}
}
@media only screen and (max-width:1439px) {
    .lb_03.lb .slick-prev{margin-left: 0px;}
    .lb_03.lb .slick-next{margin-right:0px;}
}

.fix{
    position: fixed;
    right: 20px;
    top: 40%;
    z-index: 999;
}
.fix .fix_ul .li{
    margin: 3px;
    background-color: rgba(255,255,255,0.95);
    color: var(--text-primary);	
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding:8px 12px;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
    box-shadow: var(--shadow);
    transition: all 0.3s;
}
.fix .fix_ul .li:hover{
    background-color: var(--primary-color);
    color: #fff;
    transform: translateX(-5px);
}
.fix .fix_ul .li img{width: 20px;height: 20px;margin-bottom: 5px;}
.fix .fix_ul .li .tel{
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--primary-color);
    text-align: left;
    width: 0;
   /* padding: 15px;*/
    overflow: hidden;
    transition:width 0.4s;
    border-radius: 8px 0 0 8px;
    margin-right: 10px;
}
.fix .fix_ul .li .tel .p1{
    font-size: 18px;
    font-weight: bold;
    padding-left: 5px;
}
.fix .fix_ul .li .tel .p2{
    font-size: 12px;
    padding-left: 5px;
    opacity: 0.9;
}
.fix .fix_ul .li:hover .tel{width: 180px;}

.menu_nav{
    background-color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.menu_nav .ul_04 .li .a{
    display: block;
    line-height: 36px;
    color: var(--text-primary);
    padding: 7px 22px;
    border-radius: 6px;
    transition: all 0.3s;
}
.menu_nav .ul_04 .li:hover .a{
    background-color:var(--primary-color);
    color: #FFFFFF;
}
.menu_nav .ul_04 .li.on .a{
    background-color:var(--primary-color);
    color: #FFFFFF;
}
.ul_05 .sp{display: block;font-size: 12px;color: #999999;line-height: 50px;position: relative;padding-left: 25px;}
.ul_05 .sp:before{content: "";position: absolute;background: url(../image/icon_05.png) no-repeat center;width: 13px;left: 0;top: 0;bottom: 0;}
.ul_05 .li .a{font-size: 12px;color: #999999;line-height: 50px;}
.ul_05 .li+.li .a:before{content: "\e61b"; font-family:"iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0 3px;}

.main{background-color: #f8fafc;padding: 30px;}
.sx{background-color: #FFFFFF;border-radius: 12px;box-shadow: var(--shadow);}
.sx .h_mid{font-size: 20px;color: var(--text-primary);line-height: 40px;border-bottom: 2px solid var(--primary-color);padding:15px 20px;font-weight: 600;}
.sx .ul_05{position: relative;padding-left: 100px;margin: 20px 0;padding-right: 20px;}
.sx .ul_05 .h4{position: absolute;left: 20px;font-size: 16px;color: var(--text-primary);line-height: 40px;font-weight: 500;}
.sx .ul_05 .li a{display: block;font-size: 15px;color: var(--text-primary);line-height: 40px;padding:0 18px;border-radius: 6px;transition: all 0.3s;}
.sx .ul_05 .li:hover a{color: var(--primary-color);background-color: rgba(30,136,229,0.1);}
.sx .ul_05 .li.on a{color: var(--primary-color);}
.al_list{margin: 30px auto;}
.dl_04{width: 380px;background-color: #FFFFFF;margin-right: 30px;margin-bottom: 30px;border-radius: 12px;overflow: hidden;box-shadow: var(--shadow);transition: all 0.3s;}
.dl_04:hover{transform: translateY(-5px);box-shadow: var(--shadow-hover);}
.dl_04 .a{display: block;line-height: 24px; font-size: 17px; color: var(--text-primary);}
.dl_04 .a .dd{
    padding:20px 0;
    text-align: center;
    border-top: 1px solid #f0f0f0;
}
.dl_04:nth-child(3n){margin-right: 0;}
.dl_04 .a .dt{overflow: hidden;height: 220px;}
.dl_04 .a .dt img{width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.dl_04:hover .a .dt img{transform: scale(1.08);}
.dl_04:hover .a{color: var(--primary-color);}

.page{text-align: center;margin: 0 auto;padding: 30px 0;}
.page .pagenation{display: inline-block;}
.page .pagenation .li a{
    display: block;
    border: 1px solid #e0e0e0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: var(--text-secondary);
    border-radius: 6px;
    transition: all 0.3s;
} 
.page .pagenation .li{margin: 0 6px;}  
.page .pagenation .li.arw{margin: 0 15px;}  
.page .pagenation .li:hover a{
    color: #FFFFFF;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}   
.page .pagenation .li.on a{
    color: #FFFFFF;
    background-color: var(--primary-color);
}   
.anli .page{padding-top: 20px;padding-bottom: 50px;}  

.tab_01{
    text-align: center;
    margin: 40px auto;
}
.tab_01 .ul_06{
    display: inline-block;
}
.tab_01 .ul_06 .li{margin: 0 15px;}
.tab_01 .ul_06 .li .span{
    display: block;
    color: var(--text-secondary);
    background-color: #f5f7fa;
    padding: 0 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s;
}
.tab_01 .ul_06 .li:hover .span{
    background-color: var(--primary-color);
    color: #FFFFFF;
}
.tab_01 .ul_06 .li.on .span{
    background-color: var(--primary-color);
    color: #FFFFFF;
}     

.tab_con_01{
    margin-bottom: 60px;
    display: none;
} 
.tab_con_01 table{
    border-collapse: collapse;
    border: 1px solid #eee;
    width: 100%;
    font-size:15px;
    line-height: 24px;
    color: var(--text-primary);
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
}
.tab_con_01 table th{background-color: var(--primary-color);color: #fff;padding:20px 0;font-weight: 500;}
.tab_con_01 table td{padding: 15px 0;}
.tab_con_01 table th,.tab_con_01 table td{
    border-bottom: 1px solid #eee;
}  

.tab_con_01 table td .p1{color: var(--text-primary); text-align: left;padding-left: 20px;}

.tab_con_01{display: block;}

.add{
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    width: 136px;
    height: 42px;
    line-height: 42px;
    display: block;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto;
    font-size: 14px;
    border-radius: 21px;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(30,136,229,0.3);
}
.add:hover{
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(30,136,229,0.4);
}

.q-a{width: 100%;margin-top: 0.5rem;margin-bottom: 0.8rem;}
.q-b{width: 14rem;margin: 0 auto;}
.q-c{color: #333333;margin-bottom: 0.16rem;font-size: calc(12px - 0.12rem + 0.36rem);text-align: center;}
.q-d{color: #bbbbbb;margin-bottom: 0.5rem;font-size: calc(12px - 0.12rem + 0.18rem);text-align: center;}
.q-e{font-size: 0;}
.q-f{width: 28.5%;display: inline-block;}
.q-g{width: 100%;padding-top: .2rem;padding-bottom: 0.2rem; background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);}
.q-g1{color: #ffffff;font-size: calc(12px - 0.12rem + 0.24rem);margin-bottom: 0.2rem; padding-left:40px;}
.q-g2{color: #ffffff;font-size: calc(12px - 0.12rem + 0.20rem);padding-left:34px;}
.q-z{width: 100%;height: 4.3rem;vertical-align: top;overflow: auto;position: relative;}
.q-h{position: absolute;top: 0;left: 0;transition: all 0.8s ease 0s; ;}
.q-i{padding-left: .52rem; padding-top: .23rem;border-bottom: 1px solid #e5e5e5;}
.q-i1{cursor: pointer; display: inline-block; color: #666666;margin-bottom: 0.15rem;font-size: calc(12px - 0.12rem + 0.18rem);line-height: 1.2;position: relative;}
.q-i1:after{content: '';position: absolute;top: 0;left: -.31rem; width: 0.21rem;height: 0.28rem;background-image: url('../image/32.png');background-repeat: no-repeat;background-size: .21rem .28rem;}
.q-i1:hover{color: var(--primary-color);}
.q-i.active .q-i1{color: var(--primary-color);}
.q-i1:hover:after{background-image: url('../image/32-b.png');}
.q-i.active .q-i1:after{background-image: url('../image/32-b.png');}
.q-i2{color: #666666;margin-bottom: 0.11rem;font-size: calc(12px - 0.12rem + 0.14rem);line-height: 1.2;}
.q-j{width: 100%;font-size: 0;}
.q-j1{display: inline-block;width: 50%;height: 0.4rem;line-height: 0.4rem;text-align: center;background-color: #f1f1f1;cursor: pointer;}
.q-j1 img{width:100%;height: .4rem;}
.q-j2{display: inline-block;width: 50%;height: 0.4rem;line-height: 0.4rem;text-align: center;background-color: var(--primary-color);cursor: pointer;}
.q-j1 img{width:100%;height: .4rem;}
.q-zz{width: 71.5%;display: inline-block;vertical-align: top;}
.q-k{width: 71.5%;display: inline-block;vertical-align: top;}
.q-zz img{width: 100%;}
@media(max-width: 900px) {
    .q-b{width: 100%;padding: 0 .2rem;}
    .q-f{width: 100%;margin-bottom: .3rem;}
    .q-j1{width: 2rem;margin-right: .2rem;}
    .q-j2{width: 2rem;}
    .q-zz{width: 100%;text-align: center;padding: .2rem 0;}
}