@charset "utf-8";


*{ margin: 0; padding: 0;  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,sans-serif ; box-sizing: border-box; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;   }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#ccc;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#ccc; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#ccc; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#ccc;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
  font-family: "din-regular";
  src: url("../fonts/din-regular.woff2") format("woff2"),
   url("../fonts/din-regular.woff") format("woff"),
   url("../fonts/din-regular.ttf") format("truetype"),
   url("../fonts/din-regular.eot") format("embedded-opentype"),
   url("../fonts/din-regular.svg") format("svg");
}






body::-webkit-scrollbar{
  width:10px;
  height:10px;
  /**/
}
body::-webkit-scrollbar-track{
  background: #666;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #222;
  border-radius:10px;
}


.head{ background: #fff; height: 84px;}
.head .left .Topadd{ position: relative; z-index: 2; margin-left: 13px; margin-top: 35px; line-height: 18px; color: #5a5a5a;}
.head .left .Topadd ul{ position: absolute; display: none; background: #fff; left: -10px; padding: 8px 0;}
.head .left .Topadd:hover ul{ display: block;}
.head .left .Topadd ul li{ padding: 0 10px;}
.head .left .Topadd ul li a{ display: block; margin-top: 5px;}
.head .left .Topadd i{ font-weight: bold; color: #ca312c!important; font-family: arial;}



.column{ }
.column ul li{ z-index: 2; float: left; margin-right: 30px;}
.column ul li>a{ display: block; text-align: center; font-size: 17px; font-weight: bold; color: #333; line-height: 84px; background-position:  center center;}
.column ul li dl{ position: absolute; display: none; text-align: center; left: 0; z-index: 3;  width: 100%; background: rgba(0,0,0,.3);transition: 0s;}
.column ul li dl dt{ display: inline-block; margin:0 15px;}
.column ul li dl a{color: #bcbcbc; line-height: 54px;   }
.column002 ul li dl{  background: #d4d4d4;  }
.column002 ul li dl a{ color: #252525;}

.column ul li.active>a,
.column ul li:hover>a{ color: #ca312c;}
.column ul li dl dt a:hover{ color: #ca312c; font-weight: bold;}


.topPhone{ margin-top: 30px; background: url(../images/phone.png) no-repeat center left; padding-left: 30px; font-size: 20px; font-family: 'Century Gothic'; color: #ab1313;  }





.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{ width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -7px, 0);   /*box-shadow: 0px 0px 10px rgba(209,169,62,0.4);*/ }


/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}





.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over9{ -webkit-line-clamp: 9;}





/******header*********/

.nban{ display: none;}

.title{ text-align: center; padding-top: 65px; font-size: 40px; line-height: 40px;}
.title span{  color: rgba(182,182,182,0.15); font-family: arial; }
.title p{  color: #222; margin-top: -17px; font-weight: bold;}
.title i{ display: inline-block; width: 100px; height: 3px; background: #a21e23;}

.qxTle{ font-size: 16px; color: #444; text-align: center; margin: 22px 0 50px;}
.qxTle em,
.qxTle i{ font-style: italic; color: #a21e23; }
.qxTle em{font-family: 'din-medium-webfont'; font-size: 26px; margin-right: 5px;}
.qxTle i{ font-size: 20px; font-weight: bold; }


.qxList{}
.qxList li{ float: left; width: 387px; margin: 0 19px 19px 0; background: #f9f9f9;overflow: hidden;  }
.qxList li:nth-child(3n){ margin-right: 0;}
.qxList li .img{ height: 247px; }
.qxList li .txt{ padding: 24px 35px; }
.qxList li .qxlibox{ font-size: 24px; color: #333; font-family: 'PingFang SC'; font-weight: bold; }
.qxlibox span{position: relative; display: block; padding: 0 20px; }
.qxlibox span::after{ content: ''; position: absolute; left: 0; top: 48%; width: 8px; height: 8px; background: #A21E23;  }
.qxList li p{ font-size: 16px; line-height: 1.5; color: #666; margin-top: 12px;}




/*  anli  */
.Ansee{ background: #f9f9f9;  margin-top: 0.5rem; padding-bottom: 100px;}
.Ansli{ margin-top: 42px;}
.wapAnli{ display: none;}
.Ansli li{ position: relative; float: left; width: 710px;  overflow: hidden; height: 410px; margin: 0 13px 13px 0;}
.Ansli li:nth-child(2n){ margin-right: 0;}
.Ansli li p{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 60px; color: #fff; font-size: 18px; background: rgba(0,0,0,0.5); padding: 0 30px; z-index: 2; transition: 0.3s; background-position: center right 30px; }
.Ansli li:nth-child(2),
.Ansli li:nth-child(3),
.Ansli li:nth-child(6){ width: 475px;}
.Ansli li:nth-child(3),
.Ansli li:nth-child(4){ height: 351px; }
.Ansli li:nth-child(5),
.Ansli li:nth-child(6){ height: 425px; }



/* numb */
.numbp{}
.noName li{ float: left; width: 293px; margin: 0 9px 26px 0; }
.noName li:nth-child(4n){ margin-right: 0;}
.noName li .img{ height: 185px;}
.noName li p{ font-size: 16px; color: #333; padding: 0 30px; margin-top: 15px;}

.wapnum{ display: none;}


.zzzz{ text-align: center; background: #F7F7F7; margin-top: 50px;}
.aaa{ max-width: 1200px; margin: auto; margin-top: 40px; padding-bottom: 65px;}
.aaa p{ padding: 30px 0;}


.contussa{ height: 562px; background: url(../images/qxbg.jpg) no-repeat center top; }
.contussa li{ position: relative; float: left; text-align: center; width: 280px; height: 310px; margin: 40px 25px 0 0; padding: 0 35px;overflow: hidden;  transition: 0.5s;}
.contussa li::after{ position: absolute; left: 0; right: 0; bottom: 40px; width: 25px; height: 2px; background: rgba(255,255,255,0.5); content: ''; margin: auto; opacity: 0; transition: 0.4s;}

.contussa li:nth-child(4n){ margin-right: 0;}
.contussa li .cnum{ display: inline-block; position: relative; font-size: 50px; color: #a21e23; font-family: 'din-bold-webfont'; font-style: italic; margin-top: 57px; margin-bottom: 20px;}
.contussa li .cnum i{ display: inline-block; top: 17px; right: 0; position: absolute; background: url(../images/J.png) no-repeat  center / cover; width: 13px; height: 13px; }
.contussa li .cnum em{ font-size: 16px; color: #333; margin-top: -4px;}
.contussa li p{ font-size: 16px; line-height: 24px; color: #333;}




/* footer */
.footer{ background: #e1e1e1;}
.footer .foot{ padding: 55px 0 45px;}
.footer .foot .left{}
.footer .foot .left ul{ width: 930px;}
.footer .foot .left ul li{ float: left; width: 124px; margin-right: 30px;}
.footer .foot .left ul li:last-child{ margin-right: 0;}
.footer .foot .left ul li dl dt a{ display: block; font-size: 17px; color: #1a1a1a; font-weight: bold; line-height: 38px;}
.footer .foot .left ul li dl dd a{ display: block; font-size: 14px; color: #747474; margin-top: 15px; }
.footer .foot .left ul li dl dd a:hover{ font-weight: bold;}

.footer .foot .right{ color: #ab1313;}
.footer .foot .right span{ display: block;  font-size: 17px; margin-bottom: 27px;}
.footer .foot .right p{ font-size: 36px; line-height: 40px; font-family: 'Century Gothic';}
.footer .foot .right .erwei{ width: 107px; height: 107px; margin-top: 28px;}

.footbg{ line-height: 64px; color: #555; font-size: 14px; background: #acacac;}
.footbg a{ display: inline-block; margin: 0 5px;}
.footbg a:hover{ color: #1a1a1a;}





@media screen and (min-width:1000px) and (max-width:1920px) {
	
	.qxList li:hover .qxlibox{ color: #A21E23;}
	
	.Ansli li:hover p{ background: rgba(162,35,30,0.9) url(../images/rrr.png) no-repeat right 30px center;}
	
	.contussa li:hover{ background: #A21E23 ; }
	
	.contussa li:hover i{ background-image: url(../images/J1.png);}
	.contussa li:hover .cnum,
	.contussa li:hover em,
	.contussa li:hover p{ color: #fff;}
	.contussa li:hover::after{ opacity: 1;}
	
}







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

	body{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
	.wrapper{ margin: 0 0.5rem;}
	.Topadd {display: block;}
	.footer{ display: none;}
	
	
	.head { height: 1.76rem; overflow: hidden;}
	.head .wrapper{ display: flex; justify-content: space-between; align-items: center; height: 1.76rem;}
	.head .wrapper .left{  display: flex; align-items: center; height: 2rem;}
	.head .left .logo img{ height: 1.2rem; margin-top: 0.2rem; }
	.head .left .Topadd {  margin-left: 0.4rem;  margin-top: 0; font-size: 0.6rem;}
	
	.column{ display: none; }
	.topPhone{display: none;}

	
	.clearfix:after{ display: none;}
	.wrapper{ margin: 0 0.5rem; width: auto;}
	
	.banner{ display: none;}
	.nban{ display: block;}
	
	.title{ font-size: 0.8rem; padding-top: 1.1rem; line-height: 0.8rem; }
	.title p{font-weight: 500; margin-top: -0.3rem; font-weight: 500;}
	.title i{ width: 2rem;}
	.qxTle { font-size: 0.52rem;  margin: 0.4rem 0 0.7rem;  }
	.qxTle em{ font-size: 0.88rem; font-style: normal; margin: 0;}
	.qxTle i{ font-weight: normal; font-size: 0.72rem;  font-style: normal;}
	
	
	.qxList ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.qxList li{ float: none; width: 6.7rem; background: #fff; box-shadow: 1px 0 5px rgba(221,203,203,0.63);  margin-right: 0; margin-bottom: 0.4rem; transition: 0;}
	.qxList li .img{ height: 4.34rem;}
	.qxList li .txt{ padding:0 0.6rem;}
	.qxList li .qxlibox{ display: flex; justify-content: center; align-items: center; height: 1.2rem; font-size: 0.48rem; font-weight: 500; }
	.qxlibox span{ padding: 0 0.8rem;}
	.qxlibox span::after{ width: 0.5rem; height:1px; background: #b2b2b2; top: 50%; }
	.qxlibox span::before{ content: ''; position: absolute; top: 50%; right: 0; width: 0.5rem; height:1px; background: #b2b2b2; }
	.qxList li p{ display: none; }
	
	
	
	/* anli */
	.Ansee{ background: #f7f7f7;  padding-bottom: 1rem;  }
	.Ansli{ display: none;}
	.wapAnli{ position: relative; display: block;  overflow: hidden; margin-top: 0.7rem; padding-bottom: 1rem;}
	.pp{ display: flex; justify-content: center; align-items: center; width: 100%;  bottom: 0;}
	.pp span{ width: 0.22rem; height: 0.16rem; border-radius: 30px; background: #a2a2a2; opacity: 1; margin: 0 0.07rem; }
	.pp span.swiper-pagination-bullet-active{ background: #A21E23; width: 0.9rem;}
	
	/* .wapAnli .swiper-container{ height: 18.6rem;} */
	.wapAnli li img{ height: 9.2rem; }
	.wapAnli p{ position: absolute; left: 0; bottom: 0.5rem; line-height: 1.2rem; font-size: 0.6rem; color: #fff; padding: 0 1rem 0 0.6rem;
	 background: url(../images/rrr.png) no-repeat right top 0.5rem / auto 0.26rem; }
	
	
	
	.numbp{ position: relative; }
	.numbox .qxTle{ font-size: 0.48rem;}
	.noName{ display: none;}
	.wapnum{ display: block; padding-bottom: 0.5rem; margin-bottom: 0.5rem; position: relative; }
	.wapnum .swiper-container{ height: 9.4rem;}
	.wapnum li{ height: 4.34rem; margin: 0; }
	.wapnum li .img{ height: 4.34rem;}
	.wapnum p{ position: absolute;left: 0; bottom: 0; color: #Fff; background: rgba(162,30,35,0.68); border-top-right-radius: 0.2rem; line-height: 1rem; padding: 0 0.6rem; }
	
	
	.zzzz{ margin: 1rem 0 0;}
	.aaa{ margin: 0.5rem 0.5rem 0; padding-bottom: 1.2rem;}
	.aaa p{ padding: 0.6rem 0;}
	
	.contussa{ height: 17.14rem; background: url(../images/wapbg.jpg) no-repeat center; }
	.contussa ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.1rem;}
	.contussa li{ position: relative; float: none; width: 6.9rem; height: 5.65rem; margin: 0; margin-bottom: 0.5rem; border-radius: 2px; border: 0.04rem solid #c8c8c8; 
	  display: flex; justify-content: center; align-items: center; padding: 0 0.45rem; flex-direction: column;
	  background: url(../images/aa.png) no-repeat right 3px bottom 3px / auto 0.2rem;}
	.contussa li::after{ display: none;}
	
	.contussa li .cnum{ display: inline-block; position: relative; font-size: 1.1rem;  margin: 0; margin-bottom: 0.3rem;}
	.contussa li .cnum i{  top:0.3rem; right: 0; width: 0.28rem; height: 0.28rem; }
	.contussa li .cnum em{ font-size: 0.36rem; }
	.contussa li p{ font-size: 0.48rem; line-height: 0.64rem; }
	
	
	
	
	
	
}