@media only screen and (max-width:1800px) {
	.pic h2 {
		margin-top: 9%
	}
}
@media only screen and (max-width:1600px) {
	.pic h3 {
		margin-bottom: 1%
	}
	.No {
		margin-top: 1%
	}
	.number>div:nth-child(1) {
		width: 25%
	}
	.number>div {
		margin-right: 6%
	}
}

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

	.pic h2 {
		margin-top: 9%
	}
	.gywmnum p {
		line-height: 24px;
	}
}

@media only screen and (max-width:1200px) {
	.ystxt{height: 220px;}
	.banImg2Cont{left:0% !important;height:322px;
		width:500px;margin-top: -161px !important;}
		.nav_a{width: 100px !important;}

}

@media only screen and (max-width:992px) {
	.zpinner div {
		float: none;
		width: 100%
	}
	.weizhi h1{
		font-size: 50px
	}
	.qywh.lxfs{
		display: none
	}
	.xmal p{
		display: none
	}
	.logo{
		margin: 10px 0 0 10px;
		width:35px;
		height:58px 
	}
	.logo img{
		/* width: 100%; */
		height: 80%
	}
	.newinner p{
		margin-top: 10px
	}
	.lxfs li div {
		display: block;
		text-align: center;
		transform: translateY(0);
		margin-left: 0
	}
	.qywh>ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
		padding: 15px;
	}
	.qywh>ul li:nth-child(3n+0) {
		margin-right: 0
	}
	.qywh>ul li h2 {
		font-size: 26px;
	}
	.qywh>ul li h3 {
		padding-bottom: 15px;
		margin-bottom: 20px
	}
	.qywh {
		padding: 30px 0
	}
	.newslist li {
		width: 49%;
		margin-right: 2%;
		height: auto;
		padding-bottom: 30px
	}
	.newslist li:nth-child(2n+0) {
		margin-right: 0
	}
	.newslist li h2 {
		margin-top: 30px;
	}
	.newleft {
		width: 100%
	}
	.newright {
		width: 100%
	}
	.newright a>div {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	.sjmd div {
		float: none;
		width: 100% !important;
		padding-left: 0 !important
	}
	.sjmd {
		margin-bottom: 50px
	}
	.tit {
		margin-bottom: 30px
	}
	.hxjz {
		padding-bottom: 30px
	}
	.xmlb .continer>ul li {
		width: 49%;
		margin-right: 2%;
	}
	.xmlb .continer>ul li:nth-child(2n+0) {
		margin-right: 0
	}
	#model .tc {
		width: 60%
	}
	.yw h4 {
		width: 80%
	}
	.nav_a{width: 100px !important;}
}

@media only screen and (max-width:767px) {
	.nav_a{width: 100px !important;}
	.btn span {
		background: #fff !important
	}
	.btn{
		margin-top: 20px
	}
	.pic .continer>span{
		display: none;
	}
	.ryzzbanner .swiper-button-next,.ryzzbanner .swiper-button-prev{
		top: 39%
	}
	.ystxt{
		pointer-events: none;
	}
	.ystxt p{
		margin-bottom: 0;
	}
	.no{
		text-align: center;
	}
	#model .tc{
		padding: 3%;
	}
	.team>.clearfix span{
		margin-bottom: 10px;
	}
	.tc .swiper-container{
		height: auto;
	}
	.gywmnum{
		float: left;
		width: 50%;
		margin: 0;
	}
	.gywmnum p {
		text-align: center;
	}
	.sbzzlb a{
		width: 48% !important;
		margin-right: 4% !important;
		margin-bottom: 15px
	}
	.sbzzlb a:nth-child(2n+0){
		margin-right: 0 !important
	}
	.continer {
		width: 96%;
		margin: 0 auto
	}
	header .nav>ul ul {
		display: none !important
	}
	.newslist li div {
		display: none;
	}
	
	header {
		background: rgba(184, 28, 34, 1);
		top: 0
	}
	header .nav {
		position: relative;
		width: 100%;
		transform: translateX(0) !important;
		margin-top: 53px;
	}
	header .nav>ul {
		display: none;
		width: 100%
	}
	header .nav>ul>li>a {
		color: #fff !important;
	}
	header .nav>ul>li {
		width: 100%;
	}
	footer .continer {
		width: 96%;
		margin: 0 auto;
	}
	.f_left {
		float: none;
		width: 100%;
	}
	.f_right {
		float: none;
		width: 100%;
	}
	.ewm {
		float: none;
	}
	.fx {
		float: none;
		text-align: center
	}
	.fx a {
		float: none !important;
		width: 30px;
		height: 30px;
		display: inline-block;
	}
	footer {
		padding: 50px 0;
	}
	footer .continer>a {
		display: none
	}
	.section1 h2 {
		font-size: 25px
	}
	.sdtc {
		float: none;
		width: 95%;
		margin-left: 5%
	}
	.sec2img {
		display: none;
		/* width: 50%; */
		margin: 0 auto;
		margin-top: 10px
	}
	.sdtc {
		margin-top: 50px
	}
	.sec3inner {
		width: 100%;
		float: none;
	}
	.section3 .swiper-container {
		height: 100%
	}
	.section3 .swiper-button-next,
	.section3 .swiper-button-prev {
		display: block
	}
	.xmal {
		float: none;
		width: 100%;
		margin-top: 75px;
		position: static;
		height: initial
	}
	.xmalbanner {
		float: none;
		width: 95%;
		margin: 0 auto;
	}
	.xmal h2 {
		margin-bottom: 10px;
		font-size: 22px
	}
	.xmal p {
		margin-bottom: 25px
	}
	.xmal a {
		margin-bottom: 15px
	}
	.xmalbanner .swiper-slide {
		position: relative;
		z-index: 10;
	}
	.fp-tableCell>h1 {
		display: none;
	}
	.ysinner {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.ystxt {
		width: 23.5%;
		margin-right: 2%;
		box-sizing: border-box
	}
	.ysinner>a:last-child div h6 {
		width: 100%
	}
	.newss {
		float: none;
		width: 100%;
		margin: 0 auto;
		margin-top: 0;
		width: 90%;
		text-align: center;
	}
	.newsbanner {
		float: none;
		height: initial;
		width: 100%
	}
	.time img {
		transform: translateY(0)
	}
	.time {
		display: none
	}
	.newinner {
		padding-top: 0
	}
	.newinner h6 {
		margin-top: 0;
		opacity: 1;
		padding-bottom: 0;
		margin: 20px;font-size: 26px;
	}
	.newss h2 {
		margin-bottom:20px
	}
	.Tel {
		float: none;
		width: 94%;
		height: 35%;
		padding-top: 3%
	}
	.addform {
		float: none;
		width: 91.5%;
		height: 65%
	}
	.Tel h2 {
		margin-top: 0;
		margin-bottom: 10px
	}
	.addform form {
		margin-top: 0
	}
	.Tel p {
		/* margin-bottom: 5px; */
		display: none;
	}
	.Tel p:last-child {
		margin-bottom: 0
	}
	.addform button {
		margin-top: 20px
	}
	.xmal h2:after {
		margin-top: 20px
	}
	.DW {
		padding: 30px 0;
	}
	.yw:after {
		display: none;
	}
	.tcsj>.float>img {
		float: none;
		width: 80%;
		display: block;
		margin: 10px auto
	}
	.tcsj>.float div {
		float: none;
		width: 95%
	}
	.pic h2 {
		color: #000
	}
	.pic .continer {
		position: static;
	}
	.pic h4 {
		color: #000
	}
	.pic p {
		color: rgb(51, 51, 51)
	}
	.gywmnum h6 {
		color: #d6001d
	}
	.gywmnum sup {
		color: #d6001d;
	}
	.line {
		display: none;
	}
	.fzlcbanner .swiper-button-next {
		right: 0
	}
	.fzlcbanner .swiper-button-prev {
		left: 0
	}
	.fzlcbanner {
		margin: 30px 0
	}
	.fzlcbanner p {
		width: 90%
	}
	.sdteam .swiper-slide div {
		display: none;
	}
	.sdteam .swiper-slide {
		min-height: initial
	}
	.sjnr {
		padding: 30px 0
	}
	.tctxt img {
		float: none !important;
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.tctxt div {
		float: none !important;
		width: 100%
	}
	.jzxx {
		margin-bottom: 20px
	}
	.smdt {
		padding: 30px 0
	}
	.wzdt li:first-child {
		float: none
	}
	.wzdt {
		box-shadow: initial
	}
	.bt {
		width: 100%;
		margin-right: 0
	}
	.sjinner li {
		width: 49%;
		margin-right: 2%
	}
	.sjinner li:nth-child(2n+0) {
		margin-right: 0
	}
	.xmlb {
		padding-top: 20px
	}
	.tplb p {
		line-height: 60px
	}
	.lxfs li i {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 30px
	}
	.lxfs li div {
		margin-left: 0
	}
	.newsbanner .swiper-container {
		height: initial
	}
	.section6 {
		background-image: none
	}
	.newss a {
		width: 48%;
		display: none;
	}
	.newinner h6:after{
		display: none;
	}
	.tcsj2 p img{
		width: 100%;
		height: auto
	}
	.tcsj p img{
		width: 100%;
		height: auto
	}
	
	.tcsj li{
		width: 95%;
		float: none;
		margin-right: 0;
		margin: 0 auto;
		margin-bottom: 15px}

	.xmlb .continer>ul li {
		width: 100%;
		margin-right: 0;
	}
	.Tel span:after{
		display: none
	}
	.addform form div {
		margin-bottom: 0;
		line-height: 40px
	}
	.model {
		width: 100%;
		max-height: 90%;
	}
	.model>i {
		width: 15px;
		height: 15px;
		right: 0;
		top: 0;
		z-index: 10;
		color: #000;
		line-height: 15px;
		left: initial;
		font-size: 20px
	}
	.model p {
		max-height: 100px;
		overflow: scroll;
	}
	.number>div {
		width: 25%;
		margin-right: 0;
		text-align: center;
		padding-bottom: 0
	}
	.section.active .sec2img {
		display: none;
	}
	.number>div>div {
		margin-top: 10px
	}
	.sdtc>p {
		margin-top: 20px
	}
	.sdtc>img {
		width: 40%
	}
	.number h2 {
		margin-bottom: 0;
		font-size: 30px;
		display: inline-block;
		border: none
	}
	.ystxt div:nth-child(1) {
		width: 70px;
		height: 70px;
		line-height: 70px
	}
	.weizhi>div:nth-child(1) {
		float: none;
	}
	.weizhi>div:nth-child(2) {
		float: none;
		margin-top: 50px
	}
	.yw {
		width: 100% !important;
		float: none;
	}
	.sj {
		height: auto;
		margin-bottom: 0
	}
	.yw span {
		margin-top: 30px
	}
	.yw h4 {
		width: 90%
	}
	.yw:hover {
		height: auto;
		transform: translateY(0)
	}
	.yw i {
		margin-top: 15px
	}
	.yw h2 {
		margin: 15px 0
	}
	.weizhi h1 {
		top: 0
	}
	.jzxx a {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px
	}
	.jzxx a:nth-child(2n+0) {
		margin-right: 0
	}
	.gg {
		width: 50%;
		margin-top: 15px
	}
	.qywh>ul li {
		width: 100%;
		text-align: center
	}
	.qywh>ul li img:first-child,
	.qywh>ul li h2,
	.qywh>ul li h3 {
		display: inline-block;
		margin: 0 10px
	}
	.qywh>ul li h3:after {
		display: none;
	}
	.ryzz .swiper-slide p {
		display: block;
		color: #171410;
		font-size: 16px;
		line-height: 68px;
	}
	.wwjt li {
		width: 100%;
		margin-bottom: 15px;
		min-height: initial;
	}
	.wwjt li h2 {
		margin: 25px 0;
		margin-left: 10.5%;
	}
	.newslist li {
		width: 100%;
		margin-right: 0;
		padding-bottom: 30px
	}
	.newright a>div {
		float: none;
		width: 80%;
		margin: 0 auto;
		/* margin-right: 0; */
		margin-bottom: 20px
	}
	.lxfs li {
		width: 100%;
		/* text-align: center; */
		margin-bottom: 20px
	}
	.lxfs ul {
		margin: 30px 0
	}
	.map h2 {
		line-height: 70px
	}
	.map span {
		margin-left: 0
	}
	.zwtit span {
		display: none;
	}
	.sjinner li {
		width: 100%;
		margin-right: 0
	}
}

@media only screen and (max-width:500px) {
	.f_left h2 {
		float: none;
	}
	.f_left div {
		float: none;
	}
	.section1 h2 {
		font-size: 18px
	}
	.section1 .swiper-slide div {
		left: 5%
	}
	.ystxt div:nth-child(1) {
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin: 0;
		height: auto
	}
	.ystxt {
		height: 101px;
		width:47%;
		margin-right: 3% !important;
	}
	.ysinner>a:last-child div:nth-child(1) {
		background-size: 100% 100%
	}
	.ystxt div:nth-child(1) img {
		width: 70%;margin: 15%;
	}
	.ysinners {
		/*position: static*/
	}
	.ysinners span {
		display: none
	}
	.ysinners b {
		display: none
	}
	.ysinners p {
		font-size: 12px
	}
	.jzxx a {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
	.xx a {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px
	}
	.section4{background: url(../images/sjbg2.jpg) no-repeat;
    background-size: 100% 100%;
	}
	.section6{background: url(../images/sjbg4.jpg) no-repeat;
		background-size: 100% 100%;
		}
	.xmal{margin-left: 5%;margin-top:1%;}
	.xmalbanner .swiper-slide{margin-bottom:0;}
	.nextprev{position: absolute;top:-50px;right: 0;}
	.section5{background: url(../image/bj.jpg) no-repeat;
		background-size: 100% 100%;}
	.ystxt div:nth-child(1){margin-top: 15px;}
	.newinner img{display: block;padding: 15px;box-sizing: border-box;border-radius: 16px;}
	.newinner p{width: 80%;font-size: 16px;line-height: 30px;color: #666;height: 90px;}
	.newsbanner{background: rgba(255, 255, 255, 0.6);}
	.newinner i{margin-top: 0px;}
	.addform{display: none}
	.Tel{height: 100%;background:#141710 url(../image/bg8.jpg) no-repeat bottom;background-size: 100%;padding-left: 6%;}
	.Tel p{display:block;width: 100%;font-size: 16px;margin-bottom: 5px;}
	.telbox{width:100%; height: 500px;margin-top: -250px;}
	.Tel span{font-size: 20px;padding-bottom: 10px;}
	.bannerDeta{display:none !important;}
	.sjban{display:block}
	
	.shopBt{display: none}
	#sjshopBt{display: block !important;}
	.logo{margin: 0 !important;width: 0;}
	.sjnav a{float: left;width: 100%;text-align: center; line-height: 45px;font-size: 16px;border-bottom: 1px solid #fcfcfc;} 
	.menu_dl{display: none;}
	.newsbanner .swiper-slide:hover .newinner img{
		display: block
	}
	.logo img{height: 55px;margin: 5px 0 0 0;}
	#sjshopBt a{padding: 0 30px}
	.xmal a{width: 120px;}
	.nextprev div{height: 35px;line-height: 35px;margin-right: 10px;width: 50px;}
.pcj{display: block !important;}
.bottombox{display: none;}
.fixed{right: 10px !important; top:80% !important;}
.qq{display: none;}
.logo img{display: none;}
.logoimg{display:block !important;height: 70px !important; margin: 0 0 0 -60px !important;position:absolute;left: 50%;top: 0;z-index: 999999;}
/*.menuBox{height: 55px;}*/
.logobox{display:block;}
.logo{padding: 0 !important;}
.logobox a{line-height: 55px;font-size: 16px;padding-left:35px;color: #89211b;background: url(../images/zhuye.png) no-repeat 10px center;background-size:20px;}
}
#sjshopBt{padding-right:26px;background: url(../images/daohang.png) no-repeat right center;background-size:20px;margin-right:10px;}
.sjnav{top:55px;padding-top: 10px; transition: 0.5s ease-in-out;}


/*  */
.suojin{display: inline-block;padding: 0 5px;}
.cen{text-align: center;}
.foot{background-color: #000; line-height: 45px;color: #fff;font-size: 15px;}
.tu{width: 100%;height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.bainei{ position: relative;height: 400px;overflow: hidden;}
.xw{ font-size: 38px;color: #fff;font-weight: bolder;margin-bottom: 15px;}
.xw-yw{  font-size: 28px;color: #fff;font-weight: bolder;    color: rgba(255,255,255,.7);}
.dd{width: 1200px; margin: 0 auto;height: 100%; position: relative;top: 46%;}
.dh{width: 100%;color: #fff;background:url(../images/bg.jpg) no-repeat; background-size: cover;}
.qp{ overflow: hidden;line-height: 60px; font-size: 16px;width: 100%;}
.qp li{ float: left; padding: 0 5px; transition: 0.4s; position: relative;}
.qp li a{color: #fff;display: inline-block; font-size: 16px;}
.qp li::before{ content: ''; display: none; width: 6px; height: 1px; background: #b72024; position: absolute; left: 10px; top: 50%;transition: ease .65s;}
.w1200{width: 1200px; overflow: hidden; margin: 0 auto;}
.rg{margin-left: 15px;}
.hk{ margin-left: 10px;color: #fff;display: inline-block;}
.ba{float: left; margin-top: 12px;margin-right: 10px;}
.tite{ padding: 15px 0;color: #555;font-size: 28px;}
.lb{ width: 25%; height: 200px; border-radius: 12px;float: left;overflow: hidden;}
.lb img{width: 100%; height: 100%; object-fit: cover;}
.dx{ display: block; padding: 20px 30px; background-color: #f3f3f3;overflow: hidden;}
.xwy{ margin-bottom: 30px;}
.xwy li{ margin-bottom: 15px;}
.lb-you{float: right;width: 72%;}
.lvse{color: #8f3338;font-size: 14px;font-weight: bolder;margin-bottom: 13px;}
.bta{font-size: 16px; color: #444444;font-weight: bolder; margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.nr{font-size: 14px;color: #777777; line-height: 26px; margin-bottom: 20px; display: -webkit-box; text-align: justify;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.gd{    font-size: 14px; color: #8f3338;}
.ddx{ background-color: #8f3338;}
.ddx .lvse{color: #fff; transition: 0.5s ease-in-out;}
.ddx .bta{color: #fff; transition: 0.5s ease-in-out;}
.ddx .nr{color: #fff; transition: 0.5s ease-in-out;}
.ddx .gd{color: #fff; transition: 0.5s ease-in-out;}
.fen{ text-align: center; margin: 15px 0;}
.fen a{display: inline-block; width:100px; font-size: 14px;color: #fff; background-color:#8f3338; margin-right: 15px; border-radius: 7px; line-height: 40px;}
.fen a:last-child{ margin-right: 0;}
.fen a:hover{background-color:#69191d}
.sa{width: 15px; margin-right: 15px;margin-bottom: 0px;}
.cp{overflow: hidden;}
.cp li{ width: 338px; margin:1%;float: left;transition: 0.2s ease-in-out;border-top-left-radius: 7px; border-top-right-radius: 7px;overflow: hidden; }
.cp li:hover{box-shadow:0 0 12px 1px rgba(12,3,6,.26);}
.cp li:nth-child(3n){ margin-right: 0;}
.cplc{width: 100%;display: block;}
.cp-tu{border-top-left-radius: 7px; border-top-right-radius: 7px;overflow: hidden;}
.cp-tu img{width: 100%;height: 250px; object-fit: cover;}
.cha{line-height: 45px;}
.kc{font-size: 16px; color: #333; margin-top: 15px;position: relative; padding: 0 10px; height: 20px; line-height: 20px;}
.cp-nr{ overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;    line-height: 24px; color: #888;height: 48px;margin:10px; margin-bottom: 15px;margin-top: 0; transition: 0.4s ease-in-out;font-size: 14px;}
.ga{overflow: hidden;float: right;color: #333;}
.cp li:hover .ga{color: #8f3338;}
.ga-i{ height: 20px;width: 1px;background-color: #CDCDCD;display: inline-block;margin-right: 5px;margin-left: 5px;margin-bottom: -4px; transition: 0.4s ease-in-out;}
.cp li:hover .ga-i{ background-color: #8f3338;}
.cp li:hover .lvxian{ border-bottom:1px solid #8f3338 ;}
.zhu{ width: 100%; background-size: cover; background: url(../images/cybg.png) no-repeat;background-color: #EFEFEF;}
.bai{ background-color: #fff; margin: 3% auto; padding: 30px 60px;overflow: hidden;}
.lv-tit{ border-bottom: 1px solid #E1E1E1; margin-bottom: 20px;position: relative;}
.lv-tit b{font-size: 18px; color: #333;margin-right: 15px; position: relative; font-weight: bold; }
.lv-tit p{font-size: 16px;color: #333; border-bottom: 1px solid #E1E1E1; padding-bottom: 10px;margin-top: 10px;}
.xian{height: 15px; width: 4px; background-color:#8f3338 ;display: inline-block; margin-bottom: -6px; position: absolute;left: -15px; top: 4px; }
.lvxian{border-bottom: 1px solid #ccc;}
.zhu1{ width: 100%; background-size: cover; background: url(../images/zhu1bg.png) no-repeat;background-color: #EFEFEF;}
.hong{ background-color: #651111;}
.hong a{color: #fff !important;}
.hong::before{ background-color: #fff !important;}
.qp li:hover{background-color: #651111;}
.cp-you{ float: right;}
.cp-you li{ float: left; padding: 0 5px;}
.cp-you li a{color: #fff;}
.lxwm-zuo{ width: 48%;float: left;}
.lxwm-you{ width: 48%;float: right;}
.za{ overflow: hidden;}
.lxwm-zuo li{color: #888;    padding: 20px 10px; border-bottom: 1px dashed #E5E5E5;line-height: 24px;font-size: 14px;}
.lxwm-you li{color: #888;    padding: 20px 10px; border-bottom: 1px dashed #E5E5E5;line-height: 24px;overflow: hidden;margin-top: 48px;}
.dahong{    color: #b72024; font-size: 22px;    font-style: italic;font-weight: bold;}
.you-zuo img{ width: 30px; margin-right: 15px;float: left; margin-top: 5px;}
.you-zuo{float: left; margin-top: 40px;line-height: 36px; font-size: 14px;}
.you-you{float: left; margin-left: 30px;}
.you-you img{width: 100px;border: 1px solid #E6E6E6}
.ditu{ width: 100%; height: 450px;overflow-y: hidden; border: 0;}
.guang{ margin-top: 20px;}
.wz{color: #888; margin: 10px 0;text-indent: 2em;}
.ny-tit{    text-align: center; color: #333;font-size: 20px;font-weight: bold;line-height: 32px;}
.fb{color: #999;font-size: 14px;}
.fb-xian{ border-bottom: 1px dashed #E9E9E9; padding: 15px 0;text-align: center;}
.fb-nr{ line-height: 25px;font-size: 15px; padding: 20px 0;  border-bottom: 1px dashed #E9E9E9;    color: #666;}
.xw-zt{color: #b72024;}
.xw-fenye{ margin: 15px 0; width: 70%; overflow: hidden;float: left;}
.xw-fenye li{ line-height: 30px;font-size: 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw-fenye li a{color: #666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;	}
.xw-fenye li a:hover{color: #b72024;transition: 0.3s ease-in-out;}
.xw-fh{ width: 25%;float: right; margin-top: 25px;}
.fh{ display:inline-block; width:130px; height:30px; line-height:30px; text-align:center; color:#888; background:#fff; box-shadow:0 0 10px rgba(12,3,6,.13); position:relative; z-index:1;float: right;transition: 0.4s ease-in-out;}
.xw-fh i{float:right; display:inline-block; width:30px; height:30px; background:#AC1722; color:#fff; font-size:20px;transition:ease .65s; position:relative; z-index:1;}
.xw-fh i img{width: 80%;margin-bottom: -5px;}
.fh:hover{ color: #fff;background-color: #b72024;}
.big{ background: url(../images/cha.png) no-repeat 61%; padding: 50px 0;text-align: center; background-size: 25px;font-size: 36px;}
.qy-jj{ line-height: 35px; font-size: 15px; color: #333;text-indent: 2em;}
.xh{ margin-right: 15px;width: 20px;}
.chakan{ background: url(../images/morebg.png) no-repeat;text-align: center;width: 180px;line-height: 50px;color: #fff !important;font-size: 16px;display: inline-block;background-size: cover;height: 52px;text-indent: 0; margin: 30px 0; transition: 0.3s ease-in-out;}
.zhu-qy{width: 100%;     background: url(../images/about_bg1.png) no-repeat; background-size: cover;background-color: #fff;}
.baba{margin: 0 auto; padding: 30px 0px;overflow: hidden;}
.qy-jj p{ font-size: 15px;}
.zhu-qy1{;width: 100%;     background: url(../images/about2.jpg) no-repeat center; background-size: cover;background-color: #fff; }
.daren{ overflow: hidden; padding: 220px 0;}
.dhong{ color: #e6212a;font-weight: bold;font-size: 36px;display: inline-block;margin: 0 5px;}
.hui{color: #fff; width: 25%; float: left;text-align: center;font-size: 22px;}
.zhu-qy2{width: 100%; background: url(../images/about3.jpg) no-repeat center; background-size: cover;background-color: #fff; position: relative; }
.danding{ overflow: hidden;}
.danding li{ float: left;width: 386px; margin-right: 20px;}
.danding li:nth-child(3n){ margin-right: 0;}
.danding li img{width: 100%;cursor: pointer;}
.danding li p{ line-height: 40px; text-align: center; font-size: 16px;}
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
body{overflow-y: hidden;}
html{ overflow-y: scroll !important;}
.ys1{animation-delay:0.1s}
.ys2{ animation-delay:0.2s}
.ys3{ animation-delay:0.3s}
.ys4{ animation-delay:0.4s}
.ys5{ animation-delay:0.5s}
.ys6{ animation-delay:0.6s}
.ys7{ animation-delay:0.7s}
.ys8{ animation-delay:0.8s}
.ys9{ animation-delay:0.9s}
.ys10{ animation-delay:1s}
.bgt{position: absolute;top: 0;left: 0;width: 100%; height: 100%;z-index: 3; opacity: 0; transition: 0.3s opacity ease-in-out;}
.dingwei{position: relative; height: 260px; }
.dingwei:hover .bgt{opacity: 1;}
.ss{ width: 30px !important; position: absolute; top: 45%; left: 45%; z-index: 10; opacity: 0;transition: 0.3s opacity ease-in-out;} 
.dingwei:hover .ss{opacity: 1;}
.zhu-qy3{ background-attachment: fixed !important; background: url(../images/cybg.jpg) no-repeat center; ; padding: 110px 0;}
.gy{ background:url(../images/gy_bg.png) no-repeat; background-size:contain;color: #fff; width: 300px; padding: 90px 40px; line-height: 30px; font-size: 17px;text-indent: 2em;float: left; height: 321px;}
.gy h2{ font-size: 30px; margin: 30px 0;text-align: center;text-indent: 0em;}
.dot{ margin-right:5px;}
.ql{overflow: hidden;}
.ql li{ width:346px;float: left; margin-right: 20px; position: relative; margin-top: 50px; margin-bottom: 10px;}
.ql li:nth-child(3n){ margin-right: 0;}
.ql-tu{width: 100%;overflow: hidden;height: 225px;}
.ql-tu img{width: 100%;transition: all .6s; height: 100%; object-fit: cover;}
.ql-bt{height: 30px;line-height: 30px;font-size: 18px;margin: 20px 0;color: #222;}
.ql-nr{height: 52px; line-height: 26px;color: #555555;margin-bottom: 40px;font-family: "微软雅黑";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
.dbm{ position: absolute; background-color: #8f3338; padding: 20px 0;width: 90px;top: -50px; left: 25px;transition: ease .5s}
.dbm-ri{ text-align: center; font-size: 46px;color: #fff; line-height: 61px;display: block;}
.dbm-yue{ text-align: center; color: #fff; font-size: 15px; line-height: 30px;display: block;}
.yq{ border: 2px solid #8f3338; width: 20px;display: block; position: absolute; left: -9px; top: -9px; border-radius: 50%; height: 20px;    transition: ease .5s; box-sizing: border-box;}
.hx{height: 2px; background-color: #8f3338;display: block;width: 100%;}
.fj{ position: relative; line-height: 30px; width: 60px; height: 30px; margin-left: 10px;}
.ql li:hover .yq{ left: 49px;}
.ql li:hover .dbm{ top: 0px;}
.ql li:hover .ql-tu img{ transform: scale(1.2);}
.chanp{ overflow: hidden;}
.chanp li{ float: left; width: 346px; margin-right:20px; margin-bottom: 30px;}
.chanp li:nth-child(3n){ margin-right: 0;}
.baby{width: 100%; height: 250px; position: relative;}
.cptu{width: 100%; height: 100%; object-fit: cover;}
.bj{position: absolute; left: 0; top: 0;width: 100%; height: 250px;z-index: 2; opacity: 0;transition: 0.3s ease-in-out;}
.wai{ position: absolute;width: 80%;text-align: center;z-index: 3; top: 30%;padding: 0 10%; opacity: 0;transition: 0.3s ease-in-out;}
.wai h2{ font-size: 20px;color: #fff;}
.wai p{ color: #fff; font-size: 15px;margin-top: 10px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; }
.chanp li:hover .bj{ opacity: 1;}
.chanp li:hover .wai{ opacity: 1;}
.lc{ text-align: center;font-size: 18px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color: #222; line-height: 40px; border-bottom: 2px solid #8f3338;}
.zth{width: 100%; height: 260px; object-fit: cover;}

/* 自适应 */
@media only screen and (max-width: 700px) {
.foot{ line-height: 25px; padding: 10px 0;}	
.tu{height: 160px;}
.bainei{ position: relative; height: 160px;}
.dd{ top: 20%;width: 80%;}
.xw{ font-size: 18px;margin-bottom: 10px;}
.xw-yw{ font-size: 14px;}
.w1200{width: 96%; margin: 0 auto;}
.dx{ padding: 20px 25px;}
.lb{width: 100%;height: 200px;margin-bottom: 15px;}
.lb-you{width: 100%;}
.fen{ margin: 10px 0;}
.fen a{display: inline-block; width: 23%; font-size: 14px;color: #fff; background-color:#8f3338; margin-right: 1%; border-radius: 7px; line-height: 30px;}
.zhu{background-color: #fff;background-image: none;}
.zhu1{background-color: #fff;background-image: none;}
.bai{ box-shadow: none; padding: 0;}
.cp li{width: 100%;margin-bottom: 15px !important; margin: 0;}
.qp{ margin: 8px auto;}
.qp li{ line-height: 35px; padding: 0 4%; margin-bottom: 2%; margin-left: 2%;width: 23%;text-align: center;}
.qp li a{color: #000;}
.ba{ margin-top: 0;display: none;}
.dh{background-color: #fff; background-image: none;}
.qp{width: 100%;}
.xd{display: none;}
.hk{display: none;}
.rg{ margin-left: 0;}
.qp li::before{display: block;}
.qp li:nth-child(3n){ margin-right: 0;}
.xw-fh{ display: block;width: 100%;margin-top: 0 !important;}
.xw-fh a{ float: left; margin-bottom: 5px;margin-left: 1px;}
.xw-fenye{width: 100%;}
.lxwm-zuo{ width: 100%;}
.lxwm-zuo li{font-size: 12px;padding: 10px 0;line-height: 18px;}
.lxwm-you{width: 100%;}
.ditu{height: 300px;}
.lxwm-you li{ margin-top: 10px;}
.big{background: url(../images/cha.png) no-repeat 86%;background-size: 25px; padding: 25px 0;}
.hui{ width: 100%; text-align: left; margin:auto 2%;text-align: center;line-height: 50px;}
.daren{ padding: 100px 0;}
.baba{ padding-bottom: 20px;padding-top: 0;}
.danding li{width: 100%; margin: 0; margin-bottom: 15px;}
.bgt{display: none;}
.ql li{width: 100%; float: none; margin-top: 70px;}
.sjzd{display: block;}
.chanp li{width: 100%;}
}