@charset "utf-8";
@font-face{
  font-family:'AvantGarde';
  src:url('../fonts/AvantGarde-Demi.eot'); /*IE9*/
  src:url('../fonts/AvantGarde-Demi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/AvantGarde-Demi.woff') format('woff'), /* Modern Browsers */
  url('../fonts/AvantGarde-Demi.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/AvantGarde-Demi.svg#AvantGarde') format('svg'); /* Legacy iOS */
  font-style:normal;
  font-weight:600;
}
@font-face{
  font-family:'Raavi';
  src:url('../fonts/Raavi.eot'); /*IE9*/
  src:url('../fonts/Raavi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Raavi.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Raavi.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Raavi.svg#Raavi') format('svg'); /* Legacy iOS */
  font-style:normal;
  font-weight:400;
}
@font-face{
  font-family:'MyriadPro';
  src:url('../fonts/MyriadPro-Bold.eot'); /*IE9*/
  src:url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/MyriadPro-Bold.woff') format('woff'), /* Modern Browsers */
  url('../fonts/MyriadPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/MyriadPro-Bold.svg#MyriadPro') format('svg'); /* Legacy iOS */
  font-style:normal;
  font-weight:700;
}

/*初始化样式*/
*{-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;}
body{background-color:#fff;color:#333;font:16px/1.875em Arial,'Microsoft Yahei';overflow-x:hidden;width:100%;word-wrap:break-word;text-align:justify;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#269aa4;}
a img{border:none;}
img{max-width:100%;}
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;color:#666;}
input[type='text']:-moz-placeholder{opacity:1;color:#666;}
input[type='text']::-webkit-input-placeholder{opacity:1;color:#666;}
input[type='text']:-ms-input-placeholder{opacity:1;color:#666;}
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:90%;max-width:1440px;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.pic{overflow:hidden;position:relative;}
.pic img{display:block;width:100%;height:auto;}
.pic .bg{background:no-repeat center center;background-size:cover;display:block;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.inputIE{position:relative;overflow:hidden;}
.inputIE .inpText{display:block;}
.inputIE .placeholder{cursor:text;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;color:#666;font-size:16px;line-height:30px;}
.inputIE .placeholder i{position:relative;font-style:normal;display:block;}
.inputIE .placeholder .rq:after{content:'*';color:#c40009;display:inline-block;margin-left:5px;}

/* 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;text-indent:-99999em;font-size:0;background:no-repeat 0 0;background-size:100% auto;cursor:pointer;}
.slick-dots{font-size:0;line-height:normal;}
.slick-dots button{display:block;border:none;background-color:transparent;cursor:pointer;}

/*header*/
#header{position:absolute;left:0;top:0;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;z-index:9;}
#header .inner{position:relative;}

/*logo*/
#logo{float:left;width:160px;padding:35px 0 25px;}
#logo h1{padding-bottom:25%;position:relative;}
#logo a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;text-indent:-9999em;overflow:hidden;background:url(../images/logo.png) no-repeat 0 0;background-size:100% auto!important;}

/*pages*/
#pages{overflow:hidden;padding:11px 0;}
#pages ul{float:right;}
#pages li{float:left;font-size:14px;line-height:2em;position:relative;padding:0 24px;}
#pages li:after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,0.5);height:10px;width:1px;}
#pages li:last-child{padding-right:0;}
#pages li:last-child:after{display:none;}
#pages a{color:#fff;opacity:.5;}
#pages a:hover{opacity:1;}

/*topBtn*/
.topBtn{float:right;position:relative;padding:5px 0;width:18px;height:18px;cursor:pointer;}
.topBtn i{display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%);}

/*schBtn*/
#schBtn i{width:18px;height:18px;background:url(../images/icon_search.png) no-repeat 0 0;background-size:100% auto;margin-left:-9px;}

/*searchBox*/
#searchBox{position:absolute;right:-18px;top:100%;width:300px;display:block;padding-top:15px;display:none;}
#searchBox:before{content:'';display:block;position:absolute;right:10px;top:9px;border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);}
#searchBox .form{background-color:#fff;position:relative;border-radius:5px;}
#searchBox .input{margin-right:46px;overflow:hidden;}
#searchBox .submit{display:block;overflow:hidden;height:100%;width:46px;position:absolute;right:0;top:0;cursor:pointer;}
#searchBox .submit:before{width:18px;height:18px;background:url(../images/icon_search.png) no-repeat 0 100%;background-size:100% auto;content:'';display:block;position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px;}
#searchBox .text{display:block;width:88%;font-size:16px;line-height:26px;height:26px;padding:10px 6%;color:#269aa4;border-radius:5px 0 0 5px;background-color:#eaf5f7;}

/*navBtn*/
#navBtn{display:none;}
#navBtn i{width:30%;height:1px;background-color:#fff;left:30%;}
#navBtn i:before,#navBtn i:after{content:'';display:block;position:absolute;left:0;height:1px;background-color:#fff;transition:all .3s;}
#navBtn i:before{top:-8px;width:120%;}
#navBtn i:after{bottom:-8px;width:80%;}
#navBtn.active{background-color:#269aa4;border-bottom:1px solid #269aa4;}
#navBtn.active i{height:0;}
#navBtn.active i:before{transform:rotate(45deg);top:0;}
#navBtn.active i:after{width:120%;transform:rotate(-45deg);bottom:auto;top:0;}

/*nav*/
#nav{margin:0 0 0 160px;}
#nav ul{font-size:0;line-height:normal;text-align:right;}
#nav li{display:inline-block;font-size:18px;padding:0 3.125% 23px;line-height:28px;position:relative;}
#nav a{color:#fff;display:inline-block;}
#nav li ul{position:absolute;left:0;top:100%;width:100%;background-color:#fff;z-index:2;text-align:center;padding:10px 0;display:none;}
#nav li li{font-size:16px;line-height:1.875em;display:block;padding:0;}
#nav li li a{display:block;color:#777;padding:5px;}
#nav li li a:hover{color:#269aa4;background-color:#eaf5f7;}
#nav em{display:inline-block;vertical-align:middle;position:relative;width:9px;height:6px;margin-left:10px;margin-top:-5px;}
#nav em:after{content:'';display:block;width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;position:absolute;left:50%;top:50%;transform:rotate(45deg);margin:-5px 0 0 -6px;transition:all .3s;}

/*moreBtn*/
.moreBtn a{width:178px;width:9.27083333vw;text-align:center;line-height:48px;line-height:2.5vw;border:1px solid #fff;font-size:20px;font-size:1.04166667vw;display:block;overflow:hidden;color:#fff;}
.moreBtn a:hover{background-color:#fff;color:#269aa4;}
.moreBtn .blue{color:#269aa4;border-color:#269aa4;}
.moreBtn .blue:hover{background-color:#269aa4;color:#fff;}

/*slides*/
#slides{color:#fff;}
#slides .loading{padding-bottom:46.875%;}
#slides .item{position:relative;display:block!important;}
#slides .pic{padding-bottom:46.875%;background:no-repeat center center;background-size:cover;}
#slides .wap{display:none;}
#slides .info{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;}
#slides .title{overflow:hidden;margin-bottom:4.02777778%;}
#slides h2,#slides h3{font-weight:normal;line-height:1.35em;margin-bottom:1.66666667%;}
#slides h2{font-size:48px;font-size:2.5vw;}
#slides h3{font-size:30px;font-size:1.5625vw;}
#slides p{font-size:54px;font-size:2.8125vw;font-weight:bold;line-height:1.25em;}
#slides .moreBtn a{width:10.27777778%;}
#slides .slick-dots{ /*display:none !important;*/ position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:90%;max-width:1440px; margin-bottom:5.20833333%;text-align: center;}
#slides .slick-dots li{width: 8px;height: 8px;display: inline-block;vertical-align: middle;margin: 0 5px;border-radius:50%;background:#fff;}
// #slides .slick-dots li{padding:1.73611111%;border-bottom:1px solid #fff;opacity:.5;cursor:pointer;transition:opacity .3s;}
#slides .slick-dots .slick-active{opacity:1;background:#269aa4;}
#slides .slick-dots button{font-size:18px;display:block;color:#fff;line-height:1.5em;display:none}

/*footer*/
#footer{background-color:#ebf5f6;padding:1.5625% 0 0.83333333%;font-size:16px;color:#666;line-height:1.875em;}
#footer a{color:#666;}
#footer a:hover{color:#269aa4;}
#footer .top{border-bottom:1px solid rgba(170,216,217,0.3);padding:2.77777778% 0;display:table;width:100%;}
#footer .btm{overflow:hidden;padding:2.08333333% 0;}

/*btmLogo*/
#btmLogo{display:table-cell;vertical-align:bottom;width:125px;}
#btmLogo i{display:block;overflow:hidden;padding-bottom:26.4%;background:url(../images/logo_btm2.png) no-repeat left center;background-size:contain;}

/*social*/
#social{display:table-cell;vertical-align:bottom;}
#social ul{font-size:0;line-height:normal;text-align:center;float:right;}
#social li{display:inline-block;margin-left:30px;position:relative;}
#social a{display:block;overflow:hidden;width:45px;height:45px;background:no-repeat center center;background-size:contain;text-indent:-9999em;}
#social a:hover{opacity:.85;}
#social .wx{margin-left:0;}
#social .wx a{background-image:url(../images/social_wx.png);}
#social .wb a{background-image:url(../images/social_wb.png);}
#social .qq a{background-image:url(../images/social_qq.png);}
#social .qr{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:10px;background-color:#fff;padding:6px;width:120px;z-index:5;display:none;}
#social .qr img{width:100%;height:auto;display:block;}
#social .qr:after{width:8px;height:8px;background-color:#fff;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;margin-left:-5px;bottom:-5px;}
#social .wap{display:none;}

/*wechat*/
#wechat{float:right;width:140px;}
#wechat .qrcode{padding:10px;background-color:#fff;margin-bottom:5px;}
#wechat img{display:block;width:100%;height:auto;}
#wechat .text{font-size:14px;color:#000;line-height:1.75em;text-align:center;}

/*menu && pagelist*/
#menu,#pagelist{margin-right:160px;}
#menu ul,#pagelist ul{overflow:hidden;}
#menu li,#pagelist li{float:left;padding-right:3.125%;}

/*menu*/
#menu{margin-bottom:44px;}

/*pagelist*/
#pagelist{margin-bottom:5px;}
#pagelist li{padding-right:26px;position:relative;}
#pagelist li:after{width:4px;height:4px;content:'';display:block;position:absolute;right:11px;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.3);}
#pagelist li:last-child:after{display:none;}

/*copyright*/
#copyright{margin-right:160px;}

/*banner*/
#banner{padding-bottom:36.45833333%;background:no-repeat center center;background-size:cover;position:relative;}
#banner .info{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;text-align:center;color:#fff;}
#banner h2{font-size:46px;font-size:2.39583333vw;line-height:1.1em;}
#banner h3{font:600 60px/1em 'AvantGarde';font-size:3.125vw;opacity:.1;position:absolute;left:0;width:100%;bottom:82%;text-transform:uppercase;}
#wrapper{padding:5.72916667% 0;}

/*entry*/
.entry{font-size:16px;line-height:2.25em;color:#666;}
.entry img{height:auto!important;}

/*back*/
.back a{display:block;background-color:#269aa4;color:#fff;width:140px;height:50px;line-height:50px;font-size:16px;text-align:center;margin:0 auto;}
.back a:hover{opacity:.85;}

/*newsDetails*/
#newsDetails .title,#singlePage .title{text-align:center;font-size:36px;color:#333;line-height:1.5em;font-weight:500;margin-bottom:0.83333333%;}
#newsDetails .entry{border-bottom:1px solid rgba(228,0,127,0.1);padding-bottom:4.86111111%;margin-bottom:2.08333333%;}
#newsDetails .back{float:right;padding:10px 0;}
#newsDetails .singlePage{font-size: 14px; line-height: 26px; color: #3e3e3e;}


/*singlePage*/
#singlePage .title{margin-bottom:5%;}

/*postmeta*/
#postmeta{border-bottom:1px solid #eee;font-size:0;line-height:normal;text-align:center;padding-bottom:2.08333333%;margin-bottom:4.86111111%;}
#postmeta span{display:inline-block;font:600 16px/1.875em 'AvantGarde';color:#999;}

/*postnavi*/
#postnavi{margin-right:170px;overflow:hidden;font-size:16px;color:#666;line-height:1.875em;}
#postnavi p{padding:2.5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#postnavi a{color:#666;}
#postnavi a:hover{color:#269aa4;}
.slick-data{display:table;width:43.05555556%;position:absolute;right:0;bottom:0;}
.slick-data .page{font:600 18px/1em 'AvantGarde';color:#666;width:60px;display:table-cell;vertical-align:middle;}
.slick-data .page i{font-weight:normal;font-family:'Arial';color:#e1e1e1;padding:0 3px;}
.slick-data .process{display:table-cell;vertical-align:middle;}
.slick-data .process span{display:block;width:100%;background-color:#ddd;position:relative;height:1px;}
.slick-data .process i{display:block;overflow:hidden;position:absolute;left:0;top:0;width:0;height:100%;background-color:#269aa4;transition:width .8s;}
.slick-data .arrow{font-size:0;line-height:normal;}
.slick-data .slick-arrow{width:10px;height:18px;background:no-repeat center center;background-size:contain;margin:0 7.09046455%;}
.slick-data .slick-prev{background-image:url(../images/arrow_01.png);}
.slick-data .slick-next{background-image:url(../images/arrow_02.png);}

/*newsTop*/
#newsTop{background-color:#f8f8f8;padding:6.25% 0 5.20833333%;}
#newsTop .inner{position:relative;}
#newsTop .info{display:table;table-layout:fixed;width:100%;}
#newsTop .pic{width:50%;display:table-cell;vertical-align:middle;}
#newsTop .pic a{transition:all .3s;}
#newsTop .pic a:hover{transform:scale(1.1);}
#newsTop .bg{padding-bottom:61.11111111%;}
#newsTop .text{display:table-cell;vertical-align:middle;padding-left:6.94444444%;padding-bottom:30px;}
#newsTop .date{font:600 18px/1.35em 'AvantGarde';color:#666;margin-bottom:6.12903226%;}
#newsTop .title{font-size:26px;font-weight:normal;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5.64516129%;}
#newsTop .title a{color:#333;}
#newsTop .title a:hover{color:#269aa4;}
#newsTop .rows{font-size:16px;line-height:2.25em;height:4.5em;-webkit-line-clamp:2;margin-bottom:6.12903226%;color:#666;}
#newsTop .more a{display:block;overflow:hidden;width:138px;height:48px;line-height:48px;border:1px solid #269aa4;text-align:center;color:#269aa4;font-size:16px;}
#newsTop .more a:hover{background-color:#269aa4;color:#fff;}

/*newsList*/
#newsList{padding:3.125% 0;}
#newsList #pagenavi{padding:4.02777778% 0;}

/*newsItem*/
.newsItem{margin-bottom:2.77777778%;padding-bottom:2.77777778%;border-bottom:1px solid #eee;}
.newsItem .info{display:table;table-layout:fixed;width:100%;}
.newsItem .td{display:table-cell;vertical-align:middle;}
.newsItem .pic{width:320px;overflow:visible;}
.newsItem .pic a{transition:all .3s;}
.newsItem .pic a:hover{box-shadow:0px 17px 27px rgba(0,0,0,0.26);}
.newsItem .bg{padding-bottom:66.875%;}
.newsItem .text{padding:1.73611111% 0;}
.newsItem .cont{border-right:1px solid #eee;padding:2.57997936% 10.31991744% 2.06398349%;}
.newsItem .title{font-size:20px;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2.34131113%;}
.newsItem .rows{font-size:16px;line-height:2.25em;height:4.5em;color:#666;-webkit-line-clamp:2;}
.newsItem .date{font:600 16px/1.5em 'AvantGarde';color:#999;text-align:center;width:10.41666667%;}
.newsItem .date time{display:block;float:right;}
.newsItem .date i{display:block;font-style:normal;font-size:56px;color:#666;line-height:1em;margin-bottom:5px;}

/*pagenavi*/
#pagenavi{font-size:0;line-height:normal;text-align:center;}
#pagenavi a{display:inline-block;height:50px;min-width:50px;margin:2px 0.69444444%;font-size:14px;line-height:50px;vertical-align:top;color:#666;background-color:#f5f5f5;}
#pagenavi .a_cur,#pagenavi a:hover{color:#fff;background-color:#269aa4;}
#pagenavi .a_prev,#pagenavi .a_next{text-indent:-99999em;position:relative;padding:0;width:50px;}
#pagenavi .a_prev:before,#pagenavi .a_next:before{width:16%;padding-bottom:30%;background:no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:50%;top:50%;margin-left:-8%;transform:translateY(-50%);}
#pagenavi .a_prev:hover:before,#pagenavi .a_next:hover:before{background-position:0 100%;}
#pagenavi .a_prev:before{background-image:url(../images/a_prev.png);}
#pagenavi .a_next:before{background-image:url(../images/a_next.png);}

/*contact*/
#contact{display:table;table-layout:fixed;width:100%;}
#contact .left{display:table-cell;vertical-align:top;width:45.83333333%;}
#contact .map{padding-bottom:60.60606061%;position:relative;}
#contact .map img{max-width:none;}
#contact #allmap{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;}
#contact .BMap_bubble_top,#contact .BMap_bubble_pop img,#contact .shadow,#contact .BMap_bubble_bottom{display:none!important;}
#contact .BMap_bubble_pop{width:110px!important;height:35px!important;text-align:center;font-weight:bold;color:#555;border-radius:0!important;border:none;box-shadow:2px 2px 2px rgba(0,0,0,0.15);margin-top:35px;margin-left:20px;}
#contact .BMap_bubble_pop *{width:100%!important;height:100%!important;}
#contact .BMap_bubble_content{line-height:35px!important;color:#555!important;}
#contact .BMap_bubble_center{margin-bottom:-35px;}
#contact .BMap_bubble_center:after{background-color:#fff;border-right:1px solid rgba(0,0,0,0.15);border-bottom:1px solid rgba(0,0,0,0.15);width:8px;height:8px;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;bottom:-5px;margin-left:-5px;}
#contact .btm{background-color:#f8f9fa;display:table;table-layout:fixed;padding:7.57575758%;width:84.84848485%;}
#contact .qrcode{display:table-cell;vertical-align:top;width:120px;}
#contact .qrcode img{display:block;width:100%;height:auto;}
#contact .info{display:table-cell;vertical-align:middle;font-size:16px;color:#999;line-height:1.5em;padding-right:5%;}
#contact .info li{margin-bottom:2.14285714%;}
#contact .info li:last-child{margin-bottom:0;}
#contact .info span{font-weight:bold;color:#269aa4;line-height:30px;}
#contact .info .tel{font-size:20px;font-family:'AvantGarde';}
#contact .info .addr{font-size:18px;}
#contact .right{display:table-cell;vertical-align:middle;padding-left:5.55555556%;}
#contact .title{margin-bottom:4.28571429%;}
#contact h2{font-size:40px;font-size:2.08333333vw;line-height:1.125em;display:inline-block;vertical-align:bottom;}
#contact h3{font:600 16px/1.5em 'AvantGarde';font-style:italic;color:#bfbfbf;display:inline-block;vertical-align:bottom;letter-spacing:2px;text-transform:uppercase;margin-left:15px;}
#contact h3 i{font-weight:normal;font-size:24px;font-family:'Airla';margin-right:5px;}
#contact .tips{font-size:26px;font-size:1.35416667vw;line-height:1.5em;margin-bottom:5.71428571%;}
#contact .two{overflow:hidden;}
#contact .two .item{float:left;width:48.57142857%;}
#contact .two .item:nth-child(2n){float:right;}
#contact .two .text{width:88.23529412%;padding:10px 5.88235294%;}
#contact .item{padding-bottom:2.85714286%;}
#contact .text{background-color:#f8f9fa;width:94.28571429%;padding:10px 2.85714286%;font-size:16px;color:#333;height:30px;line-height:30px;}
#contact .placeholder{padding:10px 0;}
#contact .placeholder i{padding:0 5.88235294%;}
#contact .textarea{padding-bottom:5.71428571%;}
#contact .textarea .text{height:130px;}
#contact .textarea .placeholder i{padding:0 2.85714286%;}
#contact .submit{width:140px;height:50px;background-color:#269aa4;color:#fff;font-size:16px;display:inline-block;vertical-align:middle;margin-right:5%;cursor:pointer;}
#contact .accept{display:inline-block;vertical-align:middle;font-size:16px;color:#999;}
#contact .accept a{color:#269aa4;}
#contact .accept a:hover{text-decoration:underline;}

/*distributor*/
#distributor{overflow:hidden;}
#distributor ul{overflow:hidden;}
#distributor li{float:left;width:8%;text-align:center;padding:1.5% 1%;}
#distributor .icon{margin:0 auto 5px;width:65px;}
#distributor .icon i{display:block;padding-bottom:67.6923%;background:no=repeat center center;background-size:contain;}
#distributor h4{font-size:16px;line-height:1.875em;font-weight:normal;}

/*aboutPage*/
#aboutPage{background:url(../images/bg_aboutpage.png) no-repeat center top;background-size:100% auto;padding:4.16666667% 0 6.25%;}

/*submenu*/
#submenu{margin-bottom:3.47222222%;}
#submenu ul{font-size:0;line-height:normal;text-align:center;}
#submenu li{display:inline-block;font-size:20px;line-height:2.5em;width:14.5%;margin:0 1.04166667% 2.08333333%;}
#submenu a{display:block;overflow:hidden;background-color:#e6f0f1;color:#333;}
#submenu .cur a,#submenu a:hover,#submenu li#cat1 a:hover,#submenu li#cat1.cur:last-child a{color:#fff;background-color:#269aa4;}
#submenu .cur a img,#submenu a:hover img{display:none;}
#submenu .cur .icon1,#submenu a:hover .icon1{display:inline-block;}
#submenu img{display:inline-block;max-width:32px;max-height:26px;vertical-align:middle;margin-right:5px;}
#submenu .icon1{display:none;}
#submenu li#cat1{display:block;margin:0 auto;}
#submenu li#cat1 a{background-color:#f5f5f5;}

/*vision*/
#vision{position:relative;}
#vision .pic{padding-bottom:48.61111111%;background:no-repeat center center;background-size:cover;}
#vision .info{position:absolute;left:10%;top:50%;width:80%;color:#fff;text-align:center;transform:translateY(-50%);}
#vision h2{font-size:36px;line-height:1.5em;margin-bottom:2.60416667%;}
#vision .intro{font-size:18px;line-height:2em;}

/*about*/
#about{padding-top:8.68055556%;}
#about .text{position:relative;}
#about .text:before{width:43.33333333%;padding-bottom:10.55555556%;background:url(../images/logo_linear.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:-10.41666667%;right:-7.8125vw;top:0;margin-top:-6.94444444%;}
#about .title{float:left;width:350px;position:relative;z-index:2;}
#about .title h2{font-size:40px;font-size:2.08333333vw;line-height:1.5em;}
#about .title h3{color:#bfbfbf;font:600 italic 16px/1.875em 'AvantGarde';letter-spacing:1px;text-align:left;}
#about .intro{font-size:16px;color:#666;line-height:2.25em;margin-left:37.5%;position:relative;z-index:2;}

/*videoList*/
@keyframes circle{
  0%{opacity:.8;transform:scale(1);}
  100%{opacity:0;transform:scale(2);}
}
#videoList{overflow:hidden;margin-bottom:4.65277778%;}
#videoList .entry{max-width:60%;margin:0 auto 3.5%;text-align:center;}
#videoList ul{overflow:hidden;width:102.08333333%;}
#videoList li{float:left;width:31.29251701%;padding-bottom:2.07482993%;padding-right:2.04081633%;}
#videoList li .bg{background:no-repeat center center;background-size:cover;padding-bottom:54.34782609%;transition:all .5s;}
#videoList li .icon{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:9.13043478%;margin-left:-4.56521739%;z-index:2;}
#videoList li .icon:before,#videoList li .icon:after{width:100%;height:100%;border-radius:50%;background-color:#269aa4;transform:scale(1);content:'';display:block;position:absolute;left:0;top:0;opacity:.8;}
#videoList li .icon:before{animation:circle 4s linear infinite 0s;}
#videoList li .icon:after{animation:circle 4s linear infinite 2s;}
#videoList li i{display:block;overflow:hidden;position:relative;z-index:2;padding-bottom:100%;border-radius:50%;background:#269aa4 url(../images/icon_play.png) no-repeat 55% center;background-size:30.95238095% auto;}
#videoList li h2{font-size:18px;font-weight:normal;text-align:center;position:absolute;left:5%;width:90%;bottom:0;line-height:1.5em;margin-bottom:2.82608696%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;}
#videoList li:first-child{padding-bottom:2.04081633%;width:64.62585034%;}
#videoList li:first-child .bg{padding-bottom:55.78947368%;}
#videoList li:first-child .icon{width:4.42105263%;margin-left:-2.21052632%;}
#videoList li:first-child h2{bottom:auto;top:50%;transform:translateY(-50%);margin-top:7.57894737%;margin-bottom:0;}
#videoList li a{display:block;overflow:hidden;position:relative;color:#fff;}
#videoList li a:before{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.4);z-index:1;}
#videoList li a:hover .bg{transform:scale(1.1);}

/*compliance*/
#compliance{color:#fff;}
#compliance .top,#compliance .bg{position:relative;background:no-repeat center center;background-size:cover;}
#compliance .top:before,#compliance .bg:before{width:100%;height:100%;left:0;top:0;content:'';display:block;position:absolute;}
#compliance .top{padding:9.23611111% 4.86111111% 20.83333333%;}
#compliance .top:before{background-color:rgba(38,154,164,0.9);}
#compliance .top .intro{margin-left:230px;}
#compliance .title,#compliance .intro,#compliance .btm{position:relative;z-index:2;}
#compliance .title{float:left;max-width:200px;}
#compliance h2{font-size:40px;line-height:1.35em;margin-bottom:3.5%;}
#compliance h3{font:600 16px/1.5em 'AvantGarde';font-style:italic;letter-spacing:2px;text-transform:uppercase;}
#compliance .intro{font-size:16px;line-height:1.875em;}
#compliance .btm{margin-top:-14.58333333%;padding:0 4.86111111%;overflow:hidden;}
#compliance .item{float:left;width:47.69230769%;}
#compliance .item:nth-child(2n){float:right;}
#compliance .bg{padding-bottom:64.51612903%;}
#compliance .bg:before{background-color:rgba(0,0,0,0.2);}
#compliance .text{position:absolute;top:50%;transform:translateY(-50%);left:5%;width:90%;z-index:2;text-align:center;}
#compliance h4{font-size:30px;line-height:1.5em;margin-bottom:1.25448029%;}
#compliance .icon{width:30px;padding-bottom:30px;background:url(../images/icon_01.png) no-repeat center center;background-size:contain;margin:3.94265233% auto 0;}

/*popup*/
.popupBtn{cursor:pointer;}

/*popup*/
.popup{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:none;}
.popup .table{display:table;width:100%;height:100%;}
.popup .box{display:table-cell;vertical-align:middle;height:100%;}
.popup .info{background-color:#fff;width:62.5%;margin:0 auto;max-height:80%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup .text{padding:7.5% 8.33333333% 8.33333333%;position:relative;overflow:hidden;}
.popup .en{font:700 200px/0.8em 'MyriadPro';font-size:10.417vw;color:#269aa4;opacity:.25;margin-bottom:-3.5%;background-image:-webkit-linear-gradient(top,#269aa4,#fff);background-image:linear-gradient(top,#269aa4,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;position:absolute;right:-0.5em;top:0;margin-top:5.32241556%;}
.popup h5{font-size:30px;line-height:1.5em;margin-bottom:4.3%;position:relative;z-index:4;}
.popup .intro{position:relative;z-index:4;font-size:16px;line-height:1.875em;color:#666;}
.popup .intro a{color:#269aa4;}
.popup .intro a:hover{text-decoration:underline;}
.popup .close{width:62.5%;margin:0 auto;position:relative;cursor:pointer;}
.popup .close i{display:block;overflow:hidden;width:2.33333333%;padding-bottom:2.33333333%;position:absolute;left:100%;bottom:100%;margin:0 0 1.66666667% 1.66666667%;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;}
#partnerPage{background:url(../images/bg_map.png) no-repeat center 2%;background-size:100% auto;}

/*partnerIntro*/
#partnerIntro{font-size:16px;line-height:2.375em;color:#666;margin-bottom:2.77777778%;}

/*partnerLogo*/
#partnerLogo{margin-bottom:3.68055556%;}
#partnerLogo ul{overflow:hidden;padding-bottom:1.38888889%;}
#partnerLogo li{float:left;width:25%;}
#partnerLogo .logo{padding:7.36111111%;}
#partnerLogo i{box-shadow:0px 20px 40px rgba(0,0,0,0.06);box-shadow:0px 1.04166667vw 2.08333333vw rgba(0,0,0,0.06);display:block;overflow:hidden;padding-bottom:56.25%;background:#fff no-repeat center center;background-size:contain;}
#partnerLogo .slick-arrow{width:10px;height:15px;background:no-repeat center center;background-size:contain;position:absolute;top:50%;transform:translateY(-50%);margin-top:-0.69444444%;}
#partnerLogo .slick-prev{right:100%;background-image:url(../images/icon_arrow_prev.png);}
#partnerLogo .slick-next{left:100%;background-image:url(../images/icon_arrow_next.png);}
#partnerLogo .loading{padding-bottom:32.73381944%;}

/*partnerList*/
#partnerList .item{margin-bottom:3.47222222%;}
#partnerList .pic{padding-bottom:31.25%;background:no-repeat center center;background-size:cover;}
#partnerList .text{position:absolute;top:50%;transform:translateY(-50%);left:8.33333333%;width:83.33333333%;}
#partnerList h2{font-size:30px;line-height:1.5em;margin-bottom:0.83333333%;}
#partnerList .rows{font-size:16px;line-height:2.25em;-webkit-line-clamp:5;max-height:11.25em;}
#partnerList .tel{font-size:16px;line-height:2.25em;}
#partnerList .num{font:600 20px/1.5em 'AvantGarde';position:relative;margin-top:0.76388889%;}
#partnerList .num:before{height:1px;width:30px;background-color:rgba(191,191,191,0.8);content:'';display:block;margin-bottom:0.90277778%;}
#partnerList a{display:block;overflow:hidden;position:relative;color:#fff;}

/*proList*/
#proList{margin-bottom:1.18055556%;}
#proList ul{width:102.08333333%;padding:3.47222222% 0;overflow:hidden;}
#proList li{width:31.29251701%;padding:0 2.04081633% 2.72108844% 0;float:left;}
#proList .pic{padding-bottom:82.60869565%;background:no-repeat center center;background-size:contain;}
#proList h4{position:absolute;left:0;bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;background-color:#e1edf1;font-size:18px;text-align:center;width:90%;padding:3.47826087% 5%;line-height:28px;}
#proList li a{display:block;overflow:hidden;position:relative;background-color:#ebf4f7;color:#333;transition:transform .3s;}
#proList li a:hover{color:#fff;transform:translateY(-5.264%);}
#proList li a:hover h4{background-color:#269aa4;}

/*proPage*/
.proPage{position:relative;background:url(../images/bg_product.png) no-repeat right 10%;background-size:33.85416667% auto;}

/*proBtm*/
.proBtm{overflow:hidden;}
.proBtm ul{overflow:hidden;width:102.77777778%;}
.proBtm li{float:left;width:22.2972973%;padding-right:2.7027027%;padding-bottom:2.7027027%;}
.proBtm h5{position:absolute;top:50%;transform:translateY(-50%);left:5%;width:90%;text-align:center;font-size:24px;line-height:1.25em;font-weight:normal;}
.proBtm i{width:18.18181818%;padding-bottom:18.18181818%;background:no-repeat center center;background-size:contain;margin:0 auto 5.45454545%;display:block;}
.proBtm .on{display:none;}
.proBtm a{display:block;overflow:hidden;background-color:#ebf5f6;padding-bottom:84.84848485%;position:relative;color:#333;}
.proBtm a:hover{background-color:#269aa4;color:#fff;}
.proBtm a:hover i{display:none;}
.proBtm a:hover .on{display:block;}

/*proTop*/
.proTop{display:table;table-layout:fixed;width:100%;margin-bottom:5.55555556%;}

/*proInfo*/
.proInfo{display:table-cell;vertical-align:middle;color:#fff;width:34.72222222%;}
.proInfo .box{background-color:#269aa4;width:140%;float:right;position:relative;z-index:2;}
.proInfo .meta{padding:7.14285714% 10.71428571%;}
.proInfo h2{font-size:26px;line-height:1.5em;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:5.45454545%;margin-bottom:5.45454545%;}
.proInfo li{font-size:18px;line-height:1.5em;padding:0.90909091% 0;}
.proInfo span{display:block;}
.proInfo .name{float:left;color:rgba(255,255,255,0.5);}
.proInfo .des{margin-left:120px;overflow:hidden;}

/*proPic*/
.proPic{display:table-cell;vertical-align:top;width:65.27777778%;}
.proPic .pic{padding-bottom:71.27659574%;background:no-repeat center center;background-size:cover;}
.proPic .loading{padding-bottom:71.27659574%;}
.proPic .slick-dots{position:absolute;font-size:0;line-height:normal;left:7.9787234%;bottom:0;margin-bottom:6.38297872%;width:80%;}
.proPic .slick-dots li{display:inline-block;margin-right:3.9893617%;}
.proPic .slick-dots button{display:block;width:10px;height:10px;background-color:rgba(38,154,164,0.2);border-radius:50%;font-size:0;text-indent:-9999em;overflow:hidden;}
.proPic .slick-dots .slick-active button{background-color:#269aa4;}

/*resIntro*/
#resIntro{text-align:center;margin-bottom:2.43055556%;overflow:hidden;}
#resIntro .title{font-size:40px;line-height:1.5em;margin-bottom:0.76388889%;}
#resIntro .intro{font-size:16px;color:#666;line-height:2.25em;}

/*resTitle*/
.resTitle{text-align:center;margin-bottom:1.875%;}
.resTitle h2{font-size:40px;line-height:1.5em;}
.resTitle h3{font:600 italic 16px/1.875em 'AvantGarde';color:#bfbfbf;text-transform:uppercase;letter-spacing:1px;}
.resTitle .intro{font-size:16px;color:#666;line-height:2.25em;margin-top:2.08333333%;}

/*charityItem*/
.charityItem{overflow:hidden;}
.charityItem .pic{width:36.52777778%;float:left;}
.charityItem .text{width:56.875%;float:right;padding-bottom:54px;}
.charityItem .num{font:600 110px/1em 'AvantGarde';font-size:5.7291vw;color:#269aa4;opacity:.5;margin-bottom:-3.5%;background-image:-webkit-linear-gradient(top,#269aa4,#fff);background-image:linear-gradient(top,#269aa4,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.charityItem .title{font-size:30px;color:#23b8bc;line-height:1.25em;margin-bottom:1.58730159%;position:relative;z-index:2;}
.charityItem .intro{font-size:16px;color:#666;line-height:2.25em;margin-bottom:17px;}

/*charity*/
#charity .box{position:relative;}
#charity .slick-data{width:56.875%;margin-bottom:2.5%;}
#charity .process{width:50.06105006%;}

/*growthSlick*/
#growth{margin-bottom:6.25%;}

/*growthSlick*/
#growthSlick .bg,#growthSlick .loading{padding-bottom:50%;}
#growthSlick .text{position:absolute;right:0;top:0;height:69.44444444%;width:27.77777778%;z-index:5;background-color:#269aa4;color:#fff;}
#growthSlick .intro{padding:11.25% 11.25%;overflow:hidden;}
#growthSlick h4{font-size:30px;line-height:1.5em;margin-bottom:4.19354839%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#growthSlick .rows{font-size:16px;line-height:2.25em;margin-bottom:12.90322581%;-webkit-line-clamp:5;max-height:11.25em;}
#growthSlick .btm{display:table;table-layout:fixed;width:100%;}
#growthSlick .num{font:600 60px/1em 'AvantGarde';display:table-cell;vertical-align:middle;}
#growthSlick .more{display:table-cell;vertical-align:middle;width:45px;}
#growthSlick .more a{border-radius:50%;background:#fff url(../images/arrow_02.png) no-repeat center center;background-size:22.22222222% auto;padding-bottom:100%;}
#growthSlick .more a:hover{opacity:.75;}
#growthSlick .item{position:relative;}
#growthSlick .item a{display:block;overflow:hidden;}

/*growthTab*/
#growthTab{margin-bottom:3.05555556%;padding:1.59722222% 0 3.05555556%;}
#growthTab .item{cursor:pointer;}
#growthTab .icon{margin:0 auto;width:25%;background-color:#fff;border:1px dashed #269aa4;border-radius:50%;overflow:hidden;}
#growthTab .icon i{padding-bottom:100%;display:block;overflow:hidden;border-radius:50%;background:no-repeat center center;background-size:contain;}
#growthTab .icon i:last-child{display:none;}
#growthTab .line{width:100%;height:1px;background-color:#269aa4;margin:14.58333333% auto 11.45833333%;position:relative;}
#growthTab .dot{position:absolute;left:50%;top:50%;transform:translateX(-50%);background-color:#fff;padding:6px;margin-top:-8.5px;border-radius:50%;}
#growthTab .dot:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#269aa4;}
#growthTab .dot:after{content:'';display:block;position:absolute;width:15px;height:15px;border:1px solid #269aa4;border-radius:50%;left:50%;top:50%;transform:translateX(-50%);margin-top:-8.5px;opacity:0;}
#growthTab .name{text-align:center;font-size:18px;line-height:1.5em;}
#growthTab .slick-current{color:#269aa4;}
#growthTab .slick-current .icon{background-color:#269aa4;border:1px solid #269aa4;}
#growthTab .slick-current .icon i{display:none;}
#growthTab .slick-current .icon i:last-child{display:block;}
#growthTab .slick-current .dot{padding:12.5px;margin-top:-15px;}
#growthTab .slick-current .dot:after{opacity:1;}

/*innovation*/
#innovation #banner{padding-bottom:31.25%;}
#innovation .title{position:absolute;left:0;bottom:0;width:100%;color:#fff;margin-bottom:3.4375%;}
#innovation .title .item{width:49.30555556%;float:left;}
#innovation .title p{display:none;}
#innovation .title p:first-child{display:block;}
#innovation .title h2{font-size:24px;font-weight:normal;line-height:1.5em;margin-bottom:1.4084507%;}
#innovation .title p{font-size:46px;font-size:2.39583333vw;line-height:1.5em;font-weight:bold;}
#innovation .btm{margin-bottom:5.98958333%;}
#innovation .text{float:left;width:49.30555556%;padding-top:4.16666667%;}
#innovation .text .item{display:none;}
#innovation .text .item:first-child{display:block;}
#innovation .num{font:600 110px/0.8em 'AvantGarde';font-size:5.7291vw;color:#269aa4;opacity:.5;margin-bottom:-5%;background-image:-webkit-linear-gradient(top,#269aa4,#fff);background-image:linear-gradient(top,#269aa4,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#innovation .intro{font-size:20px;line-height:1.8em;position:relative;z-index:2;}
#innovation .pic{width:36.52777778%;float:right;display:inline-block;margin-top:-10.69444444%;position:relative;z-index:2;overflow:visible;}
#innovation .slick-load{box-shadow:0px 21px 38px rgba(0,0,0,0.06);}
#innovation .bg{padding-bottom:63.11787072%;}
#innovation .slick-data{position:static;width:100%;margin-top:12.35741445%;}
#innovation .arrow{width:120px;}
#innovation .slick-arrow{margin:0 0 0 41.66666667%;}
#innovation .process{width:100%;}

/*recruitment*/
#recruitment{padding:4.6875% 0 5.20833333%;}
#recruitment .intro{font-size:16px;color:#666;line-height:2.25em;margin-bottom:2.08333333%;}
#recruitment .list{overflow:hidden;}
#recruitment ul{width:102.43055556%;overflow:hidden;margin-bottom:1.73611111%;}
#recruitment li{float:left;width:17.62711864%;padding-right:2.37288136%;padding-bottom:2.37288136%;}
#recruitment li h4{font-size:24px;font-weight:normal;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-bottom:6.5%;margin-bottom:16%;}
#recruitment li h4:after{background-color:rgba(255,255,255,0.5);height:1px;width:25%;content:'';display:block;position:absolute;left:0;bottom:0;}
#recruitment li p{font-size:16px;line-height:1.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#recruitment .info{background:no-repeat center center;background-size:cover;position:relative;color:#fff;}
#recruitment .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.55);}
#recruitment .box{position:relative;z-index:2;padding:20.38461538% 11.53846154% 20.76923077%;}

/*readmore*/
.readmore a{display:block;overflow:hidden;background-color:#269aa4;color:#fff;width:148px;height:48px;margin:0 auto;font-size:16px;text-align:center;line-height:48px;border:1px solid #269aa4;}
.readmore a:hover{background-color:transparent;color:#269aa4;}
.readmore .blue{background-color:transparent;border-color:#269aa4;color:#269aa4;}
.readmore .blue:hover{background-color:#269aa4;color:#fff;}

/*tolerance*/
#tolerance{margin-bottom:2.08333333%;}
#tolerance .banner:before,#tolerance .pic:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
#tolerance .banner{padding-bottom:26.04166667%;background:no-repeat center center;background-size:cover;position:relative;}
#tolerance .resTitle{color:#fff;position:absolute;left:0;top:0;width:100%;margin-top:4.6875%;}
#tolerance .inner{overflow:hidden;position:relative;margin-top:-13.54166667%;}
#tolerance .item{float:left;width:50%;}
#tolerance .pic{padding-bottom:66.38888889%;background:no-repeat center center;background-size:cover;position:relative;}
#tolerance .pic:before{background-color:rgba(0,0,0,0.3);}
#tolerance .text{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:90%;text-align:center;color:#fff;}
#tolerance h4{font-size:30px;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1.08024691%;}
#tolerance .rows{font-size:16px;line-height:1.875em;margin-bottom:3.08641975%;max-height:5.625em;-webkit-line-clamp:3;}
#tolerance .intro{display:none;}
#tolerance .readmore a{color:#fff;background-color:transparent;border:1px solid #fff;}
#tolerance .readmore a:hover{background-color:#fff;color:#269aa4;}

/*benefits*/
#benefits{margin-bottom:7.29166667%;}
#benefits .inner{position:relative;}
#benefits .pic{padding-bottom:45.76388889%;background:no-repeat right top;background-size:cover;}
#benefits .text{position:absolute;left:8.33333333%;top:50%;transform:translateY(-50%);color:#fff;width:46.875%;}
#benefits h2{font-size:30px;line-height:1.5em;margin-bottom:1.77777778%;}
#benefits .rows{font-size:16px;line-height:2.25em;max-height:11.25em;}

/*hmTitle*/
.hmTitle h2{font-size:48px;font-size:2.5vw;line-height:1.25em;}
.hmTitle h3{color:#bfbfbf;font:600 italic 20px/1.35em 'AvantGarde';letter-spacing:1px;}
.hmTitle p{font-size:16px;color:#666;line-height:2.25em;margin-top:0.69444444%;}
.hmTitle.white h2,.hmTitle.white h3,.hmTitle.white p{color:#fff;}
.hmTitle.center{text-align:center;}

/*hmAbout*/
#hmAbout{background:url(../images/bg_hmabout.png) no-repeat center top;background-size:cover;padding:5.20833333% 0;}
#hmAbout .inner{display:table;table-layout:fixed;}
#hmAbout .video{width:48.61111111%;display:table-cell;vertical-align:top;}
#hmAbout .video a{display:block;overflow:hidden;position:relative;}
#hmAbout .cover{padding-bottom:98.42857143%;background:no-repeat center center;background-size:cover;}
#hmAbout .icon{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:6%;margin-left:-3%;z-index:2;}
#hmAbout .icon:before,#hmAbout .icon:after{width:100%;height:100%;border-radius:50%;background-color:#269aa4;transform:scale(1);content:'';display:block;position:absolute;left:0;top:0;opacity:.8;}
#hmAbout .icon:before{animation:circle 4s linear infinite 0s;}
#hmAbout .icon:after{animation:circle 4s linear infinite 2s;}
#hmAbout .icon i{display:block;overflow:hidden;position:relative;z-index:2;padding-bottom:100%;border-radius:50%;background:#269aa4 url(../images/icon_play.png) no-repeat 55% center;background-size:30.95238095% auto;}
#hmAbout .text{display:table-cell;vertical-align:middle;padding-right:4.86111111%;}
#hmAbout .hmTitle{margin-bottom:9.40298507%;}
#hmAbout .hmTitle h2{margin-bottom:1.04477612%;}
#hmAbout .intro{font-size:16px;color:#666;line-height:2.25em;margin-left:20.89552239%;margin-bottom:12.68656716%;}
#hmAbout .moreBtn{padding-left:20.89552239%;}

/*hmNews*/
#hmNews{background:url(../images/bg_hmnews.jpg) no-repeat center center;background-size:cover;padding:4.6875% 0 2.60416667%;}
#hmNews .hmTitle{margin-bottom:3.81944444%;}
#hmNews .list{overflow:hidden;}
#hmNews .istop{float:left;width:64.58333333%;padding-bottom:3.47222222%;}
#hmNews .istop a{display:block;overflow:hidden;position:relative;}
#hmNews .istop a:hover .pic{transform:scale(1.1);}
#hmNews .istop .text{background-color:#fff;display:table;table-layout:fixed;width:100%;position:absolute;left:0;bottom:0;z-index:5;}
#hmNews .istop .intro{display:table-cell;vertical-align:middle;padding:3.22580645% 5.91397849% 2.68817204%;}
#hmNews .istop .rows{font-size:16px;color:#999;line-height:24px;height:48px;-webkit-line-clamp:2;}
#hmNews .istop .pic{padding-bottom:67.74193548%;background:no-repeat center center;background-size:cover;transition:all .3s;}
#hmNews .istop .date{display:table-cell;vertical-align:middle;background-color:#269aa4;width:16.12903226%;color:#fff;text-align:center;font-size:16px;line-height:1.35em;}
#hmNews .istop time{display:block;}
#hmNews .istop time i{display:block;overflow:hidden;font-size:56px;line-height:1em;font-style:normal;margin-bottom:5px;}
#hmNews .istop h3{font-size:26px;font-weight:normal;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1.49253731%;}
#hmNews .item{float:right;width:31.94444444%;padding-bottom:3.47222222%;}
#hmNews .item .pic{padding-bottom:63.04347826%;background:no-repeat center center;background-size:cover;transition:all .3s;}
#hmNews .item a{display:block;overflow:hidden;position:relative;}
#hmNews .item a:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:60%;z-index:1;background-image:linear-gradient(to top,#279ea0,transparent);}
#hmNews .item a:hover .pic{transform:scale(1.1);}
#hmNews .item .text{position:absolute;left:6.52173913%;bottom:0;width:86.95652174%;color:#fff;z-index:2;margin-bottom:5%;}
#hmNews .item h3{font-size:20px;font-weight:normal;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#hmNews .item time{display:block;font-size:16px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#hmNews .item .more{width:13.04347826%;position:absolute;right:0;top:0;z-index:2;}
#hmNews .item .more i{display:block;overflow:hidden;padding-bottom:100%;background:url(../images/icon_more.png) no-repeat center center;background-size:contain;}

/*hmApplication*/
#hmApplication{padding:4.6875% 0 2.08333333%;}
#hmApplication .inner{overflow:hidden;}
#hmApplication .hmTitle{margin-bottom:2.77777778%;}
#hmApplication ul{width:104.16666667%;overflow:hidden;}
#hmApplication li{float:left;width:16%;padding-right:4%;padding-bottom:4%;overflow:hidden;}
#hmApplication .pic{padding-bottom:236.25%;background:no-repeat center center;background-size:cover;transition:all .3s;}
#hmApplication .text{position:absolute;left:0;bottom:0;width:100%;text-align:center;margin-bottom:11.66666667%;}
#hmApplication img{display:block;max-width:30%;margin:0 auto 10.41666667%;width:auto;max-height:50px;}
#hmApplication h4{font-size:18px;font-weight:normal;line-height:1.33333333em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#hmApplication li a{display:block;overflow:hidden;position:relative;margin-bottom:37.5%;color:#fff;}
#hmApplication li a:hover .pic{transform:scale(1.1);}
#hmApplication li:nth-child(2n) a{margin-top:37.5%;margin-bottom:0;}

/*hmProduct*/
#hmProduct{background:no-repeat center center;background-size:cover;}
#hmProduct .item{position:relative;}
#hmProduct .info{padding:10% 0 9.47916667%;}
#hmProduct .inner{display:table;table-layout:fixed;}
#hmProduct .pic{width:64.58333333%;display:table-cell;vertical-align:middle;padding:0 10.41666667% 0 8.68055556%;}
#hmProduct .pic i{padding-bottom:80.18292683%;display:block;overflow:hidden;background:no-repeat center center;background-size:contain;}
#hmProduct .text{display:table-cell;vertical-align:middle;}
#hmProduct .hmTitle{margin-bottom:10.58823529%;}
#hmProduct .hmTitle h2{height:2.5em;overflow:hidden;}
#hmProduct .hmTitle p{font-size:20px;line-height:1.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#hmProduct .intro{padding-left:8.82352941%;border-left:4px solid #269aa4;}
#hmProduct .rows{font-size:16px;line-height:2.25em;color:#fff;margin-bottom:13.33333333%;-webkit-line-clamp:3;height:6.75em;}
#hmProduct .slick-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;margin-bottom:3.64583333%;}
#hmProduct .slick-dots li{display:inline-block;margin:0 18px;}
#hmProduct .slick-dots button{display:block;width:13px;height:13px;background-color:rgba(255,255,255,0.6);border-radius:50%;font-size:0;text-indent:-99999em;}
#hmProduct .slick-dots .slick-active button{background-color:#269aa4;}

/*vision*/
#visionList{margin-top:7.29166667%;overflow:hidden;}
#visionList .item{float:left;width:50%;}
#visionList a{position:relative;display:block;overflow:hidden;}
#visionList .pic{padding-bottom:72.91666667%;background:no-repeat center center;background-size:cover;}
#visionList .info{position:absolute;left:15%;top:50%;width:70%;color:#fff;text-align:center;transform:translateY(-50%);}
#visionList h2{font-size:30px;line-height:1.5em;margin-bottom:3.21180556%;}
#visionList .rows{font-size:16px;line-height:1.875em;text-align:justify;text-align-last:center;height:11.25em;-webkit-line-clamp:6;}

/*complianceList*/
#complianceList{color:#fff;margin-top:-10.9375%;}
#complianceList .inner{overflow:hidden;}
#complianceList .item{float:left;width:50%;}
#complianceList .bg{padding-bottom:66.38888889%;position:relative;background:no-repeat center center;background-size:cover;}
#complianceList .bg:before{width:100%;height:100%;left:0;top:0;content:'';display:block;position:absolute;background-color:rgba(0,0,0,0.2);}
#complianceList .text{position:absolute;top:50%;transform:translateY(-50%);left:5%;width:90%;z-index:2;text-align:center;}
#complianceList h4{font-size:30px;line-height:1.5em;margin-bottom:1.25448029%;}
#complianceList .icon{width:30px;padding-bottom:30px;background:url(../images/icon_01.png) no-repeat center center;background-size:contain;margin:3.94265233% auto 0;}
#complianceList .intro{font-size:16px;line-height:1.875em;overflow:hidden;}

/*complianceIntro*/
#complianceIntro{color:#fff;position:relative;background:no-repeat center center;background-size:cover;padding:6.875% 0 17.44791667%;}
#complianceIntro:before{width:100%;height:100%;left:0;top:0;content:'';display:block;position:absolute;background-color:rgba(38,154,164,0.9);}
#complianceIntro .inner{position:relative;z-index:2;overflow:hidden;}
#complianceIntro .title{float:left;width:200px;}
#complianceIntro .intro{margin-left:230px;}
#complianceIntro h2{font-size:40px;line-height:1.35em;margin-bottom:3.5%;}
#complianceIntro h3{font:600 16px/1.5em 'AvantGarde';font-style:italic;letter-spacing:2px;text-transform:uppercase;}
#complianceIntro .intro{font-size:16px;line-height:1.875em;overflow:hidden;}

/*aboutVideo*/
#aboutVideo{margin-top:5.72916667%;margin-bottom:1.04166667%;}
#aboutVideo .resTitle{margin-bottom:2.77777778%;}
#aboutVideo .box{position:relative;color:#fff;}
#aboutVideo .pic{padding-bottom:57.29166667%;background:no-repeat center center;background-size:cover;position:relative;}
#aboutVideo .pic:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);transition:opacity .3s;}
#aboutVideo .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:center;z-index:5;transition:all .3s;margin-top:3.125%;display:none;}
#aboutVideo .icon{display:block;position:relative;width:4.375%;margin:0 auto 3.85416667%;}
#aboutVideo .icon:before,#aboutVideo .icon:after{width:100%;height:100%;border-radius:50%;background-color:#269aa4;transform:scale(1);content:'';display:block;position:absolute;left:0;top:0;opacity:.8;}
#aboutVideo .icon:before{animation:circle 4s linear infinite 0s;}
#aboutVideo .icon:after{animation:circle 4s linear infinite 2s;}
#aboutVideo .icon i{display:block;overflow:hidden;position:relative;z-index:2;padding-bottom:100%;border-radius:50%;background:#269aa4 url(../images/icon_play.png) no-repeat 55% center;background-size:30.95238095% auto;}
#aboutVideo .title{font-size:18px;font-weight:normal;line-height:1.66666667em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#aboutVideo .swiper-container{font-size:0;line-height:normal;text-align:center;}
#aboutVideo .swiper-slide{width:66.66666667%;}
#aboutVideo .swiper-slide-active .pic:before{opacity:0;}
#aboutVideo .swiper-slide-active .text{display:block;}
#aboutVideo .swiper-button-arrow{width:9px;height:15px;position:absolute;top:50%;transform:translateY(-50%);background:no-repeat center center;background-size:contain;margin-top:0;}
#aboutVideo .swiper-button-arrow:after{display:none;}
#aboutVideo .swiper-button-prev{left:-4.16666667%;background-image:url(../images/icon_arrow_prev.png);}
#aboutVideo .swiper-button-next{right:-4.16666667%;background-image:url(../images/icon_arrow_next.png);}

/*widget*/
#widget{position:fixed;right:2%;top:50%;transform:translateY(-50%);width:50px;z-index:7;}
#widget ul{background-color:#fff;border-radius:30px;box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
#widget li{position:relative;border-bottom:1px solid #f9f9f9;}
#widget li:last-child{border-bottom:none;}
#widget a{display:block;padding:15px 10px;}
#widget i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:90% auto;position:relative;z-index:2;}
#widget .qq{background-image:url(../images/widget_qq.png);}
#widget .tel{background-image:url(../images/widget_tel.png);}
#widget .num{background-color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;white-space:nowrap;padding:10px 60px 10px 20px;border-radius:25px;display:none;box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
#widget .wap{display:none;}
@media only screen and (max-width:1760px){

  /*1760px*/
  #about .text:before{right:-5%;}
}
@media only screen and (max-width:1440px){

  /*1440px*/
  #newsDetails .title,#singlePage .title{font-size:32px;}
}
@media only screen and (max-width:1280px){

  /*1280px*/
  #logo{padding:28px 0 22px;width:145px;}

  /*1280px*/
  #pages{padding:8px 0;}
  #pages li{padding:0 20px;}

  /*1280px*/
  #nav li{font-size:16px;line-height:24px;padding-bottom:19px;}

  /*1280px*/
  .topBtn{padding:3px 0;}

  /*1280px*/
  .moreBtn a{font-size:14px;}

  /*1280px*/
  #slides .slick-dots button{font-size:16px;}

  /*1280px*/
  #btmLogo{width:115px;}

  /*1280px*/
  #social li{margin-left:25px;}
  #social a{width:40px;height:40px;}

  /*1280px*/
  #wechat{width:120px;}

  /*1280px*/
  #menu,#pagelist,#copyright{margin-right:140px;}

  /*1280px*/
  #newsDetails .title,#singlePage .title{font-size:28px;}

  /*1280px*/
  .entry{line-height:2em;}

  /*1280px*/
  .back a{width:130px;height:40px;line-height:40px;}

  /*1280px*/
  #postnavi{margin-right:150px;}
  #postnavi p{padding:0;}

  /*1280px*/
  #banner h2{font-size:30px;}
  #banner h3{font-size:40px;}

  /*1280px*/
  .slick-data .page{font-size:16px;}

  /*1280px*/
  #newsTop .date{font-size:16px;margin-bottom:3.5%;}
  #newsTop .title{font-size:22px;margin-bottom:3%;}
  #newsTop .rows{line-height:2em;height:4em;margin-bottom:3.5%;}
  #newsTop .more a{height:40px;line-height:40px;width:128px;}

  /*1280px*/
  .newsItem .pic{width:270px;}
  .newsItem .rows{line-height:2em;height:4em;}

  /*1280px*/
  #pagenavi a{height:40px;line-height:40px;min-width:40px;}
  #pagenavi .a_prev,#pagenavi .a_next{width:40px;}

  /*1280px*/
  #contact .left{width:50%;}
  #contact .btm{width:90%;padding:5%;}
  #contact h2{font-size:28px;}
  #contact .tips{font-size:18px;}
  #contact .submit{width:120px;height:40px;}

  /*1280px*/
  #submenu li{font-size:18px;}

  /*1280px*/
  #vision h2{font-size:32px;}

  /*1280px*/
  #about .title{width:300px;}
  #about .title h3{font-size:14px;}
  #about .text:before{right:-3%;}
  #about .intro{margin-left:32%;line-height:2em;}

  /*1280px*/
  #videoList li h2{font-size:16px;}

  /*1280px*/
  #compliance .top .intro{margin-left:180px;}
  #compliance .title{max-width:150px;}
  #compliance h2{font-size:34px;}
  #compliance h3{font-size:14px;}
  #compliance h4{font-size:26px;}

  /*1280px*/
  .popup h5{font-size:26px;}

  /*1280px*/
  #partnerIntro{line-height:2em;}

  /*1280px*/
  #partnerList h2{font-size:26px;}
  #partnerList .rows{line-height:2em;max-height:10em;}
  #partnerList .tel{line-height:2em;}

  /*1280px*/
  #proList h4{font-size:16px;line-height:24px;}

  /*1280px*/
  .proBtm h5{font-size:20px;}

  /*1280px*/
  .proInfo h2{font-size:22px;}
  .proInfo li{font-size:16px;}
  .proInfo .des{margin-left:100px;}

  /*1280px*/
  #resIntro .title{font-size:34px;}
  #resIntro .intro{line-height:2em;}

  /*1280px*/
  .resTitle h2{font-size:34px;}
  .resTitle .intro{line-height:2em;}

  /*1280px*/
  .charityItem .title{font-size:26px;}
  .charityItem .intro{line-height:2em;}

  /*1280px*/
  #growthSlick .text{height:74%;}
  #growthSlick h4{font-size:26px;}
  #growthSlick .rows{line-height:2em;max-height:10em;}
  #growthSlick .num{font-size:50px;}
  #growthSlick .more{width:38px;}

  /*1280px*/
  #growthTab .name{font-size:16px;}

  /*1280px*/
  #innovation .title h2{font-size:22px;}
  #innovation .intro{font-size:18px;}

  /*1280px*/
  #recruitment .intro{line-height:2em;}
  #recruitment li h4{font-size:20px;}

  /*1280px*/
  .readmore a{height:40px;line-height:40px;width:133px;}

  /*1280px*/
  #tolerance h4{font-size:26px;}

  /*1280px*/
  #benefits h2{font-size:26px;}
  #benefits .rows{line-height:2em;max-height:10em;}

  /*1280px*/
  .hmTitle h2{font-size:32px;font-size:2.5vw;}
  .hmTitle h3{font-size:18px;}
  .hmTitle p{line-height:2em;}

  /*1280px*/
  #hmAbout .intro{line-height:2em;}

  /*1280px*/
  #hmNews .istop h3{font-size:22px;}
  #hmNews .istop time i{font-size:52px;}
  #hmNews .item h3{font-size:18px;}
  #hmNews .item time{font-size:14px;}

  /*1280px*/
  #hmApplication h4{font-size:16px;}

  /*1280px*/
  #hmProduct .hmTitle p{font-size:18px;}
  #hmProduct .rows{line-height:2em;height:6em;}
  #hmProduct .slick-dots li{margin:0 15px;}

  /*1280px*/
  #visionList h2{font-size:26px;}

  /*1280px*/
  #complianceList h4{font-size:26px;}

  /*1280px*/
  #complianceIntro .title{width:150px;}
  #complianceIntro .intro{margin-left:180px;}
  #complianceIntro h2{font-size:34px;}
  #complianceIntro h3{font-size:14px;}

  /*1280px*/
  #aboutVideo .title{font-size:16px;}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  #header{transition:all .3s;}
  #header .inner{position:static;}
  #header.active{background-color:#fff;border-bottom:1px solid #e9e9e9;}
  #header.active #logo a,#header.active #schBtn i{background-position:0 100%;}

  /*1024px*/
  #logo{width:120px;padding:20px 0;position:relative;z-index:9;}

  /*1024px*/
  #pages{display:none;}

  /*1024px*/
  .topBtn{height:100%;width:70px;padding:0;float:none;position:absolute;top:0;right:0;}

  /*1024px*/
  #schBtn{right:70px;}

  /*1024px*/
  #searchBox{right:82px;}

  /*1024px*/
  #navBtn{display:block;}

  /*1024px*/
  #nav{margin:0;position:fixed;left:0%;top:71px;width:100%;height:100%;z-index:8;background-color:rgba(255,255,255,0.95);overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;}
  #nav.active{left:0;display:block;}
  #nav.active a{transform:translateX(0);opacity:1;}
  #nav ul{text-align:left;padding:6% 10%;}
  #nav li{display:block;padding:0;font-size:18px;line-height:2em;border-bottom:1px solid rgba(228,228,228,0.85);}
  #nav li ul{position:static;left:auto;top:auto;width:auto;padding:0;background-color:transparent;}
  #nav li li{border-bottom:none;border-top:1px solid rgba(228,228,228,0.85);text-align:left;}
  #nav li li a{padding:10px 0 10px 2em;margin-right:0;}
  #nav li li a:hover{background-color:transparent;color:#777;}
  #nav a{color:#333;display:block;margin-right:40px;padding:10px 0;transform:translateX(5%);opacity:0;transition:all .5s;}
  #nav em{width:36px;height:36px;position:absolute;right:0;top:10px;z-index:2;display:block;margin:0;cursor:pointer;}
  #nav em:after{border-color:#333;width:8px;height:8px;margin:-7px 0 0 -5px;}
  #nav em.active:after{transform:rotate(-45deg);margin:-5px 0 0 -7px;}

  /*1024px*/
  .moreBtn a{width:96px;height:26px;line-height:26px;font-size:14px;}

  /*1024px*/
  #slides{width:100%;}
  #slides .pc{display:none;}
  #slides .wap,#slides .loading{display:block;padding-bottom:75%;}
  #slides h2{font-size:28px;}
  #slides h3{font-size:18px;}
  #slides p{font-size:32px;}
  #slides .moreBtn a{width:96px;}
  #slides .slick-dots button{font-size:14px;}

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

  /*1024px*/
  #btmLogo{width:100px;}

  /*1024px*/
  #social li{margin-left:20px;}
  #social a{width:35px;height:35px;}
  #social .wap{display:block;}
  #social .pc{display:none;}

  /*1024px*/
  #wechat{width:110px;}

  /*1024px*/
  #menu,#pagelist,#copyright{margin-right:130px;}

  /*1024px*/
  .entry{font-size:14px;line-height:1.75em;}

  /*1024px*/
  .back a{width:110px;height:35px;line-height:35px;font-size:14px;}

  /*1024px*/
  #newsDetails .title,#singlePage .title{font-size:24px;}
  #newsDetails .back{padding:8px 0;}

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

  /*1024px*/
  #postnavi{margin-right:130px;font-size:14px;}
  #postnavi p{padding:0;}

  /*1024px*/
  .slick-data .page{font-size:14px;}

  /*1024px*/
  #newsTop .date{font-size:14px;}
  #newsTop .title{font-size:20px;}
  #newsTop .rows{line-height:1.875em;height:3.75em;font-size:14px;}
  #newsTop .more a{height:35px;line-height:35px;width:118px;font-size:14px;}

  /*1024px*/
  .newsItem .pic{width:220px;}
  .newsItem .title{font-size:18px;}
  .newsItem .rows{line-height:1.875em;height:3.75em;font-size:14px;}
  .newsItem .date{font-size:14px;width:13%;}
  .newsItem .date i{font-size:48px;}

  /*1024px*/
  #pagenavi a{height:34px;line-height:34px;min-width:34px;}
  #pagenavi .a_prev,#pagenavi .a_next{width:34px;}

  /*1024px*/
  .inputIE .placeholder{font-size:14px;line-height:26px;height:26px;}

  /*1024px*/
  #contact,#contact .left{display:block;width:auto;}
  #contact .left{margin-bottom:5%;}
  #contact .info{font-size:14px;}
  #contact .info .tel{font-size:18px;}
  #contact .info .addr{font-size:16px;}
  #contact .right{display:block;padding-left:0;}
  #contact .btm{width:90%;padding:5%;}
  #contact .title{margin-bottom:2.5%;}
  #contact h2{font-size:24px;}
  #contact h3{font-size:14px;}
  #contact h3 i{font-size:20px;}
  #contact .tips{font-size:16px;margin-bottom:2.5%;}
  #contact .text{font-size:14px;line-height:26px;height:26px;}
  #contact .textarea{padding-bottom:3.5%;}
  #contact .submit{width:110px;height:35px;font-size:14px;}
  #contact .accept{font-size:14px;}

  /*1024px*/
  #submenu li{font-size:16px;width:14%;}

  /*1024px*/
  #vision h2{font-size:28px;}
  #vision .intro{font-size:16px;line-height:1.875em;}

  /*1024px*/
  #about .title{width:200px;}
  #about .title h2{font-size:22px;}
  #about .title h3{font-size:12px;}
  #about .intro{margin-left:200px;padding-left:7%;line-height:1.875em;font-size:14px;}

  /*1024px*/
  #videoList li h2{font-size:14px;}

  /*1024px*/
  #compliance .top .intro{margin-left:160px;}
  #compliance .title{max-width:140px;}
  #compliance h2{font-size:28px;}
  #compliance .intro{font-size:14px;}
  #compliance h4{font-size:22px;}

  /*1024px*/
  .popup h5{font-size:22px;}
  .popup .intro{font-size:14px;}

  /*1024px*/
  #partnerIntro{line-height:1.875em;font-size:14px;}

  /*1024px*/
  #partnerList .text{left:4%;width:92%;}
  #partnerList h2{font-size:22px;}
  #partnerList .rows{line-height:1.875em;font-size:14px;max-height:9.375em;}
  #partnerList .tel{line-height:1.875em;font-size:14px;}
  #partnerList .num{font-size:18px;}

  /*1024px*/
  #proList h4{font-size:14px;line-height:1.75em;}

  /*1024px*/
  .proBtm h5{font-size:16px;}
  .proBtm i{width:22%;padding-bottom:22%;}

  /*1024px*/
  .proInfo h2{font-size:18px;}
  .proInfo li{font-size:14px;}
  .proInfo .des{margin-left:90px;}

  /*1280px*/
  #resIntro .title{font-size:28px;}
  #resIntro .intro{line-height:1.875em;font-size:14px;}

  /*1024px*/
  .resTitle h2{font-size:28px;}
  .resTitle h3{font-size:14px;}
  .resTitle .intro{line-height:1.875em;font-size:14px;}

  /*1024px*/
  .charityItem .title{font-size:22px;}
  .charityItem .intro{line-height:1.875em;font-size:14px;}

  /*1024px*/
  #growthSlick .text{width:35%;}
  #growthSlick h4{font-size:22px;}
  #growthSlick .rows{line-height:1.875em;font-size:14px;max-height:7.5em;-webkit-line-clamp:4;}
  #growthSlick .num{font-size:40px;}
  #growthSlick .more{width:30px;}

  /*1024px*/
  #growthTab .icon{width:30%;}
  #growthTab .name{font-size:14px;}

  /*1024px*/
  #innovation .title h2{font-size:20px;}
  #innovation .title p{font-size:24px;}
  #innovation .intro{font-size:16px;}
  #innovation .pic{width:42%;}

  /*1024px*/
  #recruitment .intro{line-height:1.875em;font-size:14px;}
  #recruitment li h4{font-size:18px;}
  #recruitment li p{font-size:14px;}

  /*1024px*/
  .readmore a{font-size:14px;height:35px;line-height:35px;width:118px;}

  /*1024px*/
  #tolerance .banner{padding-bottom:50%;}
  #tolerance .resTitle{margin-top:10%;}
  #tolerance h4{font-size:22px;}
  #tolerance .rows{font-size:14px;}

  /*1024px*/
  #benefits h2{font-size:22px;}
  #benefits .rows{font-size:14px;}

  /*1024px*/
  .hmTitle h2{font-size:24px;}
  .hmTitle h3{font-size:16px;}
  .hmTitle p{line-height:1.875em;font-size:14px;}

  /*1024px*/
  #hmAbout .intro{line-height:1.875em;font-size:14px;}

  /*1024px*/
  #hmNews .istop h3{font-size:18px;}
  #hmNews .istop .date{font-size:14px;width:96px;}
  #hmNews .istop time i{font-size:46px;margin-bottom:0;}
  #hmNews .istop .rows{font-size:14px;}
  #hmNews .item h3{font-size:16px;}

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

  /*1024px*/
  #hmProduct .hmTitle p{font-size:16px;}
  #hmProduct .rows{font-size:14px;line-height:1.875em;height:5.625em;}
  #hmProduct .slick-dots li{margin:0 10px;}

  /*1024px*/
  #visionList h2{font-size:22px;}
  #visionList .rows{font-size:14px;}
  #complianceList h4{font-size:22px;}
  #complianceList .intro{font-size:14px;}

  /*1024px*/
  #complianceIntro .title{width:140px;}
  #complianceIntro .intro{margin-left:160px;font-size:14px;}
  #complianceIntro h2{font-size:28px;}

  /*1024px*/
  #widget .pc{display:none;}
  #widget .wap{display:block;}

  /*1024px*/
  #aboutVideo .swiper-button-prev{left:-3.125%;}
  #aboutVideo .swiper-button-next{right:-3.125%;}
  #aboutVideo .title{font-size:14px;}

  /*1024px*/
  #distributor li{width:10.5%;}
  #distributor h4{font-size:14px;}
}
@media only screen and (max-width:768px){

  /*768px*/
  #logo{width:100px;padding:16px 0;}

  /*768px*/
  .topBtn{width:57px;}

  /*768px*/
  #schBtn{right:57px;}

  /*768px*/
  #searchBox{right:0;width:100%;padding-top:0;box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
  #searchBox:before{display:none;}
  #searchBox .form{border-radius:0;}
  #searchBox .text{font-size:14px;border-radius:0;}

  /*768px*/
  #nav{top:58px;}
  #nav li{font-size:16px;}
  #nav li li{font-size:14px;}
  #nav em{width:32px;height:32px;}
  #nav em:after{width:6px;height:6px;margin:-5px 0 0 -3px;}
  #nav em.active:after{margin:-3px 0 0 -5px;}

  /*768px*/
  #slides{width:100%;}
  #slides h2{font-size:16px;}
  #slides h3{font-size:14px;}
  #slides p{font-size:18px;}

  /*768px*/
  #footer{padding:2.5% 0 1.5%;}
  #footer .top,#footer .btm{padding:4% 0;}

  /*768px*/
  #btmLogo{width:90px;}

  /*768px*/
  #social li{margin-left:15px;}
  #social a{width:30px;height:30px;}

  /*768px*/
  #wechat{float:none;margin:0 auto 2.5%;}
  #wechat .qrcode{padding:5px;}

  /*768px*/
  #menu,#pagelist{margin-right:0;margin-bottom:2%;}
  #menu ul,#pagelist ul{font-size:0;line-height:normal;text-align:center;}
  #menu li,#pagelist li{display:inline-block;font-size:14px;line-height:2em;float:none;padding:0 3%;}
  #pagelist li:after{right:0;margin-right:-2px;}

  /*768px*/
  #copyright{margin-right:0;text-align:center;}

  /*768px*/
  #banner{padding-bottom:50%;}

  /*768px*/
  #wrapper{padding:7% 0;}

  /*768px*/
  .back a{width:100px;height:32px;line-height:32px;}

  /*768px*/
  #newsDetails .title{font-size:20px;margin-bottom:2%;}
  #newsDetails .entry{margin-bottom:4.5%;}
  #newsDetails .back{float:none;padding:0;margin-bottom:3.5%;}

  /*768px*/
  #singlePage .title{font-size:20px;}

  /*768px*/
  #postmeta{padding-bottom:3%;}
  #postmeta span{font-size:12px;}

  /*768px*/
  #postnavi{margin-right:0;}

  /*768px*/
  #banner .info{transform:none;top:55%;}
  #banner h2{font-size:20px;}
  #banner h3{font-size:30px;}

  /*768px*/
  .slick-data{position:static;left:auto;bottom:auto;width:100%;}
  .slick-data .arrow{width:56px;}
  .slick-data .slick-arrow{margin:0 10px;width:8px;height:15px;}

  /*768px*/
  #newsTop{padding:7% 0;}
  #newsTop .info,#newsTop .pic,#newsTop .text{display:block;width:auto;}
  #newsTop .text{padding:5% 0;}
  #newsTop .date{margin-bottom:2.5%;}
  #newsTop .title{font-size:18px;margin-bottom:2%;}
  #newsTop .rows{line-height:1.75em;height:3.5em;margin-bottom:2.5%;}
  #newsTop .more a{height:28px;line-height:28px;width:98px;}

  /*768px*/
  #newsList{padding:7% 0 3.5%;}

  /*768px*/
  .newsItem{padding-bottom:3.5%;margin-bottom:3.5%;}
  .newsItem .info{display:block;width:auto;}
  .newsItem .td{display:block;}
  .newsItem .pic{width:120px;float:left;}
  .newsItem .text{margin-left:130px;overflow:hidden;padding:0;}
  .newsItem .cont{padding:0;border-right:none;}
  .newsItem .title{font-size:16px;line-height:1.65em;margin-bottom:4px;}
  .newsItem .rows{line-height:1.75em;height:3.5em;}
  .newsItem .date{display:none;}

  /*768px*/
  #pagenavi a{height:30px;line-height:30px;min-width:30px;}
  #pagenavi .a_prev,#pagenavi .a_next{width:30px;}

  /*768px*/
  #contact .btm,#contact .info{display:block;width:auto;}
  #contact .info{padding-right:0;margin-bottom:3%;}
  #contact .qrcode{display:block;width:100px;}
  #contact .right{display:block;padding-left:0;}
  #contact .btm{width:90%;padding:5%;}
  #contact .title{margin-bottom:3.5%;}
  #contact h2{font-size:20px;}
  #contact h3{font-size:12px;margin-left:10px;}
  #contact h3 i{font-size:16px;}
  #contact .tips{font-size:14px;margin-bottom:3.5%;}
  #contact .two .item{float:none;width:auto;}
  #contact .two .item:nth-child(2n){float:none;}
  #contact .two .text,#contact .text{padding:5px 5%;width:90%;}
  #contact .textarea{padding-bottom:4.5%;}
  #contact .submit{width:100px;height:32px;}
  #contact .placeholder{padding:5px 0;}
  #contact .textarea .placeholder i,#contact .placeholder i{padding:0 5%;}

  /*768px*/
  #aboutPage{padding:7% 0 9%;}

  /*768px*/
  #submenu{margin-bottom:3.5%;}
  #submenu li{font-size:14px;width:30%;margin:0 1.5% 3%;}
  #submenu li#cat1{display:inline-block;margin:0 1.5% 3%;}

  /*768px*/
  #vision .info{position:static;left:auto;top:auto;transform:none;color:#333;width:auto;padding:5%;}
  #vision h2{font-size:22px;}
  #vision .intro{font-size:14px;line-height:1.75em;}

  /*768px*/
  #about{padding-top:5%;}
  #about .text{margin-bottom:5%;}
  #about .text:before{margin-top:-2%;right:0;}
  #about .title{width:auto;float:none;margin-bottom:3.5%;}
  #about .title h2{font-size:20px;}
  #about .intro{margin-left:0;padding-left:0;line-height:1.75em;}

  /*768px*/
  #videoList{margin-bottom:6%;}
  #videoList .entry{margin-bottom:5%;max-width:90%;}
  #videoList ul{width:103%;}
  #videoList li{width:47%;padding:0 3% 3% 0;}
  #videoList li:first-child{width:47%;}
  #videoList li:first-child .bg{padding-bottom:54.34782609%;}
  #videoList li:first-child .icon{width:9.13043478%;margin-left:-4.56521739%;}
  #videoList li:first-child h2{transform:none;margin-top:0;top:auto;bottom:0;margin-bottom:2.82608696%;}

  /*768px*/
  #compliance .top{padding:9% 6% 20%;}
  #compliance .top .intro{margin-left:0;}
  #compliance .title{max-width:none;float:none;margin-bottom:3.5%;}
  #compliance h2{font-size:22px;margin-bottom:5px;}
  #compliance h3{font-size:12px;letter-spacing:1px;}
  #compliance .intro{line-height:1.75em;}
  #compliance .item{float:none;width:auto;margin-bottom:5%;}
  #compliance .item:nth-child(2n){float:none;}
  #compliance h4{font-size:18px;}
  #compliance .icon{width:25px;padding-bottom:25px;}

  /*768px*/
  .popup .info,.popup .close{width:80%;}
  .popup h5{font-size:18px;}
  .popup .intro{line-height:1.75em;}
  .popup .close i{width:4%;padding-bottom:4%;}

  /*768px*/
  #partnerIntro{line-height:1.75em;margin-bottom:3.5%;}

  /*768px*/
  #partnerLogo li{width:50%;}
  #partnerLogo .logo{padding-top:3%;padding-bottom:3%;}
  #partnerLogo .slick-prev{right:99%;}
  #partnerLogo .slick-next{left:99%;}
  #partnerLogo .loading{padding-bottom:109.43287037%;}

  /*768px*/
  #partnerList .text{position:static;top:auto;left:auto;width:auto;transform:none;padding:5%;}
  #partnerList h2{font-size:16px;margin-bottom:2.5%;}
  #partnerList .rows{line-height:1.75em;display:block;max-height:none;}
  #partnerList .num{margin-top:1.5%;}
  #partnerList .num:before{margin-bottom:2%;}
  #partnerList a{color:#333;}

  /*768px*/
  .proBtm ul{width:103%;}
  .proBtm li{width:47%;padding:0 3% 3% 0;}
  .proBtm i{width:45px;padding-bottom:45px;margin-bottom:15px;}
  .proTop,.proInfo,.proPic{display:block;width:auto;}

  /*768px*/
  .proInfo .box{float:none;width:auto;}
  .proInfo .meta{padding:5% 6%;}
  .proInfo h2{font-size:16px;padding-bottom:3.5%;margin-bottom:3.5%;}
  .proInfo li{padding:5px 0;}
  .proInfo .name{float:none;margin-bottom:5px;}
  .proInfo .des{margin-left:0;}
  .proInfo .slick-dots button{width:6px;height:6px;}

  /*768px*/
  #resIntro{margin-bottom:5%;}
  #resIntro .title{font-size:22px;margin-bottom:3.5%;}
  #resIntro .intro{line-height:1.75em;}

  /*768px*/
  .resTitle{margin-bottom:5%;}
  .resTitle h2{font-size:22px;}
  .resTitle h3{font-size:12px;}
  .resTitle .intro{line-height:1.75em;}

  /*768px*/
  .charityItem .pic,.charityItem .text{float:none;width:auto;}
  .charityItem .text{padding:5% 0 3%;}
  .charityItem .num{font-size:54px;}
  .charityItem .title{font-size:18px;margin-bottom:3.5%;}
  .charityItem .intro{line-height:1.75em;}

  /*768px*/
  #charity .slick-data{width:100%;margin-bottom:0;}
  #charity .process{width:100%;}

  /*768px*/
  #growthSlick .text{width:auto;height:auto;position:static;}
  #growthSlick .intro{padding:5%;}
  #growthSlick h4{font-size:18px;margin-bottom:3.5%;}
  #growthSlick .rows{line-height:1.75em;margin-bottom:5%;}
  #growthSlick .num{font-size:30px;}
  #growthSlick .more{width:25px;}

  /*768px*/
  #growthTab .icon{width:45px;}
  #growthTab .line{margin:23px auto 18px;}
  #growthTab .name{font-size:14px;}

  /*768px*/
  #innovation #banner{padding-bottom:50%;}
  #innovation .title .item,#innovation .text,#innovation .pic{width:auto;float:none;}
  #innovation .title h2{font-size:16px;}
  #innovation .title p{font-size:20px;}
  #innovation .btm{margin-bottom:7%;}
  #innovation .text{padding:7% 0;}
  #innovation .num{font-size:54px;margin-bottom:-3.5%;}
  #innovation .intro{font-size:14px;}
  #innovation .pic{margin-top:0;display:block;}
  #innovation .slick-data{margin-top:5%;}

  /*768px*/
  #recruitment{padding:7% 0;}
  #recruitment .intro{line-height:1.75em;margin-bottom:5%;}
  #recruitment ul{margin-bottom:3%;}
  #recruitment li{width:47%;padding:0 3% 3% 0;}
  #recruitment li h4{font-size:16px;}

  /*768px*/
  .readmore a{height:28px;line-height:28px;width:98px;}

  /*768px*/
  #tolerance .item{float:none;width:auto;}
  #tolerance h4{font-size:18px;margin-bottom:3.5%;}
  #tolerance .rows{line-height:1.75em;margin-bottom:5%;}

  /*768px*/
  #benefits .text{position:static;color:#333;padding:5% 0;transform:none;width:auto;}
  #benefits h2{font-size:18px;}
  #benefits .rows{line-height:1.75em;max-height:none;display:block;}

  /*768px*/
  .hmTitle h2{font-size:20px;}
  .hmTitle h3{font-size:14px;}
  .hmTitle p{line-height:1.75em;}

  /*768px*/
  #hmAbout{padding:7% 0;}
  #hmAbout .inner{display:block;}
  #hmAbout .video{display:block;width:auto;}
  #hmAbout .text{padding-right:0;margin-bottom:5%;}
  #hmAbout .hmTitle{margin-bottom:3.5%;}
  #hmAbout .intro{margin-left:0;line-height:1.75em;margin-bottom:3.5%;}
  #hmAbout .moreBtn{padding-left:0;}

  /*768px*/
  #hmNews{padding:7% 0 5%;}
  #hmNews .hmTitle{margin-bottom:5%;}
  #hmNews .istop{float:none;width:auto;}
  #hmNews .istop .date{font-size:12px;width:70px;}
  #hmNews .istop time i{font-size:36px;}
  #hmNews .istop .rows{line-height:1.75em;height:auto;display:block;white-space:nowrap;}
  #hmNews .item{float:none;width:auto;}

  /*768px*/
  #hmApplication{padding:7% 0 5%;}
  #hmApplication .hmTitle{margin-bottom:3.5%;}
  #hmApplication ul{width:auto;}
  #hmApplication li{width:20%;padding-right:0;}
  #hmApplication li a{margin-bottom:0;}
  #hmApplication li:nth-child(2n) a{margin-top:0;}

  /*768px*/
  #hmProduct .inner{display:block;}
  #hmProduct .pic{display:block;width:auto;padding:0 10%;}
  #hmProduct .text{display:block;margin-bottom:5%;}
  #hmProduct .hmTitle{margin-bottom:5%;}
  #hmProduct .hmTitle p{line-height:1.75em;max-height:3.5em;}
  #hmProduct .intro{border-left-width:2px;padding-left:5%;}
  #hmProduct .rows{line-height:1.75em;height:5.25em;margin-bottom:5%;}
  #hmProduct .slick-dots li{margin:0 7px;}
  #hmProduct .slick-dots button{width:10px;height:10px;}

  /*768px*/
  #visionList .item{width:auto;float:none;}
  #visionList h2{font-size:18px;}
  #visionList .rows{line-height:1.75em;height:10.5em;}
  #complianceList .item{float:none;width:auto;}
  #complianceList h4{font-size:18px;}
  #complianceList .icon{width:25px;padding-bottom:25px;}
  #complianceList .intro{line-height:1.75em;}

  /*768px*/
  #complianceIntro .title{width:none;float:none;margin-bottom:3.5%;}
  #complianceIntro h2{font-size:22px;margin-bottom:5px;}
  #complianceIntro h3{font-size:12px;letter-spacing:1px;}
  #complianceIntro .intro{line-height:1.75em;margin-left:0;}

  /*768px*/
  #widget{width:40px;}
  #widget i{background-size:contain;}

  /*768px*/
  #aboutVideo .icon{width:8%;}
  #aboutVideo .title{font-size:14px;}

  /*768px*/
  #distributor li{width:23%;padding:2% 1%;}
  #distributor .icon{width:60px;}
  #distributor h4{font-size:12px;}
}
@media only screen and (max-width:480px){

  /*480px*/
  #videoList ul{width:auto;}
  #videoList li{float:none;width:auto;}
  #videoList li:first-child{width:auto;}

  /*480px*/
  #proList ul{width:auto;padding-top:0;}
  #proList li{width:auto;padding:0 0 4% 0;float:none;}
  #proList li a:hover{transform:none;}
  #proList h4{padding-top:2%;padding-bottom:2%;}
}





/*  */
.Job-list .list_ul,
.Job-list .job_ol{ overflow:hidden; clear:both;}
.Job-list .job_ol li,
.Job-list .list_ul li{ list-style:none; float:left; width:16.666%; text-align:center;}
.Job-list .job_ol li{ background-color:#279fa0; color:#fff; line-height:3em;}
.Job-list .list{ border-bottom:1px solid #ebebeb;}
.Job-list .job_info{ display:none; border-top:1px solid #ebebeb;}
.Job-list .list_ul{ cursor:pointer;font-size:14px;}
.Job-list .list_ul li{ padding:1em 0;}
.Job-list .list_ul li:nth-child(6) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;}
.Job-list .list_ul li:nth-child(5) a:hover{  background-color:#279fa0;color:#fff;}
.Job-list .job_info{padding:2% 5% 2%;}

.Job-frame{ display: none; position: fixed; top:50%; left:50%; max-width:600px; width:100%; padding:30px; background: #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); box-shadow:0 0 10px rgba(0,0,0,0.2); overflow: hidden; border-radius:10px; z-index:9;}
.Job-frame .Abut a{ cursor: pointer; height:40px; line-height:40px; text-align: center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }
.Job-frame .text{ margin-bottom:20px; padding:0 10px; border:solid 1px #999; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; overflow: hidden; }
.Job-frame .text input{ width:100%; height: 40px; line-height:40px;}
.Job-frame .textarea{ display: block; margin-bottom:20px; padding:10px; border:solid 1px #999; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; overflow: hidden; }
.Job-frame textarea{ display: block; width:100%; height:110px;}
.Job-frame .text-title{ margin-bottom:10px; text-align: center; line-height: 60px; font-size:28px;}
.Job-frame .close{ cursor: pointer; position: absolute; right:20px; top:20px; border:solid 1px #999; border-radius:50%; overflow: hidden; width:25px; height:25px; line-height:25px; text-align: center; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:12px;}
@media(max-width:640px){
.Job-frame{ width:80%; padding:20px;}
.Job-list .job_ol li,
.Job-list .list_ul li{width:25%; font-size: 14px;}
.Job-list .job_ol li:nth-child(4),
.Job-list .job_ol li:nth-child(5),
.Job-list .list_ul li:nth-child(4),
.Job-list .list_ul li:nth-child(5){ display:none;}
.Job-list .job_info{ font-size:14px;}
.Job-frame .text-title{ font-size:20px; line-height:40px;}
.Job-frame .Abut a{ width:50%;}
.Job-frame .close{ right:10px; top:10px;}
}

.Popup{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, .28);z-index: 333}
.Popup .Popup-box{position: absolute;left: 50%;top: 50%;max-width: 1200px;width: 100%;padding: 30px 20px;min-height: 300px;background-color: #fff;transform: translate(-50%,-50%);z-index: 3}
.Popup .Popup-box .close{position: absolute;right: 20px;top: 20px;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 30px;font-size: 18px;color: #fff;background-color: #269aa4;z-index: 3;cursor: pointer;}
.Popup .Popup-box .title{font-size: 24px;text-align: center;}
.Popup .Popup-box .text{margin-top: 30px;font-size: 16px;line-height: 1.6;}
@media(max-width:640px){
  .Popup .Popup-box{max-width: 92%}
}