body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a,a:hover{ text-decoration:none;}
body{ color: #333333; font-size: 16px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.midd{ width: 1400px; margin: 0 auto;}
.logo img{ display: block; width: 239px; height: 50px;}
.nav_wrap{position: sticky; top: 0; width: 100%;   z-index: 100;    background:rgb(0 0 0 / 42%);  height: 84px;}
.navbox{ display: flex; align-items: center;  justify-content: space-between; padding:15px 0;}
.nav{  height:44px; line-height:44px;  position:relative; z-index:1;  flex: 1;  box-sizing: border-box; padding-left: 200px; display: flex; align-items: center;  }
.nav a{ color:#fff;  }
.nav .nLi{  position:relative;  flex: 1;  }
.nav .nLi h3{ text-align: center;}
.nav .nLi h3 a{ display:block;  font-size:18px; font-weight: normal;  text-shadow: rgba(0,0,0,0.6)0 0 6px; }
.nav .sub{ display:none; width:100%; left:0; top:66px;  position:absolute;  background: #ffffff; line-height:26px; }
.nav .sub li{ zoom:1; line-height: 44px; text-align: center; border-bottom: #89ccff8f  1px dashed; }
.nav .sub li:nth-last-child(1){border-bottom:none;}
.nav .sub a{ display:block; transition: all 0.3s ease; color:#333;  }
.nav .sub a:hover{  color:#fff;background: #da1619; display: block; }
.nav .on h3 a{color: #da1619; font-weight: bold; position: relative; text-shadow: #ffffff9e  0px 0px 15px; }
.nav .on h3 a::after{ display: block; content: ''; position: absolute; width: 20px; height: 2px; background-color: #da1619; left: 50%;  margin-left: -10px; animation: dot 0.5s ease forwards; opacity: 0;}
@keyframes dot{
	from{ opacity: 0;  bottom:5px;}
	to{ opacity: 1;  bottom:-5px;}
}
.slideBox{overflow:hidden; position:relative; margin-top: -84px;  z-index: 1; width: 100%; background-color: #fff; height: 660px; }
.slideBox .hd{  overflow:hidden; position:absolute; right:0; bottom:10px; z-index:10; width: 100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1; display: flex; align-items: center; width: 100%; justify-content: center; }
.slideBox .hd ul li{   width:62px; height:7px; text-align:center; background:#e5f4ff; cursor:pointer; border: #c9e3fc 1px solid; text-indent: -9999px; margin: 0 5px; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; transition: all 0.2s;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; transition: all 0.2s;  }
.slideBox .bd li a{ display: block; height: 660px;}
.slideBox .bd li:hover{ transform: scale(1.02);}
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:50px; height:50px; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .prev .iconfont,.slideBox .next .iconfont{font-size: 40px; color: #fff;}
.slideBox .next .iconfont{ display: inline-block; transform: rotate(180deg);}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.box1{ background: url(../images/bg1.jpg) no-repeat center top #fff;     padding-bottom: 75px;}
.box1_info{ display: flex; padding: 80px 0; align-items: stretch;}
.box1_info .right{ width: 800px; border-radius: 5px; overflow: hidden;}
.box1_info .right .mediabox{ position: relative; height:480px;}
.box1_info .right .mediabox img{ position: absolute; z-index: 1; width: 100%; height: 100%; transition: all 0.2s ease;}
.box1_info .right .mediabox:hover img{ transform: scale(1.05); display: block;}
.box1_info .right .mediabox::before{ display: block; position: absolute; content: ''; z-index: 10; background: #00000045; width: 100%; height: 100%; top: 0; left: 0;}
.box1_info .right .mediabox .iconfont{ position: absolute; z-index: 20; left: 50%; top: 50%; font-size: 80px; margin: -40px 0 0 -40px; color: #ffffffb0; transition: all 0.2s ease; display: block;}
.box1_info .right .mediabox:hover .iconfont{  transform: scale(1.3);}
.box1_info .left{ flex: 1; overflow: hidden; box-sizing: border-box; padding-right: 90px; display: flex; flex-direction: column; justify-content:space-between;}
.box1_info .left h2{ font-size: 36px; line-height: 55px; }
.box1_info .left h3{ color: #467fb4; font-size: 22px; font-weight: normal;} 
.box1_info .left p{ padding: 0px 0 0 0; text-indent: 2em; line-height: 28px; font-size: 16px;}
.box1_info .left .icons{ padding: 60px 0 0 0; display: flex; align-items: center;}
.box1_info .left .icons .item{ display: flex; align-items: center;}
.box1_info .left .icons .item .circle{ width: 118px; height: 118px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #faeeee; color: #da1619; border: #fce2e2 2px solid; box-sizing: border-box;}  
.box1_info .left .icons .item .circle .iconfont{ font-size:56px;}
.box1_info .left .icons .item .txt{ padding:0 30px 0 20px; white-space: nowrap;  }
.box1_info .left .icons .item .txt .txt1{ color: #da1619; font-size: 18px;}
.box1_info .left .icons .item .txt .txt1  strong{ font-weight: bold; font-size: 46px;}
.box1_info .left .icons .item .txt .info{ font-size: 14px; color: #474747; }
.slideBox2{ position:relative;   z-index: 1; width: 100%; background-color: #fff; }
.slideBox2 .hd{  overflow:hidden; position:absolute; right:0; top:15px;z-index:10; width: 100%; padding-bottom: 20px; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; display: flex; align-items: center; justify-content: center; height:80px; background-color: #fff; border-radius: 10px; box-sizing: border-box; padding: 0 50px;  border: #e9f4fd  1px solid; transition: all 0.3s; }
.slideBox2 .hd ul:hover{box-shadow: rgba(0,0,0,0.1)10px 10px 10px;}
.slideBox2 .hd ul li{ flex: 1; color: #636363; display: flex; align-items: center; justify-content: center;}
.slideBox2 .hd ul li .iconfont{ font-size: 45px; color: #c3d5dc;}
.slideBox2 .hd ul li h4{ font-weight: normal; font-size: 24px; padding-left: 15px;}
.slideBox2 .hd ul li.on .iconfont{ color: #da1619; }
.slideBox2 .hd ul li.on h4{ color: #333; font-weight: bold;}
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position: relative; z-index: 1; height:540px; }
.slideBox2 .bd .info{ position: absolute; width: 100%; height: 100%; text-align: center; z-index: 10; left: 0; color: #fff;  opacity: 0; animation: info 0.5s ease forwards; display: flex; align-items: flex-end; justify-content: center; box-sizing: border-box; padding-bottom: 80px;}
@keyframes info{
	from{ opacity: 0; top: 100px;}
	 to{ opacity: 1; top: 0;}
}
.slideBox2 .bd .info h2{ padding: 0px 0 0 0; font-size:38px; text-shadow: rgba(0,0,0,0.5)0 0 10px; font-weight: normal;}
.slideBox2 .bd .info h3{ font-size:45px; text-shadow: rgba(0,0,0,0.5)0 0 10px;    padding-top: 90px;} 
.slideBox2 .bd .info p{ font-size: 16px; padding-top: 40px; line-height: 36px; text-shadow: rgba(0,0,0,0.5)0 0 10px;}
.slideBox2 .bd .info .btns{ width: 225px; height:60px; display: inline-block; border-radius: 5px; line-height:60px; border: #fff 2px solid; font-size: 18px; margin-top: 40px; transition: all 0.5s ease; color: #fff;}
.slideBox2 .bd .info .btns:hover{ background-color: #fff; cursor: pointer;  color: #333;}
.box2{ position: relative; z-index: 10;margin-top: -60px;}
.box3{ position: relative; z-index: 1; background-color: #f8f8f8; padding: 62px 0 50px 0 }
.box_h2{    font-size: 36px;    line-height: 55px; font-weight: bold; text-align: center; line-height: 70px;}
.box_h3{color: #467fb4; font-size: 22px; font-weight: normal; text-align: center;}
.nav_area{flex: 1;}
.nav_area .wapnavbtn{ display:none;}
.newsbox{ display: flex; justify-content: space-between; flex-wrap: wrap; padding:50px 0 20px 0;}
.newsbox li{ width: 31%; background-color: #fff; margin-top: 15px; transition: all 0.2s ease; border-radius: 5px;}
.newsbox li:hover{ box-shadow: rgba(0,0,0,0.1)  0 0 20px;  }
.newsbox li .imgbox{ height: 270px; overflow: hidden;}
.newsbox li .imgbox img{ width: 100%; border-radius: 5px; display: block;  transition: all 0.2s ease;}
.newsbox li .imgbox img:hover{ transform: scale(1.05);}
.newsbox li h2{ font-size: 18px; line-height:24px; font-weight: normal; padding: 10px;}
.newsbox li h2 a{ color: #333; transition: all 0.3s; display: block;}
.newsbox li h2 a:hover{ color: #007aad; transform: scale(1.01); }
.newsbox li p{ padding:0 10px; font-size: 14px; color: #646464; line-height: 18px; height: 55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.newsbox li .newsbar{ display: flex; align-items: center; padding: 10px; font-size: 14px;color: #b3b3b3; justify-content: space-between;}
.newsbox li .newsbar .right{transform: scale(1.01); color: #787878;}
.newsbox li .newsbar .right:hover{color: #007aad; cursor: pointer; }
.news_more{ text-align: center; padding-top: 20px;}
.news_more .btns{ display: inline-block; width: 320px; height: 60px; line-height: 60px; border: #e2e2e2 1px solid; color: #808080; background-color: #fff; border-radius: 5px;  position: relative; z-index: 1; overflow: hidden;transition: all 0.2s ease;}
.news_more .btns::after{ display: block; content: ''; position: absolute; width: 0; height: 60px; background-color: #fff; top: 0; left: 0; transition: all 0.5s ease;}
.news_more .btns:hover{ color: #fff;}
.news_more .btns:hover::after{ width: 100%; background-color: #007aad; color: #fff;  border: #00b7ff 1px solid; color: #fff; z-index: -1; }
.box4{padding: 0px 0 70px; background-color: #f8f8f8;}
.box4info{ display: flex; align-items: center;  background-color: #fff;  border-radius: 5px;}
.box4info .left{flex: 1; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; box-sizing: border-box; padding: 5px;}
.box4info .left li{ width: 50%; display: flex; align-items: center; padding: 60px 0; box-sizing: border-box;}
.box4info .left li:nth-child(1){ border-right: #e4e4e4 1px solid;  border-bottom: #e4e4e4 1px solid;}
.box4info .left li:nth-child(2){ border-bottom: #e4e4e4 1px solid; }
.box4info .left li:nth-child(3){ border-right: #e4e4e4 1px solid;  }
.box4info .left li .iconfont{ font-size: 50px; color: #919191; display: inline-block; padding: 0 15px 0 30px;}
.box4info .left li .right{ flex: 1; overflow: hidden; box-sizing: border-box; padding-left: 10px;}
.box4info .left li .right h4{ font-size: 18px; font-weight: normal;}
.box4info .left li .right p{ font-size: 15px; color: #999999; padding-top: 5px;}
.mapbox{ width: 670px; height: 420px;}
.foot{background-color: #3e3e3e; }
.footinfo{ color: #a4a4a4; padding: 50px 0; display: flex; align-items: center; justify-content:space-between;}
.footinfo .mid{ width:120px; text-align: center;}
.footinfo .mid img{ width: 100%; border-radius: 3px;}
.footinfo .mid p{ padding-top: 10px; font-size: 14px;}
.footinfo .left .left_p{ padding-top: 20px;}
.footinfo .left .left_p p{ line-height:180%;; }
.footinfo .right p{ line-height:180%;  text-align: right}
.media{ position: fixed; width: 100%; height: 100%; background-color: #000000e6; top: 0; left: 0; z-index: 999; display: flex; align-items: center; justify-content: center;}
.media_info{ width: 1280px; display: block; margin: 0 auto; animation: media_info 0.5s ease forwards;}
@keyframes media_info{
	from{ opacity:0; margin-top:300px;}
	to{ opacity: 1; margin-top: 0;}
}
.media_info .m_info{ width: 100%;}
.media_info .closebtn{ text-align: center;}
.media_info .closebtn a{ display: inline-block; background: #da1619; color: #fff; padding: 12px 60px; margin-top: 10px; border-radius: 3px; transition: all 0.3s;}
.media_info .closebtn a:hover{  transform: scale(1.1); cursor: pointer;}
.linkbtn{background: #528ec4; color: #fff; font-size: 14px; padding: 3px 0; border-radius: 3px; transition: all 0.2s; margin: 0 auto; display: block; width: 76px; text-align: center; }
.linkbtn:hover{ background: #417baf;}
.classInfo{ display: flex; justify-content: space-between; padding:15px 0;}
.location{ line-height: 55px; font-size: 16px; background: #e5f3ff; box-sizing: border-box; padding: 5px 10px;    margin-top: 15px;}
.location a{display: inline-block; border-radius: 5px; line-height: 45px; color: #333; padding: 0 5px;}
.location a:hover{ color: #fff; background: #cd4f3a;}
.class .classLeft{ width: 350px;}
.class .classRight{ width:1020px;min-height: 600px;}
.class .classLeft .now{background: #528ec4; color: #fff; text-align: center; height: 58px; display: flex; align-items: center; justify-content: center; font-size: 22px; border-radius: 3px;}
.class .classLeft .classNav{padding: 10px 0 0 0;}
.class .classLeft .classNav li{  margin-top: 1px; display: flex; align-items: center;   font-size: 18px;}
.class .classLeft .classNav li a{height: 55px; background: #e5f3ff; width: 100%; color: #000; border-radius: 5px; box-sizing: border-box; padding: 0 5px 0 20px; border-bottom: #528ec4  1px dashed; display: flex; align-items: center;}
.class .classLeft .classNav li a:hover,.class .classLeft .classNav li a.current,.class .classLeft .classNav li.current a{ transition: all 0.2s ease; background: #528ec4; color: #fff; font-weight: bold; font-size: 20px;}
.class .classLeft .classNav li:hover{ transition: all 0.1s ease; transform: scale(1.02);}
.class .classRight .now{    border-bottom: #528ec4  2px solid; display: flex; align-items: center; justify-content: space-between;}
.class .classRight .now strong{ border-radius: 5px 5px 0 0; background: #528ec4; padding: 0 30px; color: #fff; text-align: center; height: 55px; line-height: 55px; font-size: 20px; display: inline-block; font-weight: bold;}
.class .classRight .content{ min-height: 500px; background: rgba(255,255,255,0.7); box-sizing: border-box; padding: 15px; margin-top: 15px;}
.class .classRight .content li{ padding: 8px 0;display: flex; align-items: stretch;     justify-content: space-between;}
.class .classRight .content li .time{border-radius: 5px; overflow: hidden; width: 130px; text-align: center; display: flex; flex-direction: column;}
.class .classRight .content li .time span{line-height: 45px; background: #9ccaf3; font-size: 22px; font-weight: bold; color: #2f6a9f;}
.class .classRight .content li .time em{line-height: 45px; background: #e6e5e5; font-size: 20px;}
.class .classRight .content .cright{ width:840px;}
.class .classRight .content .cright a{   font-size:20px; color: #000; display: block; height:45px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;    transition: all 0.3s ease; }
.class .classRight .content .cright p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;    font-size: 14px; color: #a5a5a5; line-height:20px; height: 40px; overflow: hidden;} 
.class .classRight .content .cright a:hover{ color: #d10303; transition: all 0.1s ease; transform: scale(1.02); font-weight: bold;}
.class .classRight .content .h1{font-size: 30px; font-weight: bold; line-height: 150%; text-align: center; padding: 20px 0; color: #333;}
.class .classRight .content .tips{background: #e5f3ff; text-align: center; line-height: 55px; color: #333; font-size: 18px; border-radius: 5px; border: #c8e3f9 1px solid;}
.class .classRight .content .infoTxt{ line-height: 180%; color: #333; box-sizing: border-box; padding:30px 0; min-height:700px;width:800px;    margin: 0 auto;}
.class .classRight .content .infoTxt p{font-size: 18px; line-height: 200%;   padding: 5px 0;width:800px;}
.class .classRightPage{ width: 1400px;}
.class .classRight .content .infoTxt img{ max-width: 800px; border-radius: 5px;}
.class .classPage{ width: 100%;}
.left_more{height: 45px; line-height: 45px; display: block; border: #c0daed 1px dashed; width: 220px; text-align: center; border-radius: 3px; margin: 30px 0 0 0; float: right; color: #82b4db; transition: all 0.3s ease; }
.left_more:hover{ background: #82b4db; color: #fff; border: #82b4db 1px solid;}
.footinfo a{    color: #a4a4a4;}
.subbanner{height: 300px; overflow: hidden; margin-top: 15px;  border-radius: 5px;}
.subbanner img{width: 100%;}
.content .title{font-size: 30px; text-align: center;  padding: 15px; box-sizing: border-box;font-weight: bold;}
.content .items{    display: flex;     justify-content: center;}
.content .items .right{    margin-left: 20px; line-height: 180%;}
.content .contents .top{width: 100%; background-color: #e4393c; height: 50px; line-height: 50px;  padding-left: 10px; box-sizing: border-box;    margin: 15px 0 10px 0;    color: #ffffff;}
.content .txt{    line-height: 180%;}
.content .right .top{    font-size: 20px;margin-bottom: 10px;}
.class .classRight .content li.pic_li .picleft{ width: 250px; height: 170px; overflow: hidden; border-radius: 5px; box-sizing: border-box; border: #e7e7e7 1px solid;}
.class .classRight .content li.pic_li .picleft img{height: 172px; width: 100%;  transition: all 0.3s ease;} 
.class .classRight .content li.pic_li .picleft:hover img{ transform: scale(1.05);}
.class .classRight .content li.pic_li .picright{flex: 1; overflow: hidden; box-sizing: border-box; padding-left: 15px;}
.class .classRight .content li.pic_li .picright a{font-size: 20px; color: #000; display: block; max-height: 70px; line-height: 35px; overflow: hidden; transition: all 0.3s ease; text-align: center;}
.class .classRight_left .content li.pic_li .picright a{text-align: left;}
.class .classRight .content li.pic_li .picright a:hover{color: #d10303; transition: all 0.1s ease; transform: scale(1.02); font-weight: bold;}
.class .classRight .content li.pic_li .picright p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #a5a5a5; line-height: 20px; height: 40px; overflow: hidden;}
.class .classRight .content li.pic_li .picright .timepic{color: #9d9d9d; padding-bottom: 20px;}
.class .classRight_pic2 .content{display: flex; flex-wrap: wrap; background: #f3f3f3;     align-items:stretch;}
.class .classRight_pic2 .content li{width: 31.3%; flex-direction: column; margin: 0 1%; background: #fff; box-sizing: border-box; padding: 0; margin-top: 15px; height: 320px; }
.class .classRight_pic2 .content li.pic_li .picleft{width: 100%; height: 230px;box-sizing: border-box; padding: 10px; border: none;}
.class .classRight_pic2 .content li.pic_li .picleft img{    height: 230px;}
.class .classRight_pic2 .content li.pic_li .picright{padding: 10px;}
.class .classRight_pic2 .content li.pic_li .picright .timepic{display: none;}
.classRight .imgbox{position: fixed; z-index: 9999; width: 100%; height: 100%; background: #000000c7; top: 0; left: 0;display: flex; align-items: center; justify-content: center;}
.classRight .imgbox #bigimg{ border-radius: 10px; max-width: 100%;}
.gbi{position: fixed; top: 20px; right: 20px; color: #fff; background: #f73131; padding: 10px 30px; border-radius: 5px; }
.gbi:hover{background: #db1d1d;}

.ad-thumb-list{width: 100%!important; }
.backbtn{color: #ffffff; border: #fb7577 1px solid; height: 35px; line-height: 35px; padding: 0 25px; border-radius: 3px; background: #f78688;     transition: all 0.3s;}
.backbtn:hover{    background: #da1619;}