@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) {


}




/* 云看展 */
.Ywrap{ width: 1315px; margin: auto; }

.YseeO{ margin: 70px 0 25px; }
.ydl{ text-align: center; font-size: 36px; color:  rgba(215,215,215,0.5); font-family: arial; }
.ydl dd{ color: #1a1a1a; }

.Yobox{ display: flex; justify-content: space-between; margin-top: 15px; }
.ytext{ width: 550px; background: url(../img/ztimg2.jpg) no-repeat right bottom 10px; }
.ytitle{ text-align: right; font-size: 22px; color: #000; margin: 65px 0 30px; }
.ytext ul{ display: flex; flex-wrap: wrap; justify-content: flex-end;}
.ytext li{ min-width: 170px; margin-left: 48px; background: url(../img/qq.png) no-repeat right center; padding-right: 20px; text-align: right; font-size: 16px; color: #000000; margin-bottom: 20px;}


.Yanli{ background: #f9f9f9; padding: 80px 0 50px; }
.ztwlem{ text-align: center; font-size: 22px; color: #555; margin: 25px 0 15px; }
.zTlista{ margin: 0 0 60px; }

.ztimglist{}
.ztimglist ul{ display: flex; flex-wrap: wrap; }
.ztimglist li{ width: 310px; margin: 0 25px 28px 0;  text-align: center;}
.ztimglist li:nth-child(4n){ margin-right: 0; }
.ztimglist .img{ position: relative; height: 190px; }
.Yanli .img::after{ content: ''; position: absolute; left: 0; top: 0; width: 105%; height: 105%; background: url(../img/se.png) no-repeat center; opacity: 0; transition: 0.3s; right: 0; bottom: 0; margin: auto; }

.Yanli .txt{ line-height: 40px; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #666; }
.Yanli li:hover .txt,
.Yanli li.active .txt{ border-color: #2976d6; font-weight: bold; color: #2976d6; }
.Yanli li:hover .img::after,
.Yanli li.active .img::after{ width: 100%; height: 100%; opacity: 1; }



.Serv{ padding: 80px 0 60px; }
.Serv .ztimglist{ margin-top: 35px; }
.Serv .ztimglist .txt{ font-size: 22px; color: #666; margin-top: 10px; }