@media (max-width: 1600px) {
	.container{max-width: inherit; width: 1210px;}
}

@media (max-width: 1440px) {
	.container{max-width: inherit; width: 1100px;}

	.whead{margin-bottom: 30px;}
	.whead .title{font-size: 50px;}
	.whead .title:before{background-size: 66px; background-repeat: no-repeat;}

	.btn{min-width: 140px; height: 46px; line-height: 44px; font-size: 18px;}

	.site-header .topbar .logo{width: 120px; height: 120px;}
	.site-header .menu .link{line-height: 120px;}

	.slick-arrow{bottom: 30px; width: 40px; height: 50px; line-height: 58px; font-size: 22px;}
	.slick-prev{margin-left: -535px;}
	.slick-next{margin-left: -490px;}

	.main-slider .item .cover img{height: 100vh;}

	.wg-service{padding: 60px 0;}
	.wg-service-list .item-list{width: 714px;}
	.wg-service-list .wrapper{width: 240px; height: 280px;}
	.wg-service-list .thumb img{width: 70px; height: 70px;}
	.wg-service-list .title{padding: 0 20px; height: 2em;}
	.wg-service-list .item-list > li:nth-child(4){margin-left: 118px; margin-top: -74px;}
	.wg-service-list .item-list > li:nth-child(5){margin-top: -74px;}
	.wg-service-action{margin-top: 40px;}

	.wg-present .vdo{height: 480px;}

	.wg-about{padding: 60px 0;}
	.wg-about-area{background-position: left -25px;}
	.wg-about-area .content{padding-right: 300px;}
	.wg-about-area .content .title{margin-top: 48px;}
	.wg-about-area .content .tenyear{width: 200px;}

	.wg-project{padding: 60px 0;}
	.wg-project-slider{margin-top: 50px;}
	.wg-project-slider .slick-list{margin: 0 -20px;}
	.wg-project-slider .item{padding: 0 20px;}
	.wg-project-slider .content{padding: 30px; width: 300px; height: 300px;}
	.wg-project-slider .slick-current .content{right: 80px;}
	.wg-project-slider .content .title{font-size: 26px;}
	.wg-project-slider .content .desc{font-size: 22px; margin-top: 20px;}
	.wg-project-slider .content .more{margin-top: 20px;}
	.wg-project-slider .wrapper{padding-bottom: 80px;}
	.wg-project-slider .wrapper .cover{width: 1000px;}

	.wg-article{padding: 60px 0; background-position: center bottom -55px;}
	.wg-article-slider{margin-top: 50px; padding-bottom: 70px;}
	.wg-article-slider .wrapper.highlight{padding: 30px;}
	.wg-article-slider .wrapper.highlight .content .title{font-size: 26px;}
	.wg-article-slider .wrapper.highlight .content .desc{font-size: 22px;}
	.wg-article-slider .wrapper{padding: 15px;}
	.wg-article-slider .content .title{font-size: 22px;}

	.wg-contact{padding: 60px 0;}
	.wg-contact .desc{font-size: 22px;}
	.wg-contact .desc .icon{width: 20px; top: -2px;}
	.wg-contact .desc .link{padding-top: 2px;}
	.wg-contact .form-default{padding-top: 2px;}
	.wg-contact .form-default .form-control{height: 46px; min-height: 46px; padding: 0 15px;}

	.footbar{height: auto;}
	.footbar .credit{font-size: 18px; line-height: 80px;}
	.footbar .social{height: 80px;}
	
	/*
	.wg-service .list-box {height: 650px; padding-top: 180px;}
	.wg-service .item-list .wrapper {width: 235px;height: 275px;}
	.wg-service .item-list .thumb img {width: 60px; height: 60px;}

	.wg-present .vdo {height: 420px;}

	.wg-project-slider .wrapper .cover img {width: 1050px;height: 450px;}*/

	.about-block2 .content .title{font-size: 40px;}
	.about-block2 .content .desc{font-size: 24px;}

	.service-list .item:nth-child(odd) .content{padding-left: 50px;}
	.service-list .item .content .desc{font-size: 24px;}


	.contact-map .nav{display: block;}
}

@media (max-width: 1199px) {
	.container{max-width: inherit; width: 970px;}
	
	body{font-size: 20px;}

	.whead:before {width: 60px;height: 22px;}
	.whead .title{font-size: 50px;}
	.whead .title small{font-size: 50px;}

	/*nav.menu li+li {margin-left: 90px;}
	nav.menu li+li:nth-child(4) {margin-left: 288px;}*/
	nav.menu .link {font-size: 18px;line-height: 100px;}

	.slick-prev,
	.slick-next {left: 30px; margin-left: 0;}
	.slick-next {left: 90px;}

	.topbar .logo { width: 100px; height: 100px;}

	.main-slider .item .cover img {height: 500px;}

	/*.wg-service .whead { width: 240px;top: 100px;}*/
	.wg-service .item-list .wrapper {width: 187px;height: 215px;}
	.wg-service .item-list .thumb img {width: 40px;height: 40px;}
	.wg-service-list .item-list {width: 555px;}
	.wg-service-list .item-list > li:nth-child(4){ margin-left: 92px;margin-top: -55px;}
	.wg-service-list .item-list > li:nth-child(5){ margin-top: -55px;}

	.wg-present .vdo { height: 350px;}
	.wg-present .vdo .cover:before{background-size: 50px;}
	
	.wg-about-area .content {padding-right: 230px;margin-top: -70px;}
	.wg-about-area .content .title {font-size: 26px; margin-top: 28px;}
	.wg-about-area .content .tenyear {width: 160px;}
	
	.wg-project-slider .wrapper .cover img { width: 900px;height: 400px;}
	.wg-project-slider .content {width: 300px; height: 300px;padding: 30px;}
	.wg-project-slider .content .desc {font-size: 20px;}
	
	.wg-article {min-height: inherit;}
	.wg-article-slider .thumb{width: 100px;}
	.wg-article-slider .thumb .cover img {width: 100px;height: 90px;}
	.wg-article-slider .content .title{font-size: 20px;}
	.wg-article-slider .wrapper.highlight {padding: 30px;}
	.wg-article-slider .wrapper.highlight .thumb{width: 210px;}
	.wg-article-slider .wrapper.highlight .thumb .cover img {width: 210px;height: 200px;}
	.wg-article-slider .wrapper.highlight .content {padding: 15px 0 15px 30px;}
	.wg-article-slider .wrapper.highlight .content .title{font-size: 26px;}



	.header-cover .inner {height: 350px;}
	.default-header,
	.default-header .inner{height: 350px;}



	.about-block1 { height: auto;padding-bottom: 100px;}
	.about-block2 .content { width: 560px;}
	.about-block2 .content:before {border-width: 0 280px 140px 280px;}



	.service-list .item {height: auto;}
	.service-list .item .thumb-gallery {width: 390px;height: 360px;}
	.service-list .item .thumb-gallery .cover img{width: 390px;height: 360px;}
	.service-list .item .thumb-icon { bottom: -160px;width: 250px; height: 270px;}
	.service-list .item .thumb-icon .thumb {width: 60px;margin-left: auto;margin-right: auto;}
	.service-list .item .thumb-icon .title {padding: 0 45px;}
	.service-list .item:nth-child(odd) .thumb-icon {left: 280px;}
	.service-list .item:nth-child(even) .thumb-icon{right: 280px;}



	.article-list li .thumb{width: 200px;}
	.article-list li .thumb .cover img {width: 200px; height: 180px;}



	.contact-info .item-list {margin: 0 -15px;}
	.contact-info .item-list > li {padding: 0 15px;}
	.contact-info .icon{top: -4px;}



	.detail-page .info-block .h-title {top: -4px;font-size: 50px;}
	.detail-page .gallery .cover img {height: 200px;}
	.detail-page .recommended .item-list .thumb{width: 70px;}
	.detail-page .recommended .item-list .thumb .cover img {width: 70px;height: 60px;}


	.attach-block .wrapper .icon {width: 70px;height: 80px;line-height: 70px; top: -30px;}
	.attach-block .wrapper .content {padding-left: 100px;}



}

@media (max-width: 991px) {
	.container{max-width: inherit; width: 100%;}
	
	.menu-mobile-btn{display: block;}
	.menu-mobile-btn.active{right: 8px;}
	.site-header .menu .nav-list{background-color: rgba(255,255,255,0.95); box-shadow: 0px 3px 10px rgba(148,155,161,0.2); position: fixed; width: 100%; height: 100vh; overflow-y: auto; left: 100%;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		-ms-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		padding: 15px 30px;
	}
	.site-header .menu .nav-list.open{left: 0;}
	.site-header .menu .nav-list > li {width: 100%;}
	.site-header .menu .nav-list > li + li{border-top: 1px solid rgba(0,0,0,0.06);}
	.site-header .menu .nav-list > li:nth-child(4) {margin-left: 0;}
	.site-header .menu .link {line-height: 50px;display: block;}

	.site-header .topbar .logo {width: 80px;height: 80px; left: 0; right: 0;}

	.site-header .topbar.tiny{height: 56px;}
	.site-header .topbar.tiny .logo {width: 56px;height: 56px;}
	.site-header .topbar.tiny .menu-mobile-btn.active{right: 15px;}
	.site-header .topbar.tiny nav.menu .link {line-height: 50px;}
	.site-header .topbar.tiny nav.menu .nav-list{top: 56px; height: calc(100vh - 56px);}

	.menu-mobile-btn{display: block;}

	.main-slider .item .cover img {height: 420px;}

	.wg-about-area{padding-left: 0;}
	.wg-about-area .content {padding-right: 38%;margin-top: -90px;}

	.wg-project-slider .wrapper .cover{width: 640px;}
	.wg-project-slider .wrapper .cover img {width: 640px;height: 280px;}
	.wg-project-slider .content {width: 270px;height: 270px; padding: 20px;}
	.wg-project-slider .slick-current .content {right: 20px;}

	.wg-article-slider .wrapper+.wrapper {margin-top: 10px;}
	.wg-article-slider .thumb{width: 95px;}
	.wg-article-slider .thumb .cover img { width: 95px;height: 85px;}
	.wg-article-slider .content .desc{margin-top: 15px;}
	.wg-article-slider .content .more {margin-top: 5px;}
	.wg-article-slider .wrapper.highlight {padding: 15px;}
	.wg-article-slider .wrapper.highlight .thumb .cover img {width: 200px;height: 210px;}
	.wg-article-slider .wrapper.highlight .content {padding: 10px 0 10px 20px;}
	.wg-article-slider .wrapper.highlight .content .desc {font-size: 20px;}
	.wg-article-slider .wrapper.highlight .content .more {margin-top: 15px;}

	.wg-contact .form-default {padding-top: 30px;}


	.header-cover .inner { height: 240px; padding-top: 0;}
	.header-cover .inner .title {font-size: 40px;line-height: 1;}
	.default-header,
	.default-header .inner{height: 240px; padding-top: 0;}
	.default-header .title{font-size: 40px;line-height: 1;}


	.breadcrumb{margin: 0;}



	.about-block2 .content { width: 440px;}
	.about-block2 .content:before {border-width: 0 220px 100px 220px;}
	.about-block2 .content .inner {padding: 40px;}
	.about-block2 .content .title {font-size: 35px;}
	.about-block2 .content .desc {font-size: 20px;}

	
	.project-page .project-list li .link .thumb img {height: 250px;}
	.project-page .project-list li .link .content {padding: 15px 20px; bottom: -190px;}
	.project-page .project-list li .link .content .title {font-size: 24px;}
	.project-page .project-list li .link .content .desc {font-size: 20px;}



	.service-list .item .thumb-icon { bottom: -110px;}
	.service-list .item .thumb-gallery {width: 300px;height: 260px;}
	.service-list .item .thumb-gallery .cover img{width: 300px;height: 260px;}
	.service-list .item:nth-child(odd) .thumb-icon {left: 130px;}
	.service-list .item:nth-child(even) .thumb-icon {right: 130px;}
	.service-list .item:nth-child(odd) .content {padding-left: 0;}
	.service-list .item:nth-child(even) .content {padding-right: 0;}




	.article-list li .wrapper{padding: 20px;}
	.article-list li .wrapper .row-table{display: block;}
	.article-list li .wrapper .row-table > div{display: block;}
	.article-list li .wrapper .row-table .col-auto{width: auto;}
	.article-list li .thumb {width: 100%;}
	.article-list li .thumb .cover{padding-bottom: 56%;}
	.article-list li .thumb .cover img{width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
	.article-list li .content { padding-left: 0;padding-top: 20px; height: 190px;}
	.article-list li .content .title {font-size: 24px;}




	.contact-info .item-list {margin: 0;}
	.contact-info .item-list > li{width: 100%; padding: 5px 15px;}
	.contact-info .item-list > li+li{width: 50%; border-left: 0;}
	.contact-info .item-list > li:first-child{margin-bottom: 20px;}
	.contact-info .item-list > li + li:last-child{border-left: 1px solid #bcc3c9;}




	.detail-page .gallery .cover img {height: 120px;}



	.attach-block .wrapper .content .info li{width: 100%;}
	.attach-block .wrapper .content .info li+li{margin-left: 0;}




}

@media (max-width: 767px) {
	body {font-size: 18px;}

	.container{max-width: inherit; width: 100%;}

	.site-header .topbar {background-color: #fff; height: 56px;}
	.site-header .topbar .logo {width: 56px;height: 56px;}

	/*.menu-mobile-btn.active {right: 15px;}*/
	.site-header .topbar nav.menu .nav-list {top: 56px;height: calc(100vh - 56px);}

	.site-container{padding-top: 56px;}

	.whead{margin-bottom: 20px;}
	.whead .title {font-size: 30px;}
	
	.main-slider.slick-dotted.slick-slider{margin-bottom: 0;}
	.main-slider .slick-dots{bottom: 15px;}
	.main-slider .slick-dots li{width: auto; height: auto; margin: 0 4px;}
	.main-slider .slick-dots li button{background-color: rgba(255,255,255,0.8); box-shadow: 0 5px 5px rgba(148,155,161,0.25);}
	.main-slider .slick-dots li.slick-active button{background-color: #0f76be;}
	.main-slider .cover{padding-bottom: 70%;}
	.main-slider .item .cover img {height: 100%;position: absolute;}

	.wg-service{padding: 40px 0;}
	.wg-service-list .item-list {width: 360px;}
	.wg-service-list .item-list > li:nth-child(4) {margin-left: 60px;margin-top: -42px;}
	.wg-service-list .item-list > li:nth-child(5) {margin-top: -42px;}
	.wg-service-action{margin-top: 20px;}
	.wg-service-list .title{padding: 0 10px; font-size: 16px; line-height: 0.9em; margin-top: 10px;}

	.wg-present .vdo{height: auto; padding-top: 46%; position: relative;}
	.wg-present .vdo img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
	
	.wg-about{padding: 40px 0;}
	.wg-about-area{background-position: center top; background-size: 150%;}
	.wg-about-area .content {padding-right: 0; margin-top: 20px;}
	.wg-about-area .content .title {font-size: 24px;}
	.wg-about-area .btn-box { margin: 0 auto; margin-top: 30px; width: 140px;}
	.wg-about-area .content .tenyear{width: 120px;}
	
	.wg-project{padding: 20px 0 40px 0;}
	.wg-project .row-table{display: block;}
	.wg-project .row-table > div{display: block;}
	.wg-project .row-table > .col-auto{width: auto;}
	.wg-project .whead{text-align: center;}
	.wg-project .btn-box {width: 140px;padding-top: 10px; margin: 0 auto;}
	.wg-project-slider {margin-top: 10px;}
	.wg-project-slider .item {padding: 0 30px;}
	.wg-project-slider .wrapper {padding-bottom: 10px;}
	.wg-project-slider .wrapper .cover {width: auto; position: relative; padding-bottom: 56%;}
	.wg-project-slider .wrapper .cover img {width: 100%;height: 100%; position: absolute;}
	.wg-project-slider .content {width: 100%;height: 100%;padding: 15px; padding-bottom: 25px; position: relative;}
	.wg-project-slider .content .title {font-size: 24px; max-height: inherit;}
	.wg-project-slider .content .desc {font-size: 18px;line-height: 1;max-height: inherit;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	}
	.wg-project-slider .slick-current .content {right: 0;}
	.wg-project .btn-box{display: none;}
	.wg-project .whead{margin-bottom: 30px;}
	
	.wg-article{padding: 15px 0 40px 0;}
	.wg-article > .container > .row-table.row-0{display: block;}
	.wg-article > .container > .row-table.row-0 > div{display: block;}
	.wg-article > .container > .row-table.row-0 > .col-auto{width: auto;}
	.wg-article .whead{text-align: center; margin-bottom: 30px;}
	.wg-article .btn-box {width: 140px;padding-top: 10px; margin: 0 auto;}
	.wg-article-slider {margin-top: 10px;padding-bottom: 10px;}
	.wg-article-slider .wrapper.highlight {margin-bottom: 10px;}
	.wg-article-slider .wrapper.highlight .thumb {width: 100px;}
	.wg-article-slider .wrapper.highlight .thumb .cover img {width: 100px; height: 90px;}
	.wg-article-slider .wrapper.highlight .content .title {font-size: 20px;}
	.wg-article-slider .wrapper.highlight .content .desc{display: none;}
	.wg-article-slider .wrapper.highlight .content .more{margin-top: 5px;}
	.wg-article-slider .wrapper.highlight .content{padding-left: 15px;}
	.wg-article .row-table > div{vertical-align: middle !important;}
	.wg-article .btn-box{display: none;}

	.wg-article-slider .thumb{width: 100px;}
	.wg-article-slider .thumb .cover img{width: 100%; height: 90px;}


	.wg-project-slider .slick-list{margin: 0;}
	.wg-project-slider{padding: 0 15px;}
	.wg-project-slider .item{padding: 0 5px;}
	
	.wg-contact{padding: 40px 0;}
	.wg-contact .whead{text-align: center; margin-bottom: 25px;}
	.wg-contact .desc {font-size: 20px;text-align: left;}
	.wg-contact .desc .link{display: block; padding-top: 6px;}
	.wg-contact .desc .link+.link {margin-left: 0;}
	.wg-contact .form-default{padding-top: 25px;}
	.wg-contact .form-default .form-control{font-size: 20px;}
	.wg-contact .form-default .btn{min-width: 100px;}

	.footbar .credit {line-height: 1;width: 100%;text-align: center;padding-top: 20px; font-size: 15px;}
	.footbar .social {height: auto;padding-top: 10px;padding-bottom: 15px; width: 100%; display: block; text-align: center;}
	.footbar .social .item-list{display: inline-block;}
	.footbar .social .link,
	.footbar .social .link:hover{background-size: 100% !important; width: 28px; height: 32px;}


	.header-cover .inner {height: 150px;}
	.default-header,
	.default-header .inner{height: 150px;}


	.breadcrumb li, 
	.breadcrumb li.active, 
	.breadcrumb .link{font-size: 14px;}
	.breadcrumb li + li{padding-left: 13px; margin-left: 5px;}
	.breadcrumb li + li:before{width: 4px; height: 4px; left: 1px;}


	.pagination-block {text-align: center;}
	.pagination .link {width: 40px;height: 50px;font-size: 20px; line-height: 50px;}



	.about-block1{padding-bottom: 40px;}
	.about-block1 .thumb {padding-top: 30px; width: 64vw; margin: 0 auto;}
	.about-block1 .content {padding-top: 20px; text-align: center;}
	.about-block1 .content .desc{font-size: 20px;}
	.about-block2 .whead .quote{display: none;}
	.about-block2 .row-table{display: block;}
	.about-block2 .row-table > div{display: block;}
	.about-block2 .row-table .col-auto{width: auto;}
	.about-block2 .whead {height: auto; padding-top: 40px;}
	.about-block2 .content {width: 440px; margin: 100px auto 0;}
	.about-block2 .content .inner{padding: 0 30px 30px 30px; text-align: center;}
	.about-block2 .content .title{font-size: 30px; margin-bottom: 15px;}
	.about-block3{padding: 40px 0 20px 0;}
	.about-block3 .circle-box {transform: scale(0.7); margin: -90px 0;}
	.about-block4 {}
	.about-block4 .block-default{padding: 40px 0;}
	.about-block4 .-block-II{padding: 40px 15px; margin: 0 -15px;}
	.about-block4 .block-default .content .title{font-size: 24px; margin-bottom: 10px;}
	.about-block4 .block-default .content .desc{font-size: 20px; padding-left: 15px;}
	.about-block4 .block-default .content .desc + .desc{margin-top: 10px;}
	.about-block4 .block-default .content .desc:before{width: 5px; height: 5px; top: 7px;}




	.project-page{padding: 40px 0;}
	.project-page .whead {text-align: center; margin-bottom: 0;}
	.project-page .project-list{padding: 20px 0 0 0;}
	/*.project-page .project-list li{width: 100%;}*/
	.project-page .project-list li .link .content .title {font-size: 22px;}
	.project-page .project-list li .link .content .desc {font-size: 18px;margin-top: 10px;margin-bottom: 15px;}

	.project-slider{padding-top: 10px; padding-bottom: 0;}

	.wg-project-slider .content .desc{margin-top: 10px;}
	.wg-project-slider .content .more{margin-top: 15px;}
	.wg-project-slider .content{padding: 15px;}


	.service-list .whead{text-align: center;}
	.service-list .item .row-box > div {width: 100%;}
	.service-list .item:nth-child(odd) .row-box > div,
	.service-list .item:nth-child(even) .row-box > div {float: none;}
	.service-list .item .thumb-icon { bottom: auto; top: -80px; width: 190px; height: 200px;}
	.service-list .item .thumb-icon .thumb {width: 50px;margin-bottom: 10px;}
	.service-list .item .thumb-icon .title {padding: 0 35px;font-size: 20px;}
	.service-list .item:nth-child(odd) .thumb-icon { left: 0;}
	.service-list .item:nth-child(even) .thumb-icon { right: 0;}
	.service-list .item .thumb-gallery { margin: 0 auto; width: 100%; height: auto;}
	.service-list .item:nth-child(odd) .thumb-gallery,
	.service-list .item:nth-child(even) .thumb-gallery { float: none;}
	.service-list .item .thumb-gallery .cover{position: relative; height: auto; padding-bottom: 80%;}
	.service-list .item .thumb-gallery .cover img {width: 100%;height: 100%; position: absolute;}

	.service-list .item .thumb-icon{width: 100px; height: 100px; top: 5px; left: 15px !important;}
	.service-list .item .thumb-icon .thumb{margin-bottom: 0; width: 34px;}
	.service-list .item .thumb-icon .title{display: none;}
	.service-list .item .content .whead{margin-bottom: 10px;}
	.service-list .item .content .whead .title{font-size: 30px;}
	.service-list .item .content .desc{font-size: 20px;}
	.service-list .block:nth-child(even) .content{padding-right: 0;}



	.article-list li .content {height: 180px;}



	.contact-info{margin-bottom: 30px;}
	.contact-info .icon{top: -6px;}
	.contact-map {padding-bottom: 50px;}
	.contact-map .wrapper {height: 400px;}
	.contact-map .wrapper .cover > img{height: 400px;}
	


	.modal-alert {padding: 20px;}
	.modal-alert .action {margin-top: 20px;}



	.detail-page .h-title {font-size: 40px;}
	.detail-page .info-block .place {font-size: 25px;text-align: left;margin-bottom: 10px;}
	.detail-page .info-block .row-table{display: block;}
	.detail-page .info-block .row-table > div{display: block;}
	.detail-page .info-block .row-table .col-auto{width: 100%;}
	.detail-page .info-block .row-table .col-auto:after{content: ''; display: table; clear: both;}
	.detail-page .info-block .social {/*float: right;*/}
	.detail-page .editor-content {padding: 35px 0;font-size: 20px;line-height: 1;}
	.detail-page .banner {padding: 0;}
	.detail-page .banner .inner .title {font-size: 50px;}
	.detail-page .banner .inner .desc {font-size: 20px;}
	.detail-page .video {padding: 0;}
	.detail-page.-article-detail .gallery .item {padding: 0 1px;}
	.detail-page.-article-detail .gallery .cover img {height: 90px;}


	.attach-block .wrapper .icon {width: 50px;height: 60px;line-height: 50px;top: 20px;}
	.attach-block .wrapper .content {padding-left: 85px;}
	
	.slick-dotted.slick-slider{margin-bottom: 20px;}
	.slick-dots{width: auto; left: 0; right: 0; bottom: -20px;}
	.slick-dots li{width: auto; height: auto; margin: 0 4px;}
	.slick-dots li button{/*background-color: rgba(255,255,255,0.8);*/ box-shadow: 0 5px 5px rgba(148,155,161,0.25);}
	.slick-dots li.slick-active button{background-color: #0f76be;}


	.detail-page{padding-top: 40px; padding-bottom: 40px;}
	.detail-page .h-title{font-size: 30px;}
	.detail-page .info-block{padding-top: 10px;}
	.detail-page .info-block .place{font-size: 20px; margin-bottom: 20px;}
	.detail-page .info-block .place img{width: 20px; margin-right: 5px;}
	.detail-page .info-block .social .title{display: none;}
	.detail-page .info-block .social li + li{margin-left: 4px;}
	.detail-page .info-block .social .link{width: 30px; height: 32px; background-size: 100%;}
	.detail-page .info-block .social .link:hover{background-size: 100% !important;}

	.detail-page .editor-content{padding-bottom: 10px;}

	.detail-page .banner .inner{padding: 20px;}
	.detail-page .banner .inner .title{font-size: 34px; line-height: 1em; margin-bottom: 5px;}
	.detail-page .banner .inner .desc{font-size: 18px;}

	.detail-page .gallery{margin-top: 40px;}
	.detail-page .gallery .link:before{background-size: 70%;}

	.detail-page .info-block .h-title{font-size: 30px; top: 0; margin-bottom: 10px;}
	.detail-page.-article-detail .editor-content{padding: 30px 0;}
	.detail-page.-article-detail .gallery{margin-top: 0;}
	.detail-page.-article-detail .gallery .slick-list{margin: 0 -5px;}
	.detail-page.-article-detail .gallery .item{padding: 0 5px;}

	.detail-page .recommended{margin-top: 40px;}
	.detail-page .recommended .title{font-size: 26px;}
	.detail-page .recommended .item-list{margin-top: 20px;}
	.detail-page .recommended .item-list .title{font-size: 20px;}
	.detail-page .recommended .item-list li + li{margin-top: 10px;}
}

@media (max-width: 575px) {
	.container{max-width: inherit; width: 100%;}

	.wg-service .item-list .wrapper {width: 120px;height: 145px;}
	.wg-service .item-list .thumb img {width: 30px;height: 30px;}

	.wg-service-list .item-list > li {margin: 0 0px;}

	/*.wg-present .vdo {height: 220px;}*/

	.wg-about-area .content .title {margin-top: 15px; margin-bottom: 5px;}
	.wg-about-area .content .tenyear {width: 120px;}

	/*.wg-article-slider .content .desc {margin-top: 0px;}
	.wg-article-slider .wrapper.highlight .thumb{width: 160px;}
	.wg-article-slider .wrapper.highlight .thumb .cover img {width: 160px;height: 160px;}
	.wg-article-slider .wrapper.highlight .content .more {margin-top: 10px;}*/


	.default-body {padding: 40px 0;}


	.about-block2 .content {width: 340px;}
	.about-block2 .content:before {border-width: 0 170px 80px 170px;}
	/*.about-block3 {padding-top: 55px;padding-bottom: 30px;}*/
	.about-block3 .whead {margin-bottom: 0;}
	.about-block3 .circle-box {transform: scale(0.5);left: -56px;}


	.project-page .project-list li .link .thumb img {height: 140px;}
	.project-page .project-list li .link .content {padding: 10px;bottom: -100px;}


	.service-list {margin-bottom: 0;}
	.service-list .item {padding: 40px 0;}
	/*.service-list .item .thumb-icon{top: 0; position: relative; margin: auto;}*/



	.article-list li .wrapper {padding: 15px;}
	.article-list li .content {height: 160px;}
	.article-list li .content .desc {margin-top: 10px;}
	.article-list li .content .more {margin-top: 10px;}




	.contact-info {padding: 5px 15px; margin-bottom: 15px;}
	.contact-info .item-list > li{padding: 15px 0; text-align: left;}
	.contact-info .item-list > li:first-child {margin-bottom: 0px;}
	.contact-info .item-list > li + li {border-top: 1px solid #ebebeb; width: 100%;}
	.contact-info .item-list > li + li:last-child {border-left: 0;}

	.contact-map{padding-bottom: 40px;}

	.form-default .control-label{font-size: 18px; margin-bottom: 2px;}



	.modal-dialog {width: 320px;}

}