/* CSS  */
/* 方正兰亭粗黑简  */
@font-face {font-family: FZLTCHGBK;src: url('https://files.offcn.com/font/FZLTCHGBK.TTF');}
/* 方正兰亭黑简  */
@font-face {font-family: FZLTHGBK;src: url('https://files.offcn.com/font/FZLTHGBK.TTF');}
* {margin:0;padding:0;outline:none;list-style:none;text-decoration:none;font-family: FZLTHGBK;box-sizing: border-box;}
body,html {color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #eff5ff;font-family: FZLTHGBK;position: relative;font-size: 14px;}
body{min-width: 320px;overflow-x: hidden;}
img{border:none;max-width: 100%;vertical-align: top; }
input, textarea ,select{border:none;background:none;cursor:pointer;vertical-align:middle;font-family: FZLTHGBK;  }
select {border:inherit;background: inherit; }
em, i {font-style:normal;  }
a{color: #000;text-decoration: none;}
a:focus, input, select {outline:none;}
.clearfix {*zoom:1; clear: both; }
.clearfix:after {content:"\200B"; display: block;clear: both;height: 0;}
.fl{float: left;}
.inner{width: 1200px;margin: 0 auto;}


/* header-PC */       
.headerTop{background: #333333}        
.headerTLeft{float: left;}        
.header .logo{position: relative;display: inline-block;padding-right: 20px;float: left;top: 7px;}        
.header .logo img{position: relative;top: 5px;}        
.header .logo::before{content: '';width: 1px;height: 66px;background: #fff;position: absolute;top: 0;right: 0;}        
.headerNavList{display: flex;flex-wrap: wrap;justify-content: space-between;height: 80px;width: 870px;float: right;position: relative; z-index: 9999;}        
.headerNavList li{position: relative;}     
.headerNavList li.marL{margin-left: -20px;}
.headerNavList>li>a{display: block;height: 80px;line-height: 80px;font-size: 20px;position: relative;color: #fff;}        
.headerNavList>li>a::before{content: '';width: 11px;height: 8px;background: url("http://www.kaoyan365.cn/statics/images/ztimages/jthei.png") no-repeat center;position: absolute;right: -24px;top: 50%;margin-top: -4px;}        
.headerNavList>li:nth-child(1)>a::before,.headerNavList>li:nth-child(7)>a::before{display: none;}        
.headerNavList li:hover>a{color: #df0024;}        
.headerNavList li:hover>a::before{background-image:url("http://www.kaoyan365.cn/statics/images/ztimages/jthong.png") ;}      
.navSub{width: 120px;background: #fff;padding: 15px 5px 15px 15px;position: absolute;top: 80px;left: 0;box-shadow: 0 0 5px #999;display: none;}        
.navSub a{display: block;height: 35px;line-height: 35px;margin-bottom: 2px;padding-left: 20px;position: relative;}        
.navSub a::before{content: '';width: 3px;height: 16px;background: #6b6b6b;position: absolute;left: 0;top: 50%;margin-top: -8px;}        
.navSub a::after{content: '';width: 3px;height: 0;background: #df0024;position: absolute;left: 0;top: 50%;margin-top: -8px;z-index: 2;}        
.navSub a em{font-size: 16px;color: #333;}        
.navSub a:hover em{color: #df0024;}        
.navSub a:hover::after{height: 16px;}        
.headerNavList li:hover .navSub{display: block;}        
.navSub2{display: none;flex-wrap: wrap;justify-content: space-between;width: 270px;}        
.headerNavList li:hover .navSub2{display: flex}    
.navSub2 .navSubCon{width: 50%;}    
/* header-WAP */
.header-wap{display: none;}
.header-wap{height: .6rem;background:#fff;padding: 0.05rem .2rem 0;overflow: hidden;width: 100%;}
.header-wap .logo{display: block;float: left;width: 1.72rem;position: relative;top: .05rem;}
.headTel{display: block;float: right;padding-left: .32rem;color: #333;height: .5rem;line-height: .6rem;font-weight: bold;background: url(http://www.kaoyan365.cn/statics/images/ztimages//headTel.png) no-repeat left 0.16rem;background-size: .2rem auto;font-size: 0.2rem;}
.banner img{width: 100%;height: auto;margin-bottom: 3%;}
.banner-wap{display: none;margin-bottom: 0.5rem;}
.part1{position: relative;}
.conBox{width: 1200px;background: #5473f8;border-radius: 6px;margin: 0 auto;padding-top: 14px;position: relative;}
.part1 .conBox .top{background: #fff;border-radius: 6px;width: 97.6%;margin: 0 auto;padding: 5% 0 7%;}
.listBtn{width: 90%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.listBtn li{font-size: 20px;color: #4f6bf7;width: 23%;height:48px;line-height: 48px;border: 1px solid #5473f8;border-radius: 50px;text-align: center;margin-bottom: 3%;cursor: pointer;}
/* .listBtn a{color: #ff6600;transition: 0s;display: block;width: 100%;height: 100%;} */
.listBtn li:hover{background: linear-gradient(to bottom, #53aefe, #506cf7);background-size: 100% 100%;color: #fff;border: none;}


.listBtn li.change{border: 1px solid #ff6600;}
.listBtn li.change a{color: #ff6600;transition: 0s;display: block;width: 100%;height: 100%;}
.listBtn li.change:hover{background: linear-gradient(to top, #ff6600, #ffb124);background-size: 100% 100%;border: none;}
.listBtn li.change:hover a{color: #fff;transition: 0s;}


.part1 .bot{font-size: 16px;color: #fff;height: 134px;width: 100%;border-radius: 34px 34px 0 0;background: #485ef6;line-height: 32px;padding: 3% 3% 0;text-align: justify;margin-top: -5%;}
.part1 .bot img{margin-top: 0.9%;}
.part1 .cir1{position: absolute;left: 0;top:49%;}
.part1 .cir2{position: absolute;right:-130px;bottom: -130px;}
.part2 {text-align: center;background: url(../images/bg1.png) no-repeat bottom center;padding-bottom: 8%;}
.part2 i{font-size: 74px;color: #e2edff;display: block;font-weight: bold;padding-top: 4%;}
.part2 h2{margin-top: -2.6%;margin-bottom: 3.2%;}
.part2 h2 b{font-size: 42px;color: #333;position: relative;}
.part2 h2 span{color: #485ef6;}
.part2 h2 b::before{content: "";background: url(../images/icon2.png) no-repeat; position: absolute;left: -17%;top: 24%;background-size: 100% 100%;width: 13.4%;height: 48%;}
.part2 h2 b::after{content: "";background: url(../images/icon2.png) no-repeat; position: absolute;right: -17%;top: 24%;background-size: 100% 100%;width: 13.4%;height: 48%;transform: rotate(-180deg);}
.part2 .conBox{background: #fff;}
.part2 ul{width: 93.4%;padding: 3% 0;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.part2 ul li{width: 30%;height: 262px;position: relative;}
.part2 ul li i{width: 90%;height: 94%;position: absolute;left: 0;top: 0;background: #eef5ff;border-radius: 20px;}
.part2 ul li h3{width: 90%;height: 94%;background: #5e82fc;position: absolute;right: 0;bottom: 0;border-radius: 10px 10px 30px 10px;text-align: center;}
.part2 ul li img{width: 46.3%;height: auto;margin-top:7%;}
.part2 ul li p{font-size: 16px;color: #fff;font-weight: normal;line-height: 30px;padding: 3% 1%;}
.conBox2{display: none;padding: 5% 0 1%;}
.conBox2 div{width: 90%;background: #5e82fb;border-radius: 10px 10px 30px 10px;margin: 0 auto;display: flex;align-items: center; padding: 2% 0;margin-bottom: 5%;}
.conBox2 div > *{float: left;}
.conBox2 div img{margin-left: 6%;width: 100px;}
.conBox2 div p{text-align: left;color: #fff;font-size: 18px;line-height: 32px;margin-left: 6%;}
.fixRight{width: 104px;height: 296px;position: fixed;left: 10px;top:40%;background: #ffc54e;border-radius: 10px 10px 80px 80px;}
.fixRight li a{display: block;color: #333;}
.fixRight li{width: 78.4%;background: url(../images/line.png) no-repeat bottom center;text-align: center;margin: 14% auto;padding-bottom: 10px;position: relative;}
.fixRight li span{display: block; width: 39px;height: 34px;margin: 0 auto;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fixRight li:nth-child(1) span{background: url(../images/min01.png) no-repeat;}
.fixRight li:nth-child(2) span{background: url(../images/min03.png) no-repeat;}
.fixRight li:nth-child(3) span{background: url(../images/min04.png) no-repeat;}
.fixRight li:nth-child(1):hover span{background: url(../images/min1.png) no-repeat;}
.fixRight li:nth-child(2):hover span{background: url(../images/min3.png) no-repeat;}
.fixRight li:nth-child(3):hover span{background: url(../images/min4.png) no-repeat;}
.fixRight li a:hover{color: #ff6600;}
.fixRight li p{margin-top: 10%;}
.fixRight li.last{background: none;}
.fixRight .close{position: absolute;top: -40px;right: 10px;cursor: pointer;}
.fixRight li:nth-child(2) img{position: absolute;right: -98px;top: -13px;transform: rotateX(90deg);width: 100px;}
.fixRight li:nth-child(2):hover img{-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;transform: rotateY(0);}
.footer-wap{display: none;overflow: hidden;position: fixed;bottom: 0;width: 100%;z-index:999999;}    
.footer-wap a{display: block;float: left;width: 50%;text-align: center;height: .68rem;line-height: .68rem;}    
.footer-wap a em{color: #fff;padding-left: .5rem;background: no-repeat left center;background-size: contain;}    
.footerTel{background: #1b1b1b;}    
.footerTel em{background-image: url(http://www.kaoyan365.cn/statics/images/ztimages//footerTel.png);}    
.footerOnline{background: #f20202;}    
.footerOnline em{background-image: url(http://www.kaoyan365.cn/statics/images/ztimages//footeronline.png);} 
a, *:before, *:after, .navSub {
    -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1500px) { 
	.part2 h2{margin-top: -3.3%;}
}
@media only screen and (max-width: 1300px) { 
	.conBox,.inner{width: 1024px;}
	.header .logo {padding-right:10%;padding-top: 3%;}
	.header .logo::before{height: 54px;top: 6px;}
	.header .logo img{width: 180px;}
	.headerNavList{width: 80%;}
	.headerNavList>li>a{font-size: 19px;}
	.part1 .cir2{width: 180px;height: auto;right:-90px;bottom: -90px;}	
	.part2{background-size: 100% 42%;}
	.part2 h2{margin-top: -3.5%;}
}
@media only screen and (max-width: 1046px) {
	.inner{width: 900px;}
    .header .logo img{width: 172px;}
    .header .logo::before{height: 42px;top: 12px;}
    .headerNavList{width: 78%;} 
	.headerNavList>li>a{font-size: 18px;}
	.fixRight{display: none;}
}
@media only screen and (max-width: 1152px) { 
	.conBox{width: 900px;}	
	.part2 h2{margin-top: -4.3%;}
	.part1 .bot img{margin-top: 1.1%;}	
	.part1 .cir2{width: 120px;height: auto;right:-50px;bottom: -50px;}
	.listBtn li{font-size: 19px;}
}
@media only screen and (max-width:950px) { 
	.conBox{width: 770px;}
	.part1 .conBox .top{width: 96%;}
	.part1 .cir1{display: none;}
	.part1 .cir2{display: none;}
	.part1 .bot img{margin-top: 1.2%;}
	.listBtn{width: 96%;}
	.listBtn li{font-size: 18px;width: 23.4%;}	
	.part2 h2{margin-top: -5.4%;}
	.part2 ul li{height: 220px;}	
	.part2 i{font-size: 72px;}
	.part2 h2 b{font-size: 41px;}
	.part2 h2 b::before,.part2 h2 b::after{width: 10%;height: 46%;}
	.part2 h2 b::before{left: -12%;}
	.part2 h2 b::after{right: -12%;}
	.part2{margin-bottom: .68rem;;}
	.header{display: none;}
	.header-wap{display: block;}
	.offcn_copyright{display: none;}
	.footer-wap{display: block;}
	
}
@media only screen and (max-width:800px) {
	.conBox1{display: none;}
	.conBox2{display: block;}
	.banner{display: none;}
	.banner-wap{display: block;}
	
	
	.conBox{width: 7rem;}
	.listBtn{width: 98%;}
	.listBtn li{font-size: 0.2rem;height: 0.42rem;line-height: 0.42rem;width: 32.4%;}
	
	.conBox2 div p{font-size: 0.2rem;}
	
	
	.part1 .bot{font-size: 0.18rem;}
	.part2 i{font-size: 0.7rem;}
	
	.part2 h2 b{font-size: 0.4rem;}
	.part2 h2{margin-bottom: 0.4rem;}	
	.part1 .bot img{margin-top:0.08rem;}
	
}
@media only screen and (max-width:640px) {
	.part1 .conBox .top{width: 94%;}
	.listBtn{width: 92%;}
	
	.listBtn li{font-size: 0.22rem;height: 0.48rem;line-height: 0.48rem;width: 48%;margin-bottom:0.2rem;}
}

@media only screen and (max-width:414px){
	.listBtn li{font-size: 0.28rem;height: 0.68rem;line-height: 0.68rem;width: 48%;margin-bottom:0.2rem;}
	.part1 .bot{font-size: 0.26rem;line-height:0.34rem;height: 1.68rem;padding:0.2rem 0.2rem 0.1rem;}
	.part1 .bot img{margin-top: 0.06rem;}
	.conBox2 div p{font-size: 0.28rem;}
	.conBox2 div img{width: 1.3rem;margin-left: 0.2rem;}
}