@charset "utf-8";

@media only screen and (min-width:993px) and (max-width:1201px){

	.menu{ margin-left: 0;}

	.menu ul li a.o_lm{padding: 30px 15px;}

	

	.tm0 .swiper-button-prev{background: url(../images/l.png) no-repeat left center;left: 0px;}

	.tm0 .swiper-button-next{background: url(../images/r.png) no-repeat left center;right: 0px;}

	

	.fc0 .swiper-button-prev{ background: url(../images/l.jpg) no-repeat left center; left: 0px;}

	.fc0 .swiper-button-next{ background: url(../images/r.jpg) no-repeat left center; right: 0px;}

}

@media only screen and (max-width:993px){

.container{ padding: 0 15px;}

.pc{ display:none;}
.wap{ display:block;}

#target{ display:block;}

.header{ margin-bottom:0px;}

.header .an{display:block;}

.navbar-brand img{height: 70px;}

.menu{width: 100%;padding:15px 5%;background-color:#000;height:100%;position:fixed;top: 80px;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}

.menu.on{left:0;}

.menu.on .xia:before{ transform: rotate(90deg);}

.menu{width:100%;}

.menu i{display:block;color: #fff;}

.menu ul li{width:100%; height:auto; font-size:15px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}

.menu ul li a.o_lm{color:#aaa;font-size: 14px;line-height: 40px;padding: 0;}

.menu ul li:hover a.o_lm{background:none;}

.menu ul li.on a.o_lm{background:none; color:#fff;}

.menu .e_j{background:none;position:relative;padding-left: 15px;display:none;padding-bottom:10px;}

.menu .e_j a{border-top:0;font-size: 13px;color:#aaa;line-height: 30px;}

.menu .e_j a:hover{background:none;}

.menu ul li:hover .e_j{display:none;}



.tel{background: url(../images/tel.png) no-repeat left center;padding-left: 20px;line-height: 40px; font-weight: bold;background-size: 15px;}

.tel a{ font-size: 18px; color: #fff;}



.ban2 h1{font-size: 16px;color: #fff;}

.ban .swiper-slide img{ height: 40vh;}



.sy_ab{margin-top: 30px;margin-bottom: 30px;}

.sy_ab h1{line-height: 40px;font-size: 18px;color: #010101;}

.sy_ab h1::after{display: block;content: '';background: #d28d29;width: 40px;height: 2px;}

.sy_ab1{width: 100%;float: none;}

.sy_ab1 div{ margin-top: 25px; margin-bottom: 15px;}

.sy_ab1 div p{line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}

.more{display: block;width: 90px;line-height: 30px;color:#fff;font-size: 13px;text-align: center;background: #d28d29;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

.more:hover{ color: #fff; box-shadow:inset 125px 0 0 0 #000; -webkit-box-shadow:inset 125px 0 0 0 #000; -moz-box-shadow:inset 125px 0 0 0 #000; -ms-box-shadow:inset 125px 0 0 0 #000;-o-box-shadow:inset 125px 0 0 0 #000;}

.sy_ab2{width: 100%;float: none;height: auto;margin-top: 30px;position: relative;}

.sy_ab21{ position: relative; width: 100%; height: 100%;}

.sy_ab22 img{ height: 50px;}



.t1{ text-align: center;}

.t1 h1{line-height: 40px;font-size: 18px;color: #010101;}

.t1 h1::after{display: block;content: '';background: #d28d29;width: 40px;margin: auto;height: 2px;}

.sy_fw2{background: url(../images/se.jpg) repeat top center;height: auto;margin-top: 30px;padding-top: 15px;padding-bottom: 30px;}

.sy_fw2 ul{ display: flex;flex-flow: wrap;justify-content: space-between;}

.sy_fw2 ul:after { display:block; content:""; width: 30%; height:0px;}

.sy_fw2 ul li{background: #fff;width: 49%;margin-top: 15px;margin-bottom: 2px;text-align: center;}

.sy_fw2 ul li .f_w{background: none;padding: 0 15px;padding-top: 15px;padding-bottom: 15px;border-radius: 5px;}

.f_w1{ height: 40px; display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}

.f_w1 img{ height:100%;}

.sy_fw2 ul li h2{margin-bottom: 10px;line-height: 22px;padding: 10px 0;font-size: 15px;color: #333333;}

.sy_fw2 ul li h2::after{display: block;content: '';background: #d28d29;width: 40px;margin: auto;margin-top: 3px;height: 2px;}

.sy_fw2 ul li p{line-height: 22px;font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.sy_fw2 ul li a{display: block;width: 58px;font-size: 13px;margin: auto;margin-top: 5px;line-height: 26px;border-bottom: 1px solid #999999;color: #999999;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}



.sy_fc{margin-top: 30px;margin-bottom: 30px;}
.marqueeleft{ height: 150px;}
.sy_fc1 ul{/* display: flex;flex-flow: wrap;justify-content: space-between;*/}

.sy_fc1 ul li{width: 200px; height: 150px; margin-right: 15px;}

.sy_fc2{margin-top: 15px;}



.sy_tm{background: url(../images/tm_bg.jpg) no-repeat top center;height: auto;padding-top: 30px;padding-bottom: 30px;}

.sy_tm h1{ color: #fff;}

.sy_tm2{ margin-top: 28px;}

.tm0{ position: relative;}

.tm{ max-width: 1180px; margin: auto;}

.tm .swiper-slide{ border-radius: 3px;}

.tm12{padding: 0 15px;padding-top: 15px;padding-bottom: 15px;}

.tm1{ text-align: center;}

.tm1 img{border-radius: 100%; width: 120px; height: 150px;object-fit: cover;}

.tm2 h3{padding: 5px 0;line-height: 25px;text-align: center;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}

.tm2 h3 a{font-size: 15px;color: #333333;font-weight: bold;}

.tm2 p{line-height: 22px;font-size: 13px;color: #666666;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}

.tm0 .swiper-button-next, .tm0 .swiper-button-prev{opacity: 0.8;margin-top: -15px;}

.tm0 .swiper-button-prev{background: url(../images/l.png) no-repeat left center;left: 15px;background-size: 30px;width: 30px;}

.tm0 .swiper-button-next{background: url(../images/r.png) no-repeat left center;right: 15px;background-size: 30px;width: 30px;}

.tm0 .swiper-slide:after{ content:""; width:0; height:2px; background:#fff; position:absolute; bottom: 0px; left:0; transition:all 1s}

.tm0 .swiper-slide:hover:after{ content:""; width:100%; height:2px; background:#d28d29; position:absolute; bottom: 0px; left:0; transition:all 1s}



.sy_xw{margin-top: 30px;margin-bottom: 15px;}

.sy_xw2{margin-top: 30px;}

.sy_xw21{width: 100%;float: none;}

.sy_xw21b{ padding-left: 10px; padding-right: 20px;}

.sy_xw21b h3{margin: 6px 0;line-height: 25px;}

.sy_xw21b h3 a{display: block;font-size: 15px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.sy_xw21b p{font-size: 13px;line-height: 22px;color: #6e6e6e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.sy_xw21b .sj{background: url(../images/sj.jpg) no-repeat left center;display: block;margin-top: 6px;padding-left: 20px;line-height: 20px;color: #999999;background-size: 14px;font-size: 13px;}

.sy_xw22{width: 100%;float: none;margin-top: 15px;}

.sy_xw22 ul li{background: #f8f8fa;margin-bottom: 14px;padding: 10px 0;padding-right: 10px;-webkit-transition: all .2s linear;transition: all .2s linear;}

.sy_xw22 ul li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}

.sy_xw23{width: 22%;padding-top: 10px;padding-bottom: 6px;border-right: 1px solid #e6e6e6;text-align: center;}

.sy_xw23 span{display: block;line-height: 35px;font-size: 18px;color: #5c5c5c;font-weight: bold;}

.sy_xw23 p{line-height: 28px;font-size: 13px;color: #5c5c5c;}

.sy_xw24{width: 73%;}

.sy_xw24 h3{ line-height: 30px;}

.sy_xw24 h3 a{display: block;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.sy_xw24 p{font-size: 13px;line-height: 21px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.sy_xy2{margin-top: 15px;}

.sy_xy2 ul{ display: flex;flex-flow: wrap;justify-content: space-between;}

.sy_xy2 ul li{width: 100%;margin-top: 15px;box-shadow: 0 0 10px #ccc;}

.sy_xy2 ul:after{ display:block; content:""; width: 31.25%; height:0px;}

.sy_xy21 video{ width: 100%; height: 260px; object-fit: cover;}

.sy_xy21 iframe{ width: 100%!important; height: 260px!important;; object-fit: cover;}

.sy_xy22{padding: 10px 15px;text-align: center;}

.sy_xy22 a{display: block;line-height: 22px;font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.sy_xy3{margin-top: 30px;}



.sy_xx{background: #f5f5f5;margin-top: 30px;padding-top: 30px;padding-bottom: 30px;}

.sy_xx1 p{line-height: 22px;padding-left: 5px;font-size: 15px;color: #333333;font-weight: bold;}

.sy_xx2{ margin-top: 22px; display: flex;flex-flow: wrap;justify-content: space-between;}

.sy_xx2 input{margin-bottom: 10px;background: #e6e6e6;border: none;width: 100%;line-height: 46px;padding-left: 8px;font-size: 13px;color: #929292;}

.sy_xx2 input:last-child{width: 100%;}

.sy_xx3{ margin-top: 23px;}

.sy_xx3 input{display: block;background: #d28d29;border: none;width: 90px;margin: auto;line-height: 30px;text-align: center;font-size: 13px;color: #fff;}

.footer{ margin-bottom: 60px;}

.f1{background: #333333;padding-top: 30px;}

.f1t{background: #000000;width: 100%;margin: auto;padding: 10px 0;padding-bottom: 2px;}

.f1t ul{ width: 90%; margin: auto; font-size: 0; text-align: center;}

.f1t ul li{width: 33.3%;margin-bottom: 8px;border-right: 1px solid #fff;line-height: 16px;display: inline-block;text-align: center;font-size: 14px;}

.f1t ul li a{display: block;font-size: 13px;color: #fff;}

.f1t ul li:nth-of-type(3){ border-right: none;}

.f1t ul li:last-child{ border-right: none;}

.f1b{margin-top: 20px;display: flex;flex-flow: wrap;justify-content: space-between;}

.f11{width: 100%;text-align: center;}

.f11 img{height: 90px;margin-bottom: 10px;}

.f11 p{line-height: 22px;font-size: 13px;color: #dadada;}

.f12{width: 100%;max-height: 110px;padding: 0 8%;border-left: 1px solid #757575;border-right: 1px solid #757575;margin-top: 28px;padding-bottom: 20px;}

.f12t p{ line-height: 20px; color: #dadada;}

.f12t p strong{font-size: 16px;color: #efeded;}

.f12b{margin-top: 6px;}

.f12b p{line-height: 25px;color: #dadada;}

.f13{width: 120px;margin: auto;margin-right: auto;margin-top: 20px;margin-bottom: 30px;}

.f13 p{ line-height: 35px; text-align: center; font-size: 13px; color: #dadada;}

.f2{background: #000000;padding-top: 15px;padding-bottom: 10px;text-align: center;line-height: 25px;color: #b8b8b8;font-size: 13px;}

.f2 a{font-size: 13px; color: #b8b8b8;}

/*底部按钮*/
.fixed_bottom { display: flex; position: fixed; left: 0; bottom: 0; right: 0; z-index: 997;}
.fixed_bottom li { width: 25%; height: 60px; text-align: center; background: #000;}
.fixed_bottom li.active {background: #d28d29;}
.fixed_bottom h6 {color: #ffffff;margin: 5px 0 0;font-size: 13px;}
.fixed_bottom span { display: block; width: 25px; height: 25px; margin: 10px auto 5px;}
#target{ opacity: 0;}
.fixed_bottom li button{ background: none; border: none; width: 100%;}
.foot_icon_1 { background: url("../images/foot_icon_1.png") no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -webkit-background-size: 100% 100%;}
.foot_icon_2 { background: url("../images/foot_icon_2.png") no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -webkit-background-size: 100% 100%;}
.foot_icon_3 { background: url("../images/foot_icon_3.png") no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -webkit-background-size: 100% 100%;}
.foot_icon_4 { background: url("../images/foot_icon_4.png") no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -webkit-background-size: 100% 100%;}
.foot_icon_5 { background: url("../images/foot_icon_5.png") no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -webkit-background-size: 100% 100%;}


/* 关于我们 */

.nban{ width: 100%; height: 100%; position: relative;}

.nban1{ width: 100%; height: 100%; position: relative; text-align: center;}

.nban1 img{max-width: 100%;height: 40vh;}

.nban2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}

.nban2 p{font-size: 18px;color: #fff;}



.wz0{background: url(../images/wz.png) no-repeat left center;line-height: 35px;padding-left: 25px;margin-top: 10px;border-bottom: 1px solid #e8e8e8;font-size: 14px;color: #333333;}

.wz0 a{font-size: 14px;color: #333333;}



.ab1 .sy_ab{ margin-top: 28px;}

.ab1 .sy_ab h1{ text-align: center;}

.ab1 .sy_ab h1::after{ margin: auto;}

.ab1 .sy_ab1{margin-top: 15px;}

.ab1 .sy_ab1 div{ margin: 0;}

.ab1 .sy_ab1 div p{-webkit-line-clamp: 8888; line-height: 33px;}

.ab1 .sy_ab2{ margin-top: 33px;}

.ab2 .sy_fw2 ul li h2{margin-bottom: 10px;line-height: 22px;padding-top: 8px;font-size: 15px;color: #333333;}
.ab2 .sy_fw2 ul li h2::after{margin-top: 8px;}
.ab2 .sy_fw2 ul li p{line-height: 22px;height: auto;font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 99;overflow: hidden;}

.ab3{margin: 30px 0;}

.ab32{ margin-top: 35px;}

.fc{ width: 92%; margin: auto;}

.fc12 img{height: 180px;object-fit: contain;}

.fc2{margin: 6px 0;text-align: center;}

.fc2 p{line-height: 22px;font-size: 14px;color: #010101;}

.fc0{ position: relative;}

.fc0 .swiper-button-next, .fc0 .swiper-button-prev{opacity: 0.8;width: 25px;height: 25px;margin-top: -12.5px;}

.fc0 .swiper-button-prev{background: url(../images/l.jpg) no-repeat left center;left: 0;background-size: 100%;}

.fc0 .swiper-button-next{background: url(../images/r.jpg) no-repeat left center;right: 0;background-size: 100%;}

.fc0 .swiper-button-next:hover, .fc0 .swiper-button-prev:hover{ opacity: 1;}



/* 客户风采 */

.ws{ margin-bottom:30px;}

.kh{ padding-bottom: 23px;}

.kh ul li{margin-bottom: 15px;}

.kh1{width: 40%;}
.kh1 img{ height: auto;}

.kh2{width: 56%;}

.kh2 h3{line-height: 30px;margin-bottom: 0;}

.kh2 h3 a{display: block;font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.kh2 p{font-size: 13px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.kh2 a.more{margin-top: 10px;}



/* 经典案例 */

.case0{margin-bottom: 30px;}

.case{margin-top: 30px;margin-bottom: 15px;}

.case ul li{width: 49%;float: left;margin-right: 0;margin-bottom: 15px;border: 1px solid #dcdcdc;}
.case ul li img{height: 136px;object-fit: cover;}

.case ul li:nth-of-type(even){ float:right;}

.case ul li:nth-of-type(4){ margin-right: 0;}

.case ul li:nth-of-type(8){ margin-right: 0;}

.ca{padding: 15px;}

.ca h3{line-height: 22px;margin-bottom: 3px;text-align: center;}

.ca h3 a{display: block;font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ca p{font-size: 13px; height: 44px; line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ca a.more{width: 90px;margin: auto;line-height: 30px;margin-top: 12px;}



/* 新闻动态 */

.ns0{margin-top: 30px;margin-bottom: 30px;}

.ns{padding-bottom: 15px;}

.ns ul li{margin-bottom: 15px;}

.ns1{width: 40%;border: 2px solid #e7e7e7;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

.ns1 img{ height:auto; object-fit: cover;}

.ns2{width: 58%;}

.ns2 h3{line-height: 28px;margin-bottom: 0;}

.ns2 h3 a{display: block;font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ns2 .time{display: block;font-size: 13px;background: url(../images/rq.jpg) no-repeat left center;line-height: 20px;margin-bottom: 5px;padding-left: 20px;color: #999999;background-size: 20px;}

.ns2 p{font-size: 13px;line-height: 22px;color: #888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ns2 a.more1{margin-top: 10px;display: block;font-size: 13px;width: 90px;line-height: 30px;color:#727272;text-align: center;background:#e7e7e7;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

.ns2 a.more1:hover{ color: #fff; box-shadow:inset 90px 0 0 0 #d28d29; -webkit-box-shadow:inset 90px 0 0 0 #d28d29; -moz-box-shadow:inset 90px 0 0 0 #d28d29; -ms-box-shadow:inset 90px 0 0 0 #d28d29;-o-box-shadow:inset 90px 0 0 0 #d28d29;}

.ns ul li:hover .ns1{ border: 2px solid #d28d29;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}



/* 联系我们 */

.ct{margin-top: 30px;margin-bottom: 30px;}

.ct1{width: 100%;float: none;padding-left: 10px;margin-top: 0px;}

.ct10{margin-bottom: 15px;}

.ct11{ width: 15.1%;}

.ct11 img{width: 40px;max-width: 100%;}

.ct12{width: 84%;}

.ct12 p:nth-of-type(1){line-height: 25px;font-size: 15px;color: #d28d29;font-weight: bold;}

.ct12 p:nth-of-type(2){padding-top: 0px;line-height: 22px;font-size: 14px;color: #666666;}

.ct2{width: 100%;float: none;margin-top: 30px;}

.ct2 input.w_z{width: 100%;height: 40px;font-size: 14px;color: #a5a5a5;line-height: 40px;margin-bottom: 10px;border: 1px solid #dcdcdc;padding-left: 10px;background:#fff;}

.ct2 input.w_z:nth-of-type(even){float: none;}

.ct2 input.w_z::-webkit-input-placeholder{ color:#a5a5a5;}

.ct2 input.w_z::-moz-placeholder{ color:#a5a5a5;}

.ct2 input.w_z::-moz-placeholder{ color:#a5a5a5;}

.ct2 input.w_z::-ms-input-placeholder{ color:#a5a5a5;}

.ct2 input.a_n{display: block;width: 100px;margin: auto;margin-top: 15px;height: 35px;background: #d28d29;font-size: 15px;color:#fff;line-height: 35px;border: none;}

.ct2 textarea{width: 100%;height: 100px;padding: 10px;border: 1px solid #dcdcdc;outline:none;resize:none;font-size: 14px;color:#a5a5a5;line-height: 22px;background:#fff;}

.ct2 textarea::-webkit-input-placeholder{ color:#a5a5a5;}

.ct2 textarea::-moz-placeholder{ color:#a5a5a5;}

.ct2 textarea::-moz-placeholder{ color:#a5a5a5;}

.ct2 textarea::-ms-input-placeholder{ color:#a5a5a5;}



.ctb{height: 300px;margin-top: 30px;}

.ctb #allmap{ height: 100%;}



.tit{ padding: 8px 0;}

.tit strong{ font-size:16px;}

#fontzoom img{ max-width: 100%; width: auto !important; height: auto !important;}

}

@media (min-width:993px){

.menu{/* width:970px; */}



.menu .e_j{width:100%;background: rgba(210,141,41,0.6);position:absolute;z-index:9999;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);}

.menu ul li:hover .e_j{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}

}



@media only screen and (min-width: 768px) and (max-width: 993px){

    

}

@media only screen and (min-width: 576px) and (max-width: 768px){

    

}

@media only screen and (max-width: 374px){

	.sy_xy21 video{ height: 200px;}

	.sy_xy21 iframe{ width: 100%!important; height: 200px!important;; object-fit: cover;}

	

	.ctb{height: 230px;margin-top: 30px;}

}