*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong,h2{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #222226;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
/*banner*/
.banner{width: 100%;height: 768px;position: relative;}
.banner .img1{background: url(../img/banner1.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .img2{background: url(../img/banner2.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .img3{background: url(../img/banner3.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.nav{position: absolute;width: 876px;left: 50%;margin-left: -438px;top: 24px;z-index: 999;}
.nav h1{width: 114px;height: 34px;}
.nav h1 a{width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;display: block;text-indent: -99em;}
.nav .con{height: 34px;border-left: 1px solid #fff;margin-left: 12px;padding-left: 12px;}
.nav .con p{font-size: 14px;color: #fff;text-align: left;margin-top: -3px;}
.nav ul{font-size: 16px;margin-left: 34px;}
.nav ul a{color: #fff;line-height: 34px;display: block;width: 100%;height: 100%;position: relative;}
.nav ul a span{height: 2px;background: #ffa619;width: 0%;position: absolute;left: 0;bottom: -4px;transition: 0.6s;}
.nav ul li{margin-right: 20px;}
.nav ul li.last{margin-right: -20px;}
.nav ul a:hover span{width: 100%;transition:.6s;}
.sub_nav{
    position:absolute;
    top: 80px;
    left: 0;
    right:0;
    background: rgba(96,102,242,0.96);
    background: #fff \9;
    filter:alpha(opacity=50);
    -ms-filter:alpha(opacity=50);
    text-align: center;
    height: 40px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);

    z-index: 99999999999;
}
.sub_nav_ul{
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.sub_nav_ul li{
    display: inline-block;
    text-align: center;
    font-size: 16px;
    float: left;
}
.sub_nav_ul li a{
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
.sub_nav_ul li.last a{
    border-right:none;
}
.sub_nav_ul li a:hover{
    background: #fff;
    color: #0195bf;
    border-right:none;
    margin-left: -1px;
}
.nav li a {
    font-size: 16px;
}
.nav em{
    position: absolute;
    right: -12px;
    top: 10px;
    font-size: 14px;
    cursor: pointer;
}
.nav em img{
    animation:nav_img 1s infinite;
    transform: translateY(-8px);
}

@-webkit-keyframes nav_img {
    0%{
        opacity: 0;
        transform: translateY(0px);
    }
    50%{
        opacity: 1;
        transform: translateY(4px);
    }
    100%{
        opacity: 0;
        transform: translateY(-8px);
    }
}
@-moz-keyframes nav_img {
    0%{
        opacity: 0;
        transform: translateY(0px);
    }
    50%{
        opacity: 1;
        transform: translateY(4px);
    }
    100%{
        opacity: 0;
        transform: translateY(-8px);
    }
}
@-o-keyframes nav_img {
    0%{
        opacity: 0;
        transform: translateY(0px);
    }
    50%{
        opacity: 1;
        transform: translateY(4px);
    }
    100%{
        opacity: 0;
        transform: translateY(-8px);
    }
}
@keyframes nav_img {
    0%{
        opacity: 0;
        transform: translateY(0px);
    }
    50%{
        opacity: 1;
        transform: translateY(4px);
    }
    100%{
        opacity: 0;
        transform: translateY(-8px);
    }
}













.banner .liuy{width: 1275px;position: absolute;left: 50%;top: 90px;margin-left: -637.5px;z-index: 999;animation: totop2 3s linear infinite;}
@keyframes totop2{
	0%{
		top:80px;
	}
	50%{
		top: 100px;
	}
	100%{
		top: 80px;
	}
}
.ly_bg{background: url(../img/ly.png) no-repeat;width: 348px;height: 484px;position: absolute;left: 102px;}
.ly_bg form{width: 233px;margin: 158px auto;}
.in_bg{width: 100%;height: 54px;background: url(../img/input1.png) no-repeat;border: none;position: relative;margin-bottom: 12px;} 
.in_bg input{width: 158px;height:44px;border: none;position: absolute;right: 10px;top: 1px;background: none;border-radius: 30px;}
.in_bg2{background: url(../img/input2.png) no-repeat;}
.in_bg3{background: url(../img/input3.png) no-repeat;}
#phoneCodee{width: 90px;right: 78px;}
.in_bg3 p{position: absolute;right: 16px;line-height: 46px;cursor: pointer;font-size: 14px;color: #2b2c38;width: 90px;}
#submsgg{background: url(../img/ly_btn.png) no-repeat;width: 135px;height: 36px;margin: 20px auto;display: block;border: none;cursor: pointer;}
.banner .pos{background: url(../img/bg1.png) no-repeat;width: 1084px;height: 202px;position: absolute;left: 50%;margin-left: -542px;bottom:0;z-index: 999;}
.pos ul{width: 1000px;margin: 48px auto;text-align: left;display: inline-block;}
.pos ul img{margin:10px 16px 0 30px;}
.pos ul h2{font-size: 20px;color: #323232;line-height: 30px;}
.pos ul h2 .two{font-size: 18px;color: #666;margin-left: 2px;}
.pos ul li{border-right:1px solid #d1d1d1;padding-right: 26px;cursor: pointer;}
.pos ul li.last{border-right: none;}
/*cert*/
.cert{width: 100%;height: 180px;background: url(../img/bg2.png) no-repeat top center;margin-top:8px;position: relative;z-index: 2;}
.cert .con{width: 1110px;margin: 0 auto;position: relative;padding-top: 32px;text-align: left;color: #fff;}
.cert h2{height: 44px;line-height: 44px;font-weight: bold;font-size: 44px;margin-bottom: 12px;}
.cert h2 img{margin-right: 16px;}
.cert p{font-size: 26px;}
.cert a{position: absolute;right: 226px;top: 56px;width: 158px;line-height: 40px;height: 40px;border-radius: 30px;background: #ffa619;font-size: 24px;color: #fff;text-align: center;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);}
.cert .posImg{position: absolute;right: 0;top: 2px;}

/*p1*/
.mart{margin-top: -30px;padding-bottom: 50px;}
.mart h2{padding-top: 68px;}
.p1{width: 100%;background: #f3f3f3;}
.p1 h2{font-size: 40px;margin-bottom: 30px;}
.p1 .txt{font-size: 18px;color: #9b9b9b;margin: 10px auto 60px;}
.p1 .conBox{width: 946px;margin: 0 auto;}
.p1 .conBox li{width: 276px;height: 256px;background: #6066f2;margin-right: 56px;margin-bottom: 50px;position: relative;box-shadow: 0px 0px 20px 6px rgba(23,18,92,0.09);cursor: pointer;overflow: hidden;}
#last{margin-right: -56px;}
.p1 .conBox li h4{width: 100%;height: 100%;position: absolute;left: 0;top: -256px;z-index: 2;transition: 0.6s;}
.p1 .conBox li .top{width: 100%;height: 54px;color: #fff;font-size: 20px;line-height: 54px;background: url(../img/class01.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top1{background: url(../img/class02.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top3{background: url(../img/class03.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top4{background: url(../img/class04.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top5{background: url(../img/class05.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top6{background: url(../img/class06.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top7{background: url(../img/class07.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top8{background: url(../img/class08.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top9{background: url(../img/class09.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .bot{width: 100%;height: 202px;background: url(../img/bg.jpg) no-repeat;}
.conBox li .bot b{font-size: 18px;color: #313132;padding-top: 54px;display: block;}
.conBox li .bot b.two{font-size:18px;color: #6166f2;padding-top: 10px;font-weight: bold;}
.conBox li .bot b i{font-size: 30px;}
.p1 .conBox li.on h4{top: 0;transition: 0.6s;}





.p1 .more{width: 200px;height: 48px;border: 1px solid #6066f2;border-radius: 30px;margin: 0 auto;cursor: pointer;}
.p1 .more p{font-size: 22px;color: #6066f2;line-height: 48px;text-align: left;padding-left: 28px;}
.p1 .more img{margin-top: 11px;margin-left: 6px;animation: totop 1.2s linear infinite;}
.dis{display: none;}
@keyframes totop{
	0%{
		margin-top: 8px;
	}
	50%{
		margin-top:12px;
	}
	100%{
		margin-top: 8px;
	}
}
.p1 .conBox li h3{width: 250px;height: 230px;border: 1px solid #7379ff;margin: 10px auto;position: relative;}
.conBox li h3 i{width: 6px;height: 6px;background: #7379ff;position: absolute;}
.conBox li h3 i.one{left: -3px;top: -3px;animation: route1 6s infinite linear;}
.conBox li h3 i.two{left: 247px;top: -3px;animation: route2 6s infinite linear;}
.conBox li h3 i.thr{left: 247px;top: 227px;animation: route3 6s infinite linear;}
.conBox li h3 i.fou{left: -3px;top: 227px;animation: route4 6s infinite linear;}
.conBox li h3 img{margin-top: 33px;}
.conBox li h3 p{font-size: 18px;color: #fff;font-weight: normal;margin-top: 30px;}

@keyframes route1{
	0%{
		left: -3px;
		top: -3px;
	}
	25%{
		left: 247px;
		top: -3px;
	}
	50%{
		left: 247px;
		top: 227px;
	}
	75%{
		left: -3px;
		top: 227px;
	}
	100%{
		left: -3px;
		top: -3px;
	}
}

@keyframes route2{
	0%{
		left: 247px;
		top: -3px;
	}
	25%{
		left: 247px;
		top: 227px;
	}
	50%{
		left: -3px;
		top: 227px;
	}
	75%{
		left: -3px;
		top: -3px;
	}
	100%{
		left: 247px;
		top: -3px;
	}
}
@keyframes route3{
	0%{
		left: 247px;
		top: 227px;
	}
	25%{
		left: -3px;
		top: 227px;
	}
	50%{
		left: -3px;
		top: -3px;
	}
	75%{
		left: 247px;
		top: -3px;
	}
	100%{
		left: 247px;
		top: 227px;
	}
}
@keyframes route4{
	0%{
		left: -3px;
		top: 227px;
	}
	25%{
		left: -3px;
		top: -3px;
	}
	50%{
		left: 247px;
		top: -3px;
	}
	75%{
		left: 247px;
		top: 227px;
	}
	100%{
		left:-3px;
		top: 227px;
	}
}
/*表单*/
.part12 {
    width: 100%;
    height: 470px;
    background: url(../img/lyb.jpg) no-repeat;
    border-bottom: none;
    padding-bottom: 0px;
    margin-top: -2px;
}
.lyb-bg{
    background: url(../img/lyb1.jpg) no-repeat;
    height: 504px;
}
.part12 h2 {
    color: #fff;
    font-size: 38px;
    padding-top: 40px;
}

.part12 h2 span {
    font-size: 38px;
    color: #666cf2;
}

.part12 .text1 {
    padding-top: 26px;
    color: #ccc;
}

.form_div {
    /*width: 1000px;*/
    margin: 0 auto;
    position: relative;
}

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

.dl_input {
    width: 100%;
    height: 52px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #999;
    margin-bottom: 48px;
    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;
    margin-top: 2px;
}

.butn_wrap .first_div a {
    display: inline-block;
    width: 100%;
    height: 42px;
    background: #ce9e53;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin-top: 2px;
}

.butn_wrap .last_div button {
    display: inline-block;
    width: 100%;
    height: 42px;
    background: #5d63eb;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.form_left {
    position: absolute;
    top: -72px;
    left: 70px;
    /*top: 50px;*/
    left: 80px \0;
}
.p12-mid{
    width:54%;
    margin:0 auto;
    /*margin-left:10%;*/
    margin-bottom: 1.2rem;
    float: left;
}
.p12-1{
    margin: 24px 0;
    font-size:18px;
    color: #fff;
}
.p12-2{

    overflow:hidden;
    margin-top: 16px;
    margin-left: 28px;
}
.p12-2 div{
    width:80px;
    float:left;
    text-align:left;
    font-size:16px;
    color:#fff;
}
.p12-2 div input{
    margin-right:6px;
    display: inline-block;
}
.p1-2{
    margin: 1rem 0;
    font-size:14px;
    text-align: center;
    color: #fff;
}

/*p2*/
.p2,.p3{background: #fff;padding-top: 40px;}
.ke_part3{margin-top: 50px;height: 318px;}
.ke_part3_ul li{float: left;display: inline-block;width: 10%;padding-top: 39px;padding-bottom: 39px;text-align: center;position: relative;cursor: pointer;}
.ke_bg{position: absolute;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.ke_part3_ul li > span{width: 114px;height: 114px;display: inline-block;}
@media (max-width: 1700px){
    .ke_part3_ul li{padding-top: 32px;padding-bottom: 32px;}
    .ke_part3_ul li > span{width: 90px;height: 90px;display: inline-block;    }
}
@media (max-width: 1400px){
    .ke_part3_ul li{padding-top: 26px;padding-bottom: 26px;    }
    .ke_part3_ul li > span{width: 90px;height: 90px;display: inline-block;    }
}
.ke_part3_ul li > span >img{width: 100%;}
.ke_part3_ul .ke_li_1{background: #e84838;}
.ke_part3_ul .ke_li_1 > span{background-position: left top;}
.ke_part3_ul .ke_li_2{background: #24353d;}
.ke_part3_ul .ke_li_2 > span{background-position: -150px top;}
.ke_part3_ul .ke_li_3{background: #ef4a1a;}
.ke_part3_ul .ke_li_3 > span{background-position: -280px top;}
.ke_part3_ul .ke_li_4{background: #de2986;}
.ke_part3_ul .ke_li_4 > span{background-position: -420px top;}
.ke_part3_ul .ke_li_5{background: #18a966;}
.ke_part3_ul .ke_li_5> span{background-position: -585px top;}
.ke_part3_ul .ke_li_6{background: #357dcf;}
.ke_part3_ul .ke_li_6 >span{background-position: -750px top;}
.ke_part3_ul .ke_li_7{background: #4c97ce;}
.ke_part3_ul .ke_li_7 >span{background-position: -900px top;}
.ke_part3_ul .ke_li_8{background: #1892c5;}
.ke_part3_ul .ke_li_8 >span{background-position: -1050px top;}
.ke_part3_ul .ke_li_9{background: #2cb0b5;}
.ke_part3_ul .ke_li_9 span{background-position: -1200px top;}
.ke_part3_ul .ke_li_10{background: #5d50a0;}
.ke_part3_ul .ke_li_10 >span{background-position: -1350px top;}
.ke_part3_ul .ke_li_11{background: #ce1b1e;}
.ke_part3_ul .ke_li_11 >span{background-position: left bottom;}
.ke_part3_ul .ke_li_12{background: #314491;}
.ke_part3_ul .ke_li_12 span{background-position: -135px bottom;}
.ke_part3_ul .ke_li_13{background: #f0a122;}
.ke_part3_ul .ke_li_13 >span{background-position: -285px bottom;}
.ke_part3_ul .ke_li_14{background: #7eb408;}
.ke_part3_ul .ke_li_14 span{background-position: -438px bottom;}
.ke_part3_ul .ke_li_15{background: #68403e;}
.ke_part3_ul .ke_li_15 >span{background-position: -580px bottom;}
.ke_part3_ul .ke_li_16{background: #2d2d2d;}
.ke_part3_ul .ke_li_16 >span{background-position: -740px bottom;}
.ke_part3_ul .ke_li_17{background: #d47114;}
.ke_part3_ul .ke_li_17 >span{background-position: -880px bottom;}
.ke_part3_ul .ke_li_18{background: #0f8498;}
.ke_part3_ul .ke_li_18 >span{background-position: -1035px bottom;}
.ke_part3_ul .ke_li_19{ background: #3776ab;}
.ke_part3_ul .ke_li_19 >span{background-position: -1185px  bottom;}
.ke_part3_ul .ke_li_20{background: #999;}
.ke_part3_ul .ke_li_20 >span{background-position: -1350px bottom;}
.ke_pop{position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;background: #1892c5;z-index: 9;padding-top: 20px;display: none \9;-moz-transform: rotateY(90deg);-webkit-transform: rotateY(90deg);-o-transform: rotateY(90deg);transform: rotateY(90deg);transition: all 0.8s;-o-transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}
.ke_pop .ke_pop_img span{ width: 80px;display: inline-block;}
.ke_pop .ke_pop_img_java span{width: 103px;}
.ke_pop .ke_pop_img span img{max-width: 100%;}
.ke_pop_tit{color: #fff;font-size: 20px;margin-top: -5px;}
.ke_pop_text{color: #fff;font-size: 16px;padding: 5px 0;}
.ke_pop_link{color: #fff;font-size: 12px;text-decoration: underline;}
@media(max-width: 1700px){
    .ke_pop .ke_pop_img span{width: 60px;    }
    .ke_pop_tit{color: #fff;font-size: 16px;margin-top: -5px;    }
    .ke_pop_text{color: #fff;font-size: 12px;padding: 5px 0;    }
}
@media(max-width: 1400px){
    .ke_pop .ke_pop_img span{width: 60px;    }
    .ke_pop .ke_pop_img_java span{width: 80px;}
    .ke_pop_tit{color: #fff;font-size: 16px;margin-top: -5px;    }
    .ke_pop_text{color: #fff;font-size: 12px;padding: 5px 0;    }
    .ke_pop{padding-top: 10px;}
}
.ke_pop_1{background: #ce1b1e;}
.ke_pop_2{background: #24353d;}
.ke_pop_3{background: #ef4a1a;}.ke_pop_4{ background: #de2986; }
.ke_pop_5{  background: #18a966;  }
.ke_pop_6{   background: #357dcf;   }
.ke_pop_7{    background: #4c97ce;}
.ke_pop_8{     background: #1892c5; }
.ke_pop_9{  background: #2cb0b5;  }
.ke_pop_10{       background: #5d50a0;   }
.ke_pop_11{background: #ce1b1e;}
.ke_pop_12{background: #314491;}
.ke_pop_13{background: #f0a122;}
.ke_pop_14{background: #7eb408;}
.ke_pop_15{background: #68403e;}
.ke_pop_16{background: #2d2d2d;}
.ke_pop_17{background: #d47114;}
.ke_pop_18{background: #0f8498;}
.ke_pop_19{background: #3776ab;}
.ke_part3_ul li .ke_pop_active{display: block \9;-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);transition: all 0.8s;-o-transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}

/*p3*/
.p3{background: url(../img/bg3.png) no-repeat;height: 654px;margin-top: 80px;}
.p3 .con{width: 1024px;margin: 0 auto;}
.p3 .con ul{margin:45px 0 0 50px;}
.p3 .con ul li{margin-bottom: 24px;}
.p3 .con ul p{width: 312px;border-bottom: 1px solid #c8c8c8;padding-bottom: 14px;font-size: 22px;color: #323237;text-align: left;margin:10px 0 0 26px;}
/*一站式人才输入*/
.bj_part8{
    /*padding-top: 1px;*/
}
.w-container {
    max-width: 1000px;
    margin: auto;
    height: 304px;
    margin-top: 26px;
}

.hj_ul{
    margin: 0 -20px;
}
.hj_ul li{
    display: inline-block;
    width: 21%;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    float: left;
}
.hj_ul li a> div{
    background: #fff;
    padding: 30px 0 10px;
    height: 240px;
    /* box-shadow:2px 2px 15px #e5e5e5;*/
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;

    position: relative;
    z-index: 1;
}
.hj_ul li a> div:hover{
    z-index: 2;

    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}
.hj_img span{
    width: 86px;
    height: 68px;
    display: inline-block;
}
.hj_img_1 span{
    background: url(../img/demand-img1.png) no-repeat bottom center;
}
.hj_img_2 span{
    background: url(../img/demand-img2.png) no-repeat bottom center;
}
.hj_img_3 span{
    background: url(../img/demand-img3.png) no-repeat bottom center;
}
.hj_img_4 span{
    background: url(../img/demand-img4.png) no-repeat bottom center;
}
.hj_tit{
    font-size: 20px;
    color: #494949;
    padding-top: 30px;
}
.hj_del{
    font-size: 16px;
    color: #999;
    padding: 20px;
}
.hj_del span{
    display: block;
    margin-top: 20px;
    text-decoration: underline;
}
.hj_ul li a> div:hover .hj_tit{
    color:#3697d9;
    transition:0.2s;
}
.bj_part8 .btn {
    width: 200px;
    height: 48px;
    border: 1px solid #6066f2;
    border-radius: 30px;
    display: block;
    margin: 50px auto;
    font-size: 22px;
    color: #6066f2;
    line-height: 48px;
}
.bj_part8 .btn:hover {
    color: #fff;
    background: #6066f2;
    transition: 0.3s;
}
/*p4*/
.p4{background: url(../img/bg1.jpg) no-repeat;height: 700px;padding-top: 40px;}
.p4 h2,.p4 .txt,.p7 h2,.p7 .txt{color: #fff;}
.p4 ul{width: 946px;margin: 0 auto;}
.p4 ul li{width: 210px;height: 346px;background: #fff;box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.2);margin-right: 35px;}
#marr,#marr1{margin-right: -1px;}
.p4 ul li img{margin-top: 52px;}
.p4 ul li h3{font-size: 22px;color: #6066f2;margin: 40px 0 16px;}
.p4 ul li.on h3{color: #ffa619;transition: 0.6s;}
.p4 ul li p{font-size: 18px;color: #574cd9;}
.p4 ul li strong{display: block;width: 86px;height: 26px;border: 1px solid #9b9b9b;border-radius: 30px;margin: 16px auto;color: #9b9b9b;}
.btn{width: 200px;height: 48px;background: #fff;border-radius: 30px;display: block;margin: 50px auto;font-size: 22px;color: #6066f2;line-height: 48px;}
.btn:hover{color: #fff;background: #ffa619;transition: 0.3s;}
.p5{padding-top: 40px;padding-bottom: 10px;}
.p5 .con{width: 972px;height: 626px; margin: 0 auto;position: relative;}
.p5 .box1{width: 518px;height: 381px;box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);}
.p5 .right{width: 600px;height: 594px;position: absolute;right: 0;top: 30px;z-index: 2;}
.p5 .right .cir{position: absolute;left: 290px;top: 290px;}
.p5 .right .clearfix{width: 100%;}
.p5 .right .box2{width: 284px;height: 281px;margin-bottom: 32px;box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);}
#btn{height: 204px;border-left: 2px dashed #bfbfbf;position: absolute;left:78px;bottom:8px;z-index: 999;}
#btn li{margin-bottom: 4px;height: 30px;cursor: pointer;}
#btn li span{width: 5px;height: 5px;background: #c0c0c0;transform: rotate(45deg);margin: 14px 30px 0 -4px;}
#btn li p{font-size: 18px;color: #767676;margin-top: 4px;}
#btn li.act span{background: #ffa619;}
#btn li.act p{color: #ffa619;}
.arrow{width: 32px;position: absolute;bottom: 34px;left: 262px;z-index: 999;}
.arrow p{width: 30px;height: 50px;border: 1px solid #6066f2;padding-top: 16px;margin-bottom: 16px;cursor: pointer;}
.arrow p b{display: block;width: 16px;height: 32px;margin: 0 auto;}
.arrow p b.top{background: url(../img/arrow4.png) no-repeat;}
.arrow p b.bot{background: url(../img/arrow2.png) no-repeat;}
.arrow p:hover{background: #6066f2;}
.arrow p:hover .top{background: url(../img/arrow3.png) no-repeat;transition: 0.3s;}
.arrow p:hover .bot{background: url(../img/arrow5.png) no-repeat;transition: 0.3s;}
.p5 .btn{border: 1px solid #6066f2;background:none;position: relative;z-index: 999;}
.p5 .btn:hover{background: #6066f2;color: #fff;}


.p6{background: #fff;padding: 40px 0 30px;}
.tBox{width: 1000px;height:445px;margin: 60px auto 0;position: relative;z-index: 999;}
.tBox .top{width: 100%;height: 35px;border-bottom: 1px solid #ebebeb;position: relative;}
.tBox .top em{width: 8px;height: 13px;position: absolute;top: 5px;cursor: pointer;transition: 0.2s;}
.tBox .top em.fir{background: url(../img/pre01.png) no-repeat;left: 0;}
.tBox .top em.sec{background: url(../img/next02.png) no-repeat;right: 0;}
/*.tBox .top em.fir:hover{background: url(../img/pre1.png) no-repeat;}
.tBox .top em.sec:hover{background: url(../img/next2.png) no-repeat;}*/


.tBox .top .rollBox{width: 922px;height: 36px;margin: 0 auto;position: relative;overflow: hidden;}
.tBox .top .rollBox .rollW{width:1844px;position: absolute;left: 0;top: 0;}
.tBox .top .rollBox .rollW li{width: 60px;height: 30px;text-align:center;margin-right: 26px;position: relative;float: left;}
.tBox .top .rollBox .rollW a{font-size: 14px;color: #333;display: block;width: 100%;height: 100%;}
.tBox .top .rollBox .rollW a.changeC{color: #ffa619;}
.tBox .top .rollBox .rollW li i{width: 100%;height: 4px;background: #ffa619;position: absolute;left: 0;bottom: -5px;opacity: 0;transition: 0.2s;filter:alpha(opacity=0);}
.tBox .top .rollBox .rollW li i.opa{opacity: 1;filter:alpha(opacity=100);}
.tBox .bottom{width: 1000px;margin: 26px auto 0;height:380px;position: relative;}
.tBox .bottom ul{position: absolute;left: 0;top: 0;display: none;transition: 0.4s;}
.tBox .bottom ul.opa{display: block;}
.tBox .bottom ul li{width: 240px;height: 350px;margin-right: 13px;position: relative;overflow: hidden;cursor: pointer;float: left;}
.tBox .bottom ul li.last{margin-right: -13px;}
.tBox .bottom ul li h3{width: 100%;height:80px;position: absolute;left: 0;bottom: 0;text-align: left;transition:0.3s;}
.tBox .bottom ul li:hover h3{height:100%;}
.tBox .bottom ul li:hover h3 p{padding-top: 35%;}
.tBox .bottom ul .topC2:hover h3 p{padding-top: 10%;}
.tBox .bottom ul li h3 strong{width: 100%;height: 100%;background: #15164e;opacity: 0.6;position: absolute;left: 0;top:0;filter:alpha(opacity=60);}
.tBox .bottom ul li h3 p{color: #fff;font-size: 14px;width: 220px;position: absolute;left: 15px;top: 16px;padding-right: 10px;line-height: 29px;}
.tBox .bottom ul li h3 p span{font-size: 16px;}
.tBox .bottom ul li h3 p em{font-weight: normal;font-style: normal;line-height: 1.5;display: inline-block;margin-top: 10px;}
.tBox .bottom ul li.topC h3{height: 250px;}
.tBox .bottom ul li.topC:hover h3{top: 100px;}
.tBox .bottom ul li.topC3 h3{height: 330px;}
.tBox .bottom ul li.topC3:hover h3{top: 20px;}
.p7{height: 684px;background: url(../img/bg2.jpg) no-repeat;padding-top: 40px;}
.p7 .con{width: 988px;margin: 0 auto;position: relative;}
.p7 .con .left{background: url(../img/bg4.png) no-repeat;width: 261px;height: 403px;text-align: left;padding-left: 112px;color: #fff;}
.left h3{font-size: 22px;padding: 80px 0 14px 6px;}
.left p{padding-right: 20px;text-align: justify;line-height: 34px;margin-top: 10px;}
.p7 .con .right{width: 615px;height: 314px;margin-top: 34px;}
.p7 .con .right img{margin-right: 4px;margin-right: 0 \9;}
#pre,#next,#eng{position: absolute;right: 0;bottom: 4px;}
#pre,#next{cursor: pointer;z-index: 999;}
#eng{bottom: 16px;}
#next{right: 218px;}
#pre{right: 312px;}
.p8{padding-top: 40px;margin-bottom: 48px;}
.p8 .con{width: 968px;margin: 0 auto;position: relative;z-index: 999;}
.p8 .con ul{width: 313px;margin-right: 18px;}
.p8 .con ul.last{margin-right: -18px;}
.p8 .con ul li{margin-bottom: 18px;position: relative;}
.p8 .con li span{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #3b43ff;opacity: 0.2;filter:alpha(opacity=20);transition: 0.3s;}
.p8 .con li:hover span{opacity: 0;transition: 0.3s;filter:alpha(opacity=0);}
.adv{display: block;position: relative;height: 50px}


.adv div{width: 100%;background: url(../img/adv2.png) no-repeat top center;height: 254px;position: absolute;left: 0;top: 0;}
.p9{background: #fff;padding-top: 70px;margin-bottom: 100px;}
.p9 ul{width: 1074px;margin: 0 auto;}
.p9 ul li{height: 338px;width: 230px;box-shadow: 0px 0px 80px 7px rgba(129,129,129,0.2);border-bottom: 2px solid #ffa619;position: relative;margin-right: 50px;margin-bottom: 50px;}
.p9 ul li img.max{margin: 20px 0 20px -20px;text-align: left;display: block;}
.p9 ul li p{font-size: 20px;color: #6066f2;margin-top: 20px;}
.p9 ul li h3{width:198px;height: 340px;position: absolute;left:-20px;top: 0;background: #6066f2;padding: 0 26px;font-weight: normal;transform: scale(0);transition: 0.45s;filter:alpha(opacity=0);}
.p9 ul li h3 img{margin-top: 26px;}
.p9 ul li h3 .two{margin-top: 16px;}
.p9 ul li h3 p{color: #fff;font-size: 16px;text-align: left;line-height: 32px;margin-top: 10px;}
.p9 ul li h3 span{font-size: 20px;}
.p9 ul li:hover h3{transform: scale(1); transition: 0.45s;filter:alpha(opacity=100);}
#more{width: 198px;height: 46px;border-radius: 30px;margin: 0px auto 30px;font-size: 22px;color: #6066f2;line-height: 46px;border: 1px solid #6066f2;}
.p9 .play{display: none;}
.p9 .btn{border: 1px solid #6066f2;background:none;position: relative;z-index: 999;}
.p9 .btn:hover{background: #6066f2;color: #fff;}

.p10{width: 100%;height: 80px;background: #121d33;position: fixed;bottom: 0;left: 0;z-index: 999;display: none;}
.p10 .con{width: 1024px;height: 100%; margin: 0 auto;position: relative;}

.p10 .con .str{position: absolute;left: -190px;bottom: 0;}
.p10 .con .shape1{position: absolute;right: -20px;top: -20px;}
.p10 .con .shape2{position: absolute;right: 20px;bottom: 26px;}



.p10 .message{width: 784px;position: absolute;right: -46px;top: 24px;}
.p10 form .bor{width: 220px;height: 38px;border: 1px solid #5a61ff;margin-right: 52px;}
.bor img{margin: 6px 8px 0 10px;}
.bor input{width: 184px;height: 38px;border: none;font-size: 16px;background: none;color: #fff;}
#phoneCode{width: 80px;}
#getcode{width: 96px;border-left: 1px solid #757bff;height: 28px;color: #757bff;line-height: 28px;padding-left: 4px;margin-top: 4px;cursor: pointer;}
.p10 form .borw{width: 220px;}
.p10 form .borw2{width: 200px;}
.p10 form .borw2 input{width:162px;}

.p10 form .bor .mart{margin-top: 7px;}

#submsg{background: url(../img/msg4.png) no-repeat;width: 148px;height: 40px;border: none;cursor: pointer;}

#video1{top: 50%;left: 50%;margin-left: -400px;margin-top: -250px;padding: 20px;z-index: 99999;background: #ffffff;position: fixed;border: 3px solid #000000;border-radius: 5px;display: none;}

.video .close {
    right: 3px;
    top: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    height: 18px;
    width: 18px;
    display: block;
    cursor: pointer;
    line-height: 14px;
    text-align: center;
    background: #cd1c1e;
    position: absolute;
}

.footer{
    padding-bottom:110px;
    width:100%;
    height:50px;
    background:#000000;
}
.footer p{
    font-size:14px;
    color:#ffffff;
    line-height:50px;
    text-align:center;
}