*{margin: 0;padding: 0;box-sizing: border-box} ul,ol{list-style: none;} a{text-decoration: none} input{border: none} body{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); font-family:'Microsoft Yahei',Helvetica Neue,Helvetica,Arial;} .hdx{border-bottom: 1px solid #ccc} .hdtop{height: 125px;position: absolute;z-index: 100;margin: auto; left: 0; top: 15px; right: 0; } .hdtop .hdtopfl img{padding-top: 10px} .hdtop .hdtopfr img {float: right;padding-top: 25px;text-align: right;} .hdtop .search{ position:absolute; right:0; top:25px; } .hdtop .search .so{padding-left: 5px; width:240px; height:32px; border:1px solid #d4d4d4; background:#fff; outline:none; color:#333;font-size: 14px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .hdtop .search .btn{ width:50px; height:32px; background:#bf0217;border: none;margin-top: -3px;margin-left: -5px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .header{position: relative;z-index:5;width:100%;height: 50px; background: #bf0217} .header nav ul li{position:relative;float:left;padding:0 45px} .header .logo { line-height: 60px; } /* .header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)} */ .header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:50px} .header nav ul li:hover { background: #ac0114} .header nav ul li:hover a { color:#fff;} .header nav ul li.layui-this-moren{ color:#fff;background: #ac0114} .header nav ul li a.layui-this-moren{ color:#fff;} .header nav ul li>a{position:relative;height:50px;line-height:50px;color:#fff;font-size:16px;display: inline-block;} .header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#bf0217;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s} .header nav ul li .sub-nav{position:absolute;visibility:hidden;opacity:0;z-index:1;top:100px;left:50%;width:154px;color:#fff;background:#ebe9e9;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s} .header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center;color:#333;} .header nav ul li .sub-nav a:hover{background:#bf0217; color:#fff;} .header .language{color:#333} .header .language em{height:100px;line-height:50px;cursor:pointer;padding-right:15px} .header .language em::after{position:absolute;content:'';top:50%;right:0;border-top:4px solid #333;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .header .language ul{z-index:1;width:100%;top:100px;left:50%;background:rgba(255,255,255,.5);transform:translateX(-50%);-webkit-transform:translateX(-50%)} .header .language ul::after{position:absolute;content:'';left:50%;top:-6px;border-bottom:6px solid rgba(204,204,204,.9);border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .header .language ul li a{height:30px;line-height:30px;border-bottom:1px solid rgba(255,255,255,.2)} .header .language ul li a:hover{text-decoration:underline; color:#bf0217;} .dn{display: none} /* 留言 */ .liuyan{padding: 40px;} .btnn img{display: block;width: 100%;} .btnn{ z-index: 1000; position: fixed;bottom: 20%;right:0 ;} .shipin{width:800px;height: 400px;background: #fff; position:fixed; left:30%; top: 30%; display: none; z-index: 3;z-index: 1000;} .cclose{width:24px; height: 24px; background: #fff; color: #000; text-align: center; line-height: 24px;font-size: 20px; cursor: pointer; position:absolute;right:-24px;top: 0} .cceng{width:100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 200; display: none;}; /*海报区域*/ .banner{ width:100%;position: relative; } .banner .swiper-slide img{ display: block; width:100%;height: 100%;} .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{ background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;} .banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;} .banner:hover .swiper-button-prev{ display: block; } .banner:hover .swiper-button-next{ display: block; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%} .banner .swiper-pagination-bullet{ width:15px; height:15px; opacity: 1; background: #fff;} .banner .swiper-pagination-bullet-active{ width:15px;background: #008ed1 } .newsfr .layui-col-md2 ,.keji .layui-col-md2 { width: 16.66666667% !important; } .news{padding: 30px 0;} .news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:2%} .news .swiper-pagination-bullet{ width:10px; height:10px; opacity: 1; background: none;border: 1px solid #fff;border-radius: 50%;} .news .swiper-pagination-bullet-active{ width:10px;background: #fff } .news .swiper-slide .newspic{position: relative;} .news .swiper-slide img{ display: block; width:100%;height: 100%;} .news .swiper-slide h3{width: 100%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;padding: 0 20px; color: #fff;text-align: center; height: 70px;line-height:40px;background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;z-index: 100;} .news .newsfr{padding-left: 20px;} .news .news1 .newstxt i{text-anchor: middle;margin-top: 10px; width: 5px;height: 5px;background: #666;display:inline-block;margin-left: 15px;} .news .news1 .newstxt h3{padding-left: 15px;color: #666; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;} .news .news1 .newstxt span{float: right;text-align: right;font-size: 14px;color: #666;padding: 0 10px;} .news .news1 .newstxt li:hover h3{color: #bf0217;} .news .news1 .newstxt li:hover i{background: #bf0217;} .news .news1 .newstxt li{padding-top: 15px;background: #fff;} .news .news1 .gengduo {height: 45px;background: #f4f4f4; line-height: 45px;text-align: center; color: #666;} .news .news1 .gengduo:hover a{color: #bf0217;} .news .newsfr .nsgonggao{padding-top: 20px;} .news .newsfr .nsggtit{height: 45px;line-height: 45px;background: #f4f4f4;} .news .newsfr .nsggtit img{padding-left: 10px;float: left;padding-top: 12px;} .news .newsfr .nsggtit p{float: right;padding-right: 32px;} .news .newsfr .nsggtit a:hover{color: #bf0217;} .news .newsfr .nsggtxt i{text-anchor: middle;margin-top: 10px; width: 5px;height: 5px;background: #666;display:inline-block;margin-left: 15px;} .news .newsfr .nsggtxt h3{padding-left: 15px;color: #666; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;} .news .newsfr .nsggtxt span{float: right;text-align: right;font-size: 14px;color: #666;padding: 0 10px;} .news .newsfr .nsggtxt li:hover h3{color: #bf0217;} .news .newsfr .nsggtxt li:hover i{background: #bf0217;} .news .newsfr .nsggtxt li{padding-top: 15px;background: #fff;} .news .newsfrxia li {transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .news .newsfrxia li:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);} .news .newsfrxia li a{background:#fff ;display: block;text-align: center;} .news .newsfrxia li img{padding: 15px 0 20px 0;} .news .newsfrxia li p{padding-bottom: 15px;} .news .newsfrxia li a:hover{color: #bf0217;} .news .newsfrxia{padding-top: 25px;} .quanshudanwei{width:23.333333% !important} .quanshudanwei img{width: 35%;} .fenzhi li p{font-size:18px !important} .zhengdong .kejifl .keji i{text-anchor: middle;margin-top: 10px; width: 5px;height: 5px;background: #666;display:inline-block;margin-left: 15px;} .zhengdong .kejifl .keji h3{padding-left: 15px;color: #666; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;} .zhengdong .kejifl .keji span{float: right;text-align: right;font-size: 14px;color: #666;padding: 0 10px;} .zhengdong .kejifl .keji li:hover h3{color: #bf0217;} .zhengdong .kejifl .keji li:hover i{background: #bf0217;} .zhengdong .kejifl .keji li{padding-top: 15px;background: #fff;} .zhengdong img{padding-bottom: 15px;} .fenzhi li{margin-left:20px} .jigoutit{height: 45px;background: #f4f4f4;} .jigoutit img{padding: 12px 0 0 5px;} .jigouxia{padding: 25px 100px;background: #fff;} /* .jigouxia li{text-align: center;} */ .jigouxia li{padding:10px} .jigouxia li p{font-size: 18px ; color: #666;} .jigouxia li img{padding-right: 10px;} .jigouxia li:hover p{color: #bf0217;} .indexc{width:49.8999% !important} .xiangmu{padding-top:50px;} .xiangmutit{height: 45px;background: #f4f4f4;} .xiangmutit img{padding: 12px 0 0 5px;} .xiangmutit p{float: right;color: #666; line-height: 45px;padding-right: 2%;} .xiangmutit a:hover{color:#bf0217;} .xiangmu .anlicon{ position:relative; margin-bottom:40px;} .xiangmu .swiper-container{ margin-top:0px;} .xiangmu .swiper-slide{ width:263px;} .xiangmu .swiper-slide img{ display:block; width:100%;transition: 1s } .xiangmu .swiper-slide .anlipic{overflow: hidden;} .xiangmu .swiper-slide .anlipic:hover img{ transform: scale(1.1)} .xiangmu .anlicon{background: #fff;padding: 35px;} .xiangmu .swiper-slide:hover h3{color: #d3d3d3} .xiangmu .anlicon .swiper-slide:hover p{color: #bf0217} .xiangmu .anlicon p{ font-size:14px; padding:20px 10px 50px 10px; line-height:1.6em;color: #232323;font-size: 14px;text-align: center;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;} .xiangmu .swiper-pagination-bullet{ width:12px; height: 12px; opacity: 1; background: #d5d5d5; border-radius: 50%; } .xiangmu .swiper-pagination-bullet-active{ width:12px;background: #bf0217 } .youqingtit{height: 45px;background: #f4f4f4;} .youqingtit p{line-height: 45px;font-size: 18px;color: #bf0217;font-weight: 520;} .youqingtxt{background: #fff;padding: 30px 0;} .youqingtxt li{padding-bottom: 20px;} .youqingtxt i{width: 5px;height: 5px;background: #666;display: inline-block;margin-right: 5px;margin-top:8px;float: left;} .youqingtxt p{color:#666;font-size: 12px;} .youqingtxt ul{padding-left:20px;} .youqingtxt li a{display: block;} .youqingtxt li a:hover p{color: #bf0217;} .youqingtxt li a:hover i{background: #bf0217;} .footer{background: #bf0217; text-align: center;padding: 25px 0;color: #fff;margin-top: 40px;} .footer p{padding-bottom: 10px;font-size: 14px;} .footer p a{ color:#fff;} .footer p:last-child{padding: 0;} .hdtopny{height:105px; } .hdtopny .hdtopnyfl img{padding-top: 15px} .hdtopny .hdtopnyfr img {float: right;padding-top: 25px;text-align: right;} .hdtopny .search{ position:absolute; right:0; top:35px; } .hdtopny .search .so{padding-left: 5px; width:240px; height:32px; border:1px solid #d4d4d4; background:#fff; outline:none; color:#333;font-size: 14px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .hdtopny .search .btn{ width:50px; height:32px; background:#bf0217;border: none;margin-top: -3px;margin-left: -5px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .chengguo{padding-top: 45px;} .chengguo .chengguoxia li a{background:#fff ;display: block;text-align: center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .chengguo .chengguoxia li img{padding: 15px 0 20px 0;} .chengguo .chengguoxia li p{padding-bottom: 15px;} .chengguo .chengguoxia li a:hover{color: #bf0217;transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);} .nytit{height: 45px;line-height: 45px;background: #f4f4f4;padding-left: 5px;} .nytit a:hover{color:#bf0217;} .nytit a:last-child{color:#bf0217;} .bypage{font-size: 16px;color: #333333;line-height: 36px; padding:0 10px 30px 10px; text-align:justify;font-family:"微软雅黑";} .bypage img{max-width: 100% !important;height: auto;} .chengguo .chengguoxia li a.on2{color:#bf0217;} .chengguotxt{background: #fff;} .jianshe{padding-bottom: 50px;} .jianshecon{background: #fff;padding:0 20px ;} .jianshetit{height: 70px;line-height: 70px;border-bottom: 1px solid #ccc;} .jianshetit h3{font-size: 24px;color: #bf0217;float: left;} .jianshetit .jsdh a{color: #333;font-size: 14px;} .jianshetit .jsdh em{display: block;width:55px;height: 2px;background: #bf0217;margin-top: -3px;display: none;} .jianshetit .jsdh li{float: left;margin-right: 40px;} .jianshetit .jsdh li:last-child{margin: 0;} .jianshetit .jsdh li:hover em{display: block;} .jianshetit .jsdh li em.active{display: block;} .jianshetit .jsdh {float: right;} .jiansheny li{padding-top: 30px;} .jiansheny i{width: 5px;height: 5px;background: #666;display: inline-block;margin-right: 5px;margin-top:8px;float: left;} .jiansheny p{color:#333;font-size: 16px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;} .jiansheny ul{padding-right: 32px;} .jiansheny li:hover p{color: #bf0217;} .jiansheny li:hover i{background: #bf0217;} .jiansheny li span{float: right;text-align: right;font-size: 14px;color: #999;} .fenzhi{background: #fff;padding-bottom: 150px;padding-top: 30px;} .fenzhi li{text-align:center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .fenzhi li:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);} .fenzhi li p{font-size: 22px;color: #333;padding-top: 40px;} .ditu{padding-top: 50px} .ditu .ditutxt h3{padding: 20px 0;color:#333;font-size: 30px} .ditu .ditutxt p{color:#666666;font-size: 14px;line-height: 36px} .ditu .ditutxt span{display: block;} .kjzc span{ padding-left:25px;} .ditu .ditutxt img{display: block;} .ditufr{padding-left: 20px} .kjzcs{ padding-top:20px;} .event{background: #fff;padding-bottom: 80px;} .event .info{float: left;line-height: 30px;} .event .rel{position: relative;float: left;} .event .con-r{width:100%;padding-left:20%;padding-top: 50px;} .event ul{padding-left:60px;padding-top:45px} .event ul::after,.event ul::before{position:absolute;content:''} .event ul::before{z-index:1;top:0;left:0;width:25px;height:25px;background:url(../images/event_icon.png) no-repeat center} .event ul::after{left:12px;top:0;width:1px;height:100%;background:#e6e6e6} .event li{margin-bottom:.35rem} .event .date{width:85px;height:32px;line-height:32px;background:#e93f37;border-top-right-radius:5px;border-bottom-right-radius:5px;text-align: center; font-size: 16px;color: #fff;} .event .date::after,.event .date::before{position:absolute;content:''} .event .date::before{left:-51px;top:50%;width:7px;height:7px;border:1px solid #999;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .event .date::after{left:-15px;border-right:15px solid #e93f37;border-top:16px solid transparent;border-bottom:16px solid transparent} .event .info{padding-left:.35rem;width: 65%;} .clearfix:after, .mauto:after {clear: both;} .clearfix:after, .clearfix:before, .mauto:after, .mauto:before {display: table;content: "";} .contRightWrap{padding-top: 30px;} .courseList li {padding: 18px 0; border-bottom: 1px solid #eeeeee;} .courseList li:last-child {border-bottom: none;} .courseList li .pic {float: left; width: 20%;overflow: hidden;} .courseList li .cont {float: right; width: 80%;padding-left: 25px} .courseList li .cont h3 { font-size: 16px; font-weight: 600; line-height: 34px;} .courseList li .cont h3 {color: #333333;} .courseList li:hover h3 {color: #da251d;} .courseList li .cont p {color: #666; line-height: 30px;} .courseList li img{transition: 1s} .courseList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .newsList li {overflow: hidden; border: none; margin-bottom: 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .newsList li .pic img {width: 100%} .newsList li .cont {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .newsList li .cont h3 {overflow: hidden; text-overflow:ellipsis; white-space: nowrap;margin-top: 2px; line-height: 28px; font-size: 16px; font-weight: bold;} .newsList li .cont h3 a {color: #333333;} .newsList li .cont h4 {margin-top: 12px; line-height: 24px; color: #adadad;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; font-size:15px;} .newsList li .cont p {color: #999999; line-height: 28px; font-size:14px;padding-top: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .newsList li:hover h3 a {color: #da251d;} .newsList li .cont .more{margin-top: 20px; float: right; border: 1px solid #eee;width:65px ;height: 25px;line-height: 25px;text-align: center; font-size: 14px;} .newsList li:hover .more{color: #da251d;} .xuxian{margin-top:30px;margin-bottom: 40px; border-bottom: 1px dotted #ccc;} .newss{text-align: center;padding: 30px;} .zizhi span{width: 250px;height:160px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;} .zizhi span img{height: 100%;width: 100%;} .zizhi li{display: block;text-align: center} .zizhi li p{padding-top: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ovh { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pager{text-align: center; padding:30px 0;} .pager a{ display: inline-block;width: 27px;line-height: 27px; border: 1px solid #f2f2f2;font-size: 12px;color:#666;margin: 0 5px; } .pager a:hover,.pager a.act{background: #e93f37;color:#fff;border-color: #e93f37;} .pageJump {margin-top: 25px; padding-top: 30px; border-top: 1px dashed #DCDCDC;} .pageJump p {font-size: 16px; line-height: 30px; margin-bottom: 10px;} .pageJump p a {color: #666;} .pageJump p a:hover {color: #bf0217;} @media(max-width:1366px){ .header nav ul li{padding:0 32px} .youqingtxt ul{padding-right: 19px;} } @media(max-width:1200px){ .header nav ul li{padding:0 21px} .jigouxia{padding: 20px 0 ;} .youqingtxt ul{padding-right:6px;} .youqingtxt p{color:#666;font-size: 12px;} } @media(max-width:1024px){ .btnn{display: none;} .contRightWrap .xuxian{margin: 10px 0} .newsList li .cont .more{margin-top: 5px;} .newsList li .cont p{padding-top: 10px;} .header nav ul li{padding:0 20px;text-align: center} .header .logo img{ height: 60px; } .header nav ul li>a { font-size: 16px; } html.active{height:100%;overflow:hidden} html.active body{height:100%;overflow:hidden} html.active .header-m{left:260px} html.active .header-m::after{display:block} html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000} html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)} html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)} html.active .header-m .m-menu{display:block;left:0} html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)} .news .newsfr .nsggtxt li{padding-top: 7px;} .news .news1 .newstxt li{padding-top: 7px;} .xiangmu .swiper-slide {width: 31%;} .xiangmu .anlicon p{padding: 20px 0 20px 0;} } @media(max-width:993px){ .header nav ul li{padding:0 8px;text-align: center} .hdtop .hdtopfl {text-align: center} .hdtop .hdtopfr img{display: none} } @media(max-width:768px){ .indexc{width:100% !important} .nybn{margin-top: 70px;} .newsList li .cont .more{margin-top: 20px;} .courseList li .pic{width: 35%;} .courseList li .cont{width: 65%;} .ditu .ditutxt h3{font-size: 20px;} .news .newsfr{padding: 30px 0 0 0;} .news .newsfr .nsggtxt li{padding-top: 12px;} .news .news1 .newstxt li{padding-top: 12px;} .jigouxia li p{font-size: 14px ;} .hdtopny{display: none;} .xiangmu .swiper-slide {width: 48%;} .xiangmu .anlicon p{padding: 20px 0 20px 0;} .fenzhi li p{font-size: 16px;} .hdtop{height: 0;} .hdtop .hdtopfr {display: none} .hdtop .hdtopfl img{display: none} .banner{margin-top:70px} .header-m{display:block!important;z-index:999;position:fixed;left:0;top:-1px;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)} .header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)} .header-m .logo{position: relative; padding-left:10px;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .header-m .logo img{max-height:45px; max-width:none;} .header-m .m-menu-b{display:block;position:absolute;top:0;right:0;width:60px;height:70px;cursor:pointer} .header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:2px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#e5494a;} .header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)} .header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)} .header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px} .header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb} .header-m .nav{height:100%;overflow-x:hidden;overflow-y:auto} .header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both} .header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px} .header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s} .header-m .nav>li .sub-nav{display:none} .header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e} .header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s} .header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555} .header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid} .header-m .nav>li.cur{position:relative} .header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s} .header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px} .header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px} .header-m .nav>li.active::after{background:#fff} .header-m .nav>li.active::before{height:0} .header-m .nav>li.active>a{color:#fff;background:#e5494a;} .header-m .nav>li.active>a::after{background:#fff;border-color:#fff} .header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both} .header-m .m-language{position:absolute;left:0;top:0;width:100%;text-align:center} .header-m .m-language a{color:#666;height:70px;line-height:70px;font-size:16px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both; padding:0 10px;} .header{display:none} .main-nav-m{display:block;position:relative;z-index:10;cursor:pointer;} .main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#bf0217;} .main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700} .main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0} .main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s} .main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)} .main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)} .main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)} .main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)} .main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(229,73,74,.8);color:#fff} .main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both} .main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;} .youqing{display: none;} .jianshetit{display: none;} .main-nav-m .title{margin-bottom: 40px;} } @media(max-width:767px){ .contRightWrap{padding-top: 0;} .news .newsfr .nsggtit p{padding-right: 15px;} .banner .swiper-pagination-bullet{ width:10px; height:10px; opacity: 1; background: #fff;} .banner .swiper-pagination-bullet-active{ width:10px;background: #008ed1 } .news .newsfr{padding: 30px 0 0 0;} .zdfr{padding-top: 30px;} .fenzhi li{width:100% !important} .jigouxia li{padding: 10px 12px;text-align:left;} .xiangmu .anlicon{padding: 0;} .xiangmu .swiper-slide {width: 100%;} .xiangmu .anlicon p{padding: 20px 0 40px 0;} .footer p{font-size: 15px;} .chengguo .chengguoxia li img{padding: 10px 0 0 0;} .chengguo{padding-top: 20px;} .chengguo .chengguoxia li p{padding: 10px 0;} .nytit{display: none;} .xiangmu .anlicon{margin: 0;} .fenzhi li {padding-bottom: 50px;} .fenzhi{padding-bottom:10px;padding-top: 20px;} .jianshecon{padding: 0;} .ditufr{padding: 0;} .ditu{padding-top: 20px;} .ditu .ditutxt img{display: block;margin: 0 auto;} .ditu .ditutxt span{text-align: center;padding: 0;padding-bottom: 20px;} .event .info{padding: 0;width: 100%;} .event .con-r{padding-left: 0;} .newsList li .cont .more{margin-top: 20px;} .courseList li .pic{width: 100%;} .courseList li .cont{width: 100%;padding-left: 0;text-align: center;} .newss{height: 0;padding:0 0 50px 0;} .chuxinxx{display: none;} }