@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:13px;
  height:10px;
}
body::-webkit-scrollbar-track{
  background: #666;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #222;
  border-radius:10px;
}



.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: 1315px; 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******** */
.numTit{ text-align: center; font-size: 36px; line-height: 1; position: relative; padding-top: 15px; margin-top: 75px; margin-bottom: 30px;}
.numTit p{ position: absolute; left: 0; right: 0; top: 0;  font-family: arial; color: rgba(177,36,36,0.2);}
.numTit span{   display: inline-block;  color: #1a1a1a; }
.numTit i{ display: block; margin: auto; width: 100px; height: 3px; background: #a21e23; margin-top: 20px; }
	
	
.numb{}
.numb1{ background: url(../images/numbg1.jpg) no-repeat center; height: 540px; padding-top: 62px; }
.wz-left{ display: flex; justify-content: center; flex-direction: column; height: 365px; margin: 0 0 0 60px; max-width: 533px;  }
.took{ line-height: 26px; color: #666; margin: 20px 0 0;}
.dui { margin-top: 30px;}
.dui p{ font-size: 16px; color: #333; padding-left: 30px; background: url(../images/dui.png) no-repeat left top; line-height: 20px; margin-bottom: 15px;  }

.dlwz{ position: relative; color: #ab1313; line-height: 1; margin-top: -15px; }
.dlwz dt{ font-size: 102px; color: rgba(185,184,184,0.5);  font-family: 'din-medium-webfont';}
.dlwz dd{ position: absolute; left: 0; bottom:20px;  white-space: nowrap; background: #fff; line-height: 28px; font-size: 22px; font-weight: bold;padding-bottom: 3px; }
.img-rght{ box-shadow: 0 2px 10px rgba(0,0,0,0.4);}
.img-rght img{ max-width: 631px; }



.numb2{ background: #fafafa; padding: 130px 0 110px;}
.numb2 .wz-left,
.numb4 .wz-left{ margin: 0 60px 0 0;}
.numb2 .dui{ display: flex; }
.numb2 .dui p,
.numb5 .dui p{ margin-right: 25px;}


.numb3{ background: url(../images/numbg2.jpg) no-repeat center; height: 545px;  padding-top: 110px;}
.numb4{ background: url(../images/numbg3.jpg) no-repeat center; height: 608px; padding-top: 135px;}
.numb5{ background: url(../images/numbg4.jpg) no-repeat center; height: 490px; padding-top: 60px; margin-top: 60px;}
.numb5 .dui{ display: flex; flex-wrap: wrap; width: 350px; margin-top: 35px; } 

.numb6{ padding: 130px 0 110px; background: #f9f9f9;}


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




/* 顶部 */
.head{ background: #fff; height: 84px;}
.head .left .logo img{ height: 84px; }
.head .left .Topadd{ position: relative; z-index: 2; margin-left: 13px; margin-top: 20px; line-height: 18px; color: #5a5a5a;}
.head .left .Topadd img{ margin-left: 5px; margin-top: -2px;}
.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; 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; background: url(../images/down.png) no-repeat center bottom 15px;}
.column ul li dl dt a:hover{ color: #ca312c; font-weight: bold;}

.column ul li:nth-child(4) dl{ padding-left: 80px; }

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




/* 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;}