@charset "utf-8";
:root{
	--hover:#1B72B8;
	--pd:2rem
}
.break{word-wrap:break-word;word-break:normal;word-break:break-all}
.wap{display:none}
html{font-family:Helvetica Neue,"微软雅黑",Verdana, Arial, Helvetica, sans-serif}
a{position:relative;overflow:hidden}a:before{clear:both;content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.1);opacity:0}
a:hover:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:fadeIn;animation-name:fadeIn}
.body{width:98%;max-width:1260px;margin:0 auto;position:relative}ul,li{list-style-type:none;margin:0;padding:0}
#head{position:fixed;z-index:4;left:0;top:0;right:0;background:rgba(255,255,255,.5)}#head>.body{height:70px}
#head a{color:#333;font-size:1.1rem}#head a.focus,#head.color a.focus{color:orange}
#head .logo{font-size:1.7rem}#head .logo img{display:block;max-height:70%;margin:0;margin-right:1rem}
#head ul li{position:relative;margin-left:1rem;overflow:visible;z-index:1}#head ul li>a{display:block;height:100%;line-height:70px}
#head ul a:not(.focus):hover{color:var(--hover)}
#head ul li div{background:rgba(255,255,255,.5);position:absolute;right:-4rem;top:70px;left:-4rem;border-radius:0 0 5px 5px;height:0;overflow:hidden}
#head ul li:last-child div{left:-70px;right:0}
#head ul li:hover div{height:auto;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:flipInY;animation-name:flipInY}
#head ul li div a{display:block;padding:0 1rem;line-height:2.7;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);font-size:.9rem}
#head ul li div a:hover{background-color:rgba(0,0,0,.01)}
#head ul li div a:last-child{border-bottom:0}
#head ul li i{display:block;line-height:70px;cursor:pointer;font-size:1.2rem;position:relative;z-index:3}
#head ul li a[href="msg"]{display:inline-block;background-color:rgba(13,71,160,.6);font-size:.9rem;color:#fff;line-height:normal;padding:.4rem .7rem;padding-left:2rem;border-radius:5px;position:relative;cursor:pointer;height:inherit}#head ul li a[href="msg"]:after{clear:both;content:"\e61c";font-family:"iconfont";position:absolute;left:.7rem;top:.55rem}
#head li span{position:absolute;z-index:2;background-color:#fff;right:-1.35rem;top:15px;height:40px;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);width:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}
#head li span input{border:0;height:100%;padding:0 1.5rem;background-color:#fff;width:100%}
#btkw.show+span{padding-right:4rem;-webkit-animation-name:kwidth1;animation-name:kwidth1}
#btkw.unshow+span{padding-right:4rem;-webkit-animation-name:kwidth2;animation-name:kwidth2}

#head.color{background-color:#1B72B8;color:#fff}#head.color a.logo{color:#fff}#head.color ul li div{background:rgba(27,114,184,.8)}
#head.color ul li div a{color:#fff}#head.color ul li div a:hover{color:orange}
#head.color li>a{color:#fff}#head.color li>a:not(.focus):hover{color:#fff;text-decoration:underline}
#head.color #btkw.show{color:#333}

@-webkit-keyframes kwidth1{0%{width:0;opacity:0}50%{width:14.5rem;opacity:1}100%{width:14rem;opacity:1}}
@keyframes kwidth1{0%{width:0;opacity:0}50%{width:14.5rem;opacity:1}100%{width:14rem;opacity:1}}
@-webkit-keyframes kwidth2{from{width:14rem;opacity:1}to{width:0;opacity:0}}
@keyframes kwidth2{from{width:14rem;opacity:1}to{width:0;opacity:0}}

#copyright{background-color:#044871;color:#fff}
#copyright ul{padding:var(--pd) 0}#copyright ul a{color:rgba(255,255,255,.7);display:block;line-height:1.5}#copyright ul a:hover{color:rgba(255,255,255,1)}
#copyright ul li>a:first-child{font-weight:600;margin-bottom:.5rem;color:rgba(255,255,255,.8)}
#copyright ul li{position:relative;overflow:hidden}#copyright ul li+li{margin-left:5rem}#copyright ul li:last-child{margin-left:0}
.copyright{border-top:1px solid rgba(255,255,255,.1);padding:calc(var(--pd) / 2) 1rem;text-align:center;font-size:.8rem;color:rgba(255,255,255,.8)}
#copyright ul li.flex_item{padding-left:7rem}
#copyright ul li.flex_item div{text-align:right}#copyright ul li.flex_item div+div{margin-top:.5rem}
#copyright ul li.flex_item a{display:inline-block}
.icon{padding-left:1.5rem;display:inline-block;font-weight:400}
.icon:after{clear:both;font-family:"iconfont";display:inline-block;opacity:1;position:absolute;left:0;top:1px}
.addr:after{content:"\e634"}.mail:after{content:"\e65c"}.tel:after{content:"\e6a3"}.qq:after{content:"\e876"}

#lunxian{display:block;position:relative;z-index:1;margin:0;height:75vh;overflow:hidden}
#lunxian .swiper-wrapper{position:relative;width:100%;height:100%}
#lunxian .swiper-slide{display:block;height:100%;width:100%;background-repeat:no-repeat;background-position:left top;background-size:cover}
#lunxian .swiper-slide>div{height:100%}
#lunxian .swiper-slide>div>div{width:60%;color:#fff;line-height:2;font-size:1.2rem}
#lunxian .swiper-slide p{font-size:2.5rem;margin-bottom:var(--pd);line-height:normal;text-shadow:0 0 5px rgba(0,0,0,.3)}
#lunxian .swiper-slide.swiper-slide-active p{-webkit-animation-name:lunxianshouw;animation-name:lunxianshouw;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:inherit}
#lunxian .swiper-slide.swiper-slide-active>div>div div{-webkit-animation-name:lunxianshouw2;animation-name:lunxianshouw2;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:inherit}
@-webkit-keyframes lunxianshouw{from{-webkit-transform:translateX(-150px);transform:translateX(-150px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes lunxianshouw{from{-webkit-transform:translateX(-150px);transform:translateX(-150px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes lunxianshouw2{from{-webkit-transform:translateX(300px);transform:translateX(300px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes lunxianshouw2{from{-webkit-transform:translateX(300px);transform:translateX(300px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width:var(--pd);height:8px;border-radius:4px}
#head a:before,#lunxian a:before,#copyright a:before{display:none}

.title{line-height:normal;text-align:center;font-size:1.4rem;color:var(--hover);text-transform:capitalize;padding:var(--pd) 0}
.title.left{text-align:left}
.title p{font-size:1.9rem;font-weight:600}
.title .desc{color:#999;font-size:.9rem;width:60%;margin:0 auto;margin-top:calc(var(--pd) / 2)}
a.bt{display:inline-block;padding:0 var(--pd);color:#fff;background-color:var(--hover);font-size:1rem;line-height:3rem;cursor:pointer}
a.bt2{display:inline-block;padding:0 var(--pd);color:var(--hover);border:1px solid var(--hover);font-size:1.2rem;line-height:3rem;cursor:pointer}
a.bt:after,a.bt2:after{clear:both;content:"\3000\2192";opacity:.5}a.bt2:after{opacity:1}
a.disabled{background-color:#999;color:#666}

.index_product{overflow:hidden;position:relative}.index_product .swiper-wrapper{position:relative;z-index:1}
.productlist{display:block;background-color:#fff;text-align:center;position:relative;padding:1rem;color:#333;z-index:1}
.productlist p{text-align:left}.productlist p+p{margin-top:.5rem}
.productlist div{width:100%;position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#f8f8f8}
.pro_prv,.pro_next{display:inline-block;width:3rem;height:3rem;position:absolute;z-index:2;overflow:hidden;top:25%;left:0;background-color:#fff;border-radius:50%;cursor:pointer;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.pro_next{left:auto;right:0}
.pro_prv:before,.pro_next:before{clear:both;content:"\e6c0";font-family:"iconfont";display:block;position:absolute;left:0;right:0;top:0;bottom:0;text-align:3rem;line-height:3rem;text-align:center;font-size:1.5rem;color:var(--hover)}
.pro_next:before{transform:rotate(180deg)}
.pro.swiper-button-disabled:before{color:#ccc}
.pro:hover{background-color:#f8f8f8}

.aboutbox{background-color:#fff;padding:var(--pd) 0 calc(var(--pd) * 2) 0;overflow:hidden;font-size:1.2rem;line-height:2;text-align:justify}
.aboutbox .body img{border-radius:1.5rem 0 3rem 0;max-width:100%}.aboutbox a{color:#333}
.aboutbox .body>div:first-child{width:40%;margin-right:var(--pd)}

.shilibox{padding:calc(var(--pd) * 1.5) 0;background-repeat:no-repeat;background-color:#001819;background-position:right bottom;background-size:contain;color:#fff;background-image:-o-linear-gradient(330deg,#001819 0%,#003C7C 100%);background-image:linear-gradient(120deg,#001819 0%,#003C7C 100%)}
.shilibox .flex_item{text-align:center}
.shilibox a{display:inline-block;width:55%;overflow:hidden;text-align:center;font-size:1.2rem;color:#fff;font-weight:600}
.shilibox a div{width:100%;height:0;padding-bottom:calc(100% - 16px);border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:75%;background-color:#fff;border:8px solid #ddd;margin-bottom:1rem}
.shilibox a p{font-weight:600}
/*
.shilibox a{display:inline-block;height:10rem;width:10rem;background-color:#fff;border-radius:50%;overflow:hidden;margin:0;text-align:center;line-height:5rem;font-size:1.2rem;color:var(--hover);font-weight:600;text-shadow:0 0 5px rgba(0,0,0,.3)}
.shilibox a div{position:absolute;left:.5rem;top:.5rem;right:.5rem;bottom:.5rem;background-color:#eee;border-radius:50%;z-index:1;background-repeat:no-repeat;background-position:right bottom;background-size:cover}
.shilibox a p{position:relative;z-index:2}

*/

.fuwubox{counter-reset:NO;padding-bottom:var(--pd)}
.fuwubox>a{background-color:#fff;border-top:2px solid var(--hover);padding:var(--pd);color:#333;text-align:center;display:block}
.fuwubox>a:after{clear:both;content:counter(NO);counter-increment:NO;display:inline-block;width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem;border-radius:50%;border:2px solid #eee;color:#ddd;font-size:.9rem}
.fuwubox>a .pic{display:inline-block;width:4rem;height:4rem;margin-bottom:var(--pd);background-repeat:no-repeat;background-position:right bottom;background-size:cover;border:2px solid #ddd;border-radius:50%}
.fuwubox>a+a{margin-left:var(--pd)}
.fuwubox>a p{font-weight:600;font-size:1.2rem}
.fuwubox>a .desc{color:#999;font-size:.9rem;margin:var(--pd) 0;line-height:1.6;text-align:justify}

.newbox{background-color:#fff;padding:var(--pd) 0 calc(var(--pd) * 2) 0;overflow:hidden;font-size:1.2rem;line-height:2;text-align:justify}
.newbox .flex_item{margin-right:var(--pd)}.newbox .flex_item:last-child{margin-right:0}
.newbox a{background-color:#eee;padding:var(--pd);display:block;width:100%;color:#333}
.newbox a:after{clear:both;content:"More >>";display:block;font-size:1rem}
.newbox a+a{margin-top:calc(var(--pd) / 2)}
.newbox .date{font-weight:600;color:#666}.newbox .date:before{clear:both;content:"\e656\20";font-family:"iconfont";font-weight:400;opacity:.5}
.newbox .flex_item p{color:var(--hover);line-height:normal;margin-top:calc(var(--pd) / 2);border-bottom:1px solid #ddd;padding-bottom:calc(var(--pd) / 2)}
.newbox .flex_item .desc{font-size:.9rem;color:#999;line-height:1.5;margin:calc(var(--pd) / 2) 0}
.newbox .pic{width:100%;height:0;padding-bottom:50%;background-repeat:no-repeat;background-position:center;background-size:cover;margin-top:calc(var(--pd) / 2)}

#nextmenu{background-color:#eee;border-bottom:1px solid #ddd;overflow:hidden}
#nextmenu .body{text-align:center}
#nextmenu .body:before{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border-left:1px solid #ddd}
#nextmenu .body:after{clear:both;content:"";position:absolute;left:0;right:0;top:0;height:65px;z-index:1;border-bottom:1px solid #ddd}
#nextmenu a{display:block;height:65px;line-height:65px;color:#333;font-size:1.2rem;width:calc(100% / 8);text-align:center;border-right:1px solid #ddd;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;z-index:2}
#nextmenu a.focus{background-color:#1B72B8;color:#fff}
#nextmenu .body div{height:65px;width:100%;line-height:65px;color:#333;font-size:1.3rem;background-color:#eee;position:relative;z-index:3;text-align:left}

.picbox{padding:calc(var(--pd) * 2) 0 var(--pd) 0}
.picbox>a{display:block;width:calc((100% - var(--pd) * 3 ) / 4);margin:0 var(--pd) var(--pd) 0;background-color:#fff;position:relative;overflow:hidden;border:8px solid #ddd}
.picbox>a:nth-child(4n){margin-right:0}
.picbox>a div{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;padding-bottom:70%;border:1px solid #fff}
.picbox>a p{position:absolute;left:1px;right:1px;bottom:1px;z-index:2;padding:1rem;color:#fff;background-color:rgba(27,114,184,.6);text-align:center}
.picbox>a:hover{border-color:rgba(27,114,184,.6)}

#showany{position:fixed;z-index:9;left:0;top:0;right:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3.5rem 5%;background-color:rgba(0,0,0,.4);-webkit-animation-name:opacityshow;animation-name:opacityshow;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#showany>div{width:100%;height:100%;overflow:hidden;-webkit-animation-name:upbit;animation-name:upbit;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:#f8f8f8;padding:0}#showany>div>*{max-width:100%;max-height:100%}
#showany>div#yema{height:2.5rem;position:absolute;bottom:0;left:0;right:0;text-align:center;background:none}
#showany a.showanyclose{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.6);border-radius:50%;text-align:center;line-height:1.9rem;cursor:pointer;color:#fff}#showany a.showanyclose:hover{color:yellow;border-color:yellow}
#showany a.showanyclose:after{clear:both;content:"\e692";font-family:"iconfont";font-weight:600;font-size:.8rem}
@-webkit-keyframes upbit{from{-webkit-transform:translate3d(0,40px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes upbit{from{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
#showany>div#yema a,#showany>div#yema span{display:inline-block;margin-right:1rem;line-height:1.5rem;vertical-align:middle;color:#fff}
#showany>div#yema a{width:1.5rem;height:1.5rem;border:1px solid #fff;border-radius:50%;position:relative;overflow:hidden;cursor:pointer}
#showany>div#yema span{font-size:1.2rem}
#showany>div#yema span:after{clear:both;content:"\3000/\3000"attr(data-num);color:#ccc;font-size:1rem}
#showany>div#yema a:last-child{margin-right:0}
#showany>div#yema a:before{clear:both;content:"\e64d";font-family:"iconfont";opacity:1}
#showany>div#yema a.prev{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#showany>div img{border:.5rem solid var(--bgcolor);max-width:55%;max-height:80%}
#showany>div img.load{border:0;width:20px;height:20px;-webkit-animation:e 1s steps(12) infinite;animation:e 1s steps(12) infinite}

.jobbox{padding:calc(var(--pd) * 1) 0;background-color:#fff}.job_page1 div.mywrap{width:66.66666666%;margin-right:2rem}
.job_block{background-color:#f2f2f2;position:relative;overflow:hidden;color:#333}.job_block .txt{padding:1.5rem;line-height:1.8}
.job_page1 div.mywrap .job_block{width:calc(50% - 1rem);margin-right:2rem;margin-bottom:2rem}
.job_page1 div.mywrap .job_block:nth-child(2n){margin-right:0}
.job_page1 div.mywrap .job_block:nth-child(3),.job_page1 div.mywrap .job_block:nth-child(4){margin-bottom:0}
.job_block .img{width:100%;height:0;padding-bottom:50%;position:relative;overflow:hidden}
.job_block .img:before{clear:both;content:"";position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;background-color:rgba(0,141,255,.7)}
.job_block .img:after{clear:both;content:"";position:absolute;z-index:3;left:50%;top:50%;font-size:1.5rem;font-weight:300;color:#fff;transform:translate(-50%,-50%);-webkit-text-decoration:underline 1px;text-decoration:underline 1px;text-underline-offset:1rem;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;color:#fff}
.job_block:nth-child(1) .img:after{content:"Talent Philosophy"}

.joblist{}

.mywrap .job_block:nth-child(1) .img>div{background-image:url("../img/job_2.jpg")}
.mywrap .job_block:nth-child(2) .img>div{background-image:url("../img/job_3.jpg")}
.mywrap .job_block:nth-child(3) .img>div{background-image:url("../img/job_4.jpg")}
.mywrap .job_block:nth-child(4) .img>div{background-image:url("../img/job_5.jpg")}

.mywrap .job_block:nth-child(1) .img:before{background-color:rgba(12,157,148,.5)}
.mywrap .job_block:nth-child(2) .img:before{background-color:rgba(246,165,30,.5)}
.mywrap .job_block:nth-child(3) .img:before{background-color:rgba(151,99,225,.5)}
.mywrap .job_block:nth-child(4) .img:before{background-color:rgba(0,172,236,.5)}

.mywrap .job_block:nth-child(1) .img:after{content:"Human Resources Vision"}
.mywrap .job_block:nth-child(2) .img:after{content:"Core Values of Human Resources"}
.mywrap .job_block:nth-child(3) .img:after{content:"Human Resource Spirit"}
.mywrap .job_block:nth-child(4) .img:after{content:"Talent Philosophy"}

.job_page1>.job_block .img{padding-bottom:80%}.job_block .img>div{background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../img/job_1.jpg");position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}
.jobline{background-image:-webkit-gradient(linear,left top, right top,from(#178867),color-stop(31%, #3d99be),to(#1B72B8));background-image:-o-linear-gradient(left,#178867 0%,#3d99be 31%,#1B72B8 100%);background-image:linear-gradient(to right,#178867 0%,#3d99be 31%,#1B72B8 100%);position:relative;overflow:hidden}.jobline .title{color:#fff;line-height:3}
.jobline:before{clear:both;content:"";position:absolute;left:-80%;top:10%;right:60%;bottom:-120%;background-color:rgba(255,255,255,.1);border-radius:50%}
.jobline:after{clear:both;content:"";position:absolute;left:10%;top:10%;right:-60%;bottom:-120%;background-color:rgba(255,255,255,.05);border-radius:50%}
.gangwei{padding:calc(var(--pd) * 2) 0}
td,th,table{border:0}th,td{padding:1rem 0;font-size:1rem}th{font-weight:600;color:var(--hover);font-size:1.1rem}
table:not(.input):not(.line) tbody tr:not(.focus):hover{background:none}
tr:first-child th{border-top:0}td.right{text-align:right}
td a{color:var(--hover);font-size:1rem}td a:before{display:none}td a:hover{text-decoration:underline}
#jobview{padding-top:var(--pd);background-color:#fff}
#jobview .body{border:1px solid #ddd;padding:calc(var(--pd) * 2);font-size:1.1rem}
#jobview h1,h2{margin-bottom:var(--pd)}#jobview h2 span{display:inline-block;margin-right:3rem}
[data-zhize]:before{clear:both;content:"Job Responsibilities：";display:block;font-weight:600;margin-bottom:calc(var(--pd) / 2);color:var(--hover)}
[data-yaoqiu]:before{clear:both;content:"Job Requirements：";display:block;font-weight:600;margin-bottom:calc(var(--pd) / 2);color:var(--hover)}
[data-zhize]{margin-bottom:var(--pd)}

#jobview2{padding:calc(var(--pd) * .5) 0 var(--pd) 0;background-color:#fff}
.joblist{line-height:4;height:4rem;background-color:#eee;font-size:1.1rem;color:#333;padding:0 var(--pd);cursor:pointer;margin-top:1rem}
.joblist:before,.joblist.focus{background-color:rgba(27,114,184,1)}
.joblist>div:last-child:after{clear:both;content:"\e61d";font-family:"iconfont";position:relative;z-index:2}.joblist>div:first-child{color:var(--hover);font-weight:600}
.joblist:hover,.joblist:hover>div:first-child,.joblist:hover>div:last-child:after,.joblist.focus,.joblist.focus>div:first-child,.joblist.focus>div:last-child:after{color:#fff}
.joblist.focus>div:last-child:after{content:"\e639"}
.jobcontent{clear:both;background-color:#eee;overflow:hidden;position:relative;display:-ms-grid;display:grid;grid-template-rows:0fr;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.jobcontent>div{overflow:hidden}.jobcontent>div>div{padding:var(--pd)}
.joblist.focus+.jobcontent{grid-template-rows:1fr}

.jobimg{padding:calc(var(--pd) * 2) 0;line-height:2;font-size:1.1rem}
.jobimg .body{background:url("../img/job_1.png") no-repeat right bottom}

.bigblock{background-color:#fff;padding:var(--pd) 0}
.bigblock a{display:block;width:calc((100% - var(--pd) * 3) / 4);margin:0 var(--pd) var(--pd) 0;background:#eee;overflow:visible}
.bigblock a:nth-child(4n){margin-right:0}
.bigblock a>div{position:relative;width:100%;height:0;padding-bottom:80%;overflow:hidden}
.bigblock a>div>div{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;left:0;top:0;right:0;bottom:0}
.bigblock a p{line-height:3;font-size:1rem;color:#333;padding:0 1rem;text-align:center}

.bigblock a.newslist{width:calc((100% - var(--pd) * 2) / 3);overflow:hidden}
.bigblock a.newslist:nth-child(4n){margin-right:var(--pd)}.bigblock a.newslist:nth-child(3n){margin-right:0}
.bigblock a.newslist>div{padding-bottom:50%}.bigblock a.newslist p{text-align:left;line-height:normal;padding:1rem;font-weight:600;font-size:1.2rem}
.bigblock a.newslist>div.desc{padding:1rem;height:auto;color:#999;padding-top:0}
.bigblock a.newslist>div.date{padding:1rem;height:auto;color:#333;font-size:.8rem}
.bigblock a.newslist>div.date:before{clear:both;content:"\e656";font-family:"iconfont";display:inline-block;margin-right:5px}
.bigblock a.newslist:after{clear:both;content:"More +";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(27,114,184,.6);z-index:2;font-size:1.5rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(101%);-ms-transform:translateY(101%);transform:translateY(101%)}
.bigblock a.newslist:hover:after{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}

.fangda .pic{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}.fangda:hover .pic{-webkit-transform:scale(1.21);-ms-transform:scale(1.21);transform:scale(1.21)}
#fenye{border-top:1px solid #ddd;padding-top:var(--pd)}#fenye span:first-child{display:none}
#fenye{text-align:right}#fenye font{background-color:#ccc;color:#999;margin-left:.5rem;vertical-align:middle}#fenye span+span{margin-left:2rem}
#fenye [data-page]{width:auto;margin:0;margin-left:.5rem;background-color:var(--hover);color:#fff;cursor:pointer;vertical-align:middle}
#fenye [data-page]:hover{color:#fff}
#fenye button{width:28px;height:28px;text-align:center;line-height:28px;position:relative}
#fenye button:before{clear:both;content:"";font-family:"iconfont";position:absolute;left:0;top:0;right:0;bottom:0}
#fenye button.first:before,#fenye button.last:before{content:"\e6c1"}#fenye button.shangye:before,#fenye button.xiaye:before{content:"\e6c0"}
#fenye button.last:before,#fenye button.xiaye:before{transform:rotate(180deg);line-height:26px}
#fenye button.first:before,#fenye button.shangye:before{line-height:26px}

#productview{background-color:#fff;padding:calc(var(--pd) * 2) 0}
#productview table{border:0;font-size:1.1rem;line-height:2}#productview td.pc div{width:90%;margin-top:1.3rem}#productview td img{display:block;width:100%}
#productview .title p a{display:inline-block;margin-left:var(--pd); vertical-align:middle}

.contentshow{padding:3rem 0}.contentshow h2{text-align:center;margin-bottom:1rem;font-size:2rem}.contentshow2{text-align:left;padding:2rem;border:1px solid #ddd;margin-top:3rem}
.editor{padding-bottom:1rem;text-align:center}
.editor span{display:inline-block;color:#666!important}.editor span+span{margin-left:2rem}
.editor span:before{clear:both;content:"";font-family:"iconfont";color:#999;display:inline-block;margin:0}
span.edit:before{content:"\e63e\20Publish："}span.view:before{content:"\e600\20Views："}span.date:before{content:"\e656\20Edit："}
.viewbox{font-size:1.1rem;line-height:2.2;text-align:justify;padding:2rem 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:1rem}
.viewbox img{margin:1rem 0}
.shang,.xia{line-height:normal;font-size:1.1rem;padding-left:4.5rem;position:relative;overflow:hidden}
.shang a,.xia a{color:#333;padding:.5rem 0;display:inline-block}
.shang span,.xia span{display:block;padding:.5rem 0}
.shang:before{clear:both;content:"Prev：";color:#666;display:block;position:absolute;left:0;top:.5rem}
.xia:before{clear:both;content:"Next：";color:#666;display:block;position:absolute;left:0;top:.5rem}
.shang a:hover,.xia a:hover{text-decoration:underline;color:var(--bgcolor)}
.shang>span,.xia>span{color:#999}

.msgbox{background-color:#fff;padding:calc(var(--pd) * 2) 0}
.msgbox form>div+div{margin-top:var(--pd)}
.msgbox .flex_item+.flex_item{margin-left:calc(var(--pd) * 2)}.msgbox .flex_item:after{right:5px}
.inputline>label{width:8rem}.inputline input,.inputline textarea{width:100%;padding:.8rem;font-size:1.1rem;border-radius:5px;min-width:1rem}
.inputline textarea{height:100px}
img{max-width:100%}strong{font-weight:600!important}
@media(max-width:1200px){
	html,body{overflow-x:hidden}
	.pc{display:none}.wap{display:block}.wap.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
	.body{width:100%;margin:0 auto;position:relative;padding:0 1rem;-webkit-box-sizing:border-box;box-sizing:border-box}
	#head{background-color:#fff;border-bottom:1px solid #ddd}#head>.body{height:50px}#head+*{margin-top:50px}
	#head ul{position:fixed;display:block;z-index:3;background-color:red;left:0;top:50px;right:0;bottom:0;background-color:rgba(0,0,0,.85);-webkit-transform:translateX(-101%);-ms-transform:translateX(-101%);transform:translateX(-101%);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
	#head ul.show{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
	#head .logo{font-size:1.2rem;color:var(--hover)}
	#topmenu{position:absolute;right:0;top:0;bottom:0;line-height:50px;padding:0 1rem}
	#topmenu:after{clear:both;content:"\e61f";font-family:"iconfont";font-size:1.2rem;color:var(--hover)}
	#head ul li>a{line-height:50px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.1rem}
	#head ul li>a.focus,#head ul li>a:hover{color:#fff}
	#head ul li{margin:0}#topmenu.close:after{content:"\e692";color:var(--hover)}
	#lunxian{height:50vw}
	#lunxian .swiper-slide>div>div{width:90%;line-height:normal;font-size:1.1rem;margin:0 auto;text-align:justify}
	#lunxian .swiper-slide p{font-size:1.5rem}
	
	.title{font-size:1.1rem}
	.title p{font-size:1.3rem}
	.title .desc{color:#999;font-size:.9rem;width:90%;margin:0 auto;margin-top:calc(var(--pd) / 2)}
	.pro_prv{left:5px}.pro_next{right:5px}
	
	.aboutbox{padding:1rem 0}
	.aboutbox .body{display:block;font-size:1rem}
	.aboutbox .body>div:first-child{width:100%;margin:0;margin-top:1rem;margin-bottom:1rem}
	.shilibox{padding:var(--pd) 0}
	.shilibox a{width:85%;font-size:1.1rem;font-weight:400}
	
	.fuwubox{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
	.fuwubox>a{border-top:4px solid var(--hover);width:calc((100% - 1rem) / 2);margin-bottom:1rem;margin-right:1rem;padding:1rem}
	.fuwubox>a:nth-child(2n){margin-right:0}.fuwubox>a+a{margin-left:0}
	.fuwubox>a .pic{width:50%;height:0;padding-bottom:50%;border-width:5px;margin-bottom:1rem}
	.fuwubox>a .desc{margin:1rem 0}
	.fuwubox>a:last-child{width:100%;margin:0;margin-bottom:1rem;padding:var(--pd)}
	.fuwubox>a:last-child .pic{border-width:8px;width:40%;padding-bottom:40%}
	
	.newbox{padding:0}.newbox .body{display:block}.newbox a{margin-bottom:1rem}.newbox a+a{margin-top:0}
	
	#nextmenu .body{padding:0}
	#nextmenu .body:before{bottom:auto;height:100px;border-left:0;border-bottom:1px solid #ddd}
	#nextmenu .body:after{clear:both;content:"";position:absolute;left:0;right:0;top:0;height:65px;z-index:1;border-bottom:1px solid #ddd}

	#nextmenu .body:after{height:50px}#nextmenu a{height:50px;line-height:50px;width:25%;font-size:1.15rem}
	#nextmenu .body div{height:50px;line-height:50px;font-size:1.1rem;padding-left:1rem;font-weight:600}
	
	.bigblock{padding:calc(var(--pd) / 2) 0}
	.bigblock a{width:calc((100% - var(--pd) / 2) / 2);margin:0 calc(var(--pd) / 2) calc(var(--pd) / 2) 0;background:#eee;overflow:visible}
	.bigblock a:nth-child(2n){margin-right:0}
	#fenye{padding-top:calc(var(--pd) / 2)}
	#productview{padding:calc(var(--pd) / 2) 0}
	table{border-right:1px solid #ddd!important;border-bottom:1px solid #ddd!important}
	td{border-left:1px solid #ddd!important;border-top:1px solid #ddd!important}
	td table,td td{border:0!important}
	
	.msgbox{padding:calc(var(--pd) / 2) 0}
	.msgbox .flex:not(.inputline){display:block}
	.msgbox form>div+div{margin-top:calc(var(--pd) / 3)}
	.msgbox .flex_item+.flex_item{margin-left:0;margin-top:calc(var(--pd) / 3)}
	.inputline>label{width:5rem;line-height:3rem}
	
	.bigblock a.newslist{width:100%;margin:0;margin-bottom:calc(var(--pd) / 2)}
	.bigblock a.newslist:nth-child(4n){margin-right:0}.bigblock a.newslist:nth-child(3n){margin-right:0}
	.contentshow h2{font-size:1.5rem}.editor{font-size:.9rem}.editor span+span{margin-left:1rem}
	
	.picbox{padding:calc(var(--pd) / 2);background-color:#fff}
	.picbox>a{display:block;width:calc((100% - var(--pd) / 2 ) / 2);margin:0 calc(var(--pd) / 2) calc(var(--pd) / 2) 0;border:5px solid #ddd}
	.picbox>a:nth-child(4n){margin-right:0}.picbox>a:nth-child(2n){margin-right:0}
	#showany>div img{border:.5rem solid var(--bgcolor);max-width:90%;max-height:70%}
	#jobview2{padding:1px 0 calc(var(--pd) / 2) 0;background-color:#fff}
}