@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
.img,span{ display:block;}
.content,.cot2_mid,.cot3_mid,.cot4_mid,.content5,.content6,.cot7_mid,.content8,.pai_mid,.bd_mid{ width:1000px; margin:0 auto; text-align:center;}
h1{ font-size:36px; color:#293259; margin-bottom:10px;}
.clearfix{ clear:both;}
.bt p{ margin:0 15px;}
.bt img { margin-top:4px;}
.bt{ width:430px; margin:0 auto; color:#293259;}
.left{ float:left;}
.right{ float:right;} 

.banner{
    width:100%;
    height:500px;
    position:relative;
}
#banner{
    width:100%;
    height:500px;
}
#banner .swiper-wrapper{
    width:100%;
    height:500px;
}
#banner .swiper-slide{
    width:100%;
    height:500px;
    overflow:hidden;
    position:relative;
}
#banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:500px;
    display:block;
    position:absolute;
}
.banner .pagination {
    width:100%;
    bottom:22px;
    z-index:20;
    text-align:center;
    position:absolute;
}
.banner .swiper-pagination-switch {
    margin:0 5px;
    width:24px;
    height:6px;
    cursor:pointer;
    display:inline-block;
    background:#787878;
    background:rgba(255,255,255,0.4);
    border-radius:3px;
}
.banner .swiper-active-switch {
    background:#ffffff;
}
/*content*/
.bt li{ float:left; font-size:18px;  }
.q1{ width:238px; height:335px; border:#293259 1px solid; color:#293259;}
.q1 p{ font-size:24px; margin-bottom:30px; }
.q1 img{ margin:45px 74px 20px 74px;}
.button{border-width: 1px;
  border-color: rgb(229, 89, 23);
  border-style: solid;
  width: 116px;
  height: 35px;
  font-size:16px; color:#e55917; border-radius:50px; line-height:35px; text-align:center; margin-left:59px; 
}
.qus{ margin-top:40px; margin-bottom:50px;}
.qus li:hover .button{ background-color:#e55917; color:#FFF; transition: 0.3s;}
.qus ul{ float:left;margin-right:13px;}
.qus li{  cursor: pointer;}
.q2 li{ width:238px; height:158px; border:#293259 1px solid; color:#293259; font-size:24px; margin-bottom:15px;}
.bj1{ background:url("../img/qus1.png") no-repeat  ; background-position:77.5px 20px;}
.bj2{ background:url("../img/qus4.png") no-repeat  ; background-position:77.5px 20px;}
.bj3{ background:url("../img/qus2.png") no-repeat  ; background-position:77.5px 20px;}
.bj4{ background:url("../img/qus5.png") no-repeat  ; background-position:77.5px 20px;}
.bj5{ background:url("../img/qus3.png") no-repeat  ; background-position:77.5px 20px;}
.bj6{ background:url("../img/qus6.png") no-repeat  ; background-position:77.5px 20px;}
.qus  p{ margin-bottom:20px; margin-top:50px;}
.bj2 p,.bj5 p{ margin-bottom:10px; margin-top:30px;}

/*content2*/
.content2 .bt{ width:350px; margin:0 auto;}
.content2 h1{ color:#FFF; padding-top:40px;}
.content2{ background:url("../img/dt1.png") no-repeat  center; height:475px; }
.cot2_mid .bt{ color:#FFF;}
.job1{  background:url("../img/job1.png") no-repeat;width:237px; height:233px;}
.job2{  background:url("../img/job2.png") no-repeat;width:237px; height:233px;}
.job3{  background:url("../img/job3.png") no-repeat;width:237px; height:233px;}
.job4{  background:url("../img/job4.png") no-repeat;width:237px; height:233px;}
.job1 img,.job2 img,.job3 img,.job4 img{ padding-top:73px; margin-left:93.5px;}
.baoz p{ font-size:18px; color:#FFF; margin-top:30px; letter-spacing:1px;}
.baoz li{ float:left; margin-right:17.3px; margin-top:50px; cursor: pointer;}
.job1:hover{background:url("../img/job1s.png") no-repeat;transition: 0.3s;}
.job2:hover{background:url("../img/job2s.png") no-repeat;transition: 0.3s;}
.job3:hover{background:url("../img/job3s.png") no-repeat;transition: 0.3s;}
.job4:hover{background:url("../img/job4s.png") no-repeat;transition: 0.3s;}

/*content3*/
.content3 h1{ padding-top:40px;}
.content3{ background:url("../img/dt6.png") no-repeat center; height:736px; z-index:-111; text-align:center;}
.content3 .bt{ width:520px; margin:0 auto; margin-bottom:20px;}
.cot3_mid{ z-index:5; }
table{cursor: pointer;overflow: hidden;}
.table_tit { width:680px; margin:0 auto}
.table_tit{ background:#fff;margin-bottom:5px;}
.table_tit tr th{ border-right:1px solid #fff; color:#AF1F24; height:14px; overflow:hidden}
.xibao_tit{ position:relative;width:680px;  height:75px;background:url("../../../../www.chinatarena.com/templets/default/images/xibao_bg.jpg") no-repeat  center top;  margin:5px auto}
.xibao_tit h3{color: #fff;
font-size: 20px; position:absolute; left:85px; top:9px;}
.xibao_tit a {color: #fff;
font-size: 14px; position:absolute; left:100px; top:40px;}
.xibao_tit p {color: #fff;
font-size: 14px; position:absolute; left:210px; top:11px;}
.tb_di{height:20px;width:577px;margin:0 auto;background:#fff;}
.scroll{height:450px;width:976px;overflow:hidden;}
.scrollxb{ height:466px;}
.scroll .xbgdxx{ width:976px; height:340px; font-size:14px; line-height:30px; color:#333; }
.scroll .xbgdxx td{ text-align:center; background-color:#FFF; height:30px; line-height:30px; }
.s_new_job a{color:#ff9415; text-decoration:none;}
.s_new_job a:hover{ text-decoration:none;}
.jyxbtable .sy_xb_tr  td{ color:#fff;font-size:14px; text-align:center; height:30px; overflow:hidden; line-height:30px; background-color:#293259; }
.jyxbtable .sy_xb_tr  {  height:30px; }
.jyxbtable{width:976px;margin:0 auto}
.anniu4{ background-color: rgb(229, 89, 23); color:#fff; width: 185px;
  height: 48px;
  border-radius: 14px;
  z-index: 72;
  line-height:48px; text-align:center; font-size:20px; margin-left:407.5px; margin-top:20px;
}
.anniu4:hover{
  background-color: rgb(229, 89, 23);}


/*content4*/
.content4 .bt{ width:450px; margin:0 auto; margin-bottom:40px;}
.cot4_mid h1{ padding-top:40px;}
.content4{ background-color:#eaedf0;}
.dn{ padding-top:90px; padding-left:40px;}
.do{ padding-top:20px;}
.do li{ float:left;}
.d1{ padding-top:40.5px; margin:0 15px;}
.do span{ font-size:18px; color:#293259; padding-top:30px;}
.do p{font-size:14px; color:#293259;}
.do ul{ margin-bottom:30px; margin-left:60px;}

/*content5*/
.content5 .bt{ width:380px; margin:0 auto; margin-bottom:40px;}
.content5 h1{ margin-top:40px;}
.content5 dd{ text-align:left; font-size:14px; color:#FFF;padding-left:20px; padding-top:8px; letter-spacing:1px;}
.content5 dl{ background-color:#7687b9; width:230px; margin-right:25px; margin-bottom:40px;}
.content5 dt{ font-size:18px; color:#FFF; font-weight:600; border-bottom:#FFF 1px solid; padding-bottom:15px; margin-bottom:10px;}
.content5 dt span{ font-size:32px; font-style:italic; color:#FFF; padding-top:25px;}
.kc p{ font-size:18px; color:#FFF; background-color:#293259; line-height:43px; text-align:center;}
.kc dl:hover{
  cursor: pointer;
  box-shadow: 1.627px 3.654px 8px 0px rgba(14, 29, 74, 0.54);
  width: 230px;
  height: 450px;
}
.kc2 dt{ padding-bottom:29px;}
.kc2 dt span{ padding-bottom:15px;}

/*paih*/
.paih{ background:url("../img/dt5.png") no-repeat center; height:547px; vertical-align:bottom;}
.paih h1{ padding-top:30px;}
.php{ background:url("../img/no.1.png") no-repeat; height:148px; width:460px; color:#FFF; font-size:16px; padding-top:60px; padding-left:40px; margin-left:544px; margin-top:58px;}
.n2{background:url("../img/no.2.png") no-repeat; height:138px; width:552px;color:#FFF; font-size:16px;padding-top:60px; padding-left:50px; margin-left:450px;}

/*why*/
.why{  height:560px; z-index:-100; vertical-align:bottom; margin-bottom: 200px;}
.w_mid{ width:1080px; margin:0 auto; text-align:center; position:relative;}
.why .bt{ width:380px; margin:0 auto; margin-bottom:25px;}
.dw{ background-color:#eaedf0; z-index:2; position:absolute; top:50px; left:0; width:1080px; margin:0 auto; text-align:center;}
.dw h1{ padding-top:25px; }
.adv{ padding-left:40px; margin-top:15px;}
.adv li{ background:url("../img/dn_d.png") no-repeat; height:250px; width:235px; float:left; margin-right:20px;}
.adv img{ margin-left:10px; padding-top:37px;}
.adv dt{ font-size:18px; color:#e55917; margin-top:15px; margin-bottom:10px;}
.adv dd{ font-size:14px; color:#293259;}

/*content6*/
.content6{margin-top:180px;}
.content6 .bt{ width:500px; margin:0 auto; margin-bottom:40px; }
.design1{ background:url("../img/class1.png") no-repeat; width:325px; height:120px; color:#FFF; font-size:20px; line-height:27px; padding-top:36px; margin-left:134px; float:left;}
.design2{ background:url("../img/class2.png") no-repeat; width:325px; height:120px; color:#FFF; font-size:20px; line-height:27px; padding-top:36px; margin-left:80px;float:left;}
.xian{ width:873px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.lev li{ background:url("../img/class_d.png") no-repeat; width:175px; height:245px; margin-left:30px; color:#FFF;}
.lev li img{ padding-left:57px; padding-top:22px; padding-bottom:20px;}
.lev dt{ font-size:20px;}
.lev dd,.lev p{ font-size:14px; line-height:24px;}
.lev p{line-height:28px;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  width: 113px;
  height: 28px; border-radius:50px; margin-top:15px; margin-left:24px;
}
.lev li{ float:left; margin-right:50px;}
.anniu{ font-size:20px; color:#FFF; line-height:48px;
  border-radius: 15px;
  background-color: rgb(229, 89, 23);
  width: 176px;
  height: 48px;
  margin-left:412px; margin-top:45px; margin-bottom:40px;
}
.anniu:hover{ background-color:#FFF; color:#e55917; border:#e55917 solid 1px; height:46px;}

/*content7*/
.content7{ background:url("../img/dt2.png") no-repeat center; height:513px;}
.cot7_mid h1{ color:#fff;padding-top:40px;}
.content7 .bt{ width:500px; margin:0 auto; margin-bottom:50px;  color:#FFF;}
.c7_l{ background:url("../img/php.png") no-repeat; height:291px; font-size:24px; color:#FFF; cursor: pointer; margin-left:130px; float:left;}
.c7_l img{ padding-left:132px; padding-top:85px;margin-bottom:20px;}
.c7_l dl{ width:306px;}
.c7_x{ border-bottom:#FFF solid 2px; width:24px; margin-left:141px; margin-bottom:30px;}
.c7_l:hover .c7_x{ display:none; transition:1s;}
.c7_r{ float:left; margin-top:16px; margin-left:115px;}
.c7_r dd{ font-size:20px; color:#fff; line-height:37px; width:230px; height:37px; background-color:#293259; margin-bottom:28px;}
.anniu2{
  border-radius: 12px;
  background-color: rgb(229, 89, 23);
  width: 199px;
  height: 39px;
  color:#fff; font-size:18px; line-height:39px; margin-left:15px; margin-top:50px;
}
.anniu2:hover{ background-color:#293259;}

/*content8*/
.content8{ margin-bottom:50px;}
.content8 .bt{ width:600px; margin:0 auto; margin-bottom:40px;}
.anniu3{ font-size:14px;
  border-width: 1px;
  border-color: rgb(229, 89, 23);
  border-style: solid;
  border-radius: 8px;
  width: 108px;
  height: 29px; margin-left:64px; color:#e55917; line-height:29px; margin-bottom:18px;
}
.qy li{ width:249px; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; float:left; cursor: pointer;}
.qy li img{ padding-top:25px; padding-left:40px; padding-bottom:17px;}
.qy li:hover .anniu3{ background-color:#e55917; color:#FFF; transition:0.3s;}

/*bd*/
.bd{ background:url("../img/dt3.png") center no-repeat; height:367px;}
.bd h1{ color:#FFF;padding-top:30px;}
.bd .bt{ width:500px; margin:0 auto; color:#FFF;}
.form_div {
	width: 1000px;
	margin:0 auto;
	position: relative;
}

.form_wrap {
	width: 404px;
    margin: 38px auto 0;
}

.dl_input {
	width: 100%;
	height: 52px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #999;	
	margin-bottom: 16px;
	background: none;
}
.dl_input dt{
	float: left;
	width: 90px;
	color: #9f9f9f;
	position: relative;
	padding-left: 40px;
	line-height: 52px;
}
.dl_input dt span{
	display: inline-block;
	width: 22px;
	height: 28px;
 	position: absolute;
 	left: 18px;
 	top: 12px;
}
.ipt_icon_name{
	background: url("../img/footer_icon.png") no-repeat left center;
}
.ipt_icon_tel{
	background: url("../img/footer_icon.png") no-repeat;
	background-position: -32px center;
	
}
.dl_input dd{
	float: left;
	width: 60%;
}
.dl_input dd input{
	width: 100%;
    height: 48px;
    border: none;
    color: #f0a122;
    margin-top: 0;
    padding-top: 3px;
    line-height: 48px;
    background: none;
}
.butn_wrap{
	margin-top: 30px;
}
.butn_wrap:after, .butn_wrap:before{
	display: block;
	content: '';
	clear: both;
}
.butn_wrap >div{
	width: 50%;
	line-height: 42px;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.butn_wrap .first_div{
	padding-right: 3px;
}
.butn_wrap .last_div{
	padding-left: 3px;
}
.butn_wrap .first_div a{
	display: inline-block;
	width: 100%;
	height:42px;
	background: #7687b9;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	margin-top: 2px;
}
.butn_wrap .last_div button{
	display: inline-block;
	width: 100%;
	height:42px;
	background: #f13900;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	border: none;
	
}
.form_left{
	position: absolute;
	top: -72px;
    left: 70px;
    /*top: 50px;*/
   left: 80px \0;
}

/*footer*/
.footer{ background-color:#1f2026; font-size:14px; color:#fff; text-align:center; line-height:50px;}