/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","宋体","黑体","SimHei"," Verdana",;_font-family:Arial !important;}
body{color:#1E1E1B;line-height:180%; }
h1, h2, h3, h4, h5, h6, h7, h8, h9{font-size:100%; font-family:"Helvetica Neue","Helvetica,Arial","PingFang SC","Heiti SC","Microsoft Yahei",sans-serif; font-weight:normal;}
address, cite, dfn, em, var{font-style:normal;}
ul,li, ol{list-style:none;}
html{ overflow-x:hidden; min-width:1000px;}
a{ text-decoration:none; color:#333;}

/*head*/

.mom{width:100%; height:99px; margin:0 auto; position:relative; background:#FFF;  z-index:9999;}
.mom .db{ width:90%; height:auto; margin:0 auto;}
.mom .db .logo{ width:130px; height:66px; float:left; margin-top:15px;}
.mov{width:80%; height:99px; margin:0 auto; position:relative; background:#FFF; text-align:left; z-index:9999; min-width:1000px; left:100px;}
.mov ul{zoom:1; height:99px; margin:0px;}
.mov ul li{float:left; height:99px; line-height:99px; position:relative; min-width:60px; margin:0 20px 0 20px; font-size:16px; text-align:left;}
.mov ul li.first{background:none}
.mov ul li a{line-height:99px; font-size:16px; color:#333; text-decoration:none; }
.mov ul li a:hover, .mov ul li .a{color:#333 !important;  display:block;}
.mov ul li .this{color:#333;  background:url(../img/Bg.png) center 0px; display:block;}
.mov ul li dl{min-width:160px; display:none; position:absolute; left:-40px; top:90px; z-index:9999;background:url(/web/img/Bg.png); padding-top:10px;}
.mov ul li dt{min-height:50px !important;border-bottom:1px solid #dddddd;}
.mov ul li dt a{font-size:14px !important; line-height:48px !important; text-align:center !important; color:#333 !important; overflow:hidden; height:48px; display:block;}
.mov ul li dt a:hover{ background:none !important;line-height:50px; display:block; color:#0066cc !important;}
.mov ul li.item{float:right}
.mov ul li.item a:hover{background:none !important;}

/*banner切换*/
.to_banner{
	width:100%;
	position: relative; height:auto; overflow:hidden; max-height:600px;
}
.to_banner img{
	width: 100%;
}
.to_banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.to_banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.to_banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.to_banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.to_banner .banner ul li:first-child img{
	position: relative;
}
.to_banner .nexImg,.to_banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #003281;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.to_banner .nexImg:hover,.to_banner .preImg:hover{
	opacity: 0.8;
}
.to_banner .nexImg{
	right: 0px;
}
.to_banner .nexImg img,.to_banner .preImg img{
	
	
}
.to_banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.to_banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.to_banner .jumpBtn ul li{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.to_banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.to_banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.to_banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

/*分类*/
.index_tom h1{ width:auto; line-height:60px; font-size:30px; font-weight:bold; text-align:center; margin:0 auto; margin-bottom:30px;}	
.index_tom{ width:100%; min-height:600px; margin:0 auto; background:#f2f6fb; overflow:hidden; padding-top:50px;}
.index_tom ul{ width:90%; margin:0 auto;}
.index_tom ul li{ width:23%;*width:29.95%!important; float:left; position:relative; margin-left:2.6%;  transition: all .2s linear; margin-bottom:2.5%;overflow:hidden; background:#FFFFFF;}		
.index_tom ul li:nth-child(4n+1){margin-left:0px;}
.index_tom ul li span{ width:100%; height:auto; overflow:hidden; float:left; position:relative;}
.index_tom ul li span img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; margin-bottom:1%;}
.index_tom ul li:hover span img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.index_tom ul li .txt{ width:auto; height:auto; padding:2%;text-align:left;}
.index_tom ul li .txt h2{ width:auto; line-height:40px; font-size:16px; font-weight:bold;}
.index_tom ul li .txt p{ width:auto; height:20px; line-height:20px; font-size:14px; padding-bottom:1%;}

#toms{ width:auto; line-height:100%; display:block; font-size:16px; background:none; text-align:center; position:relative; left:100px; padding-top:100px;}



.index_a{ width:90%; min-height:600px; margin:0 auto;  overflow:hidden; padding-top:30px;}
.index_a ul{ width:100%; margin:0 auto;}
.index_a ul li{ width:31%;*width:29.95%!important; float:left;  position:relative; margin-left:3.5%; margin-bottom:35px;overflow:hidden;}
.index_a ul li:nth-child(3n+1){margin-left:0px;}
.index_a ul li .pic{ width:100%;height:100%; position: relative; z-index:-200;}
.index_a ul li .pic img {width: 100%;height: auto;transition: transform 0.3s ease;}

.box{ transition: 0.6s;
  position: relative;77
  width: 100%;
  height: 100%;
background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)); 
  }
.box h2{ width:100%; height:100%; font-size:20px; position:absolute; color:#FFF; text-align:center; transition: transform 0.3s ease; 
  top:0;
  left: 0;
 z-index:60; padding-top:200px; font-weight:bold;} 
.box:hover h2{ opacity: 0; transition: opacity 0.3s ease;}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer; overflow:hidden;
}

	
/* 鼠标悬停时显示遮罩 */
.index_a ul li:hover .mask {opacity: 1;}

/* 可选：悬停时图片放大效果 */
.index_a ul li:hover .pic img {transform: scale(1.1);}
.mask-text {text-align: center;padding: 20px;font-size: 1.2em; position:relative; top:30px;transition: transform 0.3s ease;}
.mask-text a{ color:#FFFFFF;}
.mask-text p{ font-size:16px;}
.prod{ width:100%; min-height:1000px; overflow:hidden; margin:0 auto; background:#f2f6fb;padding-top:60px; }


.index_son1{ width:100%; height:25px; margin:0 auto;text-align:center; clear:both;}
.index_son1 ul{ width:100%; margin:0 auto;}
.index_son1 ul li{min-width:8%;height:30px;font-size:12px; background:#e0e2e4;text-align:center;display:inline-table;position:relative; top:-10px; border-radius:5px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.index_son 1ul li a{ color:#333;padding:0.6%;}
.index_son1 ul li:hover{background:#003281;border-radius:20px; color:#FFF;}
.index_son1 ul li:hover a{color:#FFF;min-width:60px;border-radius:20px;}
.index_son1 ul li a.active{min-width:60px; height:30px;background:#003281;color:#fff; display:block;padding:0.6%;border-radius:5px; }
.index_h1{ width:auto; line-height:80px; font-size:36px; text-align:center; font-weight:bold;}


.index_c{ width:90%; min-height:900px; background:#f2f6fb; margin:0 auto; padding-top:30px;}
.index_c ul{ width:100%; min-height:900px; margin:0 auto;}
.index_c ul li{ width:21%;*width:21.97%!important; float:left;overflow:hidden;
  
    margin-left:2.66%;
    position: relative;
    background: #fff;
    webkit-transition: all .2s linear;
    transition: all .2s linear;
    padding:1%;
    margin-bottom:2.66%;}
.index_c ul li img{width:100%;}

.index_c ul li:nth-child(4n+1){margin-left:0px;}
.index_c ul li:hover{ box-shadow:0 10px 50px rgba(51, 51, 51, .25);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease;}
.index_c ul li:hover img{width:100%;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

.index_c ul li .pic{width:100%; height:auto; margin-bottom:1%;  transition: 0.6s; overflow:hidden;}
.index_c ul li .pic img{width: 100%;height: 100%; 

 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
	 
        transition: all .5s;}
.index_c ul li .pic:hover img{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.index_c ul li .txt{ width:100%; height:auto; }
.index_c ul li .txt h1{ width:auto; line-height:40px; font-size:16px; font-weight:bold;}
.index_c ul li .txt i{ width:auto; line-height:25px; font-size:12px; font-style: normal; display:block;}


.index_ca{ width:100%;min-height:80px; margin:0 auto; text-align:center;}
.index_ca ul{ width:100%; margin:0px;}
.index_ca ul li{ min-width:80px; height:50px; line-height:50px; color:#000; font-size:14px; text-align:center; display:inline-table; position:relative; margin:0px 1% 0px 1%;cursor:pointer;}
.index_ca ul li a{text-decoration:none;height:50px;line-height:50px;color:#333;cursor:pointer; font-size:16px;}
.index_ca ul li.cur {border-bottom:1px solid #003281;display:inline-block; color:#333; }
.index_ca ul li:hover,.index_ca ul li.cur{ border-bottom:1px solid #003281;}
.index_ca ul li:nth-child(9n+1){margin-left:0px;}
.index_cae {width:100%; height:100%; margin:0 auto;}
.index_cae dl{min-height:30px;position:relative; overflow:hidden; display:none;}


.index_ae{ width:auto; min-height:500px; margin:0 auto; margin-top:90px;background:url(../img/vido.jpg) center; padding-top:80px;}
.index_ae h5{ width:auto; line-height:40px; font-size:36px; text-align:center; color:#FFFFFF;}
.index_ao{ width:90%; min-height:300px; margin:0 auto; padding-top:60px; margin-top:30px;}
.index_ao ul{ width:auto; margin:0 auto;}
.index_ao ul li{ width:20%; height:100%; float:left; position:relative; margin-left:6%; text-align:center;}
.index_ao ul li:nth-child(4n+1){margin-left:0px;}
.index_ao ul li dd{ width:auto; height:110px;}
.index_ao ul li dd img{ width:20%;}
.index_ao ul li dt{ width:auto; line-height:30px; font-size:24px; color:#FFFFFF;}
.index_ao ul li p{ width:auto; line-height:30px; font-size:14px;color:#FFFFFF; padding-top:20px;}



.smds{ width:90%; height:300px; margin:0 auto; text-align:center; position:relative; clear:both; bottom:0px;}
.smds ul{ width:100%; margin:0 auto;}
.smds ul li{ width:16%; height:auto; float:left; position:relative; margin-left:12%; text-align:center;display:inline-table;}
.smds ul li:nth-child(4n+1){margin-left:0px;}
.smds ul li dd{ min-width:60px; line-height:80px; font-size:56px; text-align:center; color:#FFF;display:inline-table; font-family:Impact, Times, serif; margin:0 auto;}
.smds ul li i{width:30px; line-height:60px; font-size:30px;font-weight:bold;color:#FFF; display:inline-table; text-align:center; position:relative; top:0px;font-style:normal;}
.smds ul li dt{width:30px; line-height:80px; font-size:40px; font-weight:bold;color:#FFF; font-style:normal;text-align:center;display:inline-table;}
.smds ul li p{ width:auto; line-height:30px; font-size:18px; text-align:center;color:#FFF; font-weight:bold; display:block; clear:both;}

.index_nws{ width:90%; min-height:400px; margin:0 auto;}

.mt-tabpage {
	width: 100%;
	margin: 30px auto;
	background-color: #FFFFFF;
}
.mt-tabpage-title {
	height:50px;
	font-size: 0;
	background-color: #fff;
	width: 100%;
	margin:0 auto;
	background: #fff;

}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 160px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #666;
	font-size: 14px; float:right;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #333;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #FFF;
	font-size: 14px;
	background:#003281;
}
.mt-tabpage-title.mt-tabpage-item-cur:hover a{color: #FFF;}
.mt-tabpage-count {
	position: relative;
	min-width:1200px;
	min-height: 400px;

}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	min-width:1200px;
	min-height: 400px;
	text-align: center;
}

.new_n{ width:90%; min-height:700px; margin:0 auto;}
.new_n .new_n1{ width:45%; min-height:400px; float:left; overflow:hidden; border-bottom:1px #eee solid; content: "";transition: all 0.36s ease; position:relative; }
.new_n .new_n1 span{ width:100%; height:auto;}
.new_n .new_n1 span img{ width:100%;}
.new_n .new_n1 h3{ width:auto; line-height:60px; font-size:18px; padding-top:18px;}

.new_n .new_n1:hover:before{left:0;opacity:1;width:100%; overflow:hidden;}
.new_n .new_n1:before{
    content: "";
    width: 0;
    height:2px;
    border-bottom:2px solid #003281;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .4s ease;bottom:31px; overflow:hidden; bottom:0px;overflow:hidden;
    opacity: 0;}  


.new_n .new_t{ width:52%; min-height:400px; float:right;}
.new_n .new_t dl{ width:100%; min-height:120px; margin:0 auto; border-bottom:1px #eee solid; padding-bottom:2%; padding-top:2%;}
.new_n .new_t dl dd{ width:12%; height:auto; float:left;}
.new_n .new_t dl dt{ width:84%; height:auto; float:right;}
.new_n .new_t dl dt h4{ width:auto; line-height:35px; font-size:18px;}
.new_n .new_t dl dt p{ width:auto; line-height:30px; font-size:14px; color:#666666;}
.new_n .new_t dl dt em{ width:auto; font-size:14px; display:block;}

@media (min-width:1000px) {

.new_n .new_t{ width:52%; min-height:400px; float:right;}
.new_n .new_t dl{ width:100%; min-height:110px; margin:0 auto; border-bottom:1px #eee solid; padding-bottom:2%; padding-top:2%;}
.new_n .new_t dl dd{ width:18%; height:auto; float:left;}
.new_n .new_t dl dt{ width:80%; height:auto; float:right;}
.new_n .new_t dl dt h4{ width:auto; line-height:30px; font-size:18px;}
.new_n .new_t dl dt p{ width:auto; line-height:30px; font-size:14px; color:#666666;}
.new_n .new_t dl dt em{ width:auto; font-size:14px; display:block;}
}


.about{ width:auto; min-height:600px; margin:0 auto; background:url(../img/row_bg.png) center no-repeat;}	
.abu{ width:90%; height:auto; margin:0 auto;}
.abou{ width:46%; min-height:475px; float:left; background:url(../img/ab.jpg); position:relative; top:50px; border-top-right-radius:40px;}
.abou img{ width:100%; height:100%;}


.tmab{ width:46%; height: auto; float:right;  position:relative; top:60px; min-width:500px;}
.tmab h1{ width:auto; line-height:60px; font-size:32px; font-weight:bold;}
.tmab .taum{ width:auto; line-height:30px; font-size:14px; padding-top:30px; word-wrap: break-word;white-space: normal;}
.tomu{ width:auto; height:auto; margin:0 auto; padding-top:30px;}
.tomu ul{ width:auto; margin:0px;}
.tomu ul li{ width:auto; line-height:40px; font-size:14px; font-weight: bold; text-indent:50px; background:url(../img/io.jpg) no-repeat left;}

.toem{ width:auto; height:auto; padding-top:30px;}
.toem dl{ width:45%; margin:0px; float:left;}
.toem dl dd{ min-width:46px; height:46px; float:left; position:relative;}

.toem dl dt{ width:80%; height:auto; float:left; padding-top:5px;}
.toem dl dt em{ width:auto; line-height:20px; font-size:16px; font-weight:600px; display:block;}
.toem dl dt i{width:auto; line-height:20px; font-size:24px; font-weight: bold; color:#1a478e; font-style:normal; font-family:"century gothic";}

.times{ width:auto; line-height:30px; font-size:30px; font-weight:bold; font-style:normal;}

.times .time {
    position: relative;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    line-height: 1;
    color: #003281;
    font-size: 56px;
    text-align: center; font-family:"Arial, Helvetica, sans-serif";font-weight:normal;}

.times .fonts {
    font-size: 18px;
    display: block;
    border-top: 1px #eee solid;
    margin-top: 10px;
    padding-top:5px; font-weight:normal;color: #003281; text-align:center;
}
	
/*search*/
.seac_u{ width:auto; height:auto; overflow:hidden; background:#f8f8f8;}
.sear_tom{ width:80%; min-height:300px; overflow:hidden; -webkit-transition: all .2s linear;transition: all .2s linear; margin:0 auto;}
.sear_tom ul{ width:100%; margin:0px;}
.sear_tom ul li{ width:100%; line-height:60px; font-size:16px; float:left; padding:0 5px 0 10px;position: relative; overflow: hidden;background:#FFF; margin-bottom:10px;
    transition: all .5s;
    transition: all .5s; color:#757575;}
.sear_tom ul li:hover{ -webkit-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
    -moz-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
    box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px; background:#1a478e; }
.sear_tom ul li:hover  a{color:#FFFFFF;}
.sear_tom ul li span{ width:100px; line-height:60px; font-size:14px; float:right; text-align:center;color:#757575; padding-right:10px;}	
.sear_to {width:80%;height: 60px;margin: 0 auto;font-size: 14px;display: block;}	
.sear_to i { width: 100px;line-height: 60px;font-size: 14px;float: left;font-style: normal;}	
.sear_to span { min-width: 60px;line-height: 60px;float: left; font-size: 14px; color: #e92302;}


	
.foot{ width:auto; min-height:660px; background:#003281; margin:0 auto; clear:both;}	
.foots{ width:90%; min-height:130px; margin:0 auto; border-bottom:1px solid #1a478e; padding-top:60px; clear:both;}
.foots .cnt{ width:100%; height:130px; margin:0 auto;}
.foots .cnt dl:nth-child(3n+1){margin-left:0px;}
.foots .cnt dl{ width:29%; float:left; margin:0px; position:relative; margin-left:6%;}
.foots .cnt dd{ width:85px; height:75px; float:left;}   
.foots .cnt dt{ width:auto; height:auto; float:left; padding-top:10px;}
.foots .cnt dt span{ width:100%; line-height:25px; font-size:16px; display:block; color:#FFF;}                                                                    
.foots .cnt dt i{ width:100%; line-height:30px; font-size:16px;font-weight:bold; font-style:normal; color:#FFF;font-family:"century gothic";}

.foots .wx{ width:25%; height: auto; float:right;}
.foots .wx dl{ width:90%; margin:0px; float:left;}
.foots .wx dl dd{ width:85px; height:auto; float:left;}
.foots .wx dl dt{ width:auto; line-height:25px; font-size:14px; color:#FFF; float:left; padding-top:15px;}
.foots .wx dl dt span{width:auto; line-height:25px; font-size:16px; display:block; color:#FFF;text-align:left;}
.foots .wx dl dt i{ width:auto; line-height:25px; font-size:16px; font-weight:bold; font-style:normal; color:#FFF;font-family:"century gothic";text-align:left;}

.foots1{ width:90%; min-height:360px; margin:0 auto; padding-top:30px;}
.foots1 ul{ width:100%; margin:0 auto;}
.foots1 ul li{ width:20%; height:auto; float:left;}
.foots1 ul li dd{ width:auto; line-height:50px; font-size:16px; font-weight:bold; color:#FFF;}
.foots1 ul li dt{ width:auto; line-height:30px; font-size:13px; color:#FFF;}
.foots1 ul li dt a{ color:#FFF;}
.foots1 ul li dt span{ width:120px; height:120px; background:#FFFFFF; display:block; margin-top:10px;}
.foots1 ul li dt span img{width:110px; height:110px; padding:5px;}

.copy{ width:90%; height:30px; line-height:30px; margin:0 auto; color:#FFF; clear:both; margin-top:30px;font-size:14px;}
.copy dd{ width:18%; line-height:30px; float:left; }
.copy dt{ width:18%; line-height:30px; float:right; text-align:right;}
.copy dt a{ color:#FFFFFF;}