@charset "utf-8";
/*初始样式*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a{color:#3e3a39;text-decoration:none;font-family: "Microsoft Yahei";}
/*for ie f6n.net*/
a:focus{outline:0;}
/*for ff f6n.net*/
/*a:hover{text-decoration:underline;}*/
li{box-sizing:border-box;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a:hover{color:#e94816;}
/*图片默认样式*/
img{border:0;vertical-align:middle;object-fit:cover;}
select, button, input {vertical-align: middle;}
input:required:invalid,input:focus:invalid,textarea:required:invalid,textarea:focus:invalid{box-shadow: none;}
p{word-spacing:0;}
i,em{font-style:normal;}
.vam{vertical-align:middle;}
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute;}
.pr{position:relative}
.show{display:block;}
.hide{display:none;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.flex{ display: flex;align-items: center;flex-direction: row;}
.u-flex-wrap{flex-wrap: wrap;}
.u-flex-nowrap{flex-wrap: nowrap;}
.u-col-center{align-items: center;}
.u-col-top{align-items: flex-start;}
.u-col-bottom{align-items: flex-end;}
.u-row-center{justify-content: center;}
.u-row-left{justify-content: flex-start;}
.u-row-right{justify-content: flex-end;}
.u-row-between{justify-content: space-between;}
.u-row-around{justify-content: space-around;}
.u-text-left{text-align: left;}
.u-text-center{text-align: center;}
.u-text-right{text-align: right;}
.u-flex-col{display: flex;flex-direction: column;}

/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img img{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden; line-height: 1.8; font-size: 14px; font-family: "Microsoft Yahei";color:#3e3a39; background: #edeeee;}
.bgfff{ background: #fff;}
.cfff{ color: #fff;}
.container{width: 1200px;margin: 0 auto;padding: 0;}
.ptb80{padding:80px 0;}
.mgb50{ margin-bottom: 50px;}
.mtel{margin-bottom:60px; margin-top:50px}

.dhidden{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; }
.dhidden2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}

/* 鼠标滑过闪光 */
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s;-moz-transition: -moz-transform 0.8s;-o-transition: -o-transform 0.8s;transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s;}
.whites:hover:after{left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}

/*底部*/
.foot{background: #e94816;position: relative;overflow: hidden;height: 420px;color: #fff;}
.foot-top{padding-top: 60px;}
.footlogo{ float: left; width: 156px; height: 72px;}
.footnav{float: right;display: inline;}
.footnav dl{ float: left; margin-left: 30px;}
.footnav dl a,.footnav dl a:hover{ color: #fff;}
.footnav dl dt{ font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.footnav dl dd{font-size: 14px; height: 30px; line-height: 30px;}
.foot-bottom{margin-top: 30px; padding-top: 30px; border-top: 1px solid #d4846b; line-height: 1.8;}
.ftext{ width: 45%;}
.ftext a:hover{ color: #f1f1f1;}

/* 头部 */
.Header-wrapper{width: 100%;min-width:1200px;height:135px; transition: all .4s ease-in-out;}
.Header-logo{float: left; margin-top: 32px;}
.Header-logo a img{width: 156px;height: 72px;}
.Header-navbar{float: right;margin-right: 20px;}
.Header-navbar ul li{display: inline-block; width: 105px; height: 135px; line-height: 135px; border-bottom: 5px solid #fff; text-align: center; position: relative;}
.Header-Menu{display: block;font-size: 16px;transition: all .4s ease-in-out;position: relative;text-transform: uppercase;}
.Header-navbar ul li.ontrue,.Header-navbar ul li:hover{color: #e94816; border-bottom: 5px solid #e94816;}
.Header-sunNav{display: none;position: absolute;left: 0;top: 135px;width: 105px;background:#fff;z-index: 991;font-size: 0;overflow: hidden;}
.Header-sunNav a{line-height:35px;border-bottom: 1px solid #e3e4e4;transition: all .3s; color: #909090; font-size: 14px; display: block;}
.Header-sunNav a:hover{color: #595757; font-weight: 600;}
.Header-lag{ float: right; height: 135px; line-height: 135px; overflow: hidden;color: #959696;}
.Header-lag a{font-size: 16px; padding: 0 5px; color: #959696;}
.Header-lag a.ontrue{color: #3e3a39;}
.Header-lag a:hover{color: #e94816;}
/* 标题 */
.titlebox{ position: relative;font-size: 36px;color: #000;line-height: 36px;display: block;}
.titlebox span{font-weight: bold;}
.titlebox em{display: block;margin-top: 15px;font-size: 14px;line-height:14px;}
/* 更多 */
.morebox{border-radius:20px; border: 1px solid #231815; display:inline-block;height: 40px; line-height: 40px;color: #231815; padding:0 20px}
.morebox:hover{color: #231815;box-shadow: 0px 0px 8px rgba(0,0,0,.2);}