/* lg */ 

@media screen and (max-width:1366px) {
.navbar-default .navbar-brand {
	font-size: 43px;
}
.layer h3 {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	font-size: 55px;
}
.layer p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-size: 18px;
}
.expertise-grid-3 p {
	position: absolute;
	left: -80%;
	top: 23px;
	border: 5px solid #000;
	padding: 40px 20px 51px 398px;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 38%;
	right: 2%;
	width: 30%;
	text-align: left;
	font-size: 40px;
}
.portfolio h3, .about-grid-2 h1, .mission h3, .feedback h3, .team h3, .newsletter h3, .news h3, .contact h3 {
	font-size: 36px;
}
.about, .mission, .expertise, .portfolio, .feedback, .team, .newsletter, .contact {
	padding: 80px 0;
}
.news h4 {
	font-size: 22px;
	margin-top: 30px;
}
}
 @media screen and (max-width:1280px) {
.expertise-grid-3 p {
	position: absolute;
	left: -96%;
	top: 23px;
	border: 5px solid #000;
	padding: 30px 20px 41px 398px;
}
}
 @media screen and (max-width:1024px) {
.layer h3 {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	font-size: 45px;
}
.layer p {
	position: absolute;
	top: 53%;
	left: 0;
	right: 0;
	font-size: 16px;
}
.about-grid-2 h1 {
	text-align: left;
	margin: 30px 0 20px;
}
figure.effect-hera figcaption::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 110px;
	height: 110px;
	border: 2px solid #fff;
	content: '';
}
.expertise-grid-1 {
	width: 58%;
	float: left;
	position: relative;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 38%;
	right: 2%;
	width: 30%;
	text-align: left;
	font-size: 31px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 13px;
}
.navbar-default .navbar-brand {
	font-size: 37px;
}
.expertise-grid-2 {
	width: 42%;
	float: left;
	padding-right: 100px;
}
.expertise-grid-3 p {
	position: absolute;
	left: -122%;
	top: -3px;
	border: 5px solid #000;
	padding: 10px 20px 11px 398px;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 32%;
	right: 21%;
	width: 30%;
	text-align: left;
	font-size: 28px;
}
}
 @media screen and (max-width:991px) {
.navbar-default .navbar-nav>li>a {
	color: #FFF;
	padding: 10px 16px;
}
.hover-effect li a {
	font-size: 14px;
}
.expertise-grid-1 {
	width: 100%;
	float: none;
	position: relative;
	text-align: center;
}
.expertise-grids {
	text-align: center;
}
.expertise-grid-3 p {
	position: absolute;
	left: 0%;
	top: -3px;
	border: 5px solid #000;
	padding: 2em 2em;
}
.expertise-grid-3 p {
	position: absolute;
	left: 0%;
	top: -63px;
	border: 5px solid #000;
	padding: 6em 2em 2em 2em;
}
.expertise-grid-2 {
	width: 96%;
	float: none;
	padding-right: 0px;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 87%;
	right: 23%;
	width: 39%;
	text-align: left;
	font-size: 28px;
}
#expertise {
	padding: 70px 0 235px 0;
}
.navbar-default .navbar-brand {
	font-size: 32px;
}
}
 @media screen and (max-width:800px) {
.layer h3 {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	font-size: 38px;
}
.expertise-grid-2 {
	width: 92%;
	float: none;
	padding-right: 0px;
}
.expertise-grid-2 {
	width: 92%;
	float: none;
	padding-right: 0px;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 87%;
	right: 29%;
	width: 39%;
	text-align: left;
	font-size: 28px;
}
}
 @media screen and (max-width:768px) {
.layer h3 {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	font-size: 38px;
}
.expertise-grid-2 {
	width: 92%;
	float: none;
	padding-right: 0px;
}
.expertise-grid-2 {
	width: 92%;
	float: none;
	padding-right: 0px;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 87%;
	right: 29%;
	width: 39%;
	text-align: left;
	font-size: 28px;
}
}
 @media screen and (max-width:736px) {
.hover-effect li {
	list-style: none;
	display: block;
	margin: 0;
}
ul.nav.navbar-nav {
	background: #282828;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none!important;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 0px!important;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ff9900;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fff;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
}
}
 @media screen and (max-width:667px) {
.ys-box {
	float: left;
	width: 50%;
	margin-top: 40px;
}
.ys {
	height: 200px;
	width: 200px;
	line-height: 200px;
}
.layer p {
	position: absolute;
	top: 57%;
	left: 0;
	right: 0;
	font-size: 14px;
}
.layer h3 {
	position: absolute;
	top: 44%;
	left: 0;
	right: 0;
	font-size: 32px;
}
.callbacks_tabs a:after {
	height: 12px;
	width: 12px;
}
ul.callbacks_tabs {
	position: absolute;
	bottom: 10%;
	left: 21%;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 84%;
	right: 29%;
	width: 38%;
	text-align: left;
	font-size: 21px;
}
.navbar-default .navbar-brand {
	font-size: 30px!important;
}
 .navbar-default .navbar-brand img{ width:160px;}
.footer_link {
	display: none;
}
.footer {
	display: none
}
.copy{ margin-top:30px;}
.ys_left{ width:100%; float:none;}
.ys_right{ width:100%; float:none;}
.ys_left h2{ color:#282828; font-weight:bold; font-size:18px;}
.ys_list{  padding:8px 8px ; font-size:38px;  margin-right:20px; color:#fff;}
.ys_left span > img{ width:90px; padding-right:10px;}
.ys_left p{ padding-left:20px; font-size:14px;}
.ys_left > img{ float:none; width:100%;}
.ys_left2{ width:100%; float:none; margin-top:8px; text-align:left}
.ys_right2{ width:100%; float:none; margin-top:8px;}
.ys_left2 h2{ color:#282828; font-weight:bold; font-size:20px;}
.ys_left2 span > img{width:90px; padding-right:10px;}
.ys_left2 p{ padding-left:20px; font-size:14px;}
.ys_left2 > img{ float:none; width:100%;}
 .aside-left2{ display:none;}
  .content{ width:100%;}
  #youshi li{  width:48%;  margin:10px 1%; height:400px; }
}
 @media screen and (max-width:640px) {
	 .navbar-default .navbar-brand img{ width:150px;}
.ys-box {
	float: left;
	width: 50%;
	margin-top: 40px;
}
.ys {
	height: 200px;
	width: 200px;
	line-height: 200px;
}
.layer p {
	position: absolute;
	top: 57%;
	left: 0;
	right: 0;
	font-size: 14px;
}
.layer h3 {
	position: absolute;
	top: 44%;
	left: 0;
	right: 0;
	font-size: 32px;
}
.callbacks_tabs a:after {
	height: 12px;
	width: 12px;
}
ul.callbacks_tabs {
	position: absolute;
	bottom: 10%;
	left: 36%;
}
.contact h4 {
	margin: 20px 0;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 84%;
	right: 29%;
	width: 38%;
	text-align: left;
	font-size: 21px;
}
.news_left {
	width: 100%;
}
.pro img {
	width: 800px;
	height: 350px;
}
.news_right {
	width: 100%;
}
.news-content {
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-day {
	float: right;
	width: 40%;
	text-align: right;
}
.footer_link {
	display: none;
}
.footer {
	display: none
}
.copy{ margin-top:30px;}
.ys_left{ width:100%; float:none;}
.ys_right{ width:100%; float:none;}
.ys_left h2{ color:#282828; font-weight:bold; font-size:18px;}
.ys_list{  padding:8px 8px ; font-size:38px;  margin-right:20px; color:#fff;}
.ys_left span > img{ width:90px; padding-right:10px;}
.ys_left p{ padding-left:20px; font-size:14px;}
.ys_left > img{ float:none; width:100%;}
.ys_left2{ width:100%; float:none; margin-top:8px; text-align:left}
.ys_right2{ width:100%; float:none; margin-top:8px;}
.ys_left2 h2{ color:#282828; font-weight:bold; font-size:20px;}
.ys_left2 span > img{width:90px; padding-right:10px;}
.ys_left2 p{ padding-left:20px; font-size:14px;}
.ys_left2 > img{ float:none; width:100%;}
 .aside-left2{ display:none;}
  .content{ width:100%;}
    .pro_tu{ width:50%; float:left; padding:8px 8px;}
.pro_tu img{ width:252px; height:138px;}
#youshi li{  width:48%;  margin:10px 1%; height:400px; }
}
 @media screen and (max-width:480px) {
.search p {
	display: none;
}
.search .s_key input {
	width: 80%;
}
.search .s_key {
	width: 100%;
}
.ys-box {
	float: left;
	width: 50%;
	margin-top: 40px;
}
.ys {
	height: 180px;
	width: 180px;
	line-height: 180px;
}
.layer h3 {
	position: absolute;
	top: 44%;
	left: 0;
	right: 0;
	font-size: 23px;
}
.layer p {
	position: absolute;
	top: 57%;
	left: 0;
	right: 0;
	font-size: 13px;
	padding: 0 49px;
}
.expertise-grid-3 p {
	position: absolute;
	left: 7%;
	top: -81px;
	border: 5px solid #000;
	padding: 6em 2em 2em 2em;
}
#expertise {
	padding: 30px 0 296px 0;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 74%;
	right: 29%;
	width: 44%;
	text-align: left;
	font-size: 21px;
}
.pro img {
	width: 640px;
	height: 250px;
}
.news_left {
	width: 100%;
}
.news_right {
	width: 100%;
}
.news-content {
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-day {
	float: right;
	width: 40%;
	text-align: right;
}
.footer_link {
	display: none;
}
.footer {
	display: none
}
.copy{ margin-top:30px;}
.ys_left{ width:100%; float:none;}
.ys_right{ width:100%; float:none;}
.ys_left h2{ color:#282828; font-weight:bold; font-size:18px;}
.ys_list{  padding:8px 8px ; font-size:38px;  margin-right:20px; color:#fff;}
.ys_left span > img{ width:90px; padding-right:10px;}
.ys_left p{ padding-left:20px; font-size:14px;}
.ys_left > img{ float:none; width:100%;}
.ys_left2{ width:100%; float:none; margin-top:8px; text-align:left}
.ys_right2{ width:100%; float:none; margin-top:8px;}
.ys_left2 h2{ color:#282828; font-weight:bold; font-size:20px;}
.ys_left2 span > img{width:90px; padding-right:10px;}
.ys_left2 p{ padding-left:20px; font-size:14px;}
.ys_left2 > img{ float:none; width:100%;}
 .aside-left2{ display:none;}
  .content{ width:100%;}
    .pro_tu{ width:50%; float:left; padding:8px 8px;}
.pro_tu img{ width:252px; height:138px;}
.pro_tu img{ width:202px; height:98px;}
.map_con{width:100%;height:350px;border:#ccc solid 1px; margin-bottom:30px}
#youshi li{  width:48%;  margin:10px 1%; height:400px; }
}
 @media screen and (max-width:414px) {
.search p {
	display: none;
}
.search .s_key input {
	width: 80%;
}
.search .s_key {
	width: 100%;
}
.ys-box {
	float: left;
	width: 50%;
	margin-top: 40px;
}
.ys {
	height: 150px;
	width: 150px;
	line-height: 150px;
}
.layer h3 {
	position: absolute;
	top: 44%;
	left: 0;
	right: 0;
	font-size: 19px;
}
.navbar-default .navbar-brand {
	font-size: 28px!important;
}
 .navbar-default .navbar-brand img{ width:140px;}
.navbar {
	padding-top: 19px;
}
.expertise-grid-3 p {
	position: absolute;
	left: 7%;
	top: -81px;
	border: 5px solid #000;
	padding: 6em 2em 2em 2em;
}
.expertise-grid-1 h2 {
	position: absolute;
	top: 74%;
	right: 22%;
	width: 54%;
	text-align: left;
	font-size: 21px;
}
#expertise {
	padding: 30px 0 317px 0;
}
ul.callbacks_tabs {
	position: absolute;
	bottom: 5%;
	left: 30%;
}
.news_left {
	width: 100%;
}
.news_right {
	width: 100%;
}
.news-content {
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-day {
	float: right;
	width: 40%;
	text-align: right;
}
.footer_link {
	display: none;
}
.footer {
	display: none
}
.copy{ margin-top:30px;}
.ys_left{ width:100%; float:none;}
.ys_right{ width:100%; float:none;}
.ys_left h2{ color:#282828; font-weight:bold; font-size:18px;}
.ys_list{  padding:8px 8px ; font-size:38px;  margin-right:20px; color:#fff;}
.ys_left span > img{ width:90px; padding-right:10px;}
.ys_left p{ padding-left:20px; font-size:14px;}
.ys_left > img{ float:none; width:100%;}
.ys_left2{ width:100%; float:none; margin-top:8px; text-align:left}
.ys_right2{ width:100%; float:none; margin-top:8px;}
.ys_left2 h2{ color:#282828; font-weight:bold; font-size:20px;}
.ys_left2 span > img{width:90px; padding-right:10px;}
.ys_left2 p{ padding-left:20px; font-size:14px;}
.ys_left2 > img{ float:none; width:100%;}
 .aside-left2{ display:none;}
  .content{ width:100%;}
    .pro_tu{ width:50%; float:left; padding:8px 8px;}
.pro_tu img{ width:252px; height:138px;}
.pro_tu img{ width:202px; height:98px;}
.map_con{width:100%;height:250px;border:#ccc solid 1px; margin-bottom:30px}
#youshi li{  width:48%;  margin:10px 1%; height:400px; }
}
 @media screen and (max-width:384px) {
.ys-box {
	float: left;
	width: 50%;
	margin-top: 40px;
}
.ys {
	height: 120px;
	width: 120px;
	line-height: 120px;
}
.search p {
	display: none;
}
.search .s_key input {
	width: 80%;
}
.search .s_key {
	width: 100%;
}
.layer p {
	position: absolute;
	top: 57%;
	left: 0;
	right: 0;
	font-size: 13px;
	padding: 0 26px;
}
.news_left {
	width: 100%;
}
.news_right {
	width: 100%;
}
.news-content {
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-day {
	float: right;
	width: 40%;
	text-align: right;
}
.footer_link {
	display: none;
}
.footer {
	display: none
}
.copy{ margin-top:30px;}
.ys_left{ width:100%; float:none;}
.ys_right{ width:100%; float:none;}
.ys_left h2{ color:#282828; font-weight:bold; font-size:18px;}
.ys_list{  padding:8px 8px ; font-size:38px;  margin-right:20px; color:#fff;}
.ys_left span > img{ width:90px; padding-right:10px;}
.ys_left p{ padding-left:0; font-size:14px;}
.ys_left > img{ float:none; width:100%;}
.ys_left2{ width:100%; float:none; margin-top:8px; text-align:left}
.ys_right2{ width:100%; float:none; margin-top:8px;}
.ys_left2 h2{ color:#282828; font-weight:bold; font-size:20px;}
.ys_left2 span > img{width:90px; padding-right:10px;}
.ys_left2 p{ padding-left:0; font-size:14px;}
.ys_left2 > img{ float:none; width:100%;}
 .aside-left2{ display:none;}
  .content{ width:100%;}
    .pro_tu{ width:50%; float:left; padding:8px 8px;}
.pro_tu img{ width:202px; height:98px;}
.pro_tu img{ width:202px; height:98px;}
.map_con{width:100%;height:250px;border:#ccc solid 1px; margin-bottom:30px}
#youshi li{  width:48%;  margin:10px 1%; height:400px; }
}
 @media screen and (max-width:320px) {
.search p {
	display: none;
}
.search .s_key input {
	width: 78%;
}
.search .s_key {
	width: 100%;
}
.ys-box {
	float: left;
	width: 50%;
	margin-top: 40px;
}
.ys {
	height: 120px;
	width: 120px;
	line-height: 120px;
}
.layer h3 {
	position: absolute;
	top: 44%;
	left: 0;
	right: 0;
	font-size: 17px;
}
.layer p {
	position: absolute;
	top: 57%;
	left: 0;
	right: 0;
	font-size: 12px;
	padding: 0 6px;
}
ul.callbacks_tabs {
	position: absolute;
	bottom: 5%;
	left: 22%;
}
.navbar-default .navbar-brand {
	font-size: 26px!important;
}
 .navbar-default .navbar-brand img{ width:130px;}
.news_left {
	width: 100%;
}
.news_right {
	width: 100%;
}
.news-content {
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-day {
	float: right;
	width: 40%;
	text-align: right;
}
.footer_link {
	display: none;
}
.footer {
	display: none
}
.copy{ margin-top:30px;}
.ys_left{ width:100%; float:none;}
.ys_right{ width:100%; float:none;}
.ys_left h2{ color:#282828; font-weight:bold; font-size:18px;}
.ys_list{  padding:8px 8px ; font-size:38px;  margin-right:20px; color:#fff;}
.ys_left span > img{ width:90px; padding-right:10px;}
.ys_left p{ padding-left:0; font-size:14px;}
.ys_left > img{ float:none; width:100%;}
.ys_left2{ width:100%; float:none; margin-top:8px; text-align:left}
.ys_right2{ width:100%; float:none; margin-top:8px;}
.ys_left2 h2{ color:#282828; font-weight:bold; font-size:20px;}
.ys_left2 span > img{width:90px; padding-right:10px;}
.ys_left2 p{ padding-left:0; font-size:14px;}
.ys_left2 > img{ float:none; width:100%;}

 .aside-left2{ display:none;}
  .content{ width:100%;}
  .pro_tu{ width:50%; float:left; padding:8px 8px;}
.pro_tu img{ width:202px; height:98px;}
.map_con{width:100%;height:250px;border:#ccc solid 1px; margin-bottom:30px}
#youshi li{  width:48%;  margin:10px 1%; height:400px; }
}