.st-container{font-size:0}
/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:18;background:#FFF;line-height:1.35rem;box-shadow:0 0 12px rgba(0,0,0,.12)}
.header>div>div{display:inline-block;vertical-align:middle;width:20%}
.header .logos img {max-height:.94rem;transition:none;}
.header .navlist {width:80%;line-height:normal;}
.header .navlist>*{display:inline-block;vertical-align:middle;width:86%}
.header .navlist li{display:inline-block;vertical-align:middle;text-align:center;width:14.285%;position:relative;}
.header .navlist li>a{font-size:.18rem;color:#4a4a4a;display:block;padding:0 .1rem;line-height:.69rem;}
.header .navlist li dl{position:absolute;top:100%;left:0;width:100%;background:#FFF;margin:0;padding:0;display:none;transition:none;box-shadow:0 0 4px rgba(0,0,0,.16)}
.header .navlist li dl dd{margin:0}
.header .navlist li dl dd a{font-size:.16rem;color:#4a4a4a;display:block;line-height:.61rem;text-align:center;}
.header .navlist li dl dd a:hover{background:#000;color:#FFF}
.header .navlist .langs {background:#00a0e9;text-align:center;width:14%;padding:.16rem 0}
.header .navlist .langs>*{display:inline-block;font-size:.18rem;color:#FFF;position:relative}
.header .navlist .langs em {padding:0 .2rem;}
.header .navlist .langs a.on {font-size:.15rem;}
.header .navlist .langs a:before,.header .navlist .langs a:after{content:'';width:.22rem;height:.22rem;background:#00a0e9;border:1px solid #FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .4s linear;}
.header .navlist .langs a:before{margin:-.05rem 0 0 .04rem}
.header .navlist .langs a i{position:relative;z-index:5}
.header .navlist .langs a.on:before,.header .navlist .langs a.on:after {opacity:1}


.header .items{line-height:.69rem;height:.69rem;}
.header .items>div>div{display:inline-block;vertical-align:middle;width:8%}
.header .items .logos img{max-height:.5rem;transition:none;}
.header .items .navlist{width:73%;line-height:normal;}
.header .items .navlist li{display:inline-block;vertical-align:middle;text-align:center;width:14.285%;position:relative;}
.header .items .navlist li:before{content:'';width:1px;height:.18rem;background:#dcdcdc;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.header .items .navlist li:last-child:before{display:none;}
.header .items .navlist li>a{font-size:.15rem;color:#FFF;display:block;padding:0 .1rem;line-height:.69rem;}
.header .items .navlist li dl{position:absolute;top:100%;left:0;width:100%;background:#333;margin:0;padding:0;display:none;transition:none;}
.header .items .navlist li dl dd{margin:0}
.header .items .navlist li dl dd a{font-size:.16rem;color:#FFF;display:block;line-height:.61rem;text-align:center;}
.header .items .navlist li dl dd a:hover{background:#000}
.header .items .tel{width:19%;text-align:right;line-height:normal;}
.header .items .tel p{margin:0;display:inline-block;padding-left:.68rem;background:url(../images/icon0.png) 0 center no-repeat;background-size:.49rem .48rem;font-size:.28rem;color:#FFF;font-weight:bold;}
.header .items .tel p span{display:block;font-size:.16rem;color:#FFF;}
/*banner*/
.tem_banner{padding:1.35rem 0 0;}
.tem_banner .swiper-slide video {width:100%;height:6.05rem;object-fit:cover;background: #000;
}
.tem_banner .slide-pagination{position:absolute;bottom:.21rem;left:0;width:100%;text-align:center;z-index:1;}
.tem_banner .slide-pagination span{opacity:1;outline:none;margin:0 3px;width:.18rem;height:4px;background:#dcdcdc;border-radius:0;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#000}
/**/
.tem_index_pic{padding:.7rem 0 1rem;text-align:center;background:#FFF}
.tem_index_pic .title{margin:0 0 .5rem;}
.tem_index_pic .title h3{font-size:.36rem;color:#000;font-weight:bold}
.tem_index_pic .title p{font-size:.18rem;color:#838383;text-transform:uppercase;margin:.15rem 0 0}
.tem_index_pic .lists .swiper-slide a{display:block;position:relative;overflow:hidden;}
.tem_index_pic .lists .swiper-slide img{width:100%;height:3.67rem;object-fit:cover;transition:none;}
.tem_index_pic .lists .swiper-slide a:hover {transform:scale(.96);box-shadow:4px 4px 6px rgba(0,0,0,.16)}

.tem_index_about{background:#e6e6e6;position:relative}
.tem_index_about>div{display:inline-block;vertical-align:middle;width:43.5%;position:relative;z-index:2}
.tem_index_about .text{padding:.8rem 0 0 2.6rem;}
.tem_index_about .text .name p{font-size:.14rem;color:#333;padding:0 0 .17rem;margin:0 0 .33rem;border-bottom:1px solid #f3f3f3;}
.tem_index_about .text .name h5{font-size:.32rem;color:#000;line-height:1.8;}
.tem_index_about .text ol{margin:.2rem 0 0;padding:.4rem 0 1.42rem;background:url(../images/icon1.png) 0 0 no-repeat;background-size:.31rem auto;}
.tem_index_about .text ol li {margin:0 0 .1rem;}
.tem_index_about .text ol li a{display:block;width:1.68rem;padding:0 .16rem;line-height:.53rem;font-size:.14rem;color:#292929;border-bottom:1px solid #b5b5b5}
.tem_index_about .text ol li:last-child{margin:0}
.tem_index_about .text ol li#current a{background:#0094d9;border-radius:0 35px 35px 0;border-color:#0094d9;color:#FFF;width:2.12rem;}

.tem_index_about .itembox{width:56.5%;overflow: hidden;border-bottom-left-radius: 45%;}
.tem_index_about .itembox .imgs {}
.tem_index_about .itembox .imgs img {width:100%;height:7.93rem;object-fit:cover;transition:none;}
.tem_index_about .itembox .imgs span{background:none !important;height:100%;}
.tem_index_about .itembox>div{position:relative}
.tem_index_about .itembox>div .infos{position: absolute;
top: 50%;
left: 1.96rem;
transform: translateY(-50%);
z-index: 1;

width: 6.35rem;
padding: .55rem .75rem 1.5rem .55rem;
border-bottom-left-radius: 45%;}
.tem_index_about .itembox>div .infos>em{font-size:.48rem;color:#FFF;font-weight:bold;display:block;margin:0 0 .1rem;}
.tem_index_about .itembox>div .infos .name>*{display:inline-block;vertical-align:middle;}
.tem_index_about .itembox>div .infos .name h4{font-size:.24rem;color:#FFF;font-weight:bold;margin-right:.8rem;}
.tem_index_about .itembox>div .infos .name p{font-size:.14rem;color:#FFF;font-weight:bold;text-transform:uppercase;}
.tem_index_about .itembox>div .infos .editor{margin:.35rem 0 0;font-size:.16rem;color:#FFF;line-height:1.8}
.tem_index_about .itembox>div video {width:100%;height:7.93rem;object-fit:cover;background:#000}
.tem_index_about .itembox>div#video1 {cursor:pointer;}
.tem_index_about .itembox>div .plays {    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: .26rem;
    color: #FFF;
    border-radius: 100%;
    background: rgba(255,255,255,.6);
    width: .86rem;
    height: .86rem;
    line-height: .86rem;
    text-align: center;}
.tem_index_about .itembox>div.play .plays {opacity:0;visibility:hidden}

.tem_index_pather {padding:.7rem 0 1rem;background:url(../images/pather_bg.jpg) center bottom no-repeat #FFF;background-size:100% auto;}
.tem_index_pather .title{text-align:center;margin:0 0 .7rem;}
.tem_index_pather .title h3 {font-size:.36rem;color:#333;font-weight:bold;padding: 0  0 .2rem;position:relative}
.tem_index_pather .title h3:after{content:'';width:.47rem;height:2px;background:#3296fa;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.tem_index_pather .title p{font-size:.18rem;color:#6c6c6c;margin:.14rem  0 0;}
.tem_index_pather .editor {font-size:.16rem;color:#333;}

.tem_index_news{padding:.6rem 0 1rem;background:#FFF;}
.tem_index_news:before{content:'';width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.tem_index_news .title{margin:0 0 .4rem;text-align:center}
.tem_index_news .title h3{font-size:.36rem;color:#000;font-weight:bold;}
.tem_index_news .title p{font-size:.18rem;color:#838383;text-transform:uppercase;margin:.15rem 0 0}
.tem_index_news .swiper-slide .items {margin:0 0 .12rem;}
.tem_index_news .swiper-slide .items a{display:block;padding:.25rem .7rem .25rem .2rem;position:relative;}
.tem_index_news .swiper-slide .items a>div{display:inline-block;vertical-align:middle;width:27.5%;}
.tem_index_news .swiper-slide .items .imgs {overflow:hidden;border:1px solid #d2d2d2;background:#FFF}
.tem_index_news .swiper-slide .items .imgs img {width:100%;height:2.35rem;object-fit:cover;transition:none}

.tem_index_news .swiper-slide .items a .text {width:72.5%;padding-left:.5rem}
.tem_index_news .swiper-slide .items a .text .tit {margin:0 0 .25rem;position:relative}
.tem_index_news .swiper-slide .items a .text .tit h6 {font-size:.2rem;color:#232122;width:85%;}
.tem_index_news .swiper-slide .items a .text .tit span {position:absolute;right:0;bottom:0;font-size:.16rem;color:#616161;}
.tem_index_news .swiper-slide .items a .text p{font-size:.16rem;color:#7a7a7a;line-height:.24rem;height:.48rem;overflow:hidden;margin:0}
.tem_index_news .swiper-slide .items a:hover {background:#0094d9;border-radius:0 0 65px 0}
.tem_index_news .swiper-slide .items a:hover .imgs {border-color:rgba(0,0,0,0)}
.tem_index_news .swiper-slide .items a:hover .text h6 {color:#FFF}
.tem_index_news .swiper-slide .items a:hover  .text span {color:#FFF}
.tem_index_news .swiper-slide .items a:hover .text p{color:#FFF}
.tem_index_news .slide-pagination {margin:.65rem 0 0;text-align:center}
.tem_index_news .slide-pagination span {opacity:1;outline:none;width:.12rem;height:.12rem;background:#000;margin:0 .18rem;}
.tem_index_news .slide-pagination span.swiper-pagination-bullet-active{background:#0094d9}
/*Ã©â‚¬Å¡Ã§â€Â¨Ã¥Âºâ€¢Ã©Æ’Â¨*/
.footer{background:#000;padding:.42rem 0 .2rem;}
.footer>div>div{display:inline-block;vertical-align:top;width:34%}
.footer .infos{padding:0 .25rem 0 0}
.footer .infos h6{font-size:.16rem;color:#FFF;line-height:1.8}
.footer .infos p{font-size:.16rem;color:#FFF;margin:0;line-height:1.8;}
.footer .infos p a{font-size:.16rem;color:#FFF;}
.footer .infos .share {margin:.2rem 0 0}
.footer .infos .share a{display:inline-block;margin:0 .15rem 0 0;width:.4rem;height:.4rem;border:1px solid #FFF;border-radius:100%;line-height:.38rem;text-align:center;font-size:.16rem;color:#FFF;position:relative}
.footer .infos .share a div{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin:0 0 .15rem;background:#FFF;padding:5px;border-radius:3px;width:1.3rem;opacity:0;visibility:hidden;}
.footer .infos .share a:hover div{opacity:1;visibility:visible;}

.footer .navlist{width:66%;}
.footer .navlist dl{display:inline-block;vertical-align:top;width:15%}
.footer .navlist dt {margin:0 0 .3rem;}
.footer .navlist dt a{font-size:.16rem;color:#FFF}
.footer .navlist dd{margin:0 0 .1rem;}
.footer .navlist dd a{font-size:.12rem;color:#e3e3e3;}
.footer .navlist dl:last-child{width:25%}
.footer .navlist dl:last-child dd.tel {font-size:.3rem;color:#FFF;font-weight:bold;margin:0 0 .3rem;}
.footer .navlist dl:last-child dd.tel em{display:block;font-size:.16rem;color:#FFF;margin:0;font-weight:normal;}
.footer .navlist dl:last-child dd .code{text-align:center;display:inline-block;}
.footer .navlist dl:last-child dd .code p {margin:.15rem 0 0;font-size:.12rem;color:#FFF}
.copy{background:#141414;padding:.35rem 0;text-align:center;font-size:.12rem;color:#FFF}
.copy a{font-size:.14rem;color:#FFF}
/*Ã¥â€¦Â³Ã¤ÂºÅ½Ã¦Ë†â€˜Ã¤Â»Â¬*/
.about_box{}
.about_box .sort_navlist{border-bottom:1px solid #dcdcdc;padding:.2rem 0 .3rem;}
.about_box .sort_navlist li {display:inline-block;vertical-align:top;width:20%;padding:0 .1rem;text-align:center}
.about_box .sort_navlist li a{display:block;font-size:.16rem;color:#3b3b3b;padding:.6rem 0 0;background-size:.63rem .42rem !important;}
.about_box .sort_navlist li.ico0 a{background:url(../images/icon2-1.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico1 a{background:url(../images/icon2-2.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico2 a{background:url(../images/icon2-3.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico3 a{background:url(../images/icon2-4.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico4 a{background:url(../images/icon2-5.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico0 a:hover{background:url(../images/icon2-1h.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico1 a:hover{background:url(../images/icon2-2h.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico2 a:hover{background:url(../images/icon2-3h.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico3 a:hover{background:url(../images/icon2-4h.png) center 0 no-repeat;}
.about_box .sort_navlist li.ico4 a:hover{background:url(../images/icon2-5h.png) center 0 no-repeat;}

.mbx {padding:.24rem 0 .5rem;font-size:.14rem;color:#6d6c6c;}
.mbx a{font-size:.14rem;color:#6d6c6c}
.mbx a:first-child+a{display:none;}

.company {background:url(../images/icon3.jpg) center bottom no-repeat;background-size:100% auto;padding:0 0 .8rem;}
.company video {width:100%;height:5.5rem;object-fit:cover;background:#000;}
.company .title{margin:.75rem 0 .35rem;}
.about_box .title h3{font-size:.3rem;color:#272727}
.about_box .title p{font-size:.18rem;color:#787777;text-transform:uppercase;margin:.1rem 0 0}
.company .editor{font-size:.16rem;color:#494949;line-height:1.8;}

.culture {background:url(../images/icon4.jpg) center no-repeat;background-size:cover;padding:1.28rem 0 1.25rem;}
.culture>div>div{display:inline-block;vertical-align:middle;width:17%}
.culture .title h3{color:#FFF}
.culture .title p{color:#FFF;margin:.2rem 0 0}
.culture .editor{width:83%;text-align:center}
.culture .editor>div{padding:0 .15rem;text-align:center;}
.culture .editor p{margin:0;font-size:.14rem;color:#FFF}
.culture .editor h6{font-size:.24rem;color:#FFF;margin:.1rem 0 .25rem;}
.culture .editor img{max-height:.76rem;transition:none;}

.honor{padding:1.05rem 0 .9rem;}
.honor>div>div{display:inline-block;vertical-align:middle;width:15%}
.honor .lists{width:85%}
.honor .lists .swiper-slide a {display:block;position:relative;overflow:hidden;text-align:center}
.honor .lists .swiper-slide .imgs {background:url(../images/icon5.png) center no-repeat;background-size:100% 100%;padding:.15rem .23rem;height:3.73rem;line-height:3.73rem;}
.honor .lists .swiper-slide img{max-height:3.43rem;transition:none;}
.honor .lists .swiper-slide p{font-size:.16rem;color:#333;margin:.2rem 0 0;}
.honor .lists .slide-scrollbar{margin:.85rem 0 0;height:3px;background:#f1f1f1;}
.honor .lists .slide-scrollbar>div{background:#000}
.honor .lists .swiper-slide a:hover .imgs{transform:scale(.96)}

.workshop{padding:.85rem 0 1.15rem;text-align:center;background:#f3f3f3}
.workshop .title{margin:0 0 .8rem;}
.workshop .swiper-slide a{display:block;position:relative;overflow:hidden;}
.workshop .swiper-slide .imgs {overflow:hidden;}
.workshop .swiper-slide img{width:100%;height:2.84rem;object-fit:cover;}
.workshop .swiper-slide p{margin:.2rem 0 0;font-size:.16rem;color:#515151;}
.workshop .swiper-page{margin:.65rem 0 0;}
.workshop .swiper-page>div{outline:none;width:.37rem;height:.37rem;background:#c7c7c7;font-size:.2rem;color:#FFF;border-radius:100%;display:inline-block;margin:0 .15rem;line-height:.37rem}
.workshop .swiper-page>div:hover{background:#000}

.history{padding:1rem 0 1.2rem;}
.history .title{text-align:center;}
.history .lists{position:relative;padding:.52rem 0 0;}
.history .lists:after{content:'';width:100%;height:.17rem;background:url(../images/icon6.png) 0 0 no-repeat;background-size:auto .17rem;position:absolute;bottom:.22rem;left:0}
.history .lists>div{padding:0 1.23rem;position:relative}
.history .lists #gallery {margin:0 0 .65rem;}
.history .lists #gallery .swiper-slide {text-align:center;font-size:.16rem;color:#525252;}
.history .lists #gallery .swiper-slide>*:first-child{font-size:.3rem;color:#2b2b2b;margin:0 0 .2rem;}
.history .lists #thumbs .item {position:relative;padding:1rem 0 .76rem;text-align:center}
.history .lists #thumbs .item:after{content:'';width:2px;height:0;background:#333;position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:all .35s linear;}
.history .lists #thumbs .item h6{font-size:.24rem;color:#838383;font-weight:bold;padding:0 .25rem;position:relative;display:inline-block;}
.history .lists #thumbs .item h6:before,.history .lists #thumbs .item h6:after{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;font-size:.16rem;color:#000;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;}
.history .lists #thumbs .item h6:after{content:"\f0d9";left:auto;right:0}
.history .lists #thumbs .item:before{content:'';width:.47rem;height:.87rem;background:url(../images/icon7.png) center 0 no-repeat;background-size:.47rem .87rem;position:absolute;top:.5rem;left:50%;transform:translateX(-50%);transition:all .65s linear;opacity:0;visibility:hidden;}

.history .lists #thumbs .swiper-slide{cursor:pointer;}
.history .lists #thumbs .swiper-slide-thumb-active .item:before{opacity:1;visibility:visible;top:0}
.history .lists #thumbs .swiper-slide-thumb-active .item h6{color:#000}
.history .lists #thumbs .swiper-slide-thumb-active .item h6:before,.history .lists #thumbs .swiper-slide-thumb-active .item h6:after{opacity:1}
.history .lists #thumbs .swiper-slide-thumb-active .item:after{height:.23rem;}
.history .lists .swiper-page>div{position:absolute;top:50%;left:0;outline:none;transform:translateY(-50%);width:.64rem;height:.64rem;border-radius:100%;box-shadow:0 0 9px rgba(51,51,51,.2);font-size:.26rem;color:#000;line-height:.62rem;text-align:center;}
.history .lists .swiper-page>div.slide-button-next {left:auto;right:0}
.history .lists .swiper-page>div:hover {background:#000;color:#FFF}

.product_box{padding:0 0 1.7rem;background:#f8f8f8;}
.product_box .menus{border-bottom:1px solid #dcdcdc;padding:.31rem 0 .25rem;}
.product_box .menus li{display:inline-block;vertical-align:middle;padding:0 5px 0 0;}
.product_box .menus li a{display:block;font-size:.2rem;color:#000;padding:0 .7rem;line-height:.68rem;border-radius:35px;}
.product_box .menus li.on a{background:#000;color:#FFF}
.product_box .lists li{padding:0 5px;margin:0 0 .61rem;}
.product_box .lists li a{display:block;background:#FFF;position:relative;padding:0 0 .51rem}
.product_box .lists li .imgs{overflow:hidden;}
.product_box .lists li img {width:100%;height:2.9rem;object-fit:cover;transition:none;}
.product_box .lists li p{padding:.36rem 0 .19rem;font-size:.18rem;color:#2a2a2a;border-bottom:1px solid #e8e8e8;margin:0 .23rem;}
.product_box .lists li a:hover {box-shadow:6px 6px 8px rgba(0,0,0,.1);transform:translateY(-5px)}

.fix_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.5);display:none;transition:none;}
.fix_box .mains{position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);max-width:8.74rem;width:95%;background:#FFF;opacity:0;height:90%}
.fix_box .mains.opens {opacity:1;top:50%;transition-delay:.5s}
.fix_box .mains .close_{position:absolute;width:31px;height:31px;border:2px solid #FFF;border-radius:100%;line-height:29px;text-align:center;font-size:22px;color:#FFF;transform:rotate(45deg);right:.23rem;top:.23rem;cursor:pointer;}
.fix_box .mains .imgs{height:45%;overflow:hidden;}
.fix_box .mains .imgs img{width:100%;max-height:5.6rem;}
.fix_box .mains .text{padding:.36rem .2rem .4rem;height:55%;}
.fix_box .mains .text h6{font-size:.18rem;color:#1d1d1d;padding:0 0 .22rem;border-bottom:1px solid #dcdcdc;margin:0 0 .24rem;}
.fix_box .mains .text .editor{font-size:.15rem;color:#777;line-height:1.8;height:75%;}
.fix_box .mains .text .editor,.fix_box .mains .text .editor *{transition:none;}

/*Ã§Â¿Â»Ã©Â¡Âµ*/
.page {margin:.4rem 0 0;}
.page a{display:inline-block;margin:0 4px;width:.31rem;height:.31rem;background:#e0e0e0;line-height:.31rem;font-size:.16rem;color:#393737;}
.page a.page-item{width:auto;height:auto;background:none;color:#8d8d8d;margin:0 .17rem;}
.page a.page-num-current{background:#000;color:#FFF}
/**/
.case_box{padding:0 0 1.7rem;background:#f8f8f8;}
.case_box .menus{border-bottom:1px solid #dcdcdc;padding:.31rem 0 .25rem;}
.case_box .menus li{display:inline-block;vertical-align:middle;padding:0 5px 0 0;}
.case_box .menus li a{display:block;font-size:.2rem;color:#000;padding:0 .7rem;line-height:.68rem;border-radius:35px;}
.case_box .menus li.on a{background:#000;color:#FFF}
.case_box .title{padding:0 0 .37rem;margin:0 0 .5rem;border-bottom:1px solid #dcdcdc;text-align:center}
.case_box .title h3{font-size:.3rem;color:#000}
.case_box .title p{font-size:.18rem;color:#717171;margin:.2rem 0 0;text-transform:uppercase;}
.case_box .lists li{padding:0 5px;margin:0 0 .61rem;}
.case_box .lists li a{display:block;background:#FFF;position:relative;padding:0 0 .51rem}
.case_box .lists li .imgs{overflow:hidden;}
.case_box .lists li img {width:100%;height:2.9rem;object-fit:cover;transition:none;}
.case_box .lists li p{padding:.36rem 0 .19rem;font-size:.18rem;color:#2a2a2a;border-bottom:1px solid #e8e8e8;margin:0 .23rem;}
.case_box .lists li a:hover {box-shadow:6px 6px 8px rgba(0,0,0,.1);transform:translateY(-5px)}

.job_box{background:#f8f8f8;padding:0 0 1.25rem;}
.job_box .title{padding:0 0 .37rem;margin:0 0 .5rem;border-bottom:1px solid #dcdcdc;text-align:center}
.job_box .title h3{font-size:.3rem;color:#000}
.job_box .title p{font-size:.18rem;color:#717171;margin:.2rem 0 0;text-transform:uppercase;}
.job_box .lists li{padding:0 5px;margin:0 0 .23rem;}
.job_box .lists li a{display:block;background:#FFF;padding:.43rem .32rem .6rem;}
.job_box .lists li span{font-size:.14rem;color:#757575}
.job_box .lists li h5{font-size:.24rem;color:#000;margin:.23rem 0 .25rem;padding:0 0 .35rem;border-bottom:1px solid #e5e5e5}
.job_box .lists li p{font-size:.16rem;color:#606060;margin:0 0 .2rem;}
.job_box .lists li em{display:inline-block;margin:.3rem 0 0;font-size:.16rem;color:#606060;background:#e5e5e5;padding:.12rem .21rem;}
.job_box .lists li a:hover em{background:#000;color:#FFF}
.show_news .apply{border-top:1px solid #dcdcdc;margin:.35rem 0 0;padding:.35rem 0 0;}
.show_news .apply a{display:inline-block;background:#000;font-size:.16rem;color:#FFF;padding:.13rem .21rem;}
.show_news .apply a i{padding-left:.15rem;font-size:.18rem;}

.news_box{padding:0 0 1.2rem;}
.news_box .menus{border-bottom:1px solid #dcdcdc;padding:.31rem 0 .25rem;}
.news_box .menus li{display:inline-block;vertical-align:middle;padding:0 5px 0 0;}
.news_box .menus li a{display:block;font-size:.2rem;color:#000;padding:0 .7rem;line-height:.68rem;border-radius:35px;}
.news_box .menus li.on a{background:#000;color:#FFF}
.news_box .top_news{margin:0 0 .75rem;}
.news_box .top_news a>div{display:inline-block;vertical-align:top;width:65%}
.news_box .top_news .text{padding:0 .75rem 0 0;}
.news_box .top_news .text span{font-size:.3rem;color:#000}
.news_box .top_news .text h6{font-size:.24rem;color:#282828;margin:.4rem 0 .2rem;}
.news_box .top_news .text p{font-size:.17rem;color:#5c5b5b;padding:.16rem 0 .6rem .28rem;border-left:4px solid #eee;margin:0 0 .45rem;line-height:1.8}
.news_box .top_news .text em{display:block;background:#e1e0e0;border-radius:5px;padding:.12rem 0;text-align:center}
.news_box .top_news .text em img{max-width:.24rem;transition:none;}
.news_box .top_news .imgs{width:35%;overflow:hidden}
.news_box .lists li {margin:0 0 .36rem;}
.news_box .lists li a {display:block;position:relative;overflow:hidden;background:#f5f5f5;font-size:0}
.news_box .lists li a>div{display:inline-block;vertical-align:middle;}
.news_box .lists li .img {width:33.5%;overflow:hidden}
.news_box .lists li .text {width:66.5%;padding:0 .65rem 0 .45rem;}
.news_box .lists li .text span {font-size:.14rem;color:#686868;font-weight:bold;}
.news_box .lists li .text h5{font-size:.18rem;color:#262626;padding:.26rem 0 .2rem;}
.news_box .lists li .text p{font-size:.16rem;color:#5d5d5d;margin:0 0 .63rem;}
.news_box .lists li .text em {font-size:.15rem;color:#606060;border-bottom:1px solid #a0a0a0;padding:0 0 7px;}
.news_box .lists li a:hover {background:#00a0e9;transform:translateY(-10px);box-shadow:6px 6px 15px rgba(0,0,0,.12)}
.news_box .lists li a:hover .text>*{color:#FFF}
.news_box .lists li a:hover .text em {border-color:#FFF}.news_box .more{margin:.3rem 0 0;transition:none;}
.news_box .more a{display:block;background:#e1e0e0;border-radius:5px;text-align:center;line-height:.49rem;}
.news_box .more a img {width:.42rem;transition:none;}

.contact_box{background:#f7f7f7;padding:0 0 .85rem;}
.contact_box .title{margin:0 0 .55rem;text-align:center}
.contact_box .title h3{font-size:.3rem;color:#000}
.contact_box .title p{font-size:.18rem;color:#717171;text-transform:uppercase;margin:.15rem 0 0;}
.contact_box .mains{}
.contact_box .mains>div{background:#FFF;padding:.45rem .4rem}
.contact_box .mains>div>div{display:inline-block;vertical-align:middle;width:53%}
.contact_box .mains .text {padding:0 .45rem 0 0;}
.contact_box .mains .text .name {margin:0 0 .65rem;}
.contact_box .mains .text .name h6{font-size:.36rem;color:#333;font-weight:bold;}
.contact_box .mains .text .name p{font-size:.18rem;color:#515151;margin:0}
.contact_box .mains .text .editor p{margin:0 0 .15rem;font-size:.18rem;color:#383838;}
.contact_box .mains .text .editor p img {width:.41rem;transition:none;margin-right:.12rem;}
.contact_box .mains .map{width:47%}
.contact_box .mains .map #container{height:5.02rem;min-height:350px;}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.1rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .m_langs a{background:#787878}
.m-header .dl-menuwrapper button{color:#787878}
.m-header .dl-menuwrapper button.dl-active{color:#FFF}
.m-header .dl-menuwrapper ul{background:#333}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;border-bottom:0}
/**************************/
@media(max-width:1750px){
	.header .items .tel p{font-size:.22rem;}
}
@media(max-width:1440px){
	.tem_index_about .text{padding-left:1.6rem;}
	.footer .navlist dl:last-child dd.tel{font-size:.26rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.tem_index_about .text{padding-left:.45rem;}

}
/********mobile*********/
@media(max-width:767px){
    .tem_index_about>div{display:block;width:100% !important}
    
	.tem_index_about .text{padding-left:.25rem;}
	.tem_index_about .text li {display:inline-block;vertical-align:top;width:33.3333%;margin:0 0 .5rem}
	.tem_index_about .text ol{padding:.4rem 0;background:none;}
	.tem_index_about .itembox > div .infos{left:.45rem;}
	
	.tem_index_news .mains > div,.footer > div > div{display:block;width:100% !important;}
	.tem_index_news .mains .comnews{padding:.3rem .45rem .6rem;}
	.tem_index_news .mains .indnews{padding:.3rem .45rem .6rem;}
	.tem_index_news .mains .indnews .list li {padding:0 !important;}
	.footer .navlist{display:none;}
	.culture .editor > div{margin:0 0 .35rem;}
	.culture > div > div{display:block;width:100% !important;}
	.culture .title,.honor .title{text-align:center;margin:0 0 .65rem;}
	.honor > div > div{display:block;width:100% !important;}
	.news_box .top_news a > div{display:block;width:100% !important;}
	.news_box .top_news .text{padding:0;margin:0 0 .6rem;}
	.contact_box .mains > div > div{display:block;width:100% !important;}
	.contact_box .mains .map{margin:.35rem 0 0}
	.news_box .lists li .img{width:100%}
	.news_box .lists li .text{width:100%;padding:.2rem}
}