@charset "utf-8";
.wrapper{ width:80%; margin:0 auto;}
.wrapper2{ width:1000px; margin:0 auto;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}

#topNavWrap.fxdon{ background:#fff;box-shadow: 0 5px 6px 0 rgb(0 0 0 / 20%);}
#topNavWrap.down nav li a{ color:#999;}
#topNavWrap.fxdon nav li a{ color:#333 !important;}
#topNavWrap.fxdon #logo{ background: url(../img/logo.png) no-repeat; background-size: contain; margin-top: 10px; width:250px; height:100%;}
#topNavWrap.fxdon .nav-tel{ color: #000;}

.head{ transition: all .3s;}
.head.fxdon{background:rgba(189,137,66,0.8);}

.inbanner{ height:700px; overflow:hidden;}
.inbanner .inimg{ height:100%; background:url(../img/inbanner.jpg) no-repeat center; background-size:cover;-webkit-animation: scale 15s linear infinite; animation:scale 15s linear infinite;-webkit-transform: scale(1); transform:scale(1.32)}
.sloganTitle {color: white;	font-size: 60px;font-family: SemiBold;display: flex;justify-content: center;position: absolute;overflow: hidden;width: 90%;	left: 10%;top: 30%;z-index: 2;font-family: 'Alibaba';flex-wrap: wrap;}
.sloganTitle .b,.sloganTitle .f,.sloganTitle .t {display: block;position: relative;width: 100%;	overflow: hidden;}
.sloganTitle b {display: block;	width: 100%;}
.sloganTitle .b {font-weight: bold;	width: 100%;margin-bottom: 10px; letter-spacing:0px;}
.sloganTitle p {-webkit-transform: translateY(100%);-webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1);}
.sloganTitle .f p {	-webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1) .5s;}
.sloganTitle.animated p {-webkit-transform: translateY(0%); word-break:break-word;}
.sloganTitle .f {font-size: 20px; display:none;}
.sloganTitle .t{ margin-top:20px;}
.sloganTitle .t li{ float:left; margin-right:10px;}
.sloganTitle .t li a{ color:#fff; font-size:16px; padding:10px 40px; border:1px #bd8942 solid; display:inline-block; border-radius:20px; transition: .5s;}
.sloganTitle .t li.on a,.sloganTitle .t li:hover a{ background:#bd8942; padding:12px 42px;}

.inabout{ background:url(../img/about01.jpg) no-repeat center; background-size:cover; height:950px; color:#fff; font-size:15px; line-height:2.0}
.inab{ border-left:1px #7a5117 solid; margin:0 20% 0 12%; height:100%; box-sizing:border-box;}
.inab .inab_box{ padding:140px 120px;}
.inab .inab_box h2{ font-size:22px; margin-bottom:30px;}
.inab .inab_box h2 img{ margin-right:10px; width:40px; vertical-align:middle;}
.inab .inab_box p{ color:#eee;word-break: break-word;}
.inab .inab01{ border-bottom:1px #7a5117 solid;}

.card__comet {
	position: relative;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 100%;
}

.card__cometOuter {
	position: absolute;
	top: 30%;
	left: 25%;
}

.card__comet--second {
	right: -30px;
	top: -15px;
	transform: scale(0.6);
}

.card__comet:before,
.card__comet:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 27%, rgba(255, 255, 255, 0) 100%);
	border-radius: 20px;
	transform: rotate(-45deg);
}

.card__comet:before {
	width: 18px;
	height: 70px;
	transform-origin: -2px 13px;
}

.card__comet:after {
	width: 12px;
	height: 80px;
	transform-origin: 0px 8px;
}

.card__circle,
.card__smallCircle {
	position: absolute;
	border-radius: 100%;
	background-image: linear-gradient(-239deg, #3B4576 0%, #242A48 59%);
	box-shadow: -10px -15px 90px 0 #191C41;
	z-index: 2;
}

.card__circle {
	right: 5vw;
	bottom: 2vw;
	width: 35vw;
	height: 35vw;
}

.card__smallCircle {
	right: 40%;
	top: -2.5vw;
	width: 5vw;
	height: 5vw;
	-webkit-transform: scale(3);
	box-shadow: 0px 0px 30px 0 #191c41;
}

.inblock{ width:100%; background:url(../img/about02.jpg) no-repeat center; background-size:cover;}
.inblock .inblock_tit{ text-align:center; font-size:34px; font-weight:bold; color:#da891b; padding:100px 0; border-bottom: 1px solid rgba(255,255,255,.1);}
.inblock .inblock_tit .inblock_p{ font-size:16px; margin-top:20px; color: rgba(218,137,27,.7);}
.inblock ul { width: 100%; padding: 0;display: flex; flex-wrap: wrap; height: calc(100vh - 80px);}
.inblock ul li {width: 33.333%; color: #fff; position: relative; height: 50%; border-bottom: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,.1); padding: 50px; overflow: hidden;}
.inblock ul li a { width: 100%; height: 100%; display: block; position: relative; color:#fff;}
.inblock ul li::after { content: ''; width: 70px; height: 81px; background: url(../img/ico01.png) no-repeat; position: absolute; left: 47px; bottom: 0; opacity: 0; transition: .5s;}
.inblock ul li:nth-child(2)::after { background: url(../img/ico02.png) no-repeat;}
.inblock ul li:nth-child(3)::after { background: url(../img/ico03.png) no-repeat;}
.inblock ul li:nth-child(4)::after { background: url(../img/ico04.png) no-repeat;}
.inblock ul li:nth-child(5)::after { background: url(../img/ico05.png) no-repeat;}
.inblock ul li:nth-child(6)::after { background: url(../img/ico06.png) no-repeat;}
.inblock ul li::before { content: ''; width: 100%; height: 10%; background: #bd8942; position: absolute; left: 0; bottom: -100%; transition: .5s; display: block;}
.inblock ul li:hover::before { height: 100%; bottom: 0;}
.inblock ul li:hover::after { opacity: 1; bottom: 36px; z-index: 5;}
.inblock ul li:hover .m2l-text { top: 0;}
.m2l-text { text-align: right; position: absolute; right: 0; top: 50px; display: block; transition: .5s;}
.m2l-text h3 { font-size: 28px; padding-bottom: 10px; font-weight: 400;}
.m2l-text p { opacity: .7; font-family: Exo2; text-transform: uppercase;}


.inbanner.inbanner_cul .inimg{ height:100%; background:url(../img/inbanner_cul.jpg) no-repeat center; background-size:cover;}
.incul{ background:url(../img/cul01.jpg) no-repeat center; background-size:cover; height:820px;}
.incul .list{ padding:0 10% 0 15%; display: grid; grid-template-columns:repeat(3,minmax(0,1fr));height:820px;}
.incul .list .item{ border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); margin-left:-1px; display: flex; align-items: center; text-align: center; color:#fff;}
.incul .list .item1{grid-row-start: span 2; display:block; text-align:left; padding-top:80%; padding-left:12%;}
.incul .list .item1 span{ display:block; font-size:48px; line-height:50px; text-transform:uppercase; font-weight:bold;}
.incul .list .item2,.incul .list .item3,.incul .list .item4,.incul .list .item5{ position:relative;}
.incul .list .item2:before,.incul .list .item3:before,.incul .list .item4:before,.incul .list .item5:before{content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #bd8942;opacity: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.incul .list .item:hover:before{opacity: .72}
.incul .list .item .text{position: absolute;left: 60px; right:30px; bottom: 70px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; text-align:left;}
.incul .list .item4,.incul .list .item5{ border-bottom:0;}
.incul .list .item .text .t01{ font-size:25px; font-weight:bold; position:relative; padding-bottom:30px; text-transform:uppercase;font-family: 'Play'}
.incul .list .item .text .t01:before{content: ''; display: block; position: absolute; width: 150px; height: 1px; background-color: #fff; opacity: .3; left: 0; bottom: 10px;}
.incul .list .item .text .t02{  font-size:20px; font-weight:bold; margin-top:10px; margin-bottom:10px;}
.incul .list .item .text .t03{ font-size:15px;}
.incul .list .item:hover .text{ bottom:100px;}

.inlinian{ background:url(../img/cul02.jpg) no-repeat center; background-size:cover; height:800px; color:#fff; text-align:center; padding-bottom:50px;}
.inlinian_tit{ padding-top:100px; margin-bottom:20px; font-size:36px; font-weight:bold;}
.inlinian_p{ font-size:16px;}
.inlinian ul{ width:86%; margin:auto; margin-top:70px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-gap:80px;}
.inlinian ul li{ text-align:center; position:relative; overflow:hidden;}
.inlinian ul li .li_img{position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.inlinian ul li:hover .li_img{-webkit-filter:blur(2px)}
.inlinian ul li .li_img img{ display:block; width:100%;}
.inlinian ul li .li_img h4{ font-size:22px;}
.inlinian ul li .li_img p{ text-transform:uppercase; font-size:16px; margin-top:10px;}
.inlinian ul li .ai-location{ width: 100%; text-align: center; position: absolute; bottom: 70px;}
.inlinian ul li:hover .ai-location{ opacity:0;}
.inlinian ul li .li_txt{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.5); color:#fff; padding:50px 25px; transition:.5s; opacity:0;}
.inlinian ul li .li_txt .li_A{ font-weight:bold; font-size:22px; margin-top:100px;}
.inlinian ul li .li_txt .li_B{text-transform:uppercase; font-size:16px; margin-top:10px;}
.inlinian ul li .li_txt .li_p{ font-size:16px; margin-top:10px;}
.inlinian ul li:hover .li_txt{ opacity:1;}


.inbanner.inbanner_new .inimg{ height:100%; background:url(../img/inbanner_new.jpg) no-repeat center; background-size:cover;}
.innews{ background:#f7e7c7 url(../img/inblocktit.jpg); padding:70px 0;}
.innews ul.innewsall{overflow: hidden; height: 100%; width:80%; margin:auto; padding-top:20px;}
.innews ul.innewsall li {	position: relative;	float: left; width: 30%; transition: all .3s; margin-right:4%; margin-bottom:50px;}
.innews ul.innewsall li:nth-child(3n){ margin-right:0;}
.innews ul.innewsall li .incard{ perspective: 150rem; -moz-perspective: 150rem; position: relative; height: 290px;}
.innews ul.innewsall li .incard .incard_side{ transition: all 0.8s ease; position: absolute; top: 0; left: 0; height: 290px; backface-visibility: hidden; border-radius: 10px; overflow: hidden; display: block;  padding: 50px 60px;font-size: 16px; color: #777; line-height: 1.8; letter-spacing: -.2px; font-weight: 300;}
.card_side_front{ background:#fff;}
.innews ul.innewsall li .incard .incard_side p{margin-bottom: 15px; font-size: 16px; height:45px; overflow:hidden; color: #222; line-height: 1.6; font-weight: 600;}
.innews ul.innewsall li .incard .incard_side em{ height:60px; overflow:hidden; font-style:normal; display:inline-block; font-size: 15px;}
.innews ul.innewsall li .incard .incard_side span{position: absolute; left: 60px; bottom: 45px; font-size: 14px;font-weight: 700; color: #bd8942; font-family: 'Play';}
.card_side_back {-webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.incard:hover .card_side_front{-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);}
.incard:hover .card_side_back { -webkit-transform: rotateY(0); transform: rotateY(0);}
.card_side_back{ background: #bd8942; color:#fff !important;}
.incard .card_side_back p {color: #fff !important;}
.incard .card_side_back span { color: #fff !important;}

.inpage{ text-align:center;}
.inpage span{ background:#fff; color:#333; width:30px; height:30px; border-radius:5px; line-height:30px; display:inline-block;}
.inpage span a{ font-size:14px; font-family: 'Play';}
.inpage span.on{ background:#bd8942;}
.inpage span.on a{ color:#fff;}

.innewitem{ background:#f3eee6;}
.inew_tit{ text-align:center; font-size:32px; color:#333; border-bottom:rgba(0,0,0,.1) 1px  solid ; padding-bottom:30px; width:80%; margin:auto; margin-bottom:50px; }
.inew_tit p{ font-size:15px; margin-top:20px; color:#666;}
.inn_it{ display:flex;}
.innewitem_fl{ background:#fff; padding:50px; border-radius: 10px; width:70%; margin-right:5%; color:#777; line-height:1.6; font-size:15px;}
.innewitem_fl p{ margin-top:20px;}
.inpage0{ margin-top:40px;}
.inpage0 a{ display:block; color:#777; border-bottom:1px #f0f0f0 solid; line-height:30px; padding-left:5px;}
.inpage0 a:nth-child(2){ border-bottom:none;}
.innewitem_fr{ background:#fff; border-radius: 10px; width:25%;}
.in_fr_ti{ background:#bd8942; color:#fff; line-height:56px; font-size:20px; padding-left:20px; border-radius: 10px 10px 0 0;}
.in_fr_p{ padding:30px 35px;}
.in_fr_p li{ border-bottom:1px #f0f0f0 solid; padding-bottom:20px; margin-bottom:20px; width:100% !important;}
.in_fr_p li a{ color:#444; font-size:18px;}
.in_fr_p li a p{ color:#777; margin-top:20px; font-size:14px; height:36px; overflow:hidden;}


.inbanner.inbanner_pp .inimg{ height:100%; background:url(../img/inbanner_pp.jpg) no-repeat center; background-size:cover;}

.inpp{ overflow:hidden; background:url(../img/x_bg.jpg);}
.linel{width:20px;height:100%;position:absolute;left:0;top:0;background:url(../img/border-bg.jpg)}
.linet{width:100%;height:20px;position:absolute;left:0;top:0;background:url(../img/border-bg.jpg)}
.liner{width:20px;height:100%;position:absolute;right:0;top:0;background:url(../img/border-bg.jpg)}
.lineb{width:100%;height:20px;position:absolute;left:0;bottom:0;background:url(../img/border-bg.jpg)}
.form_box{margin-top:135px; position:relative; width:90%; left:5%; margin-bottom:100px;}
.form_box .kshq_form{width:370px;height:auto;background:#b98547;color:#fff;float:left;padding:30px 25px;margin-left:100px;box-sizing:border-box;position:absolute;bottom:50px; top:-50px;}
.form_box .kshq_form .name{ text-align:center; font-size:24px; line-height:1.4; margin-top:20px;}
.form_box .kshq_form .name_p{ margin-top:20px; text-align:center; padding:0 20px; font-size:15px; line-height:1.4;}
.hsMore{width: 160px; height: 50px;line-height: 50px; background: #fff; color: #b98547; text-align: center; border-radius: 50px; position:absolute; left:28%; bottom:50px; display: block; font-size: 16px; font-weight: bold; margin:auto;}
.hsMore::before{width: 170px; height: 60px;border: 1px solid #fff;position: absolute; left: -6px; top: -6px;border-radius: 50px; content: ''; -webkit-animation: actif-btn-wave 1s infinite ease-out;}
.form_box .ks_rs{margin-right: 9%;width: 50%; float:right; padding:60px 0 30px;}
.form_box .ks_rs .title{ text-align:center; font-size:20px; margin-bottom:40px;}
.form_box .ks_rs .ks_list{}
.ks_list ul{display: flex; justify-content: space-between; align-items: center; margin-bottom:40px;}
.ks_list ul li img{ height:55px; background:#fff; padding:12px 20px;}
.ks_list ul li .txt{ text-align:center; margin-top:10px; color:#666; display:none;}

@-webkit-keyframes actif-btn-wave {
	0% {
		-webkit-transform: scale(1);

		opacity: 1;
		-webkit-transform-origin: center;
		transform-origin: center
	}

	100% {
		-webkit-transform: scale(1.2);

		opacity: 0;
		-webkit-transform-origin: center;
		transform-origin: center
	}
}


.inbanner.inbanner_cont .inimg{ height:100%; background:url(../img/inbanner_cont.jpg) no-repeat center; background-size:cover;}
.incont{ background:url(../img/incont01.jpg) no-repeat  top right; height:630px;}
.incont .incontact{ padding-top:5%;}
.incont .incontact ul{ margin-left:10%; width:45%;background: rgba(255,255,255,.9); padding:50px; box-sizing:border-box;}
.incont .incontact ul li{ display:flex; margin-bottom:30px;}
.incont .incontact ul li:last-child{ margin-bottom:0;}
.incont .incontact ul li span img{ width:50px; height:50px; vertical-align:middle; border-radius:50%; border:1px #bd8942 solid; padding:8px;}
.incont .incontact ul li .info{ color:#555; cursor:pointer; margin-left:20px; font-size:15px;}
.incont .incontact ul li .info em{ display:block; color:#bd8942; font-style:normal; font-size:17px;}
.incont .incontact ul li:hover .info{ color:#333;}
iframe{ border:0;}
.incont2{ position:relative;}
.incont2 .map{ position:relative; opacity: 0.6; background:#000; transition: all .3s;}
.incont2 .map:hover{ opacity: 1;}
.incont2 .feed{ position:absolute; top:80px; right:10%; width:30%; background:#fff; padding:20px; border-top:3px #bd8942 solid;box-shadow: 0px 0px 10px #cccccc;}
.incont2 .feed .feed_tit{ text-align:center; font-size:20px; font-weight:bold; color:#bd8942;}
.incont2 .feed .feedback{ padding: 10px 30px;}
.incont2 .feed .feedback li{ margin-bottom:15px;}
input,textarea{ display:block; width:100%; height:36px; margin-top:5px; padding:0 10px; border:1px #ccc solid;}
textarea{ height:80px; padding:10px;}
input.submits{ width:160px; margin:auto; margin-top:20px; background:#bd8942; color:#fff; border:0;}


.inbanner.inbanner_pro .inimg{ height:100%; background:url(../img/inbanner_pro.jpg) no-repeat center; background-size:cover;}

.inpro{}
.inpro li{ height:460px; background:rgba(189,137,66,.8); width:100%; overflow:hidden;}
.inpro li .protxt{ width:calc(100% - 730px); float:left; padding:80px 10% 0; box-sizing:border-box; color:#fff;}
.inpro li .protxt .protxttit{ font-size:24px; font-weight:bold; margin-bottom:60px; transition: all .3s;}
.inpro li .protxt .protxttit a{ color:#fff;}
.inpro li:nth-child(2n) .protxt .protxttit a{ color:#000;}
.inpro li .protxt .protxtpp{ font-size:16px; margin-bottom:30px; line-height:1.6; transition: all .3s; height:80px; overflow:hidden;}
.inpro li .protxt .protxtmor{ margin-top:100px;}
.inpro li .protxt .protxtmor a{ margin-left:100px; transition: all .3s; opacity: 0; width:180px; height:42px; line-height:42px; border-radius:20px; background:#fff; box-sizing:border-box; color:#bd8942; display:inline-block; text-align:center;}
.inpro li .protxt .protxtmor a svg{ vertical-align: -6px; margin-left:15px;}
.inpro li .proimg{ float:right; width:700px; opacity: 0.7; transition: all .3s;}
.inpro li:hover .protxt .protxttit{transform: translate(0,-10px)}
.inpro li:hover .protxt .protxtpp{transform: translate(0,10px)}
.inpro li:hover .protxt .protxtmor a{ margin-left:0; opacity: 1;}
.inpro li:hover .proimg{ opacity: 1;}
.inpro li:nth-child(2n){ background:rgba(255,255,255);}
.inpro li:nth-child(2n) .protxt{ float:right; color:#333;}
.inpro li:nth-child(2n) .protxt .protxtpp{ color:#777;}
.inpro li:nth-child(2n) .protxt .protxtmor a{ background:#bd8942; color:#fff;}
.inpro li:nth-child(2n) .proimg{ float:left;}

.inproduct{ background:#f3eee6; padding:70px 0;}
.inproduct01{ display:flex;}
.inproduct01 .img{ width:50%;}
.inproduct01 .img img{ width:100%;}
.inproduct01 .txt{ background: rgba(189,137,66,1); width:50%; color:#fff; text-align:center; padding:50px; box-sizing:border-box;}
.inproduct01 .txt h1{ font-size:22px;}
.inproduct01 .txt p{ margin-top:50px; font-size:16px; text-align:left; line-height:28px;word-break: break-word;}
.inproduct02{ margin-top:100px;}
.inproduct02 .inp02_tit{ text-align:center; margin-bottom:30px; font-size:24px; margin-top:40px;}
.inproduct02 ul{}
.inproduct02 ul li{ float:left; width:30%; margin-right:4%; margin-bottom:30px;}
.inproduct02 ul li:nth-child(3n){ margin-right:0;}
.inproduct02 ul li img{ width:100%;}
.inproduct02 .inp02_vid{}
.inproduct02 .inp02_vid p{ line-height:28px; font-size:16px; color:#666; word-break:break-word;}
table.tb{ background:#d9ab6c; margin-top:30px;}
table.tb td{ text-align:center; font-size:16px; line-height:28px; padding:8px 0; color:#666; background:#f3eee6;}

.inpage2{ border-bottom:1px solid #e2b77c; border-top:1px solid #e2b77c; padding:10px 20px; margin-top:50px;}
.inpage2 a{ font-size:16px; color:#777; display:block; line-height:32px;}

.inbanner.inbanner_his .inimg{ height:100%; background:url(../img/inbanner_his.jpg) no-repeat center; background-size:cover;}
.inhistory{ background:url(../img/inhistorybg.jpg) no-repeat center top; height:900px; padding:50px 0;}
.inh_tit{ text-align:center; color:#fff; font-size:20px;}
.inh_tit strong{ display:block; font-size:30px; margin-bottom:15px; text-transform:uppercase;}
.history{}
.historys1{overflow:hidden;margin-top:40px;	height:auto;position:relative;}
.historys1:after{content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 36px; background-color: #e5e5e5;}
.historys1 .swiper-wrapper{	height:auto;}
.historys1 .swiper-slide{cursor: pointer; position: relative;width: 25%; font-size: 24px; text-align:center;padding-top:30px;padding-bottom:20px;}
.historys1 p{color: #fff; font-weight:bold;}
.historys1 .sp{	width: 32px; height: 32px;display:block;margin:0 auto; z-index: 5; background: url(../img/ic_point.png) no-repeat center center; background-size: contain;}
.historys1 .swiper-slide-thumb-active p{ color:#ec8800;text-shadow:0 0 2px #fff; transform: scale(1.5);transform-origin: center bottom;}
.historys1 .swiper-slide-thumb-active .sp{ transform: scale(1.5); background: url(../img/ic_point_on.png) no-repeat center center;background-size: 60%;}
.historysd{	padding:0 50px;position:relative;}
.historys2{	margin-top:60px;overflow:hidden;}
.historys2 .swiper-wrapper{	height:auto;}
.historys2 .swiper-slide{display:flex;}
.historys2 .swiper-slide img{width:50%;}
.historys2 .swiper-slide .hs2t{	width:50%;padding:50px 50px 0;background:#fafafa;background-size:60%;display:flex;flex-direction:column;}
.historys2 .swiper-slide .hs2t .p1{	font-size:36px;	font-weight:bold;color:#bd8942;	position:relative;padding-bottom:20px;margin-bottom:20px;}
.historys2 .swiper-slide .hs2t .p1:after{content:"";position:absolute;bottom:0;	left:0;	width:60px;	height:2px;	background:#bd8942;}
.historys2 .swiper-slide .hs2t .p2{	font-size:16px; line-height:30px; color:#333;}



@media (max-width: 1400px) {
#top_logo{ left:30px;}
#allBtn{ right:30px;}
.wrapper{ width:90%;}
.inew_tit{ width:90%;}
#sh_ft{ min-width:auto !important; width:100%;}
#sh_ft .inner{ width:100%; padding:0 2%;}
.inbanner{}
.inabout{ background:url(../img/about01.jpg) no-repeat right; background-size:cover; height:auto;}
.inab{ margin: 0 0% 0 5%;}
.incul{ background:url(../img/cul01.jpg) no-repeat left; background-size:cover;}
.incul .list{ padding:0 5%;}
.incont .incontact ul{ width:60%;}
.incont2 .feed{ right:2%; width:38%;}
.form_box{ width:95%; left:2.5%; right:2.5%;}
.form_box .kshq_form{ width:30%; margin-left:4%;}
.form_box .ks_rs{ width:60%; margin:0 3%;}
.innews ul.innewsall{ width:95%;}
.inpro li .protxt{ width:50%;}
.inpro li .proimg{ width:50%;}
.inpro li .proimg img{ width:100%; height:460px;}
}

@media (max-width: 1200px) {
#topNav{ display:none;}
.form_box .kshq_form{ float:none; width:92%; position:inherit; height:230px;}
.form_box .ks_rs{ float:none; width:92%; margin:auto; padding:30px; box-sizing:border-box;}
.hsMore{ left:42%; top:62%; bottom:auto;}
}

@media (max-width: 960px) {
.wrapper{ width:95%;}
.inab .inab_box{ padding:70px;}
.inblock ul li{ width:50%; height:33.3333%;}
.m2l-text h3{ font-size:24px;}
.incul .list{grid-template-columns: repeat(2,minmax(0,1fr)); padding:0;}
.incul .list .item1{ display:none;}
.inlinian{ height:auto; padding-bottom:100px;}
.inlinian ul{ width:95%; grid-gap:30px;}
.incont .incontact ul{ width:80%;}
.incont2{ position:inherit;}
.incont2 .map{opacity:1;}
.incont2 .feed{ position:inherit; width:100%;}
.innews ul.innewsall li{ width:48%;}
.innews ul.innewsall li:nth-child(2n){ margin-right:0;}
.innews ul.innewsall li:nth-child(3n){ margin-right:4%;}
.innews ul.innewsall li:nth-child(6n){ margin-right:0;}
.innewitem_fl{ width:95%; margin:auto; box-sizing:border-box;}
.innewitem_fr{ display:none;}
.inpro li .protxt .protxtmor a{margin-left:0; opacity:1;}
.inproduct01{ display:inherit;}
.inproduct01 .img{ width:100%;}
.inproduct01 .txt{ width:100%;}
.inproduct02 .inp02_vid img{ width:100%;}
.inproduct02 ul li{ width:46%; margin:20px 2%}
.inproduct02 ul li:nth-child(3n){ margin-right:2%;}
.incul .list .item3:before,.incul .list .item4:before{background-color: #bd8942; opacity:0.5;}
.ks_list ul{ display:inherit;}
.ks_list ul li{ float:left; width:31.3333%; background:#fff; text-align:center; margin-right:3%; margin-bottom:20px;}
.ks_list ul li:nth-child(3n){ margin-right:0;}
}

@media (max-width: 760px) {
.ks_list ul li{ width:46%; margin: 10px 2%;}
.ks_list ul li:nth-child(3n){ margin-right:2%;}
.form_box .kshq_form{ height:300px;}
.hsMore{ left:30%; top:auto; bottom:10%;}
}

@media (max-width: 450px) {
#top_logo{ left:15px;}
#top_logo img{ height:50px;}
#allBtn{ right:15px;}
.inbanner{ height:350px;}
.sloganTitle{ top:15%; left:5%; font-size:38px;}
.sloganTitle .f{ font-size:16px;}
.sloganTitle .t li a{ padding:7px 15px;}
.sloganTitle .t li.on a, .sloganTitle .t li:hover a{ padding:7px 17px;}
.inabout{ background:url(../img/about01.jpg) no-repeat left;}
.inab{ margin:0;}
.inab .inab_box{ padding:30px;}
.inblock ul li{ padding:20px;}
.inlinian_tit{ font-size:30px;}
.inlinian_p{ padding:0 20px;}
.inlinian ul{ display:inline;}
.inlinian ul li{ margin-top:20px;}
.inh_tit{ font-size:14px; padding:0 20px;}
.historysd{ padding:0;}
.historys2 .swiper-slide{ display:inline;}
.historys2 .swiper-slide img{ width:100%;}
.historys2 .swiper-slide .hs2t{ width:100%; padding:20px 30px;}
.historys2 .swiper-slide .hs2t .p1{ font-size:32px;}
.historys1{ margin-top:10px;}
.historys1 .swiper-slide{ font-size:20px;}
#sh_ft .copy{ height:auto; line-height:1.8; padding:15px 0;}
#sh_ft .copy p{ float:none;}
.incont .incontact ul{ width:92%; margin:20px 4%;}
.innews ul.innewsall li{ width:100%;}
.inew_tit p{ font-size:14px;}
.inpro li{ height:auto;}
.inpro li .protxt{ width:100%; float:none;}
.inpro li .proimg{ width:100%; float:none;}
.inpro li .proimg img{ height:auto;}
.inpro li .protxt{ padding:50px 30px;}
.inpro li .protxt .protxtmor{ margin-top:0;}
.inproduct02 ul li{ width:100%; margin:20px 0 0;}
.incul .list{grid-template-columns:repeat(1,minmax(0,1fr));}
.incul .list .item .text{ bottom:auto;}
.incul .list .item4:before{opacity: 0;}
.incul .list .item5:before{opacity: 0.5;}
.incul .list .item:hover .text{ bottom:auto;}
.ks_list ul li{ width:100%;}
.form_box .kshq_form{ height:350px;}
.hsMore{ left:27%; top:auto; bottom:10%;}
}