@charset "utf-8";
/*公共 - start*/
body{
	overflow: hidden;
	max-width: 1920px;
	margin:auto;
    background: #fff;
}
*{
    font-family: "PingFang SC", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important;
}
*{
	font-family: "Microsoft Yahei", "PingFangSC-Light", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important;
}
.g_content{
    width:1200px;
    margin:auto;
}
.yxedr_active p{
    font-size: 16px;
    line-height: 28px;
    color: #666;
}
.g_comimg{
    width:100%;
    position: relative;
    overflow: hidden;
}
.g_comimg img{
    width:100%;
    height:100%;
    top:0;
    left:0;
    transition: all .36s ease;
}
.g_comimg1{
    position: relative;
}
.g_comimg2{
    position: absolute;
}
.g_backgd{
    width:100%;
    position: relative;
}
.g_backgd img{
    width:auto;
    height:100%;
    position: relative;
    top:0;
    left:50%;
    transform: translateX(-50%);
}
/*公共 - end*/
/*规范*/
.g_word1{
    font-size: 30px;
    line-height: 1.75;
    letter-spacing: 1px;
}
.g_word2{
    font-size: 24px;
    line-height: 1.75;
    letter-spacing: 1px;
}
.g_word3{
    font-size: 18px;
    line-height: 1.75;
    letter-spacing: 1px;
}
.g_word4{
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 1px;
}
.g_word5{
    font-size: 14px;
    line-height: 1.75;
    color:#999;
    letter-spacing: 1px;
}
.g_parp p{
    color:#666;
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
/*规范*/
/*pc导航选中*/
.yxnav_active1 .g_nav1{

}
.yxnav_active2 .g_nav2{
	
}
/*ph导航选中*/
.yxnav_active1.g_phnav1{
    color:#032c8d;
}
.yxnav_active2.g_phnav2{
	color:#032c8d;
}
.yxnav_active3.g_phnav3{
    color:#032c8d;
}
/*ph导航&下拉*/
.phxia{
    position: fixed;
    width: 100%;
    left: 0;
    top: 64px;
    z-index: 300;
    padding:0 20px;
    background-color: #f1f1f1;
    display: none;
}
.xialaph{
    display: none;
    width: 100%;
    padding-bottom: 18px;
    background-color: #f1f1f1;
}
.xialaph h4{
    position: relative;
}
.xialaph h4::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #000;
}
.xialaph h4 a{
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h4 img{
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph .ul2{
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}
.xialaph .ul2 .container_s{
    max-width: 100%;
    padding: 0 15px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}
.xialaph h5 a{
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h5 img{
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph .ul3{
    display: none;
}
.xialaph h6 a{
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}

.header2{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    display: none;
}
.header2 .logo{
    width: 100px;
    line-height: 64px;
}
.header2 .logo img{
    width: 100%;
}
.header2 .phsearch{
    position: absolute;
    top: 50%;
    right: 70px;
    width: 25px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.header2 .wj_hin_right{
    padding-top: 25px;
}
.header2 .phsearch img{
    width: 100%;
}
.ph_mea_cl{
    overflow: hidden;
    width: 28px;
    height: 100%;
}
.header2 .menuph {
    width: 28px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.header2 .menuph .point{
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}
.header2 .menuph .point: .navbtn,
.header2 .menuph .point: .navbtn::after,
.header2 .menuph .point: .navbtn::before{
    width: 28px;
}
.header2 .menuph .navbtn{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #666;
}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #666;
}
.header2 .menuph .navbtn::after{
    top: -10px;
}
.header2 .menuph .navbtn::before{
    top: 10px;
}
.header2 .menuph .point.active .navbtn{
    background: transparent;
}
.header2 .menuph .point.active .navbtn::after{
    top: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before{
    top: 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.ph_search{
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}
.ph_search_ph{
    width:100%;
    height: 35px;
    border:1px solid rgba(0,0,0, .1);
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}
.ph_search_ph input{
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color:#333333;
}
.ph_search_ph input::-webkit-input-placeholder{
    color: #999999;
}
.ph_search_ph button{
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    float:right;
    position: absolute;
    top: 0;
    right: 0;
}
.ph_search button .icon-sousuo{
    font-size: 27px;
    color: #999999;
}
.wj_header_i_nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
}
/*电话*/
.ph_dh_number{
    width: 100%;
    text-align: center;
    margin-top:18px;

}
.ph_dh_number .ph_dh_n{
    display: inline-block;
    overflow: hidden;
}
.ph_dh_number .ph_dh_n p{
    float: left;
    font-size: 16px;
    color: #999;
}
.ph_dh_number .ph_dh_n p a{
    float: left;
    font-size: 16px;
    color: #999;
}
.ph_dh_number .ph_dh_n .ph_dh_n_p1{
    margin-right: 15px;
}
.wj_hin_r_en a{
    color:#666;
}
.ph_searchfe {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
}
.ph_searchfe img {
    width: 100%;
}
.wj_hin_r_en{
    margin-right: 15px;
}
/*banner-start*/
.g_sybannr{
    display: none;
}
.g_sybannr.on{
    display:block;
}
.g_syhead{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 500;
}
.g_syhdtop, .g_syhdbot{
    transition: all .36s ease;
}
.g_syhdbot{
    border-bottom: 1px solid rgba(255,255,255,.3)
}
.g_sylogo{
    width:384px;
    line-height: 90px;
}
.g_sysearch{
    margin-top: 30px;
    width:235px;
    height:34px;
    border-radius: 16.5px;
    border:1px solid #c1c7db;
}
.g_sysearch img{
    width:17px;
    cursor: pointer;
    display: block;
    margin-top: 8px;
    margin-right: 15px;
}
.g_sysearch input{
    display: block;
    width:calc(100% - 32px);
    padding:0 15px;
    height:100%;
}
.g_synavli p a{
    line-height: 70px;
    color:rgba(255,255,255,.8);
    font-size: 16px;
    display: block;
    transition: all .36s ease;
}
.g_syhdbot ul{
    width:100%;
}
.g_synavli{
    margin-right: 58px;
}
.g_synavli:last-child{
    margin-right: 0;
}
.g_sybansk{
    overflow: hidden;
}
.g_sybantu{
    width:100%;
    position: relative;
}
.g_sybantu img{
    width:100%;
}
.g_sybantu video{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
}
.g_syban{
    position: relative;
}
.g_sybannr{
    position: relative;
}
.g_sybanwz{
    position: absolute;
    top:46%;
    left:50%;
    transform: translateX(-50%);
}
/*banner-end*/

/*鼠标效果*/
@media screen and (min-width: 1200px){
    
}
/*载入效果*/
.g_fadein1{
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s; 
}
.g_fadeup1{
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}
.g_fadeup2{
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.5s;
}
.g_fadeup3{
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.6s;
}
.g_fadeup4{
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.7s;
}
.g_fadeup5{
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.8s;
}
.g_fadeup6{
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.9s;
}
.g_fadeup7{
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 1s;
}
.g_fadedown1{
    -webkit-animation: fadeInDown 1s ease both;
    animation: fadeInDown 1s ease both;
    animation-delay: 0.4s; 
}
.g_fadeleft1{
    -webkit-animation: fadeInLeft 1s ease both;
    animation: fadeInLeft 1s ease both;
    animation-delay: 0.4s; 
}
.g_faderigth1{
    -webkit-animation: fadeInRight 1s ease both;
    animation: fadeInRight 1s ease both;
    animation-delay: 0.4s; 
}




.w_box{
    max-width: 480px;
    margin: 0 auto;
}
.g_syban{
    width:100%;
    margin: 0 auto;
}
.g_syban img{
    width: 100%;
}
.w_cont1s{
    width: 100%;
    border-radius: 16px;
    background: #fff;
    padding:30px 20px 0;
    box-shadow: 0 5px 13px rgb(0,0,0,.1);
}
.w_cont1img{
    width: 88px;
    display: inline-block;
}
.w_cont1img img{
    width: 100%;
}
.w_cont1txt h2{
    font-size: 18px;
    line-height:1.25;
    color: #333;
    font-weight: bold;
    height: 22.5px;
    overflow: hidden;
    margin: 4px 0;
}
.w_cont1txt p{
    font-size: 14px;
    line-height: 1.67;
    height: 23.68px;
    overflow: hidden;
    color: #666;
}
.w_cont1li{
    width: 33.333333%;
    text-align: center;
}
.w_cont1btn{
    margin-top: 30px;
    text-align: center;
}
.w_btn1{
    cursor: pointer;
    display: inline-block;
    width: 215px;
    border-radius: 50px;
    position: relative;
    background: linear-gradient(to top,#feaa74,#ffc14d);
}
.w_btnying{
    display: inline-block;
    width: 215px;
    height: 45px;
    border-radius: 50px;
    background: linear-gradient(to bottom,#fed8cb,#fff3ee,transparent,transparent,transparent);
}
.w_btn1p{
    font-size: 18px;
    line-height: 2.5;
    color: #fff;
    font-weight: bold;
}
.w_point1{
    width: 4px;
    margin: 0 4px;
}
.w_point1 img{
    width: 100%;
}
.w_pointfl{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 28px;
}
.w_pointfr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px;
}

.w_cont2{
    text-align: center;
}
.w_cont2 h2{
    font-size: 28px;
    line-height:1.75;
    font-weight: bold;
    color:#ffc14d;
    background-image: -webkit-linear-gradient(104deg, #fda57c,#ffc34a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   
}
.w_tit3box h3{
    font-size: 18px;
    line-height: 2.2222;
    color: #fff;
}
.w_tit3box{
    background: #ffc14d;
    width: 160px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;

}
.w_cont2stit{
    text-align: center;
    margin-top: -40px;
}

.w_li2img{
    width: 64px;
}
.w_li2img img{
    width: 100%;
}
.w_li2ins{
    width: calc(100% - 64px);
    padding-left: 25px;

}
.w_cont2list{
    padding-top: 35px;
    padding-bottom: 10px;
}
.w_li2ins h3{
    font-size: 16px;
    line-height:1.6;
    color: #333;
    font-weight: bold;
    height: 25.6px;
    overflow: hidden;
}
.w_li2ins p{
    font-size: 14px;
    line-height: 1.75;
    color: #666;
    height:24.5px;
    overflow: hidden;
}
.w_cont2li {
    margin-bottom: 20px;
}
.w_cont2box1{
    margin-bottom: 35px;
}
.w_cont2s{
    width: 100%;
    border-radius: 16px;
    background: #fff;
    padding:20px 20px 1px;
    box-shadow: 0 5px 13px rgb(0,0,0,.1);
    margin-top: 35px;
    margin-bottom: 60px;
}
.w_sect1{
    background-image: url(../images/w_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 35px 25px 0;
}
.w_content{
    width: 768px;
    margin:  0 auto;
}
.w_sect2{
    padding: 20px;
    margin-top: 10px;
}
.w_applyli{
    padding-bottom: 14px;
    padding-top: 8px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}
.w_applyp{
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    height: 35px;
    overflow: hidden;
}
.w_applyp span {
    font-size: 20px;
    line-height: 1.75;
    color: #fdbb2f;
    font-weight: bold;
    height: 35px;
    overflow: hidden;
}
.w_applyli::before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fdbb2f;
    position: absolute;
    top: 23px;
    left: 0;
}
.w_applyp2{
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    padding-left: 16px;
}
.w_cont2list.w_list2dl{
    padding-top: 20px;
    padding-bottom: 35px;
}
.w_li3{
    width: 50%;
    padding: 0 3px;
    margin-bottom: 10px;
}
.w_ul3{
    margin: 0 -3px;
}
.w_li3job{
    width: 100%;
    border-radius: 50px;
    padding: 5px 10px;
    background: #fff8e7;
    text-align: center;
}
.w_cont2list.w_list3dl{
    padding-top: 25px;
    padding-bottom: 15px;
}
.w_cityli{
    font-size: 14px;
    line-height: 2;
    color: #fff;
}
.w_li4{
    width: 20%;
    padding: 0 3px;
}
.w_ul4{
    margin: 0 -4px;
}
.w_li4cityname{
    background: #fdbb2f;
    border-radius: 5px;
    text-align: center;
}
.w_ul4box2{
    margin-top: 10px;
}
.w_ul4fl{
    width: 73.59px;
    margin-right: 1px;
}

.w_li4fr{
    width:60px;
    padding: 0 1px;
}
.w_li4tyname{
    background: #fed054;
    border-radius: 5px;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 5px;
}
.w_tyli{
    font-size: 12px;
    line-height: 2;
    color: #fff;
}
.w_ul4fr{
    margin-bottom: 8px;
}
.w_li5dot{
    font-size: 16px;
    margin-top: 12px;
    color: #f61212;
}
.w_li5{
    background: #fff8e7;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    height: 100%;
}
.w_li5put{
    width:calc(100% - 8px);
    padding-left: 10px;
}
.w_li5fl{
    width: 8px;
}
.w_li5put input{
    width:100%;
    color: #aeaeae;
    line-height: 2.25;
   height: 36px;
   font-size: 16px;
}
.w_li5put input::placeholder{
    font-size: 16px;
    line-height:32px;
    color: #aeaeae;
}

.w_ul5{
    padding: 35px 0;
}
.w_li5la{
    margin-top: 10px;
}
.w_li5la img{
    width: 100%;
    transition: all .36s;
}
.w_li5labox{
    width:14px;
    margin-top: 11px;
}
.w_li5labox img{
    width: 100%;
}
.w_li5xl .w_li5put{
    width: calc(100% - 8px - 14px);
    padding-right: 10px;
}
.w_sy{
    background: #f9f9f9;
}

.w_d1_searchbox.act .w_li5labox img{
    transform: rotate(180deg);
}
.w_d1_searchbox.act {
    display: block;
}

.w_li5hide{
    width: 100%;
    position: absolute;
    top: 35px;
    left: 0;
    padding:12px 15px 8px 35px;
    background: #fefaf0;
    border-radius: 5px;
    box-shadow: 0 5px 13px rgba(0,0,0, .1);
    z-index: 999;
    display: none;
}
.w_d1xl_btm p{
    font-size: 16px;
    line-height: 2;
    color: #888888;
}
.w_li5text .w_li5fl{
    display: none;
}
.w_li5put textarea{
    width: 100%;
    padding-left: 5px;
    width: 100%;
    font-size: 16px;
    line-height: 2;
    color: #aeaeae;
}
.w_text1{
    font-size: 16px;
    line-height: 2;
    color: #aeaeae;
}
.w_mtrl_tp {
    font-size: 16px;
    line-height: 2.25;
    height: 36px;
    overflow: hidden;
    color: #aeaeae;
    padding-left: 10px;
}
.w_xiala{
    width: calc(100% - 8px);
}
.w_d1xl_btm {
    height: 104px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fdbb2f;
    background-color: rgba(255,495,74,1);
    width: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fdbb2f;

}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #ffc14d;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-color: #ffc14d;
}
.w_li5put textarea{
    overflow: hidden;
    color: #333;
}
.w_codebox .w_li5{
    width: 280px;
    margin-right: 10px;
}
.w_code{
   width:calc(100% - 290px);
   cursor: pointer;
}
.w_code img{
    width: 100%;
}
.w_sub{
    text-align: center;
    margin-top: 10px;
}

.w_subbtn{
    width: 213px;
    margin: 0 auto;
    border-radius: 50px;
    background: linear-gradient(-4deg,#feaa74,#ffc14d);
}
.w_subbtn p{
    width: 100%;
    font-size: 18px;
    line-height: 2.5;
    color: #fff;
    letter-spacing: 5px;
}
.w_phone {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 10px;
}
.w_phone p a{
    font-size: 16px;
    line-height: 1.25;
    color: #fdbb2f;
}
.w_li5put textarea::placeholder {
    color: #aeaeae;
    font-size: 16px;
}
.w_li5put textarea{
    color: #aeaeae;
    font-size: 16px;
    resize: none;
    height: 128px;
    overflow: hidden;

}
.w_li5text .w_li5put{
    padding-top: 8px;
}
.w_textp{
    font-size: 14px;
    line-height: 1.75;
    color: #aeaeae;
    padding-left: 5px;
    position: absolute;
    top: 35px;
}
.w_li5text.on .w_textp{
    display: none;
}
.w_applyli.w_tj .w_applyp{
    padding-left: 15px;
}
.header2 .logo {
    width: 180px;
}