@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}


*{margin:0;padding:0;}
body{background:#fff; font-size:100%;line-height:26px;font-family:"Microsoft YaHei"; color:#FFFFFF;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important; color:#FFFFFF !important;}
a:hover{ text-decoration:underline; color:#CCCCCC}
select::-ms-expand { display: none;}
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{position:fixed;left:0;top:0;z-index:99999;animation:searchTop 0.5s ease-in-out;width:100%;background:#fff;}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}

header{position: absolute;;width:100%;z-index: 9999;top: 45px;}


.header-main{display:flex;justify-content:space-between;align-items:center;}

.logo img{ max-width:100%; display:block;}

.nav-ul {display: flex;}
.nav-ul li {position:relative;margin-left: 50px;}
.nav-ul li .nav_a {display:block;font-size:16px;color:#fff;line-height:50px;text-align:center;}
.nav-ul li:hover .nav_a, .nav-ul li .nav_a.active {color: #d80a14;font-weight: bold;}
.nav-ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;background:rgba(255,255,255,0.8);box-shadow:0 5px 10px #333;}
.nav-ul .sub_ul li{width:100%;padding:5px;}
.nav-ul .sub_ul li .nav_a2{font-size:13px;line-height:34px;text-align: center;color:#fff;display:block;}
.nav-ul li .nav_a2:hover, .nav-ul li .nav_a2.on {background: #ff6a00;color: #d80a14;}

/*移动端导航*/
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #d80a14; border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:18px;height:3px;background:#d80a14;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#d80a14;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#d80a14;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}

.sjnav{ width:115px; position:absolute;right:0%; top:83px;z-index:9999;display: none;
    background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjnav li a:hover, .sjnav li a.acta{background:#d80a14; color:#fff;}

/*大图滚动开始*/
.banner{position: relative;}
.ban-img { padding-top:27%;}
.swiper-pagination-bullet{width:15px; height:4px; opacity:1; border-radius:2px; background:#fff;}
.swiper-pagination-bullet-active{background:#fd5573}
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;transform:translate(0,-50%);margin:0;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

.swiper-banner {
	width: 100%;
	height: 900px;
	background-color: rgb(179, 189, 196);
	transition: 1s background-color 1.3s;
}
.swiper-banner .swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.swiper-banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-banner .title {
	transition-delay: 1s;
	z-index: 10;
}
.swiper-banner .title h3 {
	font-weight: 700;
    font-size: calc(55px + 54 * ((53vw + 53vh) - 520px) / 820);
	letter-spacing: -1px;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 2px #fff;
}
.swiper-banner .img-box {
	width: 100%;
	height: 100%;
	position: absolute;
	transform: scale(0.6, 0.6);
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	opacity: 0.9;
	overflow: hidden;
}
.swiper-banner .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2, 1.2) translateX(50%);
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	transition-property: transform;
}
.swiper-banner .button-prev, .swiper-banner .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top: 65vh;
	transform: translateY(-34px);
	cursor: pointer;
}
.swiper-banner .button-prev {
	left: 4vw;
}
.swiper-banner .button-next {
	right: 4vw;
}
.swiper-banner .button.disabled {
	opacity: 0.2;
	cursor: default;
}
#arrow-svg-home {
	transform: translateY(353px);
}
.button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
svg {
	transition: 0.5s;
}
.cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}
.cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;
	transform-origin: 0px 0px 0px;
}
#arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}
#line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}
.button-prev:not(.disabled):hover svg {
	transform: translateX(-25px);
}
.button-next:not(.disabled):hover svg {
	transform: translateX(25px);
}
.button:not(.disabled):hover .cls-1 {
	transform: scale(1.1);
}
.button:not(.disabled):hover .cls-4 {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1;
}
.button:not(.disabled):hover #arrow-trg {
	transform: rotateY(180deg) translate(-37px, 39px);
}
.button:not(.disabled):hover #line {
	transform: translate(35px, 42px) scaleX(0.33);
}

.text-img{max-width: 100%;display: block;}
.padd{padding:70px 0 0 0;}
.title{text-align: center;background: url(../images/title.png) no-repeat center 26px ;color:#fff;}
.title .t1{line-height: 36px;font-size:24px;}
.title .t2{line-height: 44px;font-size:44px;font-family: "Arial";font-weight: bold;text-transform: uppercase;}
.title .t3{line-height: 16px;font-size:16px;padding-top: 16px;letter-spacing: 6px;}
.title .t2 span{color:#e60012;}


.about{background: url(../images/bj1.jpg) no-repeat 50% 50%;background-size:cover;}
.about-main{display: flex;position: relative;}
.about-main .more{display: block;width:68px;line-height: 68px;text-align: center;background-color: #e60012;font-size:16px;color:#fff;position: absolute;left: 50%;bottom: -34px;transform: translateX(-50%);}
.about-main .content{width: 50%;background-color: #111e31;font-size:16px;color:#fff;line-height: 38px;padding:30px;}
.about-main .video{width: 50%;}
.about-main .video video{width:100%;height: 100%;}
.swiper-about{padding:40px 0 80px 0;}
.swiper-about a{display: block;position: relative;overflow: hidden;}
.swiper-about a:before{content:"";display: block;padding-top:74%;}
.swiper-about a:hover .img_cover{transform: scale(1.1);}

.product{background: url(../images/bj2.jpg) no-repeat 50% 50%;background-size:cover;}
.product .tabs{display: flex;justify-content: center;padding:60px 0 0 0;}
.product .tabs a{display: block;font-size:20px;color:#fff;border:1px solid #fff;border-radius: 30px;width:200px;line-height: 46px;margin:0 7px;text-align: center;transition: 0.5s;}
.product .tabs a:hover, .product .tabs a.on{background-color: #d80a14;color:#fff;border-color: #d80a14;}
.swiper-product{padding:50px 0;}
.swiper-product a{display: block;transition: 0.5s;}
.swiper-product a .pic{widows: 100%;position: relative;overflow: hidden;background-color: #fff;}
.swiper-product a .pic:before{content:"";display: block;padding-top:78%;}
.swiper-product a .text{text-align: center;font-size:16px;color:#fff;line-height: 28px;padding-top: 10px;}
.swiper-product a:hover{transform: translateY(-8px);}

.ys{background-color: #111720;padding:130px 0 0 0;}
.ys .bt{text-align: center;color:#fff;text-transform: uppercase;}
.ys .bt .t1{line-height: 60px;font-size:60px;font-family: "Arial";font-weight: bold;}
.ys .bt .t2{line-height: 45px;font-size:30px;font-weight: bold;position: relative;}
.ys .bt .t2::before, .ys .bt .t2::after{content:"";display: block;width:calc(50% - 135px);position: absolute;top: 50%;transform: translateY(-50%);height: 1px;background-color: #fff;}
.ys .bt .t2::before{left: 0px;}
.ys .bt .t2::after{right: 0px;}
.ys .bt .t2 span{display: inline-block;position: relative;padding:0 46px}
.ys .bt .t2 span::before, .ys .bt .t2 span::after{content:"";display: block;width:7px;height: 7px;background-color: #fff;border-radius: 50%;position: absolute;top:50%;transform: translateY(-50%);}
.ys .bt .t2 span::before{left: 0px;}
.ys .bt .t2 span::after{right: 0px;}
.ys ul{display: flex;padding:80px 0 0 0;justify-content: space-between;}
.ys ul li{display: flex;align-items: center;}
.ys ul li img{display: block;max-width: 100%;}
.ys ul li .content{width: calc(100% - 94px);margin-left:15px;position: relative;padding-left: 25px;line-height: 28px;font-weight: bold;text-transform: uppercase;font-size:20px;color:#e60012;}
.ys ul li .content span{font-size:14px;color:#cbcbcb;line-height: 22px;display: block;}
.ys ul li .content:before{content:"";display: block;width: 1px;height: 100%;background-color: #fff;position: absolute;left: 3px;top: 0px;}
.ys ul li .content::after{content:"";display: block;width: 7px;height: 7px;background-color: #e60012;border-radius: 50%;position: absolute;left: 0;bottom: -7px;}

#certify {position: relative;width: 100%;margin: 0 auto;padding:80px 0;}
#certify .swiper-slide {width: 780px;}
#certify .swiper-slide::after{content:"";display: block;width:100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;}
#certify .swiper-slide::before{content:"";display: block;padding-top:61.5%;}
#certify .swiper-slide-active::after{background: none;}
.certify-prev, .certify-next{ font-size:30px;color:#fff;width:50px;height:50px;background:none;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:bold;transform:translate(0,-50%);margin:0;border:1px solid #fff;position: absolute;top:50%;transform: translateY(-50%);z-index: 99;outline: none;}
.certify-prev{left: -80px;}
.certify-next{right: -80px;}

.service{background: url(../images/bj3.jpg) no-repeat 50% 50%;background-size:cover;padding:45px 0;}
.service .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.service .wrap .content{width:48%;border:1px solid #fff;padding:30px;min-height: 345px;color:#fff;display:flex;flex-wrap:wrap;align-content: center;}
.service .wrap .content .t1{width:100%;line-height: 38px;font-size:24px;}
.service .wrap .content .t2{width:100%;line-height: 32px;font-size:24px;font-family: "Arial";font-weight: bold;text-transform: uppercase;}
.service .wrap .content .t3{width:100%;line-height: 32px;font-size:16px;margin:22px 0 0 0;}
.service .wrap ul{width:50%;display: flex;flex-wrap: wrap;padding-left: 60px;}
.service .wrap ul li{display: flex;align-items: center;font-size:20px;color:#fff;width: calc(50% - 30px);padding:15px 0;}
.service .wrap ul li img{display: block;max-width: 100%;margin-right: 16px;transition: 0.5s;}
.service .wrap ul li:hover img{transform: rotateY(360deg);}

.case{background-color: #111720;}
.case ul{padding:70px 0;display: block;}
.case ul li{width:32%;margin:0.61%;float:left;}
.case ul li a{display: block;position: relative;overflow: hidden;}
.case ul li a:before{content:"";display: block;padding-top:78%}
.case ul li:first-child a:before{padding-top:160%;}
.case ul li a:hover .img_cover{transform: scale(1.1);}

.news{position: relative;}
.news-bj1{background-color: #111e31;padding:40px 0 50px 0;}
.news-bj2{background-color: #111720;padding:45px 0;}
.news .tabs{display: flex;justify-content: center;}
.news .tabs a{display: block;font-size:20px;color:#fff;border:1px solid #fff;border-radius: 30px;width:200px;line-height: 46px;margin:0 7px;text-align: center;transition: 0.5s;}
.news .tabs a:hover, .news .tabs a.on{background-color: #d80a14;color:#fff;border-color: #d80a14;}
.news-main{display: flex;justify-content: space-between;padding:45px 0;}
.news-main .news-left{width:50%;}
.news-main .news-left .pic{width:100%;position: relative;overflow: hidden;margin-bottom: 7px;}
.news-main .news-left .pic:before{content:"";display: block;padding-top:45%}
.news-main ul{display: block;}
.news-main ul li{background-color: #fff;border:1px solid #ddd;}
.news-main ul li a{display: flex;}
.news-main ul li a .date{width:94px;text-align: center;color:#111;line-height: 20px;font-size:14px;font-family:"Arial";font-weight: bold;padding:32px 0;}
.news-main ul li a .date span{display: block;font-size:48px;line-height: 45px;width:100%;}
.news-main ul li a .content{width:calc(100% - 94px);padding:0 25px;display: flex;flex-wrap: wrap;align-content: center;}
.news-main ul li a .content .t1{line-height:44px;display: flex;justify-content: space-between;align-items: center;font-size:14px;color:#999;width:100%;}
.news-main ul li a .content .t1 span{font-size:18px;color:#333;}
.news-main ul li a .content .t2{line-height: 23px;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-main ul li:hover{background-color: #d80a14;}
.news-main ul li:hover a .date, .news-main ul li:hover a .content .t1, .news-main ul li:hover a .content .t1 span, .news-main ul li:hover a .content .t2 {color:#fff;}
.news-right{width:48%;}
.news-right ul li{margin-bottom: 7px;}

.news .more{display: block;font-size:14px;color:#fff;background-color: #d80a14;margin:0 auto;width:140px;line-height: 40px;text-align: center;}
.news .more:hover{color:#fff;transform:translateY(-6px)}

footer{background:#111e31;color:#fff;font-size:15px;line-height: 30px;padding:30px 0 0 0;}
footer .logo2{display: block;max-width: 100%;margin:0 auto;}
footer a{color:#fff;}
footer a:hover{text-decoration:underline !important;color:#fff;}
footer .wrap{display: flex;justify-content: space-between;padding:40px 0 30px 0;}
footer dl dt{line-height: 35px;}
footer dl dd a, footer dl dd{line-height: 30px;}
footer .erweima{width: 124px;}
footer .erweima img{display: block;max-width: 100%;}
footer .erweima span{display: block;text-align: center;padding:5px 0;}
.foot-txt{text-align: center;padding:12px 0;background-color: #111720;}
.foot-txt a{ color:#FFFFFF;}

/**/
.page-banner{width:100%;height:500px;position: relative;}
.page-banner .bt{text-align: center;color:#fff;text-transform: uppercase;position: absolute;left:50%;top:55%;transform: translate(-50%,-50%);width:735px;}
.page-banner .bt .t1{line-height: 34px;font-size:16px;letter-spacing: 8px;}

.page-banner .bt .t2{line-height: 48px;font-size:30px;position: relative;text-transform: uppercase;}
.page-banner .bt .t2::before, .page-banner .bt .t2::after{content:"";display: block;width:200px;position: absolute;top: 50%;transform: translateY(-50%);height: 1px;background-color: #fff;}
.page-banner .bt .t2::before{left: 0px;}
.page-banner .bt .t2::after{right: 0px;}
.page-banner .bt .t2 span{display: inline-block;position: relative;padding:0 25px}
.page-banner .bt .t2 span::before, .page-banner .bt .t2 span::after{content:"";display: block;width:7px;height: 7px;background-color: #fff;border-radius: 50%;position: absolute;top:50%;transform: translateY(-50%);}
.page-banner .bt .t2 span::before{left: 0px;}
.page-banner .bt .t2 span::after{right: 0px;}

.page{position: relative;min-height: 500px;background-color: #111720;padding:0 0 50px 0;}

.page-pro{background: url(../images/bj4.jpg) no-repeat 50% 50%;background-size:cover;}

.pro-tabs{display: flex;justify-content: center;padding:40px 0;flex-wrap: wrap;}
.pro-tabs a{display: block;font-size:20px;color:#fff;border:1px solid #fff;border-radius: 30px;width:200px;line-height: 46px;margin:7px;text-align: center;transition: 0.5s;}
.pro-tabs a:hover, .pro-tabs a.on{background-color: #d80a14;color:#fff;border-color: #d80a14;}

.pro-ul{display: flex;flex-wrap:wrap;}
.pro-ul li{width:31.3%;margin:1%;}
.pro-ul li a{display: block;transition: 0.5s;}
.pro-ul li a .pic{widows: 100%;position: relative;overflow: hidden;background-color: #fff;}
.pro-ul li a .pic:before{content:"";display: block;padding-top:78%;}
.pro-ul li a .text{text-align: center;font-size:16px;color:#fff;line-height: 28px;padding-top: 10px;}
.pro-ul li a:hover{transform: translateY(-8px);}

.about-content{font-size:16px;color:#fff;line-height:36px;}

.show-title{font-size:16px;color:#777;line-height:60px;}
.show-title i{font-size:18px;margin-right: 10px;}
.show-title a{color:#777;}
.show-title a:hover{color:#d80a14;}

.show-box{display: flex;justify-content: space-between;flex-wrap: wrap;padding:20px 0;}
.box-left{width:40%;}
.gallery-top {width: 100%;position: relative;}
.gallery-top .swiper-slide::before{content:"";display: block;padding-top: 60%;} 
.gallery-thumbs .swiper-slide {opacity: 0.4; }
.gallery-thumbs .swiper-slide::before{content:"";display: block;padding-top: 60%;} 
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs{width:calc(100% - 68px);margin:10px auto 0 auto;}

.prev-thumbs ,.next-thumbs{font-size:22px;font-family:"SimSun";color:#fff;width:24px;height:60px;background:#ff3933;display:flex;justify-content:center;align-items:center;font-weight:bold;transform:translate(0,-50%);position: absolute;top:50%; z-index: 9999;}
.prev-thumbs{left: 0px;}
.next-thumbs{right:0px;}

.box-right{width:56%;}
.box-right .t1{display: block;font-size:20px;color:#fff;font-weight: bold;line-height: 30px;margin-bottom: 10px;border-bottom: 2px solid #d80a14; padding-bottom:10px;}
.box-right .t2{font-size: 15px;color: #555;line-height:32px; padding: 20px;background-color: #fdf9f5;border: 1px solid #eee; min-height:225px;}

.box-right .tel{background-color: #f3f3f3;display: flex;justify-content: space-between;padding:10px;align-items: center;margin:15px 0;}
.box-right .tel p{font-size:26px;color:#ff3933;font-weight: bold;display: flex;align-items: center;}
.box-right .tel b{font-size:14px;color:#333;}
.box-right .tel a{display: block;width:95px;line-height: 36px;background-color: #ff3933;font-size:14px;color:#fff;border-radius: 10px;text-align: center;}
.box-right .tel i{width:44px;height: 44px;display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 50%;font-size:22px;color:#d80a14;margin-right: 30px;}
.box-right .tel div{display: flex;align-items: center;}
.show-xq{padding:24px 0;}
.show-xq .bt{background-color: #f3f7fb;}
.show-xq .bt span{display: block;font-size:20px;color:#fff;width:170px;line-height: 46px;text-align: center;background-color: #d80a14;}

.swiper-qita{padding:20px 0;}
.swiper-qita a{display: block;position: relative;overflow: hidden;}
.swiper-qita a:before{content:"";display: block;padding-top:78%;}
.swiper-qita a .txt{width:100%;line-height:40px;text-align: center;background: rgba(44, 44, 44, 0.7);position: absolute;left: 0;bottom: 0;font-size:16px;color:#fff;}
.swiper-qita a:hover .img_cover{transform: scale(1.1);}

.news-ul{display: block;padding:50px 0 0 0;}
.news-ul li{width:100%;}
.news-ul li a{display: flex;margin-bottom: 22px;transition: 0.5s;}
.news-ul li a .pic{width:300px;position: relative;overflow: hidden;border:1px solid #d6d6d6;}
.news-ul li a .pic:before{content:"";display: block;padding-top:78%;}
.news-ul li a .content{width:calc(100% - 300px);padding:0 10px 0 30px;display: flex;flex-wrap:wrap;align-content: space-around;}
.news-ul li a .content .t1{display: flex;justify-content: space-between;align-items: center; line-height:55px;font-size:18px;color:#fff;border-bottom: 1px dashed #919191;background: url(../images/dian2.png) no-repeat left center;padding-left: 20px;width:100%;}
.news-ul li a .content .t1 span{font-size:13px;}
.news-ul li a .content .t2{font-size:15px;color:#fff;line-height: 32px;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-ul li a .content .t3{font-size:15px;color: #d80a14;background-color: #fff;width:140px;line-height: 40px;text-align: center;transition: 0.5s;}
.news-ul li a:hover{transform: translateY(-8px);box-shadow: 0 5px 10px rgba(255,255,255,0.2);}
.news-ul li a:hover .content .t3{background-color: #d80a14;color:#fff;}

.news-show { width:100%; text-align:center;padding-top:20px;}
.news-show .newsing { width:100%; text-align:center}
.news-show .newsing img {  display:block; max-width:100%; margin:2% auto;}
.news-show .txt-bt {  display:inline-block ;line-height:42px; font-size:18px; color:#fff;font-weight:bold;text-align:center; }
.news-show .txt-nr {  display:block;line-height:30px; font-size:14px; color:#fff; text-align:left;}
.news-show .txt-nr img{ max-width:100% !important; height:auto !important}
.news-show .txt-date {  display:block;line-height:35px; font-size:12px; color:#999; margin-top:2%; text-align:right;}

.message{padding:20px 0;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.message input[type="text"]{width:45%}
.message input[type="text"], .message textarea{border:1px solid #ccc;line-height: 40px;padding:0 10px;font-size:14px;color:#333;margin-bottom: 25px;background-color: #eee;}
.message textarea{height:150px;width: 100%;}
.message input[type="button"]{width:100%;line-height: 40px;background: #d80a14;font-size:14px;color:#fff;text-align: center;}
.message input[type="text"]:hover, .message textarea:hover{border-color:#d80a14;}


/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


@media (max-width:1200px){
	main{overflow: hidden;}
	.wrap{ width:96%}
	.certify-prev, .certify-next{display: none;}
    }

@media (max-width:991px) and (min-width:768px){
	.swiper-banner{height: 600px;}
	.text-img{max-width: 70%;margin:0 auto;}
	#certify .swiper-slide{width: 80%;}
	.ys ul{flex-wrap:wrap;padding:50px 0 0 0;}
	.ys ul li{width:50%;padding:20px 0 0 0;}
	.service .wrap ul{padding:0px;}
	.service .wrap ul li{width:50%;font-size:16px;}

	.box-left{width:100%;}
	.box-right{width:100%;}
    }
 
@media (max-width:767px){
	header{top:15px;}
	.swiper-banner{height: 300px;}
	.text-img{max-width: 70%;margin:0 auto;}
    .logo{width:300px;}
    .sjnav{top:60px;}
	.padd{padding:20px 0 0 0;}
	.title{background: none;}
	.title .t1{font-size:18px;line-height: 26px;}
	.title .t2{font-size:24px;line-height: 32px;}
	.title .t3, .page-banner .bt .t1{font-size:12px;padding:0px;}	
	.about-main{display: block;}
	.about-main .content{width:100%;padding:10px;font-size:13px;line-height: 24px;}
	.about-main .video{width:100%;height: 200px;}
	.about-main .more{display: none;}
	.swiper-about, .service, .case ul, .news-bj1{padding:20px 0;}
	.product .tabs, .news .tabs, .pro-tabs{padding:20px 0 0 0;flex-wrap: wrap;justify-content: start;}
	.product .tabs a, .news .tabs a, .pro-tabs a{width:31.3%;margin:1%;font-size:13px;line-height: 28px;}
	.swiper-product{padding:20px 0;}
	.swiper-product a .text, .pro-ul li a .text{font-size:14px;}
	.ys{padding:30px 0 0 0;}
	.ys .bt .t1{font-size:26px;line-height: 30px;}
	.ys .bt .t2, .page-banner .bt .t2{font-size:20px;line-height: 30px;}
	.ys ul{flex-wrap:wrap;padding:20px 0 0 0;}
	.ys ul li{width:50%;padding:20px 0 0 0;}
	.ys ul li img{width:45px;}
	.ys ul li .content{width: calc(100% - 50px);margin-left: 5px;padding-left: 15px;font-size:14px;line-height: 24px;}
	.ys ul li .content span{font-size:12px;line-height: 20px;}
	#certify{padding:20px 0;}
	#certify .swiper-slide{width:96%;}
	.service .wrap{display: block;}
	.service .wrap .content{width:100%;min-height: initial;padding:20px 10px;}
	.service .wrap .content .t1{font-size:20px;line-height: 28px;}
	.service .wrap .content .t2{font-size:16px;line-height: 28px;}
	.service .wrap .content .t3{font-size:14px;line-height: 24px;margin:10px 0 0 0;}
	.service .wrap ul{width:100%;padding:0;}
	.service .wrap ul li{width:50%;font-size:16px;}
	.service .wrap ul li img{width:60px;}
	.news-bj2{padding:0px 0 20px 0;}
	.news .tabs{justify-content: center;}
	.news-main{padding:20px 0 0 0;display: block;}
    .news-main .news-left{width:100%;}
    .news-right{width:100%;margin-top: 7px;}
    .news-main ul li a .content{padding:0 10px;}
    .news-main ul li a .date{padding:20px 0;}
    .news-main ul li a .content .t1{line-height: 36px;}
    .news-main ul li a .content .t2{font-size:13px;line-height: 20px;}
    .news-main ul li a .content .t1 span{font-size:16px;}
	footer{font-size:12px;padding: 0 ;}
	footer .wrap{padding:0px;}
	.foot-txt{text-align: left;padding:0 0 0 2%;}
	/**/
	.page-banner{height: 250px;}
	.page-banner .bt{width:100%;top:62%;}
	.page-banner .bt .t2::before, .page-banner .bt .t2::after{display: none;}
	.pro-ul{padding:20px 0 0 0;}
	.pro-ul li{width:48%;}
	
	.show-title{font-size:12px;line-height: 40px;}
	.box-left{width:100%;}
	.box-right{width:100%;}
	.box-right .t1{font-size:18px;margin:10px 0;line-height:40px;}
	.box-right .t2{padding:10px;font-size:13px;line-height: 24px;}
	.box-right .tel i{width:30px;height: 30px;font-size:15px;margin-right: 8px;}
	.box-right .tel a{width: 80px;line-height: 30px;font-size:12px;}
	.box-right .tel p{font-size:16px;}
	.show-xq{padding:0px;}
	.show-xq .bt span{width:130px;line-height: 36px;font-size:15px;}
	.swiper-qita a .txt{font-size:12px;line-height:30px;}

	.news-ul{padding:20px 0 0 0;}
    .news-ul li a .pic{width:120px;}
    .news-ul li a .content{width:calc(100% - 120px);padding:0 0 0 10px;}
    .news-ul li a .content .t1{font-size:15px;line-height: 34px;}
    .news-ul li a .content .t1 span{display: none;}
    .news-ul li a .content .t2{font-size:13px;line-height: 22px;}
	.news-ul li a .content .t3{display: none;}
	
	.message input[type="text"]{width:100%;}
	.message input[type="text"], .message textarea{line-height: 32px;margin-bottom: 10px;}
}

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    }