﻿@charset "utf-8";
*{margin:0;padding:0;border:none;outline: 0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
input, button, textarea,select, optgroup, option {resize: none;}
input[type=text],input[type=button],input[type=submit], button, textarea, select {outline:none;-webkit-appearance:none;border-radius: 0;font-family: inherit;}
input[type=button],input[type=submit]{ line-height: 30px;border: none;background: #ccc;cursor: pointer;transition:0.5s;-webkit-transition: 0.5s;}
ol, ul {list-style: none;}
table{border-collapse:collapse;border-spacing:0;/*表格自动换行*/table-layout:fixed;word-wrap:break-word; }
table td{ border: 1px solid #dcdcdc;}
caption, th{text-align:center;}
:link, :visited , ins {text-decoration: none;}
a{transition:0.5s;-webkit-transition: 0.5s;}
img{vertical-align: middle;max-width: 100%;}
.scaleImg,.scaleImg2{overflow: hidden;position: relative;}
.scaleImg img,.scaleImg2 img{ width: 100%;transition:0.5s;-webkit-transition: 0.5s;}
.scaleImg2 img{transform: scale(1.1);-webkit-transform: scale(1.1);}

*{-webkit-tap-highlight-color:rgba(255,0,0,0);}/*去掉手机端a链接点击时候出现的边框*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}
.singleTxt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
a{color: #666;}
body{ font-family:arial, "Microsoft YaHei";font-size: 14px;color: #666;line-height: 1.5;} 
/*:first-child  filter:alpha(opacity=50);*/
/*滚动条样式*/
.overflowY{ overflow-y: auto;}
.overflowY::-webkit-scrollbar {width: 6px;height: 6px;}
.overflowY::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(125,168,42,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.overflowY::-webkit-scrollbar-thumb:window-inactive {background: rgba(125,168,42,0.4);}
.loadings{ position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #fff;z-index: 9999; display: none\9;}
.loadings .gif{ position: absolute; left: 0;right: 0;text-align: center;top: 50%;margin-top: -20px;}
.diepng {display: none; }
.scrollToTop{background: #333; background: rgba(0,0,0,0.5); display: block; position: fixed; right: 2%;bottom: 2%;z-index: 50;display: none;}
.scrollToTop img{display: block;width: 16px;padding: 12px 8px;}
.scrollToTop:hover{background: #e61f18;}
.autowidth{ width: 1200px; margin: auto;}
header,nav,footer,section{ display: block;}
.mainNav{ overflow: hidden; min-height: calc(100vh - 416px);}
.headerOL{ float: left;}
.header{ background: #fff; background: rgba(255,255,255,0.9); position: fixed; left: 0;top: 0;right: 0;z-index: 666; box-shadow: 0 10px 10px -13px #ccc;}
.header .logo{ display: block; margin-top: 15px;}
.header .logo img{ height: 40px;}
.headerOL li{ float: left;position: relative;position: relative; width:100px;}
.headerOL .oneA{position: relative; display: block; padding: 0 11px; transition: 0.2s;-webkit-transition: 0.2s; line-height: 70px; font-size: 15px;color: #666;min-width: 40px;text-align: center;}
.positions{ position: relative;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.alink{ float: right; margin: 17px 0 0 10px;}
.alink a{ display: block; font-size: 12px;color: #fff;background: #e61f18;line-height: 36px;padding: 0 15px;border-radius: 20px;}
.header section{ position: relative;z-index: 2;}
.header .headerBg{padding-bottom: 10px; position: absolute; left: 0;right: 0;top: 100%; height: 210px;background: #f9f9f9; display: none;}

.footerTop{ padding: 40px 0 35px 0;background: #fff;}
.footerOL li{ float: left;margin-right:2.5%; }
.footerOL li .oneA{ color: #333;font-weight: bold;font-size: 16px;display: block;margin-bottom: 25px;}
.footerOL dl a{ color: #888;display: inline-block;line-height: 2;}
.footerTop .fl{ width: 76%; overflow: hidden;}
.footerOL { width: 120%;}
.footerTop .fr{ width: 24%;}
.ftLogo{ margin-bottom: 25px;}
.fieldset{ border: 1px solid #AD0D07; text-align: right; padding:15px 25px 15px 10px;}
.fieldset legend{ font-weight: bold;color: #AD0D07; font-size: 18px;}
.fieldset p { color: #aaa;margin-bottom: 2px;}
.fieldset p a{ color: #666;cursor: default;}

.footerBot{ padding: 15px 0;background: #e61f18;color: #fff;}
.footerBot .autowidth{ position: relative;}
.footerBot .cnzz{ position: absolute; right: 0;top: 0;}
.footerBot .copyRight{ padding-right: 55px;}
/*
.loveBg{color: #333; background: url(../images/hobg.jpg) no-repeat center;background-size: cover; margin-top: 5%;}
*/
.loveBg{color: #333; background-size: cover; margin-top: 5%; background-color:#d1d3df;}

.loveBg h3{ color: #AD0D07;font-size: 36px;font-weight: normal; line-height: 1.3;margin-bottom: 15px;}
.loveBg h3 p{ font-weight: bold;}
.loveBg h3 b{ font-size: 1.2em;}
.loveBg .simg{ position: absolute; right: 0; bottom: 0; width: 52%;}
.loveBg .autowidth{padding: 80px 0; position: relative;} 
.loveBg .lovewt{width: 50%;}

.newsDL{ width: 102%;}
.newsDL dd{ float: left; width: 31.33%;margin-right: 2%;}
.newsDL dd a{ display: block;overflow: hidden;position: relative;}
.newsDL dd .imgs{position: relative; background-size: cover !important;padding-top: 58%;}
.newsDL dd .txt{overflow: hidden; padding: 15px;position: relative; border-bottom: 2px solid #e61f18;}
.newsDL dd h6{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font-size: 16px;transition: 0.5s;-webkit-transition: 0.5s;}
.newsDL dd .date{ font-size: 12px;color: #888;margin: 5px 0;}
.newsDL dd .cot{ height: 42px; margin-bottom: 6px; overflow: hidden;}

.animationDH{ opacity: 0; -webkit-opacity: 0; will-change:animation,transform,opacity;}
.animationDH.currtt{animation: dh-1 0.6s ease-in both;-webkit-animation: dh-1 0.6s ease-in both;opacity: 1;-webkit-opacity: 1;}

.closeSpan:before,.closeSpan:after{ position: absolute; left: 0; width: 100%;top: 0;height: 100%;content: '';width: 1px;background: #fff;}
.closeSpan:before{ transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.closeSpan:after{ transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.hrLine{ display: block; margin: 5px 0;height: 1px;background: #AD0D07;}

@media only screen and (max-width:1300px ) {
	.autowidth{ width: 96%;}
}
@media only screen and (max-width:1260px ) {
	.headerOL .oneA{ padding: 0 9px;}
}



@media only screen and (min-width:1160px ) {
    body::-webkit-scrollbar {width: 12px; height: 12px;}/* 滚动槽 */
	body.active::-webkit-scrollbar {width:0px; height: 0px;}/* 滚动槽 */
	body::-webkit-scrollbar-track { background: #eee; }/* 滚动条滑块 */
	body::-webkit-scrollbar-thumb {background: rgba(163,204,176,0.8);border-radius: 8px; }
	body::-webkit-scrollbar-thumb:window-inactive {background: rgba(158,158,158);}
	/*.scaleImg img:hover{transform: scale(1.05);-webkit-transform: scale(1.05);}
    .scaleImg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}*/
    .headerOL li.on .oneA,.headerOL li:hover .oneA{ background: #e61f18; color: #fff;}
	.headerOL li dl dd{background: #F8938F; margin-top: 1px;}
	.headerOL dl{display: none; text-align: center; position: absolute; left: 0;right: 0; top: 100%;}
	.headerOL dl a{ font-size: 13px;color: #fff; display: block; line-height: 2; padding: 5px 0;}
	.headerOL dl a:hover{background: #e61f18;}/*fkeidt 二级nav*/
	.footerOL dl a:hover{color: #AD0D07;text-decoration: underline;}
	.footerOL li:hover .oneA{ color: #AD0D07;}
	.newsDL dd a:hover:before{ width: 120%;}
	.newsDL dd a:hover,.newsDL dd a:hover h6,.newsDL dd a:hover .date{ color: #e61f18;}
	
}

@media only screen and (max-width:1160px ) {
	.headerFR{display: none;z-index: 555; position: fixed;padding:10px 15px 25px 15px; top: 50px; bottom: 0; overflow-y: auto; right: 0;width: 510px;background: #f9f9f9;-webkit-overflow-scrolling: touch;}
	.headerOL li{ float: none; margin-bottom: 20px;}
	.alink{ float: none; margin: 0;}
	.headerOL{ float: none;}
	.headerOL dl{padding-top: 5px; position: static; display: block; padding-left: 5px; /*  border-radius: 0 0px 5px 5px;*/}
	.headerOL dl dd{ display: inline-block; font-size: 14px; padding:0 5px;}
	.headerOL li .oneA{ line-height: 30px; padding: 0 20px; display: inline-block; background: #e61f18;color: #fff; border-radius: 20px;}
	.headerOL dl dd a{ color: #888;}
	.alink a{text-align: center; display: inline-block; margin-bottom: 10px;}
	.alink { text-align: right;}
	.diepng {right: 2%;display: block; z-index:22;position: fixed;top:13px;cursor: pointer; width:30px;height:24px;}
	.diepng span{border-radius: 2px; position: absolute; left: 0;background: #AD0D07; width: 100%; height: 2px; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
	.diepng .line1{ top: 0;}
	.diepng .line2{ top: 50%; margin-top: -1px;}
	.diepng .line3{ bottom: 0;}
	.diepng.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;}
	.diepng.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}
	.diepng.on .line3{display: none;}
	.header .logo{ margin: 0;}
	.header{ padding: 8px 0;}
	.header .logo img{ height: 34px;}
	
	.footerTop .fl{ display: none;}
	.footerTop{ padding: 5% 0;}
	.footerTop .fr{ width: 250px;margin: auto; float: none;}
	
}


@media only screen and (max-width:960px ) {
	.loveBg h3{ font-size: 28px;}
}






@media only screen and (max-width:640px ) {
	.headerFR{ width: auto; left: 0;padding: 10px 10px 15px 10px;}
	.headerOL li{ margin-bottom: 10px;}
	.headerOL li .oneA,.alink a{ font-size: 14px; line-height: 26px;}
	.mainNav{ padding-top: 50px;}
	.loveBg h3{ white-space: nowrap; font-size: 20px;}
	.loveBg .autowidth{ padding: 5% 0 10% 0;}
	
}
@keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,35px,0); -webkit-translate3d(0,35px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}

@-webkit-keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,35px,0); -webkit-translate3d(0,35px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}

@keyframes dh-2 {
    from { opacity: 0; }
    to { opacity: 1;  }
}

@-webkit-keyframes dh-2 {
    from { opacity: 0; }
    to { opacity: 1; }
}














