@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;font-family: inherit;font-size: inherit;}
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;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;font-size: 16px;}
button{cursor: pointer;}
button:hover,input[type=button]:hover,input[type=submit]:hover{ opacity: 0.8;}
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,.moveImg{overflow: hidden;display: block;}
.moveImg img{ display: block;width: 105%;transition:1.5s;-webkit-transition: 1.5s;max-width: 105%;}
.scaleImg img,.scaleImg2 img{ width: 100%;transition:0.5s;-webkit-transition: 0.5s;}
.scaleImg2 img{transform: scale(1.1);-webkit-transform: scale(1.1);transform-origin: left top;-webkit-transform-origin: left top;transition:1.5s;-webkit-transition: 1.5s;}

*{-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: #333;}
body{ font-family:arial,,SimHei;font-size: 16px;color: #111;line-height: 1.5;} 
.songti{ font-family: SimSun;}
/*:first-child  filter:alpha(opacity=50);*/
/*滚动条样式*/
.opacitys{ position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0.5;-webkit-opacity: 0.5;z-index: 50;animation: opacitys2 0.5s both;-webkit-animation: opacitys2 0.5s both;}
img.blockImg{ display: block;width: 100%;}
.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);}

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

.twoLevel{float: left; width: 20%; padding: 10px 0;border-right: 1px solid #909090; overflow-y: auto;height: 430px; }
.twoLevel .twoDiv{ padding: 0 15px;}

.twoLevel .dd{ display: none;}
.twoLevel .dd.show{ display: block;}
.twoLevel .twoDiv.on .threeLevel{ display: block;}
.levelBg{ position: absolute; right: 0;top: 10px;bottom: 0;width: 190px;background-size: cover !important;}

.twoLevel.on{ width:50%; border-right:0;}

@media only screen and (max-width:1260px ) {
	.autowidth{ width: 96%;}
	.banner .owl-buttons div{ display: none;}
	.headerNav dd>a{ font-size: 18px;}
	.threeLevel .threeP{ width: 48%;}
	.header .fl{ padding: 10px 0 0px 0;}
	.productItem .phoneShowA{ display:block;}
	.productItem .pcShowA{ display:none;}
	
}

@media only screen and (max-width:1100px ) {
	.twoLevel .twoDiv,.oneLevel .oneDiv{ padding: 0 10px;}
}

@media only screen and (min-width:1101px ) {
	.scaleImg:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
	.scaleImg2:hover img{transform:scale(1.05) translate(-10px,-10px);-webkit-transform:scale(1.05)  translate(-10px,-10px);}
	.moveImg:hover img{transform: translate(-5%,0);-webkit-transform: translate(-5%,0);}
	.displayNone >p a:hover{background: #008eea;color: #fff;}
}

@-webkit-keyframes opacitys{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes opacitys{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes opacitys2{
	from{opacity: 0;}
	to{opacity: 0.5;}
}
@keyframes opacitys2{
	from{opacity: 0;}
	to{opacity: 0.5;}
}
@-webkit-keyframes scale{
	from{transform: scale(0);-webkit-transform: scale(0);}
	to{transform: scale(1);-webkit-transform: scale(1);}
}
@keyframes scale{
	from{transform: scale(0);-webkit-transform: scale(0);}
	to{transform: scale(1);-webkit-transform: scale(1);}
}

.homeTit{padding: 15px 0 30px 0; line-height: 20px;color: #888;font-size: 14px;}
.homeTit a{color: #888;}
.homeTit .home{ vertical-align: sub;}
.homeTit a:hover{ color: #008EEA;}

.titDt{ text-align: center;padding-bottom: 20px;}
.titDt h1{ font-weight: bold;font-size: 26px;line-height: 1.35;}
.titDt .date{color: #999;}

.pageY{ text-align: center; padding: 35px 0;}
.pageY a,.pageY span{margin: 0 1px; display: inline-block;line-height: 32px;color: #fff;background: #9b9b9b;padding: 0 12px;}
.pageY .currt,.pageY a:hover{background: #008EEA;}

.tedian{min-height: 300px;background-size: contain !important ; display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.twoLevelDL dd:nth-child(odd){background:#e8f8fd;}
.twoLevelDL_2 dd:nth-child(odd){background: #e8fdee;}
.twoLevelDL_3 dd:nth-child(odd){background: #fef3ed;}
.twoLevelDL_4 dd:nth-child(odd){background: #f1eeff;}
.twoLevelDL_5 dd:nth-child(odd){background: #eef9fd;}


.twoLevelDL dd{ padding: 30px 0;}
.twoLevelDL dd .moveImg{ float: left; width: 26%;margin-right: 3%;min-width: 300px;}
.twoLevelDL dd .txt{overflow: hidden;}
.twoLevelDL dd .txt h4{font-size: 26px;}
.twoLevelDL dd .more{border-radius: 5px;display: block;position: relative;overflow: hidden; width: 120px;text-align: center;padding-left: 50px;color: #fff;background: #008eea;line-height: 35px;background: #FFC107;}
.twoLevelDL dd .more i{ position: absolute;z-index: 5; left: 0;top: 0;bottom: 0;width: 50px;background: #004eb9;content: '';border-radius: 5px 0 0 5px;background: #FF9800;}
.twoLevelDL dd .more i:before{ position: absolute; width: 24px;height: 15px;background: url(../images/add_pic/go.png) repeat-x;content: ''; left: 13px;top: 10px;transition: 0.4s;-webkit-transition: 0.4s;}
.twoLevelDL dd .more:hover i:before{width: 40px; left: 5px; animation: go 10s linear infinite both;-webkit-animation: go 10s linear infinite both;}
.twoLevelDL dd .txt h4 a:hover{ color: #EA1D33;}
.twoLevelDL dd .more:hover i{background: #004eb9;}
.twoLevelDL dd .more:hover{background: #5dbbf9;background: #008EEA;}
@keyframes go{
	from{background-position: 0 0;}
	to{background-position: 216px 0;}
}
@-webkit-keyframes go{
	from{background-position: 0 0;}
	to{background-position: 216px 0;}
}
.twoLevelDL dd .cot{ height: 72px;overflow: hidden;margin: 10px 0 25px 0;}

@media only screen and (max-width:1260px ) {
	.alertImg{ width: 94%; margin-left: 0;left: 3%;}
	.appBanner{ min-height: 320px; height: auto; padding: 20px 0;}
	.appBanner h3{ font-size: 48px;}
	.appBanner h3 .smallP{ font-size:44px;}
	.appBanner h3 p span{ font-size: 42px;}
	.applicationTit dd a img{ height: 50px;}
	.ziliaoDL dd .scaleImg{ width: 80%;}
	.detailsCot h1{ font-size: 36px;margin-bottom: 6px;}
	.cplist dd .bt a{ font-size: 14px;}
	.cpSelect p a{ font-size: 13px;}
}

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

	.twoLevelDL dd{ padding: 15px 0;}
	.twoLevelDL dd .moveImg{ min-width: 250px;width:250px;}
	.twoLevelDL dd .txt h4{ font-size: 18px;}
	.twoLevelDL dd .cot{ font-size: 14px; height: 63px;margin-bottom: 15px;}
}

@media only screen and (max-width:480px ) {
	.twoLevelDL dd .moveImg{ width: 160px;min-width: 160px;}
	.twoLevelDL dd .more{ width: 90px;font-size: 14px;}
	.applicationTit dd a{ padding: 5px 0;}
}