*{ margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; background: #f5f5f9; line-height: 1.5; overflow-x: hidden; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
article, main { width: 1280px; margin: 30px auto 0; overflow: hidden }
.box { width: 1280px; margin: auto; overflow: hidden }
/*header*/
/*header*/
header { height: 64px; width: 100%; z-index: 999999; position: fixed; top: 0; background: #fff; box-shadow: 0px 5px 40px 0px rgb(17 58 93 / 10%) !important; }
header .box { position: relative;
overflow: inherit;}
.mt20{
    margin-top: 20px;
}
.headerline{
    height: 65px;
}
.logo {float: left;margin-right: 60px;font-size: 30px;font-weight: 700;line-height: 64px;}
.logo a{color: #444;}
nav li { float: left }
nav li a { color: #333; line-height: 64px; font-size: 16px }
li.selected a, nav li:hover a {color: #fc5531;}
/*mnav*/
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #828282; margin-top: 23px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #828282; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #828282; }
/*search*/
 .home-banner{
        background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
        height: 400px;
        margin-bottom: 20px;
        padding-top: 90px;
        box-sizing: border-box;
        position: relative;
    }
  
    .home-banner .csimgs{
     
        position: absolute;
        height: 300px;
        right: 0px;
        bottom: 60px;
    }
    
    .home-banner .csimgs img{
      
        height: 300px;
    }
   .jglist { width:96%; max-width:700px; position: relative;  border-radius: 5px; overflow: hidden; margin:10px auto 0px;}
   
     .tj { width:96%; max-width:700px; position: relative;  border-radius: 5px; overflow: hidden; margin:10px auto 0px;font-size:30px;text-align:center;
     font-weight: 900 ;margin-bottom: 30px;
     }
    .jglist  a{color:#333;line-height:28px;margin-right:10px;;
    overflow: hidden;
    white-space: nowrap;}
.search { background: #ed4040;width:96%; max-width:700px; position: relative; border: #ed4040 2px solid; border-radius: 5px; overflow: hidden; margin:0px auto; }
.search .input_submit {text-align:center; background:#ed4040;border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 25%; display: block; font-size: 15px; height: 36px; line-height: 36px; text-indent: 1em; cursor: pointer; background-size: 21px; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; width: 75%; outline: none; text-indent: 1em; }
.search.sblue { background: #00c1de; border: 1px solid #00c1de; }
.mynav { display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-left: -20px; }

   
.mynav li { position: relative; font-size: 16px; text-align: center; padding: 0 20px  0px  20px; }
.mynav li i { display: block; width: 24px; height: 16px; background: url(../images/hot.png) no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; margin-left: 4px; top: 23px; }
.mynav li a { display: block; color: #333; }
.mynav li:hover a, .mynav ul.sub li a:hover { color: #1e62ec; }
.mynav li a#selected { color: #1e62ec; }
.mynav ul.sub li { width: 100%; background: #fff; float: left; font-size: 14px; padding: 0; }
.mynav ul.sub li a { padding: 0; display: none; width: 100%; color: #333; }
.mynav ul.sub { position: absolute; width: 100px;  z-index: 9; line-height: 36px; opacity: 0; /* transition: all .5s;*/
box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
.mynav li:hover ul.sub { opacity: 1;  width:120px; }
.mynav li:hover ul.sub li a { display: block;line-height:35px;}
.mynav li:hover ul.sub:after, .mynav ul.sub li:after, .mynav ul.sub li a:after { display: none; }
.menu:after { content: ""; position: absolute; right: 9px; top: 49%; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #3f3c3c transparent transparent; transition: all .5s ease; }
.menu:hover:after { transform: rotate(180deg) }
.mynav li.selected a:after { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -10px; width: 20px; height: 3px; border-radius: 4px; background-color: #1e62ec; }
li.menu2:before { position: absolute; content: ""; bottom: 13px; right: 5px; transition: all .5s; width: 1px; height: 0; border: 4px solid transparent; border-left-color: #979897; z-index: 9999999; }
li.menu2:hover:before { border-left-color: #000000; }
#mnavh {width: 70px; height: 40px; text-align: center;      
        top: 7px;position: absolute;right: 0;display:flex;justify-content:space-between;}
.menu2 { position: relative }
.sub2 { display: none; position: absolute; top: 0; right: -100%; width: 100%; z-index: 99999; background: #8c8c8c; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); border-bottom: 0; }
.menu2:hover .sub2 { display: block }
.myuser{
    font-size: 24px;
    margin-top: 5px;
}
.pagedh_moblie{
    display: none;
}
/*banner*/
.banner { width: 100%; margin-bottom: 40px; overflow: hidden }
/*footer*/
footer { background: #333; padding: 10px 0; font-size: 14px; color: #ccc;margin-top:20px; }
.copyright { text-align: center; }
.copyright img { display: inline-block; vertical-align: bottom; }
.copyright p { margin: 10px 0; }
footer a { color: #ccc; }
.side_nav { position: fixed; right: 30px; bottom: 10%; z-index: 999; }
.side_nav ul li { text-align: center; position: relative; cursor: pointer; width: 48px; height: 48px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.17); border-radius: 24px; margin-top: 16px; }
.side_nav ul li a { display: block; position: relative; }
.side_nav ul li span { position: absolute; top: -14px; right: 60px; font-weight: 900; color: #ffffff; z-index: 2; font-size: 14px; display: none; align-items: center; background: #dddddd; text-align: left; text-indent: 46px; }
.side_nav li i { display: block; margin: auto; width: 48px; height: 48px; border-radius: 24px; background: #fff; }
.side_nav li i img { width: 24px; margin: auto; padding-top: 13px; }
.side_nav ul li:hover span { display: block }
.side_nav ul li span:after { position: absolute; content: ""; border-width: 8px 0px 8px 8px; border-style: solid; border-color: transparent transparent transparent #dddddd; border-image: initial; top: 29px; right: -7px; }
.side_nav ul li:nth-child(2) span { width: auto; margin: 0; padding: 10px; top: -40px }
.side_nav ul li:nth-child(2) span:after { top: 40% }
.side_nav ul li span:before { content: ""; width: 20px; height: 100%; position: absolute; right: -20px; }
.side_nav ul li span img { width: 100px; padding: 10px; }
.side_nav ul li:hover i { background: #000 }
.side_nav ul li:hover i img { filter: brightness(100); }
.is-fixed { position: fixed; top: 0; z-index: 9999; backdrop-filter: blur(60px); background: hsla(0,0%,100%,.9); transition: all .3s ease; }
.h_title { line-height: 32px; font-size: 24px; color: #333; font-weight: normal; margin-bottom: 20px; }
.h_title span { height: 30px; font-size: 14px; border-radius: 20px; border: 1px solid #ccc; background-color: transparent; float: right; display: inline-block; transition: .3s; }
.h_title span a { color: #666; display: block; padding: 0 18px; }
.h_title span:hover a { color: #1e62ec; transition: .3s; }
.h_title span:hover { background: #e3ebfb; border: 1px solid #e3ebfb; }
.crossd { padding: 30px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); overflow: hidden; margin-bottom: 30px }
.fmpic { float: left; border-radius: 6px; overflow: hidden; width: 48%; height: 358px; position: relative; }
.crnews { width: 50%; float: right; }
.fmpic img { width: 100%; min-height: 100%; transition: .5s }
.fmpic:hover img { transform: scale(1.03) }
.fmpic i { position: absolute; bottom: 59%; left: 19px; font-size: 14px; background: #ffaf2b; color: #fff; padding: 2px 18px; border-radius: 24px 20px 16px 0; font-style: normal; }
.fmpic span { position: absolute; bottom: 36%; left: 17px; font-size: 36px; background: rgb(16 20 42 / 60%); transition: all .3s ease; color: #fff; padding: 5px 20px; border-radius: 10px; letter-spacing: 3px; }
.crnews li { overflow: hidden; margin-bottom: 20px; }
.crnews li i { width: 180px; height: 106px; display: block; overflow: hidden; float: left; margin-right: 20px; border-radius: 6px; }
.crnews li i img { width: 100%; transition: .5s;     min-height: 100%;}
.crnews li:last-child { margin-bottom: 0; }
.crnews li:hover img { transform: scale(1.05); }
.crnews li h3 { transition: .3s; margin: 14px 0; color: #3d3d3d; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crnews li:hover h3 { color: #1e62ec }
.crnews li p { font-size: 14px; color: #838383; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-right: 10px; }
.cblue { background: #1e62ec !important }
.crpics { width: 50%; float: right; }
.crpics li { margin-bottom: 20px; }
.crpics li { width: 48%; float: left; border-radius: 6px; overflow: hidden; position: relative; }
.crpics li a { display: block; }
.crpics li i { width: 100%; height: 169px; display: block; }
.crpics li img { width: 100%; min-height: 100%; transition: .5s; }
.crpics li:nth-child(even) { float: right; }
.crpics li:nth-child(3), .crpics li:nth-child(4) { margin-bottom: 0; }
.crpics li h3 { font-size: 15px; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 9; text-indent: 1em; font-weight: normal; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; }
.crpics li a:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 5px; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44.79%, rgba(0, 0, 0, 0.35) 63.54%, #000000 100%); z-index: 9; }
.crpics li:hover img { transform: scale(1.05); }
/*tab*/
#tab li { cursor: pointer; text-align: center; transition: .3s; flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #333; padding: 16px 12px; font-size: 18px; }
#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }
.news_tit { background: #f5f7fa; border-radius: 10px 10px 0 0; }
.crotab { border: #ffffff 1px solid; border-radius: 10px; background: #fff; margin-bottom: 30px; }
.news_tit #tab { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#tab li.tab-current { background: #fff; border-radius: 10px 10px 0 0; color: #1e62ec; }
.pics { margin: 20px 20px 0; overflow: hidden; }
.pics li { width: 23%; box-shadow: 0 0 8px -2px rgba(0,0,0,.06); border-radius: 8px; margin-bottom: 24px; overflow: hidden; border: 1px solid #f7f7f7; transition: .5s; margin-right: 22px;}
.pics ul { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 10px; }
.pics ul li h3 { margin: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; height: 52px; line-height: 1.6; -webkit-line-clamp: 2; font-size: 16px; }
.pics li:hover h3 { color: #1e62ec; }
.pics li:hover { box-shadow: 0 0 10px 0 rgba(30,98,236,.12); }
.pics li i { display: block; overflow: hidden; border-radius: 4px; height: 150px;}
.pics li img { width: 100%; min-height:100%; transition: .5s }
.pics li:hover img { transform: scale(1.05) }
.pics li a { display: block; margin: 8px; }
.pics ul li p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #666; margin: 0 0 20px 0; }
.ennews { padding: 30px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); overflow: hidden; margin-bottom: 30px; }
.dnews section { width: 30%; }
ul.dn_top li { overflow: hidden; }
.dnews { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.dnews h3 { margin: 0px 0 20px; color: #333; background: #f5f5f9; padding: 10px; border-radius: 8px; }
.dnews h3:hover a { color: #1e62ec; }
ul.dn_top li i { width: 160px; height: 100px; display: block; overflow: hidden; float: left; border-radius: 6px; margin-right: 15px; }
ul.dn_top li i img { width: 100%; min-height: 100%; transition: .5s; }
ul.dn_top h4 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-top: 30px; font-size: 16px;}
ul.dn_top { margin-bottom: 20px; }
ul.dn_list { line-height: 38px; }
ul.dn_list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.dn_top li:hover img { transform: scale(1.05); }
ul.dn_top li:hover h4 { color: #1e62ec; }
ul.dn_list li:hover a { color: #1e62ec; }
.links { background: #fff; padding: 30px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); overflow: hidden; margin-bottom: 30px; }
.links a { color: #999; margin-right: 15px }
.links a:hover { color: #1e62ec; }
.weizhi { color: #a4a8bd; font-size: 14px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.weizhi a { color: #a4a8bd; }
.lbox { width: 71%; float: left; }
.rbox { width: 28%; float: right; }


.faq_rbox { width: 71%; float: right; }
.faq_lbox { width: 28%; float: left; }
.newslist { margin-bottom: 20px; padding: 24px; border-radius: 8px; background: #fff; }
.page_title { padding: 0 20px 10px 0; background: #fff; color: #333; font-size: 22px; border-bottom: 1px solid #eee; }
.blogs_list { background: #fff; }
.blogs_list li { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e5e5e5; position: relative; background: #fff; transition: .5s; height: 150px; }
.blogs_list li:hover { }
.blogs_list li:last-child { margin-bottom: 0 }
.blogs_list li i { width: 240px; height: 150px; overflow: hidden; border-radius: 4px; display: block; float: left; margin-right: 20px; position: relative }
.blogs_list li em { position: absolute; background: rgba(0,0,0,.6); left: 0; top: 15px; padding: 4px 8px; font-size: 12px; line-height: 14px; font-style: normal; border-radius: 0 3px 3px 0; transition: .5s }
.blogs_list li em:hover { background: #056DE8 }
.blogs_list li em a { color: #fff }
.blogs_list li i img { width: 100%; min-height: 100%; transition: .5s; }
.blogs_list li i img:hover { transform: scale(1.05) }
.blogs_list li h2 { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 20px; line-height: 1.4; margin-bottom: 10px; }
.blogs_list li h2 a { color: #333; transition: .3s; }
.blogs_list li h2 a:hover { color: #056DE8 }
.blogs_list li p { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #808592; font-size: 14px; line-height: 1.58; }
.blogs_list section { display: block; position: relative; overflow: hidden; height: 100%; }
.blogs_info { position: absolute; left: 0; bottom: 5px; color: #999; font-size: 12px; width: 100%; }
.blogs_list li span.timer { float: left; left: auto; }
.blogs_list li span.view { float: right; background: url(../images/view.png) no-repeat left center; background-size: 14px; padding-left: 16px; }
/*pagelist*/
/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; margin-left: -1px; display: inline-block;}
.pager ul li a:hover {border-color: #70c4f3; background-color: #70c4f3; color: #333}
.pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px; background-color: #fff}
.pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important; background-color: #3ea8e2 !important}

.rbox > div {
    background: #fff;
    margin: 0 0 20px 0;
    padding: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,.04);
    border-radius: 8px;
}

.faq_lbox > div {
    background: #fff;
    margin: 0 0 20px 0;
    padding: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,.04);
    border-radius: 8px;
}

.side_title {
    padding: 12px 0;
    margin-bottom: 10px;
    position: relative;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.side_title:after {
    position: absolute;
    left: 0;
    top: 4px;
    width: 3px;
    height: 16px;
    content: "";
    /* background: #056DE8; */
    border-radius: 4px;
}
/*pic_news*/
.pic_news { }
.pic_news li { padding: 14px 0; overflow: hidden; }
.pic_news li i { float: left; width: 100px; height: 63px; overflow: hidden; border-radius: 3px; margin-right: 10px; }
.pic_news li i img { width: 100%; min-height: 100%; transition: .5s }
.pic_news li h3 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-weight: normal; font-size: 14px; line-height: 1.4; color: #333; margin-bottom: 5px; }
.pic_news li span { font-size: 12px; color: #999; line-height: 14px; }
.pic_news li:hover img { transform: scale(1.05) }
.pic_news li:hover h3 { color: #056DE8 }
.pic_news li:last-child { border-bottom: none; padding: 15px 0 0; }
.tags ul { margin-top: 10px; overflow: hidden; }
.tags li { font-size: 14px; display: inline-block; float: left; width: 33.33%; text-align: center; }
.tags li a { padding: 4px 12px; display: block; border: #efefef 1px solid; border-radius: 6px; margin: 4px 4px 2px; color: #4f5562; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #f7f8fb; }
.tags li:hover a { background: #056DE8; color: #fff; border: #056DE8 1px solid; }
ul.hot_news { margin: 20px 0 0; }
ul.hot_news li { background-color: #f7f7f7; border-radius: 0 12px 12px 12px; color: #222; margin: 10px 10px; padding: 12px 13px; counter-increment: a 1; position: relative; }
ul.hot_news li a { }
ul.hot_news li h3 { font-size: 14px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; }
ul.hot_news li:hover h3 { color: #1e62ec; }
ul.hot_news li:nth-child(1) { background: #eef4fc; }
ul.hot_news li:before { /* content: counter(a);*/
display: inline-block; left: -10px; top: 0; margin-right: 10px; color: #9195a3; position: absolute; font-style: italic; font-size: 24px; line-height: 45px; opacity: .3; }
.mb_text { margin-bottom: 20px; padding: 24px; border-radius: 8px; background: #fff; }
h1.ar_title { margin-bottom: 20px; line-height: 1.4; font-size: 24px; font-weight: 700; color: #3d3d3d; }
.ar_info { color: #999; font-size: 14px; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid rgba(239,239,239,.8);display:flex; }
.ar_info a { color: #1e62ec; }
.ar_info a:hover, .weizhi a:hover { color: #056DE8; }
.ar_info div { margin-right: 30px; position: relative; }
.ar_info div:after { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 4px; background: #d1d0d0; right: -16px; top: 9px; }
.ar_info div:last-child:after { display: none }
.content { font-size: 16px; line-height: 1.8; word-break: break-all; color: #262626;position: relative; }
.content p { margin: 20px 0; }
.content a { color:#1472ff;font-weight:500;}
.content ul, .content ol { margin: 20px 0 20px 35px; }
.content ul li, .content ol li { margin-top: 3px; line-height: 30px; }
.content.content ul li { list-style-type: disc; }
.content ol li { list-style-type: decimal; }
.content h2, .content h3, .content h4, .content h5, .content h6 { position: relative; margin: 20px 0; padding-left: 10px; line-height: 1.2; border-left: 4px solid #056DE8; }
.content h2 { font-size: 22px; }
.content h3 { font-size: 20px; }
.content h4 { font-size: 18px; }
.content h5 { font-size: 17px; }
.content h6 { font-size: 16px; }
.content hr { width: 100%; height: 1px; border: 0; border-top: 1px #dedddd solid; margin: 30px 0; }
.content img { max-width: 100% !important; width: auto !important; height: auto !important; margin: 10px auto; }
.content video { height: auto !important; display: block; margin: auto; max-width: 100% !important; }
.content table { max-width: 100%; border-width: 1px; border-color: #666; border-collapse: collapse; font-size: 15px; line-height: 26px; }
.content table th { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #dedede; }
.content table td { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #ffffff; }
.content span.marker { background: yellow; }
.content blockquote { position: relative; padding: 30px 30px 30px 75px; background: #f3f3f3; border-left: 0; font-size: 16px; border-radius: 3px; margin: 20px 0; display: block; }
.content blockquote:before { content: ""; background: url(../images/yinhao.png) no-repeat; width: 37px; height: 32px; position: absolute; left: 26px; top: 16px; }
.diggit { display: block; width: 160px; margin: 30px auto; color: #056de8; background-size: 20px; line-height: 40px; text-align: center; font-size: 16px; transition: .5s; }
.diggit a { color: #056de8; display: block; border-radius: 6px; transition: .5s; background: rgb(5 109 232 / 10%); }
.diggit img { display: inline-block; width: 20px; margin: 0 4px -2px 0; }
.diggit b { vertical-align: top; margin: 0 3px; font-weight: normal; }
.diggit a:hover { background: #056de8; color: #fff;  }
.tags_list { font-size: 14px; overflow: hidden; padding: 30px 0; }
.tags_list a { color: #999; padding: 4px 10px; border: #e7e5e5 1px solid; margin: 5px 8px 5px 0; display: inline-block; border-radius: 2px; }
.tags_list a:hover, .tags_list a:first-child { background: #056DE8; color: #fff; border: #056DE8 1px solid; }
.info-pre-next { overflow: hidden; margin: 0 auto 20px; background: #eef4fc; }
.info-pre-next li { width: 49%; position: relative; overflow: hidden; line-height: 38px; border-radius: 6px; text-indent: 1em; color: #999; font-size: 14px; }
.info-pre-next li a { font-size: 15px; }
.info-pre-next li:nth-child(odd) { float: left; }
.info-pre-next li:nth-child(even) { float: right }
.other { margin-bottom: 20px; background: #fff; overflow: hidden; padding: 20px; border-radius: 8px; }
.pinglun { margin-bottom: 20px; }
.other ul li:last-child { border-bottom: none; }
h4.btitle { padding: 12px 0; margin-bottom: 10px; position: relative; font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; }
.white_box { background: #fff; padding: 30px; margin-bottom: 20px; min-height: 600px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 hsla(0,0%,60%,.1); }
.line_title { text-align: center; font-size: 24px; line-height: 1.4; font-weight: normal; color: #333; position: relative; margin-bottom: 50px; }
.line_title:after { position: absolute; left: 50%; bottom: -15px; width: 20px; height: 2px; margin-left: -10px; background: #999; content: ""; }
.tb_tags { overflow: hidden; }
.tb_tags li { width: 150px; float: left; }
.tb_tags li a { display: block; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 36px; background: #f7f8f9; margin: 8px; padding: 0 10px; border-radius: 4px; }
.tb_tags li a:hover { color: #fff; background: #056DE8 }
.tb_tags li span { float: right; color: #999; font-size: 12px; }
#pageContents { font-size: 15px; float: right; }
#pageContents a { padding: 4px 10px; border-radius: 4px; margin-left: 8px; }
a#pagecurrent { background: #2b73f6; color: #fff; }
.banner { border-radius: 10px }
.crnews.fl { float: left;width: 48%;}
.pl-tools ul li.username input { outline: none;}

/* ------------------------------ 问答 ------------------------------*/
.wenda {
    margin-bottom: 20px;
    padding: 10px 0px 15px;
}

.wenda li {
    padding: 0px 0 20px;
    border-bottom: 1px solid #eaeaea;
}

.wenda_1 li {
    padding: 0 0 20px 0;
}

.wenda p {
    line-height: 30px;
}

.wenda li p img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
}

.wenda li span {
    font-size: 16px;
    color: #31424e;
    font-weight: 700;
}

.wenda_1 li span {
    font-size: 24px;
}

.wenda .title .reward-icon {
    display: inline;
    padding: 2px 12px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border-radius: 20px;
    background: #ff5a72;
    vertical-align: middle;
}

.wenda li .title strong {
    padding: 7px 17px;
    float: right;
    background-color: #1E9FFF;
    border-radius: 8px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: 400;
}

.wenda li .title em {
    float: right;
    line-height: 30px;
    color: #1E9FFF;
    font-weight: 400;
    font-style: normal;
}

.wddashang {
    float: right;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    background: #1E9FFF;
    padding: 0px 5px;
    font-size: 13px;
}

.wenda li .text {
    margin: 15px 0px;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.wenda li .text_1 {
    margin: 15px 0px;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 2;
    font-size: 15px;
    color: #333;

    letter-spacing: 1px;
}

.wenda li .text_1 a {
    color: #1E9FFF;
}

.comment-ok{
    float: right;
        font-weight: 900;
}
.wenda_item_info{
    display: flex;
    justify-content: space-between;
    
}

.wenda_item_info .comment-reply{
    margin-right: 20px;
    color: #999;

 
}

.wenda_item_info .del{

    color: #999;
 
}
.wenda li .label {
    float: inherit;
    width: 100%;
}
.son_list{
    background: #f5f5f7;
    padding: 10px 20px;
}

.wenda li .label span {
    font-size: 14px;
    line-height: 30px;
    color: #999;
    font-weight: 400;
}

.wenda li .label .comment_item {
    padding-right: 10px;
}

.wenda li .label em {
    padding: 0 10px;
    color: #1E9FFF;
    font-size: 14px;
    font-style: normal;
}

.ask_info_div{
    display: flex;
    align-items: center;
    margin: 20px 0px;
    justify-content: space-between;
    color: #666;
}

.ask_info_div .lf{
    display: flex;
    align-items: center;

}


.ask_info_div img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.ask_info_div .lf> .author{

    margin-right: 15px;

}

.ask_info_div .lf> .xuanshang{

    
color: #1E9FFF;
    font-size: 14px;
    margin-right: 10px;
}
.ask_info_div .lf .hits{
    margin-right: 10px;
    color: #777;
}

.qitadaan {
    background: #f1f1f1;
    text-align: center;
    padding: 10px 0px;
    margin-top: 30px;
}

.tuijian{
    padding: 10px 10px;
    line-height: 30px;
}

.tuijian p{
    margin-bottom: 10px;
}
.tuijian a{
    margin-right: 10px;
    color: #1472ff;
}

.flexlist{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flexlist .csitem{
    width: 24%;
    
    box-sizing: border-box;
    
}
.clear{
    clear: both;
}
.page_title2 { padding: 10px 10px; background:#fff;  color: #333; font-size: 22px; border-bottom: 1px solid #eee; margin-bottom:15px; display:flex;
    justify-content: space-between;
    height: 40px;
    line-height: 40px;
}
.page_title2 li{
    position: relative;
        text-align: center;
    padding: 0 20px;
}
.page_title2 .mymenu{
    position: relative;
        text-align: center;
    padding: 0 20px;
    font-size: 16px;
    display: none;
}
.page_title2 .ptitle{
    font-size: 18px;
}
.bgff{
    background: #fff;
}

.mymenu:after { content: ""; position: absolute; right: 9px; top: 43%; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #3f3c3c transparent transparent; transition: all .5s ease; }
.mymenu:hover:after { transform: rotate(180deg) }

.pagedh { font-size: 15px; float: right;display:flex;justify-content:end;line-height:40px; }
.pagedh a { border-radius: 4px; }

.pagedh .active{
    background: #2087ed;
        border-radius: 4px;
}

.pagedh .active a{
    color: #fff;
}

.func-item{border-radius:6px;background:#fff;margin-bottom:20px;position:relative;-webkit-transition:all .5s;transition:all .5s;}
.func-item img{-webkit-transition:all .3s ease;transition:all .3s ease}
.func-item:hover{-webkit-box-shadow:0 0 20px rgba(63,151,235,.2);box-shadow:0 0 20px rgba(63,151,235,.2)}
.func-item:hover .func-cover img{width:120% !important;max-width:120% !important;margin-top:-10%;margin-left:-10%}

.func-min-height{padding-bottom:10px;}
.func-flag{position:absolute;display:block;right:-4px;top:15px;height:26px;line-height:26px;font-size:14px;color:#fff;padding:0 5px 0 12px;border-top-left-radius:13px;border-bottom-left-radius:13px}
.func-flag:after{content:" ";width:0;height:0;border-width:2px;border-style:solid;position:absolute;right:0;bottom:-4px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.func-flag.hot{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FF7B55,endColorstr=#F5151D);background:-webkit-gradient(linear,right top,left top,from(#ff7b55),to(#f5151d));background:linear-gradient(270deg,#ff7b55,#f5151d)}
.func-flag.hot:after{border-color:#a00005 transparent transparent #a00005}
.func-flag.reserve{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#57B8EA,endColorstr=#2C7DEB);background:-webkit-gradient(linear,right top,left top,from(#30b2eb),to(#3b91fd));background:linear-gradient(270deg,#30b2eb,#3b91fd)}
.func-flag.reserve:after{border-color:#004fb1 transparent transparent #004fb1}
.func-flag.wating{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ccc,endColorstr=#999);background:-webkit-gradient(linear,right top,left top,from(#c2c2c2),to(#999));background:linear-gradient(270deg,#c2c2c2,#999)}
.func-flag.wating:after{border-color:#000 transparent transparent #000}
.func-tag{padding:3px 5px;border-radius:3px;color:#fff;font-size:12px;vertical-align:top;margin-right:6px}
.func-tag.blue{background:#2fb2ea}
.func-tag.orange{background:#fb9252}
.func-cover{border-top-left-radius:6px;border-top-right-radius:6px;margin-bottom:20px;height:200px;overflow:hidden}
.func-cover img{width:100%;height:auto;vertical-align:top}
.func-title{margin:15px 16px;font-size:16px;color:#333;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.func-meta{font-size:14px;margin:0 15px 21px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.func-meta span{color:#818a92;}
.func-meta span:hover,.func-title:hover {color: #ff6000 !important;}
.func-meta .func-price{color:#ff4746;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;position:relative}



.mycenter{
    text-align: center;
}




.mytable {
	font-size: inherit;
	border-collapse: collapse;
	overflow-x: auto;
	line-height: 45px;
	max-width: 800px;
	width: 100%;
	text-align: center;
}




.tgbox {
    padding: 20px;
    margin-bottom: 20px;
}

.tgbox a {
    color: #1472ff;
}

.faq-box{padding: 20px; margin-bottom: 0; border-radius: 4px;border-radius: 8px;
    background: #fff;}

.mytable tr td,.mytable tr th {
	padding-left: 8px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px 0px;
}

.mytable .now {

  background: #eee;

}

.mytable .now i{

  margin-right: 10px;

}

.mytable .t-left{
    text-align: left!important;
    padding: 10px 20px;
}



    .ertitle {font-size:18px;font-weight:400;  position: relative; margin: 20px 0; border-left: 5px solid #008bf5; padding: 12px; line-height: 20px; background: #f1f5f8;border-radius: 4px;}
.ertitle:after { content: ''; position: absolute; bottom: 0; right: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: -o-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: linear-gradient(44deg, #9febbe 48%, #f6fdfc 91%); width: 30px; height: 36px; -webkit-border-radius: 100% 0 0 0; border-radius: 100% 0 0 0 }

				         .item-list{
           display: flex;
           justify-content: space-between;
           flex-wrap: wrap;
           box-sizing: content-box;
       }
       
       .item-list .item{
            width: 24%;
            border: 1px solid #ececec;
            box-sizing: border-box;
            padding: 20px 10px 10px;
             margin-bottom: 10px;
     
            background: #fff;
            text-align: center;
            box-sizing: border-box;
       }
       
        .item-list .item .title{
            margin-bottom: 10px;
                text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
        }
           .item-list .item .title a {
             color: #333;
             font-weight: 900;
             
        }
        
        .item-list .item  .djs{
            font-size: 14px;
            color: #666;
                   padding: 5px 0px;
        }
        
             .item-list .item  .cs-price{
                 margin-bottom: 10px;
                 
             }
             
             .item-list .item  .gotg{
                  font-weight: 900;
           
             max-width: 200px;
            padding: 0px 0px;
            border-radius: 50px;
        
            margin: auto;
            color: #1472ff;
            cursor: pointer;
            
            display: flex;
            justify-content: space-between;
                 
             }
        
          .item-list .item  .getkey, .item-list .item  .admingetkey{
             font-weight: 900;
           
            padding: 0px 0px;
            border-radius: 50px;
        
            margin: auto;
            color: #1472ff;
            cursor: pointer;
            
          
        
        }
        
         .item .gotg a{
              color: #2970f4;
             
         }

   .csimg{
        width: 100%;
    
        height: auto;
             background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
        display: flex;
        justify-content: center;
        align-items: center;
        aspect-ratio: 16 / 9;
        margin: auto;
        border: 1px solid #ddd;
    }
    
       .csimg0{

            background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
       }
    
       .csimg1{
       background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
       }
    
       .csimg2{
       background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
       }
    
       .csimg3{
       background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
       }
    
       .csimg4{
       background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
       }
    
       .csimg5{
       background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
       }
    
       .csimg5{
       background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
       }
    
       .csimg6{
       background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
   }
    
       .csimg7{

       background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
       }
    
       .csimg8{
       background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
       }
    
       .csimg9{
       background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
       }
    
       .csimg10{
       background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
       }
    
    
    
       .csimg12{
 background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
 background-blend-mode: screen, overlay;
       }
    
       .csimg13{
 
 background-image: linear-gradient(to top, #bdc2e8 0%, #bdc2e8 1%, #e6dee9 100%);
 
 background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
 background-blend-mode: normal,color-burn;
       }
    
       .csimg14{
 
 background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
       }
    
       .csimg15{
 background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
       }
    
       .csimg16{
 background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
       }
    
       .csimg17{
 background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
       }
    
       .csimg18{
 background-image: linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%);
    }
    
  
    
  
    .csimg img{
               
 max-width: 90%;
 max-height: 90%;
    }
    
    .shop_info_dzsc {


    color: #666f80;
    text-align: center;
 
}


.cs_info { color: #999; font-size: 14px;  margin-bottom: 20px; display:flex;margin-top:20px;justify-content:center; }
.cs_info a { color: #1e62ec; }
.cs_info a:hover, .weizhi a:hover { color: #056DE8; }
.cs_info div { margin-right: 30px; position: relative; }
.cs_info .add_zan{margin-right:10px;}
.info{
    line-height: 45px;
    color: #767676;
    margin: 0px 0px 40px;
}


.ceshi{
    text-align: center;
    margin-top: 10px;
}


.ceshi a {
    font-size: 16px;
    background-color: #1472ff;
    color: #FFFFFF;
    height: 20px;
    line-height: 20px;
    padding: 5px 25px;
    border-radius: 50px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid  #1472ff;
    cursor: pointer;
}

.ceshi .geren:hover {
    background-color: #4280ff;
}

.ceshi .tuanti{
    background-color: #ffffff;
    color: #333;

}

.ceshi .tuanti:hover {
    background-color: #1472ff;
    color: #ffffff;
}



.mytags { font-size: 14px; overflow: hidden; background: #fff;
    padding: 20px;}
.mytags a { color: #555; padding: 4px 10px; border: #e7e5e5 1px solid; margin: 5px 8px 5px 0; display: inline-block; border-radius: 2px; }
.mytags a:hover, .mytags a:first-child { background: #056DE8; color: #fff; border: #056DE8 1px solid; }

.tishi{text-align:center;font-size:18px;}
.tishi b{ color:#FF0000; font-family:Arial, Helvetica, sans-serif; }
.tishi span+span{margin-left:30px;}

.content  h2 {font-size:150%;font-weight:400;  position: relative; margin: 20px 0; border-left: 5px solid #008bf5; padding: 12px; line-height: 20px; background: #f1f5f8;border-radius: 4px;}
.content h3 {font-size:18px;font-weight:400;  position: relative; margin: 20px 0; border-left: 5px solid #008bf5; padding: 12px; line-height: 20px; background: #f1f5f8;border-radius: 4px;}
.content  h3:after { content: ''; position: absolute; bottom: 0; right: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: -o-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: linear-gradient(44deg, #9febbe 48%, #f6fdfc 91%); width: 30px; height: 36px; -webkit-border-radius: 100% 0 0 0; border-radius: 100% 0 0 0 }

.faq { background: #fff; margin-bottom: 20px }
.faq .faqul { padding: 0 0px; }
.faq .faqul  li { line-height: 32px; border-bottom: #f2f2f2 1px solid; position: relative; }
.faq .faqul  li:before { position: absolute; left: 1px; top: 22px; width: 0; height: 0; border: 4px solid transparent; border-left: 6px solid #ccc; content: ""; }
.faq .faqul  li a { color: #333; font-size: 16px; padding: 10px 0 10px 18px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.faq .faqul  li:hover a { color: #056DE8 }
.faq .faqul  li span { float: right; font-size: 14px; color: #999; margin-left: 20px; }
.faq_title { font-size: 24px; line-height: 1.4; margin-bottom: 15px; font-weight: normal; color: #333; }
.faq_info { color: #999; font-size: 14px; }
.faq_best { font-size: 20px; border-bottom: 1px solid #efefef; padding-bottom: 12px; margin: 40px 0 0; }
.faq_other { background: #fff; overflow: hidden; margin-bottom: 20px; }


    .banner-box{
        
        background-color: #CDDCDC;
    background-image: radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
    background-blend-mode: screen, overlay;
    margin-bottom: 20px;
    }
    .my-banner {
        height: 500px;
        
        display: flex;
        justify-content: center;
        padding-top: 150px;
        box-sizing: border-box;
       width: 100%;
    }
   
    
    .csbox{
        margin-top: 30px;
        padding: 30px 0px;
    }
    
    .csbox h2{
        text-align: center;
    }
    
    	.my-banner .ad{
		   text-align: center;
		}
		
	

	
    .my-banner .title{
        font-size: 50px;
        font-weight: 900;
        color: #F42;
        margin-bottom: 50px;
    }	
		.my-banner .tj{
		    margin-top: 20px;
		    font-size: 20px;
		     color: #fff;
		}
        
        .swiper-slide{
         background: none;
           
        }
        .cs_box{
            padding: 20px 0px;
            
            
        }
      
.cs_box h2 {
    text-align: center;
    margin-bottom: 20px;
}
.pagedh_moblie{
    position: absolute;
    width: 96%;
    background: #fff;
    line-height: 35px;
    z-index: 1000;
    text-align: center;
    top:120px;
    border-bottom: 1px solid #eee;

    padding: 20px 0px;
    box-sizing: border-box;
}

.pagedh_moblie li{
    width: 33.3333%;
    float: left;
}

.ceshi_item{
    
    border: 1px solid  #a1c4fd;
    padding: 10px;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    box-shadow: 0 0 20px rgba(63, 151, 235, .2);
    margin: 30px 0px;
    box-sizing: border-box;
}

.ceshi_item a{
    position: relative;
    
}
.ceshi_item_title{
    font-weight: 900;
    color: #333;
    margin-bottom: 5px;
}

.ceshi_item_info{

    color: #555;
 font-size: 14px;
}

.ceshi_item_info span+span{

    margin-left: 20px;
   

}

.ceshi_item .gocs{
    position: absolute;
    right: 20px;
    top: 15px;
    background: #1472ff;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
}

@media (max-width: 1400px) {
article, .box, .topbar, main { width: 98% }
.lbox { width: 71% }
.rbox { width: 28% }

.faq_rbox { width: 71% }
.faq_lbox { width: 28% }
.pics ul { justify-content: space-between;}
.pics ul li {  margin-right: 0;}
}
 @media (max-width: 991px) {
     header { background: #fff; position: fixed; top: 0; z-index: 999; padding-top: 0; box-shadow: #e0e7ec 1px 1px 3px; }
#mnavh { top: 22px; right: 0; position: absolute; }
#mnavh.open:after { position: fixed; width: 40%; height: 40px; content: ""; right: 0; top: 64px; }
nav { background: none; height: auto; padding-left: 0; margin-top: 0; }
nav .mobnav { width: 100%; background: rgba(0,0,0,0.7); overflow: hidden; }
.mobnav a:hover{
    color: #333;
}

.tb_tags li { width: 25% }

.wzfaq ul { padding: 10px; }

.lbox { width: 68% }
.rbox { width: 30% }
.pics li i{height:120px}
}
 @media (max-width: 925px) {
     
        .my-banner {
                 height: 240px;
                 padding-top: 70px;
             }
              .my-banner .title {
                 font-size: 24px;
                 margin-bottom: 30px;
    
    
              }
              .swiper-button-next{
                  top: auto;
                  bottom: 50%;
                  right: 10px;
       
              }
               
              
                .swiper-button-prev{
                   top: auto;
                  bottom: 50%;
                  left: 10px;
               
              }
     .page_title2 .mymenu{
    
    display: block;
}         
     .pagedh{display:none;}
.box_l { width: 54% }

.mobnav { display: none;z-index:30;}
.mobnav ul.sub {
    
    width: 100% !important;
  
    opacity: 1; 
    position: relative;
        
    
}
.mynav{
    display: none;
}
.mobnav ul.sub li {
    
    width: 32%;
    text-indent: 0px;
    border-bottom: none; 
    text-align: center;
    height: 50px;
    float: left;
  
}
.mobnav>li { width: 85%; margin: 0; background: #fff; line-height: 50px; float: left; clear: both; font-size: 15px; border-bottom: #f2eded 1px solid; text-indent: 2em; padding: 0; }
.mobnav li a { text-align: left; width: 100%; padding: 0; line-height: 50px; }
nav ul li a#selected, nav ul li a:hover { border-radius: 0; }
.mobnav>li:last-child { padding-bottom: 100%; }
nav ul li { border-radius: 0; }
nav ul li a#selected { border-radius: 0; }
.ovhi { overflow: hidden }
.btn_menu { display: none }
.logo img { margin-left: 40px; }

.side_nav { display: none }
article { margin: 20px auto; }

.banner { margin-bottom: 20px }
.is-fixed { position: absolute; }
nav ul li { text-indent: inherit }
.open .navicon:before, .open .navicon:after { width: 26px }
.mobnav ul.sub li a { display: block;text-align:center; }
.sub2 { display: block; position: initial; }
.mobnav ul.sub2 li { text-indent: 6em; }
.mobnav li.selected a:after, .menu:after, li.menu2:before { display: none }
.lbox { width: 100% }
.rbox { display: none }

.faq_rbox { width: 100% }
.faq_lbox { width: 100% }
.hide_mobile{
    display: none;
}

}


 @media (max-width: 767px) {
main, .box { width: 96% }
main { margin: 60px auto 0 }
header { height: 50px }
.headerline{
    height: 50px;
}
#mnavh { top: 0; height:50px;}

.logo  { font-size:24px;line-height:50px }

  .item-list .item{
            width: 49%;
            
       }

}
 @media (max-width: 640px) {
     
     .ceshi_item .gocs{
         position: relative;
         width: 50%;
         margin-top: 20px;
         text-align: center;
         margin: 0px auto 20px;
    
     }



     
     .home-banner {
  padding-top: 40px;
    height: 320px;
    overflow: hidden;
     }
     nav .mobnav { width: 110%; margin-left: -10px; }
     .jglist  a{width:100%;}
     .sch-box .left{
         display: none;
     }
     
     .sch-box .right{
         width:  100%;
     }
     .flexlist .csitem{
    width: 49%;
    
    box-sizing: border-box;
    
}
.faq li span { display: none }
.logo img { height: 22px; margin: 10px 0 0 0; }

h2#mnavh { left: 10px; top: 0; }
header { height: 50px; border-bottom: none; }
#mnavh.open:after { top: 40px }
.is-fixed { top: 44px; }

.banner { margin-bottom: 20px }
article { margin: 10px auto; }
.banner { margin-bottom: 10px }
.blog_list ul li i { width: 30%; height: 72px; margin: 12px 0 0 12px; }
footer { font-size: 12px; }
.con_tit { margin: 20px 0; }
.con_tit h1 { font-size: 24px; line-height: 34px; }
.content blockquote { padding: 20px; }
.content blockquote:before { display: none }
.swiper-pagination { display: none }
.fmpic { width: 100%; height: auto; margin-bottom: 10px }
.crossd { padding: 15px; border-radius: 4px; margin-bottom: 15px; }
.crnews { width: 100% }
.fmpic span { font-size: 16px; border-radius: 6px; }
.h_title { font-size: 18px; margin-bottom: 10px; }
.h_title span { font-size: 12px; height: 24px; line-height: 24px; margin-top: 3px; }
.h_title span a { padding: 0 15px; }
.banner, .swiper-slide img { border-radius: 4px !important; }
.crnews li i { width: 100px; height: 60px; margin-right: 15px; }
.crnews li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flow-root; }
.crnews li h3 { font-size: 15px; margin: 10px 0 0 0; }
.news_tit { overflow-x: scroll; }
.news_tit #tab { width: max-content; overflow-x: scroll; }
#tab li { padding: 10px 15px; font-size: 15px; }
.pics li { width: 48%; margin-bottom: 10px; margin-right: 0;}
.pics ul { padding: 0;justify-content: space-between; }
.pics { margin: 10px; }
.pics ul li p { display: none; }
.pics ul li h3 { font-size: 14px; line-height: 21px; height: auto; min-height: 42px; font-weight: normal; }
.crotab { border-radius: 4px; margin-bottom: 15px; }
.news_tit { border-radius: 4px 4px 0 0; }
.crpics { width: 100% }
.crpics li i { height: 100px; }
.crpics li h3 { font-size: 12px; line-height: 30px; width: 96%; }
.ennews { padding: 15px; margin-bottom: 15px; border-radius: 4px; }
.dnews section { width: 100%; margin-bottom: 15px; }
.dnews { display: block; }
ul.dn_top li i { width: 100px; height: 60px; }
ul.dn_top h4 { margin-top: 10px; font-size: 15px;}
.dnews h3 { font-size: 14px; }
.links { border-radius: 4px; padding: 10px; font-size: 12px; margin-bottom: 0px; }
main { margin: 15px auto; }
.weizhi { margin-bottom: 10px; }
.newslist { padding: 10px; margin-bottom: 0; border-radius: 4px; }

.page_title { font-size: 16px; clear: both; overflow: hidden; padding: 10px 0; }
#pageContents { display: block; width: 100%; font-size: 14px; margin-top: 15px; }
#pageContents a { margin: 0; padding: 2px 10px; }
.blogs_list li { height: 82px; padding: 15px 0; }
.blogs_list li i { width: 100px; height: 60px; margin-right: 10px; }
.blogs_list li h2 { font-size: 15px; margin-bottom: 5px; -webkit-line-clamp: 1; }
.blogs_list li p { font-size: 12px; }
.blogs_info { bottom: 10px; }
.blogs_list li em { display: none; }
.blogs_list section { display: contents; }
.pagelist { padding: 20px 0 0 0; }
.mb_text { padding: 10px; border-radius: 4px; margin-bottom: 15px; }
h1.ar_title { margin: 10px 0 15px 0; font-size: 20px; }
.ar_info { font-size: 12px; margin-bottom: 20px; }
.ar_info span:after { content: "/"; top: -1px; background: none; color: #e6e3e3; border-radius: 0; }
.content { font-size: 15px; }
.diggit { font-size: 14px; width: 140px; margin: 20px auto; }
.tags_list a { font-size: 12px; }
.tags_list { margin: 20px 0; padding: 0; }
.info-pre-next li { width: 100%; font-size: 14px; line-height: 30px; }
.info-pre-next li a { font-size: 14px; }
.info-pre-next { padding: 10px 0; border-radius: 4px; margin-bottom: 0; }
.other { margin-bottom: 0; padding: 10px; border-radius: 4px; }
h4.btitle { font-size: 16px; }
.white_box { padding: 15px 10px; margin-bottom: 0; border-radius: 4px; }
.tb_tags li { width: 115px; font-size: 14px; }
.line_title { font-size: 20px; margin-bottom: 26px; }
.crnews.fl { width: 100%; margin-bottom: 20px;}
.pics li i { height: 100px;}
}

