@charset "utf-8";
@import url(kyart-ui.css);
@import url(https://fonts.googleapis.com/css?family=Forum);
body{font-family:"Open Sans","微軟正黑體",Arial,Helvetica,"Forum",sans-serif;color:#000;-moz-user-select:none;-webkit-user-select:none}
a{color:#000;-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear}
a:hover{color:#555}
.lazyload,.lazyloading{opacity:0}
.lazyloaded{opacity:1;transition:opacity 300ms}
.overlay{background:url("../img/transparent.png") repeat 0 0;position:fixed;left:0;top:0;width:100%;height:100%;z-index:90;display:none}
.showing-nav-sidebar-right{position:fixed;z-index:1;width:100%;height:100%}
.showing-nav-sidebar .overlay,.showing-nav-sidebar-right .overlay{display:block!important}
ul{margin:0;padding:0}
ul li{margin:0;list-style:none}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:10px;padding-left:10px}
.row{margin-left:-10px;margin-right:-10px}
.navbar-fixed-top{margin:0 auto}
.headerbold{margin:0 40px!important}
.homeCover{position:relative}
.logoBox a{position:absolute;left:20px;top:20px;z-index:3;width:65px;height:65px;background:url("../img/logo.png");background-size:cover}
.logoBox a em{font-size:0;position:absolute;top:-999em}
.slick-prev,.slick-next{position:absolute;top:50%;z-index:2;width:30px;height:30px;background:#b5b7b6;border:none;margin-top:-15px;color:#FFF;font-size:14px;text-align:center;line-height:28px;-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;letter-spacing:-0.02m;
overflow: hidden;}
.slick-next{right:0}
.icon-left:before{position:absolute;z-index:3;left:0px;top:0px;margin:0px 0 0 8px}
.icon-right:before{position:absolute;z-index:3;right:0px;top:0px;margin:0px 8px 0 0px}
.home-bg{position:relative}
.home-bg .info{position:absolute;z-index:3;text-align:right;width:100%;color:#fff;top:20px;right:20px;padding-left:100px}
.home-bg .blackColor{color:#000}
.home-bg .info .txt h4{font-size:70px;text-transform:uppercase;line-height:1;margin-top:-10px;font-weight:700}
.home-bg .info .txt h5{font-size:25px;font-weight:500;line-height:1.5}
.home-bg .info .buttonLink button{font-size:18px;padding:0 15px;color:#000;border:none;background:#f6f6f6;height:40px;line-height:40px;margin:0 5px 0 0;letter-spacing:-0.04em;text-transform:uppercase}
.home-bg .info .buttonLink button:hover{background:#000;color:#c30d23}
.homesearch{width:660px;height:200px;position:absolute;overflow:hidden;left:50%;z-index:2;display:block;text-align:center;margin-top:0px;margin-left:-330px;padding-top:0;bottom:0px}
.home-more{-webkit-animation:read-more 2s infinite;-moz-animation:read-more 2s infinite;-o-animation:read-more 2s infinite;animation:read-more 2s infinite;position:absolute;bottom:0px;width:100%}
.home-more .btn:before{width:30px;height:30px;background:#b5b7b6;display:inline-block;position:absolute;left:50%;bottom:0px;margin-left:-15px;z-index:2;content:""}
.home-more .btn:after,.backtopbutton:after{font:14px 'rsicon'!important;content:"\e900";display:inline-block;position:absolute;left:50%;bottom:7px;margin-left:-7px;z-index:3;color:#FFF}
.backtopbutton:after{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);bottom:8px}
.home-more .btn:hover::before,.slick-prev:hover,.slick-next:hover{background:#000;color:#c30d23}
.home-more .btn:hover::after{color:#c30d23}
.backtopbutton:hover,.backtopbutton:hover::after{color:#c30d23;background:#000}
@keyframes read-more{
  0%{bottom:0px}
  25%{bottom:10px}
  50%{bottom:0px}
  75%{bottom:10px}
  100%{bottom:0px}
}
@-webkit-keyframes read-more{
  0%{bottom:0px}
  25%{bottom:10px}
  50%{bottom:0px}
  75%{bottom:10px}
  100%{bottom:0px}
}
@-moz-keyframes read-more{
  0%{bottom:0px}
  25%{bottom:10px}
  50%{bottom:0px}
  75%{bottom:10px}
  100%{bottom:0px}
}
@-o-keyframes read-more{
  0%{bottom:0px}
  25%{bottom:10px}
  50%{bottom:0px}
  75%{bottom:10px}
  100%{bottom:0px}
}
.header{background:#fff;overflow:hidden;padding:0px 40px}
.headerbold .header{padding:10px 0px}
.fixedHeader{position:fixed;top:-116px;z-index:99999;width:100%;background:#fff;left:0px;width:100%;padding:10px  40px;}
.bodyF .headerbold .fixedHeader.header{padding:10px  40px;}
.header .left{float:left}
.header .right{float:right}
.header .type-submenu{position:relative}
.header .type-submenu .left.text-left{display:flex;align-items:center}
.header .actions a{font-size:40px;color:#000;line-height:1}
.header .actions a.icon-menu{margin:10px 0;width:40px;min-height:35px;display:inline-block;background:url(../img/menu.png) no-repeat center 7px;height:35px}
.header .actions a.icon-menu:before{content:""}
.header .actions a:hover{color:#B5B7B6}
.header .logo{width:290px;height:60px;display:block;overflow:hidden;background:url("../img/logo_s.png") no-repeat 0px 10px;background-size:100%;float:left}
.header .logo em{font-size:0;position:absolute;top:-999em;line-height:60px}
.nav-sidebar,.nav-sidebar-right{-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;transition:all 250ms ease;background:#fff;width:230px;position:fixed;left:-240px;color:#9ca4a8;z-index:999999;-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3);bottom:0;top:0px}
.nav-sidebar-right{left:inherit;right:-240px}
.nav-sidebar .viewport{position:absolute!important;top:0;bottom:0;width:100%!important}
.nav-sidebar .content{position:absolute;top:0;bottom:0;width:230px!important;overflow-y:scroll}
.nav-sidebar .scrollbar{background-color:#d5d5d5!important}
.showing-nav-sidebar .nav-sidebar{left:0}
.showing-nav-sidebar-right .nav-sidebar-right{right:0;width:220px!important;overflow-y:scroll!important;height:100%!important}
.showing-nav-sidebar .header-set,.showing-nav-sidebar .main_cover,.showing-nav-sidebar .page-wrap,.showing-nav-sidebar .flow-wrap,.showing-nav-sidebar .footer-wrap,.showing-nav-sidebar .overlay,.showing-nav-sidebar footer,.showing-nav-sidebar section{margin-left:220px;width:100%}
.showing-nav-sidebar-right .header-set,.showing-nav-sidebar-right .main_cover,.showing-nav-sidebar-right .page-wrap,.showing-nav-sidebar-right .flow-wrap,.showing-nav-sidebar-right .footer-wrap,.showing-nav-sidebar-right .overlay,.showing-nav-sidebar-right footer,.showing-nav-sidebar-right section,.showing-nav-sidebar-right .mainContent{}
.myaccount-record{list-style:none;padding:22px 22px}
.myaccount-record li{text-align:left;border:4px solid #000;border-bottom:none}
.myaccount-record li:last-child{border-bottom:4px solid #000}
.myaccount-record li a{font-weight:bold;line-height:50px;color:#000;position:relative;display:block;font-size:16px;text-align:center}
.myaccount-record li a:hover{background:#000;color:#c30d23}
.mainContent{margin:0px 40px 80px 40px;overflow:hidden;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;transition:all 250ms ease;/* flex-grow:1; */}
.mainContent.spMainContent{margin:-80px 40px  80px  40px;}

.contentF{padding-bottom:200px;margin:120px 40px 0 40px;}
.footerF{position:absolute;bottom:0;width:100%;box-sizing:border-box;height:170px;}
footer{padding:0 40px;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;transition:all 250ms ease}
.footerList{margin:0 0 80px 0;overflow:hidden}
.footerList li{float:left;width:11.1%;text-align:center;border:solid #000 4px;border-right:none;font-weight:bold}
.footerList li a{display:block;padding:30px 0;color:#000;font-size:16px}
.footerList li a:hover{background:#000;color:#c30d23}
.footerList li:last-child{width:33.4%;border-right:solid #000 4px}
.footerList li:last-child a{font-size:15px;padding:31px 0 30px 0}
.footerList li:last-child a:hover{background:#FFF;color:#000;cursor:default}
.footerList li span{padding:0 10px}
.overlay.rightmenu{background:rgba(0,0,0,.5);z-index:99999}
.galleryBox li{width:33.33%;float:left;position:relative}
.galleryBox li .infoHover h4{font-size:40px;line-height:1.5;}
.galleryBox li .infoHover h5{font-size:18px;padding:20px 0}
.galleryBox li .infoHover h5 span{margin:0 10px 0 0;line-height:1.5;}
.galleryBox li .infoHover h6{font-size:20px;line-height:1.5}
.galleryBox li a{display:block;overflow:hidden}
.behanceList li a .firstimg,.galleryBox li a .firstimg{opacity:1}
.behanceList li a .secondimg,.galleryBox li a .secondimg{opacity:0;position:absolute;top:0;left:0}
.behanceList li a:hover .secondimg,.galleryBox li a:hover .secondimg{opacity:1}
.galleryBox li a .infoHover h4{font-size:18px}
.galleryBox li a .infoHover h5{text-transform:uppercase;position:absolute;bottom:0px;font-size:20px;line-height:1.5}
.behanceList li a .infoHover,.galleryBox li a .infoHover{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);color:#FFF;padding:20px;opacity:0;-o-transition:all .40s linear;-webkit-transition:all .40s linear;-moz-transition:all .40s linear;transition:all .40s linear}
.galleryBox li .infoHover{position:absolute;z-index:3;left:0px;top:0px;width:100%;height:100%;padding:40px;background:#FFF;color:#000;opacity:0;-o-transition:all .40s linear;-webkit-transition:all .40s linear;-moz-transition:all .40s linear;transition:all .40s linear}
.galleryBox li a .infoHover h6{font-size:20px;line-height:1.5}
.galleryBox li a .infoHover h5{font-size:16px;line-height:1.2em;padding:0px 0;margin-bottom:15px;font-weight:bold}
.galleryBox li a .infoHover h4{font-size:16px;padding:0px 0;margin-top:0;font-weight:bold}
.behanceList li a:hover .infoHover,.galleryBox li a:hover .infoHover,.galleryBox li .infoHover{opacity:1}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:none;color:#000}
.nav-tabs li{display:inline-block;float:none;font-size:20px}
.nav>li>a{padding:0 0px 0 0}
.nav-tabs>li{display:table-cell;width:1%}
.nav-tabs>li>a{border:none}
.mainContent .left h6,.mainContent .leftTab h6{font-size:22px;margin:80px 0 20px 0;font-weight:bold}
.mainContent .left h3{font-size:22px;margin:10px 0 70px 0;font-weight:bold}
.contentList{font-size:15px;float:left;margin:0 80px 0 0}
.contentList li{padding:3px 0}
.contentListB{margin:0px 0px 70px 0;}
.contentListB li{padding:3px 0}
.contentListB span{padding:0 20px 0 0}
.contentListC{margin:0px 80px 70px 20px;font-size:15px;float:left}
.contentListC li{padding:3px 0;list-style-type:disc;min-width:190px}
.contentListC li:first-child{list-style-type:none;margin:0 0 0 -20px;font-size:17px;font-weight:bold}
html,body{height:calc(100% - 60px)}
#id_wrapper{min-height:100%;position:relative;display:flex;flex-direction:column;min-height:100vh}
.contentF{margin:120px 40px 0 40px}
.headerbold{border-bottom:5px solid #000;margin:0 40px;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;transition:all 250ms ease}
.noneBold{border-bottom:none;}
.mainContent .left,.mainContent .leftTab{width:calc(40% - 2%);float:left}
.mainContent .right,.mainContent .rightImg{width:calc(60% - 2%);float:right}
.nav-tabs{background:none;border:none;white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:calc(40% - 2%);
padding: 100px 0 0 0;}
.mainContent .rightImg .rightImgBox{overflow: hidden;margin:0px 0 30px  0
} 
.mainContent .rightImg{margin:-20px 0 0 0;}
.mainContent .rightImg img{width:100%;object-fit:cover;}

.mainContent .aboutimg img{height:650px;}
.mainContent .serivceimg img{height:900px;object-position:center center;}
.mainContent .awardimg img{height:700px;object-position:bottom center;}
.mainContent .aboutimg img:nth-of-type(1){object-position:bottom right;}
.mainContent .aboutimg img:nth-of-type(2){object-position:bottom left;}

.mainContent .left h5{font-size:15px}
.mainContent .left p,.mainContent .leftTab p{font-size:15px;line-height:1.8;text-align:justify}
.mainContent .leftTab p{margin:0 0 40px 0;}

.leftTabList li{font-size:15px;position:relative;margin:0 0 5px 0;padding:0 0 0 13px;}
.leftTabList li:after{position:absolute;content:">";display:block;width:100%;height:100%;left:0;top:0;z-index:1;}
.leftTabListB{margin:-35px 0 0 0;}
.leftTabListC{margin:-20px 0 0 0;}
.mainContent .left h4{font-size:18px}
.mainContent .left h1{font-size:20px;margin:25px 0 5px 0}
.mainContent .left address{font-size:15px;margin:0}
.mainContent .leftBoxTow{width:100%!important}
.contentListC:nth-of-type(3){clear:both}
.behance{padding:0 40px 0px 40px!important;position:relative;overflow:hidden}
.behance:after{height:40px;width:100%;background:#FFF;z-index:1;left:0;bottom:0px;content:"";display:block;position:absolute}
.behance .logoBox a{top:85px;left:25px}
.onePic,.threePic,.twoBox,.oneBox,.threeBox,.fourPic,.fourBox{overflow:hidden;margin:5px 0}
.onePic img{width:100%;height:auto}
.threePic li,.threeBox li{width:33.33%;float:left}
.fourBox li,.fourPic li{width:25%;float:left}
.fourBox li img,.fourPic li img{width:100%;object-fit:cover}
.fourBox li:nth-child(2),.fourPic li:nth-child(2){width:calc(25% - 5px);margin:0 0 0 5px}
.fourBox li:nth-child(3),.fourPic li:nth-child(3){width:calc(25% - 10px);margin:0 5px}
.threePic li:nth-child(2),.threeBox li:nth-child(2){margin:0 5px;width:calc(33.33% - 10px)}
.threePic li img{width:100%;height:auto}
.threeBox li img{width:100%;height:390px;object-fit:cover}
.twoBox li{float:left;width:50%;overflow:hidden}
.twoTxt{min-height:500px;padding: 0;margin:0;list-style: none;display: flex;}
.twoTxt li{min-height:500px;padding: 0;margin:0; width: 50%;}
.twoBox li:nth-child(1){width:calc(50% - 1px);margin:0 1px 0 0}
.twoBox li:nth-child(2){width:calc(50% - 5px);margin:0 0px 0 5px}
.twoBox li img{width:100%;height:585px;object-fit:cover}
.twoBox li .info,.twoTxt li .info{padding:70px 100px}
.twoBox li .info h6,.twoTxt li .info h6{font-size:27px;padding:0 0 15px 0}
.twoBox li .info h6.engStyle,.twoTxt li .info h6.engStyle{font-size:29px;margin-top: 7px;}
.twoBox li .info p,.twoTxt li .info p{font-size:16px;line-height:2;text-align: justify;}
.twoBox li .info p.engStyle,.twoTxt li .info p.engStyle{line-height:1.5;}
.twoBox li .info .buttonM,.twoTxt li .info .buttonM{padding:0 0 40px 0}
.oneBox img{width:100%;height:auto}
.contentBox{margin:0px 40px 0px 40px}
.behanceList li{float:left;width:33.33%;overflow:hidden}
.behanceList li img{width:100%;height:390px;object-fit:cover}
.behanceList li a{display:block;position:relative}
.behanceList li a img{width:100%;object-fit:cover;-o-transition:all .40s linear;-webkit-transition:all .40s linear;-moz-transition:all .40s linear;transition:all .40s linear}
.behanceMenu li a{text-align:center;display:block;margin:60px 0 0 0;height:60px;line-height:50px;border:4px solid #000;color:#000;font-size:18px;position:relative}
.behanceMenu li:nth-child(2) a{border-right:2px solid #000;border-left:2px solid #000}
.behanceMenu li a:hover{background:#000;color:#c30d23}
.behanceMenu li a .iconBox{width:52px;height:52px;background:#000;color:#FFF;margin:0px;font-size:20px;line-height:48px;text-align:center;position:absolute;left:0px;top:0px}
.behanceMenu li a .icon-right{right:0px;left:auto}
.behanceMenu li:nth-child(1) a{border-right:2px solid #000}
.behanceMenu li:nth-child(3) a{border-left:2px solid #000}
.behanceMenu li a .iconBox.icon-left:before{display:inline-block;margin-right:5px}
.behanceMenu li a .iconBox.icon-right:before{display:inline-block;margin-left:8px}
#VVV{width:100%;height:0;padding-bottom:56.25%;position:relative}
#VVV iframe{width:100%;height:100%;position:absolute}
.menuIcon{float:left;margin:0 0 0 20px}
.menuIcon li{float:left;margin:0 4px}
.menuIcon li:first-child{margin:0 4px 0 0;}
.menuIcon li a{display:block;border:1px solid #C3C3C3;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#C3C3C3;width:28px;height:28px;text-align:center;line-height:28px;font-size:16px}
.menuIcon li a:hover{background:#C3C3C3;color:#fff}
.aboutHeader{background:#101318;overflow:hidden;text-align:center;margin:80px 0 0 0;}
.aboutHeader img{width:100%;height:700px;object-fit:cover;-o-object-fit:cover;object-position:center center;max-width:1920px;margin:0 auto;}
.itemthumb.compat-object-fit{background-size:cover;background-position:center center;}
.aboutHeader.itemthumb.compat-object-fit{background-size:auto;background-color:#101318;}
.itemthumb.compat-object-fit img{opacity:0;}


.infoTxt{text-align:center;}
.infoTxt h2{margin:30px 0 30px 0;}
.infoTxt h2.sphb{font-size:40px;}
.infoTxt .pstyle{font-size:15px;line-height:1.8;margin:40px 0 0px 0;}
.aboutBtnStyle{display:block;border:1px solid #000;cursor:pointer;max-width:160px;margin:20px  auto 40px auto;color:#000;padding:8px 0 8px 12px;font-size:15px;position:relative;font-weight:600;}
.aboutBtnStyle .opneStyle,.aboutBtnStyle.changeBtnStyle .closeStyle{display:none;}
.aboutBtnStyle.changeBtnStyle .opneStyle{display:block;}
.aboutBtnStyle:hover{background:#000;color:#c30d23;}
.aboutBtnStyle:hover:after,.aboutBtnStyle:hover:before{color:#c30d23;}
.aboutBtnStyle:after,.aboutBtnStyle:before{position:absolute;font:8px 'rsicon'!important;content:"\e900";color:#000;z-index:2;display:block;left:25px;}
.aboutBtnStyleB.changeBtnStyle:after,.aboutBtnStyleB.changeBtnStyle:before{left:15px;}
.aboutBtnStyle:after{top:4px;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-animation:read-more-up 1.2s infinite;-moz-animation:read-more-up 1.2s infinite;-o-animation:read-more-up 1.2s infinite;animation:read-more-up 1.2s infinite;}
.aboutBtnStyle.changeBtnStyle:after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.aboutBtnStyle:before{bottom:4px;-webkit-animation:read-more-down 1.2s infinite;-moz-animation:read-more-down 1.2s infinite;-o-animation:read-more-down 1.2s infinite;animation:read-more-down 1.2s infinite;}
.aboutBtnStyle.changeBtnStyle:before{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
@-webkit-keyframes read-more-up{
  0%{top:5px;}
  50%{top:3px;}
  100%{top:5px;}
}
@-moz-keyframes read-more-up{
  0%{top:5px;}
  50%{top:3px;}
  100%{top:5px;}
}
@-o-keyframes read-more-up{
  0%{top:5px;}
  50%{top:3px;}
  100%{top:5px;}
}
@keyframes read-more-up{
  0%{top:5px;}
  50%{top:3px;}
  100%{top:5px;}
}
@-webkit-keyframes read-more-down{
  0%{bottom:5px;}
  50%{bottom:3px;}
  100%{bottom:5px;}
}
@-moz-keyframes read-more-down{
  0%{bottom:5px;}
  50%{bottom:3px;}
  100%{bottom:5px;}
}
@-o-keyframes read-more-up{
  0%{bottom:5px;}
  50%{bottom:3px;}
  100%{bottom:5px;}
}
@keyframes read-more-down{
  0%{bottom:5px;}
  50%{bottom:3px;}
  100%{bottom:5px;}
}
.moreContent{display:none;overflow:hidden;}
.infoTxt h3{font-size:18px;margin:0px 0 15px 0;}
.awardBox{display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:60px 0 0 0;}
.awardBox .awardDetail{width:50%;float:left;text-align:left;padding:5% 5%  5% 20%;}
.awardBox .awardDetail h4{font-size:15px;margin:0 0 30px 0;}
.awardBox .awardDetail .awardList li{padding:0 0px 0 60px;position:relative;}
.awardBox .awardDetail .awardList span{position:absolute;left:0;top:0;}
.awardBox .awardLeft{background:#EEF1F2;}
.awardBox .awardRight{background:#E5E8EA;}
.slickCarousel .slick-dots{bottom:30px}
.slick-dots li{background:#888;width:13px;height:13px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.slick-dots li.slick-active{background:#000;}
.slick-dots li button:before{content:"";}
.slickCarousel img,.partnerImg img{width:100%;height:700px;object-fit:cover;-o-object-fit:cover;object-position:center center;margin:0 auto;}
.partnerImg{margin:60px 0 0 0;}
.sliderBox{overflow:hidden;margin:60px 0 0 0;}
.slider-nav .navItem{cursor:pointer;outline:none;-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;padding:20px 0px;border:1px solid #fff;}
.slider-nav .navItem .navItemA{font-size:15px;}
.slider-nav .navItem .navItemB{font-size:46px;margin:20px 0 0 0;}
.slider-nav .navItem:nth-of-type(1){background:#EBEFF1;}
.slider-nav .navItem:nth-of-type(2){background:#E5E8EA;}
.slider-nav .navItem:nth-of-type(3){background:#E0E3E4;}
.slider-nav .navItem:nth-of-type(4){background:#D9DBDD;}
.slider-nav .navItem:nth-of-type(5){background:#B1B3B5;}
.slider-nav .navItem.slick-current,.slider-nav .slick-slide.slick-current.slick-active{background:#D80212;color:#fff;}
.slider-nav .slick-slide.slick-current.slick-active .navItem{
  background:#D80212;
}
.slider-for{padding:60px 0 40px 0;}
.slider-for  .forItem{outline:none;padding:0 50px;}
.slider-for  .forItem  .forItemA{font-size:30px;}
.slick-prev{left:0;}
.slick-arrow{color: transparent!important;}

 .slick-arrow:before{position: absolute;z-index: 3;
left:50%;top:50%;transform: translate(-50%, -50%);font-family: 'rsicon' !important;font-size: 15px;color: #fff;}
 .slick-arrow:hover:before,.slick-arrow:focus:before{color: #cc0001}
 .slick-prev:before{content: "\e901";}
.slick-next:before{content: "\e903";}

 .slick-prev:hover,  .slick-prev:focus,  .slick-next:hover,  .slick-next:focus{
  background:#000 ;outline: none;
}
.slider-for button.slick-prev.icon-left.slick-arrow{left:0;}
.slider-for button.slick-next.icon-right.slick-arrow{right:0;}
.dotStyle{margin:40px 0 0 0;}
.dotStyle li{margin:0 0 10px 0;font-size:15px;}
.dotStyle .dsic{width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#000;display:inline-block;margin:0 5px 0 0;}
.backToTop{width:100%;text-align:center;margin:0px 0 40px 0;cursor:pointer;}
.backToTop i{display:block;width:30px;height:30px;font-size:1.2em;text-align:center;background:#666;opacity:0.7;position:relative;margin:0 auto 5px auto;-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear}
.backToTop i:after{font:14px 'rsicon'!important;content:"\e900";display:block;position:absolute;top:50%;left:50%;z-index:2;color:#fff;margin:-7px 0 0 -7px;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear}
.backToTop  span{font-size:16px;color:#000;font-weight:bold;}
.backToTop:hover i{opacity:1;background:#000;}
.backToTop:hover i:after{color:#c30d23;}
.grayColour{overflow:hidden;background:#EEF1F2;}
.contactList{font-size:16px;width:100%;max-width:640px;margin:50px auto 50px auto;overflow:hidden;text-align:center;}
.contactList li{float:left;width:33%;}
.contactList li span{margin:0 15px 0 0;}
.footerMenuIcon{width:100%;margin:0;text-align:center;}
.footerMenuIcon li{float:none;display:inline-block;margin:0 3px;}
.footerMenuIcon li:first-child{margin:0 3px;}
.footerMenuIcon li a{width:40px;height:40px;line-height:40px;font-size:20px;border:2px solid #C3C3C3;}
.workInfo{overflow:hidden;}
.workInfo h2{text-align:center;margin:40px 0 20px 0;line-height:1.5;}
.workInfo h3{text-align:center;font-size:15px;}
.workInfo h3 span{margin:0 20px 0 0;}
.workMark{margin:150px 0 80px 0;overflow:hidden;}
.workMark .workBox{width:50%;}
.workMark  .workLeft{float:left;padding:0px 20px 0px 0;}
.workMark .workBox .workBoxA{width:20%;float:left;font-size:18px;color:#000;font-weight:bold;}
.workMark .workBox .workBoxB{width:40%;float:left;padding:0 0 0 15px}
.workMark .workBox .workBoxC{width:40%;float:left;padding:0 0 0 15px;}
.workMark  .workRight{float:right;padding:0px 0 0px 20px;}
.workMark .workBox  ul li{font-size:15px;margin:0 0 5px 0;position:relative;padding:0 0 0 12px;}
.workMark .workBox  ul li:after{position:absolute;content:"#";display:block;width:100%;height:100%;left:0;top:0;z-index:1;}
.award{text-align:center;margin:20px 0;}
.award li{display:inline-block;margin:15px 20px;}
.award li img{max-width:70px;height:auto;width:100%;}
.awardListImg {
  margin: 50px 0 30px 0;
  text-align: center;
}

.awardListImg li {
  width: 1%;
  display: table-cell;
  text-align: center;
  padding: 15px 15px;
}

.awardListImg li img {
  width: 100% !important;
  height: auto !important;
  max-width: 100px;
}