/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0; margin:0; font-weight:normal}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}



body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:15px!important;color:#646464; }


.banner{
width: 100%;
/*height: 560px;*/
/*background: black;*/
/*子绝父相*/
position: relative;
/*超出部分全部隐藏，解决横向滚动条*/
overflow: hidden;
}
.banner ul{
position: absolute;
}
.banner ul li{
/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
width: 100%;
height:750px;
float: left;
background:  no-repeat center center;
}
/*.banner ul li:nth-child(1){*/
/*background: url('./1.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(2){*/
/*background: url('./2.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(3){*/
/*background: url('./3.jpg') no-repeat center center;*/
/*}*/
.banner ol{
/*width: 60px;*/
height: 20px;
position: absolute;
left:50%;
/*margin-left: -40px;*/
bottom: 20px;
padding: 0 10px;
border-radius: 10px;
}
.banner ol li{
width: 10px;
height: 10px;
float: left;
margin: 5px 5px;
background: rgba(255,255,255,0.5);
border-radius: 50%;
cursor: pointer;
}
.banner ol .current{
background: rgba(255,255,255,1);
}
.banner i{
width: 58px;
height: 120px;
position: absolute;
top: 45%;
margin-top: -25px;
cursor: pointer;
border-radius: 5px;
display: none;
}
.banner .left{
left: 40px;
background: url('../image/left_right.png') no-repeat 0 0px;
}
.banner .right{
right: 40px;
background: url('../image/left_right.png') no-repeat 0px -120px;
}
.banner .left:hover , .banner .right:hover{
background-color: rgba(0, 0, 0, 0.31);
}


.lingyu{ width:1300px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.fenyou{ width:600px; height:378px;  display: flex;justify-content: center;
align-items: center;  overflow:hidden}
.fenyou  img{max-width:600px;max-height:378px; transition: all 0.8s;}
.fenyou  img:hover{   transform: scale(1.2);}
.fenzuo{background: -webkit-linear-gradient(#0380dd, #0069b7); 
background: -o-linear-gradient(#0380dd, #0069b7); 
background: -moz-linear-gradient(#0380dd, #0069b7); 
background: linear-gradient(#0380dd, #0069b7); width:650px; height:378px;}
.fenwenzi{ padding:60px;}
.fenline{ background:#fff; width:50px; height:3px; margin-top:10px; margin-bottom:10px;}
.fenwenzi h2{ color:#fff; font-size:25px;}
.fenmiao{ color:#fff; line-height:27px; font-size:16px; height:81px; margin-top:30px; margin-bottom:30px;}
.gengduo{-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s; border:1px solid #fff; border-radius:5px; height:45px; width:150px; text-align:center; line-height:45px; }
.gengduo a{ color:#fff; text-align: center}
.gengduo:hover { padding-left:30px!important;display:block; }

.tabbox {width:99.6%;height:250px; margin:0 auto; margin-top:60px;}
.tabmenu {width:99.6%;height:60px; background:#f2f2f2; margin:0 auto}
.tabmenu ul {margin:0;padding:0;list-style-type: none;}
.tabmenu li { text-align:center; float:left; display:block; width:16.6%; height:60px; overflow:hidden;line-height:60px; border-right:#555 1px  dotted; color:#333;  display:inline; font-size:17px;position: relative; box-sizing: border-box; }
.tabmenu .cli {text-align:center;float:left;display:block;width:16.6%; height:60px;overflow:hidden;background-color: #038819;line-height:60px;display:inline;font-size:17px; cursor:pointer; color:#fff}
#tabcontent {width:99.6%; margin:0 auto; padding-top:50px;}
#tabcontent ul {margin:0;list-style-type: none;}
#tabcontent .hidden {display:none;}
.tabmenu li:last-child{ border-right:0px;}


.pro { width:100%; background:url(../image/p_bg.jpg) no-repeat center top; height:593px; clear:both; overflow:visible;  }
.pro_con {  width:1300px; margin:0px auto; padding-top:92px; }
.pro_con dl { width:336px; height:228px;   text-align:center;   color:#fff; transition:all 0.4s; position:relative; overflow:hidden;  border-bottom-right-radius:25px;}

.index_2_5_mid_1{background:#0069b7;width:276px;border-top-left-radius:25px; color:#fff; text-align:center; line-height:30px; font-size:17px; padding:50px 30px;  }

.teshu{background:#038819;width:276px; height:118px; border-top-left-radius:25px; color:#fff; text-align:center; line-height:50px; font-size:25px; padding:50px 30px; font-weight:900;}

.pro_con dl dt {width:336px; position:absolute;}
.pro_con dl dt img {  width:336px; height:228px;  transition:all 0.5s;}


.pro_con dl dd .tb { display:none;  transition:all 0.5s; position:absolute; top:590px; left:50px;}

.pro_con dl dd {  position:relative; z-index:999; background-color:rgba(9,66,138,0);  text-align:left;width:336px;  height:228px; }
.pro_con dl dd:before { content:" ";background-color:rgba(9,66,138,0);width:336px; height:228px; display:block; transition:all 0.4s;position:absolute; z-index:-9;}
.pro_con dl dd h3 { font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute; top:415px; left:50px;transition:all 0.5s;}

.pro_con dl dd p { font-size:14px; line-height:20px;  transition:all 0.5s; width:286px; margin:0px auto; margin-top:10px; margin-bottom:15px;  transition:all 0.5s; position:absolute; top:590px; left:50px;display:none; }
.pro_con dl dd b { font-size:32px; font-weight:400; line-height:25px; margin-bottom:10px; font-family:"Atrament Medium"; position:absolute; top:336px; left:50px; }
.pro_con dl dd .xx1 { position:absolute; top:480px; left:50px; }
.pro_con dl dd .p_more {display:none; margin:0px auto;  transition:all 0.5s; }
.pro_con dl dd .p_b { margin-top:106px;transition:all 0.4s;}
.pro_con dl dd span { transition:all 0.5s; position:absolute; top:590px; left:50px;display:none;}



.pro_con a:hover dl {transform:translateY(-20px);}
.pro_con a:hover dl dt img {transform:scale(1.1);}
.pro_con a:hover dl dd {  }
.pro_con a:hover dl dd .tb { display:block; position:absolute; top:70px; left:50px;}
.pro_con a:hover dl dd:before { content:" "; transform:translateY(-0px); width:155px; height:45px; margin-top:92px; margin-left:89px; border-radius:5px;

	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(3,136,25,.9)), to(rgba(3,136,25,.9)));
	background-image: -webkit-linear-gradient(top,  rgba(3,136,25,.9), rgba(3,136,25,.9));
	background-image: -moz-linear-gradient(top, rgba(3,136,25,.9), rgba(3,136,25,.9));
	background-image: linear-gradient(top, rgba(3,136,25,.9), rgba(3,136,25,.9));
	

}
.pro_con a:hover dl dd h3 {  position:absolute; top:163px; left:50px; display:none;     }
.pro_con dl dd h4 { display:none;  }
.pro_con a:hover dl dd h4 {  display: block;   position:absolute; top:163px; left:50px; font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute;  }
.pro_con a:hover dl dd b { display:none;  }
.pro_con a:hover dl dd .xx1 { display:none;  }
.pro_con a:hover dl dd p {  font-size:15px; line-height:26px; display:block; position:absolute; top:236px; left:50px;  }
.pro_con a:hover dl dd .p_more {display:block;}
.pro_con a:hover dl dd .p_b { margin-top:66px;}
.pro_con a:hover dl dd span {font-size:16px;line-height:26px; position:absolute; top:101px; left:136px; display:block; }







.chanpin{ width:100%; margin:0 auto; background:#ededed;}
.chanpin_zhong{ width:1300px; margin:0 auto;padding-top:70px;}

.Menubox {position: relative;width: 100%;padding-bottom:16px;}
.Menubox li { float:left; width:33.1%; font-size:22px; position:relative;z-index:2; cursor:pointer; background:#fff; color:#333; font-weight:bold; height:86px; line-height:86px; padding-left:35px; margin-right:2px; border-radius:5px; }
.Menubox li span{ font-size:16px; font-weight:normal; padding-left:23px; line-height:80px;}
.Menubox li:nth-child(1) span{ padding-left:6px;}
.Menubox li:after{ content:""; position:absolute; bottom:-20px; left:50%;width:0; 
    height:0; 
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid #d01128; opacity:0;}
.Menubox li.hover{ color:#fff; background:#d01128;}
.Menubox li.hover:after{ opacity:1;}
.Menubox li.hover span{ opacity:0;}
.Contentbox {clear: both; color:#fff; padding-top:10px; position:relative;}
.Contentbox a{ color:#333; opacity:1}
.pro-js{ font-size:16px; padding-bottom:10px;}
.pro-js a{ display:inline-block; border:1px solid #a3a3a3; padding:6px 32px; border-radius:6px; margin-right:5px;}
.pro-js a:hover{ background:#bf101a; color:#fff; border-color:#bf101a;}
.in-pp{ overflow:hidden; position:relative;  }
.in-pp .hd{ width:100%; text-align:center;}
.in-pp .hd a{ display: inline-block; margin:30px 10px 0}
.in-pp .hd .prev{  width:48px; height:49px;overflow:hidden;
			 cursor:pointer; background:url("404.png") no-repeat;}
.in-pp .hd .next{  width:48px; height:49px; overflow:hidden;
			 cursor:pointer; background:url("404.png") no-repeat;}

.in-pp .bd{ }
.in-pp .bd ul{ overflow:hidden; zoom:1; }
.in-pp .bd ul li{ margin:0 12px 0 0 ; float:left; _display:inline; overflow:hidden; text-align:center; width:24%; position:relative;  }
.in-pp .bd ul li .pic{ text-align:center;overflow:hidden; height:200px;}
.in-pp .bd ul li .pic:after { width:100%; height:5px; background:#ece65e; content:" "; position:absolute; z-index:9;}

.in-pp .bd ul li .pic img{  height:200px!important;  display:block; transition-duration:.5s; border:1px solid #e1e1e1; border-radius:5px; border-bottom:8px solid #0069b7;cursor: pointer;transition: all 0.8s;}


.in-pp .bd ul li .pic img:hover{   transform: scale(1.2);}


.gai-Menubox { width:100%; border-radius:0px; height:138px; margin-top:50px}
.gai-Menubox li{ float:left; text-align:center; cursor:pointer; padding-bottom:10px; width:25%;}
.gai-Menubox ul li dl{ height:110px; background:#fff; text-align:center; padding:15px 15px; position:relative; color:#0069b7}
.gai-Menubox ul li dl dt{ width:65px; height:65px; background-repeat:no-repeat; margin:6px auto 6px;}
.gai-Menubox ul li dl dd{ font-size:18px; font-weight:bold;}
.gai-Menubox ul li:nth-child(1) dl dt{ background-image:url(../image/p_b1.png)}
.gai-Menubox ul li:nth-child(2) dl dt{ background-image:url(../image/p_b2.png)}
.gai-Menubox ul li:nth-child(3) dl dt{ background-image:url(../image/p_b3.png)}
.gai-Menubox ul li:nth-child(4) dl dt{ background-image:url(../image/p_b4.png)}
.gai-Menubox ul li:nth-child(5) dl dt{ background-image:url(404.png)}
.gai-Menubox ul li:nth-child(6) dl dt{ background-image:url(404.png)}
.gai-Menubox ul li:nth-child(7) dl dt{ background-image:url(404.png)}

.gai-Menubox ul li:nth-child(1) dl{ border-radius:0px 0 0 0px;}
.gai-Menubox ul li:nth-child(7) dl{ border-radius:0 0 0px 0px;}
.gai-Menubox ul li dl:after{ content:""; width:1px; height:78px; background:#e0e0e0; position:absolute; right:0; bottom:30px;}



.gai-Menubox ul li:nth-child(4) dl:after{ display:none;}
.gai-Menubox li.hover{ background:url(../image/sjiao.png) no-repeat bottom center}
.gai-Menubox li.hover dl{ background:#0069b7}
.gai-Menubox li.hover dl dd{ color:#fff;}
.gai-Menubox ul li.hover dl:after{ display:none;}
.gai-Menubox ul li:nth-child(1).hover dl dt{ background-image:url(../image/cp1a.png)}
.gai-Menubox ul li:nth-child(2).hover dl dt{ background-image:url(../image/cp2a.png)}
.gai-Menubox ul li:nth-child(3).hover dl dt{ background-image:url(../image/cp3a.png)}
.gai-Menubox ul li:nth-child(4).hover dl dt{ background-image:url(../image/cp4a.png)}
.gai-Menubox ul li:nth-child(5).hover dl dt{ background-image:url(404.png)}
.gai-Menubox ul li:nth-child(6).hover dl dt{ background-image:url(404.png)}
.gai-Menubox ul li:nth-child(7).hover dl dt{ background-image:url(404.png)}
.gai-Contentbox{ padding-top:0px;}
.sec-pro ul{ width:100%; text-align:center; height:60px;}
.sec-pro ul li{ display:inline-block; font-size:18px; padding-bottom:5px;cursor:pointer; margin:20px 10px; font-weight:700; color:#0160b2;}
.sec-pro ul li.hover{ border-bottom:2px solid #005bab;}


.sec-Contentbox { margin-top:20px;}



.newsa{ width:1300px; margin:0 auto; padding-top:30px; padding-bottom:80px;}
.newsa ul li{ float:left; width:290px; border-bottom:5px solid #d1d1d1;  margin-left:45px;padding-bottom:20px;-webkit-transition: margin-top .8s;
-moz-transition: margin-top .8s;
-o-transition: margin-top .8s;}
.newimg{ width:290px; height:150px; display: flex;justify-content: center;
align-items: center;overflow:hidden; margin-bottom:20px;}
.newimg  img{max-width:290px;max-height:150px; transition: all 0.8s;}
.newimg  img:hover{   transform: scale(1.4); }
.newsa ul { margin-top:60px;}
.newsa ul li h2{ line-height:25px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; height:50px; color:#000; font-size:18px; margin-bottom:20px; }
.riqi{ font-size:14px; color:#0069b7; margin-bottom:10px;}
.xxnr{line-height:22px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; height:44px; color:#555; font-size:14px;}
.newsa ul li:hover { margin-top:-10px!important;display:block; border-bottom:5px solid #0069b7; }
.newsa ul li:hover h2{ color:#0069b7;}
.newsa ul li:first-child{ margin-left:0px;}


a:hover .xcp { background-size:110% 110%;}
a:hover .xcp dl { padding-top:142px; }
.xcp{ width:100%; height:463px; transition:all 0.4s; background: url(../image/index_24.png) no-repeat center top;  background-size:100% 100%; color:#FFFFFF; text-align:center; }
.xcp dl{ padding-top:132px; transition:all 0.4s; }
.spline{ background:#fff;  width:80px; height:3px; text-align:center; margin:0 auto;margin-top:10px;}
.xcp span{ font-size:22px; font-family:AiDeep; text-transform:uppercase;}
.xcp h2{ font-size:43px; padding:4px 0 40px 0; font-weight:900;}

.hezuo{ width:1300px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2 span{ color:#0069b7!important}
.wenzi h2{ font-size:35px; color:#000; font-weight:900}
.wenzi .wline{ background:#0069b7;  width:60px; height:3px; margin:0 auto;margin-top:10px; margin-bottom:10px;}
.wenzi h3{ font-size:17px; color:#555;}

.hezuo ul li{ float:left; margin-left:28px;border:1px solid #d8d8d8;}
.calie{ width:190px; height:120px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.hezuo ul { margin-top:50px;}
.calie  img{max-width:180px;max-height:110px; transition: all 0.8s;overflow:hidden}
.calie  img:hover{   transform: scale(1.4);overflow:hidden}
.hezuo ul li:first-child { margin-left:0px!important; }

/*-------底部-----------*/
.foot{ width:100%; background:#181b20;border-top:8px solid #0069b7;margin:0 auto;}
.foota{ width:1300px; margin:0 auto; padding-top:60px; padding-bottom:60px;}
.fazuo{ margin-right:110px;}
.foota a{ color:#87878b}
.fazuo h2{ color:#fff; font-size:19px; padding-bottom:10px;}
.faline{ background:#fff; height:3px; width:40px;}
.fbzuo h2{ color:#fff; font-size:19px; padding-bottom:20px;}
.fazuo ul li{ line-height:30px; }
.liantxt{padding-top:20px; color:#fff; opacity:0.8; line-height:30px;}
.liantxt a{color:#fff; opacity:0.8; }

.fazuo ul{ padding-top:20px;}
.fazuo ul li a{color:#fff; opacity:0.8}
.fbzuo .bigtel{ color:#fff; font-size:25px; font-weight:900; padding-bottom:10px;}
.ewm{ margin-right:0px;}
.ewm p{ text-align:center; line-height:30px;}
.footb{ background:#000; padding-top:30px; padding-bottom:30px;}
.footc{ width:1300px; margin:0 auto}

a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #87878b;}
a.zzb07link:hover {text-decoration: underline;color: #87878b;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#87878b;}




.nyhonor{ background:url(../image/nyhonor.jpg) no-repeat center; width:100%; margin:auto; height:400px;}
.nypro{ background:url(../image/nyshe.jpg) no-repeat center; width:100%; margin:auto; height:400px;}
.nyabout{ background:url(../image/nyabout.jpg) no-repeat center; width:100%; margin:auto; height:400px;}
.nycon{ background:url(../image/nycon.jpg) no-repeat center; width:100%; margin:auto; height:400px;}
.nyyy{ background:url(../image/nyyy.jpg) no-repeat center top; width:100%; margin:auto; height:400px;}
.nynews{ background:url(../image/nynews.jpg) no-repeat center top; width:100%; margin:auto; height:400px;}

.nyyy{ background:url(../image/nyyy.jpg) no-repeat center top; width:100%; margin:auto; height:400px;}

.