﻿.k_cbanner {
    width: 100%;
    margin-top: 90px;
}
.k_d {
    /*background: url(../images/e1banner.png);*/
    background-position: 0px;
}
.container .im_dtime{
    display: block;
    width: 20.4167%;
    /*height: 150px;*/
    overflow: hidden;
    float: left;
    margin: 3px 0 0;
}
.container .k_kuang .pic_list  img{
    height: auto;
}
.nlist-box{
    width:66%;
    float: left;
    margin: 0 0 0 4.1667%;
}
.nlist-date {
    padding: 8px 0 0;
    width: 82px;
    text-align: center;
    color: #666666;
    border-top: 2px solid #707070;
    float: right;
    margin: 5px 0 0;
}
.nlist-box .btn{
    padding: 0 22px 0 0;
    line-height: 26px;
    font-size: 13px;
    font-weight: 600;
    color: #2a70b6;
    background: url(../images/icon-go3.png) no-repeat right center;
    margin: 20px 0 0;
}
.nlist-date .day {
    line-height: 47px;
    font-size: 32px;
}
.nlist-date .year {
    line-height: 31px;
}
.k_d .k_bana {
    margin: 0 auto;
    padding: 120px 100px;
    text-align: center;
}

.k_d .k_bana .k_img {
    position: relative;
}

.k_d .k_bana .k_book {
    position: absolute;
    top: 270px;
    left: 933px;
}

.k_d .k_bana .k_mar {
    padding: 32px 0 10px 0;
    color: #FFFFFF;
    font-size: 30px;
}

.k_d .k_bana .k_sc {
    line-height: 32px;
    color: #FFFFFF;
    font-size: 30px;
}

.k_con {
    width: 100%;
    padding: 50px 100px 0 100px;
    display: block;
    overflow: hidden;
    clear: both;
}

.k_con .k_nava {
    width: 100%;
    background: #FFFFFF;
    position: relative;
    top: -65px;
    left: 0px;
    padding: 30px 0;
}

.k_con .k_nava ul {
    width: 1720px;
    padding:0 250px;
}
.k_con .k_nava ul li {
    float: left;
    text-align: center;
    padding: 0 50px 0 50px;
}

.k_con .k_nava ul li a {
    color: #666666;
    font-size: 18px;
}

.k_con .k_nava ul li a:hover {
    color: #000000;
}

.k_con .k_nava a:hover .img_s {
    display: none;
}

.k_con .k_nava a:hover .img_d {
    display: inline-block;
}
.k_con .k_nava ul li.act a{
    color: #000000;
}

.k_con .k_nava ul li.act a .img_s {
    display: none;
}

.k_con .k_nava ul li.act a .img_d {
    display: inline-block;
}
.k_con .R-content h1{
    font-size: 24px;
    color: #306eab;
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;
}
.k_con .R-content .R-p{
    float: left;
    width: 50%;
    font-size: 15px;
    line-height: 25px;
    color: #666;
}
.R-content img{
    width: 48%;
    float: right;
}

.k_con .R-content1 .R-p{
    float: right;
}

.R-content1 img{
    width: 48%;
    float: left;
}
.k_con .R-content p{
    font-size: 16px;
    color:#666;
    text-align: justify;
    line-height: 2;
}
.Instagram{
    background: url(../images/xingxiang.jpg);
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 50px;
    padding: 0px 78px;
}
.moban{
    width: 23%;
    height: 270px;
    background: #07b6f3;
    position: relative;
    /* top: -70px; */
    padding: 0 40px;
    float: left;
    border: 1px solid #ffffff;
    margin: 0 10px;
    border-radius: 20px;
}
.moban:first-child{    height: auto;}
.moban{
    width: 23%;
    height: 270px;
    background: #07b6f3;
    position: relative;
    /* top: -70px; */
    padding: 0 40px;
    float: left;
    border: 1px solid #ffffff;
    margin: 0 10px;
    border-radius: 20px;
}
.moban h1{
    font-size: 24px;
    text-align: center;
    color:#fff;
    padding:44px 0 34px 0;
}
.moban p{
    font-size: 16px;
    color:#666;
    text-align: center;
    line-height: 32px;
    color:#fff;
}
.tuandui{
    border-bottom:1px solid #ccc;
    padding:45px 0px 70px 100px; 
}
.tuandui h1{
    font-size:36px;
    float: left;
}
.tuandui span{
    display: inline-block;
    float: left;
    margin-left: 29px;
    line-height: 36px;
    font-size: 20px;
    color: #666666;
}
.tuandui .tuandui-r{
    float:right;
    margin-right:170px;
}
.tuandui .tuandui-r li{
    float: left;    
}
.tuandui .tuandui-r li a{
    color:#666;
    display: inline-block;
    font-size:20px;
    margin-left: 70px;
    padding:0px 0px 48px 0px;
}
.tuandui .tuandui-r li a:hover{
    border-bottom:2px solid #065fae;
    color:#065fae;
}
.tuandui .tuandui-r li a.j_tream{
    border-bottom:2px solid #065fae;
    color:#065fae;
}
.referral{
    display: none;
    width: 100%;
    padding: 0 160px;
    margin-top: 57px;
    margin-bottom: 68px;
    /*margin: 0 -20px;*/
}
.referral .slick-prev{
    width: 26px;
    height: 46px;
    background: url(../images/j-sleft.png) no-repeat;
    margin-left:100px;
    z-index: 1;
}
.referral .slick-next{
    width: 26px;
    height: 46px;
    background: url(../images/j-slight.png) no-repeat;
    margin-right:90px;
    z-index: 1;
    color:#ccc;
}
.referral .referr{
    margin: 0 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
    /*width: 25%;*/
}
.referral .jieshao{
    width:100%;
    height: 467px;  
    background: #eff2f7;    
}
.referral .j_jshg{
    position: absolute;
    width: 100%;
    opacity: 0.9;
    top: -100%; 
    transition: 0.5s;
    color: #FFFFFF;
    background: #065FAE;
    padding: 125px 38px 120px; 
    height: 100%;
    /*margin-top: 57px;*/   
}
.j_jshg h3{
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
}
.j_jshg h4{
    font-size: 18px;
    line-height: 24px;
}
.j_jshg p{
    margin-top: 5px;
    font-size: 14px;
    line-height: 32px;
}
.referr:hover .j_jshg {
    top: 0;
}
.referral .jieshao .renming{
    width: 114px;
    margin:0 auto;
    text-align: center;
    padding-top:55px;
}
.referral .jieshao .renming a{
    font-size:22px;
    color:#666;
    display: inline-block;
    padding:22px 0;
    border-bottom:1px solid #ccc;
}
.referral .jieshao .duanluo{
    width:100%;
    text-align: center; 
}
.referral .jieshao .duanluo p{
    margin-top:20px;
    line-height:1.5;
    height: 109px;
    margin-bottom: 10px;
}
.referral .jieshao .duanluo a{
    display: inline-block;
    width: 120px;
    height: 41px;
    text-align: center;
    line-height: 42px;
    border:1px solid #065fae;
    color:#065fae;

}
.science{
    background: url(../images/jianbian.jpg) no-repeat;
/*  height: 598px;*/
    padding:0 100px;
}

.scien{
    padding-bottom: 113px;
}
.platform{
    width: 50%;
}
.platform .plat{
    padding:124px 0 0px 70px;
}
.platform .plat h5{
    font-size: 18px;
    color:#fff;
}
.platform .plat h4{
    font-size:36px;
    color:#fff;
    margin-top:35px;
    margin-bottom: 41px;
}
.platform .plat h4 em{
    font-style:normal;
    display:inline-block;
    font-size:16px;
    position: relative;
    top:-14px;
}
.platform .plat p{
    font-size:18px;
    color:#fff;
    line-height: 36px;
}
.platform .plat  a{
    font-size:18px;
    color:#fff;
    display: inline-block;
    width: 145px;
    height: 50px;
    text-align: center;
    line-height: 42px;
    border:1px solid #fff;
    margin-top:65px;
}
.plat-r{
    width: 50%;
    /*padding:161px 0  0 350px;*/
    padding:60px 0  0 350px;
}
.science .slick-dots li{
    width: 9px;
    height: 9px;
    background: #96dec6;
    bottom:15px;
}
.science .slick-dots li:hover{
    background: #fff;
}
.science .slick-dots{
    left: 0;
}
.science .slick-dots li.slick-active {
    background-color: #fff;
}
.science .slick-prev{
    width: 25px;
    height: 45px;
    background: url(../images/jianzou.png);
    margin-left:50px;
    z-index: 1;
}
.science .slick-next{
    width: 25px;
    height: 45px;
    background: url(../images/jianyou.png);
    margin-right:50px;
    z-index: 1
}
.j_honor{
    padding: 0 50px;
    margin-top: 70px;
    margin-bottom: 55px;
}
.j_honor .j_hon{
    margin: 0 15px;
    text-align: center;
}
.j_hon p{
    color: #333333;
     font-size: 18px;
     line-height: 32px;
     /*text-align: center;*/
    padding-top: 20px;
}
.j_honor .slick-prev{
    width: 55px;
    height: 55px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background: url(../images/j-sleft.png) no-repeat center;
    z-index: 2;
}
.j_honor .slick-prev:hover{
    background:#065FAE url(../images/j-sleftw.png) no-repeat center;
}
.j_honor .slick-next{
    width: 55px;
    height: 55px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background: url(../images/j-slight.png) no-repeat center;
}
.j_honor .slick-next:hover{
    background:#065FAE url(../images/j-slightw.png) no-repeat center;
}
.j_hon:hover p{
    opacity: 0.5;
}
.j_hono0{
    padding-top: 110px;
}
.j_hono01{
    padding-top: 80px;
}
.j_hono0{
    padding-top: 100px;
}
.j_honor  .slick-current .j_hons{
   
    transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
 
}
.j_honor {
    margin: 50px 0;
}
.j_honor .slick-current {
    /*margin-top: -60px;*/
}
.j_honor .j_hon {
    transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}

.atv1 .j_hons {
    margin-top: 90px;
    height: 196px;
}
.atv2 .j_hons {
    margin-top: 90px;
    height: 196px;
}
.j_hons {
    position: relative;
    transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}
.j_hons img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}
@media screen and (max-width: 1680px){
    .k_d .k_bana .k_book{
        left: 820px;
    }
    .referral {
        padding: 0 120px;
    }
}
@media screen and (max-width: 1600px){
    .k_d .k_bana .k_book{
        left: 780px;
    }
}
@media screen and (max-width: 1560px){
    .k_d .k_bana .k_book{
        left: 760px;
    }
    .plat-r{
        padding-left: 110px;
    }
    .scien {
        padding-bottom: 49px;
    }
    .science .slick-prev{
        margin-left: 50px;
    }
    .k_con .k_nava ul li {
        padding: 0 30px 0 30px;
    }
}
@media screen and (max-width: 1440px){
    .k_d .k_bana .k_book{
        left: 700px;
    }
}
@media screen and (max-width: 1366px){
    .k_con .k_nava ul {
        padding: 0px 150px;
    }
    .Instagram {
        height: 600px;
    }
    .referral {
        padding: 0 80px;
    }
    .referral .referr {
        margin: 0 10px;
    }
}
@media screen and (max-width: 1280px){
    .referral .jieshao .duanluo p {
        /*display: none;*/
    }
    .referral .jieshao .duanluo a{
        /*margin-top: 80px;*/
    }   
    .scien{
        padding-bottom: 40px;
    }
    .platform .plat a {
        margin-top:30px;
    }
    .footer .right .column {
       padding: 0px 30px 38px 41px;
    }
}
@media screen and (max-width: 1280px){
    .k_d .k_bana .k_book {
         left: 620px;
        top: 280px;
    }
    .k_con .k_nava ul{
        padding: 0 150px;
    }
    .k_con .k_nava ul li {
        padding: 0 25px 0 25px;
    }
    .platform .plat {
        padding: 90px 0 0px 70px;
    }
}
@media screen and (max-width: 1199px){
    .Instagram {
        height: 500px;
    }
    .tuandui .tuandui-r {
        margin-right: 100px;
    }
    .k_cbanner {
        margin-top: 70px;
    }
}
@media screen and (max-width:1024px){
    .platform .plat p {
        font-size: 16px;
        line-height: 28px;
    }
    .platform .plat {
        padding: 80px 0 10px 120px;
    }
    .platform .plat h4 {
        font-size: 30px;
    }
    .k_d .k_bana .k_book{
        left: 490px;
        top:250px;
    }
    .platform .plat {
        padding: 124px 0 0px 120px;
    }
    /*.platform{*/
        /*width: 100%;*/
    /*}*/
    .plat-r{
        /*display: none;*/
        float:right;
    }
    .footer .left{
        padding: 0px 75px 0 30px;
    }
    .footer .c_a{
        padding: 30px 0 40px 0;
    }
    .footer .right .column {
        padding: 0px 10px 24px 10px;
    }
    .science {
        padding: 0 30px;
    }
    .platform .plat {
        padding: 10px 0 0px 70px;
    }
    .platform .plat h4 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .plat-r {
        width:100%;
        padding: 0px 0 0 250px;
    }
    .platform .plat a {
        margin-top: 8px;
    }
    .k_con .k_nava ul {
        padding: 0 20px;
    }
    .referral .slick-dots {
        bottom: -30px;
        left: 0px;
    }
}
@media screen and (max-width:991px){
    .k_d .k_bana .k_book{
        left: 475px;
    }
    .scien {
        padding-bottom: 20px;
        padding-top: 15px;
    }
    .k_con .k_nava ul li {
        padding: 0 40px 0 0;
    }   
    .footer .left .biao {
        line-height: 2em;
    }
    .footer .c_a {
        padding: 20px 0 30px 0;
    }
    .platform .plat {
        padding: 10px 0 0px 70px;
    }
    .referral .slick-dots {
        left: 5px;
        bottom: -30px;
    }
}
@media screen and (max-width:768px){
.moban p {
    font-size: 14px;
    line-height: 25px;
    color: #eee;
}
    .k_bana{
    /*  display: none;*/
    }
    .header{
        padding: 20px 15px 0 15px;
    }
    .nav>ul>li {
        padding: 9px 15px 15px 28px;
    }
    .k_img{
        display: none;
    }
    .k_book{
        display: none;
    }
    .k_nava{
        display: none;
    }
    .k_con {
    padding: 20px 100px 0 100px;
    }
    .k_con .R-content .R-p {
    padding-bottom: 10px;
    width: 100%;
    }
.R-content img {
    width: 100%;
    float: right;
}


.R-content1 img{    margin-bottom: 15px;}
    .tuandui {
        padding: 20px 15px 55px 15px;
    }
    .tuandui .tuandui-r {
        margin-right: 15px;
    }
    .tuandui .tuandui-r li a {
        padding: 0px 0px 30px 0px;
    }
    .referral .jieshao {
        /*margin: 30px 0px 40px 0px;*/
    }
    .referral {
        /*padding: 0px 30px;*/
    }
    .science .slick-prev{
        /*opacity: 0;*/
        top: 100px;
        margin-left: 30px;
    }
    .science .slick-next{
        /*opacity: 0;*/
        top: 100px;
        margin-right: 30px;
    }
    .science .slick-arrow{
        /*opacity: 0*/
    }
    .science .slick-dots{
        /*opacity: 0;*/
    }
    .science {
        padding: 0 30px;
    }
    .footer {
        padding: 40px 15px 29px 15px;
    }
    .footer .right {
        padding: 0 0 0 70px;
    }
    .k_con {
        padding: 20px 15px 0 15px;
    }
}

@media screen and (max-width:767px){
    .k_con{
        padding: 20px 15px 0 15px;
    }
    .plat-r {
        padding: 85px 0 0 100px;
    }
    .tuandui{
        padding: 15px 15px 90px 15px;
    }
    .tuandui h1 {
        /*width: 30%;*/
        font-size:24px;
    }
    .platform .plat {
        padding: 80px 0 10px 100px;
    }
    .tuandui span {
        margin-left:0px; 
        /*width: 70%;*/
        font-size: 16px;
        line-height: 1.4;
    }
    .tuandui .tuandui-r {
        margin-right:0px; 
        /*width: 100%;*/
        /*overflow: hidden;*/
    }
    .tuandui .tuandui-r li a{
        margin-left: 0px;
        line-height: 20px;
        margin-right: 20px;
        padding:0;
    }
    .referral {
        /*padding: 0px 15px;*/
        width: 100%;
        margin:0;
    }
    .science {
        padding: 10px 15px;
    }
    .platform .plat {
        padding: 10px 0 0px 15px;
    }
    .plat-r {
        padding: 0px 0 0 160px;
    }
    .moban {
    width: 45%;
    background: #2974b5;
    position: relative;
    float: left;
    border: 1px solid #ffffff;
    margin: 0px 8px;
    border-radius: 20px;
    margin-bottom: 10px;
        height: auto;
        padding:0 10px;
    }
.Instagram {
    height: 450px;
    margin-top: 70px;
    padding: 0;
}
    .platform .plat p {
        /*display: none;*/
    }
    .footer {
        padding:30px 15px 0;
    }
    .footer .left {
        display: none;
    }
    .footer > div {
        width: 100%;
    }
    .footer .c_a {
        padding: 20px 0 20px 0;
    }
    .footer .center {
        margin-bottom: 20px;
    }
    .footer .right {
        padding: 0px;
    }
    .footer .right .column .r_b{
        font-size:14px;
            line-height: 40px;
    }
    .footer .icon {
        display: none;
    }
}
@media screen and (max-width:1860px){
    
    .k_bana img{
        width: 100%;
    }
}
   
}
@media screen and (max-width:1440px){
   
    .k_nyimg img{
        width: 100%;
    }
}

.k_bei{
    padding: 50px 160px;
}
@media screen and (max-width:1024px) {
    .k_bei {
        padding: 0 100px;
    }
}
@media screen and (max-width:768px){
    .k_bei .k_nycon h1 {
        font-size: 18px;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .k_bei {
        padding: 0 20px;
    }
}
@media screen and (max-width:767px){
    .k_bei {
        padding: 0 20px;
    }
    .k_d .k_bana {
        padding: 120px 0px;
    }
    .k_bei .k_nycon {
    padding: 30px 0;
    }
    .k_bei .k_nycon .k_nymain {
        padding: 10px 15px 8px 15px;
    }
    .k_bei .k_nycon .k_biaoti {
        padding: 20px 0 55px 0;
    }
    
    .k_bei .k_nycon .k_biaoti img {
        width: 82%;
    }
    .k_bei .k_nycon .k_biaoti p {
        top: 23px;
        left: 17px;
        font-size: 14px;
    }
}
@media  screen and (max-width:414px) {
    .science .slick-prev{
        /*opacity: 0;*/
        top: 110px;
        margin-left: 20px;
    }
    .science .slick-next{
        /*opacity: 0;*/
        top: 110px;
        margin-right: 20px;
    }
    .referral .slick-dots {
        left: 0px;
    }
}


.classification ul{
    display: flex;
    justify-content:center;
    width: max-content;
    margin: 0 auto;
}
.classification ul li{
    display: block;
    margin: 0 10px;
}
.classification ul li a{
display: block;
    padding: 0px 10px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
    text-align: center;
}
.classification ul li a:hover,.classification ul li a.active{
    box-shadow: 0 0 5px #ccc;
    color: #2970ae;
}

.pic_list ul{
    display: block;
    overflow: hidden;
}
.pic_list ul li{
    float: left;
    width: calc(25% - 23px);
    margin-right: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    transition:.35s;
}
.pic_list ul li:nth-child(4n){
    margin-right: 0;
}
.pic_list ul li a{
    display: block;
}
.pic_list ul li a .img_box{
    overflow: hidden;
}
.pic_list ul li a .img_box img{
    width: 100%;
    display: block;
    transition:.35s;
}
.pic_list ul li a:hover .img_box img{
    transform:scale(1.1);
}
.pic_list ul li a p{
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #666;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 10px;
}
.pic_list ul li:hover{
    box-shadow:  0 0 5px #ccc;
}
.pic_list ul li a:hover p{
    color: #2970ae;
}

.hr_content{
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 1.5px;
    padding-bottom: 50px;
}

.hr_content>p{
    line-height: 30px;
}

  .job{height: 50px;background: #2970ae;padding: 0 5%;border-bottom: 1px solid #fff;}
  .job span{color: #fff;font-size: 16px;height: 50px;line-height: 50px;display: block;float:left;}
  #job_left{float: left;}
  #job_right{float: right;text-align:right;width:50px;}
  .joblist{display: block;width: 100%;overflow: hidden;background: #eeeeee}
  .joblist li{display: block;overflow:hidden;}
  .jobmain_up{padding: 0 5%;height: 50px;border-bottom: 1px solid #fff; cursor: pointer;}
  .jobmain_up span{float: left;display: block;height: 50px;line-height: 50px;font-size: 16px;transition:0.35s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .job span:nth-child(1){width: 19%;}
  .job span:nth-child(2){width: 15%;}
  .job span:nth-child(3){width: 26%;}
  .job span:nth-child(4){width: 32%;}
  .jobmain_up span:nth-child(1){width: 19%;}
  .jobmain_up span:nth-child(2){width: 15%;}
  .jobmain_up span:nth-child(3){width: 26%;}
  .jobmain_up span:nth-child(4){width: 32%;}
  .jobmain_up span:last-child{float: right;width: 45px;text-align: center;}
  .jobmain_up i{display: block;width: 11px;height: 11px;margin: 16px 0 0 24px;position: relative;}
  .jobmain_up span i:before{content: "";width: 100%;height: 1px;background: #2970ae;position: absolute;left: 0;top: 5px;transition: 0.3s;}
  .jobmain_up span i:after{content: "";width: 1px;height: 100%;background: #2970ae;position: absolute;left: 5px;top: 0;transition: 0.3s;}
  .jobmain_down{
    display: none;
    padding: 10px 0 55px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}
  .jobmain_down dt{font-size: 15px;font-weight: bold;margin:9px 0;line-height: 1em;}
  .jobmain_down dd{margin: 9px 0;font-size: 13px;color: #777;line-height: 20px;text-align: justify;}
  .ljsq{display: block;width: 100px;height: 35px;line-height: 35px;background: #666;color: #fff;font-size: 13px;margin: 0 auto;text-align: center;}
  .ljsq:hover{background:#2970ae;color:#fff;}
  .job_on{background-color: #2970ae;color: #fff;}
  .job_on span i:before{content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 5px;transition: 0.3s;z-index: 1}



.apply_i {
  background: #fff;
  padding: 50px ;
}
.apply_i_tit {
  font-size: 18px;
  color: #333333;
  padding: 32px 0 16px;
  border-bottom: 1px solid #e5e5e5;
}
.apply_i p {
  font-size: 14px;
  color: #666666;
}
.apply_i p span {
  color: #ff0000;
  width: 20px;
  margin-right: 10px;
}
.apply_i_inp label {
  display: block;
  float: left;
  width: calc(50% - 13px);
  margin-right: 25px;
  margin-top: 20px;
}
.apply_i_inp label:nth-child(2n) {
  margin-right: 0;
}
.apply_i_inp label:nth-child(2n + 1) {
  clear: both;
}
.apply_i_inp label input,
.apply_i_inp label select {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  margin-top: 10px;
  padding: 0 20px;
  color: #999999;
  -webkit-appearance: button;
  line-height:50px;
}
.apply_i_inp label input::placeholder {
  color: #999;
}
.apply_i_textarea label {
  margin-top: 20px;
  display: block;
}
.apply_i_textarea .textarea {
  margin-top: 10px;
  position: relative;
}
.apply_i_textarea .textarea textarea {
  height: 180px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  padding: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  width: 100%;
  resize: none;
}


.apply_i_textarea .textarea .select {
  position: absolute;
  left: 30px;
  top: 0px;
  right: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}
.apply_i_textarea .textarea .select select {
  background: transparent;
  font-size: 14px;
  color: #999;
  border: 0;
}
.apply_i .common_btn {
  width: 180px;
  border-radius: 3px;
  margin: 40px auto 0;
  display: block;
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #999;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.apply_i .common_btn:hover{
  background: #1a345a;
}
.msg_code{
    margin-top: 20px;
}
.msg_code label{
    display: block;   
    width: calc(50% - 13px);
    position: relative;
}
.msg_code p{
    font-size: 14px;
    color: #666666;
}
.msg_code input{
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    margin-top: 10px;
    padding: 0 20px;
    color: #999999;
}
.msg_code img{
    position: absolute;
    right: 15px;
    top: calc(50% + 12px);
    transform: translateY(-50%);
}

.contact_msg{
    padding-top: 50px;
}
.contact_msg h1{
    color: #000000;
    line-height: 46px;
}
.contact_msg .container>p{
    font-size: 18px;
    color: #2970ae;
    margin-top: 10px;
}

.contact_msg .apply_i{
    padding: 20px 0 50px;
}

.prod_top{
    display: flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    margin-top: 30px;
    align-items: flex-start;
}
.prod_pic{
    width: 40%;
    border: 1px solid #ddd;
    box-sizing:border-box;
    margin: 0;
}
.prod_pic img{
    display: block;
    width: 100%;
}
.prod_intro{
    width: 55%;
}
.prod_intro p{
    font-size: 16px;
    line-height: 30px;
}
.prod_intro p span{
    color: #2970ae;
    font-size: 18px;
    font-weight: bold;
}
.newsp_reback{
    text-align: center;
}
.traq .newsp_fenye{
    padding: 30px 0;
}
@media screen and (max-width: 1024px) {
    .contact_msg h1{
        font-size: 30px;
        line-height: 40px;
    }
    .contact_msg .container>p{
        font-size: 16px;
        margin-top: 8px;
    }
    .j_contact{
        width: 100%!important;
    }
    .j_touch{
        background:none!important;
    }
    .xxooix1{
        display: none;
    }
    .j_banner .con .box{
        display: none;
    }
}

@media screen and (max-width: 991px) {
.nlist-date {

    display: none;
}
.container .im_dtime {
    display: block;
    width: 100%;
}
.nlist-box {
    width: 100%;
    float: left;
    margin: 0;
}
}

@media screen and (max-width: 768px) {
    .apply_i_inp label {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }
    .apply_i{
        padding: 0 15px 40px;
    }
    .msg_code label{
        width: 100%;
    }
    .job span:nth-child(1){width: 80%;}
    .job span:nth-child(2){display: none;}
    .job span:nth-child(3){display: none;}
    .job span:nth-child(4){display: none;}
    .jobmain_up span:nth-child(1){width: 80%;}
    .jobmain_up span:nth-child(2){display: none;}
    .jobmain_up span:nth-child(3){display: none;}
    .jobmain_up span:nth-child(4){display: none;}
    .jobmain_up_plan span:nth-child(2){display: block;}
    #map{
        height: 400px!important;
    }
    .pic_list ul li{
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .pic_list ul li:nth-child(2n){
        margin-right: 0;
    }
    .prod_top{
        flex-wrap:wrap;
    }
    .prod_pic{
        width: 100%;
    }
    .prod_intro{
        width: 100%;
        margin-top: 30px;
    }
.nlist-date {

    display: none;
}
.container .im_dtime {
    display: block;
    width: 100%;
}
.nlist-box {
    width: 100%;
    float: left;
    margin: 0;
}
.nlist-box .btn {
    margin: 0;
}
}

@media screen and (max-width: 767px) {
    .contact_msg h1{
        font-size: 24px;
        line-height: 35px;
    }
    .contact_msg .container>p{
        margin: 5px 0 0px;
        font-size:14px;
    }
    .contact_msg{
        padding-top: 20px;
    }
    #map{
        height: 200px!important;
    }
    .pic_list ul li a p{
        line-height: 40px;
    }
    .k_bcontent{
        padding-top: 20px!important;
    }
    .k_kuang{
        padding-top: 20px!important;
    }
    .k_con .R-content h1{
        font-size: 24px;
    }
    .k_con .R-content p{
        font-size: 16px;
    }
}





























































