/* by offcnlhr in 2020.09.02 */



/*样式清除代码*/

html{ width:100%; min-width:1200px; }

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form

,fieldset,legend,input,textarea,select {margin:0;padding:0}

body{

   font:13px "microsoft yahei","Arial Narrow",HELVETICA;

   background:#F5F9FC;

   -webkit-text-size-adjust:100%;

   min-width:1100px;

   width:100%;

   }

li{list-style: none;}

a{color:#2d374b;text-decoration:none;cursor: pointer}

em{font-style:normal}

i{font-style: normal}

img{border:0;vertical-align:middle;}

/* table{border-collapse:collapse;border-spacing:0} */

p{word-wrap:break-word;margin: 0px;}

input::-webkit-input-placeholder{ color: #fff; }

.fl{ float: left; }

.fr{ float: right; }



/*通用样式*/



.wth{ width:100%; min-width:1000px; clear:#fff ;}



.warp{ width: 1000px; margin: 0 auto; text-align: center; }



.clearfloat:after{ content: "."; display: block; clear: both; visibility: hidden; height: 0; }



/*顶部*/

.top_all{ width: 100%; min-width:1400px; height:60px; position: absolute; z-index: 20; background-color: #fff;}

.top_all .warp{width: 1200px;}

.top_all li{ height: 40px; line-height: 60px; font-size:16px; color: #333; }

.left{ float: left; }

.left li.first{ width: 135px; height: 38px; margin-right: 40px; line-height: 20px; padding-top:10px; }

.left li.first img{ width: 125px; }

.left li{ width: 90px; float: left; text-align: center; color: #333; }

.left li a{ padding-right: 5px; color: #333; }

.right{ float: right; color: #333; }

.right li{ float: left; font-size:18px; color: #333; }

.right .li2{color: #EB9D7A;margin-left: 10px;}

/*地址栏*/

.hda{ background: #EEEEEE; height: 410px; }

.hda-m{ width: 1000px; margin: 0 auto; height: 410px; }



/*底部*/

.zg_footer{ background:#404043; height:180px;}

.zg_foot_nr{

   width:1100px;

   overflow: hidden;

   height:100px;

   /* background:rgba(255, 255, 255, 0.5); */

   padding-top:40px;

   text-align:center;

   color: #ccc;

   margin:0 auto;

}

.zg_foot_nr p{line-height:30px;font-size: 14px;}

.zg_foot_nr a,.zg_foot_nr a:hover{ color:#CCCCCC; line-height:30px; text-decoration:none; }







.header{position: relative;height: 60px;}

.banner{height:480px;background: url(../images/zg_bg2.png) no-repeat center top;overflow: hidden;}

.banner.img{background: url(../images/zg_bg1.png) no-repeat center top;}







.banner h2{

    margin:60px auto 50px;

    text-align:center;   

    color:#fff;   

    font-size:80px;   

    font-weight:bold;   

    text-shadow:0.1em 0.1em #3D07CC;

    letter-spacing:8px;

}

.banner h4{

    margin:0 auto;

    padding-left: 550px;

    text-align:left;   

    color:#fff;

    font-size:40px;   

    font-weight:normal;   

    letter-spacing:2px;

}



.banner h4 span{

    color:#FFDA3D;

    font-size:82px;    

    text-shadow:0.07em 0.07em #3D07CC;

    letter-spacing:2px;

    vertical-align: middle;

}



.banner p{

    width: 600px;

    height: auto;

    margin: 0 auto;

    font-size:50px;

    color:#fff;

    text-align: center;

    padding: 20px 80px;

    border: 1px solid #9B81DF;

    border-radius:53px;

    background-color: #7266F8;

}





.box{

    padding: 0px 0px 40px;

    margin: -60px auto 0;

    background-color: #fff;

    border-radius: 30px;

    box-shadow: 0 3px 10px rgba(114, 102, 247,0.1);

}

.box22{margin: 40px auto 0;}

.box .top{

  width: 910px;

  margin: 0 auto;

  border-bottom: 1px solid #E6E6E6;

  position: relative;

}



.box .top a{display: inline-block;padding: 20px 0 15px; width:32%; text-align: center; font-size:18px;color:#999999;}

.box .top a.on{font-weight: bold; color:#7266F7;padding: 20px 0 15px;}

.box .top span.sa{position: absolute; left:18%; bottom: 0;transition: 0.4s; margin-left:-26px; display: block;width:50px;height:4px;background:#7266F7;border-radius:10px 10px 0 0;}

.box .top span.sc{position: absolute; left:82.5%; bottom: 0;transition: 0.4s; margin-left:-25px; display: block;width:50px;height:4px;background:#7266F7;border-radius:10px 10px 0 0;}



.con{padding: 40px 0 0;}

.con ul{width:600px;margin: 0 auto;}

.con ul li{margin-bottom: 30px; position: relative;}

.con ul li p{font-size: 14px; color: #DE0D0D; position: absolute;left:150px;bottom:-22px;}

.con ul li:first-child{margin-bottom: 10px;}

.con .le{float: left; width: 100px;height:40px;line-height: 40px;font-size: 16px;color: #666666;text-align: right;}

.con .rig{width: 420px;display: flex; justify-content: space-between;flex-wrap: wrap; position: relative;}

input,select{cursor: pointer;  outline: none; width: 420px;height: 38px;font-size: 18px;padding: 0 10px; box-sizing:border-box; border: 1px solid #DDDDDD;border-radius: 6px; }

input:focus{

    border: 1px solid #BDB7FF;

    box-shadow:0 2px 8px rgba(114, 102, 247,0.5);

    transition: 0.3s;

}

select:focus{

    border: 1px solid #BDB7FF;

    box-shadow:0 2px 8px rgba(114, 102, 247,0.5);

    transition: 0.3s;

}

 

input::-webkit-input-placeholder{

    /* placeholder颜色 */

    color: #999999;

    /* placeholder字体大小 */

    font-size: 14px;

}

input::-moz-placeholder{

    color: #999;

    font-size: 14px;

    opacity: 1;

}

input:-ms-input-placeholder{

    color: #999;

    font-size: 14px;

}



select{

    font-size: 14px;

    display: inline-block;

    box-sizing:border-box;

    width: 200px;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    background: url(../images/zg_bg3.png) no-repeat center right 10px;

    color: #999;

    margin-bottom:20px;

    padding-right:30px;

}

select:nth-child(2n-1){

    margin-right: 10px;

}

option{font-size: 18px;background-color: #F5F9FC;}



.one,.two{margin-right: 40px;}





.gz{cursor: pointer; width:150px;height:36px;font-size:14px;color:#7266F7 ;text-align: center;line-height: 36px;border-radius: 0 3px 3px 0; border: 1px solid #BDB7FF;background:rgba(114, 102, 247,0.1); position: absolute;right: 0;top:0; z-index: 88;}

.hqyzm{cursor: pointer; width:120px;height:22px;font-size:16px;color:#999999 ;border-left: 1px solid #E6E6E6; text-align: center;line-height: 22px;position: absolute;right: 0;top:8px;}







.button{
    letter-spacing: 5px;

    cursor: pointer;

    width:350px;

    height:50px;

    margin: 40px 0 0;

    font-size:20px;

    color:#fff;

    line-height: 50px;

    text-align: center;

    border: none;

    padding: 0 0;

    border-radius: 3px;

    background: -webkit-linear-gradient(left, #7266F7, #9CB3FF);

    background: -o-linear-gradient(left,#7266F7, #9CB3FF);

    background: -moz-linear-gradient(left,#7266F7, #9CB3FF);

    background: -ms-linear-gradient(left,#7266F7, #9CB3FF);

}

.button:hover{text-shadow:0.1em 0.1em #3D07CC; transition: 0.3s; }



/* 职位展示 */

.zwzs p{font-size: 26px;color:#333;text-align: center; padding: 30px 0 40px;}

.zwzs p span{font-size: 26px;color:#868299;}

.zwzs ul{display: flex;justify-content: space-between; background: url(../images/zg_bg6.png) no-repeat center center;}

.zwzs ul li{width:49%;text-align: center;}

.zwzs ul .p1{font-size: 40px;color:#333333;text-align: center;padding: 10px 0;}

.zwzs ul .p2{font-size: 18px;color:#999999;text-align: center;padding: 0 0;}







#cpm ul{width:650px;}

#cpm input{width: 460px;}

#cpm  button{margin-top: 10px;}





/* 排名列表 */

.list{

    overflow: hidden;

    margin:40px auto;

    background-color: #fff;

    border-radius: 30px;

    box-shadow: 0 3px 10px rgba(114, 102, 247,0.1);

}

.list22{margin:-80px auto 0;}

.list h3{width: 690px; font-size:30px;color: #999999;font-weight: normal; padding:10px 0;margin: 0 auto 10px;border-bottom: 1px solid rgba(210, 210, 210,0.6); }

.list h3 b{font-size:40px;color:#4D82FA;margin-right: 10px;}

.list h3 em{display: inline-block;width:67px;height: 24px;}

.list h3 .em1{background: url(../images/zg_bg4.png) no-repeat center center;margin-right: 29px;}

.list h3 .em2{background: url(../images/zg_bg5.png) no-repeat center center;margin-left: 29px;}

.list .txthead{width: 940px; padding: 5px 0;margin: 10px auto 0; display: flex; justify-content: space-around; border-bottom: 1px solid #6594FE;}

.list .txthead span{width:25%; font-size:20px;color: #7266F7;text-align: center;}

.list ul{width: 940px; margin:auto; }

.list li{width: 100%; height: 40px;line-height: 40px; display: flex; justify-content: space-around; border-bottom: 1px solid #BBBBBB;}

.list li span{width:25%; font-size:16px;color: #555555;text-align: center;}

.list li:hover{background-color:rgba(114, 102, 247,0.02);}



.rolling{height: 228px;width: 940px;margin:auto;}

.list_phb{height: 428px;width: 940px;margin:auto; overflow: auto;}



.mzsm{font-size:14px;color:#999;height:30px;margin-top:30px;line-height:30px;}



/* 三广告 */

.gg{display: flex;justify-content: space-between;margin: 40px auto 70px;}

.gg li{width:310px;height:70px;}

.gg li a{display: block; line-height: 70px;text-align: center; font-size: 24px;border-radius:6px;}

.gg li em{display: inline-block; width:24px;height:70px;vertical-align: top;margin-right: 10px;}

.gg li:nth-child(1) a{

    background: -webkit-linear-gradient(right, #E5D5FE, #C9ABFF);

    background: -o-linear-gradient(right,#E5D5FE, #C9ABFF);

    background: -moz-linear-gradient(right,#E5D5FE, #C9ABFF);

    background: -ms-linear-gradient(right,#E5D5FE, #C9ABFF);

    color:#9172DF;

}

.gg li:nth-child(2) a{

    background: -webkit-linear-gradient(right, #FFDFC4, #FFD5B6,#FFD0AF,#FFBB92);

    background: -o-linear-gradient(right, #FFDFC4, #FFD5B6,#FFD0AF,#FFBB92);

    background: -moz-linear-gradient(right, #FFDFC4, #FFD5B6,#FFD0AF,#FFBB92);

    background: -ms-linear-gradient(right, #FFDFC4, #FFD5B6,#FFD0AF,#FFBB92);

    color:#E67D27;

}

.gg li:nth-child(3) a{

    background: -webkit-linear-gradient(right, #FFC8CE, #F694B3);

    background: -o-linear-gradient(right,#FFC8CE, #F694B3);

    background: -moz-linear-gradient(right,#FFC8CE, #F694B3);

    background: -ms-linear-gradient(right,#FFC8CE, #F694B3);

    color:#F56A6B;

}



.gg li:nth-child(1) em{ background: url(../images/zg_em1.png) no-repeat center center;}

.gg li:nth-child(2) em{ background: url(../images/zg_em2.png) no-repeat center center;}

.gg li:nth-child(3) em{ background: url(../images/zg_em3.png) no-repeat center center;}





/* 左侧导航 */

.left_nav{position: fixed; left: 30px;top:35%; z-index: 99;}

.left_nav a{display: block;width: 160px; height: 66px; text-align: center; font-size: 22px; font-weight: bold; color:#fff;}

.left_nav a:hover{text-shadow:0.1em 0.1em #3D07CC; transition: 0.3s; }

.left_nav .a1{position: relative;background: url(../images/zg_nav1.png) no-repeat center top; line-height:66px;z-index:98;}

.left_nav .a2{position: relative;background: url(../images/zg_nav2.png) no-repeat center bottom;line-height:76px; margin-top: -6px;z-index:98;}

.left_nav .a3{position: relative;background: url(../images/zg_nav3.png) no-repeat center bottom;line-height:76px;z-index:98;}



.left_nav .mimg1{width:188px;height:188px;background-color: #fff; position: absolute;right: 300px;top: -300px; opacity: 0.2; transition: 0.5s;z-index:97;}

.left_nav .mimg2{width:188px;height:188px;background-color: #fff; position: absolute;right: -230px;top: 5px; opacity:1; transition: 0.5s; z-index:97;}



.zzz{position: fixed; left:0;top:0;z-index: 887; width: 100%;height:100%; background:rgba(0, 2, 2,0.5);}

.cjtc{position: fixed; left:50%;top:50%;z-index: 888; margin: -200px 0 0 -300px; z-index: 99; width: 600px;height: 400px;background:url(../images/offcn_back6.jpg) no-repeat;background-size:cover; text-align: center;font-size: 20px;color: #fff;border-radius: 30px;}

.cjtc h4{font-size: 22px; padding: 10px 0;}

.cjtc p{font-size: 18px;text-align: left;line-height: 24px; margin-bottom: 10px; padding: 0 70px;}

.cjtc img{position: absolute; right: 8px; top: 8px; cursor: pointer;}


.yc{display: none;}


/* 右侧问题引导咨询 2022.04.15 lhr */
.zw_left_zx{position:fixed;z-index:9;right:0px;width:150px;height:564px;margin-top:-282px;top:50%;background:url(../images/zw22_rigbg.png);text-align:center;}
.zw_left_zx h4{color:#fff;font-size:24px;margin-bottom:10px;font-weight:bold;padding-top:35px;}
.zw_left_zx ul li{width:132px;margin:0 auto 9px;border:1px solid #fff;}
.zw_left_zx ul li a{display:block;padding:3px;color: #fff;font-size:14px;line-height:22px;}
.zw_left_zx span{display:block;position: absolute;left:58px;bottom:33px;width:34px;height:34px;margin:14px auto 0;cursor:pointer;}



.gf{ margin: 0 auto; text-align: center; font-size: 26px; line-height: 50px; color: #fff; }