@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900&display=swap');
html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	font-family:'Poppins', sans-serif;
	/* font-family: font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";; */
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 16px;
/* 	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.3s ease-in;
	cursor:pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s; */

}

a:hover,a:focus,a:visited {	
	text-decoration: none;
	outline: none;
	color: #000;
	
/* 	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in; */

}

input{  
	background:none;  
	outline:none;  
	border:1px solid #ccc;
}
input:focus{   
	border:none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

i,
span,
a {
	display: inline-block;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	display: inline-block;
}
.clear{clear: both;}
.container{min-width: 1200px;}


/* 头部 */

.headbox {}
.headbox .logo{display: block;float: left;width:315px;height:75px;}
.headbox .telbox{float: left;width:141px;height:75px;line-height: 75px;    text-align: right;}
.headbox .headnav{width:640px;display: block;height: 75px;float: right;position: relative;padding-left:70px;}
.headbox li{float: right;height: 75px;line-height: 75px;text-align: center;position: relative;background: #fff;}
.headnav>ul>li>a{padding:0 20px;background: #fff;width: 101%;}
.headnav  li a:hover{color: #173f8f;}
.headnav li a.aactive{color: #173f8f;}
.headnav>ul>li::after{
	content:"";
	position: absolute;
	bottom:6px;left:50%;width:6px;height:0;background:#173f8f ; border-radius: 10px;
	z-index: 300;
	transform: translate(-50%, -50%); 
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.headnav>ul>li:hover::after{
	content:"";
	position: absolute;
	bottom:6px;left:50%;width:6px;height:12px;background:#173f8f ; border-radius: 10px;
	transform: translate(-50%, -50%); 
	z-index: 300;
}
.headnav>ul .active::after{
	content:"";
	position: absolute;
	bottom:6px;left:50%;width:6px;height:12px;background:#173f8f ; border-radius: 10px;
	transform: translate(-50%, -50%); 
	z-index:300;
}
.headbox ul > li > a{
	  background: #fff; /**/
}
.headbox ul>li>ul>li{height:41px;line-height: 40px;width:250px;background: #1b3f88;text-align:center;}
.headbox ul>li>ul>li>a{border-bottom:1px #1b3f88 dotted;padding-left: 10px; color: #fff;background: #1b3f88; width: 100%;}
.headbox ul>li>ul>li>a>i{font-size: 12px;}
.headbox ul>li>ul>li>a:hover{background: #0940ad;}

.headbox .lj{float: right;width:60px;height: 75px;text-align: center;position: relative;background: #fff;z-index: 300;}
.headbox .lj .cn{width:50%;height: 75px;background: url(../images/cn-1.png) no-repeat;float: right; background-position: calc(50%);}
.headbox .lj .en{width:50%;height: 75px;background: url(../images/en-1.png) no-repeat;float: right;background-position: calc(50%);}
.headbox .lj .ahactive1{background: url(../images/cn.png) no-repeat;background-position: calc(50%);}
.headbox .lj .ahactive2{background: url(../images/en.png) no-repeat;background-position: calc(50%);}
/* 头部结束 */

/* 首页产品分类 */
 .boxpro {
	margin-top:2em;
	-moz-page-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;
	background:#FFF;
}
.boxpro a{width: 555px;height: 465px;overflow: hidden;}
.boxpro a img{transform: scale(1);
	transform-origin: center center;
	transition: transform .35s;}
.boxpro a:hover img{transform: scale(1.1);
	transform-origin: center center;
	transition: transform .35s;}
.box-wrapper {
	-moz-column-count:2;
	/* Firefox */
		-webkit-column-count:2;
	/* Safari 和 Chrome */
	column-count:2;
	-moz-column-gap:3.5em;
	-webkit-column-gap:3.5em;
	column-gap:3.5em;
}
.protit h3{font-size:40px; color: #d9d9d9;line-height: 40px; position: relative;}
.protit h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom:-23px;
	width: 62px;
	height: 4px;
	background: url(../images/dx.png) no-repeat;
}
.protit h4{font-size:30px;margin-top: 40px;color: #082e72;}
.boxpro img{width: 100%;}
.boxpro h5{font-size: 22px;font-weight: bold; padding-left: 30px;padding-top: 30px;}
.boxpro p{display: block;padding-top:10px;padding-left: 110px;line-height: 30px;position: relative;color: #bdbdbf;}
.boxpro p::after{
	content: "";
	position: absolute;
	width: 46px;
	height: 2px;
	background: #e5e5e5;
	left: 51px;
	top: 24px;
}



/* 关于我们 */
.habout{height: 900px;background: url(../images/ab.jpg) no-repeat;position: relative;}
.aboubox{height: 900px;position: relative;z-index: 1;}
.cabout{position: absolute;top:50px;left: 50px;}
.cabout h4{color: #8ec3f3;font-size:45px;position:relative}
.cabout h4::after{
	content: "";
	position: absolute;
	left: 0;
	bottom:-15px;
	width: 62px;
	height: 4px;
	background: url(../images/dx-b.png) no-repeat;
}
.cabout h5{font-size:22px;color: #fff;margin-top: 30px;}
.babou{position: absolute;right: 0;bottom: 0;width: 50%;height: 408px;border-top-left-radius: 30px;background: #173f8f;z-index: 100;}

.babou p{padding: 50px;width:65%; color: #fff;line-height: 35px;}
.babou a{height: 56px;line-height: 56px;width: 149px;border-radius: 50px;background: #fff;color:#173f8f;text-align: center ;font-weight: bold;margin-left: 50px;}
.babou a:hover{background: #000;color: #fff;}

@media screen and (max-width: 1920px) {
	.babou p{padding: 50px;width:65%; color: #fff;line-height: 35px;}
	.babou a{height: 56px;line-height: 56px;width: 149px;border-radius: 50px;background: #fff;color:#173f8f;text-align: center ;font-weight: bold;margin-left: 50px;}
}
@media screen and (max-width: 1680px) {
	.babou p{padding: 50px;width:88%; color: #fff;line-height: 35px;}
	.babou a{height: 56px;line-height: 56px;width: 149px;border-radius: 50px;background: #fff;color:#173f8f;text-align: center ;font-weight: bold;margin-left: 50px;}
}
@media screen and (max-width: 1440px) {
	.babou p{padding: 50px;width:88%; color: #fff;line-height: 35px;}
	.babou a{height: 56px;line-height: 56px;width: 149px;border-radius: 50px;background: #fff;color:#173f8f;text-align: center ;font-weight: bold;margin-left: 50px;}
}
@media screen and (max-width: 1366px) {
	.babou p{padding: 50px;width:96%; color: #fff;line-height: 35px;}
	.babou a{height: 56px;line-height: 56px;width: 149px;border-radius: 50px;background: #fff;color:#173f8f;text-align: center ;font-weight: bold;margin-left: 50px;}
}

 @media screen and (max-width: 1280px) {
	.babou p{padding: 50px;width:99%; color: #fff;line-height: 35px;}
	.babou a{height: 56px;line-height: 56px;width: 149px;border-radius: 50px;background: #fff;color:#173f8f;text-align: center ;font-weight: bold;margin-left: 50px;}
 }

/* 最新资讯 */
.hnewbox{height: 400px;background: url(../images/nbj.jpg) no-repeat;background-position: center center;}
.newtt{}
.hnewbox .newtt h3{font-size:40px; color: #d9d9d9;line-height: 40px; position: relative;}
.hnewbox .newtt h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom:-23px;
	width: 62px;
	height: 4px;
	background: url(../images/dx.png) no-repeat;
}
.hnewbox .newtt h4{font-size:30px;margin-top: 40px;color: #082e72;}
.hnew2{background: #fff;padding: 30px;margin-top: -15px; cursor: pointer;position: relative;z-index: 1;}
.hnew2::after{
	content: "";
	position: absolute;
	left: 0;bottom: 0;
	width:0;height: 100%;
	background: #082e72;
	z-index: 100;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.hnew2 h5{font-size: 30px; width:89px;display: block;float: left;margin-top: 16px;position: relative;z-index: 300;}
.hnew2 h5 span{display:block;width: 100%;color: #d6d6d6;font-size: 14px;}
.hnew2 a{color: #082e72; font-size: 20px;}
.hnew2 .newri{float: right;width: 300px; position: relative; z-index: 200;}
.hnew2 .newri p{color: #adadad;font-size: 14px;}
.hnew2 .newri a{margin-top: 20px;}
.hnew2:hover::after{
	content: "";
	position: absolute;
	left: 0;bottom: 0;
	width:100%;height: 100%;
	background: #082e72;
	z-index: 100;
}
.hnew2:hover{box-shadow: 0 2px 8px #082e72;}
.hnew2:hover a{color: #fff;}
.hnew2:hover .newri a{color: #fff;}



/* 底部 */
.footbx{background: #333;background: url(../images/fbj.jpg) no-repeat;height: 719px;}
.foot1{width:70%;float: left;margin-top: 180px;}
.foot1 .conxm,.foot1 .conte,.foot1 .conma{width: 30%;float: left;position: relative;color: #fff;}
.foot1 .conxm::after,.foot1 .conte::after,.foot1 .conma::after{
	content: "";
	position: absolute;
	left: 0;bottom:-6px;
	width: 90%;height: 2px;background: #678bc2;
}
.foot1 .conxm input,.foot1 .conte input,.foot1 .conma input{border:0;color: #fff;}

.foot1 .conly{width:712px;clear:both;color: #fff;border-bottom: 2px #678bc2 solid;margin-top: 20px;}
.foot1 .submi{width: 100%;}
.foot1 span{display: block;color: #fff;width: 100%;padding-top: 20px;}
.foot1 textarea{border: 0;width:712px;height: 90px;
 background-color:none;
 border: none;
 resize: none;
 color: #fff;
 outline: none;
 /* background: #01327c;padding: 10px; */
background: transparent; border-style: none;
}
.foot1 .submi{margin-top: 50px;}
.foot1 .submi .bstyle{display: block;padding: 0;font-size: 16px;font-weight: bold;width: 149px;height: 56px;line-height: 56px;text-align: center;;color:#00069c;background: #fff;border-radius: 50px ;}


.foot2{width:30%;float: right;margin-top: 82px;}
.foot2 h1{text-align: right;color: #e3e3e3;}
.foot2 h4{color: #e3e3e3;font-size:20px;font-weight: 550; padding-bottom:20px;text-align: right;}

.foot2 li{width: 100%;line-height:25px;text-align: right;color: #fff;font-size: 14px;}
.foot2 li a{color: #fff;}
.foot2 li a:hover{color: #edb602;}
.foot2 .ewm{margin-top: 20px;margin-bottom:20px;}
.foot2 .copy{color: #fff;font-size: 14px;}
.foot2 .copy a{color: #fff;font-size: 14px;}
.foot2 .copy a:hover{color: #fff;font-size: 14px;padding: 0;}



/* 内页 */
.nytop{background: url(../images/abbj.jpg) no-repeat;height:340px;}
.nytop h3{text-align: center;padding-top:106px;font-size:35px;font-weight: bold;color: #fff;}
.nytop h6{text-align: center;padding-top:10px;font-size:20;font-weight: bold;color: #aeafb0;text-transform: uppercase;}

/* //新闻列表 内页 */
 .newtu{width: 200px;float: left;}
 .pptitleab{width: 960px;float: left;padding-left:20px;}
 .stspan1b{font-size:1.2rem;display: block;width:90%;padding-left: 20px;padding-bottom: 20px;}
 .stspan2b{display: block;width: 90%;padding-left: 20px;line-height: 40px;font-size: 14px;color: #c4c4c4;}
 .tupimg1{display: block;position: absolute;right: 20px;bottom: 70px;background: url(../images/m-a.jpg); width: 48px; height: 27px;}
 .prin2{width: 100%;display: block; border-bottom:2px #eee solid;padding-bottom: 20px;margin-bottom:40px;}
 .prin2:hover{border-bottom: 2px #1868b7 solid; color: #1868b7;}
 .prin2:hover .stspan1a{color: #1868b7;}
 .prin2:hover .stspan2a{}
 .prin2:hover .tupimg1{background: url(../images/m-h.jpg);}
 
 /* 内页产品列表./ */
  .proback{line-height: 20px;margin-top:20px;position: relative;padding-left:35px;}
 .proback i{height: 20px;width: 10px;background: #1868b7;position: absolute;top: 0;left:15px;}
 
 .pleft{position: relative;background: #fff;border-radius: 30px;width:97%;padding-bottom:100px;top: -150px;}
 .pleft h3{margin: 0;text-align: left;color: #000;font-size:40px;font-weight: bold;padding-top: 80px;padding-left:40px;padding-bottom: 30px; }
  .pleft h3 span{color: #e3e3e3;font-size: 16px;font-weight: 500;display: block;width: 100%;line-height:25px;}
 .pleft li{width: 100%;}
  .pleft li a{width: 100%;padding:20px 0;line-height:65px;padding-left:30px;margin-left: 20px; }

.pleft li a:hover{color: #fff;background: #173f8f;position: relative;border-radius: 20px;}
.pleft li a.ptactive{color: #fff;background: #173f8f;position: relative;border-radius: 20px;}
.cplist{margin-bottom: 15px; width: 100%;height: auto;}
.cplist img{width:90%;-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;}
.cplist span{height: 50px;line-height: 50px;text-align: center;;width: 100%;}
.cplist p{line-height:25px;text-align: center;;width: 100%;padding: 0 30px;color: #9e9fa4;}
.cplist .ljmore{width: 150px;height: 50px;line-height: 50px;text-align: center;border: 1px #00069c solid;border-radius: 50px;color: #00069c;margin: 0 auto;margin-top: 10px;margin-bottom:5px;
-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;}
	
	
.cplist a{border: 1px #d2d2d2 solid;overflow: hidden;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	border-radius: 10px;;
	text-align: center;
	padding-top: 20px;padding-bottom: 20px;
}
.cplist a:hover{border: 1px #fff solid;box-shadow: 0 0 20px #dadada;-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;background: #fff;
	}
.cplist a:hover img{transform: scale(1.02);
	transform-origin: center center;
	transition: transform .35s;
}
.cplist a:hover .ljmore{border: 1px #436ba4 solid; color: #436ba4;}

	
 /* 详情,上一页,下一页 */
 .clear{clear: both;}
 .two{  padding: 10px 0;  border-top: 1px dotted #a5a7aa;  border-bottom: 1px dotted #a5a7aa;width: 100%;  }
 .page_left{  float: left;  width: 435px;  border-right: 1px solid #d5d8dc;  }
  .page_left p{padding: 0;margin: 0;}
 .page_left a{  display: block;  padding: 20px;  margin-right: 25px;  }
 .page_left a:hover{  background: #173f8f;  }
 .page_left a .page1{  width: 40px;  height: 40px;  background: url(../images/com/proprevious1.png) no-repeat;  float: left;  margin-right: 20px;  }
 .page_left a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_left a:hover .page2{  color: #fff;  }
 .page_left a .page3{  font-size: 14px;  color: #808488;  }
 .page_left a:hover .page3{  color: #fff;  }
 .page_right {  float: left;  width: 435px;  }
   .page_right p{padding: 0;margin: 0;}
 .page_right a {  display: block;  padding: 20px;  margin-left: 25px;  text-align: right;  }
 .page_right a:hover{  background: #173f8f;  }
 .page_right a .page1{  width: 40px;  height: 40px;  background: url(../images/com/pronext1.png) no-repeat;  float: right;  margin-left: 20px;  }
 .page_right a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_right a:hover .page2{  color: #fff;  }
 .page_right a .page3{  font-size: 14px;  color: #808488;  }
 .page_right a:hover .page3{  color: #fff;  }