/*public*/
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
* {padding:0; margin: 0; list-style:none; text-decoration:none; color: inherit;
box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-text-rendering: optimizeLegibility; font-weight:normal; -webkit-appearance:none; -webkit-border-radius: none; -webkit-border-radius:0;}
html,body {height: 100%;min-width: 1310px;color:#666666;}
body {font-family: '微软雅黑', Arial, Helvetica, sans-serif;  background: #ffffff; position: relative;}
a {transition: color 0.3s linear; -webkit-transition: color 0.3s linear;}
img {outline: none; border: none; -ms-interpolation-mode:bicubic !important; }
.notransition {-webkit-transition: none !important; -ms-transition: none !important; transition: none !important;}
strong {font-family:'微软雅黑', Arial, Helvetica, sans-serif !important;}
p {font-size: 16px; line-height: 28px; margin: 0 0 30px 0; color: inherit;}
.menuAnimate {left: 0px; transition: left 0.5s ease-in-out; -webkit-transition: left 0.5s ease-in-out; position:relative !important; z-index:20;}
.menu .menuAnimate {left: -240px; transition: left 0.5s ease-in-out; -webkit-transition: left 0.5s ease-in-out; position:relative;}
.center{width:1210px;margin:0 auto;}
.clear{clear:both;}
/*public*/
/*404*/
.error-page .intro ul, .error-page .intro ul li {line-height: 30px; list-style: disc; list-style-position: inside;}
/*404*/
/*Header*/
.header {height:88px;background: #393d46; width: 100%; float: left; position: relative; z-index: 9999; left: 0; top:0px; transition: left 0.5s ease-in-out; -webkit-transition: left 0.5s ease-in-out;}
body .header.fixnav{position:fixed;top:0px;left:0px;width:100%;}
.header .logo {float: left;margin-top:14px;}
.header .logo img {/*width: 100px;*/height:43px;margin-top:10px; -ms-interpolation-mode:bicubic !important;}
.header .nav {float: right; list-style:none; margin: 39px 0 0;}
.header .nav li {float: left; margin: 0 52px;position: relative;}
.header .nav li a {font-family: '微软雅黑'; text-decoration:none; color: #999999;padding:2px 10px; font-size: 21px; }
.header .nav li a:hover, .header .nav li.current_page_item a, .header .nav li.current_page_parent a, .news-page .header .nav li.page-item-182 a {color: #ffffff;}
.header .nav li.page_item_has_children:hover > a {background: #f1f1f1; color: #333333;}
.header .nav li ul.children {position: absolute; display: none; list-style: none; background: #f1f1f1; padding: 20px 30px; width: 250px; top: 29px;}
.header .nav li:hover ul.children {display: block;}
.header .nav li ul.children li {margin: 0; float: left; border-bottom: 1px solid #dedede; width: 100%;}
.header .nav li ul.children li a {float: left; width: 100%; padding: 10px 0; font-size:14px; font-family: '微软雅黑', Arial, Helvetica, sans-serif; color: #666666;}
.header .nav li ul.children li a:hover {color: #333333; font-family:'微软雅黑', Arial, Helvetica, sans-serif;}
.header .nav li ul.children li:last-child {border:none;}
.header .nav li ul.children li:last-child a {padding: 10px 0 0 0;}
.header .menu-icon {position: relative; display: none; height: 12px; width: 18px; top: 8px; float: right;}
.header .menu-icon div {height: 2px; width:18px; background: #ffffff; position: absolute; transition: background 0.3s linear; -webkit-transition: background 0.3s linear;}
.header .menu-icon:hover div {background: #ffffff;}
.header .menu-icon div:nth-child(1) {top: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.header .menu-icon div:nth-child(2) {top: 6px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.header .menu-icon div:nth-child(3) {top: 12px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.mobile-nav {list-style:none; margin:0; position: absolute; right:0; top: 0; background: #222222; z-index: 99; width: 240px; height: 100%; padding: 0; transition: right 0.5s ease-in-out; -webkit-transition: right 0.5s ease-in-out; display: none; overflow: auto;}
.mobile-nav li a {color: rgba(255,255,255,0.5); text-transform:uppercase; font-size:11px; text-decoration:none; font-family: '微软雅黑', Arial, Helvetica, sans-serif; padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); width: 100%; float: left; line-height:11px;}
.mobile-nav li.page_item_has_children > a {background: url(../img/arrow.png) no-repeat 210px center; background-size:10px; }
.mobile-nav li.page_item_has_children ul li a {background: rgba(0,0,0,0.5);}
.mobile-nav li.page_item_has_children.active > a {background: url(../img/arrow_up.png) no-repeat 210px center; background-size:10px;}
.mobile-nav li a:hover {color: rgba(255,255,255,1);}
body.menu .header {left:-240px; transition: left 0.5s ease-in-out; -webkit-transition: left 0.5s ease-in-out;}
body.menu .header .menu-icon div:nth-child(1) {top: 7px; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
body.menu .header .menu-icon div:nth-child(2) {opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
body.menu .header .menu-icon div:nth-child(3) {top: 7px; transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}

/*Header*/
/*Slides*/
.slide-section {width: 100%; position: relative; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; top: 0; z-index: 2; left: 0; transition: left 0.5s ease-in-out; -webkit-transition: left 0.5s ease-in-out; -webkit-transform: translateZ(0);}
.slide-section .slide {position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; visibility: hidden; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; background: #000000; opacity: 1;}
.slide-section .slide.active {visibility: visible; height: 100%;}
.slide-section .slide .slide-inner {position: absolute; top: 0; left: 0; width: 100%;}
.slides {z-index: 10; width: 100%; top: 0; left: 0; position: absolute; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.slides.open {left: -30%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
body.menu .slide-section {left: -240px; transition: left 0.5s ease-in-out; -webkit-transition: left 0.5s ease-in-out;}
.slide-images {width: 100%; height: 60%; position: absolute; left: 0; overflow: hidden; z-index: 0; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;}

/*Slides*/
/*Slide Images*/
.slides.open .slide .slide-images {opacity: 0.5; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;}
.slide-images .image {background:url(../images/hero.jpg) no-repeat center center; background-size:cover; position: absolute; left: 0; top: 0; width: 100%; height: 60%; }
.automotive .image {background:url(../images/hero2.jpg) no-repeat center center; background-size:cover;}
.leisure .image {background:url(../images/hero3.jpg) no-repeat center center; background-size:cover;}

/*Slide Images*/
/*Sector Blocks*/
.sectors-blocks {height: 100%; position: absolute; z-index: 5; width: 30%; right: 0;display: none;}
.sectors-blocks a {height: 25%; float: left; width: 100%; background: #222222; color: #ffffff; text-decoration: none; display: block; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; overflow:hidden;}
.sectors-blocks a:last-child {border:none;}
.sectors-blocks a span {position: absolute; left: 40%; padding: 30px; width: 60%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.sectors-blocks a h3 {margin: 0 0 10px 0; color: #ffffff; text-transform: uppercase; font-size: 16px; font-family: '微软雅黑', Arial, Helvetica, sans-serif;}
.sectors-blocks a p {color: rgba(255,255,255,0.75); font-size: 14px; line-height: 22px; margin: 0;}
.sectors-blocks a .sector-image {width: 40%; height: 100%; position: absolute;}
.sectors-blocks a .overlay {position:absolute; left: 0; top: 0; width: 0%; height: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.sectors-blocks a:hover .overlay {width: 100%;}

/*Sectors*/
/*Slide Text*/
.slide-text {width: 100%; height: 40%; background: #ffffff; position: absolute; left: 0; top: 60%;overflow-y: scroll;}
.slide-text .overlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000000; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slide-text span {width: 100%; float: left; padding: 20px 20px;}
.slide-text span h2 {margin: 0 0 30px 0; color: #000000; text-transform: uppercase; font-size: 28px; font-family: '微软雅黑', Arial, Helvetica, sans-serif; line-height:40px; letter-spacing:-1px;display: none;}
.slide-text span p { font-size:16px; line-height:33px; margin: 0 0 30px 0;/*font-weight: bold;*/}
.slide-text span p.intro { font-size:24px; line-height:34px; margin: 0 0 30px 0;}
.slide-text span a {font-family: '微软雅黑'; color: rgba(0,0,0,0.5); font-size: 13px; text-transform:uppercase; text-decoration:none;}
.slide-text span a i {font-size: 8px; margin: 0 0 0 5px;}
.slide-text span a:hover {color: rgba(0,0,0,1);}
.slide-text span span{display: inline;padding:0;margin:0;float:none;}
.slides.open .slide-text .overlay {opacity: 0.5; visibility: visible; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}

/*Slide Text*/
/*Slide Text Nav*/
.slide-text .slide-nav {position: fixed; bottom: 0;right:20px;display: none;}
.slide-text .slide-nav a {font-family: '微软雅黑', Arial, Helvetica, sans-serif; background: rgba(00,00,00,0.3); float: left; line-height: 60px; height: 60px; width: 60px; color:rgba(255,255,255,0.3); text-decoration: none; text-transform: uppercase; font-size: 11px; text-align:center; margin: 0 1px 0 0;}
.slide-text .slide-nav a:last-child{display: none;}
.slide-text .slide-nav a:hover {color: rgba(255,255,255,1);}
.slide-text .slide-nav p {font-size: 11px; display: inline-block; margin: 0 10px 0; opacity: 1; transition: opacity 0.5s ease-in-out 0.5s; -webkit-transition: opacity 0.5s ease-in-out 0.5s; color: inherit;}
.slide-text .slide-nav a .menu-icon {position: relative; display: inline-block; height: 12px; width: 18px;}
.slide-text .slide-nav a .menu-icon div {height: 2px; width:18px; background:rgba(255,255,255,0.6); position: absolute; transition: background 0.3s linear; -webkit-transition: background 0.3s linear;}
.slide-text .slide-nav a:hover .menu-icon div {background:rgba(255,255,255,1);}
.slide-text .slide-nav a .menu-icon div:nth-child(1) {top: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slide-text .slide-nav a .menu-icon div:nth-child(2) {top: 6px; opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slide-text .slide-nav a .menu-icon div:nth-child(3) {top: 12px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slides.open .slide-text .slide-nav p {opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slides.open .slide-text .slide-nav a .menu-icon div {background:rgba(255,255,255,1) !important;}
.slides.open .slide-text .slide-nav a .menu-icon div:nth-child(1) {top: 7px; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slides.open .slide-text .slide-nav a .menu-icon div:nth-child(2) {opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slides.open .slide-text .slide-nav a .menu-icon div:nth-child(3) {top: 7px; transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.slide:last-child .slide-text .slide-nav a, .homepage .slide-text .slide-nav a p {color: #999999;}
.slide:last-child .slide-text .slide-nav a:hover, .homepage .slide-text .slide-nav a:hover p {color: #333333;}
.slide:last-child .slide-text .slide-nav a .menu-icon div {background: #999999;}
.slide:last-child .slide-text .slide-nav a:hover .menu-icon div {background: #333333;}

.slide:first-child .slide-text .slide-nav a.down, .slide:last-child .slide-text .slide-nav a.up {cursor:default;}
.slide:first-child .slide-text .slide-nav a.down i {opacity: 0.25;}
.slide:last-child .slide-text .slide-nav a.up i {opacity: 0.25;}

.slide:last-child .slide-text .slide-nav a.up:hover, .homepage .slide-text .slide-nav a.up:hover p {color: #999999;}
.slide:first-child .slide-text .slide-nav a.down:hover, .homepage .slide-text .slide-nav a.down:hover p {color: #999999;}
.idx_more{text-align: right;}
.slide-text .idx_more .more_ico{display: inline;background-color: #a0a0a0;padding: 0px 15px;border-radius: 5px;margin: 0 10px 0 16px;}
.slide-text span .idx_more a{font-size: 20px;font-weight: bold;color: #666666; }
.slide-text span .idx_more{text-transform: none;}

/*Slide Text Nav*/

/*//////////////////// Inner ///////////////////////////*/
.inner .mobile-nav {display: none;}

/*Main Carousel*/
.carousel {height: 650px; width: 100%; float: left; position:relative; z-index: 999; background: #333333;}
.carousel .image {width: 100%; height: 100%; display: block;}
/*Intro*/
.inner .intro {padding-top: 36px; background: #ffffff; overflow: hidden; z-index: 999; float:left; width: 100%;padding-bottom: 50px;}
.inner .intro .intro-text {float: left; width: 70%;}
.inner .intro .intro-text .ab_h2 {font-size: 36px;font-family: '微软雅黑';color:#666666;text-align: center;line-height: 66px;text-transform:uppercase;}
.inner .intro .intro-text img {width: 35px; height: auto; margin: 0 10px 0 0; float:left;}
.inner .intro .intro-text p ,.inner .intro .intro-text .ab_p .about_s_content{font-size: 18px; line-height:33px; color: #666666; margin: 0 0 20px 0;}
.inner .intro .intro-text .ab_p .about_s_content p{text-indent: 0;}
.inner .intro .intro-text .ab_p .about_s_content{text-indent: 2rem;text-align: justify;}
.inner .intro .sub-nav {float: right; width: calc(30% - 100px); margin: 0 0 0 100px;}
.inner .intro .sub-nav h3 {margin: 0 0 30px 0; font-size:22px;}
.inner .intro .sub-nav ul li {border-bottom: 1px solid #e5e5e5; padding: 0 0 20px 0; margin: 0 0 20px 0; float: left; width: 100%; text-transform:uppercase; font-size:14px; color: #666666;}
.inner .intro .sub-nav ul li.current_page_item a, .intro .sub-nav ul li a:hover {font-family: '微软雅黑', Arial, Helvetica, sans-serif; color: #222222;}

/*Footer*/
.footer {width: 100%; background: #6a7883; color: #ffffff; font-size: 18px; line-height: 30px; z-index:20;}
.footer p {color: #ffffff;margin:0;line-height: 31px;}
.fcenter{width:1310px;margin:0 auto;}
.f_top_logo{padding:39px 0 0 0;}
.f_top_logo img{width:193px;}
.footer .fleft{width:500px;float:left;}
.footer .fright{width:386px;float:right;}
.footer a.btn {font-family: '微软雅黑', Arial, Helvetica, sans-serif;display: inline-block;
    padding: 5px 15px;text-transform: uppercase;font-size: 13px;border: 2px solid #ffffff;margin: 14px 0;}
.footer .fcenter h3{text-transform: none;margin:20px 0;}
.footer .copy_right{padding-bottom: 32px;}
.idx_w_content{text-align: justify;}
/*Footer*/

/*About*/
.about .intro .intro-text {width: 100%;}
.about h3 {font-family: '微软雅黑', Arial, Helvetica, sans-serif; font-size: 25px; margin: 0 0 20px 0; text-transform: uppercase;}
.about .global-reach {float: left; width: 100%;min-width:1310px; color: #ffffff; height: 605px; background: #697782;}
.about .global-reach p {color: #ffffff;line-height: 25px;}
.about .global-reach .map {width: 57%; float: left; height: 100%;}
.about .global-reach .text {background: #697782; width: 43%; height: 100%; float: right; position: relative;}
.about .global-reach .text .wrapper {position: absolute; top: 45%;left: 0; right: 0; padding: 0 50px;
transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.we-history{background: #ffffff;text-align: center;}
.we-history p{font-size: 24px;color:#666666;}
.we-history h3{text-align: center;margin-top: 50px;color:#666666;}
.we-history .image{text-align: center;}
.image img{max-width: 100%;}
.certification{padding:60px 0;background-color:#697782;text-align: center;}
.certification h3{text-align: center;color:#ffffff;text-transform: uppercase;}
.cooperation{margin:50px auto;background-color: #ffffff;}
.cooperation h3{text-align: center;text-transform: uppercase;color:#666666;font-weight: 600;}
.cooperation p{line-height: 35px;color:#666666;text-indent: 80px;margin:0;font-size: 24px;}
.cooperation .image{margin:39px auto;}
.certification .image img{display: block;max-width:92%;margin:0 auto;}

/*About*/

/*Design*/
.top_banner img{max-width: 100%;float:left;}
.designlist,.design_content{width:100%;}
.design_content .de_ls{width:100%;}
.designlist li{width:25%;float:left;display: block;min-height: 10px;font-size: 18px;color:#666666;line-height: 32px;}
.designlist li img{max-width: 100%;}
.designlist li table{width:90%;margin:0 auto;vertical-align: middle;/*min-height: 300px;*/height:100%;}

/*Design*/

/*Graphics*/
.dt_list li{width:48%;margin:0 1%;margin-bottom: 20px;}
.dt_list li:nth-child(odd){float:left;}
.dt_list li:nth-child(even){float:right;}
.dt_list .detail_image{width:100%;float:left;}
.dt_list .detail_image img{max-width: 100%;}
.dt_list .dt_words{width:100%;float:left;}
.wcenter{width:94%;margin:2px auto;line-height: 25px;font-weight: normal;font-size: 16px;text-align: justify;letter-spacing: -1px;color:#828080;}
.wcenter p{line-height: 25px;}
/*.dt_list li.on .dt_words .wcenter{color:#000000;}*/
.dt_words .wcenter{width:100%;}

/*Graphics*/

/*Contact*/
.contact_content .center h3{font-size: 36px;color:#666666;text-align: center;text-transform: uppercase;margin:46px 0 25px 0;}
.contact_wap{margin:60px auto;}
.contact_wap .c_wap li{width:50%;float:left;font-size: 20px;color:#666666;min-height: 69px; }
.contact_wap .c_wap li p{margin:0;font-size: 20px;}
.contact_wap .c_wap li strong{font-weight: bold;margin-right: 10px;}

/*Contact*/

/*Sectors*/
.all_slides{/*max-height:700px;*/overflow: hidden;width:100%;}
.all_slides .swiper-container{display: none;}
.all_slides div.swiper_1{display: block;}
.all_slides .swiper-slide a img{max-width: 100%;}
.swiper-pagination .swiper-pagination-bullet{width:23px;height:23px;color:#ffffff;opacity: .6;}
.list_detali{margin:20px auto;}
.list_title{font-size: 30px;color:#666666;text-align: center;margin:43px auto 10px;text-transform: uppercase;}
.sectors_ul li{width:385px;height:460px;float:left;margin-right:21px;box-sizing: border-box;}
.sectors_ul li:hover .list_li_title,.sectors_ul li.on .list_li_title{font-weight: bold;}
.sectors_ul li:nth-child(3){margin-right:0;}
.list_li_title{font-size: 24px;color:#666666;text-align: center;line-height: 75px;overflow: hidden;height:75px;}
.slides_list .image img{max-width: 100%;}
/*Sectors*/

/*Privacy*/
.privacy-policy .text{
		max-width: 800px;margin: 0 auto;
}
.privacy-policy .text h1{ margin-bottom:20px;}
.backfixed{position: fixed;bottom:65%;right:8%;width:50px;overflow: hidden;}
.backfixed a{width:100%;display: block;}
.backfixed img{width:100%;}
.menu .all{left: -240px;transition: left 0.5s ease-in-out;-webkit-transition: left 0.5s ease-in-out;   position: relative;}
/*//////////////////// Inner ///////////////////////////*/
@media all and (max-width: 1480px) {
	 html,body{min-width: 1024px;width:100%;overflow-x: hidden;}
	.designlist li{line-height: 23px;}
	.wcenter{line-height: 23px;}
}
@media all and (max-width:1400px) {
	.sectors-blocks a h3 {font-size: 16px;}
	.sectors-blocks a p {font-size: 15px; line-height: 20px;}
}
@media all and (max-width:1380px) {
	.slides.open {left: -40%}
	.slide-images {width: 100%;}
	.center{width:1024px;}
	.header .nav li{margin:0 39px;}
	.sectors-blocks {width: 40%;}
	.slide-text {width:100%; left: 0;}
	.carousel {height: 450px;}
	.inner .intro {padding: 50px;}
	.inner .intro .sub-nav {float: right; width: calc(30% - 50px); margin: 0 0 0 50px;}
	.about .global-reach .map {width: 66.666%;}
	.about .global-reach .text {width: 33.333%;}
	.about .how-we-work {padding: 50px;}
	.about .how-we-work p,.about .global-reach p {font-size:16px; line-height:28px;}
	.about .performance .text {width: 50%; padding: 50px;}
	.about .performance .image1, .about .performance .image2 {width: 50%;}
	.about .performance .accreditations, .about .performance .awards  {float: left; width:100%; }
	.about .performance .awards {margin: 0 0 10px 0;}
	.about .global-reach .text .wrapper{padding:0 60px;top:42%;}
	.designlist li{line-height: 20px;}
	.footer .fcenter{width:1024px;}
	.list_detali .center{width:100%;}
	.slides_list .sectors_ul li{width:32%;margin-right:1.1%;height:auto;}
	.allcontent_dt .map img{max-width: 100%;}
}
@media all and (max-width: 1000px) {
	.footer .fcenter{width:94%;}
	.center{width:98%;margin:0 auto;}
	.header {padding: 20px 30px;}
	.header .logo img {min-width: 59px;}
	.header .nav {display: none;}
	.header .menu-icon {display: inline-block;}
	.slides_list .sectors_ul li{margin-right: 1%;}
	/*.tablet .mobile-nav {display: block;}*/
	.dt_list li{width:100%;}
	.tablet .mobile-nav li ul.children {display: none;}
	.tablet .mobile-nav li.active ul.children {display: block;}
	.tablet .header {top: 0px; padding: 15px 20px;height:67px;}
	.header .logo{max-height: 60px;margin-top:-13px;}
	 html,body{min-width: 372px;width:100%;overflow-x: hidden;}
	.tablet .slide-section .slide {overflow:auto;}
	.tablet .slides.open {left: -70%}
	.tablet .slides {z-index: 10; width: 100%; top: 0; left: 0; position: relative; }
	.tablet .slide-section {float: left; opacity: 1; position: static;}
	.tablet .slide-section .slide {position: static; transition:none; -webkit-transition: none; display: block; visibility:visible; height: 100%;}
	.tablet .slide-section .slide:nth-child(1), .tablet .slide-section .slide:nth-child(2), .tablet .slide-section .slide:nth-child(3){display: none;}
	.tablet .slide-section .slide .slide-inner {position: relative;}
	.tablet .slide-images {height:400px; min-height: inherit; position: relative; width: 100%;}
	.slide-images .image{height:100%;}
	.tablet .sectors-blocks {height: auto; width: 100%; float: left; border-top: 1px solid #dedede;}
	.tablet .sectors-blocks a {height: auto; background: #f1f1f1; border-bottom: 1px solid #dedede; padding: 20px;}
	.tablet .sectors-blocks a h3 {margin: 0; color: #666666; font-size: 13px;}
	.tablet .sectors-blocks a .overlay, .tablet .sectors-blocks a .sector-image, .tablet .sectors-blocks a p {display: none;}
	.tablet .sectors-blocks a span {position: relative; left: 0; padding: 0; width: auto; top: 0; transform: none; -webkit-transform: none; float: left;}
	.tablet .sectors-blocks a i {float: right; display: block; font-size: 11px; color: #666666;}
	.tablet .slide-text {width: 100%; float: left; height: auto; position:relative; left: 0; min-height: 0 !important;}
	.tablet .slide-text span {padding: 20px;}
	.tablet .slide-text span p {font-size:14px; line-height:24px; margin: 0 0 20px 0;}
	.tablet .slide-text span p.intro {font-size:18px; line-height:28px; margin: 0 0 20px 0;}
	.tablet .slide-text span a  {display: none;}
	.tablet .slide-text .slide-nav {display: none;}
	.menu .mobile-nav {display: block;}
	.footer .fright{float: left;}
	.map iframe{width:100%;}
}
@media all and (max-height: 800px) {
	.slides.open {left: -38%;}
	.sectors-blocks {width: 38%;}
	.slide-text span {padding: 50px;}
	.slide-text span h2 {font-size: 24px; line-height:30px; }
	.slide-text span p.intro {font-size:20px; line-height:30px; margin: 0 0 20px 0;}
	.carousel {height: 400px;}
	.inner .intro {padding: 50px 30px;}
	.inner .intro .intro-text {width:100%;}
	.inner .intro .sub-nav {display: none;}
}
@media all and (max-width: 800px) {
	.dt_list .detail_image{display: none;}
	.dt_list .dt_words{width:100%;border-bottom: 1px solid #cccccc;}
}
@media all and (max-width: 650px) {
.contact_wap .c_wap li{width: 100%;}
}
@media all and (max-width: 600px) {
	.carousel {height: 250px;}
	.inner .intro {padding: 20px;}
	.inner .intro .intro-text h2 {margin: 0 0 10px 0; font-size: 20px;}
	.inner .intro .intro-text p {font-size: 14px; line-height: 24px; /*display: none;*/}
	.inner .intro .intro-text p:first-of-type {display: block;}
	.footer{font-size: 14px;line-height: 16px;}
	.f_top_logo{padding-top: 10px;}
	.backfixed{bottom: 0;}
	.sectors-blocks{display: block;}
}
@media all and (max-width:500px) {
	.mobile .slide-images {height:250px; min-height: inherit;}
}