@font-face{font-family:'Oswald';src:url('../font/Oswald-Regular.eot'); /*IE9*/src:url('../font/Oswald-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */  
  url('../font/Oswald-Regular.woff') format('woff'), /* Modern Browsers */
  url('../font/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/Oswald-Regular.svg') format('svg'); /* Legacy iOS */font-style:normal;font-weight:400;}

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;}

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
html{font-size:100px;}
body{background-color:#fff;color:#333;font:100%/1.875em Arial,'Microsoft Yahei';overflow-x:hidden;width:100%;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#e77817;}
a img{border:none;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:Arial,'Microsoft Yahei';}
input:focus{outline:none;}
textarea{resize:none;}
input[type='text']::-moz-placeholder{opacity:1;}
input[type='text']:-moz-placeholder{opacity:1;}
input[type='text']::-webkit-input-placeholder{opacity:1;}
input[type='text']:-ms-input-placeholder{opacity:1;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:1%;border:1px solid #e4e4e4;box-sizing:border-box;}

/*全局样式*/
.inner{width:1400px;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.rows{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
#wrapper{font-size:16px;line-height:1.875em;overflow:hidden;}

/* Slider */
.slick-load{display:none;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;font-size:0;line-height:normal;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none;}
.slick-arrow{overflow:hidden;display:inline-block;text-indent:-99999em;font-size:0;border-radius:50%;background:no-repeat 0 0;background-size:100% auto;width:58px;height:58px;border:1px solid transparent;cursor:pointer;}
.slick-dots{font-size:0;line-height:normal;}
.slick-dots button{display:block;border:none;background-color:transparent;cursor:pointer;font-size:0;}

/*header*/
#header{position:absolute;left:0;top:0;width:100%;z-index:10;padding:.4rem 0;transition:background .3s;}
#header .inner{position:relative;}

/*logo*/
#logo{float:left;position:relative;width:165px;}
#logo h1{padding-bottom:24.24242424%;position:relative;}
#logo a{display:block;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-99999em;background:url(../image/logo.png) no-repeat left center;background-size:contain;}

/*banner*/
#banner{border-bottom-right-radius:1.6rem;overflow:hidden;position:relative;}
#banner .pic{padding-bottom:31.77083333%;background:no-repeat center center;background-size:cover;}
#banner .wap{display:none;}
#banner .text{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);margin-top:.4rem;}
#banner h2{font-size:.48rem;color:#e77817;line-height:1.5em;margin-bottom:.1rem;letter-spacing:0.8px;}
#banner pre{font-size:.18rem;color:#f9bf00;line-height:1.5em;letter-spacing:9px;}

/*mouse*/
@keyframes mouse{
  0%{transform:translateY(0);}
  33%{transform:translateY(15%);}
  66%{transform:translateY(-20%);}
  100%{transform:translateY(0);}
}
#mouse{width:25px;position:absolute;left:50%;transform:translateX(-50%);bottom:.4rem;}
#mouse i{display:block;overflow:hidden;padding-bottom:152%;background:url(../image/icon_mouse.png) no-repeat center center;background-size:contain;animation:mouse 4s linear infinite 0s;}

/*topBtn*/
#topBtn{position:absolute;right:0;top:0;width:50px;height:50px;}

/*navBtn*/
#navBtn{position:fixed;right:auto;top:auto;text-align:center;cursor:pointer;font-size:16px;color:#999;visibility:hidden;line-height:1.25em;}
#navBtn .btn{width:50px;height:50px;position:absolute;top:0;left:auto;display:block;transition:all .3s;}
#navBtn i,#navBtn i:before,#navBtn i:after{display:block;position:absolute;height:2px;background-color:#e77817;border-bottom:1px solid #f0ac6f;border-radius:1.5px;transition:all .3s;}
#navBtn i{left:20%;top:50%;width:44%;transform:translateY(-50%);}
#navBtn i:before,#navBtn i:after{content:'';left:0;width:136.36363636%;top:0;margin-top:-50%;}
#navBtn i:after{margin-top:50%;}
#navBtn .text{display:none;margin-top:16%;}
#navBtn.active .btn{background-color:#e77817;}
#navBtn.active i{background-color:#e77817;border-bottom-color:#e77817;}
#navBtn.active i:before,#navBtn.active i:after{background-color:#fff;border-bottom:none;top:50%;margin-top:0;}
#navBtn.active i:before{transform:rotate(45deg);}
#navBtn.active i:after{transform:rotate(-45deg);}
#navBtn.active .text{display:block;}

/*nav*/
#nav{position:fixed;left:0;top:-150%;width:100%;height:7.6rem;box-shadow:0px 2px 6px rgba(202,202,202,0.15);text-align:center;z-index:9;opacity:0;transition:all .3s;}
#nav .inner{display:table;table-layout:fixed;width:100%;height:100%;position:absolute;left:0;top:0;}
#nav .item{display:table-cell;vertical-align:middle;transition:all .3s;padding:1.5%;background-color:#eee;}
#nav .item:hover{background-color:rgba(220,140,35,.85);}
#nav .icon{width:40px;margin:0 auto .3rem;}
#nav .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#nav h2{font-size:.3rem;font-weight:normal;line-height:1.25em;transition:all .3s;}
#nav ul{margin-top:7.62195122%;display:none;overflow:hidden;}
#nav li{font-size:16px;line-height:1.875em;padding:5.71646341% 0;}
#nav li a{color:#fff;display:block;overflow:hidden;}
#nav li a:hover{color:#df6808;}
#nav .on h2{font-weight:bold;}
#nav .on a{color:#fff;}
#nav .on a:hover{opacity:.85;}

/*body*/
body.active #nav{top:0;opacity:1;}
body .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:77.85714286%;left:11.07142857%;bottom:0;border-radius:2.5px;}
body .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:5px;}
body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:5px;margin:0;background-color:#e4e4e4;}
body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:5px;margin:0;border-radius:2.5px;}

/*shadow*/
.shadow{position:relative;display:block;}
.shadow:before{width:100%;height:100%;background-color:#f7f7f7;background-color:rgba(0,0,0,0.03);right:-4px;bottom:-4px;content:'';display:block;position:absolute;}
.shadow .box{border:1px solid #e5e5e5;position:relative;z-index:2;background-color:#fff;overflow:hidden;}

/*contact*/
.contact{padding:.7rem 0 .85rem;overflow:hidden;}
.contact:nth-child(2n){background-color:#fffcfa;}

/*contactMap*/
.contactMap{width:48.21428571%;float:right;}
.contactMap .shadow:before{border-radius:.7rem 0 .7rem 0;}
.contactMap .box{padding-bottom:89.38714499%;border-radius:.7rem 0 .7rem 0;}
.contactMap .mapGo{position:absolute;left:0;bottom:0;width:100%;text-align:center;background-color:#eee;background-image:linear-gradient(0deg,#ddd,#eee); z-index:999;}
.contactMap .mapGo a{display:block;font-size:14px;color:#e77817;line-height:2em;padding:5px 0;z-index:5;}
.contactMap .mapGo i{font-style:normal;display:inline-block;background:url(../image/icon_21.png) no-repeat left center;background-size:auto 14px;padding-left:20px;}
.contactMap .mapBox{position:absolute!important;left:0;top:0;width:100%;height:100%;}

.contactMap .BMap_pop *{display:none;}
.contactMap .BMap_pop div:nth-child(9){display:block;}
.contactMap .BMap_pop div:nth-child(9) *{display:block;}
.contactMap .BMap_pop div:nth-child(9) .logo,.contactMap .BMap_pop div:nth-child(9) .text{display:table-cell;}
.contactMap .mapBox div:nth-child(1) div:nth-child(2) div:nth-child(3){display:none;}
.contactMap .mapInfo{color:#333;padding:7px 0;  display: table; table-layout: fixed;    width: 100%;    position: relative;display: flex;align-items: center;}
.contactMap .mapInfo:after{border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-left:-15px;}
.contactMap .logo{width:120px;vertical-align:top; display:table-cell;}
.contactMap .logo i{display:block;overflow:hidden;padding-bottom:100%;background:#fff url(../image/logo_map.png) no-repeat center center;background-size:83.333% auto;}
.contactMap .text{vertical-align:middle;padding-left:10px; display:table-cell;}
.contactMap h2{font-size:16px;font-weight:normal;line-height:1.875em;}
.contactMap p{font-size:12px;line-height:1.875em;margin:0 !important;}

/*contactText*/
.contactText{float:left;width:50%;}
.contactText h2{font-size:.3rem;font-weight:normal;line-height:1.25em;color:#e77817;position:relative;padding-bottom:4.28571429%;margin-bottom:0.71428571%;}
.contactText h2:after{width:14.28571429%;padding-bottom:0.57142857%;background:url(../image/icon_line.png) no-repeat center center;background-size:100% 100%;content:'';display:block;position:absolute;left:0;bottom:0;}
.contactText ul{overflow:hidden;}
.contactText li{overflow:hidden;margin-top:5%;display:table;table-layout:fixed;width:100%;}
.contactText .left{display:table-cell;vertical-align:middle;width:8.57142857%;}
.contactText .icon{border:2px solid rgba(230,120,23,0.1);border-top-right-radius:.2rem;}
.contactText .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:53.57142857% auto;}
.contactText .icon .name{background-image:url(../image/icon_name.png);}
.contactText .icon .tel{background-image:url(../image/icon_tel.png);}
.contactText .icon .mail{background-image:url(../image/icon_mail.png);}
.contactText .icon .fax{background-image:url(../image/icon_fax.png);}
.contactText .icon .addr{background-image:url(../image/icon_addr.png);}
.contactText .text{padding-left:2.85714286%;display:table-cell;vertical-align:middle;}
.contactText h3{font-size:.18rem;color:#999;line-height:1.5em;font-weight:normal;margin-bottom:5px;}
.contactText .name{margin:5px 0 0;}
.contactText p{font-size:.16rem;line-height:1.875em;}
.contactText span{font-size:.22rem;line-height:1.5em;}

/*footer*/
#footer{background-color:#e77817;color:#fff;padding:.8rem 0 .72rem;border-top-right-radius:1.85rem;position:relative;z-index:5;}
#footer .inner{display:table;table-layout:fixed;}
#footer .td{display:table-cell;vertical-align:bottom;text-align:right;padding-left:2.5%;}
#footer .mid{margin-bottom:10px;}
#footer a{color:#fff;}
#footer a:hover{opacity:.7;}

/*btmInfo*/
#btmInfo{width:270px;display:table-cell;vertical-align:top;}
#btmInfo .logo{margin-bottom:10%;width:62.96296296%;}
#btmInfo .logo img{display:block;width:100%;height:auto;}
#btmInfo li{font-size:16px;line-height:1.875;color:rgba(255,255,255,0.7);padding-left:30px;background:no-repeat left 0;}
#btmInfo .tel{background-image:url(../image/icon_01.png);background-position:left 6px;}
#btmInfo .mail{background-image:url(../image/icon_02.png);background-position:left 8.5px;}
#btmInfo .addr{background-image:url(../image/icon_03.png);background-position:left 3.5px;}

/*pagelist*/
#pagelist{margin-bottom:70px;}
#pagelist ul{line-height:normal;font-size:0;}
#pagelist li{display:inline-block;font-size:18px;line-height:1.5em;margin-left:5.93607306%;}
#pagelist a{padding-left:30px;background:url(../image/icon_04.png) no-repeat left center;display:inline-block;text-align:left;}

/*copyright*/
#copyright{font-size:16px;line-height:1.875em;}

/*links*/
#links{float:right;text-align:center;width:178px;border:1px solid rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.1);height:38px;line-height:38px;border-radius:40px 0 40px 0;position:relative;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
#links span{display:block;position:relative;padding-right:25px;}
#links span:after{border-top:6px solid rgba(255,255,255,0.7);border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:25px;}
#links .list{overflow:hidden;border-radius:0 40px 0 40px;position:absolute;left:-1px;bottom:110%;width:100%;border:1px solid rgba(255,255,255,0.7);background-color:#fff;display:none;padding:7px 0;}
#links ul{max-height:11em;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#links li{line-height:2.2em;}
#links a{display:block;overflow:hidden;padding-right:25px;color:#333;}

/*social*/
#social{float:right;padding:9px 25px;}
#social ul{font-size:0;line-height:normal;text-align:center;}
#social li{display:inline-block;position:relative;margin:0 25px;}
#social a{display:block;overflow:hidden;width:22px;height:22px;background:no-repeat center center;background-size:contain;text-indent:-99999em;opacity:.7;}
#social a:hover{opacity:1;}
#social .wx{background-image:url(../image/icon_wx.png);}
#social .wb{background-image:url(../image/icon_wb.png);}
#social .qr{position:absolute;left:50%;bottom:100%;margin-bottom:5px;background-color:#fff;border:1px solid #eee;padding:3px;width:100px;transform:translateX(-50%);display:none;}
#social .qr:after{background-color:#fff;width:6px;height:6px;border-right:1px solid #eee;border-bottom:1px solid #eee;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;}
#social img{display:block;width:100%;height:auto;}

/*bar*/
#bar .inner{border-bottom:1px solid #e6e6e6;overflow:hidden;padding:20px 0;}

/*breadcrumb*/
#breadcrumb{font-size:16px;color:#e77817;float:right;line-height:.76rem;}
#breadcrumb a{color:#999;}
#breadcrumb a:hover{color:#e77817;}
#breadcrumb a:first-child{padding-left:30px;background:url(../image/icon_home.png) no-repeat left center;}

/*subMenu*/
#subMenu{float:left;}
#subMenu ul{overflow:hidden;}
#subMenu li{font-size:16px;line-height:.76rem;float:left;}
#subMenu a{display:block;overflow:hidden;min-width:136px;text-align:center;color:#999;}
#subMenu a:hover{color:#e77817;}
#subMenu .cur a{background-color:#e77817;color:#fff;border-radius:0 .38rem 0 .38rem;}

/*container*/
#container{padding:1rem 0;}

/*newsList*/
#newsList{margin-bottom:2.85714286%;}
#newsList .info{display:table;table-layout:fixed;width:100%;}
#newsList .td{display:table-cell;vertical-align:middle;}
#newsList .date{width:80px;font-size:14px;line-height:1em;font-weight:bold;}
#newsList .date i{display:block;font-size:36px;font-style:normal;line-height:1em;}
#newsList time{display:block;background-color:#faf8f4;color:#cec1a6;transition:all .3s;border-top-right-radius:25px;padding:15px 0 15px 13px;}
#newsList h2{font-size:20px;font-weight:normal;line-height:1.5em;}
#newsList .excerpt{font-size:14px;color:#999;line-height:2.14285714em;}
#newsList a{display:block;position:relative;transition:all .3s;}
#newsList a:hover time{background-color:#f3ae00;color:#fff;}

/*newsTop*/
#newsTop{margin-bottom:5.71428571%;position:relative;}
#newsTop:before{border-radius:.8rem 0 .45rem 0;}
#newsTop .slick-load{position:relative;z-index:2;}
#newsTop .pic{width:50%;overflow:hidden;border-top-left-radius:.8rem;}
#newsTop .pic i{display:block;overflow:hidden;padding-bottom:56.14285714%;background:no-repeat center center;background-size:cover;transition:all .3s;}
#newsTop .text{padding:0 5.71428571%;background-color:#fff;border:1px solid #e5e5e5;border-left:none;border-bottom-right-radius:.45rem;}
#newsTop .date{margin-bottom:8.33333333%;}
#newsTop h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#newsTop .excerpt{-webkit-line-clamp:3;margin-top:2.77777778%;}
#newsTop a:hover .pic i{transform:scale(1.1);}
#newsTop .load{padding-bottom:28.21428571%;}
#newsTop .slick-dots{position:absolute;bottom:0;right:50%;margin-bottom:2.14285714%;margin-right:1.78571429%;}
#newsTop .slick-dots li{display:inline-block;margin:0 5px;}
#newsTop .slick-dots button{width:10px;height:4px;background-color:#fff;border-radius:4px 0 4px 0;transition:all .3s;text-indent:-99999em;}
#newsTop .slick-dots .slick-active button{width:.5rem;background-color:#e77817;}
#newsTop .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:12px;background:url(../image/icon_06.png) no-repeat 0 0;background-size:100% auto;}
#newsTop .slick-next{right:-3.57142857%;}
#newsTop .slick-prev{left:-3.57142857%;background-position:0 100%;visibility:hidden;}

/*newsItem*/
.newsItem{margin-bottom:2.14285714%;}
.newsItem .box{border-radius:.8rem 0 .45rem 0;padding:2.85714286% 4.28571429% 2.14285714%;}
.newsItem .date{padding:.1rem 0;}
.newsItem .content{padding:0 3.90625%;}
.newsItem h2{max-width:880px;}
.newsItem .excerpt{-webkit-line-clamp:2;max-width:880px;margin-top:1.70454545%;}
.newsItem .arrow{width:9px;}
.newsItem .arrow i{display:block;overflow:hidden;padding-bottom:166.66666667%;background:url(../image/icon_05.png) no-repeat center center;background-size:contain;}
.newsItem a:before{border-radius:.8rem 0 .45rem 0;}
.newsItem a:hover:before{background-color:#e77817;}

/*pagenavi*/
#pagenavi{font-size:0;line-height:normal;text-align:center;}
#pagenavi a{display:inline-block;height:48px;line-height:50px;border:1px solid #f0f0f0;border-radius:25px;background-color:#fff;box-shadow:0px 9px 10px rgba(155,155,155,0.18);font-size:16px;color:#666;padding:0 19.55px;margin:.07rem;vertical-align:middle;}
#pagenavi .a_first,#pagenavi .a_end{padding:0 .2555rem;}
#pagenavi .a_prev,#pagenavi .a_next{width:48px;padding:0;position:relative;}
#pagenavi .a_prev:before,#pagenavi .a_next:before{width:29.16666667%;padding-bottom:20.83333333%;background:no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:35.41666667%;top:50%;transform:translateY(-50%);}
#pagenavi .a_prev:hover:before,#pagenavi .a_next:hover:before{background-position:0 100%;}
#pagenavi .a_prev:before{background-image:url(../image/icon_prev.png);}
#pagenavi .a_next:before{background-image:url(../image/icon_next.png);}
#pagenavi a:hover,#pagenavi .a_cur{background-color:#e77817;color:#fff;border-color:#e77817;}

/*pgTitle*/
.pgTitle{text-align:center;color:#e77817;position:relative;font-weight:normal;font-size:.3rem;line-height:1.5em;padding-bottom:1.42857143%;margin-bottom:3.57142857%;}
.pgTitle:after{width:40px;height:.04rem;background-color:#e77817;content:'';display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}

/*welfare*/
#welfare .item{float:left;width:48.21428571%;padding-bottom:2.5%;}
#welfare .item:nth-child(2n){float:right;}
#welfare .shadow:before{border-radius:0.7rem 0 0.4rem 0;}
#welfare .box{border-radius:0.7rem 0 0.4rem 0;padding:4.74074074% 11.85185185% 4.44444444% 8.14814815%;}
#welfare .info{display:table;table-layout:fixed;width:100%;}
#welfare .td{display:table-cell;vertical-align:middle;}
#welfare .icon{width:60px;}
#welfare .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#welfare .text{padding-left:8.36431227%;}
#welfare h3{font-size:20px;font-weight:normal;line-height:1.5em;margin-bottom:2.31481481%;}
#welfare .intro{font-size:16px;line-height:1.875em;color:#999;}

/*training*/
#training{width:104.76190476%;}
#training .item{width:20.45454545%;padding-right:4.54545455%;float:left;}
#training .shadow:before{border-radius:0.45rem 0 0.45rem 0;right:-0.1rem;bottom:-0.1rem;}
#training .box{border-radius:0.45rem 0 0.45rem 0;padding:24% 11.66666667% 8.33333333%;overflow:visible;margin-top:.6rem;}
#training .icon{position:absolute;top:0;right:11.66666667%;transform:translateY(-50%);background-color:#fff;border:1px solid #e5e5e5;width:.98rem;border-radius:50%;}
#training .icon:before{width:120%;height:120%;left:-10%;top:-10%;content:'';display:block;position:absolute;background-color:rgba(0,0,0,0.02);border-radius:50%;}
#training .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;border-radius:50%;background-color:#fff;position:relative;z-index:1;background-size:42.85714286% auto;}
#training .num{color:#e77817;opacity:.2;font:400 0.56rem/1em 'Oswald';margin-bottom:10.96491228%;}
#training .intro{font-size:16px;line-height:1.875em;color:#888;min-height:7.5em;}
#training h3{font-size:.24rem;color:#e77817;line-height:1.5em;padding-left:.4rem;position:relative;margin-bottom:10.96491228%;}
#training h3:before{width:.2rem;height:.03rem;background-color:#e77817;content:'';display:block;position:absolute;left:0;top:.155rem;}

/*partner*/
#partner{margin-bottom:3.21428571%;}
#partner .list{width:101.78571429%;}
#partner li{float:left;width:18.24561404%;padding:0 1.75438596% 3.50877193% 0;opacity:0;}
#partner .show{opacity:1;}
#partner .shadow{display:block;}
#partner .shadow:before{right:auto;left:-5px;border-radius:0 0.85rem 0 0.85rem;}
#partner .box{display:block;padding:.115rem 0;border-radius:0 0.85rem 0 0.85rem;}
#partner i{display:block;overflow:hidden;width:63.95348837%;padding-bottom:23.25581395%;margin:0 auto;background:no-repeat center center;background-size:contain;}
#partner ul:nth-child(2n) .shadow:before{left:auto;right:-5px;border-radius:0.85rem 0 0.85rem 0;}
#partner ul:nth-child(2n) .box{border-radius:0.85rem 0 0.85rem 0;}

/*entry*/
.entry{font-size:16px;line-height:1.875em;color:#999;}
.entry img{max-width:100%;height:auto!important;}

/*about*/
#about{padding:1rem 0 .5rem;}
#about .since{font-size:.6rem;color:#ececec;line-height:1.125em;font-weight:bold;font-weight:900;margin-bottom:1.28571429%;}
#about .title{font-size:.24rem;color:#e77817;line-height:1.5em;margin-bottom:1%;}
#about .title + h5{font-size:0.16rem;font-weight:normal;margin:-1% 0 1%;}
#about .entry{line-height:2em;}

/*aboutPic*/
#aboutPic{background:no-repeat center center;background-size:cover;padding-bottom:31.25%;margin-bottom:-10.41666667%;}

/*aboutInfo*/
#aboutInfo{margin-bottom:-130px;position:relative;z-index:2;}
#aboutInfo .inner{overflow:hidden;}
#aboutInfo .title{position:relative;}
#aboutInfo h2{-o-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;-ms-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;-moz-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;-webkit-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;color:#fff;font-size:.9rem;line-height:1em;opacity:.1;}
#aboutInfo h3{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);font-size:.22rem;color:#e77817;font-weight:normal;}

/*aboutVideo*/
#aboutVideo{float:right;width:27.5%;background-color:#fff;border-radius:0 0.8rem 0 0.8rem;overflow:hidden;}
#aboutVideo .title{text-align:center;padding:.2rem 0;}
#aboutVideo .video{padding-bottom:112.98701299%;background-color:#e77817;position:relative;}
#aboutVideo video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
#aboutVideo .btn{position:absolute;left:50%;top:50%;width:.5rem;height:.5rem;margin:-0.25rem 0 0 -0.25rem;background:url(../image/icon_play.png) no-repeat center center;background-size:contain;z-index:2;cursor:pointer;transition:all .3s;}
#aboutVideo .btn:hover{transform:scale(0.9);}

/*aboutGallery*/
#aboutGallery{float:left;width:59.28571429%;padding:2.85714286% 0;}
#aboutGallery .box{border:1px solid #e77817;border-radius:0.8rem 0 0.8rem 0;margin:4.81927711% 0;padding:0 1.20481928% 0 3.61445783%;}
#aboutGallery .pic{width:43.14720812%;float:left;}
#aboutGallery .slick-load{margin:-11.76470588% 0;}
#aboutGallery .shadow:before{right:-0.1rem;bottom:-0.1rem;border-top-left-radius:.8rem;}
#aboutGallery .slick-list{border-top-left-radius:.8rem;}
#aboutGallery .item i{display:block;overflow:hidden;padding-bottom:88.23529412%;background:no-repeat center center;background-size:cover;}
#aboutGallery .info{width:50.76142132%;float:right;padding:4.44162437% 0;}
#aboutGallery .title{padding-left:.1rem;margin-bottom:7%;}
#aboutGallery h2{letter-spacing:-3px;}

/*customArrow*/
.customArrow{font-size:0;line-height:normal;}
.customArrow .slick-arrow{width:49px;height:25px;border:1px solid #e77817;display:inline-block;background:no-repeat center center;}
.customArrow .slick-arrow:hover{background-color:#e77817;}
.customArrow .slick-prev{border-radius:12.5px 0 0 12.5px;background-image:url(../image/icon_07.png);}
.customArrow .slick-prev:hover{background-image:url(../image/icon_08.png);}
.customArrow .slick-next{border-radius:0 12.5px 12.5px 0;margin-left:.1rem;background-image:url(../image/icon_05.png);}
.customArrow .slick-next:hover{background-image:url(../image/icon_04.png);}

/*jobInfo*/
#jobInfo{margin-bottom:.6rem;}

/*filter*/
#filter{border-radius:0.45rem 0 0.45rem 0;border:1px solid #eee;padding:2.64285714% 3.57142857% 3.07142857%;margin-bottom:3.57142857%;}
#filter .item{overflow:hidden;border-bottom:1px solid #eee;padding:0.92449923% 0;}
#filter h3{font-weight:normal;float:left;font-size:16px;color:#999;line-height:1.875em;}
#filter ul{margin-left:80px;overflow:hidden;}
#filter li{float:left;font-size:16px;line-height:1.875em;color:#333;padding-left:30px;}
#filter .cur{color:#e77817;}
#filter .btn{margin-top:2.31124807%;}
#filter .btn a{display:block;background-color:#e77817;color:#fff;width:1.6rem;height:.5rem;line-height:.5rem;border-radius:.25rem 0 .25rem 0;text-align:center;font-size:16px;margin:0 auto;}

/*jobList*/
#jobList{overflow:hidden;}

/*jobTop*/
#jobTop{background-color:#e77817;color:#fff;border-top-left-radius:.3rem;}

/*jobMeta*/
.jobMeta ul{display:table;table-layout:fixed;width:100%;}
.jobMeta li{display:table-cell;vertical-align:middle;text-align:center;line-height:24px;padding:1.28571429% 0;font-size:16px;}
.jobMeta .w300{width:21.42857143%;}
.jobMeta .w170{width:12.14285714%;}
.jobMeta .w80{width:5.71428571%;}
.jobMeta .name{text-align:left;padding-left:4.28571429%;}
.jobMeta .btn i{display:block;overflow:hidden;margin:0 auto;width:22px;height:22px;background:url(../image/icon_09.png) no-repeat 0 0;background-size:100% auto;}
.jobMeta .btn i.active{background-position:0 100%;}

/*jobBtm*/
#jobBtm{border:1px solid #eee;border-top:none;border-bottom-right-radius:.3rem;}
#jobBtm .jobMeta{color:#666;cursor:pointer;}

/*jobItem*/
.jobItem{border-top:1px solid #eee;}
.jobItem:first-child{border-top:none;}

/*jobIntro*/
.jobIntro{padding:2.28571429% 4.28571429% 4.28571429%;border-top:1px dashed #eee;overflow:hidden;display:none;}
.jobIntro .box{width:44.60093897%;float:left;}
.jobIntro .box:nth-child(2n){float:right;}
.jobIntro h3{font-size:16px;line-height:1.875em;color:#333;font-weight:normal;margin-bottom:5px;}
.jobIntro .intro{font-size:14px;color:#999;line-height:2.14285714em;}
.jobIntro .btn{float:left;overflow:hidden;width:44.60093897%;clear:both;}
.jobIntro .btn a{display:block;background-color:#e77817;color:#fff;width:1.3rem;height:.4rem;line-height:.4rem;border-radius:.2rem 0 .2rem 0;text-align:center;font-size:14px;margin-top:7.89473684%;}

/*recruit*/
#recruit{background-color:#fffbf8;padding:.6rem 0;margin-bottom:.7rem;}
#recruit ul{display:table;table-layout:fixed;width:100%;}
#recruit li{display:table-cell;vertical-align:middle;}
#recruit .tel{width:26.42857143%;}
#recruit .mail{width:35.71428571%;}
#recruit .info{display:table;table-layout:fixed;width:100%;}
#recruit .icon{width:60px;display:table-cell;vertical-align:middle;}
#recruit .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#recruit .text{display:table-cell;vertical-align:middle;padding-left:.25rem;}
#recruit h3{font-size:16px;color:#999;font-weight:normal;line-height:1.5em;margin-bottom:5px;}
#recruit .intro{font-size:16px;color:#333;line-height:24px;}
#recruit .tel i{background-image:url(../image/icon_10.png);}
#recruit .mail i{background-image:url(../image/icon_11.png);}
#recruit .way i{background-image:url(../image/icon_12.png);}

/*process*/
#process .box{position:relative;overflow:hidden;padding:0 6%;}
#process .box:before{width:100%;height:1px;background-color:#f1f1f1;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#process .item{width:20%;text-align:center;position:relative;float:left;}
#process .item:before{width:0.2rem;height:.2rem;background:url(../image/icon_dot.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translateY(-50%);margin-left:-0.13rem;}
#process .info{width:1.65rem;height:2rem;margin:0 auto .25rem;background:url(../image/process_bg_01.png) no-repeat center center;background-size:100% 100%;}
#process .td{position:relative;top:50%;transform:translateY(-60%);}
#process .icon{width:33.33333333%;margin:0 auto 0.12rem;}
#process .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#process h3{font-size:.16rem;color:#e77817;font-weight:normal;line-height:1.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#process .num{padding-top:.25rem;margin:0 auto;height:2rem;color:#ccc;font:bold 0.36rem/1.7rem 'Agency FB';}
#process .item:nth-child(2n) .info{background-image:url(../image/process_bg_02.png);margin-bottom:0;margin-top:.25rem;}
#process .item:nth-child(2n) .num{padding-top:0;padding-bottom:.25rem;line-height:2.5rem;}
#process .item:nth-child(2n) .td{transform:translateY(-30%);}

/*honorCat*/
#honorCat{margin-bottom:7.85714286%;}
#honorCat ul{overflow:hidden;}
#honorCat li{width:25%;text-align:center;float:left;font-size:16px;line-height:1.875em;}
#honorCat i{display:block;overflow:hidden;width:58px;height:58px;background:no-repeat 0 0;background-size:100% auto;margin:0 auto 10px;}
#honorCat a{display:block;overflow:hidden;color:#999;}
#honorCat .cur a{color:#e77817;}
#honorCat .cur a i{background-position:0 100%;}

/*honorList*/
#honorList{margin-bottom:.2rem;}
#honorList .list{font-size:0;line-height:normal;white-space:nowrap;padding-bottom:.9rem;overflow:hidden;-webkit-overflow-scrolling:touch;display:none;}
#honorList .list.first-child{display:block;}
#honorList .item{display:inline-block;vertical-align:top;width:3.2rem;margin-right:.4rem;padding-bottom:4px;white-space:normal;text-align:center;}
#honorList .item:last-child{margin-right:0;}
#honorList h3{font-weight:normal;font-size:15px;line-height:1.875em;color:#e77817;}
#honorList .meta{font-size:14px;line-height:1.875em;color:#999;}
#honorList .shadow:before{border-top-left-radius:.7rem;}
#honorList .box{padding:12.5% 9.375% 6.875%;border-top-left-radius:.7rem;}
#honorList .top{border-bottom:1px solid #e7e7e7;margin-bottom:.2rem;position:relative;padding-bottom:38px;}
#honorList .top:after{width:18px;height:18px;background:url(../image/icon_13.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:10px;}
#honorList .pic{position:relative;padding-bottom:93.02325581%;}
#honorList .pic span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#honorList img{display:block;margin:0 auto;max-width:100%;max-height:100%;position:relative;top:50%;transform:translateY(-50%);}

/*globalTitle*/
.globalTitle{text-align:center;position:relative;margin-bottom:3.57142857%;}
.globalTitle:after{width:1rem;height:.04rem;background:url(../image/icon_line.png) no-repeat center center;background-size:100% 100%;content:'';display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.globalTitle h2{-o-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;-ms-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;-moz-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;-webkit-text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;text-shadow:1px 0px 0px #e77817,0px 1px 0px #e77817,-1px 0px 0px #e77817,0px -1px 0px #e77817;color:#fff;font-size:1rem;opacity:.1;line-height:1.05em;}
.globalTitle h3{color:#e77817;font-size:.36rem;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;}

/*culture*/
#culture{margin-bottom:3.57142857%;}
#culture ul{width:102.85714286%;}
#culture li{width:22.22222222%;padding:0 2.77777778% 2.77777778% 0;text-align:center;float:left;}
#culture .shadow:before{border-radius:0.7rem 0 0.5rem 0;}
#culture .box{border-radius:0.7rem 0 0.5rem 0;padding:12.5% 12.5% 11.5625%;}
#culture .icon{width:42.01680672%;margin:0 auto 10.50420168%;}
#culture .icon i{display:block;overflow:hidden;padding-bottom:100%;border-radius:50%;background:no-repeat center center;background-size:contain;}
#culture h4{font-size:18px;color:#e77817;line-height:1.5em;margin-bottom:2.10084034%;}
#culture p{font-size:14px;color:#999;line-height:1.875em;}

/*building*/
@keyframes scaleUp{
  0%{transform:scale(1.2) translateX(50px);opacity:0;}
  20%{transform:scale(1.15) translateX(40px);opacity:0.1;}
  40%{transform:scale(1.1) translateX(30px);opacity:0.2;}
  60%{transform:scale(1.05) translateX(20px);opacity:0.4;}
  80%{transform:scale(1.01) translateX(10px);opacity:0.8;}
  100%{transform:scale(1) translateX(0);opacity:1;}
}
@keyframes scaleDown{
  0%{transform:scale(1) translateX(0);opacity:1;}
  20%{transform:scale(1.01) translateX(20px);opacity:0.8;}
  40%{transform:scale(1.05) translateX(40px);opacity:0.4;}
  60%{transform:scale(1.1) translateX(60px);opacity:0.2;}
  80%{transform:scale(1.15) translateX(80px);opacity:0.1;}
  100%{transform:scale(1.2) translateX(100px);opacity:0;}
}
@keyframes scaleCard{
  0%{top:5px;}
  100%{top:24px;}
}
@keyframes bounceInLeft{
  0%{opacity:0;transform:translateX(40px);}
  100%{transform:translateX(0);}
}
@keyframes bounceInRight{
  0%{opacity:0;transform:translateX(-40px);}
  100%{transform:translateX(0);}
}
#building .info{display:table;table-layout:fixed;width:100%;background-color:#fff;}
#building .td{display:table-cell;vertical-align:middle;}
#building .shadow:before{border-radius:0.45rem 0 0.45rem 0;}
#building .box{border-radius:0.45rem 0 0.45rem 0;}
#building .pic{width:59.3495935%;}
#building .pic i{display:block;overflow:hidden;padding-bottom:67.12328767%;background:no-repeat center center;background-size:cover;}
#building .text{padding:0 5.69105691%;}
#building h4{font-size:.22rem;color:#e77817;font-weight:normal;line-height:1.5em;margin-bottom:6.94444444%;}
#building .intro{font-size:14px;color:#999;line-height:30px;max-height:150px;-webkit-line-clamp:5;margin-bottom:30px;}
#building .list{position:relative;margin-left:12.14285714%;padding-bottom:35.07142857%;}
#building .item{position:absolute;left:0;top:0;width:100%;transition:all .3s;transform-origin:left center;}
#building .item:nth-last-child(2){left:-6.91056911%;transform:scale(0.8);}
#building .item:nth-last-child(3){left:-13.82113821%;transform:scale(0.7);}
#building .transformThis{animation:scaleDown 500ms;}
#building .transformPrev{animation:scaleUp 100ms;}
#building .listbox{position:relative;}
#building .customArrow{position:absolute;left:69%;top:75%;z-index:10;}
#building .carousel{position:relative;}
#building .slides{position:relative;}
#building .slideItem{position:absolute;cursor:pointer;}
#building .prevButton,#building .nextButton{width:49px;height:25px;border:1px solid #e77817;background:no-repeat center center;cursor:pointer;display:inline-block;position:absolute;left:69%;top:75%;z-index:10;}
#building .prevButton:hover,#building .nextButton:hover{background-color:#e77817;}
#building .prevButton{border-radius:12.5px 0 0 12.5px;background-image:url(../image/icon_07.png);}
#building .nextButton{border-radius:0 12.5px 12.5px 0;margin-left:59px;background-image:url(../image/icon_05.png);}
#building .prevButton:hover{background-image:url(../image/icon_08.png);}
#building .nextButton:hover{background-image:url(../image/icon_04.png);}

/*segment*/
#segment{float:left;padding:0 20px;}
#segment .slick-load{position:relative;padding:.4rem 0;display:block;}
#segment .slick-load:before,#segment .slick-load:after{content:'';display:block;position:absolute;top:0;}
#segment .slick-load:before{width:25px;height:25px;background:#fff url(../image/icon_clock.png) no-repeat center center;background-size:contain;left:0;top:0;border-radius:50%;z-index:2;}
#segment .slick-load:after{width:1px;height:100%;left:12px;background-color:#e7e7e7;}
#segment .box{padding:.25rem 0 .25rem 40px;position:relative;}
#segment .box:before{width:19px;height:19px;background:url(../image/icon_14.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:3px;top:50%;transform:translateY(-50%);z-index:2;}
#segment span{display:block;height:.5rem;line-height:.52rem;color:#fff;background-color:#cec1a6;border-radius:5px;width:165px;text-align:center;position:relative;font-size:18px;font-weight:bold;cursor:pointer;}
#segment span:before{content:'';display:block;position:absolute;right:100%;top:50%;transform:translateY(-50%);border-right:10px solid #cec1a6;border-top:10px solid transparent;border-bottom:10px solid transparent;}
#segment .cur .box:before{background-position:0 100%;}
#segment .cur span{background-color:#e77817;}
#segment .cur span:before{border-right-color:#e77817;}
#segment .slick-list{position:relative;z-index:2;}

/*history*/
#history{margin-left:250px;padding:4.28571429% 0;padding:4.28571429% 0 0 4.28571429%;overflow:hidden;}

/*history*/
#historyInfo{margin-bottom:7.33944954%;}
#historyInfo .item{background:no-repeat center center;background-size:cover;position:relative;padding-bottom:28.44036697%;display:none;}
#historyInfo .cur{display:block;}
#historyInfo .title{position:absolute;left:9.17431193%;top:50%;transform:translateY(-70%);width:35%;}
#historyInfo h2{font-size:.48rem;line-height:1em;color:#e77817;}
#historyInfo h3{font-size:.3rem;color:#666;line-height:1.5em;font-weight:normal;}
#historyInfo .arrow{position:absolute;right:9.17431193%;top:50%;transform:translateY(-50%);}
#historyInfo .btn{display:block;overflow:hidden;width:23px;height:47px;border:1px solid #e77817;position:relative;}
#historyInfo .btn:after{width:15px;height:9px;background:no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:4px;top:50%;margin-top:-4.5px;}
#historyInfo .btn:hover{background-color:#e77817;}
#historyInfo .btn:hover:after{background-position:0 100%;}
#historyInfo .prev{border-radius:12.5px 12.5px 0 0;margin-bottom:.3rem;}
#historyInfo .prev:after{background-image:url(../image/icon_15.png);}
#historyInfo .next{border-radius:0 0 12.5px 12.5px;}
#historyInfo .next:after{background-image:url(../image/icon_16.png);}

/*history*/
#historyList .list{white-space:nowrap;font-size:0;line-height:normal;padding-bottom:.85rem;overflow:hidden;-webkit-overflow-scrolling:touch;display:none;}
#historyList .cur{display:block;}
#historyList .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:100%;left:0;}
#historyList .mCSB_buttonLeft,#historyList .mCSB_buttonRight{display:none;width:0px;height:0px;opacity:0;}
#historyList .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0;}

/*historyItem*/
.historyItem{width:3.3rem;display:inline-block;margin-right:.5rem;white-space:normal;margin-bottom:4px;vertical-align:top;}
.historyItem:last-child{margin-right:0;}
.historyItem .shadow:before{border-radius:0.75rem 0 0.45rem 0;}
.historyItem .box{background:#fff url(../image/history_bg.png) no-repeat right bottom;background-size:59.09090909% auto;border-radius:0.75rem 0 0.45rem 0;padding:19.09090909% 10.60606061%;}
.historyItem h4{font-size:.36rem;line-height:1em;color:#cec1a6;border-bottom:1px solid #e7e7e7;padding-bottom:5.81395349%;margin-bottom:7.75193798%;}
.historyItem .intro{font-size:14px;color:#999;line-height:30px;min-height:150px;}

/*service*/
#service{margin-bottom:1.1rem;}
#service ul{overflow:hidden;}
#service li{float:left;text-align:center;}
#service .info{border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-bottom:-1px;margin-left:-1px;padding:.4rem .1rem;}
#service .top{position:relative;}
#service .num{font-size:1rem;color:#f8f8f8;line-height:.95em;font-weight:bold;}
#service .icon{position:absolute;bottom:0.1rem;left:50%;width:0.55rem;margin-left:-0.275rem;}
#service .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#service .text{font-size:16px;line-height:1.875em;color:#999;}
#service .four li{width:25%;}
#service .sixth li{width:16.666%;}
#service .five li{width:20%;}

/*serviceIntro*/
.serviceIntro{margin:0 auto 2.85714286%;font-size:16px;line-height:1.875em;color:#999;}

/*feature*/
#feature{background:url(../image/feature_bg.png) no-repeat center center;background-size:100% 100%;overflow:hidden;margin-bottom:.5rem;}
#feature h3{font-weight:normal;font-size:20px;line-height:1.5em;margin-bottom:.1rem;}
#feature .intro{font-size:16px;line-height:1.875em;color:#999;}

/*featureList*/
#featureList ul{width:103.57142857%;}
#featureList li{width:46.55172414%;float:left;padding:0 3.44827586% 3.44827586% 0;}
#featureList .shadow:before{border-radius:.75rem 0 .45rem 0;}
#featureList .box{border-radius:.75rem 0 .45rem 0;padding:5.18518519% 10.37037037% 4.44444444% 8.88888889%;}
#featureList .info{display:table;table-layout:fixed;width:100%;}
#featureList .td{display:table-cell;vertical-align:middle;}
#featureList .icon{width:60px;}
#featureList .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#featureList .text{padding-left:7.3664825%;}

/*flow*/
#flow .import{background-color:#fffdfc;margin-top:10%;}
#flow img{display:block;width:auto;max-width:980px;height:auto;margin:0 auto;}
#flow .export img{max-width:100%;}

/*featureBox*/
#featureBox ul{width:103.92857143%;}
#featureBox li{width:29.5532646%;padding:0 3.78006873% 3.78006873% 0;float:left;}
#featureBox .shadow:before{border-radius:0.8rem 0 0.45rem 0;}
#featureBox .box{border-radius:0.8rem 0 0.45rem 0;padding:7.44186047% 15.11627907% 5.11627907%;}
#featureBox .num{color:#e77817;font-weight:bold;font-size:.6rem;line-height:1em;margin-bottom:.07rem;}
#featureBox .intro{min-height:5.625em;}

/*featureInfo*/
#featureInfo{margin-bottom:4px;}
#featureInfo .shadow:before{border-bottom-right-radius:.45rem;}
#featureInfo .box{border-bottom-right-radius:.45rem;padding:4.64285714% 7.14285714% 3.21428571%;}
#featureInfo .info,#featureInfo li{display:table;table-layout:fixed;width:100%;}
#featureInfo .td{display:table-cell;vertical-align:middle;}
#featureInfo .pic{width:43.8230384%;}
#featureInfo .pic img{display:block;width:100%;height:auto;}
#featureInfo .text{padding-left:11.68614357%;}
#featureInfo .icon{width:60px;}
#featureInfo .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#featureInfo ul{margin-top:-0.15rem;}
#featureInfo li{padding:6.56660413% 0;}
#featureInfo .des{padding-left:7.4906367%;}
#featureInfo h3{font-size:18px;color:#e77817;margin-bottom:0;}
#featureInfo p{font-size:14px;color:#999;line-height:2em;}

/*warehouse*/
@keyframes circle{
  0%{transform:scale(1);opacity:.8;}
  100%{transform:scale(2.715);opacity:0;}
}
#warehouse{margin-bottom:5.5%;}
#warehouse .left{width:58.64285714%;float:left;}
#warehouse .map{padding-bottom:75.51766139%;position:relative;background:url(../image/map.png) no-repeat center center;background-size:contain;}
#warehouse .line,#warehouse .dots{position:absolute;left:0;top:0;width:100%;height:100%;}
#warehouse .dots{z-index:2;}
#warehouse .dots i{display:block;width:0.85261876%;padding-bottom:0.85261876%;border-radius:50%;background-color:#e77817;position:absolute;cursor:pointer;}
#warehouse .dots i:before,#warehouse .dots i:after{border-radius:50%;background-color:#e77817;content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#warehouse .dots i:before{animation:circle 3s linear 0s infinite;}
#warehouse .dots i:after{animation:circle 3s linear 1.5s infinite;}
#warehouse .dots .i1{left:61.7%;top:45.7%;}
#warehouse .dots .i2{left:59%;top:52%;}
#warehouse .dots .i3{left:54%;top:51%;}
#warehouse .dots .i4{left:55%;top:53.6%;}
#warehouse .dots .i5{left:59%;top:58%;}
#warehouse .line{z-index:1;}
#warehouse .line div{position:absolute;left:0;top:0;display:none;}
#warehouse .line i{display:block;overflow:hidden;padding-bottom:42.52336449%;background:url(../image/line.png) no-repeat center center;background-size:100% 100%;}
#warehouse .line .l1{width:51.64433618%;left:63%;top:17.3%;}
#warehouse .line .l2{width:54.56760049%;left:60%;top:22%;}
#warehouse .line .l3{width:59.68331303%;left:55%;top:18%;}
#warehouse .line .l4{width:58.46528624%;left:56%;top:21.3%;}
#warehouse .line .l5{width:54.56760049%;left:60%;top:27.9%;}
#warehouse .right{width:32.85714286%;float:right;}
#warehouse .info{border:1px solid #fcd7b6;background-color:#fffbf8;padding:9.34782609% 10.86956522% 17.39130435%;border-radius:0 0.7rem 0 0.7rem;position:relative;}
#warehouse .item{display:none;}
#warehouse .pic{padding-bottom:97.22222222%;background:no-repeat center center;background-size:cover;}
#warehouse h3{font-size:.24rem;color:#e77817;line-height:1.5em;font-weight:normal;margin-bottom:4.16666667%;}
#warehouse .intro{font-size:14px;line-height:24px;color:#666;margin-bottom:9.72222222%;}
#warehouse .close{position:absolute;width:13px;height:13px;background:url(../image/icon_close.png) no-repeat center center;background-size:contain;right:5%;top:0;margin-top:5%;display:none;cursor:pointer;}

/*hardware*/
#hardware{background:url(../image/feature_bg.png) no-repeat center center;background-size:100% 100%;margin-bottom:2.85714286%;}
#hardware h3{font-size:24px;color:#333;font-weight:normal;text-align:center;line-height:1.5em;margin-top:.15rem;color:#666;transition:all .3s;}
#hardware .circle{transform:scale(0.7234);transition:all .3s;}
#hardware svg{position:absolute;right:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s;}
#hardware path{stroke-width:9;stroke:#e77817;fill:none;}
#hardware .pic{padding:9px;background-color:#fffbf8;border:1px solid #ffebd6;border-radius:50%;position:relative;}
#hardware .pic i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:cover;overflow:hidden;border-radius:50%;}
#hardware .slick-track{margin:0;}
#hardware .slick-center .circle{transform:scale(1);}
#hardware .slick-center svg{opacity:1;}
#hardware .slick-center h3{font-size:18px;color:#333;}
#hardware .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);margin-top:-10px;width:20px;height:12px;display:block;text-indent:-9999em;font-size:0;background:no-repeat 0 0;background-size:100% auto;z-index:2;}
#hardware .slick-arrow:hover{background-position:0 94%;}
#hardware .slick-prev{left:0;background-image:url(../image/icon_17.png);}
#hardware .slick-next{right:0;background-image:url(../image/icon_18.png);}
#hardware .load{padding-bottom:33.35714286%;clear:both;}
#hardware .list{width:103.57142857%;margin-top:2.42857143%;}
#hardware .info{width:46.55172414%;float:left;padding:0 3.44827586% 3.44827586% 0;}
#hardware .shadow:before{border-radius:0.7rem 0 0.7rem 0;}
#hardware .box{border-radius:0.7rem 0 0.7rem 0;padding:5.18518519% 13.33333333% 4.44444444% 9.62962963%;}
#hardware .num{float:left;font-size:.6rem;color:#e77817;line-height:1em;font-weight:bold;}
#hardware .text{margin-left:.95rem;overflow:hidden;}
#hardware h4{font-size:20px;font-weight:normal;line-height:1.35em;margin-bottom:.12rem;}
#hardware .intro{font-size:16px;line-height:1.875em;color:#999;min-height:9.375em;}

/*software*/
#software .box{display:table;table-layout:fixed;width:100%;}
#software .td{display:table-cell;vertical-align:middle;}
#software .pic{width:38%;}
#software .pic img{display:block;width:100%;height:auto;}
#software .text{padding-right:10%;}
#software li{overflow:hidden;padding:4.12087912% 0;}
#software .icon{width:50px;float:left;}
#software .icon i{display:block;overflow:hidden;padding-bottom:112%;background:no-repeat center top;background-size:contain;}
#software .info{margin-left:50px;padding-left:6.18131868%;}
#software h3{font-size:18px;color:#e77817;font-weight:normal;line-height:1.75em;}
#software .intro{font-size:14px;line-height:2em;color:#999;}

/*slides*/
#slides .item{position:relative;overflow:hidden;}
#slides .play{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#slides .pic{background:no-repeat center center;background-size:cover;padding-bottom:39.58333333%;position:relative;}
#slides .load{padding-bottom:39.58333333%;}
#slides .wap{display:none;}
#slides .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:auto;}
#slides video{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill;}
#slides h2{font-size:.24rem;color:#f9bf00;line-height:1.5em;}
#slides h3{font-size:.6rem;color:#e77817;line-height:1.35em;}
#slides .btn{margin-top:3.21428571%;}
#slides .btn a{width:2.4rem;height:.6rem;line-height:.6rem;color:#fff;background-color:#c92b2f;border-radius:0 0.5rem 0 0.5rem;display:block;text-align:center;font-size:.18rem;}
#slides .btn i{font-style:normal;display:inline-block;background:url(../image/icon_19.png) no-repeat right center;background-size:.32rem auto;padding-right:.5rem;}
#slides .playbtn{position:absolute;left:50%;top:50%;width:.5rem;height:.5rem;margin:-0.25rem 0 0 -0.25rem;background:url(../image/icon_play.png) no-repeat center center;background-size:contain;z-index:2;cursor:pointer;transition:all .3s;}
#slides .playbtn:hover{transform:scale(0.9);}
#slides .slick-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin-bottom:10px;white-space:nowrap;}
#slides li{display:inline-block;margin:0 5px;}
#slides li button{display:block;font-size:0;width:10px;height:10px;border-radius:50%;background-color:#fff;text-indent:-9999em;overflow:hidden;}
#slides .slick-active button{background-color:#e77817;}

/*products*/
#products{padding:.6rem 0 0.4rem;}
#products li{float:left;width:47.14285714%;padding-bottom:5%;}
#products li:nth-child(2n){float:right;}
#products .shadow:before{right:-0.08rem;bottom:-0.08rem;}
#products .box{padding:0.45rem .85rem;position:relative;}
#products .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;opacity:0;transition:opacity .3s;}
#products .bg:after{width:100%;height:100%;background:url(../image/hmpro_bg.jpg) no-repeat center center;background-size:cover;content:'';display:block;position:absolute;left:0;top:0;opacity:.8;}
#products .img{position:absolute;right:0;top:0;height:100%;width:100%;background:no-repeat right center;background-size:auto 100%;transition:all .3s;}
#products .info{display:table;table-layout:fixed;width:100%;position:relative;z-index:2;}
#products .td{display:table-cell;vertical-align:middle;}
#products .icon{width:45px;}
#products .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat 0 0;background-size:100% auto;}
#products .text{padding-left:.2rem;}
#products .text p{font-size:14px;color:#999;line-height:1.75em;}
#products h4{font-size:18px;line-height:1.5em;margin-bottom:.07rem;}
#products a:hover{color:#fff;}
#products a:hover .bg{opacity:1;}
#products a:hover .img{opacity:.1;}
#products a:hover .icon i{background-position:0 100%;}
#products a:hover p{color:#fff;}
#products .li1 .shadow:before,#products .li2 .shadow:before,#products .li1 .box,#products .li2 .box{border-top-left-radius:1.5rem;}
#products .li4 .shadow:before,#products .li4 .box{border-radius:0 1.5rem 0 1.5rem;}
#products .li5 .shadow{height:1.48rem;width:1.48rem;}
#products .li5 .box{padding:0;width:100%;height:100%;}
#products .li6 .shadow:before,#products .li6 .box{border-bottom-right-radius:1.5rem;}
#products .li6 a:hover .more{padding-right:1.35rem;}
#products .more{font-size:18px;color:#e77817;font-weight:bold;display:inline-block;margin:0.13rem .7rem;padding-right:.8rem;background:url(../image/icon_20.png) no-repeat right center;transition:padding .3s;}

/*hmIntro*/
.hmIntro{text-align:center;font-size:16px;line-height:1.875em;color:#999;margin-bottom:4.28571429%;}
.hmIntro.mt{margin-top:-2.5%;}

/*hmPartner*/
#hmPartner{margin-bottom:1rem;}
#hmPartner .inner{display:table;table-layout:fixed;}
#hmPartner .td{display:table-cell;vertical-align:middle;}
#hmPartner .left{padding-right:9.28571429%;}
#hmPartner .globalTitle{text-align:left;margin-bottom:.5rem;}
#hmPartner .globalTitle:after{left:0;transform:none;}
#hmPartner .hmIntro{text-align:left;margin-bottom:.76rem;}
#hmPartner .right{width:61.64285714%;}
#hmPartner ul{padding-bottom:57.47392816%;position:relative;}
#hmPartner li{width:4.6rem;position:absolute;transform:scale(3);opacity:0;transition:all 2s;}
#hmPartner li i{display:block;overflow:hidden;width:63.95348837%;padding-bottom:23.25581395%;margin:0 auto;background:no-repeat center center;background-size:contain;}
#hmPartner li.in{transform:scale(1);opacity:1;}
#hmPartner .shadow:before,#hmPartner .box{border-radius:0 1.28rem 0 1.28rem;}
#hmPartner .shadow:before{right:auto;left:-4px;bottom:-4px;}
#hmPartner .shadow:hover:before{background-color:#e77817;}
#hmPartner .box{padding:.08rem 0;}
#hmPartner .li1{width:1.53rem;left:.4rem;top:.6rem;height:.53rem;}
#hmPartner .li2{width:4.44rem;height:1.49rem;left:2.15rem;top:0;}
#hmPartner .li2 .box{padding:0.22rem 0;}
#hmPartner .li2 i{transform:scale(0.7);}
#hmPartner .li3{width:3.34rem;height:.8rem;left:5.25rem;top:1rem;}
#hmPartner .li3 .box{padding:.03rem 0;}
#hmPartner .li3 i{transform:scale(0.7);}
#hmPartner .li4{width:5.63rem;height:1.26rem;left:0;top:1.85rem;}
#hmPartner .li4 .box{padding:0;}
#hmPartner .li4 i{transform:scale(0.5);transform-origin:left center;}
#hmPartner .li5{width:4.6rem;height:1.26rem;left:2.95rem;top:2.45rem;}
#hmPartner .li5 .box{padding:.1rem 0;}
#hmPartner .li5 i{transform:scale(0.75);}
#hmPartner .li6{width:1.36rem;height:.47rem;left:1.65rem;top:3.85rem;}
#hmPartner .li6 .box{padding:.06rem 0;}
#hmPartner .li7{width:2.21rem;height:.6rem;left:3rem;top:4.3rem;}
#hmPartner .li7 .box{padding:.05rem 0;}

/*hmNews*/
#hmNews{margin-bottom:.95rem;}
#hmNews .slick-load{padding-right:10%;}
#hmNews .slick-load:after{height:1px;width:7.85714286%;background-color:#f4f2ed;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#hmNews .load{padding-bottom:27.57142857%;}
#hmNews h4{font-size:.2rem;line-height:1.5em;-webkit-line-clamp:2;height:3em;margin-bottom:7.75193798%;}
#hmNews .shadow:before,#hmNews .box{border-radius:0.8rem 0 0.8rem 0;}
#hmNews .box{padding:11.9047619% 11.9047619% 19.04761905%;}
#hmNews .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;opacity:0;}
#hmNews .bg:after{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);content:'';display:block;}
#hmNews .info{position:relative;z-index:2;}
#hmNews .date{width:60px;background-color:#faf8f4;border-top-right-radius:.2rem;color:#cec1a6;font-size:14px;line-height:1em;font-weight:bold;padding:17px 10px;margin-bottom:17.44186047%;}
#hmNews .date i{display:block;font-style:normal;font-size:.36rem;line-height:.9em;}
#hmNews .excerpt{font-size:14px;color:#999;line-height:30px;-webkit-line-clamp:2;height:60px;}
#hmNews a{margin-right:14.28571429%;margin-bottom:4px;}
#hmNews a:hover{color:#fff;}
#hmNews a:hover .box{border:none;}
#hmNews a:hover .info{padding:1px;}
#hmNews a:hover .date{background-color:#f3ae00;color:#fff;}
#hmNews a:hover .excerpt{color:#fff;}
#hmNews a:hover .bg{opacity:1;}
#hmNews a:hover:before{background-color:#e77817;}
#hmNews .slick-arrow{position:absolute;right:0;width:20px;height:12px;background:no-repeat 0 0;background-size:100% auto;}
#hmNews .slick-arrow:hover{background-position:0 92%;}
#hmNews .slick-prev{background-image:url(../image/icon_17.png);top:0;margin-top:7.14285714%;}
#hmNews .slick-next{background-image:url(../image/icon_18.png);bottom:0;margin-bottom:7.14285714%;}

/*hmAbout*/
#hmAbout{background:url(../image/hmabout_bg.png) no-repeat center bottom;background-size:cover;margin:.9rem 0 1.7rem;}
#hmAbout .inner{padding:.7rem 0;}
#hmAbout .top{display:table;table-layout:fixed;width:100%;}
#hmAbout .top .shadow{margin-top:-2.6rem;}
#hmAbout .td{display:table-cell;vertical-align:middle;}
#hmAbout .text{padding-right:17.14285714%;}
#hmAbout .globalTitle{text-align:left;margin-bottom:6.09756098%;}
#hmAbout .globalTitle:after{left:0;transform:none;}
#hmAbout .hmIntro{text-align:left;}
#hmAbout .shadow:before{border-top-left-radius:.7rem;right:auto;left:-0.1rem;bottom:-0.1rem;}
#hmAbout .box{border:none;border-top-left-radius:.7rem;}
#hmAbout .pic{width:3.4rem;}
#hmAbout .pic i{display:block;overflow:hidden;padding-bottom:88.23529412%;background:no-repeat center center;background-size:cover;}
#hmAbout .btm{margin-top:3.57142857%;margin-bottom:-1.6rem;display:table;table-layout:fixed;width:100%;}
#hmAbout .btm .shadow:before,#hmAbout .btm .box{border-radius:0 .7rem 0 .7rem;}
#hmAbout .menu{vertical-align:top;}
#hmAbout .menu ul{font-size:0;line-height:normal;text-align:right;}
#hmAbout .menu li{display:inline-block;margin-left:.4rem;margin-bottom:.4rem;vertical-align:top;}
#hmAbout .menu a{display:block;border:1px solid #dcc168;border-radius:0 0.6rem 0 0.6rem;color:#dcc168;width:2.3rem;text-align:center;padding:.19rem 0;}
#hmAbout .menu a:hover{background-color:#e77817;border-color:#e77817;}
#hmAbout .menu a:hover p{display:block;}
#hmAbout .menu a:hover .lv{display:none;}
#hmAbout .menu a:hover .on{display:inline-block;}
#hmAbout .menu a:hover h4{color:#fff;}
#hmAbout .menu p{font-size:.18rem;color:#fff;line-height:1.5em;margin-top:.1rem;display:none;}
#hmAbout h4{font-size:.18rem;font-weight:normal;line-height:.4rem;}
#hmAbout h4 i{display:inline-block;vertical-align:middle;width:.4rem;height:.4rem;background:no-repeat center center;background-size:contain;}
#hmAbout h4 .on{display:none;}

/*hmMore*/
.hmMore a{font-size:18px;color:#e77817;font-weight:bold;display:inline-block;padding-right:.8rem;background:url(../image/icon_20.png) no-repeat right center;transition:padding .3s;}
.hmMore a:hover{padding-right:.9rem;}

/*postmeta*/
#postmeta{font-size:16px;margin:-1% 0 1%;color:#888;}
#postmeta span{display:inline-block;margin-right:15px;}
.social-share{display:inline-block;}
@media only screen and (max-width:1600px){

  /*1600px*/
  .inner{width:87.5%;}

  /*1600px*/
  #banner .pic{padding-bottom:38.125%;}

  /*1600px*/
  #pagelist li{margin-left:4.5%;}
  #pagelist a{padding-left:25px;}

  /*1600px*/
  #aboutInfo{margin-bottom:-8.125%;}
}
@media only screen and (max-width:1280px){

  /*1280px*/
  #logo{width:150px;}

  /*1280px*/
  #navBtn{font-size:14px;}
  #topBtn,#navBtn .btn{width:40px;height:40px;}

  /*1280px*/
  #nav .icon{width:22.857%;}

  /*1280px*/
  #banner pre{font-size:14px;}

  /*1280px*/
  #pagelist{margin-bottom:35px;}
  #pagelist li{margin-left:3%;width:30.333%;padding:5px 0;}
  #pagelist li:nth-child(4) a{width:5em;}

  /*1280px*/
  #links{width:160px;}

  /*1280px*/
  .contactText .left{width:48px;}
  .contactText .icon{border-top-right-radius:15px;}
  .contactText h3{font-size:14px;}
  .contactText p{font-size:14px;}

  /*1280px*/
  #pagenavi a{height:38px;line-height:40px;font-size:14px;border-radius:20px;padding:0 15px;}

  /*1280px*/
  #newsTop .date{margin-bottom:5%;}

  /*1280px*/
  .pgTitle{font-size:24px;}

  /*1280px*/
  #training{width:103%;}
  #training .item{width:22%;padding-right:3%;}
  #training h3{font-size:18px;}
  #training h3:before{height:2px;top:12.5px;}

  /*1280px*/
  #about .title{font-size:20px;}

  /*1280px*/
  #aboutInfo h3{font-size:18px;}

  /*1280px*/
  #aboutGallery{width:63%;}

  /*1280px*/
  #filter .btn a{width:128px;height:40px;line-height:40px;border-radius:20px 0 20px 0;}

  /*1280px*/
  .jobIntro .btn a{width:104px;height:32px;line-height:32px;border-radius:16px 0 16px 0;}

  /*1280px*/
  #recruit ul{display:block;}
  #recruit li{display:block;padding:1.5% 0;}
  #recruit .tel,#recruit .mail{width:auto;}
  #recruit .text{padding-left:2%;}

  /*1280px*/
  #process .box{padding:0;}
  #process .info{width:1.875rem;height:2.275rem;}
  #process h3{font-size:.2rem;}
  #process .num{font-size:.42rem;height:2.275rem;}

  /*1280px*/
  #culture .icon{width:45%;}
  #culture h4{font-size:16px;}

  /*1280px*/
  #service .text{font-size:14px;}

  /*1280px*/
  #feature h3{font-size:18px;}
  #feature .intro{font-size:14px;}

  /*1280px*/
  #featureInfo .pic{width:50%;}
  #featureInfo .text{padding-left:6%;}
  #featureInfo .icon{width:50px;}
  #featureInfo p{line-height:1.875em;}

  /*1280px*/
  #segment span{font-size:16px;width:140px;height:40px;line-height:42px;}

  /*1280px*/
  #history{margin-left:220px;}

  /*1280px*/
  #warehouse h3{font-size:20px;}

  /*1280px*/
  #hmNews h4{font-size:18px;}
  #hmNews .excerpt{line-height:2em;height:4em;}

  /*1280px*/
  .hmMore a{font-size:16px;}

  /*1280px*/
  #hmAbout h4{font-size:16px;}
  #hmAbout .menu p{font-size:16px;}
  #hmAbout .menu a{width:185px;}

  /*1280px*/
  #building h4{font-size:18px;margin-bottom:5%;}
  #building .intro{line-height:1.875em;max-height:9.375em;}
  #building .prevButton,#building .nextButton{top:85%;}

  /*1280px*/
  #flow img{max-width:100%;}
}
@media only screen and (max-width:1024px){
  body.active #header{background-color:#fff;}

  /*1024px*/
  #navBtn.active .text{display:none;}

  /*1024px*/
  #nav{position:fixed;padding:.8rem 0 0;height:100%;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  #nav .inner{display:block;position:static;height:auto;margin:36.25px auto .8rem;}
  #nav .item{display:block;overflow:hidden;padding:2.5% 6.25%;}
  #nav .item:hover{background-color:#eee;}
  #nav .item:nth-child(2n - 1){background-color:#f5f5f5;}
  #nav .icon{width:32px;float:left;margin-bottom:0;}
  #nav h2{margin-left:45px;font-size:18px;line-height:32px;}
  #nav ul{display:block;margin:10px 0 0 45px;}
  #nav li{float:left;padding:0 3.125% 0 0;}
  #nav li a,#nav .on a{color:#333;}

  /*1024px*/
  #btmInfo{width:245px;}
  #btmInfo li{font-size:14px;line-height:2em;padding-left:25px;}
  #btmInfo .tel{background-size:auto 16px;}
  #btmInfo .mail{background-size:auto 11px;}
  #btmInfo .addr{background-size:auto 18px;background-position:left 5px;}

  /*1024px*/
  #copyright{font-size:14px;}

  /*1024px*/
  #pagelist{margin-bottom:25px;}
  #pagelist li{font-size:16px;padding:3px 0;}
  #pagelist a{background-size:auto 13px;padding-left:20px;}

  /*1024px*/
  #links{height:36px;line-height:36px;width:150px;border-radius:38px 0 38px 0;}
  #links .list{border-radius:0 38px 0 38px;}
  #links span,#links a{padding-right:20px;}
  #links span:after{right:18px;}

  /*1024px*/
  #social{padding:8px 20px;}
  #social li{margin:0 20px;}

  /*1024px*/
  .contactText,.contactMap{float:none;width:auto;}

  /*1024px*/
  .contactText{margin-bottom:3.5%;}
  .contactText h2{padding-bottom:2.23214286%;font-size:20px;}
  .contactText h2:after{width:11.16071429%;padding-bottom:0.44642857%;}
  .contactText li{margin-top:2%;}
  .contactText span{font-size:14px;}

  /*1024px*/
  .contactMap .box{padding-bottom:50%;}
  .contactMap .mapInfo{width:350px;}

  /*1024px*/
  #bar .inner{padding:.23rem 0;}

  /*1024px*/
  #breadcrumb{float:none;font-size:14px;line-height:1.875em;}
  #breadcrumb a:first-child{padding-left:20px;background-size:auto 14px;}

  /*1024px*/
  #subMenu{float:none;margin-top:.2rem;}
  #subMenu li{font-size:14px;}
  #subMenu a{min-width:120px;}

  /*1024px*/
  #newsList{margin-bottom:2.23214286%;}
  #newsList .date{width:70px;}
  #newsList .date i{font-size:32px;}
  #newsList time{padding:12px 8px;}
  #newsList h2{font-size:18px;}
  #newsList .excerpt{line-height:2em;}

  /*1024px*/
  #newsTop .text{padding:0 3.5%;}
  #newsTop .excerpt{-webkit-line-clamp:2;}
  #newsTop .load{padding-bottom:28.01339286%;}

  /*1024px*/
  .newsItem{margin-bottom:3.5%;}

  /*1024px*/
  #welfare .box{padding-left:8%;padding-right:8%;}
  #welfare .icon{width:50px;}
  #welfare .text{padding-left:5%;}
  #welfare h3{font-size:18px;}
  #welfare .intro{font-size:14px;line-height:1.75em;}

  /*1024px*/
  #training h3{font-size:16px;}
  #training h3:before{top:11px;}
  #training .intro{font-size:14px;}

  /*1024px*/
  .entry{font-size:14px;}

  /*1024px*/
  #about .title{font-size:18px;}

  /*1024px*/
  #filter h3{font-size:14px;}
  #filter ul{margin-left:60px;}
  #filter li{font-size:14px;}
  #filter .btn a{width:110px;height:36px;line-height:36px;font-size:14px;}

  /*1024px*/
  .jobMeta li{font-size:14px;}
  .jobMeta .btn{width:18px;height:18px;}

  /*1024px*/
  .jobIntro .box{width:46%;}

  /*1024px*/
  #process .item:before{margin-left:-0.12rem;}
  #process .info{width:2.1875rem;height:2.65625rem;}
  #process h3{font-size:.24rem;}
  #process .num{font-size:.42rem;height:2.65625rem;}

  /*1024px*/
  #honorList .item{width:4.375rem;margin-right:0.4375rem;}
  #honorList h3{font-size:14px;line-height:1.75em;}
  #honorList .meta{line-height:1.75em;}

  /*1024px*/
  .globalTitle h3{font-size:24px;}

  /*1024px*/
  #service .num{font-size:1.35rem;}
  #service .icon{width:.7rem;margin-left:-0.35rem;bottom:0.2rem;}
  #service .text{line-height:1.75em;}
  #service .sixth li{width:33.333%;}

  /*1024px*/
  .serviceIntro{font-size:14px;}

  /*1024px*/
  #segment{float:none;width:auto;padding:0;}
  #segment .slick-load{padding:0 25px;display:none;}
  #segment .slick-load:after{width:100%;height:1px;left:0;top:12px;}
  #segment .slick-initialized{display:block;}
  #segment .box{width:110px;padding:40px 10px 0;}
  #segment .box:before{left:50%;top:3px;transform:translateX(-50%);}
  #segment span{font-size:14px;width:110px;height:32px;line-height:32px;}
  #segment span:before{border-bottom:7px solid #cec1a6;border-right:7px solid transparent;border-left:7px solid transparent;border-top:none;left:50%;top:auto;bottom:100%;transform:translateX(-50%);}
  #segment .cur span:before{border-right-color:transparent;border-bottom-color:#e77817;}
  #segment .load{height:72px;}

  /*1024px*/
  #history{margin-left:0;padding-left:0;}

  /*1024px*/
  .historyItem{width:4.3rem;}
  .historyItem .intro{line-height:1.875em;min-height:9.375em;}

  /*1024px*/
  #hardware h3{font-size:20px;}
  #hardware .num{font-size:38px;}
  #hardware .text{margin-left:60px;}
  #hardware h4{font-size:18px;}
  #hardware .intro{font-size:14px;line-height:1.75em;}
  #hardware .slick-center h3{font-size:16px;}

  /*1024px*/
  #software .box,#software .td{display:block;width:auto;}
  #software .pic img{width:auto;max-width:80%;margin:0 auto;}
  #software .text{padding-right:0;margin-bottom:2%;}
  #software li{padding:0 0 3.5%;}
  #software .icon{width:40px;padding:5px 0;}
  #software .info{margin-left:40px;padding-left:3%;}
  #software h3{font-size:16px;}
  #software .intro{line-height:1.75em;}

  /*1024px*/
  #warehouse .left{float:none;width:90%;margin:0 auto;}
  #warehouse .right{width:100%;height:100%;position:fixed;left:0;top:0;z-index:10;background-color:rgba(0,0,0,0.5);display:none;}
  #warehouse .table{display:table;table-layout:fixed;width:100%;height:100%;}
  #warehouse .list{display:table-cell;vertical-align:middle;}
  #warehouse .info{width:45%;margin:0 auto;padding:5%;}
  #warehouse h3{margin-bottom:10px;}
  #warehouse .intro{margin-bottom:15px;}
  #warehouse .close{display:block;}

  /*1024px*/
  #slides h2{font-size:16px;}
  #slides .btn a{font-size:12px;}

  /*1024px*/
  #products .icon{width:40px;}
  #products h4,#products .more{font-size:16px;}

  /*1024px*/
  #hmNews .date{padding:10px 10px;width:55px;}
  #hmNews .date i{font-size:26px;margin-bottom:5px;}
  #hmNews h4{font-size:16px;}
  #hmNews .excerpt{line-height:1.75em;height:3.5em;}

  /*1024px*/
  .hmIntro,.hmMore a{font-size:14px;}

  /*1024px*/
  #hmAbout .top .shadow{margin-top:0;}
  #hmAbout .pic{width:250px;}
  #hmAbout .text{padding-right:5%;}
  #hmAbout h4{font-size:14px;color:#fff;line-height:25px;}
  #hmAbout h4 i{width:25px;height:25px;}
  #hmAbout h4 .on{display:inline-block;}
  #hmAbout h4 .lv{display:none;}
  #hmAbout .menu p{font-size:14px;display:block;}
  #hmAbout .menu a{width:160px;background-color:#e77817;border-color:#e77817;}
}
@media only screen and (max-width:768px){

  /*768px*/
  body .mCSB_scrollTools.mCSB_scrollTools_horizontal{border-radius:1.5px;height:3px;}
  body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:3px;}
  body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:3px;border-radius:1.5px;}

  /*768px*/
  #header{padding:15px 0;}

  /*768px*/
  #logo{width:96px;}

  /*768px*/
  #navBtn{font-size:12px;}
  #topBtn,#navBtn .btn{width:30px;height:30px;}
  #navBtn i{width:58%;left:8%;}

  /*768px*/
  #nav{padding-top:53px;}
  #nav .inner{margin:0 0 60px;}
  #nav .item{padding-top:20px;padding-bottom:15px;}
  #nav .icon{width:22px;}
  #nav h2{margin-left:33px;font-size:16px;line-height:22px;}
  #nav ul{margin:5px 0 0 33px;}
  #nav li{font-size:14px;padding-right:15px;}

  /*768px*/
  #banner .pic{padding-bottom:75%;}
  #banner .pc{display:none;}
  #banner .wap{display:block;}
  #banner .text{text-align:center;}
  #banner h2{font-size:20px;margin-bottom:8px;}
  #banner pre{font-size:14px;letter-spacing:5px;font-weight:bold;}

  /*768px*/
  #footer{padding:6.25% 0;}
  #footer .inner{display:block;position:relative;}
  #footer .td{display:block;padding-left:0;text-align:justify;}
  #footer .mid{margin-bottom:0;}

  /*768px*/
  #btmInfo{display:block;width:auto;}
  #btmInfo .logo{width:125px;margin-bottom:10px;}

  /*768px*/
  #pagelist{display:none;}

  /*768px*/
  #social{float:none;padding:3px 0;}
  #social ul{text-align:left;}
  #social li{margin:0 0 0 25px;}

  /*768px*/
  #links{float:none;position:absolute;right:0;top:0;font-size:12px;width:130px;height:28px;line-height:28px;border-radius:30px 0 30px 0;}
  #links span:after{border-width:5px;right:15px;}
  #links .list{border-radius:0 30px 0 30px;padding:5px 0;bottom:auto;top:110%;}

  /*768px*/
  .shadow:before{right:-3px;bottom:-3px;}

  /*768px*/
  .contact{padding:6.25% 0;}

  /*768px*/
  .contactText .left{width:40px;vertical-align:top;padding-top:5px;}
  .contactText h2{padding-bottom:10px;font-size:18px;}
  .contactText li{margin-top:10px;}
  .contactText .icon{border-top-right-radius:12px;}
  .contactText h3{margin-bottom:0;}
  .contactText .name{margin-top:0;}

  /*768px*/
  .contactMap .box{padding-bottom:75%;}
  .contactMap .mapInfo{width:270px;}
  .contactMap .logo{width:50px;}
  .contactMap h2{font-size:14px;}

  /*768px*/
  #mouse{width:18px;bottom:20px;}

  /*768px*/
  #bar .inner{padding:10px 0;}

  /*768px*/
  #subMenu{float:none;}
  #subMenu li{line-height:1.75em;padding:5px 0;width:25%;}
  #subMenu a{padding:5px 0;min-width:0;}
  #subMenu .cur a{border-radius:0 17.5px 0 17.5px;}

  /*768px*/
  #newsList{margin-bottom:0.55803571%;}
  #newsList .td{vertical-align:top;}
  #newsList .date{width:65px;font-size:12px;}
  #newsList .date i{font-size:26px;margin-bottom:3px;}
  #newsList h2{font-size:16px;}
  #newsList .excerpt{line-height:1.75em;}
  #newsList a:before{right:-3px;bottom:-3px;}

  /*768px*/
  #newsTop .info,#newsTop .td{display:block;width:auto;}
  #newsTop .text{padding:3.125%;border-top:none;border-left:1px solid #e5e5e5;}
  #newsTop .date{margin-bottom:0;padding:.1rem 0;float:left;}
  #newsTop h2,#newsTop .excerpt{margin-left:65px;padding-left:3.5%;}
  #newsTop .excerpt{margin-top:1.70454545%;-webkit-line-clamp:3;}
  #newsTop .load{padding-bottom:78.86904762%;}
  #newsTop .slick-dots{bottom:0;top:0;margin-bottom:0;margin-top:52%;right:50%;transform:translateX(50%);}
  #newsTop .slick-dots li{margin:0 3px;}
  #newsTop .slick-dots .slick-active button{width:20px;}

  /*768px*/
  .newsItem{margin-bottom:5%;}
  .newsItem .box{padding-left:3.125%;padding-right:3.125%;}
  .newsItem .content{padding:0 0 0 3.5%;}
  .newsItem .arrow{display:none;width:0;}

  /*768px*/
  #pagenavi .a_first,#pagenavi .a_end{padding:0 10px;}
  #pagenavi .a_prev,#pagenavi .a_next{display:none;}
  #pagenavi a{height:28px;line-height:30px;font-size:12px;border-radius:15px;padding:0 10.5px;margin:5px;}

  /*768px*/
  .pgTitle{font-size:20px;margin-bottom:6.25%;}

  /*768px*/
  #welfare .item{width:auto;float:none;padding-bottom:5%;}
  #welfare .item:nth-child(2n){float:none;}
  #welfare .box{padding-left:5%;padding-right:5%;}
  #welfare .icon{width:40px;}
  #welfare h3{font-size:16px;margin-bottom:5px;}

  /*768px*/
  #training .item{width:47%;padding-bottom:3%;}
  #training .box{padding:50px 6.25% 6.25%;margin-top:30px;}
  #training .icon{width:50px;right:6.25%;}
  #training .num{font-size:30px;margin-bottom:15px;}
  #training h3{margin-bottom:10px;padding-left:22px;}
  #training h3:before{width:10px;height:2px;}

  /*768px*/
  #partner{margin-bottom:0;}
  #partner .list{width:103%;}
  #partner li{width:30.333%;padding:0 3% 6% 0;}
  #partner .shadow:before{border-radius:0 1.27rem 0 1.27rem;left:-3px;}
  #partner .box{border-radius:0 1.27rem 0 1.27rem;}
  #partner ul:nth-child(2n) .shadow:before{border-radius:1.27rem 0 1.27rem 0;right:-3px;}
  #partner ul:nth-child(2n) .box{border-radius:1.27rem 0 1.27rem 0;}

  /*768px*/
  #about .since{font-size:32px;}

  /*768px*/
  #aboutInfo{margin-bottom:5%;}
  #aboutInfo h2{font-size:1.5rem;}

  /*768px*/
  #aboutGallery{float:none;width:auto;margin-bottom:5%;}

  /*768px*/
  .customArrow .slick-arrow{width:32px;height:16px;background-size:19.14893617% auto;}

  /*768px*/
  #aboutVideo{float:none;width:auto;}
  #aboutVideo .video{padding-bottom:45%;}
  #aboutVideo .title{padding:10px;}

  /*768px*/
  #jobInfo{margin-bottom:5%;}

  /*768px*/
  #filter{padding:5%;margin-bottom:5%;}
  #filter h3{float:none;line-height:2em;}
  #filter ul{margin-left:0;}
  #filter li{padding-left:0;padding-right:15px;line-height:2em;}
  #filter .btn{margin-top:5%;}
  #filter .btn a{width:100px;height:32px;line-height:32px;border-radius:16px 0 16px 0;}

  /*768px*/
  .jobMeta .num,.jobMeta .dep,.jobMeta .date,.jobMeta .btn{display:none;width:0;}
  .jobMeta li{padding:10px 5px;}
  .jobMeta .name,.jobMeta .edu,.jobMeta .exp,.jobMeta .place{width:25%;}

  /*768px*/
  .jobIntro{padding-top:5%;padding-bottom:5%;}
  .jobIntro .box{width:auto;float:none;margin-bottom:5%;}
  .jobIntro .box:nth-child(2n){float:none;}
  .jobIntro .intro{line-height:2em;}
  .jobIntro .btn{float:none;width:auto;}
  .jobIntro .btn a{margin:0 auto;}

  /*768px*/
  #recruit{padding:5% 0;margin-bottom:5%;}
  #recruit li{padding:1.5% 0;}
  #recruit .icon{width:40px;vertical-align:top;padding:5px 0;}
  #recruit .text{padding-left:3.125%;}
  #recruit h3,#recruit .intro{font-size:14px;line-height:2em;}
  #recruit h3{margin-bottom:0;}

  /*768px*/
  #process .box{width:80%;margin:0 auto;}
  #process .box:before{width:1px;height:100%;left:10px;top:0;transform:none;}
  #process .item{width:auto;float:none;position:relative;padding:2.5% 0 2.5% 20px;overflow:hidden;}
  #process .item:before{margin-left:0;left:0;width:20px;height:20px;}
  #process .num{font-size:26px;line-height:1.5em;height:auto;position:absolute;left:35px;top:50%;width:40%;text-align:center;transform:translateY(-50%);padding:0;}
  #process .info{width:4.2rem;height:3.52rem;background-image:url(../image/process_bg_03.png);margin:0;float:right;}
  #process .td{transform:translateY(-50%);padding-left:16%;}
  #process h3{font-size:.45rem;}
  #process .item:nth-child(2n) .info{background-image:url(../image/process_bg_03.png);}
  #process .item:nth-child(2n) .td{transform:translateY(-50%);}

  /*768px*/
  #honorCat li{font-size:14px;line-height:2em;}
  #honorCat i{width:42px;height:42px;margin-bottom:3px;}

  /*768px*/
  #culture ul{width:103%;}
  #culture li{width:47%;padding:0 3% 3% 0;}
  #culture .icon{width:40%;}
  #culture p{line-height:1.75em;}

  /*768px*/
  .globalTitle{margin-bottom:6.25%;}
  .globalTitle h2{font-size:42px;}
  .globalTitle h3{font-size:20px;}

  /*768px*/
  #servicePage #subMenu li{width:50%;}

  /*768px*/
  #service .info{padding:1rem 0.3rem;}
  #service .num{font-size:90px;line-height:1em;}
  #service .icon{width:50px;margin-left:-25px;bottom:15px;}
  #service .four li,#service .sixth li,#service .five li{width:50%;}

  /*768px*/
  .serviceIntro{margin-bottom:5%;}

  /*768px*/
  #feature{margin-bottom:5%;}
  #feature h3{font-size:16px;margin-bottom:5px;}
  #feature .intro{line-height:1.75em;min-height:0;}
  #feature ul{width:auto;}
  #feature li{float:none;width:auto;padding-right:0;padding-bottom:5%;}

  /*768px*/
  #featureList .icon{width:50px;}
  #featureBox .box{padding:10%;text-align:center;}
  #featureBox .num{font-size:40px;margin-bottom:8px;}
  #featureBox h3{margin-bottom:10px;}

  /*768px*/
  #featureInfo .box{padding:5%;}
  #featureInfo .info,#featureInfo .pic,#featureInfo .text{display:block;width:auto;}
  #featureInfo .text{padding:0;}
  #featureInfo li{width:100%;padding:5% 0 0;}
  #featureInfo p{line-height:1.75em;}

  /*768px*/
  #history{padding-top:6.25%;}

  /*768px*/
  #historyInfo{margin-bottom:6.25%;}
  #historyInfo .item{padding-bottom:45%;}
  #historyInfo .title{left:5%;}
  #historyInfo h2{font-size:22px;line-height:1.35em;}
  #historyInfo h3{font-size:14px;}
  #historyInfo .arrow{display:none;}
  #historyInfo .btn{width:20px;height:41px;}
  #historyInfo .btn:after{width:65%;left:17.5%;}

  /*768px*/
  .historyItem{width:6.7rem;}
  .historyItem .box{padding:13% 10%;}
  .historyItem h4{font-size:20px;}

  /*768px*/
  #hardware{margin-bottom:5%;}
  #hardware .slick-load{padding:3% 0;}
  #hardware .list{width:auto;}
  #hardware .info{float:none;width:auto;padding-right:0;}
  #hardware .box{padding:5% 6%;}
  #hardware .num{font-size:32px;}
  #hardware .text{margin-left:50px;}

  /*768px*/
  #software .text{padding-right:0;margin-bottom:2%;}
  #software li{padding:0 0 3.5%;}
  #software .icon{width:30px;}
  #software .info{margin-left:30px;}

  /*768px*/
  #warehouse .left{width:auto;}
  #warehouse .info{width:55%;}
  #warehouse h3{font-size:18px;margin-bottom:5px;}
  #warehouse .intro{margin-bottom:10px;}

  /*768px*/
  #slides .item{text-align:center;}
  #slides .pic,#slides .load{padding-bottom:75%;}
  #slides .playbtn{width:30px;height:30px;margin:-15px 0 0 -15px;}
  #slides h2{margin-bottom:5px;}
  #slides .btn a{width:120px;height:30px;line-height:32px;border-radius:26px 0 26px 0;margin:0 auto;}
  #slides .btn i{background-size:16px auto;padding-right:25px;}

  /*768px*/
  #products{padding:6.25% 0;}
  #products li{float:none;width:auto;}
  #products li:nth-child(2n){float:none;}
  #products .box{padding:5% 10%;}
  #products .text{padding-left:15px;}
  #products .li6 a:hover .more,#products .more{padding-right:30px;}
  #products .li5{display:none;}

  /*768px*/
  .hmIntro{font-size:14px;margin-bottom:6.25%;}

  /*768px*/
  #hmNews{margin-bottom:6.25%;}

  /*768px*/
  #hmAbout{margin:0 0 6.25%;padding:6.25% 0;}
  #hmAbout .top,#hmAbout .btm,#hmAbout .td{display:block;width:auto;}
  #hmAbout .globalTitle{text-align:center;margin-bottom:5%;}
  #hmAbout .globalTitle:after{left:50%;transform:translateX(-50%);}
  #hmAbout .hmIntro{margin-bottom:5%;}
  #hmAbout .top{margin-bottom:5%;}
  #hmAbout .text{padding-right:0;margin-bottom:5%;}
  #hmAbout h4{font-size:14px;color:#fff;line-height:25px;}
  #hmAbout h4 i{width:25px;height:25px;}
  #hmAbout h4 .on{display:inline-block;}
  #hmAbout h4 .lv{display:none;}
  #hmAbout .btm{margin:0;}
  #hmAbout .menu li{display:block;margin:5% 0 0;}
  #hmAbout .menu a{width:auto;}

  /*768px*/
  #hmPartner .inner{display:block;}
  #hmPartner .td{display:block;width:auto;}
  #hmPartner .globalTitle{text-align:center;margin-bottom:5%;}
  #hmPartner .globalTitle:after{left:50%;transform:translateX(-50%);}
  #hmPartner .hmIntro{margin-bottom:5%;text-align:center;}
  #hmPartner .hmMore{text-align:center;}
  #hmPartner .right{margin-top:6.25%;padding:15% 0 0;margin-bottom:-15%;}
  #hmPartner .right ul{transform:scale(1.6);transform-origin:center left;}

  /*768px*/
  #building .info,#building .td{display:block;width:auto;}
  #building .list{margin-left:10.41666667%;padding-bottom:72.4702381%;height:165px;}
  #building .text{padding:5%;}
  #building h4{font-size:16px;margin-bottom:10px;}
  #building .intro{margin-bottom:0;}
  #building .prevButton,#building .nextButton{top:100%;left:50%;transform:translateX(-100%);}
  #building .carousel{padding-bottom:50px;}

  /*768px*/
  #postmeta{font-size:14px;}
}
@media only screen and (max-width:540px){

  /*540px*/
  #training{width:auto;}
  #training .item{width:auto;float:none;text-align:center;padding-right:0;}
  #training .item:nth-child(2n){float:none;}
  #training .box{padding-bottom:10%;}
  #training .icon{right:50%;margin-right:-26px;}
  #training h3{margin-bottom:15px;padding:0 0 15px;}
  #training h3:before{width:15px;left:50%;top:auto;transform:translateX(-50%);bottom:0;}
  #training .intro{line-height:2em;min-height:0;}

  /*540px*/
  #honorList .item{width:6.548rem;margin-right:0.888rem;}

  /*540px*/
  #culture .icon{width:50%;}

  /*540px*/
  #service li{float:none;}
  #service .four li,#service .sixth li,#service .five li{width:auto;}

  /*540px*/
  #hmNews .box{padding:10%;}
  #hmNews .date{margin-bottom:7%;}
  #hmNews h4{line-height:1.75em;height:3.5em;margin-bottom:5%;}

  /*540px*/
  #building{margin-bottom:6.25%;}
}
.pageother{margin-top:30px;}
.pageother a{display:block;}
.attract{text-align:center;padding:50px 0;}
.attract p img{max-width:100%;height: auto !important;}
.attract .map{width:100%;padding-bottom:500px;position:relative;}
.attract .map #map{width:100%;height:100%;position:absolute;left:0;top:0;}
.attract .go{position:absolute;left:0;bottom:0;width:100%;text-align:center;background-color:#eee;background-image:linear-gradient(0deg,#ddd,#eee);}
.attract .go a{display:block;font-size:14px;color:#e77817;line-height:2em;padding:5px 0;z-index:5;}
.attract .go i{font-style:normal;display:inline-block;background:url(../image/icon_21.png) no-repeat left center;background-size:auto 14px;padding-left:20px;}
.attract .mapInfo{background-color:#fff;color:#333;}
.attract .BMap_pop *{display:none;}
.attract .BMap_pop div:nth-child(9){display:block;}
.attract .BMap_pop div:nth-child(9) *{display:block;}
.attract .BMap_pop div:nth-child(9) .logo,.attract .BMap_pop div:nth-child(9) .text{display:table-cell;}
.attract .mapBox div:nth-child(1) div:nth-child(2) div:nth-child(3){display:none;}
.attract .mapInfo{padding:7px;display:table;table-layout:fixed;width:3.9rem;position:relative;text-align:left;}
.attract .mapInfo:after{border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-left:-15px;}
.attract .logo{width:60px;vertical-align:top;}
.attract .logo i{display:block;overflow:hidden;padding-bottom:100%;background:#fff url(../image/logo.png) no-repeat center center;background-size:83.333% auto;}
.attract .text{vertical-align:middle;padding-left:10px;}
.attract .mapInfo h2{font-size:16px;font-weight:normal;line-height:1.875em;text-align:left;}
.attract .mapInfo p{font-size:12px;line-height:1.875em;}
@media only screen and (max-width:1024px){

  /*1024px*/
  .attract .map{padding-bottom:50%;}
  .attract .mapInfo{width:350px;}
}
@media only screen and (max-width:768px){

  /*1024px*/
  .attract .map{padding-bottom:75%;}
  .attract .mapInfo{width:270px;}
  .attract .logo{width:50px;}
  .attract h2{font-size:14px;}
}

/*20210928*/
#products .li5 .shadow:before{display:none;}
#products .li5 .shadow .box{background:url(../image/boxbg.png) no-repeat center;background-size:90%;}
.newsContent{      overflow: visible;
    display: flow-root;}
.newsContent .relations{width:20%;float:right;}
.newsContent .rightContent{width:75%;float:left;}
.newsContent .relations h3{font-size:18px;margin-bottom:20px; overflow: hidden;}
.newsContent .relations h3 i {display: block; float: left; font-style: normal; border-bottom: 3px solid #e77817;}

.newsContent .relations li a{margin-bottom:10px;border-bottom:1px solid #eee;display:block;padding-bottom:30px;position:relative;}
.newsContent .relations li span{color:#999;font-size:12px;position:absolute;right:0;bottom:10px;line-height:20px;}
.newsContent .relations li h4{font-size:14px;font-weight:normal;line-height:1.5;}
@media(max-width:768px){
  .newsContent .relations{width:auto;float:none;margin-top:30px;}
  .newsContent .rightContent{width:auto;float:none;}
}


.tdt-infowindow-content{
  width: 300px !important;
}