*{box-sizing:border-box;margin:0;padding:0;}
body {font-family:Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f2f2f2;}
 
 
 
a {color:#333;background:transparent;text-decoration:none;outline:none;cursor:pointer;transition:color 0.1s ease;}
a:hover {color:#ef1f1f;}
a:active {color:#ef1f1f;}
a:active,a:hover {outline:0;text-decoration:none;}
ul li{list-style:none}
input,button{border:none; outline:none;overflow: visible;}

 
 

.wrap{width:1200px;margin:0 auto;overflow:hidden} 
 


.topbar {background-color: #fafafa;    border-bottom: 1px solid #eee; height:35px; line-height:35px;}

.topbar_left {width:500px;float:left;}
 
.topbar_right {width:500px;float:right;text-align:right;}
.topbar_right a {display:block;float:right;padding:0 10px;}

.headwrap{
    height: 134px;
    position: absolute;
    left: 0;
    top: 35px;
    right: 0;
    background: #fff;
    z-index: 920;
}
 
 
.mainbox {width:1200px;margin:0 auto;word-break:break-all;overflow:hidden;}
 
.logo img {cursor:pointer;float:left;    width: 164px;    height: 70px;}
.logo {float:left;margin-top:32px;}
 
.search {width:930px;height:auto;float:left; margin-top:24px; margin-left:100px;}
.search ul{overflow:hidden;position:relative; z-index:10;} 
.search li {float:left;cursor:pointer;width:64px;color:#333333;height:31px;text-align:center;padding:8px;line-height:14px;font-size:14px;border-top-right-radius: 4px;
    border-top-left-radius: 4px;margin-bottom: -3px;}
.search .cur{background-color: #ef1f1f;    color: #fff;} 
 
.search_box {clear:both;height:48px;font-size:0;}
 
.sinput {width:652px;height:48px;color:#333;border:2px solid #ef1f1f;background:#f9f9f9; display:inline-block;padding:6px 15px; font-size:16px;vertical-align:top}
.sbtn {background:#ef1f1f;width:120px;font-size:18px;height:48px;color:#ffffff;cursor:pointer; font-weight:700; margin-left:-2px;line-height:46px;display:inline-block;border-radius: 4px;    border-top-left-radius: 0;border-bottom-left-radius: 0;}
.sbtn:hover{background:#cd1626;}
.sbtn2{ float:right; width:120px;font-size:18px;height:48px;color:#ffffff;cursor:pointer; font-weight:700;  line-height:46px; background-color: #fa6600; display:inline-block; text-align:center;border-radius: 4px;}
.sbtn2:hover{background:#d74b00;color:#fff;}
 
 
 
.menuwrap {width:100%;margin-top:134px;background:#fff;overflow:hidden;}
 
.menuwrap li {float:left;margin-right:20px;padding:12px;line-height:16px;font-size:16px; font-weight:700;}
.menuwrap ul li:first-child {width:237px; background-color: #ef1f1f;color:#fff;text-align:center;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}

.nav_second {width:237px;border:1px solid #e6e6e6;border-top:0;background:#fafafa;height:440px;padding:10px 0;position:relative; float:left;}
.nav_second li {display:block;height:32px;padding-left:17px;font-size:14px;line-height:32px;overflow:hidden;cursor:pointer;}
.nav_second li i {background:url(images/classmenu1.png) no-repeat;}
.nav_second li i {display:block;width:16px;height:16px;float:left;margin:9px 8px 0 0}
.nav_second li a {margin:0 5px}
.nav_second li:hover i {-webkit-transition:all .5s ease;transition:all .5s ease}
.nav_second li .i1 {background-position:0 0}
.nav_second li .i2 {background-position:0 -54px}
.nav_second li .i3 {background-position:0 -103px}
.nav_second li .i4 {background-position:0 -157px}
.nav_second li .i5 {background-position:0 -211px}
.nav_second li .i6 {background-position:0 -265px}
.nav_second li .i7 {background-position:0 -320px}
.nav_second li .i8 {background-position:0 -376px}
.nav_second li .i9 {background-position:0 -432px}
.nav_second li .i10 {background-position:0 -488px}
.nav_second li .i11 {background-position:0 -544px}
.nav_second li .i12 {background-position:0 -600px}
.nav_second li .i13 {background-position:0 -655px}
.nav_second li .i14 {background-position:0 -710px}
.nav_second li .i15 {background-position:0 -766px}
.nav_second li:hover {background:#e60000;color:#fff}
.nav_second li:hover a {color:#fff}
 
.nav_second li:hover .i1 {background-position:0 -28px}
.nav_second li:hover .i2 {background-position:0 -82px}
.nav_second li:hover .i3 {background-position:0 -132px}
.nav_second li:hover .i4 {background-position:0 -186px}
.nav_second li:hover .i5 {background-position:0 -239px}
.nav_second li:hover .i6 {background-position:0 -292px}
.nav_second li:hover .i7 {background-position:0 -348px}
.nav_second li:hover .i8 {background-position:0 -404px}
.nav_second li:hover .i9 {background-position:0 -460px}
.nav_second li:hover .i10 {background-position:0 -516px}
.nav_second li:hover .i11 {background-position:0 -572px}
.nav_second li:hover .i12 {background-position:0 -628px}
.nav_second li:hover .i13 {background-position:0 -683px}
.nav_second li:hover .i14 {background-position:0 -738px}
.nav_second li:hover .i15 {background-position:0 -794px}


.bannerwrap{float:left; width:677px; margin-left:20px;margin-top:15px;}
.topbanner{width:100%;height:298px;}

.swiper {width:100%;height:100%;margin:0 auto; overflow:hidden;position:relative;}
.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;}
.swiper-slide img {width:100%; }
 
.swiper-ico-next {background:url(images/left-right.png) no-repeat center #333;position:absolute;left:0px;top:50%;margin-top:-35px;width:35px;height:70px;z-index:9;display:none;cursor:pointer;opacity:.5;background-position:0px -5px;  }
.swiper-ico-prev {background:url(images/left-right.png) no-repeat center #333;position:absolute;right:0px;top:50%;margin-top:-35px;width:35px;height:70px;z-index:9;display:none;cursor:pointer;opacity:.5;background-position:-35px -5px; }
.swiper-ico-next:hover,.swiper-ico-prev:hover {opacity:.8;}
.topbanner:hover .swiper-ico-next,.topbanner:hover .swiper-ico-prev {display:block;}

.swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
     
    background-color: #ef1f1f;
}
 
.bottombanner{width:100%;height:108px;background:#fff;padding:10px; margin-top:15px;}
.bottombanner li{float:left;margin:0 10px; width:88px;  text-align:center; font-size:0;}
.bottombanner li img{width:55px;height:55px;}
.bottombanner li a{height:25px;line-height:25px; display:inline-block; font-size:12px;}


.rightbanner{width:255px;margin-top:15px;background:#fff; float:right;padding:11px 15px;}

.login-wrap{overflow:hidden;}
.login-img {width:60px;height:60px;float:left;border-radius:60px;background:#eee;overflow:hidden;}
.login-img img {width:100%;height:100%}
.login-tips{width:150px;float:left;margin-left:15px; line-height:30px;}
.login-btn {overflow:hidden;margin-top:15px;margin-bottom:15px;}
.login-btn li {height:35px;width:100px;margin:0 5px;float:left;background:#ef1f1f;text-align:center;font-size:14px; line-height:35px}
.login-btn li a{color:#fff} 
.login-btn .active {background:#fff;border:1px solid #ef1f1f;}
.login-btn .active a{color:#333} 
 
.login-title {height:33px;line-height:33px;width:100%;  background:#f5f8fa; text-indent:10px;margin-bottom:5px;}
.login-list{margin-bottom:3px;}
.login-list li {line-height:24px; height:24px; width:100%;overflow:hidden;}
.login-list li a{display: inline-block; color:#888; font-size:12px;overflow: hidden;-o-text-overflow: ellipsis; text-overflow: ellipsis;    white-space: nowrap }
 

.tuijian-wrap {margin:15px auto;overflow:hidden;width:1200px;background:#fff;padding:20px;}
.tuijian-title {height:50px;font-size:20px;color:#333;font-weight:bold;}
.tuijian-title span {font-size:14px;color:#555;font-weight:normal; margin-left:20px}

.tuijianlist{border:1px solid #eee;overflow:hidden;} 
.tuijianlist .tuijianimgbox {display:flex;align-items:center;justify-content:center;width:180px;height:180px; text-align:center; overflow:hidden; font-size:0;padding:3px;}
.tuijianlist .tuijianimgbox img{ max-height:100%;max-width:100%;transition: all 0.3s;width:auto;} 
.tuijianlist .jiagebox { background:url(images/jiage.png) no-repeat center;height:22px; line-height:22px; width:170px;background-size: cover; margin: 0 5px 5px 5px; position:relative;;}
.tuijianlist .jiagebox .jiage{width:50%; display:block;  text-align:center;color:#fff; font-size:14px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.tuijianlist .jiagebox .buybtn{width:50%;display:inline-block; position:absolute;right:-5px;top:0;   color:#ef1f1f; font-weight:700; font-size:14px}
.tuijianlist .cp-title {height:22px;line-height:22px;color:#333;overflow:hidden;text-overflow:ellipsis;font-size:14px; margin:5px 0;} 
.tuijianlist .tuijianimgbox:hover img{ transform: scale(1.2);}
.tuijianswiper .swiper-ico-next,.tuijianswiper .swiper-ico-prev,.videoswiper .swiper-ico-next,.videoswiper .swiper-ico-prev{display:block;}

.noboeder{border:1px solid #eee;}
.videolist{border:1px solid #eee;overflow:hidden;width:275px; } 
.videobox {display:flex;align-items:center;justify-content:center;width:275px;height:489px; text-align:center; overflow:hidden; font-size:0;padding:3px;}
.videobox video{width:100%;height:100%;}
.video-title {height:44px;line-height:22px;color:#333;overflow:hidden;text-overflow:ellipsis;font-size:14px;  margin:3px;}  


.tuijian2{display:flex;justify-content:space-between; flex-wrap:wrap;}
.tuijian2 .tuijian2list{width:222px;border:1px solid #eee;overflow:hidden; margin-bottom:15px;padding-bottom:15px;}
.tuijian2 .tuijianimgbox {display:flex;align-items:center;justify-content:center;width:220px;height:220px; text-align:center; overflow:hidden; font-size:0;}
.tuijian2 .tuijianimgbox img{ max-height:100%;max-width:100%;transition: all 0.3s;width:auto;} 
.tuijian2 .cp-title {height:44px;line-height:22px;color:#333;overflow:hidden;text-overflow:ellipsis;font-size:14px; margin:0 auto;width:90%;} 
.tuijian2 .jiage{color:#ef1f1f; font-weight:700; font-size:14px; height:25px; line-height:25px;overflow:hidden;margin:0 auto;width:90%;}
.tuijian2 .gongsi{    font-size: 12px;    color: rgb(153, 153, 153);    font-weight: 400;margin:0 auto;width:90%;}
.tuijian2 .tuijian2list:hover{border:1px solid #ef1f1f;}


.qiye{padding-bottom:60px;}
.qiyeswiper{overflow:visible}
.qiyelist{overflow:hidden;width:275px;background:#f5f8fa;padding:15px;display:block; } 
.qiyelist h3{font-size:16px;line-height:40px; text-align:left;}
.qiyelist .vipbox{width:90px; }
.qiyelist .vipbox img{width:100%;}
.qiyelist ul{overflow:hidden;display:flex;flex-wrap:wrap; justify-content:space-between;}
.qiyelist ul li a{width:116px;height:116px;border:1px solid #eee;display:flex;align-items:center;justify-content:center;margin-top:10px; padding:3px;}
.qiyelist ul li img{ max-height:100%;max-width:100%;transition: all 0.3s;width:auto;} 
.qiyepage{bottom:-40px !important;}
.qiyepage .swiper-pagination-bullet{width:50px; border-radius:1px;height:6px;}
 
video{outline:none;}

.footer-wrap{background:#333;padding:30px 0;}
.footer-wrap p{text-align:center;line-height:35px;color:#999;}



  @media(max-width:767px) {
 .app1,.app,.app2,.app3,.right-con,.wrap,.nav_second,.rightbanner,.tuijian-wrap{width:100% !important;margin-left:0;box-sizing:border-box;}
 .ssbox,.login-box,.linkbox,.xinxi_list li span,.topbanner,.search,.menuwrap,.bannerwrap,.tuijianswiper {display:none !important;}
 .sy2023list li{width:100% !important;}
 .xinxi_list{padding:10px;}
 .xinxi_list li{width:100% !important;}
 .vipqy{width:100% !important;margin-top:0;box-sizing:border-box;height:auto;}
 .left-list ul li{padding:0}
 .left-list ul li .imgbox{width:70px;height:70px;}
 .left-list ul li img{width:100%;height:100%;}
 .left-list ul li p{display:none;}
 .left-list ul li .titlebox{ width:calc(100% - 80px);}
 .left-con{width:100% !important;padding:10px;box-sizing:border-box;}
 .right-con{width:100% !important;padding:10px;box-sizing:border-box;}
 .topimglist li{width:48%;height:180px;}
 .topimglist li img{height:150px;width:100% !important;float:none}
 .left_img_list,.right_text_list{width:100% !important;}
 .appleftbox{display:block !important;padding:5px;}
 .left_img_list li img{width:100%; float:none;heigh:100%}
 .left_img_list li{height:auto;width:48%;}
 .left_img_list li .right-txt-box{width:100%;float:none}
 .left_img_list li .right-txt-box p{display:none;}
 .leftappbox{width:100% !important;}
 .topimglist li .right-txt-box{float:none;width:100%;}
 .appleft{width:100% !important;}
 .left_img_list ul{justify-content:space-between}
 .right_text_list li{width:100%;}
 .tuijian3 li{width:100%!important;}
 }