.hide {
  display: none;
}
@font-face {    font-family: 'SourceHanSansCN-Medium';    
src: url('../font/SourceHanSansCN-Medium.woff2') format("woff2"),
     url('../font/SourceHanSansCN-Medium.ttf') format("truetype"),
     url('../font/SourceHanSansCN-Medium.eot') format("embedded-opentype"),
     url('../font/SourceHanSansCN-Medium.svg') format("svg"),
     url('../font/SourceHanSansCN-Medium.oft') format("opentype");
     font-weight:normal;
    font-style: normal;
 }
p,h2,h3,h4,h5,h6,span{
  font-family:'PingFang SC',"Source Han Sans CN" !important;
}

header {
  overflow: hidden;
  width: 100%;
  background: #333333; 
  height: 28px;
}
.kaoyan .ky_item:last-child{
	padding-bottom: 60px;
	margin-bottom: 0;
}
.clear{
  clear: both;
}
.slide_cg .fir_list li:last-child::after{
	display: none;
}
.zhegai{  
      display: none; 
      position: absolute; 
      z-index: 129;  
      left: 0; 
      top: 0; 
      width: 100%;  
      height: 100%;  
      background: rgba(0,0,0,.7); 
       }
.tan1 {
  text-align: center;
      position: fixed;
    z-index: 129;
    top: 19%;
     width: 480px;
height: 540px;
display: none;
margin-left: -240px;
left: 50%;
}
.tan1 img{
  margin: 20px auto 0;

}
.tan1 h5{
    width: 400px;
height: 60px;
background: #FF6418;
border-radius: 10px;
border:0;
margin: 30px auto 0;
display: inline-block;
text-align: center;
line-height: 60px;
font-size: 24px;
cursor: pointer;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;

}
.tan1 .tan1_cont{
   width: 480px;
height: 540px;
background: #fff;
position: relative;
padding-top: 1px;
border-radius: 20px;
}
.tan1 .tan1-close{
  border-radius: 10px;
width: 60px;
height: 60px;
background: #FF6418;
position: absolute;
top: 20px;
right: -20px;
text-align: center;
line-height: 60px;
font-size: 24px;
display: inline-block;
font-weight: bold;
color: #fff;
cursor: pointer;
}
.tan1 p{
  width: 300px;
height: 59px;
font-size: 24px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 36px;
text-align: center;
margin: 0px auto 0;
}
.tan1 p span{
  color: #FF6418;
}
.tan{
  display: none; 
      position: fixed;
    z-index: 129;
    top:19%;
     width: 480px;
height: 522px;

margin-left: -240px;
left: 50%;
}
.tan  .tan_cont{
 width: 480px;
height: 522px;
background: #fff;
position: relative;
padding-top: 1px;
border-radius: 20px;
}
.tan .tan_cont .tan-close{
border-radius: 10px;
width: 60px;
height: 60px;
background: #FF6418;
position: absolute;
top: 20px;
right: -20px;
text-align: center;
line-height: 60px;
font-size: 24px;
display: inline-block;
font-weight: bold;
color: #fff;
cursor: pointer;
}
.tan .fs-tit{
  text-align: center;
}
.tan .fs-tit h2{
  font-size: 36px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #333333;
line-height: 36px;
margin-top: 27px;
}
.tan .fs-tit h2 span{
  color: #FF6418;
  font-weight: bold;
}
.tan .fixed-signup ul li{
  width:400px;
height: 60px;
border-radius: 10px;
margin:20px auto 0;
background: #F6F6F6;
}
.tan .fixed-signup ul li input{
    width:380px;
height: 60px;
background: #F6F6F6;
border-radius: 10px;
border:0;
outline:none;
font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000;
padding-left: 20px;
}
.tan .fixed-signup ul li:nth-child(3) input{
    width: 205px;
}
.tan .fixed-signup ul li:nth-child(3) a{
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FF6418;
    line-height: 58px;
    float: right;
    padding-right: 26px;
}

.tan .fixed-signup ul li input:-moz-placeholder {  
color: #3333;
}  

.tan .fixed-signup ul .btnn{
  width: 400px;
height: 60px;
background: #FF6418;
border-radius: 10px;
border:0;
margin-top: 30px;
display: inline-block;
text-align: center;
line-height: 60px;
font-size: 24px;
cursor: pointer;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
    margin-left: 41px;
}
.set {
  position:relative;
  font-weight:400;
  text-align:center;
  width:200px;
  /* change the width of canvas*/
  height:58px;
  /* change the height of canvas*/
  line-height:200px;
  overflow:hidden;
  position:relative;
  z-index:0;
  color:#000000;
  /* tetx color*/
  background:#fafafa;
  /* backgroud color*/
  cursor:pointer;

}
.anim {
  -moz-transform:translateY(-50%) translateX(-50%);
  -ms-transform:translateY(-50%) translateX(-50%);
  -webkit-transform:translateY(-50%) translateX(-50%);
  transform:translateY(-50%) translateX(-50%);
  position:absolute;
  top:50%;
  left:50%;
  z-index:-1;
}
.anim:before {
  position:relative;
  content:'';
  display:block;
  margin-top:100%;
  background:#6CB1FF;
}
.anim:after {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:50%;
}
.hoverable:hover > .anim:after {
  -webkit-animation:anim-out-pseudo 0.75s;
  animation:anim-out-pseudo 0.75s;
}
.set:hover > .anim {
  -webkit-animation:anim-out 0.75s;
  animation:anim-out 0.75s;
}
@-webkit-keyframes anim-out-pseudo {
  0% {
  background:rgba(255,255,255,0.7);
  /*ripple color and tranparent*/
}
100% {
  background:transparent;
}
}@-webkit-keyframes anim-out {
  0% {
  width:0%;
}
100% {
  width:100%;
}
}


.bg3:hover > .anim:after {
  animation-name: pagereded;
  animation-duration:0.75s;
  -webkit-animation-duration:0.75s;
}
@-webkit-keyframes pagereded {
  0% {
  background:rgba(204,51,51,0.6);
  /*ripple color and tranparent*/
}
100% {
  background:transparent;
}
}@-webkit-keyframes pagered-out{
  0% {
  width:0%;
}
100% {
  width:100%;
}
}


.bg4:hover > .anim:after {
  animation-name: pagerededs;
  animation-duration:0.75s;
  -webkit-animation-duration:0.75s;
}
@-webkit-keyframes pagerededs {
  0% {
  background:rgba(240, 152, 69, 0.4);
  /*ripple color and tranparent*/
}
100% {
  background:transparent;
}
}@-webkit-keyframes pagered-out{
  0% {
  width:0%;
}
100% {
  width:100%;
}
}


.bg5:hover > .anim:after {
  animation-name: pagerededa;
  animation-duration:0.75s;
  -webkit-animation-duration:0.75s;
}
@-webkit-keyframes pagerededa {
  0% {
  background:rgba(232, 108, 104, 0.4);
  /*ripple color and tranparent*/
}
100% {
  background:transparent;
}
}@-webkit-keyframes pagered-out{
  0% {
  width:0%;
}
100% {
  width:100%;
}
}



.bg6:hover > .anim:after {
  animation-name: pagerededd;
  animation-duration:0.75s;
  -webkit-animation-duration:0.75s;
}
@-webkit-keyframes pagerededd {
  0% {
  background:rgba(88, 195, 153, 0.4);
  /*ripple color and tranparent*/
}
100% {
  background:transparent;
}
}@-webkit-keyframes pagered-out{
  0% {
  width:0%;
}
100% {
  width:100%;
}
}

.bg7:hover > .anim:after {
  animation-name: pageredede;
  animation-duration:0.75s;
  -webkit-animation-duration:0.75s;
}
@-webkit-keyframes pageredede {
  0% {
  background:rgba(59, 141, 248,0.4);
  /*ripple color and tranparent*/
}
100% {
  background:transparent;
}
}@-webkit-keyframes pagered-out{
  0% {
  width:0%;
}
100% {
  width:100%;
}
}

.header_top{
width: 1200px;
margin: 0 auto;
height: 56px;
padding-top: 14px;
}
.header_top .logo{
float: left;
}
.nav {
float: left;
width: 80px;
margin-left: 10px;
}

.nav .nav-main h4 {
width:100%;
height:100%;
line-height:38px;
text-align:center;
color:#666666;
font-size: 14px;
cursor: pointer;
position: relative;
}
.nav .nav-main h4:after{
content: '';
position: absolute;
top: 13px;
width: 11px;
height: 14px;
left: 11px;
background: url(../images/adre.png) no-repeat center;
}
.nav .nav-main h4:before{
content: '';
position: absolute;
top: 18px;
width: 10px;
height: 5px;
right: 10px;
background: url(../images/head_1.png) no-repeat center;
}
.nav .nav-main ul {
width: 344px;
height: 202px !important;
background: #FFFFFF;
border: 1px solid #BFBFBF;
border-radius: 4px;
display:none;
position: absolute;
z-index: 100;
}

.nav .nav-main ul h5 a {
width: 98px;
height: 16px;
font-size: 16px;
font-weight: 500;
color: #666666;
line-height: 16px;
}
.nav .nav-main ul li {
width:45%;
line-height:28px;
color:#666666;
float: left;
}
.nav .nav-main ul li a:hover{
color: #E60012;
}
.nav .nav-main ul li:nth-child(1){
width: 100%;
margin: 20px 0 18px  20px;
}
.nav .nav-main ul li p{
float: left;
width: 10px;
text-align: center;
margin-left: 20px;
margin-right:16px;
}

.nav .nav-main ul li a:nth-child(3){
margin: 0 4px;
}


.top_nav ul li{
float: left;
margin-left: 50px;
}
.top_nav ul li:nth-child(1){
margin-left: 20px;
}
.top_nav ul li a{
font-size: 14px;
font-weight: 400;
line-height: 38px;
padding-bottom: 8px;
color: #333333;}
.top_nav ul li a:hover{
color: #E60012;
}
.top_nav ul li .active{
color: #E60012;
border-bottom: 3px solid #E60012;
}


.searchbox {
position: relative;
z-index: 10;
width: 208px;
height: 36px;
border-radius: 4px;
float: right;
border: 2px solid  #E60012;
}
.mod_select {
position: absolute;
left: 0;
top: 0;
width: 98px;
}
.mod_select .select_box {
position: relative;
width: 98px;
height: 36px;
}
.mod_select .select_box .select_txt {
display: inline-block;
width: 70px;
height: 32px;
text-align: center;
overflow: hidden;
line-height: 32px;
padding-right: 6px;
font-size: 14px;
cursor: pointer;
background: #F7F7F7;
border-radius: 4px 0 0 4px;
}
.mod_select .select_box .select-icon {
position: absolute;
top: 50%;
right: 26px;
transform: translate(0,-50%);
width: 10px;
height: 5px;
background: url(../images/head_2.png) center no-repeat;
}
.mod_select .select_box .option {
display: none;
position: absolute;
top: 48px;
left: -2px;
box-shadow: 0px 0px 6px 1px rgba(215, 214, 214, 0.26);
border-radius: 4px;
width: 100px;
background-color: #fff;
z-index: 99999999;
}
.mod_select .select_box .option::after {
position: absolute;
content: "";
left: 42%;
top: -18px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 8px solid transparent;
border-bottom: 11px solid rgba(255, 255, 255);
border-radius: 3px;
border-left: 8px solid transparent;
}
.mod_select .select_box .option li {
width: 100px;
text-align: center;
font-size: 16px;
line-height: 2;
cursor: pointer;
}
.mod_select .select_box .option li:hover{
color: #E60012;
}
.searchbox .import {
width: 79px;
padding-left: 82px;
border: none;
height: 30px;
outline: none;
}
.searchbox .btn-search {
position: absolute;
right: -2px;
width:32px;
height: 32px;

color: #fff;
background:url(../images/search.png)no-repeat center;
border: 0;
}


/* header end */
img{max-width:100%;}
.banner {height: 500px;
  background: url(../images/banner.jpg) no-repeat center;
  padding-top: 1px;
      position: relative;
    top: 0px;
}



.pagetit {
    text-align: center;
    position: relative;
}
.pagetit:after{
  position: absolute;
  background: url(../images/page_tit.png) no-repeat center;
  left: 50%;
  margin-left: -522px;
  background-size: 100%;
  content: '';
bottom: 14px;
  width: 1044px;
  height: 19px;

}
.pagetit h3 {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    text-align: center;
 font-size: 48px;
    font-weight: bold;
    color: #333;
        padding-left: 148px;
}

.pagetit h3 span {
    color:#FF6418;
    font-weight: bold;
}

.pagetit h3 i{
  font-style: normal;
  display: inline-block;
  position: absolute;
  font-size: 29px;
font-family: Source Han Sans CN;
font-weight: 800;
font-style: italic;
color: #FFFFFF;
line-height: 39px;
background: url(../images/tit.png) no-repeat center;
background-size: 100%;
    height: 66px;
    width: 168px;
    left: -26px;
    top: -9px;
    line-height: 54px;

}




.page01 {

    margin: 60px auto 0;
    position: relative;


}



.page01_cont {
 width: 1200px;
height: 695px;
background: #FFFFFF;
border: 6px solid #FA982C;
border-radius: 20px;
margin: 40px auto 0;
}

.page01_cot{
  margin-top: 0px;
}



.page01_cot ul li{
  float: left;
 margin-top: 48px;
   margin-left: 48px;
 background: url(../images/page03_1.png) no-repeat center;
 width: 240px;
 height: 240px;
cursor: pointer;
position: relative;
}
.page01_cot ul li:nth-child(even){
   background: url(../images/page03_2.png) no-repeat center;
}
.page01_cot ul li{
  transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    padding-top: 0.1px;
}
.page01_cot ul li:hover{
    transform: translate(0, -10px);
  -webkit-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
}

.page01_cot ul li:nth-child(1),.page01_cot ul li:nth-child(5){
  margin-left: 40px;
}

.page01_cot ul li h3{
  text-align: center;
  font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #333333;
line-height: 36px;
    margin-top: 58px;
}

.page01_cot ul li h5{
  width: 209px;
  height: 51px;
  background: url(../images/page03_1b.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 50%;
  margin-left: -104px;
  bottom: 20px;
    line-height: 61px;
  font-size: 24px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FF9100;
text-align: center;

}
.page01_cot p{
  text-align: center;
  font-size: 24px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #333333;
line-height: 32px;
margin: 38px auto 0;
}
.page01_cot p span{
  font-weight: bold;
color: #FF6418;
}
.page02{
  margin: 69px auto 0;
  width: 1200px;
}
.page02 ul li{
  background: url(../images/page02_bg.jpg) no-repeat center;
  width: 1180px;
  height: 357px;
  padding-top: 1px;
  position: relative;
  margin-left: 20px;
  margin-top: 40px;
}
.page02 ul li h2{
  width: 320px;
height: 60px;
background: linear-gradient(90deg, #FCDF35 1%, #FFBD22 100%);
border-radius: 0px 30px 30px 0px;
position: absolute;
left: -20px;
top: 40px;
line-height: 60px;
text-align: center;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FF6418;

}
.page02 ul li p{
  font-size: 24px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
line-height: 32px;
margin-top: 23px;
padding-top: 1px;
margin-left: 40px;
}
.page02 ul li p:nth-child(2){
    margin-top: 128px;
}
.page02 ul li p span{
  display: block;
  width: 30px;
height: 30px;
background: linear-gradient(45deg, #FCDF35 1%, #FFBD22 100%);
border-radius: 50%;
margin-right: 20px;
line-height: 30px;
font-size: 24px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FF6418;
text-align: center;
    float: left;
}
.page02 ul li p:nth-child(3) span{
margin-top: 15px;
}
.page02 ul li p i{
  font-style: normal;
  color: #FFE75A;
}
.page02 ul li h3{
  position: absolute;
  right:40px;
  top:40px;
  background: url(../images/page02_1.png) no-repeat center;
  width:300px ;
  height: 277px;
  font-size: 24px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FF6418;
text-align: center;
    line-height: 497px;

}
.main_cont.page_foot{
width: 100%;
height: 368px;
background: #333333;
margin-top: 80px;
}
.footer{
width: 1200px;
margin: 0 auto;
}
.footer_top{
height: 230px;
border-bottom: 1px solid rgba(238, 238, 238, 0.1);
}

.footer_left {
float: left;
}
.footer_left ul li{
float: left;
margin-right: 115px;
text-align: center;
margin-top: 40px;
}
.footer_left ul li p{
margin-top: 15px;
}
.footer_left ul li a{
color: #fff;

}
.footer_left ul li p a{
color: #fff;
font-size: 14px;
}
.footer_left ul li:nth-child(2),.footer_left ul li:nth-child(3){
position: relative;
}
.footer_left ul li:nth-child(2):after{
content: '';
top: 11px;
left: -57px;
width: 1px;
height: 141px;
background: #EEEEEE;
opacity: 0.1;
position: absolute;
}
.footer_left ul li:nth-child(2):before,.footer_left ul li:nth-child(3):before{
content: '';
top: 11px;
right: -57px;
width: 1px;
height: 141px;
background: #EEEEEE;
opacity: 0.1;
position: absolute;
}
.footer_center{
float: left;
}
.footer_center ul li{
float: left;
text-align: center;
margin-top: 44px;
}
.footer_center ul li p{
font-size: 14px;
color: #FFFFFF;
margin-top: 20px;
}
.footer_center ul li:nth-child(2){
margin-left: 52px;
}

.footer_right{
float: left;
margin-left: 90px;
margin-top: 40px;
}
.footer_right ul li:nth-child(2){
margin-top: 40px;
}
.footer_right ul li h2{
font-size: 18px;
color: #FFFFFF;
margin-bottom: 20px;
}
.footer_right ul li p{
font-size: 14px;
color: #FFFFFF;
}
.footer_right ul li{
position: relative;
}

.footer_right ul li:nth-child(1):after{
position: absolute;
left: -23px;
top: 1px;
content: '';
background: url(../images/adress.png)no-repeat center;
width: 14px;
height:20px;
}
.footer_right ul li:nth-child(2):after{
position: absolute;
left: -23px;
top: 1px;
content: '';
background: url(../images/tele.png)no-repeat center;
width: 14px;
height:20px;
}

.footer_bottom{
margin-top: 36px;
text-align: center;
}
.footer_bottom ul li{ 
margin-top: 5px;
}
.footer_bottom ul li span{
margin-left:20px;
}
.footer_bottom p, .footer_bottom p a{
font-size: 14px;
color: #fff;
margin-right: 10px;
}
/* main_cont page_footer end */


#commonFooter{
  display: none;
}