/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
@font-face {
	font-family: 'iconfont';  /* project id 876485 */
	src: url('../fonts/font_876485_a3vf69rydgp.eot');
	src: url('../fonts/font_876485_a3vf69rydgp.eot') format('embedded-opentype'), url('../fonts/font_876485_a3vf69rydgp.woff') format('woff'), url('../fonts/font_876485_a3vf69rydgp.ttf') format('truetype'), url('../fonts/font_876485_a3vf69rydgp.svg#iconfont') format('svg');
}
body {
	max-width: 1920px;
	margin: auto;
}
html, body {
	min-height: 100%;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear_both {
	zoom: 1;
}
.clear_both:before {
	content: "";
	display: table;
	clear: both;
}
.clear_both:after {
	content: "";
	display: table;
	clear: both;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.inline-block {
	display: inline-block;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.trans {
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}
.rotating180 {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-moz-transform: rotate(180deg); /* Firefox */
	-webkit-transform: rotate(180deg);/* Safari 和 Chrome */
	-o-transform: rotate(180deg);
}
.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.main {
	overflow: hidden;
	position: relative;
}
.wrap {
	max-width: 95.8%;
	margin: 0 auto;
}
.wrap1 {
	max-width: 62.5%;
	margin: 0 auto;
}
/*头部 header*/
#header {
	width: 100%;
	height: 18px;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	padding: 37px 0px 45px;
	z-index: 100;
}
/*#header .logo{margin-top:-20px;}*/
#header .logo a {
	font-size: 26px;
	color: #333;
	font-weight: bold;
}
#header.pro {
	border-bottom: 1px solid #e7e7e7;
}
#header.headerbg {
	background: #fff;
}
#header .nav .nav_a {
	margin-right: 80px;
	color: #666;
}
#header .nav .nav_a:hover {
	color: #333;
	font-weight: bold;
}
#header .nav .nav_a.on {
	color: #333;
	font-weight: bold;
}
#header .nav .lang {
	cursor: pointer;
}
#header .nav .sousuo {
	cursor: pointer;
}
#header .menu {
	display: none;
}
#header .menu_bg1 {
	left: 0;
	top: 100px;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	z-index: 99;
}
#header .sou {
	background: #fff;
	width: 100%;
	z-index: 134;
	position: fixed;
	left: -100%;
	top: 100px;
	overflow: auto;
	height: 70px;
	border-top: 1px solid #aaa;
}
#header .sou input[type="text"] {
	height: 32px;
	width: 74%;
	margin: 0.5rem 0 0 1.5%;
	border: 1px solid #ccc;
	text-indent: 0.2rem;
	font-size: 18px;
	line-height: 32px;
	float: left;
}
#header .sou #search {
	height: 32px;
	width: 20%;
	margin: 0.5rem 1.5% 0 0;
	font-size: 20px;
	line-height: 32px;
	background: #333;
	color: #fff;
	text-align: center;
	cursor: pointer;
	float: right;
}
#header .sou.on {
	left: 0;
}
#header .menu_bg1.on {
	display: block;
}
/*尾部 footer*/
#footer {
	background: #333;
}
#footer .footer_top {
	border-bottom: 1px solid #3e3e3e;
	height: 62px;
}
#footer .footer_top * {
	font-size: 12px;
	color: #666;
	vertical-align: middle;
}
#footer .footer_top a {
	margin-right: 10px;
}
#footer .footer_top a:hover {
	color: #fff;
}
#footer .footer_top .wrap1 {
	margin-top: 25px;
}
#footer .footer_top .wrap1 .link_con .swiper-slide {
	width: auto;
	padding: 0px 3px;
}
#footer .footer_bottom {
	margin-top: 20px;
}
#footer .footer_bottom .p1 {
	font-size: 12px;
	line-height: 30px;
	color: #ccc;
}
#footer .footer_bottom .copyright {
	margin: 20px auto 50px;
	font-size: 12px;
	line-height: 30px;
	color: #ccc;
}
#footer .footer_bottom .copyright * {
	font-size: 12px;
	line-height: 30px;
	color: #ccc;
}
#footer .footer_bottom .erweima_img {
	width: 90px;
	height: 90px;
	text-align: center;
}
.kefu {
	position: fixed;
	top: 150px;
	right: 5.2%;
	z-index: 100;
	width: 200px;
	height: 380px;
	background: #fff;
}
.kefu .cha {
	margin: 10px;
}
.kefu .cha img {
	cursor: pointer;
}
.kefu .p1 {
	font-size: 22px;
	color: #333;
	margin: 20px auto 8px;
}
.kefu .p2 {
	font-size: 12px;
	color: #666;
}
.kefu .p3 {
	font-size: 14px;
	color: #999;
	margin: 60px auto 15px;
}
.kefu .p4 {
	font-size: 22px;
	color: #474747;
}
.kefu .a1 {
	font-size: 14px;
	color: #fff;
	width: 140px;
	height: 40px;
	background: #666;
	border-radius: 20px;
	line-height: 40px;
	margin: 40px auto 10px;
}
.kefu .a2 {
	font-size: 14px;
	color: #fff;
	width: 140px;
	height: 40px;
	background: #999;
	border-radius: 20px;
	line-height: 40px;
	margin: 0 auto;
}
.kefu a img {
	vertical-align: middle;
}
.lianxi {
	position: fixed;
	bottom: 10%;
	right: 5.2%;
	z-index: 100;
	width: 50px;
	height: 153px;
	cursor: pointer;
}
.lianxi .lian {
	width: 50px;
	height: 50px;
	margin-bottom: 1px;
	background: rgba(0,0,0,0.5);
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.lianxi .lian img {
	vertical-align: middle;
}
.lianxi .weixin {
	position: relative;
}
.lianxi .weixin .erweima {
	position: absolute;
	top: 0px;
	right: 120%;
	z-index: 50;
	opacity: 0;
	max-width: 90px;
	max-height: 90px;
}
.lianxi .weixin .erweima_img {
	width: 90px;
	height: 90px;
	text-align: center;
}
.lianxi .weixin:hover .erweima {
	opacity: 1;
}
/*广告图 banner*/
.top_bg.on {
	margin-top: 100px;
	height:658px;
	position:relative;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.inner-ban-img {
    display: none !important;
}
.moudle-titles-wrap{position: absolute; top: 50%; left:50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    margin-left:-600px ;
}
.moudle-titles .title-en {
    font-size: 24px;
    font-family: "Arial";
    margin-bottom: 20px;
    text-transform: uppercase;    color: #fff;
}
.moudle-titles .title-cn {
    font-size: 48px;    color: #fff;
}








.top_bg .top_bg_con .top_bg_button {
	width: 30px;
	height: 59px;
}
.top_bg .top_bg_con .swiper-button-next {
	background: url(../img/right.png) no-repeat center;
	right: 3.1%;
}
.top_bg .top_bg_con .swiper-button-prev {
	background: url(../img/left.png) no-repeat center;
	left: 3.1%;
}
/*index 首页*/
/*.index_pro .title {
	line-height: 130px;
}
.index_pro .title .p1 {
	font-size: 36px;
}
.index_pro .title .pro_a a {
	font-size: 14px;
	color: #666;
}
.index_pro .title .pro_a a:hover {
	color: #333;
	font-weight: bold;
}*/
.index_pro .ptb5{position:relative;}
/* .index_pro .con .index_pro_con {
	padding-bottom: 150px;
} */
.index_pro .con .swiper-slide .pro_a {
	width: 25%;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
.index_pro .con .swiper-slide .pro_a .img {
	border-right: 1px solid #fff;
	background: #f2f2f2;
}
.index_pro .con .swiper-slide .pro_a .img_bg {
	height: 100%;
	left: 0;
	right: 1px;
	background: rgba(0,0,0,0.3);
	z-index: 10;
	text-align: center;
	bottom: 100%;
}
.index_pro .con .swiper-slide .pro_a .img_bg .p1 {
	font-size: 22px;
	color: #fff;
	line-height: 42px;
	display: inline-block;
	border-bottom: 3px solid #fff;
	margin-top: 13%;
}
.index_pro .con .swiper-slide .pro_a .img_bg .p2 {
	font-size: 14px;
	color: #f2f2f2;
	line-height: 42px;
}
.index_pro .con .swiper-slide .pro_a:hover .img_bg {
	bottom: 0;
}
.index_pro .con .index_pro_con .swiper_button {
	bottom: 60px;
	top: auto;
	width: 50px;
	height: 50px;
	background: #f1f1f1;
	border-radius: 2px;
}
.index_pro .con .index_pro_con .swiper_button_cen {
	bottom: 60px;
	width: 80px;
	height: 50px;
	background: #f1f1f1;
	border-radius: 2px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
}
.index_pro .con .index_pro_con .swiper-button-next {
	right: 43%;
}
.index_pro .con .index_pro_con .swiper-button-prev {
	left: 43%;
}
.about .title {text-align: center;}
.about .title * {color: #fff;display: block;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.about .title h2{font-size:48px;line-height: 44px; font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.about .title h3{font-size:34px;}
.pcshow { display:block;}
.mbshow { display:none !important; max-width:100%; height:auto}
.container {margin:auto 5%;position: relative;overflow: hidden;}
section { display: block; width: 80%; margin: auto;} 
/* brand*/
.sy-brand-main1 {overflow: hidden;position: relative; width:100%; background: #1f1f1f;padding: 7% 0  5% 0;}
.sy-brand-main1 section {width:70%;}
.sy-brand-main1 .title {margin-top:25%;text-align: left;}
.sy-brand-main1 .text {font-size:14px; line-height: 28px;color:#999;padding:6% 0;word-wrap:break-word; text-align: justify;}
.sy-brand-main1 .text li {display: inline-block;margin-right:10px; }
.sy-brand-main1 .pic {position: relative;}
.sy-brand-main1 .pic h3 {color: #fff;font-size: 18px;position: absolute;top:45%;left: 0;text-align: center;width: 100%;}
.sy-brand-main1 .pic img{display: block; width: 100%;height: auto;opacity: 0.5;}
.sy-brand-main1 .left {float: left;width: 45%;}
.sy-brand-main1 .right {float:left;width: 45%;margin-left:5%;position: relative;}
.mappoint {position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
.mappoint ul {position: relative;width: 100%;height: 100%;}
.mappoint ul li { position:absolute; z-index:3; width:100px; height:50px;text-align:center; margin-top:-85px;}
.mappoint ul li i { display: inline-block;width:10px; height:10px; margin:20px; background:#fff;border-radius:100px;-webkit-box-shadow: 0 0 20px #bde9ff;-moz-box-shadow: 0 0 20px #bde9ff;box-shadow:0 0 20px #bde9ff;}
.mappoint ul li strong { font-size:14px; color:#999; display:inline-block; text-transform:capitalize; position:absolute;left:0px; top:0px; z-index:1; width:100%;font-weight:normal; text-align:center;}

.bwdhs { width:100%;margin:3px auto;}
.bwdhs h1,.bwdhs h2,.bwdhs h3,.bwdhs h4 { z-index:-1;margin:0; padding:0;background: none;border:#024b94 1px solid;display:block;position:absolute;left:50%;top:50%;-moz-border-radius: 100% / 100%;-webkit-border-radius: 100% / 100%;border-radius:100% / 100%;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;-webkit-box-shadow:0px 0px 8px #024b94;-moz-box-shadow: 0px 0px 8px #024b94;box-shadow: 0px 0px 8px #024b94;}
.bwdhs h1 {width:10px;height:10px;margin-left:-5px; margin-top:-5px;}
.bwdhs h2 {width:50px;height:50px;margin-left:-25px;margin-top:-25px;}
.bwdhs h3 {width:10px;height:10px;margin-left:-5px;margin-top:-5px;}
.bwdhs h4 {width:50px;height:50px;margin-left:-25px;margin-top:-25px;}
.bwdhs h1{animation:myfirst 1s linear 0s infinite normal;-moz-animation:myfirst 1s linear 0s infinite normal;-webkit-animation:myfirst 1s linear 0s infinite normal;-o-animation:myfirst 1s linear 0s infinite normal;}
.bwdhs h2{animation:myfirst 2s linear 0s infinite normal;-moz-animation:myfirst 2s linear 0s infinite normal;-webkit-animation:myfirst 2s linear 0s infinite normal;-o-animation:myfirst 2s linear 0s infinite normal;}
.bwdhs h3{animation:myfirst 3s linear 0s infinite normal;-moz-animation:myfirst 3s linear 0s infinite normal;-webkit-animation:myfirst 3s linear 0s infinite normal;-o-animation:myfirst 3s linear 0s infinite normal;}
.bwdhs h4{animation:myfirst 4s linear 0s infinite normal;-moz-animation:myfirst 4s linear 0s infinite normal;-webkit-animation:myfirst 4s linear 0s infinite normal;-o-animation:myfirst 4s linear 0s infinite normal;}
@keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}
@-moz-keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}
@-webkit-keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}
@-o-keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}

.Uk {left:420px; top:280px;}
.Netherlands {left:260px; top:210px;}
.Germany {left:400px; top:280px;}
.India {left:220px; top:340px;}
.shenzhen {left:260px; top:600px;}
.Australia {left:350px; top:480px;}
.Pecs {left:140px; top:520px;}
.Perugia {left:420px; top:240px;}
.USA {left:50px; top:240px;}

 


.sy-brand-main2 {overflow: hidden;position: relative; width:100%; background: #fff;}
.sy-brand-main2 * {display: block;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.sy-brand-main2 .pic {padding-bottom: 230px;}
.sy-brand-main2 .pic img{display: block;width: 100%;height: auto;}
.sy-brand-main2 .main {position: absolute;width:68%;left: 16%;top: 0;z-index: 10;overflow:visible;}
.sy-brand-main2 .main .title {margin-top:8%;text-align: center;}
.sy-brand-main2 .main .culture { background: #fff;padding: 5% 0; margin-top:8%; text-align: center;-moz-box-shadow:0px 10px 20px rgba(0,0,0,0.1);-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.1) ;box-shadow:0px 10px 20px rgba(0,0,0,0.1);}
.sy-brand-main2 .main .culture li { display: inline-block;vertical-align: top;width:20%;position: relative; padding:0 2.35%;}
.sy-brand-main2 .main .culture li i{width: 40px;height: 40px; margin:10px auto; border: 2px solid #000;border-radius:100%;padding:8px;}
.sy-brand-main2 .main .culture li i img{display: block;width: 80%;height: auto; margin: 10%;}
.sy-brand-main2 .main .culture li h4{ font-size:18px;color: #1a1a1a;margin:20px auto 10px auto;}
.sy-brand-main2 .main .culture li h5{ font-size:14px;color: #666;}
.sy-brand-main2 .main .culture li:first-child:before {border: none;}
.sy-brand-main2 .main .culture li:before {content: "";border-left: 1px #f3f3f3 solid;position: absolute;left: 0;top: 0;width: 1px;height: 100%;z-index: 3;}

.sy-brand-main3 {overflow: hidden;padding-bottom:9%;position: relative; width:100%; background-color: #fff ;background-repeat: no-repeat;background-position:right top; }
.sy-brand-main3 .title {margin-top:5%;}
.sy-brand-main3 .title * {color: #000;}
.sy-brand-main3 .honorary {width: 60%; margin:2% auto;text-align: center;}
.sy-brand-main3 .honorary li { width: 23%;display: inline-block;vertical-align: top;margin:0.4%; border: 1px solid #ccc;} 
.sy-brand-main3 .honorary li img {display: block;width: 100%;height: auto;}

.sy-brand-main4 {overflow:hidden;padding:6% 0 2.5% 0;position:relative;width:100%;background-color:#000;background-repeat:no-repeat;background-position:center top; }
.user-evaluate {overflow: hidden;padding:3% 5%;height:480px; position: relative;}
.user-evaluate .user { width:100%; text-align: center;margin:auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.user-evaluate .user * {display: block;overflow: hidden;font-weight: normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.user-evaluate .user li {width:70%;margin:70px auto;background: #fff;position: relative;padding: 10px;overflow: visible;}
.user-evaluate .user li:before {content:"";position: absolute;width:95.5%;height:94.5%;top:2.5%;left:2%;border: 1px solid #ccc;}
.user-evaluate .user i{width: 100px;height: 100px;border: 10px #fff solid;border-radius:100%;position: absolute;left: 50%;top:30px;margin-left: -60px;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;background: #fff;}
.user-evaluate .user i img {width: 100%;height: auto;}
.user-evaluate .user span {width:70%;position: relative;margin:150px auto auto auto;}
.user-evaluate .user span h3{font-size: 18px;}
.user-evaluate .user span h4{font-size: 14px;color: #666;padding:5px 0;min-height: 30px;}
.user-evaluate .user span:before,
.user-evaluate .user span:after {content:"";position: absolute;width: 55px;height: 55px;top: 0;display: none;}
.user-evaluate .user span:before {left:0;background: url("../images/lsy.jpg") left top no-repeat;}
.user-evaluate .user span:after {right:0;background: url("../images/rsy.jpg") right top no-repeat;}
.user-evaluate .user h6{ display:block;width: 80%;height:0px;margin:20px auto ;font-size: 14px;line-height: 22px;color: #333;}
.user-evaluate .user li:after  {content:"";position:absolute;width:100%;height:10px;bottom:-9px;left:0;background: url("../images/bty.png") center bottom no-repeat;background-size:100%;display: none;}
.user-evaluate .swiper-slide .user h6 span {display: inline-block;margin: 0;width: auto;}
.user-evaluate .swiper-slide .user h6 span:before,.user-evaluate .swiper-slide .user h6 span:after {display: none;}

.user-evaluate .swiper-slide-active .user li{width:94%;margin:50px auto;}
.user-evaluate .swiper-slide-active .user li:after  {display: block;}
.user-evaluate .swiper-slide-active .user li i{top:-30px;}
.user-evaluate .swiper-slide-active .user span {margin:90px auto auto auto;}
.user-evaluate .swiper-slide-active .user li i{top:-30px;}
.user-evaluate .swiper-slide-active .user span:before, .swiper-slide-active .user span:after{display: block;}
.user-evaluate .swiper-slide-active .user h6 {height:100px;display: block;}
.user-evaluate .swiper-button-next { background-image:url(../images/right-b.svg);margin-top: -40px;opacity: 0.5;}
.user-evaluate .swiper-button-prev { background-image:url(../fonts/left-b.svg); margin-top: -40px;opacity: 0.5;}
.user-evaluate .swiper-button-next:hover,.user-evaluate .swiper-button-prev:hover {opacity: 1.0;}
.user-evaluate .swiper-pagination {bottom:5%;}

	.sy-brand-main1 .right {width: 50%;margin-left: 0;}
	.USA {left: 50px;top: 370px;}
	.Uk {left: 260px;top: 360px;}
	.India {left: 450px;top: 440px;}
	.Netherlands {left: 290px;top: 340px;}
	.Germany {left: 330px;top: 360px;}
	.Australia {left: 510px;top: 560px;}
	.Perugia {left: 320px;top: 400px;}
	.shenzhen {left: 510px;top: 430px;}
	.sy-brand-main1 .pic h3 {top: 25%;}
	
@media screen and (max-width: 5120px){	
   .sy-brand-main1 .right {width: 666px;float: right;}
}
@media screen and (max-width: 1920px){	
   .sy-brand-main1 .right {width: 50%;float: left;}
}		
@media screen and (max-width: 1680px){	
    .mappoint {left: -25px;top: -20px;}	
}
@media screen and (max-width: 1440px){
	.mappoint {left: -5px;top: -20px;}
}	
@media screen and (max-width: 1440px){
	.mappoint {left: -5px;top: -20px;}
}	
@media screen and (max-width: 1440px) {
	section {width: 90%;}
	.sy-brand-main1 section {width: 90%;}
	.sy-brand-main2 {padding-bottom: 100px;}
	.sy-brand-main2 .main {width:90%;left: 5%;}
}
@media screen and (max-width: 1366px){
	.mappoint {left: -40px;top: 10px;}	
}
@media screen and (max-width: 1280px){
	.India {left: 420px;}
	.shenzhen {left: 465px;}
	.Australia {left: 480px;top: 530px;}
	.USA {left: 70px;}
}	


@media screen and (max-width: 860px) {
	.pcshow { display:none!important;}
	.mbshow {display:block!important;}
	.top_bg.on{height:auto;background:none!important;}
	.inner-ban-img {display: block !important;width: 100%;}
	.moudle-titles-wrap{margin-left:-45%;}
	.moudle-titles .title-en{margin-bottom:0;}
	.sy-brand-main1 .left {width:100%;margin-left: 0; padding-top:240px;position: relative;z-index: 5;}
	.sy-brand-main1 .right {margin-top:5%;position: absolute;top: 0px;left: 0px;z-index: 3;width:100%;}
	.sy-brand-main1 .right img{-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);width:74%;float: right;}
	.sy-brand-main1 .title h2{font-size: 28px;line-height: 28px;opacity: 0.3;width: 55%;}
	.sy-brand-main1 .title h3 {font-size: 22px;padding-top:10px;}
	.sy-brand-main1 .text {line-height: 20px;padding: 10% 0;text-align:left;}
	.sy-brand-main1 .text li {min-width: 70px;line-height: 20px;}
	.Uk {left:420px; top:180px;}
	.Netherlands {left:260px; top:210px;}
	.Germany {left:400px; top:280px;}
	.India {left:220px; top:340px;}
	.shenzhen {left:260px; top:150px;}
	.Australia {left:350px; top:280px;}
	.Pecs {left:140px; top:160px;}
	.Perugia {left:420px; top:240px;}
	.USA {left:50px; top:240px;}
	.sy-brand-main2 {padding-bottom:0px;}
	.sy-brand-main2 .pic {padding-bottom:0px;}
	.sy-brand-main2 .main .title {margin-top:80px;}
	.sy-brand-main2 .main .title h2{font-size: 28px;line-height: 28px;}
	.sy-brand-main2 .main .title h3 {font-size: 22px;}
	.sy-brand-main2 .main .culture {background:none;}
	.sy-brand-main2 .main .culture li {width:49%;padding:20px 0 20px 0;}
	.sy-brand-main2 .main .culture li h4 {font-size: 16px;color: #fff;margin: 20px auto 10px auto;}
	.sy-brand-main2 .main .culture li h5 {font-size: 12px;color: #FFF;width:70%;margin: auto;}
	.sy-brand-main2 .main .culture li i {border: 2px solid #fff;}
	.sy-brand-main2 .main .culture li i img {display: block;width: 80%;margin: 10%;-webkit-filter: invert(100%);filter: invert(100%);}
	.sy-brand-main2 .main .culture li:after {content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;z-index: 3;border-left:none;}
	.sy-brand-main2 .main .culture li:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;z-index: 3;border-left:none;}
	.sy-brand-main2 .main .culture li:nth-child(2):after {border-right: 1px rgba(255,255,255,0.3) solid;}
	.sy-brand-main2 .main .culture li:nth-child(3):before {border-top: 1px rgba(255,255,255,0.3) solid;}
	.sy-brand-main2 .main .culture li:nth-child(4):after {border-right: 1px rgba(255,255,255,0.3) solid;}
	.sy-brand-main2 .main .culture li:nth-child(4):before {border-top: 1px rgba(255,255,255,0.3) solid;}
	.sy-brand-main3 {background: none!important;}
	.sy-brand-main3 .title {margin-top:100px;}
	.sy-brand-main3 .title h2{font-size: 28px;line-height: 28px;}
	.sy-brand-main3 .title h3 {font-size: 22px;}
	.sy-brand-main3 .honorary {width: 100%;margin:12% auto;}
	.sy-brand-main3 .honorary li {width:48%;margin: 0.4% 0.1%;border: 1px solid #e5e5e5;}
	.sy-brand-main4 { background-position:30% top;background-size: cover;}
	.sy-brand-main5 { background-position:80% top;background-size: cover;}
	.sy-brand-main4,.sy-brand-main5{ padding:100px 0;}
	.sy-brand-main4 .title h2,.sy-brand-main5 .title h2{ font-size: 28px;line-height: 28px;}
	.sy-brand-main4 .title h3,.sy-brand-main5 .title h3{ font-size: 22px;}
	.sy-brand-main4 section,.sy-brand-main5 section {width:100%;}
	.user-evaluate {padding:3% 15%;height:auto;height:500px;  width:70%;}
	.user-evaluate .user li:before {width: 95.5%;height: 96.5%;top: 1.5%;left: 1.9%;}
	
	
	.user-evaluate .user span {width:90%;}
	.user-evaluate .swiper-slide-active .user li {height:340px;}
	.user-evaluate .user h6{}
	.user-evaluate .swiper-slide-active .user h6 {width:90%;height:160px;display: block;}
	.user-evaluate .user li:after  {bottom:-6px;}
	.user-evaluate .swiper-pagination {bottom:2%;}
	.user-evaluate .swiper-button-next { background-image:none;}
    .user-evaluate .swiper-button-prev { background-image:none;}
}
@media screen and (max-width: 840px){
	.sy-brand-main1 .right {width: 100%;margin-left: 0;}
	.sy-brand-main1 .right img {margin-top: 0px;transform: none;}
	.mappoint {left: 0px;top: 0px;}
	.sy-brand-main1 .left {padding-top: 40px;}
	.mappoint ul { margin-top: -50%;}
	.Uk {left: 180px;}
	.Netherlands {left: 210px;}
	.Germany {left: 230px;top: 370px;}
	.India {left: 260px;top: 410px;}
	.shenzhen {left: 280px;top: 400px;}
	.Perugia {left: 210px;top: 390px;}
}	
.index_about {
	background: #f6f6f6;
}
.index_about .img {
	width: 50%;
}
.index_about .text {
	width: 50%;
}
.index_about .text .p1 {
	font-size: 60px;
	margin-top: 15%;
	text-transform: uppercase;
}
.index_about .text .p2 {
	font-size: 16px;
	margin: 1% auto 4%;
	color: #666;
}
.index_about .text .p3 {
	font-size: 14px;
	color: #666;
	width: 71%;
	margin: 0 auto;
}
.index_about .text .a1 {
	font-size: 14px;
	color: #333;
	width: 160px;
	height: 50px;
	margin: 50px auto 0;
	border: 1px solid #999;
	line-height: 50px;
}
.index_about .text .a1:hover {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}
.index_info {
	margin: 60px auto;
}
.index_info .title .p1 {
	font-size: 36px;
}
.index_info .title .p2 {
	font-size: 14px;
	color: #999;
	line-height: 34px;
}
.index_info .con {
	margin-top: 60px;
}
.index_info .con .text {
	border-bottom: 1px solid #ededed;
	padding: 2%;
}
.index_info .con .text .tent {
	width: 49%;
}
.index_info .con .text .tent .p3 {
	font-size: 18px;
	line-height: 48px;
}
.index_info .con .text .tent .p4 {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #999;
}
.index_info .con .text .tent .p7 {
	font-size: 12px;
	line-height: 24px;
	color: #999;
	display: none;
}
.index_info .con .text .you {
	width: 20%;
	border-left: 1px solid #eaeaea;
}
.index_info .con .text .you .time {
	padding-left: 10%;
}
.index_info .con .text .you .time .p5 {
	font-size: 50px;
	line-height: 74px;
}
.index_info .con .text .you .time .p6 {
	font-size: 14px;
	color: #999;
	line-height: 30px;
	text-indent: 1em;
}
.index_info .con .text .you .jiantou {
	margin: 12% 33% 0 0;
}
.index_info .con .text .you .jiantou .img2 {
	display: none;
}
.index_info .con .text:hover {
	background: #333;
	border-bottom: 1px solid #333;
}
.index_info .con .text:hover .tent .p3 {
	color: #fff;
}
.index_info .con .text:hover .tent .p4 {
	color: #fff;
}
.index_info .con .text:hover .tent .p7 {
	color: #fff;
}
.index_info .con .text:hover .you {
	border-left: 1px solid #fff;
}
.index_info .con .text:hover .you .time .p5 {
	color: #fff;
}
.index_info .con .text:hover .you .time .p6 {
	color: #fff;
}
.index_info .con .text:hover .you .jiantou {
	margin: 12% 28% 0 0;
}
.index_info .con .text:hover .you .jiantou .img1 {
	display: none;
}
.index_info .con .text:hover .you .jiantou .img2 {
	display: block;
}
.index_partner {
	margin: 60px auto;
}
.index_partner .title .p1 {
	font-size: 36px;
}
.index_partner .title .p2 {
	font-size: 14px;
	color: #999;
	line-height: 34px;
}
.index_partner .title .p3 {
	font-size: 14px;
	color: #666;
	line-height: 34px;
}
.index_partner .con {
	margin-top: 40px;
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
.index_partner .con .text {
	width: 12.5%;
	border-top: 1px solid #efefef;
	background: #f8f8f8;
	overflow: hidden;
}
.index_partner .con .text:before {
	content: '';
	width: 100%;
	padding-top: 70.484581497797356828193832599119%;
	display: block;
}
.index_partner .con .text .img {
	border-left: 1px solid #efefef;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.index_partner .con .text .img img {
	max-width: 80%;
	height: auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.index_partner .con .text .img:hover img {
	height: auto;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
}
.index_contact {
	padding: 60px 0px;
	background: #f3f3f3;
}
.index_contact .title .p1 {
	font-size: 36px;
}
.index_contact .title .p2 {
	font-size: 14px;
	color: #999;
	line-height: 34px;
}
.index_contact .title .p3 {
	font-size: 14px;
	color: #666;
	line-height: 34px;
}
.index_contact .con .contact1 {
	padding: 50px 5%;
}
.index_contact .con .contact1 .tact {
	width: 33.33333333%;
}
.index_contact .con .contact1 .tact .img {
	width: 10%;
}
.index_contact .con .contact1 .tact .text {
	width: 85%;
	margin-left: 5%;
}
.index_contact .con .contact1 .tact .text .p1 {
	text-align: left;
}
.index_contact .con .message .mess_con {
	width: 100%;
}
.index_contact .con .message .mess_con .mess {
	width: 31.666%;
	margin-right: 2.501%;
	background: #fff;
	height: 45px;
}
.index_contact .con .message .mess_con .mess:nth-child(3) {
	margin-right: 0px;
}
.index_contact .con .message .mess_con .mess input {
	height: 43px;
	border: 1px solid #e4e4e4;
	line-height: 43px;
	text-indent: 1em;
	width: 100%;
	color: #999;
}
.index_contact .con .message .mess_con .textarea {
	width: 100%;
	background: #fff;
	height: 150px;
	border: 1px solid #e4e4e4;
	margin: 20px auto;
}
.index_contact .con .message .mess_con .textarea textarea {
	height: 100%;
	line-height: 43px;
	text-indent: 1em;
	width: 100%;
	color: #999;
}
.index_contact .con .message .mess_con div[type="submit"] {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #333;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

.hls-page-casedetail {overflow: hidden;padding:5% 0;}
.casedetail {width: 101%;}
.case {float: left;width:32.7777777%;margin:0 0.5% 0.5% 0;position: relative;}
.case .pic{position: relative;}
.case .pic img{display: block;width: 100%;height: auto;}
.case .pic .mark{position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;}
.case .txt{position: absolute;width: 90%;padding:5%;bottom: 0;left: 0;z-index: 3;}
.case .txt h4{font-size: 18px;color: #fff;}


/*关于我们 about*/
.about .company {
	margin: 70px auto;
}
.about .company .p1 {
	font-size: 60px;
	text-transform: uppercase;
}
.about .company .p2 {
	font-size: 24px;
	margin: 30px auto 65px;
}
.about .company .p3 {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.about .store {
	background: #f6f6f6;
	margin-bottom: 60px;
}
.about .store .img {
	width: 50%;
}
.about .store .text {
	width: 36%;
	padding: 3.8% 9.5% 0px 4.5%;
}
.about .store .text .p1 {
	font-size: 24px;
	padding-bottom: 22px;
	border-bottom: 3px solid #666;
	display: inline-block;
}
.about .store .text .p2 {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 60px;
}
.about .history {
	background: url(../img/history_bg.jpg) no-repeat top;
	height: 780px;
	overflow: hidden;
}
.about .history .ptit {
	font-size: 28px;
	margin: 45px auto;
	text-transform: uppercase;
}
.about .history .gallery-top {
	height: 400px;
	margin: 0 auto;
	width: 100%;
	overflow: visible;
}
.about .history .gallery-top .p1 {
	font-size: 28px;
	color: #fff;
	display: block;
	background: #666;
	width: 120px;
	height: 120px;
	margin: 80px auto;
	border-radius: 50%;
	line-height: 120px;
}
.about .history .gallery-top .p2 {
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.about .history .gallery-top .swiper-button-next {
	right: 14%;
}
.about .history .gallery-top .swiper-button-prev {
	left: 14%;
}
.about .history .gallery-top .swiper-button-white {
	width: 36px;
	height: 36px;
	bottom: -158px;
	top: auto;
	background: none;
}
.about .history .gallery-bg {
	width: 65.934065934065934065934065934066%;
	background: url(../img/history_line.jpg) center no-repeat;
	height: 180px;
	overflow: hidden;
	margin: 50px auto 30px;
}
.about .history .gallery-top .swiper-pagination2 {
	display: none;
}
.about .history .gallery-thumbs {
	height: 180px;
	width: 100%;
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num {
	cursor: pointer;
	background: url(../img/icon21.png) center no-repeat;
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num .p2 {
	text-align: center;
	font-size: 16px;
	line-height: 270px;
	color: #747474;
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num:hover {
	background: url(../img/icon20.png) center no-repeat;
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num:hover .p2 {
	color: #333;
	font-size: 22px;
	font-weight: bold;
}
.about .history .gallery-thumbs .swiper-wrapper .swiper-slide-active {
	background: url(../img/icon20.png) center no-repeat;
}
.about .history .gallery-thumbs .swiper-wrapper .swiper-slide-active .p2 {
	color: #333;
	font-size: 22px;
	font-weight: bold;
}
/*联系我们 contact*/
.contact {
	padding: 60px 0px;
	background: #fff;
}
.contact .title .p1 {
	font-size: 60px;
	text-transform: uppercase;
}
.contact .title .p2 {
	font-size: 16px;
	color: #333;
	line-height: 34px;
}
.contact .title .p3 {
	font-size: 14px;
	color: #666;
	line-height: 34px;
}
.contact .con .ntact {
	padding: 50px 5%;
}
.contact .con .ntact .tact {
	width: 33.33333333%;
}
.contact .con .ntact .tact .img {
	width: 10%;
}
.contact .con .ntact .tact .text {
	width: 85%;
	margin-left: 5%;
}
.contact .con .ntact .tact .text .p1 {
	text-align: left;
	line-height: 24px;
}
.contact .con .message .mess_con {
	width: 100%;
}
.contact .con .message .mess_con .mess {
	width: 31.666%;
	margin-right: 2.501%;
	background: #fff;
	height: 45px;
}
.contact .con .message .mess_con .mess:nth-child(3) {
	margin-right: 0px;
}
.contact .con .message .mess_con .mess input {
	height: 43px;
	border: 1px solid #e4e4e4;
	line-height: 43px;
	text-indent: 1em;
	width: 100%;
	color: #999;
}
.contact .con .message .mess_con .textarea {
	width: 100%;
	background: #fff;
	height: 150px;
	border: 1px solid #e4e4e4;
	margin: 20px auto;
}
.contact .con .message .mess_con .textarea textarea {
	height: 100%;
	line-height: 43px;
	text-indent: 1em;
	width: 100%;
	color: #999;
}
.contact .con .message .mess_con div[type="submit"] {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #333;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
/*品牌介绍 brand*/
.brand .brand1 {
	margin: 70px auto;
}
.brand .brand1 .p1 {
	font-size: 60px;
	text-transform: uppercase;
	line-height: 50px;
}
.brand .brand1 .p2 {
	font-size: 16px;
	color: #666;
	margin: 30px auto 60px;
}
.brand .brand1 .p3 {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.brand .brand2 {
	background: #f6f6f6;
	margin-bottom: 60px;
}
.brand .brand2 .img {
	width: 50%;
}
.brand .brand2 .text {
	width: 36%;
	padding: 3.8% 9.5% 0px 4.5%;
}
.brand .brand2 .text .p1 {
	font-size: 24px;
}
.brand .brand2 .text .p2 {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.brand .brand2 .text .brand_line {
	width: 36px;
	height: 2px;
	background: #333333;
	margin: 15px 0px 40px;
}
.brand .brand2 .text .p3 {
	font-size: 14px;
	line-height: 24px;
}
/*新闻 info*/
.info .title {
	margin-top: 70px;
}
.info .title .p1 {
	font-size: 60px;
	text-transform: uppercase;
	line-height: 50px;
}
.info .title .p2 {
	font-size: 16px;
	color: #666;
	margin: 25px auto 55px;
}
.info .con {
	width: 100%;
}
.info .con .info_a {
	width: 23.275%;
	margin-right: 2.3%;
	margin-bottom: 60px;
}
.info .con .info_a:nth-child(4n) {
	margin-right: 0;
}
.info .con .info_a .img {
	width: 100%;
	overflow: hidden;
}
.info .con .info_a .text .p1 {
	font-size: 20px;
	margin: 25px auto;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.info .con .info_a .text .p2 {
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	color: #8c8c8c;
	height: 40px;
}
.info .con .info_a .text .time {
	font-size: 14px;
	color: #666;
	line-height: 44px;
	margin-top: 10px;
}
.info .info_more {
	width: 140px;
	height: 40px;
	background: #f1f1f1;
	color: #666;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	margin: 70px auto;
	cursor: pointer;
}
.info .con .info_a .text .p1:hover {
	font-weight: bold;
}
.info .con .info_a .text .time:hover img {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-moz-transform: rotate(90deg); /* Firefox */
	-webkit-transform: rotate(90deg);/* Safari 和 Chrome */
	-o-transform: rotate(90deg);
}
.info .info_more:hover {
	background: #333;
	color: #fff;
}
/*客户故事详情页  info_detail */
.info_detail .news_detail {
	background: #fff;
	margin-bottom: 70px;
}
.info_detail .news_detail .text_left {
	width: 100%;
	position: relative;
	margin-top: 50px;
}
.info_detail .news_detail .text_left .title {
	width: 98%;
	margin: 0 auto;
	border-bottom: 1px dotted #ccc;
}
.info_detail .news_detail .text_left .title .p1 {
	font-size: 22px;
	color: #333;
	line-height: 30px;
	margin: 0px auto 30px;
}
.info_detail .news_detail .text_left .title .p2 {
	font-size: 12px;
	color: #999;
	line-height: 24px;
	margin: 0px auto 35px;
}
.info_detail .news_detail .text_left .title .p2 span {
	color: #333;
	font-weight: bold;
}
.info_detail .news_detail .text_left .contents {
	width: 98%;
	margin: 60px auto 0px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 40px;
}
.info_detail .news_detail .text_left .contents .con {
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.info_detail .news_detail .text_left .contents .con img {
	max-width: 100%;
	height: auto;
}
.info_detail .news_detail .text_left .anniu {
	width: 98%;
	margin: 50px auto 0px;
}
.info_detail .news_detail .text_left .anniu .anniu_p {
	font-size: 14px;
	color: #666;
	margin: 0px auto 25px;
	overflow: hidden;
	width: 100%;
	height: 19px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu {
	color: #333;
}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu:hover {
	font-weight: bold;
}
/*产品列表 products*/
.products {
	/* margin-top: 100px; */
}
.products .pro_nav {
	line-height: 130px;
}
.products .pro_nav .pro_a a {
	font-size: 14px;
	color: #666;
}
.products .pro_nav .pro_a a:hover {
	color: #333;
	font-weight: bold;
}
.products .pro_nav .pro_a a.on {
	color: #333;
	font-weight: bold;
}
.products .con .pro_a {
	width: 25%;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
.products .con .pro_a .img {
	border-right: 1px solid #fff;
	background: #f2f2f2;
}
.products .con .pro_a .img_bg {
	height: 100%;
	left: 0;
	right: 1px;
	background: rgba(0,0,0,0.3);
	z-index: 10;
	text-align: center;
	bottom: 100%;
}
.products .con .pro_a .img_bg .p1 {
	font-size: 22px;
	color: #fff;
	line-height: 42px;
	display: inline-block;
	border-bottom: 3px solid #fff;
	margin-top: 20%;
}
.products .con .pro_a .img_bg .p2 {
	font-size: 14px;
	color: #f2f2f2;
	line-height: 42px;
}
.products .con .pro_a:hover .img_bg {
	bottom: 0;
}
.products .pro_more {
	width: 140px;
	height: 40px;
	background: #f1f1f1;
	color: #666;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	margin: 70px auto;
	cursor: pointer;
}
.products .pro_more:hover {
	background: #333;
	color: #fff;
}
/*产品详情页  products_detail */
.products_detail {
	margin-top: 100px;
	position: relative;
}
.products_detail .detail {
	width: 78.26%;
	border-right: 1px solid #e7e7e7;
}
.products_detail .detail .con_img {
	width: calc(100%-40px);
	margin: 40px 40px 40px 0px;
	background: #f3f3f3;
}
.products_detail .detail .text {
	width: calc(100%-40px);
	margin: 40px 40px 40px 0px;
}
.products_detail .detail .text img {
	width: 100% !important;
	height: auto !important;
}
.products_detail .detail_text {
	width: 18.75%;
	position: fixed;
	top: 150px;
	right: 2.0833333333333333333333333333333%;
	z-index: 10;
}
.products_detail .detail_text .anniu {
	width: 100%;
	margin-bottom: 76px;
}
.products_detail .detail_text .anniu .anniu_a {
	width: 33.3333333%;
}
.products_detail .detail_text .anniu .anniu_a.left {
	text-align: left;
}
.products_detail .detail_text .anniu .anniu_a.right {
	text-align: right;
}
.products_detail .detail_text .p1 {
	font-size: 24px;
	margin-bottom: 30px;
}
.products_detail .detail_text .p2 {
	font-size: 14px;
	color: #666;
	line-height: 20px;
}
.products_detail .detail_text .weilian {
	width: 120px;
	height: 40px;
	border: 1px solid #999;
	color: #666;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	margin: 30px 0px;
	vertical-align: middle;
}
.products_detail .detail_text.ap1 {
	position: absolute;
	width: calc(21.74%-1px);
	right: 0;
}
.products_detail .detail_text.fx1 {
	width: 18.75%;
	position: fixed;
	top: 150px !important;
	right: 2.0833333333333333333333333333333%;
}
.products_detail .detail_text1 {
	width: 95%;
	margin: 30px auto;
	display: none;
}
.products_detail .detail_text1 .anniu {
	width: 100%;
	margin-bottom: 76px;
}
.products_detail .detail_text1 .anniu .anniu_a {
	width: 33.3333333%;
}
.products_detail .detail_text1 .anniu .anniu_a.left {
	text-align: left;
}
.products_detail .detail_text1 .anniu .anniu_a.right {
	text-align: right;
}
.products_detail .detail_text1 .p1 {
	font-size: 24px;
	margin-bottom: 30px;
}
.products_detail .detail_text1 .p2 {
	font-size: 14px;
	color: #666;
	line-height: 20px;
}
.products_detail .detail_text1 .weilian {
	width: 120px;
	height: 40px;
	border: 1px solid #999;
	color: #666;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	margin: 30px 0px;
	vertical-align: middle;
}
 @media screen and (max-width: 1200px) {
#header .nav .nav_a {
	margin-right: 50px;
}
.index_pro .con .swiper-slide .pro_a .img_bg .p1 {
	margin-top: 15%;
}
.index_pro .con .index_pro_con .swiper-button-next {
	right: 40%;
}
.index_pro .con .index_pro_con .swiper-button-prev {
	left: 40%;
}
.index_about .text .p1 {
	margin-top: 7%;
}
.index_about .text .p3 {
	width: 85%;
}
.index_about .text .a1 {
	margin: 30px auto 0;
}
.index_info .con .text .you {
	width: 30%;
}
.index_partner .con .text {
	width: 25%;
}
.wrap1 {
	max-width: 70%;
}
.index_partner .title .p3 {
	line-height: 24px;
}
.index_contact .title .p3 {
	line-height: 24px;
}
}
@media screen and (max-width: 1000px) {
#header {
	height: 30px;
	padding: 31px 0px 39px;
}
#header .logo img {
	margin-top: 6px;
}/* 
	#header .logo{margin-top:0px;}
	#header .logo img{height:40px;width:auto;} */
#header .menu {
	display: block;
	cursor: pointer;
}
#header .menu_bg {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	z-index: 101;
}
#header .menu_bg.on {
	display: block;
}
#header .nav {
	float: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: -100%;
	width: 55%;
	z-index: 102;
	background: #fff;
	padding-top: 50px;
}
#header .nav.on {
	right: 0;
}
#header .nav .nav_a {
	float: none;
	margin-bottom: 10px;
	text-indent: 2em;
	line-height: 30px;
}
#header .nav .sousuo {
	float: none;
	margin-bottom: 10px;
	text-indent: 2em;
	line-height: 30px;
	text-align: left;
	margin-left: 28px;
}
.top_bg .top_bg_con .top_bg_button {
	width: 15px;
	height: 30px;
	background-size: cover;
}
#footer .footer_bottom .copyright {
	margin: 20px auto;
}
.kefu {
	display: none;
}
.index_pro .con .swiper-slide .pro_a {
	width: 50%;
}
.index_about .text .p1 {
	font-size: 30px;
}
.index_about .text .p3 {
	width: 95%;
}
.index_about .text .a1 {
	width: 100px;
	height: 30px;
	margin: 20px auto 0;
	line-height: 30px;
}
.index_info .con .text .tent {
	width: 69%;
}
.index_info .con .text .tent .p3 {
	line-height: 24px;
}
.index_info .con .text .you {
	width: 30%;
}
.index_info .con .text .you .time .p5 {
	font-size: 35px;
	line-height: 59px;
}
.wrap1 {
	max-width: 80%;
}
.about .store .text {
	width: 43%;
	padding: 3% 3% 0px 3%;
}
.about .store .text .p2 {
	margin-top: 20px;
}
.info .con .info_a {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 40px;
}
.info .con .info_a:nth-child(2n) {
	margin-right: 0;
}
.products .con .pro_a {
	width: 50%;
}
}
@media screen and (max-width: 750px) {
#header {
	height: 30px;
	padding: 7px 0px 13px;
}
#header .menu_bg1 {
	top: 50px;
}
#header .sou {
	top: 50px;
}
.top_bg.on {
	margin-top: 50px;
}
.products {
	margin-top: 50px;
}
.products_detail {
	margin-top: 50px;
}
.index_pro .con .index_pro_con .swiper-button-next {
	right: 30%;
}
.index_pro .con .index_pro_con .swiper-button-prev {
	left: 30%;
}
.index_about .img {
	width: 100%;
	float: none;
}
.index_about .text {
	width: 100%;
	margin: 0px auto 20px;
	float: none;
}
.wrap1 {
	max-width: 95%;
}
.index_info .con .text .tent .p7 {
	display: block;
}
.index_info .con .text .tent {
	width: 100%;
}
.index_info .con .text .you {
	display: none;
}
.index_pro .con .swiper-slide .pro_a .img_bg {
	bottom: 0;
}

.casedetail {width: 100%;}
.case {float: none;width: 100%;margin: 1% 0;}
.hls-page-casedetail {padding: 5% 0 15% 0;}

.about .store .img {
	width: 100%;
	float: none;
}
.about .store .text {
	width: 93%;
	padding: 3%;
	float: none;
}
.about .history .gallery-bg {
	display: none;
}
.about .history .gallery-top .swiper-button-white {
	display: none;
}
.about .history .gallery-top .swiper-pagination2 {
	display: block;
}
.about .history {
	height: 600px;
}
.brand .brand2 .img {
	width: 100%;
	float: none;
}
.brand .brand2 .text {
	width: 93%;
	padding: 3%;
	float: none;
}
.products .con .pro_a .img_bg {
	bottom: 0;
}
.products_detail .detail {
	width: 100%;
	border-right: 0px;
}
.products_detail .detail_text {
	display: none;
}
.products_detail .detail_text1 {
	display: block;
}
.products_detail .detail .con_img {
	width: 100%;
	margin: 40px 0px;
}
.products_detail .detail .text {
	width: 100%;
	margin: 40px 0px;
}
}
@media screen and (max-width: 500px) {
.index_info .title .p1 {
	font-size: 0.72rem;
}
.index_info {
	margin: 1.2rem auto;
}
.index_info .con {
	margin-top: 0.5rem;
}
/* .index_pro .title {
	line-height: 2.6rem;
}
.index_pro .title .p1 {
	font-size: 0.72rem;
} */
.index_pro .con .swiper-slide .pro_a .img_bg .p1 {
	font-size: 18px;
	line-height: 26px;
	margin-top: 10%;
}
.index_pro .con .swiper-slide .pro_a .img_bg img {
	display: none;
}
.index_pro .con .index_pro_con {
	padding-bottom: 100px;
}
.index_pro .con .index_pro_con .swiper_button {
	width: 30px;
	height: 30px;
	bottom: 30px;
}
.index_pro .con .index_pro_con .swiper_button_cen {
	width: 60px;
	height: 30px;
	margin-left: -30px;
	bottom: 30px;
}
.index_partner {
	margin: 1.2rem auto;
}
.index_partner .title .p1 {
	font-size: 0.72rem;
}
.index_contact {
	padding: 1.2rem 0px;
}
.index_contact .title .p1 {
	font-size: 0.72rem;
}
.index_contact .con .contact1 {
	padding: 0.5rem 5%;
}
.index_contact .con .contact1 .tact {
	width: 100%;
	margin-bottom: 10px;
}
.index_contact .con .message .mess_con .mess {
	width: 100%;
	margin-right: 0%;
	margin: 20px auto 0px;
}
.contact {
	padding: 1.2rem 0px;
}
.contact .title .p1 {
	font-size: 0.72rem;
}
.contact .con .ntact {
	padding: 0.5rem 5%;
}
.contact .con .ntact .tact {
	width: 100%;
	margin-bottom: 10px;
}
.contact .con .message .mess_con .mess {
	width: 100%;
	margin-right: 0%;
	margin: 20px auto 0px;
}
.about .company {
	margin: 1rem auto;
}
.about .company .p1 {
	font-size: 0.72rem;
}
.about .company .p2 {
	font-size: 18px;
	margin: 0.2rem auto;
}
.about .history {
	height: 530px;
}
.about .history .ptit {
	font-size: 24px;
	margin: 0.6rem auto;
}
.about .history .gallery-top .p1 {
	font-size: 20px;
	width: 2.4rem;
	height: 2.4rem;
	margin: 1rem auto;
	line-height: 2.4rem;
}
.about .history .gallery-top .p2 {
	width: 95%;
}
.brand .brand1 {
	margin: 1rem auto;
}
.brand .brand1 .p1 {
	font-size: 0.72rem;
	line-height: 0.72rem;
}
.brand .brand1 .p2 {
	margin: 0 auto 0.5rem;
}
.brand .brand2 {
	margin-bottom: 1rem;
}
.brand .brand2 .text .p1 {
	font-size: 20px;
}
.brand .brand2 .text .brand_line {
	margin: 0.3rem 0px 0.4rem;
}
.info .title {
	margin-top: 0.5rem;
}
.info .title .p1 {
	font-size: 0.72rem;
	line-height: 1rem;
}
.info .title .p2 {
	margin: 0 auto 0.5rem;
}
.info .con {
	width: 100%;
}
.info .con .info_a {
	width: 100%;
	margin-right: 0;
	margin-bottom: 0.5rem;
}
.info .con .info_a .text .p1 {
	margin: 0.5rem auto;
}
.info .con .info_a .text .time {
	margin-top: 0.2rem;
}
.info .info_more {
	width: 120px;
	margin: 1rem auto;
}
.products .pro_nav {
	line-height: 2.6rem;
}
.products .pro_nav .p1 {
	font-size: 0.72rem;
}
.products .con .pro_a .img_bg .p1 {
	font-size: 18px;
	line-height: 26px;
	margin-top: 10%;
}
.products .con .pro_a .img_bg img {
	display: none;
}
.products .pro_more {
	width: 120px;
	margin: 1rem auto;
}
.products_detail .detail .con_img {
	margin: 0.8rem 0px;
}
.products_detail .detail .text {
	margin: 0.8rem 0px;
}
.products_detail .detail_text1 {
	margin: 0.6rem auto;
}
.products_detail .detail_text1 .anniu {
	margin-bottom: 1rem;
}
.products_detail .detail_text1 .p1 {
	margin-bottom: 0.6rem;
}
.products_detail .detail_text1 .weilian {
	margin: 0.6rem 0px;
}
}
/*pages*/ .pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #09f;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #09f;
	color: #fff;
	cursor: default;
}
/* footer */
footer { overflow: hidden; position: relative;background: #141414;}
footer .hls-footer {padding: 5% 0 4% 0; overflow: hidden;}
footer .hls-footer .leftnav{width:60%;float: left;}
footer .hls-footer .leftnav ul{float: left;width:14%;} 
footer .hls-footer .leftnav ul h4{font-size: 16px;color: #fff;} 
footer .hls-footer .leftnav ul li{padding-top:30px; overflow: hidden;} 
footer .hls-footer .leftnav ul li a{display: block;font-size: 14px;line-height: 30px;color: #606060;} 
footer .hls-footer .leftnav ul li a:hover {color: #fff;}
footer .hls-footer .right{width:40%;float: right;text-align: right;}
footer .hls-footer .right ul {display: block;float: right;clear: both;overflow: hidden;padding: 20px 0;font-size: 12px;color: #414141;text-transform: uppercase;}
footer .hls-footer .right ul a.flogo{display: block;width: 140px;height: 25px;background: url("../fonts/logo.svg") no-repeat;background-size: 100%;}
footer .hls-footer .right ul h4 {color: #606060;font-size: 14px;letter-spacing: 2px;}
footer .hls-footer .right ul h3 {color: #606060;font-size: 18px;font-family: 'Conv_Montserrat-Bold',Arial,"微软雅黑","黑体",'宋体';}
footer .hls-footer .right ul li {text-align: right;}
footer .hls-footer .right ul li a{display: inline-block;font-family: "font_family";width:36px;height: 36px;background-color: #202020;border-radius: 100%;margin-left: 10px;font-size: 20px;line-height: 36px;text-align: center;}
footer .hls-footer .right ul li a.f1:before {content: "\e61d";}
footer .hls-footer .right ul li a.f2:before {content: "\e61e";}
footer .hls-footer .right ul li a.f3:before {content: "\e61f";}
footer .hls-footer .right ul li a.f4:before {content: "\e620";}
footer .hls-footer .right ul a {color: #414141;}
footer .hls-footer .right ul a:hover {color: #fff;} 
footer .hls-footer .right ul:last-child {padding:0px 0;}

/* 1440 */
@media screen and (max-width: 1440px) {
	.hls-iadvantages .text {font-size: 250px;}
	.inewslist .inews a .txt h5 {font-size: 14px;line-height: 22px;margin: 20px 0;}
	.hls-icontact .icontact a {font-size: 24px;width: 450px;height: 100px;line-height: 100px;margin-left: -225px;margin-top: -50px;}
	.hls-page-case .ptitle h2 {width: 300%;font-size: 250px;line-height: 250px;}
	.casetitle h5 {font-size: 16px;}
	.caselistpic {width:60%;}
	.caselistright {width: 32%;padding: 3% 0 0 8%;}
}



/* 1366 */
@media screen and (max-width: 1366px) {
	.title h2 {font-size: 40px;}
	.inewslist .inews a .txt h4 {font-size: 14px;}
	.inewslist .inews a .txt h5 {font-size: 12px;line-height: 20px;}
}


/* 1152 */
@media screen and (max-width: 1152px) {
	.hls-iadvantages .right {padding:3% 5% 0 5%;}
	.inewslist .inews a .txt h5 {display: none;}
	.inewslist .inews a .txt h6 {padding:5% 0;}
}

@media screen and (max-width: 860px) {
	footer .hls-footer {padding: 10% 0 ;}
	footer .hls-footer .leftnav {display: none}
	footer .hls-footer .right {width: 100%;float: none;text-align: center;}
	footer .hls-footer .right ul {float: none;}
	footer .hls-footer .right ul a.flogo {margin: auto;}
	footer .hls-footer .right ul li {text-align: center;}
	footer .hls-footer .right ul:last-child a{display: block;}
}