
html {
    font-size: 1rem;
}
p{font-size: 1rem;color:#525252;line-height: 1.75 }
.space1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.8;height: 3.6em;overflow: hidden;}
.overflow-hidden{overflow: hidden;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.font-bold{font-weight: bold;}
.line-height2{line-height: 2;}
.paddinglr5px{padding: 0 5px;}
.paddinglr10px{padding: 0 10px;}
.paddingtb60px{padding: 75px 0;}
.paddingtb40px{padding: 40px 0;}
.margin-top40px{margin-top: 40px;}
.margin-top20px{margin-top: 20px;}
.margin-top10px{margin-top: 10px}
.font-size36{font-size: 36px;}
.font-size24{font-size: 24px;}
.font-size18{font-size: 18px;}
.font-size16{font-size: 16px;}
.font-size14{font-size: 14px;}
.font-size12{font-size: 12px;}
.colord{color: #363636;}
.colorm{color: #525252;}
.colorl{color: #6d6d6d;}
.color5{color: #cb0327;}
.color6{color: #7cb55f;}

html,body,ul,ol{padding: 0;margin: 0;}
ul li,ol li{list-style: none;padding: 0;margin: 0;}
select,option,input,button,textarea{border: none;background: none;box-shadow: none;outline: none;}
h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;line-height: 1.5}
em,i{font-style: normal;}
a,a:hover,a:focus{text-decoration: none!important;outline: none;}
img{border: none;vertical-align: middle;}
.w-100{width: 100%;}
.h-100{height: 100%;}
.obj-cover{object-fit: cover;font-family: 'object-fit: cover;';}
.contentwidth{word-wrap: break-word !important;}
.contentwidth img,.contentwidth table{max-width: 100% !important;height: auto !important;}



/*header*/
.header-bg{width: 100%;height: 40px;line-height: 40px;background: #d6e5e2;background-size: 100% 100%;font-weight: 600}
.header-left-title{font-size: 13px;color: #5a5a5a;}
.header-right-ul li{display: inline-block;vertical-align: middle;font-size: 13px;color: #5a5a5a;padding-left: 15px;}
.header-right-ul li.header-contact-tel span{font-size: 14px;font-weight: bold;color: #7cb55f;}
.header-right-ul li a{font-size: 12px;color: #5a5a5a;}
.header-right-ul li a:hover{color: #7cb55f;}

header>nav ul.h-menu>li>a{width: 100%;display: inline-block;font-size: 16px;font-weight:600;color: #434343;padding: 0 20px;position: relative;}
header>nav ul.h-menu>li>ul{display: none;}
header>nav ul.h-menu>li>ul.sm-menu{position: absolute;top: 70px;min-width: 100%;z-index: 99;margin: 0;}
header>nav ul.h-menu>li>ul.sm-menu>li>a{display: block;font-size: 14px;line-height: 36px;padding: 0 20px;color: #434343;text-align: left;white-space: nowrap;background: #ececec;}
header>nav ul.h-menu>li>ul.sm-menu>li>a:hover{color: #ffffff;background: #7cb55f;}
header>nav .language{display: none;}

@media(min-width: 992px){
    .index-top-nav{width: 100%;height: 104px;}
    .header{width: 100%;top: 35px;left: 0;height: 70px;line-height: 70px;position: absolute;z-index: 100;opacity: 1;box-shadow:0px 1px 1px 0px #ababab;;-webkit-box-shadow:0px 1px 1px 0px #ababab;;-moz-box-shadow:0px 1px 1px 0px #ababab;;}
    .logo-img img{max-height: 60px;}
    header>nav ul.h-menu>li{margin-left: 10px;}
    header>nav ul.h-menu>li a{position: relative;}
    header>nav ul.h-menu>li.active>a::before,header>nav ul.h-menu>li:hover a::before,header>nav ul.h-menu>li>a:hover::before{content: "";width: 100%;height: 36px;background: #7cb55f;border-radius: 4px;position: absolute;top: 17px;left: 0;z-index: -1;}
    header>nav ul.h-menu>li.active>a,header>nav ul.h-menu>li:hover a,header>nav ul.h-menu>li>a:hover{color: #ffffff;}
    header>nav ul.h-menu>li>ul.sm-menu>li>a::before{display: none;}
    .float-left{float: left;}
    .float-right{float: right;}
}
@media(max-width: 991px){
    .home_carousel {    padding-top: 60px;}
    .header-bg,header>nav .language a img{display: none;}
    .logo-img img{max-height: 42px;}
    header>nav .language{display: block;right: 54px;}
    header>nav .language a{color: #5a5a5a;}
    header>nav .language a:hover{color: #7cb55f;}
    header>nav{height: 60px;line-height: 60px;width: 100%;background: #e7e7e7;position: fixed;top: 0;left: 0;z-index: 9999;border-bottom: 1px solid transparent;box-shadow: 1px 1px 6px #00000075;;-webkit-box-shadow: 1px 1px 6px #00000075;;-moz-box-shadow: 1px 1px 6px #00000075;}
    header>nav ul.h-menu>li{width: 100%;padding: 0;}
    header> nav ul.h-menu{display: none;position: fixed;top: 60px;left: 0;width: 100%;height: auto;line-height: 40px;margin: 0 0 15px; box-shadow: -2px 2px 3px 1px #b5b5b5;;max-height: 100%;overflow-y: auto;z-index: 999;}
    header>nav ul.h-menu>li>ul.sm-menu{position: static;line-height: 40px;}
    header>nav ul.h-menu>li>a{padding: 0 15px;font-size: 16px;color: #333333;}
    header>nav ul.h-menu>li>ul.sm-menu>li>a{padding: 0 30px;background: #ffffff;line-height: 40px;font-size: 16px;}
    header .menu-toggler{right: 15px;top: 20px;height: 100%;}
    header .menu-toggler>span{position: relative;display: block;width: 30px !important;height: 4px;border-radius: 5px;background: #7cb55f;}
    header .menu-toggler>span.top{top: 0;}
    header .menu-toggler>span.middle{left: 0;top: 5px;}
    header .menu-toggler>span.bottom{top: 10px;}
    header .menu-toggler.active>span.middle{left: 100px;}
    header .menu-toggler.active>span.top{top: 10px;transform: rotate(45deg);}
    header .menu-toggler.active>span.bottom{top: 2px;transform: rotate(-45deg);}
    header>nav ul.h-menu>li{width: 100%;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;background: #ffffff;}
    header>nav ul.h-menu>li.position-relative>a{width: auto;background: #ffffff;}
    header>nav ul.h-menu>li.active,header>nav ul.h-menu>li:hover{background: #7cb55f;}
    header>nav ul.h-menu>li.active>a,header>nav ul.h-menu>li:hover>a{color: #ffffff;background: #7cb55f;}
}



footer{padding: 50px 0;background: #2e2926;}
.footer-nav li{display: inline-block;vertical-align: top;margin: 0 10px;}
.footer-nav li a{font-size: 16px;color: #ffffff;display: block;line-height: 2;}
.footer-nav li a:hover{color: #7cb55f;}
.copyright,.copyright a{font-size: 14px;color: #888888;}
.copyright a{margin-left: 20px;}
.copyright a:hover{color: #7cb55f;}
.heateor_sss_sharing_ul a{margin: -3px}
.send-content{position: fixed;right: 0;bottom: 0;width: 170px;cursor: pointer;}
.send-content,.send-content-title{font-size: 14px;color: #ffffff;background: #7cb55f;height: 30px;line-height: 30px;padding: 0 10px;}
.send-content-title{position: relative;}
.send-content:before,.send-content:after,.send-content-title .get-btn:before{background: #ffffff;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.send-content:before,.send-content-title .get-btn:before{content: "";width: 14px;height: 2px;right: 10px;}
.send-content:after{content: "";width: 2px;height: 14px;right: 15px;}
.send-content-right{display: none;position: fixed;right: 0;bottom: 0;width: 170px;background: #f1f1f1;z-index: 1000;}
.send-content-title .get-btn{width: 30px;height: 30px;position: absolute;top: 0;right: 0;}
.send-content-padding{padding: 10px;}
textarea.textarea-send{width: 100%;background: #ffffff;height: 100px;resize: none;padding: 6px;font-size: 12px;}
button.button-send{width: 100%;height: 30px;line-height: 30px;text-align: center;margin-top: 10px;background: #7cb55f;color: #ffffff;}

@media(max-width: 996px){
    footer{padding: 30px 0;margin-bottom: 60px;}
    .footer-nav li{margin: 0 10px;}
    .footer-nav li a,.copyright,.copyright a{font-size: 14px;}
    .copyright a{margin-left: 10px;}
    .send-content{display: none;}
}

.return1{transition: .8s;-o-transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;position: fixed;bottom: 40px;right: 20px;z-index: 99;display: none;}
.return1 .back_return1{z-index: 100;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;position: relative;display: block;}
.bottom-footer{width: 100%;height: 60px;background: #222222;position: fixed;left: 0;bottom: 0;z-index: 99;display: none;}
.bottom-footer-icon li{width: 25%;display: inline-block;vertical-align: top;padding: 12px 0;}
.bottom-footer-icon li a img{height: 36px;}

@media(max-width: 996px){
    .return1{display: none !important;}
    .bottom-footer{display: block;}
}


.page_info{display: none;}
.page_list{margin:40px 0;width: 100%;text-align: center;overflow: hidden;}
.page_list li{list-style: none}
.page_list a{display: inline-block;color: #333333;background: #ffffff;font-size: 12px;border-radius: 6px; padding: 10px 15px;;}
.page_list a.active,.page_list a:hover{background: #7cb55f;color: #ffffff;}


.boxy_animate {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.9s ease-out;
}
.boxy_animate.boxshow {
    opacity: 1;
    transform: translateY(0);
}
.box_animate_left {
    opacity: 0;
    transition: all 0.9s ease-out;
    transform: translateX(-50px);
}
.box_animate_right {
    opacity: 0;
    transition: all 0.9s ease-out;
    transform: translateX(50px);
}
.box_animate_left.boxshow {
    opacity: 1;
    transform: translateX(0);
}
.box_animate_right.boxshow {
    opacity: 1;
    transform: translateX(0);
}
.slideBox {
    position: relative;
    width: 100%;
    z-index: 2;
}

@media(max-width: 992px){
    .paddingtb60px{padding: 40px 0;}
    .font-size36{font-size: 24px;}
    .font-size24{font-size: 20px;}
}


.home_carousel {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;

}

.home_carousel .carousel-container {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home_carousel img {
    width: 100%;
    min-height: 220px;
    flex: 0 0 100%;
    object-fit: cover;
    /*aspect-ratio: 5 / 3;*/
}

.home_carousel .prev,.home_carousel .next {
    position: absolute;
    cursor: pointer;
    top: 50%;
    /*transform: translateY(-50%);*/
    background-color:#0000003b;
    color: white;
    border: none;
    padding: 10px 15px;
    z-index: 10;
    border-radius: 24%;
}

.home_carousel .prev { left: 10px; }
.home_carousel .next { right: 10px; }
.home_carousel .dots {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.home_carousel .dot {
    display: inline-block;
    width: 1rem;
    height: .2rem;
    margin: 0 5px;
    background-color: #bbb;
    cursor: pointer;
}
.home_carousel .dot.active {
    background-color: white;
}
.news_section {
    background-attachment: fixed;
}
.news_div {
    padding-top: 80px;
    padding-bottom:30px;
}
.news_div .title, .news_div h3 a{
    color: #ebe9e9;
    margin-bottom: 8px;
}
.news_div .title {
    display: block;
    text-align: center;
    font-size: 16px;
    font-size: 1.2rem;
    line-height: 30px;
    max-width: 955px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}
.news_carousel {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;

}

.news_carousel .carousel-container {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.news_carousel li {
    width: 100%;
    min-height: 220px;
    flex: 0 0 100%;
    object-fit: cover;
    padding: 1rem;
}

.news_carousel .dots {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.news_carousel .dot {
    display: inline-block;
    width: 1rem;
    height: .2rem;
    margin: 0 5px;
    background-color: #bbb;
    cursor: pointer;
}
.news_carousel .dot.active {
    background-color: white;
}
.blog_subinfo{padding: 1rem;text-align: center;color: #b1b1b1}
.home_news{width: 50%}
.home_news img{max-width: 185px}
.home_news .calendar{padding-bottom: 4px;margin-right: 4px}
@media(max-width: 991px) {
    .home_news{width:100%}
}

.cookie-consent-notice {
    background: #333333;
    bottom: 0;
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.3);
    color: #ffffffcc;
    left: 50%;
    padding: 15px;
    font-size: 0.9rem;
    position: fixed;
    transform: translateX(-50%);
    width: 100%;
    z-index: 9999999;
}
.cookie-consent-notice a{text-decoration: underline;color: #fff}

.keyword-search{width: 100%;height: 44px;line-height: 42px;background-size: 100% 100%;}
.keyword-left{width: 60%;padding-left: 36px;position: relative;}
.keyword-left:before{content: "";width: 24px;height: 24px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);;background-size: 100% 100%;}
.qimo8{overflow: hidden;}
.qimo8 .qimo{width: 8000%;height: 42px;}
.qimo8 .qimo div{float: left;}
.qimo8 .qimo ul{float: left;height: 42px;overflow: hidden;zoom: 1;}
.qimo8 .qimo ul li{float: left;line-height: 42px;list-style: none;}
.qimo8 .qimo ul li a{font-size: 14px;color: #5a5a5a;margin: 0 10px;}
.qimo8 .qimo ul li a:hover{color: #cb0327;}
.keyword-right input.keyword-input{width: 260px;height: 30px;font-size: 14px;color: #999999;border: 1px solid #d0d0d0;padding: 0 58px 0 10px;}
.keyword-right .btn-button{width: 48px;height: 30px;;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 0;background-size: 100% 100%;}

.index-bjcolor1{background: #f0f0f0;}
.index-aboutus-bjcolor{background: #f1f1f1;}
.width-left,.width-right{width: 50%;display: inline-block;vertical-align: middle;}
.text-center img{border-radius: 5px}
.aboutus-title:before{content: "";width: 15%;height: 4px;background: #5dc1ae;position: absolute;top: -10px;left: 0;}
.aboutus-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;line-height: 1.8;height:10rem;overflow: hidden;}
.aboutus-bjimg{padding: 20px 0;;background-size: 100% 100%;}
.quality-title{color: #ffffff;font-style: italic;}
.quality-text{color: #d9d9d9;font-style: italic;}
.performance-ul li{display: inline-block;vertical-align: middle;padding: 0 10px;}
.performance-ul li a img{height: 64px;}
.performance-ul li a img.img-hide{display: none;}
.performance-ul li a:hover img.img-hide{display: block;}
.performance-ul li a:hover img.img-show{display: none;}
.performance-degree-ul li{display: inline-block;vertical-align: middle;width: 25%;border-right: 1px solid #cccccc;}
.performance-degree-ul li:last-child{border-right: none;}
.degree-title{color: #cccccc;position: relative;padding-bottom: 15px;}
.degree-title:before{content: "";width: 40px;height: 4px;background: #cccccc;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.degree-text{color: #cccccc;}
.picbox-img svg{    padding: 2rem;background: #c5c5c5;border-radius: 50%;}
.advantage-title{padding-bottom: 15px;border-bottom: 1px solid #cccccc;}
.advantage-title:before{content: "";width: 80px;height: 4px;background: #7cb55f;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);}
.advantage-bjcolor{background: #c6c6c6;}

.our-strengths-ul li{width: 24%;padding: 0 15px;display: inline-block;vertical-align: top;text-align: center;}
.our-strengths-ul li .picbox-img img{max-width: 140px;}

.index-new-width-left,.index-new-width-right{display: inline-block;vertical-align: middle;}
.index-new-width-left{width: 49%;}
.index-new-width-right{width: 51%;padding: 20px;}
.index-new-title{padding-bottom: 10px;border-bottom: 1px solid #cccccc;}
.left-side-menu-left-bgline, .left-side-menu-left-none {
    border: 1px solid #c6c6c6;
}
.nav-tabs > li {
    font-weight: 600;
}
.nav-tabs > li > a.active{ background: #cfcfcf;}
@media(max-width: 996px){
    .keyword-right{display: none;}
    .keyword-left, .keyword-right input.keyword-input,.width-left,.width-right{width: 100%;}
    .width-right-padding20px{padding: 30px 0 20px;}
    .index-aboutus-bjcolor{background: none;}
    .aboutus-bjimg{background: #2480cd;}
    .quality-title,.quality-text{text-align: center;}
    .performance-ul,.performance-degree-ul{margin-top: 15px;text-align: center;}
    .performance-degree-ul li{width: 50%;margin: 8px 0;}
    .performance-degree-ul li:nth-child(2n){border-right: none;}

    .index-new-width-left,.index-new-width-right{width: 100%;height: auto;}
    .index-new-width-right{margin-top: 30px;padding: 0;}
    .index-news-left{width: 100%;}
    .index-news-right{width: 100%;padding-left: 0;}

    .our-strengths-ul li{width: 49%;padding: 10px 0;margin: 0;}
    .our-strengths-ul li .picbox-img img{max-width: 100px;}
}


@media(min-width: 992px) {
    .left-side-menu-left {
        width: 230px;
    }
    .more_btn {
        cursor: pointer;
        text-align: center;
        width: 10rem;
        height: 42px;
        line-height: 42px;
        display: block;
        color: #5a5a5a;
        font-weight: 600;
        /*border-bottom: 1px solid;*/
        background: linear-gradient(to right, #dfdddd 0, #7cb55f 100%);
        border-radius: 3px;
    }
}
.mobile, .indexnav h3 {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.indexnav .phone li a {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}

.indexnav .post {
   padding: 10px;
}
.indexnav .post  a{
   border-bottom: 1px solid #cccccc;margin-bottom: 5px;font-size: 14px;
}
@media(min-width: 1280px){
    .content-on-the-right {width: 940px;}
}
@media(min-width: 992px) and (max-width: 1280px){
    .content-on-the-right{width: 710px;}
    .performance-ul li{padding: 0 6px;}
}

.more_btn:hover {
    box-shadow: 0px 1px 3px 1px #b3b3b35e, 0 0 7px 2px #adadade8;
}


@media(min-width: 10px){
    .mobile,.indexnav h3{padding: 0 15px;font-size: 12px;background: url(../img/left-bg.jpg) no-repeat;background-size: 100% 100%;}
    .mobile strong,.indexnav h3 strong{font-size: 16px;}
    .indexnav h3{display: none;}
    .indexnav .phone{padding: 20px 4px;}
    .indexnav .phone li a { height: 46px;line-height: 46px; background: #7cb55f;  border-radius: 5px;  margin: 10px;}
    .indexnav .phone li a:hover{ background: #7cb55f;  box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;}
    .indexnav .phone li.active a{;background-size: 100% 100%;color: #ffffff;}
    .mobile-pading15px{padding: 15px 10px;}
    .about_tltle{padding: 4rem  0}
}
@media(max-width: 991px){
    .slideBox {padding-top: 60px;}
    .more_btn{margin-top: 10px}
}
/*    .left-side-menu-left{width: 100%;}*/
/*    !*.left-side-menu-left-none,.mobile{display: none;}*!*/
/*    .left-side-menu-left-bgline{border: none;}*/
/*    .indexnav h3{display: block;}*/
/*    .indexnav h3{text-align: center;color: #ffffff;font-size: 14px;background: #09357f;}*/
/*    .mobile strong,.indexnav h3 strong{font-size: 16px;color: #ffffff;}*/
/*    .indexnav .phone{display: none;width: 100%;background: #d9dbda;position: absolute;top: 100%;z-index: 99;}*/
/*    .indexnav .phone li a{height: 40px;line-height: 40px;background: #d9dbda;}*/
/*    .indexnav .phone li.active a,.indexnav .phone li a:hover{background: #09357f;color: #ffffff;}*/
/*    .content-on-the-right{width: 100%;margin-top: 30px;}*/
/*}*/


/*当前位置*/
.position-bg{position: relative;    line-height:50px;border-bottom: 1px solid  #aaa;;}
.position-bg:before{content: "";width: 100%;height: 26px;position: absolute;bottom: 0;background-size: 100% 100%;}
.position-nav-ul li{display: inline-block;vertical-align: top;font-size: 14px;color: #666666;padding: 0 2px;}
.position-nav-ul li a{font-size: 14px;color: #666666;}
.position-nav-ul li a:hover{color: #09357f;text-decoration: underline !important;}


.qualification-group a{display: inline-block;margin-top: 20px;}
.product-list-text{height: 2em;}


.product-list a{display: block;margin-top: 20px;padding: 10px;border: 1px solid #d1d1d1; ;}
.product-list a:hover{border-color: #09357f;}
.product-list a:hover .product-list-title{color: #09357f;}

.bg{width: 420px;box-sizing: border-box;}

.prodetails-right{width: 490px;}
.prodcut-details-title{background: #2480cd;color: #ffffff;padding: 6px 15px;font-size: 16px;}

@media(max-width: 1230px){
    .bg{width: 340px;}
    .bg_left{width: 340px;}

}
@media(max-width: 996px){
    .smallshow>.prev,.smallshow>.next,.mask,.bigshow,.bigshow img{display: none !important;}
    .bg,.bg_left{width: 100%;}
    .smallshow .middle,.smallshow{width: 100% !important;height: auto;}
    .smallshow>.middle_box{width: 100%;margin: 0;height: auto;}
    .smallshow .middle>li{width: 20%;height: auto;padding: 2px;}
    .prodetails-right{width: 100%;margin-top: 30px;}
}


.news-information{margin-top: 20px;}
.news-information a:hover .news-title{color: #cb0327;}
.details-ul li{display: inline-block;vertical-align: top;font-size: 12px;color: #666666;padding: 2px 6px;}
.details-width{ border-bottom: 1px solid #cccccc;    line-height: 45px;height: 45px;}
.details-width a{display: inline-block;line-height: 2;color: #666666;font-weight: 600;   }
.details-width a:hover{color: #cb0327;}


.contact-img img{height: 54px;}
#dituContent{width: 100%;height: 440px;}
.iw_poi_title {color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}

table.message{margin: auto;}
table.message tbody tr td{vertical-align: middle;padding: 6px;color: #999999;}
table.message tbody tr td .form-input,table.message tbody tr td .form-textarea,table.message tbody tr td .btn-submit{width: 440px;background: #ffffff;border: 1px solid #d1d1d1;padding: 6px 10px;}
table.message tbody tr td span{color: #ff0000;}
table.message tbody tr td .form-textarea{height: 100px;resize: none;}
table.message tbody tr td .btn-submit{background: #07428e;color: #ffffff;border: none;}

.R-recruit{margin-top: 20px;}
.recruit-text{display: none;}
.open .recruit-text{display: block;}
.recruit-title{padding: 10px 20px;background: #f1f1f1;font-size: 16px;color: #333333;cursor: pointer;}
.open .recruit-title,.recruit-title:hover{background: #cb0327;color: #ffffff;}
.recruit-text{padding: 20px;background: #ffffff;}
.send-jl a{color: #333333;}
.send-jl a:hover{color: #cb0327;}

.profile-img{margin: 10px 0;}

@media(max-width: 996px){
    .contact-img img{height: 36px;}
    #dituContent{height: 320px;}
    .recruit-title{padding: 8px 15px;}
    .recruit-text{padding: 15px;}
}
@media(max-width: 640px){
    table.message tbody tr td{display: block;width: 100%;padding: 6px 0;text-align: left !important;}
    table.message tbody tr td .form-input,table.message tbody tr td .form-textarea,table.message tbody tr td .btn-submit{width: 100%;min-width: 320px;}
}