@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: GilroyBold;
  src: url('../fonts/Gilroy-Bold-4.otf');
}

@font-face {
  font-family: GilroyMedium;
  src: url('../fonts/Gilroy-Medium-2.otf');
}

@font-face {
  font-family: GilroyRegular;
  src: url('../fonts/Gilroy-Regular-3.otf');
}

*{
margin:0;
padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:24px;
color:#646464;
background:#fff;

}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#646464; text-decoration: none;}

a:hover{color:#0b50a9;text-decoration:none;}




/*--------------------index.html start----------------------*/


.header{ position:fixed; width:100%; left:0; top:0; padding:10px 0; z-index:9999;  }
.headerchuange{  background:rgba(255,255,255,.9);  border-bottom:#efefef 0px solid;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; }
.header-wraper{ width:1300px; margin:0 auto;display:flex; }
.nav { width:100%;display:flex; align-items:center;  justify-content:flex-end;height:70px;}
 
.navitem{  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative; padding-top:10px;}
.navitem a{color:#FFFFFF; font-size:17px;  text-decoration:none; font-weight: 700; padding-left:37px; padding-top:0px;}
.navitem a:hover{color:#0062bb; }
.navitem a.itemactive{color:#000!important;}
.navitem a.itemactive:hover{color:#0b458b!important;}
.logo{ position:absolute; padding-top:10px; }
.logoc{ position:relative; width:200px; min-width:200px;}
.logochuange {  width:200px;   position:absolute;   }
.logochuange img{-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; width:200px;opacity:0;padding-top:10px; }
.logo img{ -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;opacity:1;}

.seearch{       display:flex; align-items:center;   text-align:right; padding-top:17px;  }
.seearch div{ margin:0 5px; display:block;   }
.seearchitem01  { background:url(../images/ico1.png)    no-repeat; width:23px; height:23px;}
.seearchitem02 { background:url(../images/ico2.png)   no-repeat ; width:23px; height:23px;}
.seearchitem03 { background:url(../images/ico3.png)   no-repeat;  width:23px; height:23px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.seearchitemchuange{background-position:bottom center;}
.seearch a{ width:23px;  height:inherit; display:block;}
.navitemdown{ position:absolute;    background:rgba(255,255,255,1); display:block; padding: 10px 20px; border:#c1c1c1 1px solid; /*--------阴影----------*/
box-shadow:0px 1px 7px #ccc ; 
-moz-box-shadow:0px 1px 7px #ccc ;  
-khtml-box-shadow:0px 1px 7px #ccc ;          
-webkit-box-shadow:0px 1px 7px #ccc ; margin-top:27px; 
    
 }
.navitemdown a{ display:block; line-height:30px; color:#000000; font-size:14px; text-transform:uppercase; display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.navitemarr,.navitemarrhei{ padding-right:10px;}
.navitemarr:before{width: 0; content:'';  position:absolute; 
height: 0;

border-width: 4px;

border-style: solid;

border-color: #fff  transparent transparent transparent; left:100%; margin-left:-25px; margin-top:8px;}
.navitemarrhei:before{ 

border-color: #000  transparent transparent transparent;  }

.wraper{width:1142px; margin:0 auto}


.input{border:#ddd 0px solid;height:35px;font-family:Arial, Helvetica, sans-serif;width:380px;color:#333;font-size:14px;   line-height:35px;  
 
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;   padding:0 10px;  }
.search{  position:fixed; top:72px;  left:0; display:block; z-index:999999;  width:100%;}
.searchitem{ padding:10px; background:#fff; border:#efefef 1px solid; width:500px; float:right}
.searchitem form{ display:flex; width:100%;}



.nr1{ float:left;z-index:990; position: relative;clear: both; width:100%; height:0px;}
.nr2{width:100%; height:190px;float:left;position: absolute;clear: both; margin-top:612px; background:url(../images/f_b.png) repeat;}
.f_wz{width:1259px; margin:auto; font-size:17px; text-align:right; color:#FFFFFF; line-height:33px; padding-top:30px;}


#flash{
width:100%;
height:802px;
float:left;
}


.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:802px;
			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;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			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: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('../images/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('../images/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}







#dh1{width:1250px;margin:auto; padding-top:60px; clear:both;  }
#dh1 h3{width:1250px; float:left;text-align:center;font-size:45px; color:#2f2f2f;font-weight:900;line-height:90px; padding-bottom:50px; background:url(../images/p_yz.png) no-repeat 270px 30px }
#dh1 h3 span{ color:#7b7b7b; background:url(../images/pp.png) no-repeat top center; padding-top:40px;letter-spacing:0px; font-weight:normal}


.dh2{width:1250px;float:left; background:url(../images/ss.jpg) no-repeat left 30px; padding-bottom:70px; }

.dh2-1{width:27.3333%; float:left; text-align:center; color:#5e5e5e; font-size:16px; background:url(../images/ss.jpg) no-repeat right 10px; padding-left:3%;  padding-right:3%;}
.dh2-1 span{width:100%;float:left; font-size:38px; font-weight:700;   color:#0d54ab; line-height:24px; padding-bottom:18px; padding-top:18px;}
.dh2-1 span sup { font-size:18px; font-weight:400;}
.dh2-1 p{width:100%;float:left; font-size:15px; color:#8f8f8f;}

.dh2-1 img{width:110px; margin:auto}
.dh2-1 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-1:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}


.m11{  text-align:center; color:#6bbc41;  float:left; font-size:25px;  margin-top:20px; font-weight:normal;width:240px;}
.m11 a{color:#0b50a9;}



.dh2-2{width:26.3333%;float:left; text-align:center; color:#5e5e5e; font-size:16px; background:url(../images/ss.jpg) no-repeat right 10px; padding-left:3%;  padding-right:3%; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.dh2-2 span{width:100%;float:left;  font-size:38px; font-weight:700;  color:#0d54ab; line-height:24px; padding-bottom:18px; padding-top:18px;}
.dh2-2 span sup { font-size:18px; font-weight:400;}
.dh2-2 p{width:100%;float:left; font-size:15px; color:#8f8f8f;}

.dh2-2 img{width:110px; margin:auto}
.dh2-2 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-2:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.m12{  text-align:center; color:#0b50a9;  float:left; font-size:25px;  margin-top:20px; font-weight:normal;width:170px;}
.m12 a{color:#0b50a9;}

.dh2-3{width:27.333%; float:left; text-align:center; color:#5e5e5e; font-size:16px; background:url(../images/ss.jpg) no-repeat right 10px;   padding-left:3%;  padding-right:3%;}
.dh2-3 span{width:100%;float:left;  font-size:38px; font-weight:700;   color:#0d54ab; line-height:24px; padding-bottom:18px; padding-top:18px;}
.dh2-3 span sup { font-size:18px; font-weight:400;}
.dh2-3 p{width:100%;float:left; font-size:15px; color:#8f8f8f;}

.dh2-3 img{width:110px; margin:auto}
.dh2-3 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-3:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}




.dh2-4{width:200px; float:left; text-align:center; color:#5e5e5e; font-size:16px; background:url(../images/ss.jpg) no-repeat right 10px;  padding-left:35px;  padding-right:35px;}
.dh2-4 span{width:200px;float:left; font-size:18px;   color:#000; line-height:24px; padding-bottom:18px; padding-top:18px;}
.dh2-4 p{width:200px;float:left; font-size:15px; color:#8f8f8f;}

.dh2-4 img{width:90px; margin:auto}
.dh2-4 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-4:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}



.m14{  text-align:center; color:#0b50a9;  float:left; font-size:25px;  margin-top:20px; font-weight:normal;width:200px;}
.m14 a{color:#0b50a9;}






.ab2z { width:100%; height:800px; margin:0px auto; background: url(../images/abbg.jpg); clear:both; overflow:visible; }
.ab2{width:1250px; margin:auto; padding-top:100px; clear:both}
.ab2-2{width:534px; height:564px; float:left; overflow:hidden; position:relative;}
.ab2-2 .play { width:78px; height:78px; position:absolute; left:40%; top:40%; background:url(../images/play.png); z-index:99;}
.ab2-2 .img{width:534px; height:564px; float:left;}
.ab2-2 a .img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab2-2 a:hover .img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.ab2-1{width:620px; float:right; padding-top:30px;  }

.ab2-1 h3{width:520px;  font-size:45px; font-weight:normal; float:left; text-align:left; color:#545454;  text-transform:uppercase; line-height:50px; }
.ab2-1 h3 span{  font-size:45px;font-weight:900; color:#2f2e2e; }
.ab2-1 h3 em{  font-size:17px; line-height:24px; font-weight:normal; color:#b7b7b7; font-style:normal;text-transform:none }

.ab2-3{width:100%; float:left; padding-top:50px; height:230px; }


.m1{  text-align:center; background:#018744;  line-height:40px; color:#fff;  float:left; font-size:17px;  margin-top:20px; font-weight:normal;width:180px; border-radius:5px;}
.m1 a{ color:#fff;}
.m1 a:hover{background:#0b458b; float:left;width:180px; text-align:center; line-height:40px; color:#fff;border-radius:5px; }








.container{width:1142px; margin:auto;}


.da-thumbs {
	list-style: none;
	width: 1142px;
	position: relative;
	margin: auto;
	padding: 0;
}

.da-thumbs li {
	width:28.3333%; margin:0px 1%; border:5px solid #fff; box-shadow:0px 5px 5px 5px rgba(0,0,0,.1);
	float: left;
	
	background: #fff;
	padding: 9px;
	position: relative;
}


.da-thumbs li a,
.da-thumbs li a img {
width:100%; height:100%;
	display: block;
	position: relative;border-radius:15px;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div .da-thumbs121 {width:451px; float:left; 
	display: block; font-size:17px; text-align:left; padding-top:100px; line-height:30px; padding-left:50px; padding-right:50px;
	font-weight:normal!important;
	color: rgba(255,255,255,1);

}




.promore { width:100%; margin:50px auto; float:left; }
.promore a { width:200px; line-height:40px; background:#d72027; color:#fff; margin:0px auto; display:block; text-align:center; border-radius:5px; font-size:17px;}




#dddz{width:100%; height:700px; margin:0px auto; background: url(../images/bg2.jpg); background-size:100% auto; clear:both; overflow:visible;}
#ddd{width:1250px;margin:0px auto; padding-top:20px; clear:both;  }
#ddd h3{width:100%; float:left;text-align:center;font-size:45px; color:#2f2f2f;font-weight:900;line-height:90px; padding-bottom:30px; background:url(../images/p_yz.png) no-repeat 270px 30px }
#ddd h3 span{ color:#7b7b7b; background:url(../images/pp.png) no-repeat top center; padding-top:40px;letter-spacing:0px; font-weight:normal}





.news_nr { width:100%;}


.news_nr .fl { width:45%; float:left; /*border-radius:15px; overflow:hidden;*/}
.news_nr .fl img { width:100%;}
.news_nr .fr { width:50%; float:right;}

.news_nr .fr dl { width:100%; height:93px; float:left; border-bottom:1px solid #eee; margin-bottom:15px;}
.news_nr .fr dl dt { width:88px; height:88px; background:#fff; text-align:center; float:left; font-family:Arial, Helvetica, sans-serif; }
.news_nr .fr dl dt i { font-size:30px; line-height:30px; padding-top:18px; width:100%; display:block; font-style:normal;}
.news_nr .fr dl dt p { font-size:15px; line-height:30px;}

.news_nr .fr dl dd { border-left:1px solid #eee; margin-left:15px; padding-left:15px; width:78%; float:left;}
.news_nr .fr dl dd .nr { width:92%; float: left;}
.news_nr .fr dl dd h2 { font-size:18px; line-height:25px; margin-bottom:6px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; color:#333;
overflow: hidden;
height: 25px;
line-height: 25px; width:100%; float:left;}

.news_nr .fr dl dd p {font-size:14px; line-height:26px; color:#666;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 44px;
line-height: 22px;  width:100%; float:left; margin-top:5px;}
.news_nr .fr dl dd span { width:25px; height:25px; float:right; border-radius:50%; border:1px solid #999; font-size:20px; line-height:25px; text-align:center; color:#999; margin-top:30px;}











.kuang1{
height:35px;
color:#767676;
border:#cdd3d9 solid 1px;
width:95%;
float:left;
display:inline;
margin-right:5px;
margin-top:10px;
padding-left:5%;
line-height:35px;
background:#fdfdfd;
border-radius:5px;
font-size:15px;
}




.kuang3{
height:35px;
color:#767676;
border:#cdd3d9 solid 1px;
width:97%;
float:left;
display:inline;
margin-right:5px;
margin-top:10px;
padding-left:3%;
line-height:35px;
background:#fdfdfd;
border-radius:5px;
font-size:15px;
}






.kuang2{
height:100px;
color:#767676;
border:#cdd3d9 solid 1px;
width:97%;
float:left;
display:inline;
padding-left:3%;
margin-top:10px;
line-height:35px;
background:#fdfdfd;
border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

}

.kuang4{
height:35px;
color:#767676;
border:#cdd3d9 solid 1px;
width:70%;
float:left;
display:inline;
padding-left:3%;
margin-top:10px;
line-height:35px;
background:#fdfdfd;
border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

}

.kuang5{
height:50px;
color:#fff;
width:100%;
float:left;
padding-left:3%;
margin-top:25px;
line-height:35px;
background:#0b50a9;
border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
border:#FFFFFF solid 1px;

}




#fot1{width:100%;float:left;background:#262626;padding-top:30px;padding-bottom:40px; margin-top:0px;}

.fot{ width:1142px; margin:auto; padding-top:40px; padding-bottom:70px; clear:both; overflow:hidden}

.fot-menu{ width:300px; float:left}
.fot-menu h5{ width:300px; float:left; font-size:25px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; }
.fot-menu ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:300px; }
.fot-menu ul li{display:inline;float:left; line-height:28px; width:300px;}
.fot-menu ul li a{ float:left; width:300px; color:#989898}


.contact{ width:300px; float:left; background:url(../images/ad.jpg) no-repeat left top; padding-left:62px; color:#989898}
.contact a {color:#989898}
.contact h5{ width:300px; float:left; font-size:25px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; }
.contact h4{ width:300px; float:left; font-size:25px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; background:url(../images/fot_tel.jpg) no-repeat left top; padding-left:50px; line-height:35px; }



.ewm1{ width:320px;float:right; background:#0b50a9; text-align:center; line-height:40px;border-radius:50px; color:#FFFFFF; font-size:20px; margin-top:15px; }
.ewm1.wu { background:none;}



.footer{width:1142px; margin:auto; clear:both; padding-top:40px; padding-bottom:0px; text-align:center; border-top:#5e5e5e solid 1px;}



.zzb07tail{color:#7b7b7b}
a.zzb07link{color:#7b7b7b; text-decoration:none;}

a.zzb07link:hover {color:#7b7b7b;text-decoration:underline;

}


.searchz { background: rgba(255,255,255,.8); border-radius:25px; margin-left:30px; float:right; margin-top:10px; height:38px;}
.search1 { border:none; padding-left:15px; font-size:16PX; line-height:38px !important;  margin-top:0px; float:left; background:none; width:76%;}
.searchimg1 { margin-top:10px; float:left;}








.productz {background:url(../images/bbg.jpg) no-repeat center top; width:100%; margin:0 auto; float:; padding-top:20px; padding-bottom:20px; background-size: auto 100%;}
.wd1200{ padding-top:40px; padding-bottom:40px;}

/*产品*/
.product .index_wz{ margin-bottom:50px;}
.pro_left_bk{ padding:50px;}
.pro_left{ background:url(../images/index_21.png) no-repeat center; width:36%; height:820px; background-size:100% auto; }
.ptop .fl{ font-size:30px; color:#333; margin-top:5px;}
.ptop .fr{ background:#4cb6e0; height:50px; border-radius:50%; width:50px; text-align:center; line-height:50px;}
.ptop .fr a{ color:#fff; font-size:25px; font-weight:bold}
.profl{ margin-top:10px;}
.profl ul li{ line-height:40px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 40px;
line-height: 40px;


}
.profl ul li a{ font-size:18px; color:#333; opacity:0.9; transition:all .4s;}
.profl ul li a:hover { font-weight:900; color:#0097d3; transform:scale(1.01,1.01);}
.pro_right{ width:64%;}
.caszuo{ font-size:17px;}

.probk{ padding:25px 40px;}
.pro_right ul li a{-webkit-transition: margin-top .8s;
-moz-transition: margin-top .8s;
-o-transition: margin-top .8s;}
.progd{ background:url(../images/index_27.png) no-repeat center; width:42px; height:14px;}
.pro_right ul li{ float:left; width:50%; height:100px; background:#fdfcfc;}
.pro_right ul li:nth-child(2n){background-image: linear-gradient(to right, #fff,#eee);}


.pro_right ul li:nth-child(1),.pro_right ul li:nth-child(4),.pro_right ul li:nth-child(5),.pro_right ul li:nth-child(8),.pro_right ul li:nth-child(9),.pro_right ul li:nth-child(12),.pro_right ul li:nth-child(13),.pro_right ul li:nth-child(16){ background:#4cb6e0; }



.pro_right ul li:nth-child(1) a,.pro_right ul li:nth-child(4) a,.pro_right ul li:nth-child(5) a,.pro_right ul li:nth-child(8) a,.pro_right ul li:nth-child(9) a,.pro_right ul li:nth-child(12) a,.pro_right ul li:nth-child(13) a,.pro_right ul li:nth-child(16) a{ color:#fff;}


.pro_right ul li:nth-child(1) .progd,.pro_right ul li:nth-child(4) .progd,.pro_right ul li:nth-child(5) .progd,.pro_right ul li:nth-child(8) .progd,.pro_right ul li:nth-child(9) .progd,.pro_right ul li:nth-child(12) .progd,.pro_right ul li:nth-child(13) .progd,.pro_right ul li:nth-child(16) .progd{ background:url(../images/index_24.png) no-repeat center; width:42px; height:14px;}


.pro_right ul li h2{ font-size:16px; font-weight:normal;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 20px;
line-height: 20px;

}
.progd{ margin-top:5px;}
.pro_right ul li a:hover{ margin-top:-5px!important;display:block; }

.hd ul { width:100%; display:inline-block;}
.more_gd { width:150px; height:45px; line-height:45px; text-align:center; color:#fff; border-radius:25px; border:1px solid #fff;  margin:30px auto 0px; display:block;}

.more_gd a { color:#fff; font-weight:700; width:100%; height:100%; display:block;}
.more_gd:hover { background:#1cb3ea; border: none;}