/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}




/*产品*/





.news {width:100%; margin:0px auto; clear:both; overflow:visible; background: url(../images/bg6.jpg) center top  no-repeat #fff; height:946px;}
.news_con {width:1310px; margin:0px auto 25px auto;}
.news .con_1 { height:410px;}
.news_l { width:609px; height:391px; float:left;}
.news_l img { width:609px; position:absolute; height:391px;}
.news_l p { width:159px; position:absolute; height:43px; line-height:43px; margin:0px auto; position:absolute; top:300px; background:rgba(0,106,179,.8); text-align:center; color:#ff; font-size:15px; left:202px;}
.news_l a p { color:#fff;}


.news_r { height:376px; margin-top:10px; width:585px;float:right; text-align:left; padding-left:47px; }


.news_r dl {width:100%;  height:200px;  float:left; margin-bottom:34px;transition:all 0.4s; }
.news_r a:hover dl  {transform:translateY(-10px); }

.news_r dl dt {  float:left; width:82px; height:100px;  color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif;color:#626d78; font-size:14px;line-height:17px;font-weight:400; font-style:normal!important;}
.news_r dl dt b {color:#626d78;  margin-top:22px; line-height:35px; width:100%; float:left; font-weight:400;}
.news_r dl dt em  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc01  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc02  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc03  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}


.news_r dl dt prc04  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc05  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc06  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}

.news_r dl dt prc07  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc08  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc09  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}


.news_r dl dt prc10  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc11  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}
.news_r dl dt prc12  {color:#626d78; margin-top:22px; line-height:35px; width:100%; float:left; font-size:45px;font-weight:400;font-style:normal!important;}



.news_r dl dd { width:488px; float:left; height:100px; text-align:left;}
.news_r dl dd h3 { line-height:28px; margin-top:3px; font-size:20px;color: #6b6b6b; font-weight:400;}

.news_r dl dd span { line-height:31px;}
.news_r dl dd p { color:#9e9e9e; font-size:14px; line-height:26px;margin-top:5px;}
.news_r dl dd i { margin-top:10px; float:left;} 

.news_more {width:1310px; margin:0px auto 25px auto; }
.news_more .more { margin:0px auto; color:#016ab3;   border:2px solid #016ab3;}




/*fenlei*/

.warp_1{ width:100%; margin:0 auto; background:url(../images/bg1.jpg) repeat; height:490px}
.pronav{ width:1300px; margin:0 auto; display:flex; list-style:none}
.pronav .img{ width:24%; margin:1%; justify-content:center; text-align:center; list-style:none; margin:0 auto}
.pronav  .img{ width:60%; text-align: center}
.pronav  .img img{transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;}
.pronav  .img:hover img {
    transform: rotateY(180deg);transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease; text-decoration:none
}
.pronav .img p{ color:#2d2d2d; font-size:20px; margin:9px 0}
.pronav .img  b{ width:80px; height:1px; background:#c9c9c9; margin:10px auto; display:block}
.pronav .img span p{ font-size:15px; color:#4a4949; line-height:26px}
a:hover{text-decoration:none}
.pronav li{ width:100%; text-align:center; margin-bottom:70px; margin-top:30px}


.gengduo { width:100%; background:url(../images/fw_gd.png) no-repeat center top; height:78px; margin-top:65px;   }
.fuwu ul li { width:50%; float:left; line-height:78px; font-size:18px; text-align:center; color:#fff;}
.fuwu ul li i { font-family:Arial, Helvetica, sans-serif; font-style:normal; }








.newsbg{ width:1310px; margin:0 auto; height:726px}





.warp_21{ width:1300px; margin:0 auto; }






/*about*/
.warp_2{ width:100%; margin:0 auto; background:url(../images/bg4.jpg) repeat; padding:100px 0}
.about{ width:1310px;  margin:0 auto;}
.sz{ width:1310px;  margin:0 auto; height:200px}
.about h5{ font-weight:100; margin-top:40px}
.about h4{ font-weight:100; margin-top:40px}

.neirong{ width:900px;  margin:20px auto; }
.neirong p{ text-align:center;  font-size:16px; color:#4c4c4c; line-height:30px}

.sz .fl {
    width: 50%;
  
    height: 175px;
}
 .sz dl {
    width: 49%;
    display: inline-block;
    text-align: center;
    padding-top: 45px;
    background: url(../images/ab_xx1.jpg) no-repeat right 45px;
    height: 128px;
}.sz .fl dl dt {
    color: #01478f;
}.sz  dl dt span {
    font-family: DINEngschriftStd; font-weight:normal
   
}.sz dl dt em {
    font-size: 15px;
    color: #4b4b4b; font-style:normal
}.szdl dd {
    font-size: 15px;
    color: #4b4b4b;
}.sz  .fr {
    width: 50%;
  
    height: 175px;
}.sz.fr dl:nth-child(1) {
    
}
.sz dl dt {
    font-size: 60px;
    font-family: DINEngschriftStd; color: #01478f; font-weight:normal
}



 .btn_1 {
    width: 153px;
    height: 36px;
    background: #01478f;
    -webkit-box-shadow: 0 0 22px 0 rgba(40, 11, 45, 0);
    box-shadow: 0 0 22px 0 rgba(40, 11, 45, 0);
    border-radius: 18px;
    text-align: center;
    line-height: 36px;
   
    color: #fff;
    font-size: 14px; margin:0 auto;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.btn_1:hover{-webkit-box-shadow:0 0 22px 0 rgba(40, 11, 45, .48);
	box-shadow:0 0 22px 0 rgba(12, 121, 62, .48); margin-top:-10px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}



/*guanggao1*/

#home_shu_1 {
	

    height: 788px;
    background: url(../images/bg2.jpg) center no-repeat;
    background-attachment: fixed;color:#fff


	
	}
	#home_shu_1 .content { width:1200px; margin:0 auto; color:#fff;justify-content:center;flex-wrap: wrap; }
	
#home_shu_1  dl { padding-top:29px; text-align:center; color:#FFF; font-size:36px; margin:10px auto; width:28%; margin:0PX 2%;  }
#home_shu_1  dl h2{font-size:25px; font-weight:400;  color:#fff; margin-top:25PX; }
#home_shu_1  dl dd{ font-size:15px; font-weight:100}


#home_shu_1 dl dt { font-size:18px; line-height:50px; text-transform:uppercase; letter-spacing:0px; height:50px}
#home_shu_1 dl dd { font-size:16px; line-height:25px; margin-top:10px; color:rgb(255,255,255,.8)}

#home_shu_1 .zuo{ text-align:right; margin-right:18%}
#home_shu_1 .you{ text-align:left; margin-left:18%}
#home_shu_1 .zuo img{ float:right; margin: 10px}
#home_shu_1 .you img{ float:left; margin: 10px}





#home_shu_1 dl img{transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;}
#home_shu_1  dl:hover img {
    transform: rotate(360deg);transition: all .3s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease; text-decoration:none
}
.home_pic{ float:left; clear:both}
.home_pic img{ position:absolute; left:470px; padding-top:80px;  transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.home_pic:hover img{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




    transform: translate(0,10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}




/*guanggao2*/

#home_shu {
	

    height: 700px;
    background: url(../images/bg5.jpg) center no-repeat;
    background-attachment: fixed;


	
	}
	
	
#home_shu dl { text-align:center; color:#FFF; font-size:36px; letter-spacing:2px; padding:229px 0 0; height:700px; }
#home_shu dl .ertyu{display:flex}



.home_news_li_r .icon iconfont{font-size:10px!important; }

#home_shu  dl:nth-child(1){ width:50%;}
#home_shu dl dd { font-size:18px; letter-spacing:0}
#home_shu dl dt { font-size:32px; font-weight:normal; }

.dami_1_a{ position:absolute; left:240px; clear:both; margin-top:-30px;  }
.dami_1_b{ position:absolute; left:150px; clear:both ; margin-top:-30px;}
.dami_1_c{ position:absolute; left:30px; clear:both; margin-top:-30px ; }
.dami_1_d{ position:absolute; left:190px; clear:both; margin-top:-25px ;}



#home_shu  dl:nth-child(2) { width:50%; background:rgb(12,121,62,.8) ; text-align:left; padding-left:77px
    
}
#home_shu  dl:nth-child(2) dt{ font-size:50px; color:#fff; font-weight:normal; line-height:110px; background:url(../images/jia.png) no-repeat 240px top}
#home_shu  dl:nth-child(2) dt span{ font-size:33px; color:#fff; font-weight:100; line-height:50px}
#home_shu  dl:nth-child(2)  dd{ font-size:16px; color:#fff; font-weight:100; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; text-transform:uppercase}

.dami_1{ width:76%; z-index:99999999}

.dami_1 img{ margin-bottom:2px}
.dami_2{ width:126px; margin:30px 30px 0 0}


/*news*/

.zzs {
    width: 1300px;
    margin: 0px auto;
}


.zzsc .tab{ overflow:hidden; width:662px; height:50px;line-height:50px; float:left}
.zzsc .tab a{ display:block;  float:left; text-decoration:none; color:#333;  text-align:center; font-size:17px; background:#f7f7f7; margin-right:3px ; width:49%}
.zzsc .tab a:hover{ background:#01478f; color:#fff; text-decoration:none;}
.zzsc .tab a.on{ background:#01478f; color:#fff; text-decoration:none; width:49%}
.zzsc .content_2{ overflow:hidden; width:662px; position:relative; height:360px}
.zzsc .content_2 ul{ position:absolute; left:0; top:0; }
.zzsc .content_2 li{ width:657px; float:left;}

	
.zzsc .content_2 .fifi{ height:95px; display:block; border-bottom:1px #f2f2f2 solid; padding-top:10px ;} 

	
	
.content_2  a:hover  .home_news_li_r {
    transform: translate(-10px,0);
    -webkit-transform: translate(-10px,0);
    -moz-transform: translate(-10px,0);
    -o-transform: translate(-10px,0);
    -ms-transform: translate(-10px,0);
    background-color: #01478f;
    color: #fff;
    border: 1px solid #01478f;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
	
	
.home_news_ul li { width:660px; border-bottom:1px solid #f2f2f2; height:79px; padding-top:32px; display:flex; justify-content:space-between;}
.home_news_li_l { width:104px; border-right:1px solid #e3e3e3; height:72px; text-align:center; padding-right:20px; font-size:14px; color:#333; float:left }
.home_news_li_l p { font-size:30px; text-align:center; line-height:30px; padding-bottom:0; margin-bottom:0; padding-top:15px }
.home_news_li_m { width:478px; padding-left:19px; text-align:left; float:left}
.home_news_li_m h4 { width:100%; text-align:left; line-height:27px; font-size:17px; color:#363636}
.home_news_li_m p { width:87%; text-align:left;  font-size:14px; color:#767676; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 20px;
line-height: 20px; }
.home_news_li_r { width:30px; height:30px; text-align:center; line-height:25px; border-radius:50%;  color:#c3c3c3; border:1px solid #c3c3c3;margin-top:14px; float:right }
.home_news_li_r .icon iconfont{font-size:10px!important; }

.zzsc a .home_news_tu.right .home_news_tu_img,
.zzsc a .home_news_tu.right .home_news_tu_con {
	
		transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;	
	
	}

.zzsc a:hover .home_news_tu.right .home_news_tu_img { width:110%; height:110%; top:-5%; left:-5%;
}
.zzsc a:hover .home_news_tu.right .home_news_tu_con {height:90px;  }


	
	.home_news_tu { width:596px; height:382px; overflow:hidden; margin-top:-46px; position:relative; float:right}
.home_news_tu_img  {width:596px; height:382px; position:absolute; top:0px; left:0px; }
.home_news_tu_con {width:596px; height:108px; position:absolute;   bottom:0px; left:0px;  
background-color:#01478f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#01478f), to(#01478f));
	background-image: -webkit-linear-gradient(left,  #01478f, #01478f);
	background-image: -moz-linear-gradient(left, #01478f, #01478f);
	background-image: linear-gradient(left, #01478f, #01478f);
	display:flex; justify-content: space-between; opacity:0.83;
	


}
.home_news_tu_con h3 { padding-left:55px; padding-top:25px; color:#FFF; line-height:28px; font-size:31px; font-weight:normal; font-family:"Times New Roman", Times, serif; } 
.home_news_tu_con h3 p { font-family:"微软雅黑"; font-size:17px;line-height:23px; }
.home_news_tu_con_b { float:right; padding-right:43px; padding-top:43px;}


.zzsc a:hover .home_news_tu.right .home_news_tu_img { width:110%; height:110%; top:-5%; left:-5%;
}
.zzsc a:hover .home_news_tu.right .home_news_tu_con {height:90px;  }