/* mobile */
#Header .menuBtn{width:50px;height:100%;position:absolute;top:0px;right:0px;z-index:10;cursor:pointer;display:none}
#Header .menuBtn p{display:block;width:20px;height:2px;position:absolute;top:50%;left:50%;margin:-1px 0px 0px -10px;background:#b71f31;}
#Header .menuBtn p::before,#Header .menuBtn p::after{content:"";display:block;height:100%;width:22px;position:absolute;left:0px;background:#b71f31;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
#Header .menuBtn p::before{top:-7px}
#Header .menuBtn p::after{bottom:-7px}
#Header .menuBtn p,#Header .menuBtn p::before,#Header .menuBtn p::after,#mobile-menu .menu-nav li a.m::after,#mobile-menu .menu-nav,#banner,#main,.pagebanner{transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s}
#Header .menuBtnClose p{background:none}
#Header .menuBtnClose p::before{top:0px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#Header .menuBtnClose p::after{bottom:0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
#mobile-menu{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9900;visibility:hidden}
#mobile-menu .wall{width:100%;height:100%;background:#000;opacity:0.65;filter:alpha(opacity= 65);}
#mobile-menu .menu-nav{width:75%;height:100%;padding:65px 0px 30px;position:absolute;top:0px;right:-100%;overflow:auto;overflow-y:auto;background:#FEFEFE;}
#mobile-menu .menu-nav ul{margin-bottom:40px;}
#mobile-menu .menu-nav li{display:block;height:auto;position:relative}
#mobile-menu .menu-nav li a.m{display:block;line-height:45px;font-size:1.6rem;border-bottom:1px solid #d9d9d9;color:#333;padding:0 15px;position:relative}
#mobile-menu .menu-nav li a.m::after{content:"";display:block;width:20px;height:100%;position:absolute;top:0px;right:15px}
#mobile-menu .menu-nav li a.link::after{background:url(/images/btn-next-black.png) no-repeat center right;background-size:auto 12px}
#mobile-menu .menu-nav li a.down::after{background:url(/images/btn-down.png) no-repeat center right;background-size:auto 7px}
#mobile-menu .menu-nav li a.on::after{right:7px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#mobile-menu .subnav{display:none}
#mobile-menu .subnav p{display:block;padding:0 30px;border-bottom:1px solid #dcdcdc;} 
#mobile-menu .subnav a{display:block;height:40px;line-height:40px;color:#666;font-size:1.5rem;}
#mobile-menu .lang ul{padding:0 15px;}
#mobile-menu .lang li{display:block;float:left;margin-right:15px;}
#mobile-menu.show{visibility:visible}
#mobile-menu.show .menu-nav{right:0px}
#TouchNav{width:100%;overflow:hidden;height:51px}
#TouchNav .swiper-slide{width:auto;padding:0 14px;letter-spacing:2px;text-align:center;}
#TouchNav .swiper-slide a{display:inline-block;line-height:50px;font-size:16px;position:relative}
#TouchNav .swiper-slide a::after{display:block;content:"";width:0%;height:2px;position:absolute;bottom:0px;left:50%;background:#e60012;transition:all 0.35s ease}
#TouchNav .swiper-slide.current a{color:#e60012} 
#TouchNav .swiper-slide.current a::after{width:100%;left:0%;}


@media screen and (max-width:980px) { p{line-height:1.75}
    body,.wrapper{min-width:320px}
    body{font-size:14px;}
    .text{font-size:14px;line-height:26px}
    .mobile-layer{display:block}
    .pc-layer{display:none}
    .perch{height:56px;}
    .wrapper{width:100%}
    /* Header */
    #Header{height:56px;box-shadow:0px 0px 5px rgba(10,10,10,0.25);position:fixed}
    #Header .wrap{margin:0 3%;min-width:90%;} 
    #Header .logo{height:56px}
    #Header .logo a{line-height:55px;}
    #Header .logo img{height:45px;} 
    #Header .nav,#Header .langen{display:none}
    #Header .lang{height:28px;position:absolute;top:50%;right:50px;margin-top:-14px;}
    #Header .lang .icon{background-position:2px 4px !important;}
    #Header .find{margin-right:0px}
    #Header .menuBtn{display:block}
    #Header .wechart { width: 50px; position: absolute; right: 80px; }
    /* Footer */
    #Footer{padding:15px 0px;position:relative;z-index:91}
    #Footer .nav{padding:0px 14px;margin-bottom:15px;border-bottom:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    #Footer .nav dl{width:100%;float:none;border-bottom:1px solid #666;padding:5px 0px}
    #Footer .nav dt{display:block;height:30px;margin-bottom:0px;position:relative}
    #Footer .nav dt.subn::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1}
    #Footer .nav dt a{display:block;position:relative;height:30px;line-height:30px;font-size:14px}
    #Footer .nav dt a::after{content:"+";display:block;width:16px;height:16px;line-height:16px;position:absolute;top:50%;right:0px;margin-top:-8px;font-size:20px}
    #Footer .nav dt.link a::after{content:">";font-size:16px}
    #Footer .nav dt.subn.active a{border-bottom:1px solid #454545;}
    #Footer .nav dt.subn.active a::after{content:"-"}
    #Footer .nav dd{display:none;width:100%;padding:10px 0px 7px;}
    #Footer .nav dd a{display:block;font-size:14px;padding:0px 10px;line-height:26px;}
    #Footer .foot-left{float:none;width:100%}
    #Footer ul.grid li{text-align:center;padding-right:0px;margin-right:0px;display:block;}
    #Footer ul.grid li:nth-child(1),#Footer ul.grid li:nth-child(2){width:50%;}
    #Footer ul.grid li:nth-child(3),#Footer ul.grid li:nth-child(4),#Footer ul.grid li:nth-child(5),#Footer ul.grid li:nth-child(6){width:100%;}
    #Footer ul.grid li:nth-child(3)::after,#Footer ul.grid li:nth-child(4)::after,#Footer ul.grid li:nth-child(5)::after,#Footer ul.grid li:nth-child(2)::after{display:none}
    #Footer .grid{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px 10px;font-size:14px;margin-bottom:7px;}
    #Footer .grid span,#Footer .grid a{color:#e3e3e3;margin-right:0px;text-align:center;display:block}
    #Footer .foot-right{float:none;width:80px;margin:0 auto;text-align:center}
    #Footer .foot-right p{text-align:center}
    #Footer .upcode{right:50%;margin-right:-145px;width:290px;}
    #Footer .upcode p{padding:1px 5px}
    #Footer .upcode::after{right:50%;margin-right:-7px}
    /* pageMenu */
    .pageMenu{width:100%;height:50px;background:#f7f7f7;border-bottom:1px solid #dedede;animation:fadeInDown 0.5s ease-out 0.2s both;-webkit-animation:fadeInDown 0.5s ease-out 0.2s both;}
    .pageMenu .wrapper{height:100%}
    .pageMenu .place{display:none} 
    .pageMenu .pageNav{height:100%;float:none;width:100%;}
    .pageMenu .pageNav p{display:block;width:25%;margin-left:0px;text-align:center}
    .pageMenu .pageNav p a{display:inline-block;position:relative;line-height:50px;}
    .pageMenu .pageNav.row3 p{width:33.33%;float:left}
    .page-title{padding-top:30px;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .page-title h2{font-size:21px;}
    .page-title h3{font-size:16px;font-weight:normal}
    .page-title a.return{top:10px}
    /* banner */
    #Banner .swiper-pagination{bottom:1px;}
    #Banner .swiper-pagination span{width:8px;height:8px;margin:0 3px}
    /* container */
    #container{padding:10px 0px 20px}
    #container .wrapper{padding:0px 14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #container.home .wrapper{padding:0px 0px}
    .firstly{margin-top:0px;margin-bottom:20px;padding-right:0px}
    .news-layer{margin-bottom:20px;}
    .news-layer .news-box,.news-layer .video-box{width:100%;float:none}
    .news-layer .news-box{margin-bottom:20px;}
    .news-layer .cul-top{padding:0 10px;height:40px;margin-bottom:10px}
    .news-layer .tab-nav a, .video-top a{font-size:16px;line-height:40px;}
    .news-layer .cul-top .more{line-height:40px}
    .news-layer .cul-top .more a{font-size:14px;padding-right: 12px;background-size:auto 10px !important}
    .news-layer .top-news .title{padding:5px 0px;}
    .news-layer .top-news .title p{width:70%;font-size:14px;margin-left:10px}
    .news-layer .top-news .title em{font-size:14px;}
    .news-layer .news-list li{padding:0px 10px;height:40px;}
    .news-layer .news-list li a{font-size:14px;line-height:40px;height:40px}
    .news-layer .news-list li p{display:block;line-height:40px;}
    .news-layer .video-box{margin-right:0px}
    .news-layer .video-mubu .btnplay{width:39px;height:39px;margin-top:-20px;margin-left:-20px;}
    .firstly .level-stock{position:relative;width:100%}
    .firstly .tab-grid{padding:15px 15px 20px}
    .firstly .tab-grid .price{padding-top:0px;margin-bottom:0px;margin:0 2%}
    .firstly .tab-grid .deal{float:left;width:44%;margin:0 2%;margin-bottom:10px;}
    .busine{padding:0px 0px;margin-bottom:20px}
    .busine .swiper-container{width:100%}
    .busine .infor{visibility:visible;opacity:1;width:100%;left:0px;position:relative;bottom:0;right:0;top:0}
    .busine .infor h2{margin:0px 15px 5px;font-size:18px}
    .busine .infor i{margin:0 15px 10px}
    .busine .text{line-height:26px;height:52px;-webkit-line-clamp:2;margin:0 15px}
    .busine .back:before, .busine .back:after{height:0px !important}
    .busine .btn{width:30px;height:30px;margin-top:-40px;}
    .busine .btn p{line-height:30px;}
    .busine .btn p img{height:30px}
    .level.linkbar{height:auto}
    .linkbar ul{margin:0px 0px}
    .linkbar li{width:50% !important;height:100px;margin-bottom:10px}
    .linkbar .infor{height:100%}
    .linkbar .infor p{margin:0 10px;font-size:16px;padding-top:10px;}
    .linkbar .infor i{margin:5px 10px 7px;}
    .linkbar .infor h2{font-size:18px;margin:0 10px;} 
    /* about */
    .about{padding-bottom:30px !important}
    .about .wrapper{padding:0 14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
    .about-profile{margin-top:30px;padding-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .about-profile .profile-img,.profile-left{width:100%;float:none}
    .about-profile .profile-left{margin-bottom:30px}
    .about-profile .cul-title{font-size:21px;margin-bottom:0px;}
    .about-profile .stock{font-size:24px;margin-bottom:20px;line-height:40px;}
    .about-profile .text{font-size:15px;line-height:26px}
    .about-profile .shadow{left:-10px;bottom:-10px}
    .team-level ul{margin:0 0px}
    .team-level li{width:100%;margin-bottom:30px;}
    .team-level .grid{margin:0 0px;height:100px}
    .team-level .hd{width:100px;height:100px;}
    .team-level .text{padding:20px 20px;height:60px;margin-left:100px} 
    .team-level li:hover .hd{width:100px;height:100px;left:0px;top:0px}
    .team-level li:hover .text{margin-left:100px}
    .history-list .informa{width:100%;left:0px;}
    .history-list .swiper-slide-now .year{margin-left:0px;}
    .mobile-list-bar{position:relative;padding-bottom:0px}
    .mobile-list-bar::after{content:"";display:block;width:1px;height:100%;position:absolute;left:100px;top:0px;background:#cdcdcd;z-index:0;}
    .mobile-list-bar dl{padding:0px 10px 10px;margin-bottom:10px;min-height:30px;position:relative;z-index:1}
    .mobile-list-bar dt{display:block;font-size:14px;width:75px;height:30px;line-height:30px;position:absolute;top:10px;left:14px}
    .mobile-list-bar dt span{display:block;text-align:center}
    .mobile-list-bar dt em{display:block;width:16px;height:18px;position:absolute;top:50%;right:-19px;margin-top:-8px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#FFF}
    .mobile-list-bar dt i{display:block;width:8px;height:8px;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;background:#b71f31;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
    .mobile-list-bar dd{margin-left:110px;position:relative;background:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px 14px;border:1px solid #d9d9d9}
    .mobile-list-bar dd::before{content:"";display:block;width:0px;height:0px;border:9px solid transparent;border-right-color:#d9d9d9;position:absolute;top:16px;left:-18px;}
    .mobile-list-bar dd::after{content:"";display:block;width:0px;height:0px;border:7px solid transparent;border-right-color:#FFF;position:absolute;top:18px;left:-14px}
    .bother{display:none}
    /* news */
    .com_InnBlock{width:100%;min-width:10px;padding:0 14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .news_tiBl{padding-top:30px}
    .com_InnContent{min-height:1px;padding-bottom:30px;}
    .news_tCh{font-size:21px;}
    .news_tEn{font-size:16px;font-weight:normal} 
    a.news_block{padding:0px 0px;margin-top:30px;min-height:90px;margin-bottom:20px} 
    .news_img{width:100%;position:relative;top:0px;left:0px;right:0px;float:none}
    .news_img img img{display:block;width:100%}
    .news_teBl{padding:8px 10px 8px 10px;}
    .news_tTi{font-size:18px;padding-top:0px;margin-bottom:8px;line-height:22px;}
    .news_wi{display:none}
    .news_tTe{height:66px;overflow:hidden;font-size:14px;-webkit-line-clamp:3;}
    .news_tTe p{display:block;line-height:22px;height:66px;font-size:14px;}
    .news_ulBl{margin-top:10px;}
    a.news_liBl{width:100%;padding:0px 0px;margin-bottom:10px;min-height:80px;background:#FFF}
    .news_imgBl{width:150px;height:90px;position:relative;top:0px;left:0;right:0;bottom:0;overflow:hidden}
    .news_imgBl img{height:90px;width:auto;max-width:initial;display:block;position:absolute;top:0px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
    .news_liTe{padding:5px 10px 5px 160px;height:80px}
    .news_liTi{width:100%;padding-top:0px;margin-bottom:5px;font-size:18px;font-weight:normal;white-space:normal;height:54px;word-wrap:break-word;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;}
    .news_liT{display:none}
    .news_date{background-size:14px auto;font-size:14px;padding-left:18px}
    a.news_liBl:after{display:none}
    .Inn_content{padding:30px 0px 20px;width:100%}
    .news_conBlock{padding-bottom:0px}
    .Inn_ti{font-size:20px;width:100%;line-height:30px;letter-spacing:1px}
    .Inn_date{padding:10px 0px 0px;font-weight:normal;font-size:14px}
    a.Inn_back{top:10px;font-size:14px;width:auto}
    .Inn_teBl{margin-top:5px;margin-bottom:20px;}
    .Inn_teBl p, .Inn_teBl section{font-size:16px;line-height:30px}
    .Inn_buBl{padding-bottom:0px}
    a.Inn_left,a.Inn_right{float:none;width:100%;margin-bottom:5px;display:block;height:30px;line-height:30px;text-align:left}
    .par_ul{margin-top:30px;padding-bottom:0px}
    a.par_li{padding:10px 0px 40px;display:block;position:relative}
    .par_date{width:100px;font-size:14px;text-align:left;border-right:none;margin-right:0px;position:absolute;left:0px;bottom:10px;}
    .par_text{float:none;width:initial;margin-left:0px;max-height:56px;line-height:28px;white-space:normal;word-wrap:break-word;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden}
    a.par_li:hover{background:transparent;box-shadow:none}
    /* business */
    .busine-desc, .invest{margin-bottom:30px}
    .business .item-list{margin-bottom:20px}
    .item-list .btn{width:30px;height:30px;margin-top:-15px}
    .item-list .btn-prev{left:0px;}
    .item-list .btn-next{right:0px;}
    .business .inner{padding:10px 15px;}
    .business .inner h3{font-size:20px;margin-bottom:5px}
    .business .details{margin-bottom:20px}
    .busine-desc p img{width:100%;height:auto;display:block}
    /* Science */
    .picbar{width:100%;float:none}
    .descri{width:100%;position:static;top:0px;left:0px;bottom:0px;right:0px}
    .descri .desc{padding:20px;}
    .field-list li{padding:14px 14px;margin-bottom:30px}
    .field-list .item-desc{padding-top:0px;width:50%;}
    .field-list .item-desc h3{font-size:20px}
    .field-list .item-desc .text{font-size:14px}
    .listBox{margin:0 50px}
    .prize-list .btn{width:30px;height:30px;margin-top:-15px}
    .prize-list .btn-prev{left:0px}
    .prize-list .btn-next{right:0px}
    /* Social */
    .strong ul{border-bottom:1px solid #b5b5b5;}
    .strong li{height:auto;margin-top:0px;border-bottom:none}
    .strong li a{padding:15px 0px;height:121px;border-bottom:none}
    .strong li:hover{border-top:1px solid #b5b5b5;border-bottom:none;}
    .strong li:hover a{border-bottom:none;}
    .strong .img-box{width:190px;height:121px;visibility:visible}
    .strong .img-box p{visibility:visible;opacity:1;transform:scale(1);-webkit-transform:scale(1);position:relative;overflow:hidden}
    .strong .img-box span{display:block;position:absolute;left:0px;bottom:0px;width:100%;z-index:10;font-size:14px;font-weight:normal;padding:3px 0px;background:rgba(255,255,255,0.35);color:#e60012}
    .strong .infor{padding:0px 0px;margin-left:210px}
    .strong .infor h2{margin-bottom:4px}
    .strong .text{height:52px;line-height:26px}
    #container .detail-page{padding-top:20px}
    .detail-page .timer{padding-bottom:5px}
    .detail-page .title{font-size:20px;margin-bottom:10px}
    .detail-page .timer span{font-size:14px}
    .detail-page .linker a{float:none !important;text-align:left !important;max-width:100%}
    /* Hr */
    .concept, .talent, .job-desc{padding-bottom:20px}
    .concept{margin-bottom:-20px}
    .concept .item{margin-bottom:20px}
    .concept .item:last-child{margin-bottom:0px !important;}
    .concept .content{padding:10px 14px;}
    .concept .content h3{font-size:18px;margin-bottom:5px}
    .concept .content i{margin-bottom:10px}
    .concept .content .text{width:100%}
    .talent .pop-layer{position:static}
    .talent .pop-layer .text{padding-top:20px;width:100%;text-align:justify}
    .job-desc{margin-bottom:20px}
    .job-desc .word{padding:15px 15px;}
    .job-desc .desc-word{position:static;top:0px;width:100%;height:auto;}
    .hr-contact{padding-bottom:20px;margin-bottom:20px}
    .hr-contact .icon-bar-box{margin-bottom:15px}
    .hr-contact .icon-bar-box,.hr-contact .icon-bar-box span{width:60px;height:60px;}
    .hr-contact .icon-bar-box em{background-size:60px 60px;}
    .hr-contact .hr-grid p{margin:0px 10px}
    .work-text{width:66%}
    .relation .h1-title{font-size:20px}
    .relation .layer-picture p{width:100%;padding-right:0px}
    /* contact */
    .contact .contact-map{margin-bottom:30px}
    .contact .mapbar{width:100%;padding-left:0%;position:relative;height:195px}
    .contact .contactbar{position:static;top:0px;left:0px;width:100%;height:auto;background:#FFF}
    .contact .content{padding:20px 15px;}
    .contact .infor{margin-bottom:30px}
    .contact .infor p{display:block;position:relative;margin-bottom:10px;line-height:24px;padding-left:30px;padding-top:3px}
    .contact .infor span{display:block;width:30px;height:30px;position:absolute;top:0px;left:0px;vertical-align:middle;line-height:30px;}
    .contact .infor img{vertical-align:middle}
    .contact .codes{width:100%}
    .contact .codes p{display:block;margin-left:0px;float:left;width:49%;text-align:center}
    .contact .codes em{display:block;width:120px;border:1px solid #a5a6a5;margin:0 auto 15px}
    .contact .codes img{vertical-align:middle}
    .contact .codes span{display:block;width:136px;height:35px;line-height:35px;text-align:center;margin:0 auto;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;background:#f5f5f5}
    .contact .codes p:hover span{background:#f2f2f2}
 
    .news_block:hover, .news_liBl:hover, .bus_imgBlock:hover, .com-video:hover, .top-news:hover, .news-list li:hover,#item-swiper .swiper-slide a:hover .level img{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;}
    .top-news:hover, .com-video:hover{box-shadow:none}
    .pagination{padding:20px 0px 0px;}
    .pagination span, .pagination a{padding:0px 3px;margin:0 1px !important;font-size:13px;height:24px;line-height:24px;}


    .special a.news_liBl { display: block; }
    .special a.news_liBl .news_imgBl { width: 100%; height: auto; overflow:auto; }
    .special a.news_liBl .news_imgBl img { width: 100%; height: auto; position: relative; transform: none; left:0; }
    .special a.news_liBl .news_liTe { display:block; }
    .special a.news_liBl .news_liTe .news_date { position:absolute; right:10px;}
}
@media screen and (max-width:760px){  
    #Header .menu{padding-top:12px;display:none;}
    /* business */
    .business .deImage,.business .deRight{width:100%;float:none}
    .business .inner{padding:15px 15px;}
    .busine-desc p img{width:100% !important;height:auto !important;display:block} 
    .search-box{height:auto;border-bottom:none;margin-bottom:0px}
    .search-result{font-size:14px;line-height:40px;float:none;width:100%}
    .search-result em{font-size:14px;padding:0px 0px}
    .search-form{width:100%;float:none}
    .search-form .searchinput{width:83%;box-sizing:border-box}
    /* Science */
    .field-desc{margin-bottom:25px}
    .field-list li{width:100%;padding:0px 0px;margin-bottom:30px}
    .field-list li:nth-child(2n){background:transparent}
    .field-list .item-image,.field-list .item-desc{width:100%;float:none}
    .field-list .item-desc{padding-top:20px}
    .listBox{margin:0 35px}
     .prize-form{width:100%;height:auto;margin-bottom:20px}
    .prize-form p{width:50%;margin-bottom:10px;height:40px}
    .prize-form a{margin:0px 3%;line-height:40px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}
    .prize-form:after{content:"";display:block;width:100%;height:0px;overflow:hidden;clear:both}
    .listBox{margin:0 35px}
    #listBox{padding:200px 0px 30px}
    #listBox .pictrue{width:100%;height:auto;left:0px;margin-left:0px;bottom:80px;}
    .prize-list .line-bar{margin-top:0px;top:248px;z-index:0}
    #listBox .title-box{width:100%;margin:0px 0px}
    #listBox .t-title{font-size:14px}
    #listBox .swiper-slide:nth-child(2n) .t-title{bottom:0px;}
    #listBox .swiper-slide-show .dot-box{width:10px;height:10px;margin-top:-5px;margin-left:-5px}
    #listBox .swiper-slide-show .dot-box i{width:20px;height:20px;margin-top:-11px;margin-left:-11px} 
    .strong li a{height:80px}
    .strong .img-box{width:125px;height:80px;}
    .strong .infor{padding:0px 0px;margin-left:140px}
    .strong .infor h2{font-size:17px;max-height:54px;line-height:27px;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden}
    .strong .text{display:none}
    .strong .img-box{overflow:visible}
    .strong .img-box span{display:block;position:absolute;left:140px;bottom:0px;background:none;color:#666;text-align:left;font-size:14px;padding:0px 0px;}
    /* Hr */
    .concept .item-img{width:100%;float:none;margin-bottom:5px;}
    .concept .item-infor{width:100%;float:none}  
    .concept .content{padding:10px 14px;}
    .concept .content h3{font-size:18px;margin-bottom:5px;font-weight:normal} 
    .job-desc{margin-bottom:5px}
    .hr-contact{border-bottom:none;margin-bottom:0px}
    .hr-contact .hr-grid{width:100%;margin-top:15px}
    .hr-contact .icon-bar-box{width:41px;height:41px;float:left;margin-bottom:0px}
    .hr-contact .icon-bar-box span{width:39px;height:39px;}
    .hr-contact .icon-bar-box em{background-size:39px 39px;}
    .hr-contact .hr-grid p{margin:0px 0px 0px 55px;text-align:left;line-height:26px;line-height:40px;}
    .hr-contact .hr-grid:first-child p{line-height:24px}
    #container.hr-work{background-size:cover !important}
    .relation .relat{padding-bottom:40px}
    .relation .pictrue,.relation .layer-text img{width:100%;float:none;margin:0px 0px 15px}
    .relation .second{padding:30px 0px 20px}
    .relation .layer-text{width:100%;float:none;margin-bottom:30px}
    .btn-linker{padding-top:20px;text-align:center}
    .relation .layer-picture span{display:none}
    .relation .layer-picture{width:100%;float:none}

    .me_img1 { width: 100%; float: none; display: none; }
    .me_img1 img { width: 100%; }
    .me_img2 { position: relative; width: 100%; display: none; }
    .me_img3 { position: relative; width: 60%; left: 20%; }
    .me_teBl { position: relative; left: 1%; bottom: auto; width: 98%; padding: 20px 0; }
    .me_img3 img { width: 100%; }
    .me_block { padding: 20px 0; }
    .me_tiBl { width: 100%; float: none; }
    .me_text { width: 100%; margin-top: 10px; }
    .cul_li { width: 48%; margin-bottom: 10px; }
}