#header-in .nav{
    height: 68px;
    background-color: #0b4d84;
}
#header-in .menu {
    display: flex;
}
#header-in .menu .menu-item{
    padding: 20px;
    flex: 1;
    text-align: center;
}
#header-in .msg{
    padding-top: 30px;
    color: #005ead;
}
#header-in .search{
    position: relative;
    width: 389px;
    margin-right: 60px;
}
#header-in .search input{
    width: 100%;
    padding: 10px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    border: 1px solid #bec3c7;
    border-radius: 6px;
    color: #333;
}
#header-in .search .btn{
    position: absolute;
    top: 5px;
    right: 18px;
    background: none;
    outline: none;
    border: none;
}
#header-in .msg .icon{
    width: 19px;
    height: 19px;
}
#header-in .msg .icon-search{
    background-image: url(../images/icon/icon_search_in.jpg);
}
#header-in .msg .icon-phone {
    vertical-align: middle;
    background-image: url(../images/icon/icon_phone_in.jpg);
}
#header-in .msg .phone {
    padding-top: 5px;
    font-size: 18px;
}
.inner-banner{
    height:403px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.detail-menu{
    position: relative;
    width: 100%;
    padding: 20px 0;
    background-color: #fff;
    text-align: center;
    z-index: 1;
}
.detail-menu .menu-item{
    position: relative;
    display: inline-block;
    margin-right: 60px;    font-size: 16px;
}
.detail-menu .menu-item:last-child{
    margin-right: 0;
}
.detail-menu .menu-item.hot:before{
    position: absolute;
    top: 0;
    right: -29px;
    content: '';
    width: 29px;
    height: 12px;
    background: url('/cn/images/icon/icon_hot.png') no-repeat;
    color: #fff;
}
.detail-menu .menu-item a{
    color: #555;
}
.detail-menu .menu-item.active a{
    color: #ce1616
}
.detail-menu .menu-item.active::after{
    position: absolute;
    content: '';
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -10px;
    background-color: #ce1616;
}
.section-detail .container{
    padding: 100px 0
}
.page {
    width: 100%;
    text-align: center;
}
.page .item{
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    vertical-align: middle;
    background-color: #d5d5d5;
    color: #62636c;
    border-radius: 5px;
    cursor: pointer;
}
.page .home,
.page .last,
.page .item.active{
    background-color: #03418f;
    color: #fff;
}
.page .next,
.page .prev{
    background-color: #03418f;
    background-repeat: no-repeat;
    background-position: center;
}
.page .next{
    background-image:  url('/cn/images/icon/icon_page_next.jpg');
}
.page .prev{
    background-image: url('/cn/images/icon/icon_page_prev.jpg');
}
.page .home,
.page .last{
    width: 80px;
}
/* 关于我们 */
.about-banner{
    background-image: url('/cn/images/img/img_gs.jpg');
}
#about-us{
    background: url('/cn/images/bg/bg_about_in.jpg') no-repeat top center;
}
#about-us .container > .title{
    margin-bottom: 46px;
}
.about-info {
    display: flex;
    margin-top: 40px;
}
.about-infocon {
    margin-top: 40px;
}
.about-info .about-left{
    flex: 1;
    padding: 50px 100px 0 100px;
    font-size: 16px;
    line-height: 36px;
    color: #323232;
}
.about-info .about-left p{
    text-indent: 2em;
}
.about-info .about-right{
    width: 40%;
}
.about-pic{
    position: relative;
    display: flex;
    margin: 30px 0; 
    overflow: hidden;
}
.about-pic .item{
    margin-right: 30px;;
}
.about-pic .item:last-child{
    margin-right: 0;
}
.pic-btn{
    position: absolute;
    padding: 10px;
    background-color: #d50d0d;
    z-index: 10;
    cursor: pointer;
}
.pic-btn-prev{
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.pic-btn-next{
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.pic-btn .icon{
    display: inline-block;
    width: 26px;
    height: 32px;
    background-repeat: no-repeat;
}
.pic-btn .icon-prev{
    background-image: url('/cn/images/icon/icon_ab_prev.png');
}
.pic-btn .icon-next{
    background-image: url('/cn/images/icon/icon_ab_next.png');
}
.about-pro{
    margin-top: 100px;
}
/* 企业文化 */
#our-culture{
    background: url('/cn/images/bg/bg_hon_in.jpg') no-repeat top center;
}
.our-culture-info{
    padding: 0 114px;
    margin: 77px 0 126px 0;
    text-align: center;
    font-size: 24px;
    color: #323232;
}
.our-culture-pic{
    position: relative;
    height: 712px;
}
.our-culture-pic img{
max-width:835px;border-radius: 20px;    max-height: 530px;
}
.our-culture-pic .item{
    position: absolute;
    font-size: 30px;
}
.our-culture-pic .culutre-pic-r{
    right: 0;
    bottom: 0;
}
.our-culture-pic p {
    margin: 0;
    color: #000;
}
.our-culture-pic .culutre-text-r{
    right: 80px;
    top: 10px;
}
.our-culture-pic .title{
    margin-bottom: 10px;
    color: #c81414;
}
.our-culture-pic .culutre-text-l{
    left: 50px;
    bottom: 20px;
}
/* 荣耀 */
.our-honor-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0;
}
.our-honor-list .item{
    width: calc(25% - 33px);
    margin: 0 33px 33px 0;
    border: 1px solid #dde0e6;
}
.our-honor-list .item:nth-child(4n){
    margin-right: 0;
}
.our-honor-list .item img{
    width: 100%;
}
/* 社会招聘 */
.hr-msg{
    position: relative;
    margin-top: 66px;
}
.hr-msg .text{
    position: absolute;
    top: 50%;
    right: 0;
    width: 780px;
    transform: translateY(-50%);
    padding: 68px 0 68px 70px;
    background-color: #fff;
}
.hr-msg .text p{
    margin-bottom: 0;
}
.hr-msg .title{
    font-size: 20px;
    font-weight: bold;
}
.hr-msg p.title-en{
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.hr-msg .title,
.hr-msg .title-en{
    color: #ac322f;
}
.hr-msg .title-info{
    color: #888;
    font-size: 18px;
}
.hr-info {
    margin: 80px 0 39px 0;
}
.hr-info .hr-title{
    padding: 12px;
    margin-bottom: 40px;
    border-top: 1px solid #d8dfe9;
    border-left: 3px solid #ac322f;
    border-right: 1px solid #d8dfe9;
    border-bottom: 1px solid #d8dfe9;
    font-size: 18px;
    color: #03418f;
    font-weight: bold;
}
.hr-list .hr-item{
    margin-bottom: 20px;
    border-top: 1px solid #d8dfe9;
    border-left: 1px solid #d8dfe9;
    border-right: 1px solid #d8dfe9;
}
.hr-list .hr-item-title{
    display: flex;
    justify-content: space-between;
    padding: 14px 50px;
    font-size: 16px;
    color: #555;
    border-bottom: 1px solid #d8dfe9;
}
.hr-info .hr-item-title .item{
    flex: 1;
}
.hr-info .hr-item-title .item-down{
    text-align: right;
    cursor: pointer;
}
.hr-info .hr-item-title .item-down::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    color: #fff;
    background-image: url(/cn/images/icon/icon_up_down.png);
    background-repeat: no-repeat;
    background-position: 0 -25px;
}
.hr-list .hr-item-title.on .item-down::before{
    content: '-';
    background-position: 0 0;
}
.hr-info .hr-item-title .item:nth-child(2){
    flex: 2;
    text-align: center;
}
.hr-info .hr-item-title .item:nth-child(3){
    flex: 3
}
.hr-list .hr-item-info{
    display: none;
    padding: 35px 0 35px 50px;
    border-bottom: 1px solid #d8dfe9;
}
.hr-list .hr-info-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hr-list .hr-item.active .hr-item-info{
    display: flex;
}
.hr-list .item-info-r{
    padding: 20px 90px 20px 60px;
    background: #03418f;
    color: #fff;
    white-space: nowrap;
}
.hr-list .item-info-r p{
    margin: 0;
}
/* 产品 */
.product-banner{
    background-image: url(/cn/images/img/img_pro_bn.jpg);
}
#product .pros-list{
    margin: 44px 0 40px 0;
}
#product .pros-list .item {
    position: relative;
    margin: 0 26px 26px 0;
    border: 1px solid #e6e6e6;    width: calc(25% - 26px);
}
#product .pros-list .item .pic{height: 356px;    text-align: center;    vertical-align: middle;width: 358px;
    display: table-cell;}
#product .pros-list .item .pic img{max-height: 95%;}
#product .pros-list .item:nth-child(4n) {
    margin-right: 0;
}
#product .pros-list .text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 应用 */
.app-list{
    margin-top: 46px;
}
.app-list .item {
    position: relative;
    margin: 0 30px 30px 0;
    overflow: hidden;
    width: calc(33.3% - 20px);
}
.app-list .item:nth-child(3n) {
    margin-right: 0;
}
.app-list .item .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(115, 105, 166, .8), rgba(3, 65, 143, .8));
}
.app-list .item .text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    font-size: 24px;
    color: #fff;
    text-align: center;
}
/* 新闻详情 */
.news-msg{
    margin-top: 46px;
}
.news-msg .news-l{
    margin-right: 440px;
    overflow: hidden;
}
.news-msg .news-title{
    padding-left: 32px;
    border-left: 5px solid #1f3586;
}
.news-msg .news-title .text{
    font-weight: bold;
    font-size: 30px;
    color: #000;
}
.news-msg .news-title .msg-item{
    padding-left: 22px;
    margin-right: 66px;
    color: #1f3586;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: left center;
}
.news-msg .news-title .msg-date{
    background-image: url('/cn/images/icon/icon_date.jpg');
}
.news-msg .news-title .msg-num{
    background-image: url('/cn/images/icon/icon_read.jpg');
}
.news-msg .news-title .msg-share{
    background-image: url('/cn/images/icon/icon_share.jpg');
}
.news-msg .news-title .msg{
    margin-top: 10px;
}
.news-msg .news-cont{
    margin-top: 16px;
    line-height: 30px;
    color: #000;
	min-height:550px;
}
.news-msg .news-r{
    padding: 34px 30px;
    border: 1px solid #dfe4eb;
}
.news-msg .news-r > .title{
    font-size: 22px;
    color: #03418f;
}
.news-msg .news-r-list{
    margin-top: 33px;
}
.news-msg .news-r-list .item{
    margin-bottom: 20px;
}
.news-msg .news-r-list .date{
    display: inline-block;
    padding: 4px 23px;
    margin-bottom: 15px;
    background-color: #a8a8ae;
    border-radius: 20px;
    color: #fff;
}
.news-msg .news-r-list .news-title a{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-otinfo{
    padding: 46px 76px;
    margin-top: 86px;
    background-color: #e9eff3;
}
.news-otinfo .news-otinfo-l .item{
    padding-left: 40px;
    font-size: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px 16px;
}
.news-otinfo .news-otinfo-l .item a{
    width: 100%;
    display: inline-block;
    color: #03418f;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news-otinfo .news-otinfo-l .item:first-child{
    margin-bottom: 20px;
}
.news-otinfo .item-up{
    background-image: url('/cn/images/icon/icon_up.png');
}
.news-otinfo .item-down{
    background-image: url('/cn/images/icon/icon_down.png');
}
.news-otinfo .news-otinfo-r{
    display: flex;
}
.news-otinfo .news-otinfo-r a{
    color: #03418f;
    text-align: center;
}
.news-otinfo .news-otinfo-r .icon{
    display: inline-block;
    width: 30px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: contain;
}
.news-otinfo .news-otinfo-r .text{
    display: block;
}
.news-otinfo .news-otinfo-r .icon-print{
    background-image: url('/cn/images/icon/icon_print.png');
}
.news-otinfo .news-otinfo-r .icon-list{
    background-image: url('/cn/images/icon/icon_list.png');
}
.news-otinfo .news-otinfo-r .item:first-child{
    margin-right: 40px;
}
/* 行业应用-t */
.app-t-list{
    margin-top: 50px;
}
.app-t-list .app-t-header{
    position: relative;
    height: 334px;
    background: url('/cn/images/img/img_appl_t.jpg') no-repeat top center;
}
.app-t-list .app-t-header .text{
    position: absolute;
    font-size: 39px;
    top: 50%;
    left: 166px;
    transform: translateY(-50%);
    color: #fff;
}
.app-t-list .app-t-header .goback{
    padding-left: 30px;
    margin-top: 20px;
    font-size: 18px;
    background: url('/cn/images/icon/icon_appl_t.png') no-repeat left center;
}
.app-t-list .app-t-header .goback a{
    color: #fff;
}
.app-t-list .app-cont-item {
    padding: 40px 40px 40px 80px;
    margin-bottom: 30px;
    border: 1px solid #c5ccda;
}
.app-t-list .app-cont-item:last-child{
    margin: 0;
}
.app-t-list .app-cont-item .title{
    margin-bottom: 20px;
    font-size: 24px;
    color: #03418f;
}
.app-t-list .app-cont-item p{
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #555;
}
.app-t-list .app-t-cont{
    display: flex;
    margin-top: 34px;
}
.app-t-list .app-t-cont .app-cont-r,
.app-t-list .app-t-cont .app-cont-l{
    width: 50%;
}
.app-t-list .app-t-cont .app-cont-l{
    margin-right: 30px;
}
.app-t-list .app-t-cont .app-cont-e{
    height: 320px;
    padding-top: 70px;
    border: none;
    background: url('/cn/images/img/img_appl_bg.jpg') no-repeat;
    background-size: cover;
}
.app-t-list .app-cont-e .item{
    display: flex;
}
.app-t-list .app-cont-e .text,
.app-t-list .app-cont-e .title{
    width: 200px;
    color: #fff;
}
.app-t-list .app-cont-e .text{
    flex: 1;
    margin-top: 5px;
    font-size: 16px;
    line-height: 30px;
}
.app-t-list .app-cont-e .title{
    white-space: nowrap;
}
/* 联系我们 */
.contact-banner{
    background-image: url(/cn/images/img/img_cont_us.jpg);
}
.contact-info {
    margin-top: 50px;
}
.contact-info-header{
    border-left: 4px solid #d71c22;
    border-top: 1px solid #e7e7ef;
    border-bottom: 1px solid #e7e7ef;
    border-right: 1px solid #e7e7ef;
    padding: 40px 90px;
}
.contact-info-wrap {
    display: flex;
    flex-wrap: wrap;
}
.contact-info-header .item{
    display: flex;
    width: 33.3%;
    margin: 0 0px 20px 0;
    white-space: nowrap;
    color: #333;
}
.contact-info-header .item:nth-child(3n){
    /*margin-right: 0;*/
}
.contact-info-header .item .text{
    display: inline-block;
    width: 74px;
    text-align: justify;
    text-align-last: justify;
    font-weight: bold;
}
.contact-info-header .item .info p{
    margin-bottom: 5px;
}
.contact-info-header .item .icon{
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 26px;
    background-image: url('/cn/images/icon/icon_cont_03.jpg');
    background-repeat: no-repeat;
}
.contact-info-header .item .icon-com{
    background-position: -40px 1px;
}
.contact-info-header .item .icon-email{
    background-position: -99px 1px;
}
.contact-info-header .item .icon-add{
    background-position: -60px 1px;
}
.contact-info-header .item .icon-fax{
    background-position: -140px 1px;
}
.contact-info-header .item .icon-el{
    background-position: -19px 1px;
}
.contact-info-header .item .icon-mal{
    background-position: -80px 1px;
}
.contact-info-header .item .icon-tel{
    background-position: -120px 1px;
}
.contact-info-cont{
    margin-top: 57px;
   /* border: 1px solid #e7e7ef;*/
}
#map{
    height: 600px;
}
/* 新闻列表 */
.news-list {
    margin-bottom: 72px;
}
.news-list .item{
    padding: 25px 60px;
    margin-bottom: 42px;
    border: 1px solid #e7e7ef;
}
.news-list .item a{
    display: flex;
}
.news-list .item:last-child{
    margin: 0;
}
.news-list .item .pic{
    width: 480px;    max-height: 320px;text-align: center;
}
.news-list .item .pic img{
    max-width: 100%;    max-height: 100%;
}
.news-list .item .info{
    flex: 1;
    margin-left: 56px;
}
.news-list .item .title{
    margin: 56px 0 20px 0;
    color: #000;
    font-size: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-list .item .text{
    font-size: 14px;
    color: #777;
    line-height: 30px;
}
/* 产品详情 */
.pro-header{
    display: flex;
}
.pro-header-l {
    margin-right: 100px;
}
.pro-header-l .pic{
    width: 640px;
    height: 513px;
    border: 1px solid #c5ccda;
    text-align: center;
}
.pro-header-l .pic img{
   max-height:100%; 
}
.pro-header-r{
    flex: 1;
}
.pro-header-r .title{
    font-size: 35px;
    color: #000;
    text-align: left;
}
.pro-header-r .set{
    font-size: 16px;
}
.pro-header-r .info{
    margin-top: 60px;
    font-size: 16px;
    color: #323232;
    line-height: 30px;
}
.pro-header-r .info-tit{
    font-size: 16px;
    font-weight: bold;
}
.pro-header-r .btns{
    display: flex;
    margin-top: 55px;
}
.pro-header-r .btns .item{
    margin-right: 30px;
    cursor: pointer;
}
.pro-header-r .btns .item:first-child{
    padding: 18px 75px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #03418f;
}
.pro-header-r .btns .item:last-child{
    padding: 15px 50px;
    /*color: #03418f;*/
    border: 1px solid #03418f;
}
.pro-header-r .btns .item-num{
    font-size: 21px;
    font-weight: bold;
}
.pro-header-r .share{
    margin-top: 36px;
    font-size: 18px;
    font-weight: bold;
    color: #323232;
}
.pro-header-r .text{
    margin-right: 20px;
}
.pro-header-r .icon{
    display: inline-block;
    width: 22px;
    height: 20px;
    margin: 0 5px;
    vertical-align: middle;
    background-image: url('/cn/images/icon/icon_proin.png');
    background-repeat: no-repeat;
}
.pro-header-r .icon-sin{
    background-position: -35px 0;
}
.pro-header-r .icon-eml{
    background-position: -65px 0;
}
.pro-cont{
    margin-top: 92px;
}
.pro-cont .menu{
    padding: 0 10px;
    cursor: pointer;
    border-bottom: 1px solid #c5ccda;
}
.pro-cont .menu .item.active{
    background: #7a7f87;
    color: #fff;
}
.pro-cont .menu .item{
    margin-right: 13px;
    padding: 19px 80px;
    background: #dfe2e7;
}
.pro-cont-info{
    padding: 110px 88px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    border-bottom: 1px solid #c5ccda;
}
.pro-cont-info .cont-info-title{
    font-weight: bold;
}
.pro-cont-info .item{
    margin-bottom: 75px;
}
.pro-cont-info .cont-wrap{
    display: flex;
}
.pro-cont-info .cont-l,
.pro-cont-info .cont-r{
    width: 50%;
}
.pro-bottom{
    margin: 118px 0 60px 0;
}
.dropdown{
    top: 68px;
}

.app-t-pro{margin-top: 60px;}

@media screen and (max-width: 1200px) {
    .section-detail .container{
        padding: 0 10px;
    }
    .pro-header-l{
        margin-right: 30px;
    }
    .pro-header-r .btns .item:first-child{
        padding: 18px 30px;
    }
    .app-list .item{
        width: calc(34% - 30px);
    }
    .news-list .item a{
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .inner-banner{
        height: 250px;
    }
    .section-detail .container{
        padding: 20px 10px;
    }
    #product .pros-list{
        padding: 0 9px;
        margin-top: 30px;
    }
    #product .pros-list .item{
        width: calc(50% - 20px);
        margin: 0 40px 30px 0;
    }
#product .pros-list .item .pic{height: 300px;}
    #product .pros-list .item:nth-child(2n){
        margin-right: 0;
    }
    .app-list .item:nth-child(3n) {
        margin-right: 15px;
    }
    .app-list .item{
        width: calc(50% - 15px);
        margin-right: 15px;
    }
    .news-msg .news-l{
        padding: 0 20px;
        margin-right: auto;
    }
    .news-msg .news-r{
        display: none;
    }
    .hr-msg .text{
        position: static;
        top: 0;
        padding: 30px;
        transform: translate(0);
    }
    .hr-list .hr-item-title{
        padding: 10px;
        font-size: 14px;
    }
    .hr-info .hr-item-title .item{
        white-space: nowrap;
    }
    .hr-list .hr-item-info{
        padding: 15px 0 15px 15px;
    }
    .hr-list .item-info-r{
        padding: 20px 30px 20px 60px
    }
    .about-info .about-left{
        padding: 0 10px;
        height: 280px;
        overflow-y: auto;
    }
    .about-info .about-right{
        width: 50%;
    }
    .about-pro{
        margin-top: 25px;
    }
    .contact-info-header{
        padding: 20px 30px;
    }
    .contact-info-header .item:last-child{
        margin-bottom: 0;
    }
    .news-otinfo{
        margin-top: 40px;
        padding: 20px 30px;
    }
    .pro-header{
        flex-direction: column;
    }
    .pro-header-l{
        margin-right: 0;
    }
    .pro-header-l .pic{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .pro-header-r .info{
        margin-top: 30px;
    }
    .pro-header-r .btns{
        margin-top: 25px;
    }
    .pro-cont,
    .pro-bottom{
        margin-top: 30px;
    }
    .pro-cont-info{
        padding: 50px 40px;
    }
    .app-t-list .app-cont-item{
        padding: 20px;
    }
    .app-t-list .app-t-cont .app-cont-e{
        height: 240px;
        padding-top: 15px;
    }
    .app-t-list .app-cont-item .title{
        margin-bottom: 10px;
        font-size: 18px;
    }
    .app-t-list .app-cont-e .title{
        width: 100px;
    }
    .app-t-list .app-cont-e .item{
        flex-direction: column;
    }
    .app-t-list .app-cont-e .text{
        width: 100%;
        font-size: 14px;
    }
    /* .menu-inner{
        padding: 0 10px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    } */
    .hr-msg{
        margin-top: 30px;
    }
    #header-in .menu{
        display: block;
        overflow: hidden;
    }
    #header-in .menu .menu-item{
        padding: 10px 0;
        text-align: left;
        float: none
    }
    #header-in .search{
        width: auto;
    }
    #header-in .search input{
        display: none;
    }
    #header-in .msg{
        position: absolute;
        top: 0;
        padding: 0;
    }
    #header-in .search .btn{
        position: static;
    }
    #header-in .msg .phone{
        padding: 0;
    }
    .header-inner{
        padding: 0;
        background-color: #fff;
    }
    #header-in .nav{
        background: #fff;
        height: auto;
    }
    #globalnav .gn-menuicon-bread-crust{
        background: #333;
    }
    #globalnav .nav.gn-list{
        top: 42px;
    }
    .globalsearch{
        top: 63px;
    }
    .news-list .item .title{
        margin: 25px 0 10px 0;
        font-size: 15px;
    }
    #product .pros-list .text{
        padding: 4px;
        font-size: 13px;
    }
}

@media screen and (max-width: 640px) {
    #product .pros-list .item {
        width: calc(50% - 10px);
        margin: 0 20px 26px 0;
    }
#product .pros-list .item .pic{height: 175px;}
    .page .item{
        width: 35px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .app-list .item{
        width: 100%;
    }
    .news-msg .news-title{
        padding-left: 10px;
    }
    .news-msg .news-title .text{
        font-size: 18px;
    }
    .news-msg .news-cont{
        margin-top: 30px;
    }
    .news-msg .news-title .msg-item{
        margin-right: 38px;
    }
    .news-otinfo{
        margin-top: 20px;
    }
    .news-otinfo .news-otinfo-l .item{
        font-size: 14px;
    }
    .news-otinfo .news-otinfo-r,
    .news-otinfo .news-otinfo-l{
        float: none
    }
    .news-otinfo .news-otinfo-r{
        margin-top: 20px;
    }
    .hr-list .hr-item-title .item:nth-child(2),
    .hr-list .hr-item-title .item:nth-child(4),
    .hr-list .hr-item-title .item:nth-child(3){
        display: none;
    }
    .hr-list .hr-item.active .hr-item-info{
        flex-direction: column;
    }
    .hr-list .item-info-r{
        white-space: inherit;
    }
    .hr-list .item-info-r{
        padding: 15px;
    }
    .contact-info-header{
        padding: 10px;
    }
    .contact-info-wrap{
        flex-direction: column;
        font-size: 14px;
    }
    .contact-info-header .item .info{
        white-space: inherit;
    }
    .contact-info-header .item .icon{
        margin-right: 10px;
    }
    .app-t-list .app-t-header{
        height: 78px;
        background-size: contain;
    }
    .app-t-list .app-t-header .text{
        font-size: 15px;
    }
    .hr-msg .text{
        width: 100%;
        padding: 10px;
    }
    .hr-info{
        margin: 40px 0 39px 0;
    }
    .pro-header-r .title{
        font-size: 22px;
    }
    .pro-header-r .btns{
        flex-direction: column;
    }
    .pro-header-r .btns .item{
        margin-bottom: 15px;
        margin-right: 0;
    }
    .pro-header-r .btns .item:first-child{
        padding: 10px 30px;
        white-space: nowrap;
    }
    .pro-header-r .btns .item:last-child{
        padding: 10px 30px;
    }
    .pro-header-r .share{
        margin-top: 16px;
    }
    .pro-cont .menu .item{
        padding: 19px 17px;
    }
    .pro-cont-info{
        padding: 20px;
    }
    .news-list .item{
        flex-direction: column;
        padding: 20px;
        margin-bottom: 20px;
    }
    .news-list .item .pic{
        width: auto;
    }
    .news-list .item .info{
        margin-left: 0;
    }
    .our-culture-info{
        padding: 0 10px;
        margin: 30px 0;
        font-size: 18px;
    }
    .our-culture-pic .item{
        position: static;
        margin: 10px 0;
        font-size: 20px;
    }
    .our-honor-list .item{
        width: calc(50% - 33px);
    }
    .our-honor-list .item,
    .our-honor-list .item:nth-child(4n){
        margin: 10px;
    }
    .hr-list .hr-info-inner{
        flex-direction: column;
    }
    .header-inner .msg{
        margin-top: 8px;
    }
    .mobile-nav{
        top: -2px;
    }
    #globalnav .gn-list{
        top: 42px;
    }
    .about-info{
        flex-direction: column-reverse;
    }
    .about-info .about-right{
        width: 100%;
    }
    .app-t-list .app-t-cont{
        flex-direction: column;
    }
    .app-t-list .app-t-cont .app-cont-r,
    .app-t-list .app-t-cont .app-cont-l{
        width: 100%;
    }
    .app-t-list .app-t-header .text{
        left: 20px;
        font-size: 14px;
    }
    .app-t-list .app-t-header .goback{
        margin-top: 10px;
        font-size: 14px;
    }
    .app-t-list .app-t-cont .app-cont-r,
    .app-t-list .app-t-cont{
        margin-top: 15px;
    }
    .app-t-list .app-cont-item{
        margin-bottom: 15px;
    }
    .hr-msg .title{
        font-size: 16px;
    }
    .hr-msg .title-info,
    .hr-info-inner{
        font-size: 14px;
    }
    .hr-info .hr-title{
        font-size: 16px;
    }
    .news-otinfo .news-otinfo-r .text{
        font-size: 14px;
    }
    .detail-menu .menu-item.hot:before{
        top: 15px;
        right: 15px;
    }
}