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

*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#222222;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
img{ max-width: 100%; height: auto; transition: all .5s;}
a{ text-decoration:none; color:#3d3d3d; }
a:hover{ color:#218fdc;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}

.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

/****************************/

	
.barwrap{ width:100%;position:fixed;height:135px; background:url(../images/topmenubg.png) repeat-x; top:0; left:0; right:0; margin-left:auto;margin-right:auto;z-index:1000000;}
.dymenu{ width:1280px; margin:0 auto;}
.hsnavbg{ width:920px; background:url(../images/navbg.png) no-repeat right; height:81px; margin-top:40px; margin-left:65px;}
.hklogo{ margin-top:50px;}

#nav {
	width:805px; float:left; margin-left:45px;}
#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#222222;
	font-size:15px;
	height:81px;
	line-height:81px;
}
#nav li { float: left; width:115px; background:url(../images/libg.png) no-repeat right center;}

#nav li a:hover{text-decoration:none;color:#218fdc;width:100%;}

#nav li a#cur{color:#218fdc; width:100%;}

#nav li ul {
	line-height:42px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 18%;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #2572c5;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	border-left: none #F9F9F9;
}
#nav li ul li a{
 display: block;
 text-indent:20px;
  width: 100%;
  text-align:left;
 font-size:13px;
 line-height:35px;
 height:35px;
 font-weight:normal;
 background:none;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#0a4992;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

.hsyuyan{ width:28px; height:27px; margin-top:27px; margin-left:5px;}
.barwrap.on{ animation-name: down; height:115px;background:#0058a8; animation-duration: 1s;top:0;border-bottom: none;}
.barwrap.on .hklogo{ margin-top:15px;}
.barwrap.on .hsnavbg{ margin-top:15px;}
/**************************************************/

.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}
/**********************/
.hsabout{ width:1320px; margin:0 auto; margin-top:50px;}
.hscmp{ width:100%; height:auto; border:3px solid #FFF; box-shadow:4px 4px 5px #949594; border-radius:15px;}
.hsaboutcmp{ width:690px;}

.hsaboutwen{ width:595px; margin-left:35px;}
.hsaboutwen1{ width:100%; margin-top:30px;}
.hsh1{ width:75%; color:#218fdc; font-style:italic; font-size:28px; text-transform:uppercase;}

.hsaboutwen2{ width:100%;}
.hsh2{ width:70%; font-size:15px; font-weight:normal; color:#1e1e1e; line-height:52px; margin-top:12px;}
.aboutmore{ width:141px; height:52px; line-height:52px; background:url(../images/morebg.gif) no-repeat; text-align:center; color:#FFF; font-size:16px; margin-top:7px;}
.aboutmore:hover{ background:url(../images/morebg2.gif) no-repeat; color:#FFF;}

.hsaboutwen3{ width:100%; margin-top:15px; border-bottom:1px solid #eff1f2; padding-bottom:20px; font-size:16px; color:#646464; line-height:23px;}

.hsh3{ width:100%; font-size:16px; color:#218fdc; font-weight:normal; margin-top:15px;}
.hsh4{ width:100%; font-size:16px; color:#646464; margin-top:20px;}
.hsul01{ width:100%; margin-top:12px;}
.hsul01 li{ width:100%; float:left; margin:0.8% 0; color:#646464;}

.hsabout2{ width:1320px; margin:0 auto; text-align:justify; line-height:25px; color:#939393; margin-top:25px; white-space:pre-line;}
.hsabout3{ width:1320px; margin:0 auto; margin-top:25px;}
.hsabout3 ul{ width:100%; float:left;}
.hsabout3 li{ width:10%; float:left; margin:1% 0.5%; }
.hsabout3 li a{ display:block; width:100%; height:36px; border-radius:5px; line-height:36px;text-align:center; background:#218fdc; color:#FFF; font-size:14px; font-weight:normal;}
.hsabout3 li a:hover{ background:#636363; color:#FFF;}
/***********************************************/


.pad_top{ padding-top:4.06rem;}
.n_gufei02{ width:1320px; margin:0 auto; height:551px; overflow: hidden; }
.n_gufei02 .m{ display: flex;}
.n_gufei02 .left{ width: 27.75rem; float: left; position: relative;}
.n_gufei02 .right{ width: calc(100% - 27.75rem); float: right;}
.n_gufei02 .right .pic{width: 100%; height: 551px;}
.n_gufei02 .right .pic img{ object-fit: cover; height: 100%; width: 100%;}
.n_gufei02 .hd{}
.n_gufei02 .hd ul{ height: 100%;}
.n_gufei02 .hd ul li{ background: #3f89bd; background-size: 100%; padding:0 20px; height: 551px;}
.n_gufei02 .hd ul li .box{ padding-bottom: 12rem; margin-top:35px;}
.n_gufei02 .hd ul li .box .tt{ margin-bottom: 3.25rem;}
.n_gufei02 .hd ul li .box .tt i{ display: block; width: 25px; height: 1px; background: #fff;}
.n_gufei02 .hd ul li .box .tt span{ font-size: .875rem; font-family: Roboto; text-transform: uppercase; color: rgba(255, 255, 255, .4); display: block; margin-top: 1.75rem; margin-bottom: .75rem;}
.n_gufei02 .hd ul li .box .tt h3{ font-size: 1.5rem; color: #fff;}
.n_gufei02 .hd ul li .box .con{ font-size: 1rem; line-height: 1.875rem; color: #fff; color: rgba(255, 255, 255, .8);}
.n_gufei02 .slick_arrow_right{ position:absolute; left:1.875rem; bottom:150px;}
.n_gufei02 .slick_arrow_right .slick-arrow{
    z-index:99;
    float:left;
    display:block;
    font-size:0;
    cursor:pointer;
    width: 3.125rem;
    height: 3.125rem; background-size: contain !important; margin-right: 1.25rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
 
.n_gufei02 .slick_arrow_right .slick-prev2{  background: url(../images/gufei_left.png) center no-repeat; } 
.n_gufei02 .slick_arrow_right .slick-next2{ background: url(../images/gufei_right.png) center no-repeat; }

.n_gufei02 .slick_arrow_right .slick-prev2:hover{  background: url(../images/gufei_left_on.png) center no-repeat; } 
.n_gufei02 .slick_arrow_right .slick-next2:hover{ background: url(../images/gufei_right_on.png) center no-repeat; }

/*********************************/

.dhyoushiwrap{ width:100%; margin:0 auto; height:920px; overflow:hidden;}
.dhyoushi {
    overflow: hidden;
    width: 100%;
}
.dhyoushi2{
    height:920px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mingzhenyoushi4{ width:1320px; margin:0 auto; height:230px; position:relative; z-index:10; margin-top:-800px;}
.hsyytitle{ width:1220px; float:left; padding-left:100px; text-transform:uppercase; background:url(../images/titlebg.png) no-repeat left; position:relative; z-index:100; height:39px; line-height:39px; color:#FFF; font-size:36px; font-weight:bold;}
.mingzhenyoushi4 ul{ width:1320px; float:left; margin-top:60px;}
.mingzhenyoushi4 li{float:left;font-size:20px; cursor:pointer; text-align:center; color:#565656; height:210px; width:14%; margin:0 1%; color:#FFF; font-weight:bold;}
.mingzhenyoushi4 li span{ font-size:14px;}
.tubiao1{ display:block !important;}
.tubiao2{ display:none !important;}
.mingzhenyoushi4 li:hover .tubiao2{ display:block !important;}
.mingzhenyoushi4 li:hover .tubiao1{ display:none !important;}
/***********/

.hsxinwen{ width:100%; margin:0 auto; background:url(../images/xinwenbg.jpg) no-repeat top center; padding:70px 0;}
.hsxinwen1{ width:1320px; margin:0 auto;}
.hsxwtitle{ width:45%; background:url(../images/titlebg2.png) no-repeat left; padding-left:7%; text-transform:uppercase; height:39px; line-height:39px; font-size:36px; font-weight:bold; color:#252525;}

.hssp01{ width:324px;}
.xwmore1{ width:135px; height:40px; line-height:40px; font-size:12px;background:url(../images/lianbg2.png) no-repeat; text-align:center; color:#FFF;}
.xwmore2{ width:135px; height:40px; line-height:40px; font-size:12px; background:url(../images/lianbg.png) no-repeat; text-align:center; color:#1e1e1e;}
.xwmore1:hover{ background:url(../images/lianbghover.png) no-repeat; color:#FFF;}
.xwmore2:hover{ background:url(../images/lianbghover.png) no-repeat; color:#FFF;}

.hsxinwen2{ width:1320px; margin:0 auto;}
.hsxinwen2-1{ width:834px; margin-top:50px;}
.hsxinwen2-1 ul{ width:834px; float:left;}
.hsxinwen2-1 li{ width:393px; float:left; margin:0 12px; background:#FFF; padding-bottom:25px;}
.xwjpg{ width:100%; height:auto;}
.hsh5{ width:90%; margin-left:5%; font-size:16px; margin-top:20px; font-weight:bold;}
.hsh6{ width:90%; margin-left:5%; font-size:14px; font-weight:normal; margin-top:15px;}

.hsxinwen2-2{ width:456px; margin-left:30px;}
.hsxinwen2-2 ul{ width:100%; float:left; margin-top:30px;}
.hsxinwen2-2 li{ width:100%; float:left; border-bottom:1px solid #CCC; padding-bottom:20px; margin-top:25px;}
.xwimg{ width:30%; height:auto;}
.hsxwdd{ width:65%; margin-left:5%;}
.hsxwdd h1{ display:block; width:100%; font-size:16px;float:left; font-weight:bold;}
.hsxwdd p{ width:100%; float:left; line-height:23px; margin-top:12px;}
/*********************************************************************/

.hshezuo{ width:100%; margin:0 auto; background:url(../images/hezuobg.jpg) no-repeat top center; padding:60px 0;}
.hshezuo1{ width:1320px; margin:0 auto;}
.hshezuo1 h1{ display:block; width:100%; float:left; text-align:center; color:#FFF; font-weight:bold; font-size:36px;}
.hshezuo1 h2{ display:block; width:100%; float:left; text-align:center; font-size:20px; font-weight:normal; margin-top:10px; color:#FFF;}

.hshezuo2{ width:1320px; margin:0 auto; margin-top:15px;}
.hshezuo2 ul{ width:100%; float:left;}
.hshezuo2 li{ width:23%; float:left; margin:1%;}
.hshezuo2 li a img{ width:100%; height:auto;}
/*************************************************/

.hsfoot{ width:100%; margin:0 auto; background:url(../images/footbg.jpg) no-repeat top center; padding:60px 0;}
.hsfoot1{ width:1320px; margin:0 auto;}
.hsfoot1-1{ width:295px;}
.hsul02{ width:100%; float:left; margin-top:12px;}
.hsul02 li{ width:40%; float:left; margin:5%; text-align:center; color:#FFF;}
.hsul02 li img{ width:100%; height:auto; margin-bottom:7px;}

.hsfoot1-2{ width:119px;}
.hsfoot1-2 h1{ display:block; width:100%; float:left; color:#FFF; font-size:16px; font-weight:bold;}
.hsfoot1-2 ul{ width:100%; float:left; margin-top:20px;}
.hsfoot1-2 li{ width:100%; float:left; margin:5px 0;}
.hsfoot1-2 li a{ color:#FFF;}
.hsfoot1-2 li a:hover{ color:#FFF; text-decoration:underline;}

.hsfoot1-3{ width:280px;}
.hsfoot1-3 h1{display:block; width:100%; float:left; color:#FFF; font-size:16px; font-weight:bold;}
.hsfoot1-3 ul{ width:100%; float:left; margin-top:20px;}
.hsfoot1-3 li{ width:47%; float:left; margin:5px 1.5%;}
.hsfoot1-3 li a{ color:#FFF;}
.hsfoot1-3 li a:hover{ color:#FFF; text-decoration:underline;}

.hsfoot1-4{ width:306px;}
.hsfoot1-4 h1{display:block; width:100%; float:left; color:#FFF; font-size:16px; font-weight:bold;}
.hsfoot1-4 ul{ width:100%; float:left; margin-top:20px;}
.hsfoot1-4  li{ width:85%; padding-left:15%; float:left; color:#FFF; margin:5px 0;}
.lxli01{ background:url(../images/lxico1.png) no-repeat left; height:52px; line-height:23px;}
.lxli02{ background:url(../images/lxico2.png) no-repeat left;height:31px; line-height:31px; }
.lxli03{ background:url(../images/lxico3.png) no-repeat left;height:31px; line-height:31px; }
.lxli04{ background:url(../images/lxico4.png) no-repeat left;height:31px; line-height:31px; }
.lxli05{ background:url(../images/lxico5.png) no-repeat left;height:31px; line-height:31px; }
.fotmm{ margin-left:106px;}

.hsfoot2{ width:1320px; margin:0 auto; margin-top:50px; border-top:1px solid #7f8388; height:50px; line-height:50px; color:#FFF;}
.hsfoot2 a{ color:#FFF;}
.hsfoot2 a:hover{ text-decoration:underline; color:#FFF;}

.neiba {
    overflow: hidden;
    width: 100%;
}


.slideshowba1{
    height:320px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/*************************/

.toTop{width:60px;height:60px; border-radius:50%; color:#FFF;background:#fac551; text-align:center; line-height:60px;cursor:pointer;position:fixed;right:40px;bottom:100px;}

/**************/

.hsneiye{ width:1320px; margin:0 auto; margin-top:50px; margin-bottom:50px;}

.hsneiyell{ width:255px;}
.hsneiyell ul{ width:100%; float:left;}
.hsneiyell li{ width:83%; padding-right:8%; float:left; background-color:#f1f3f8; font-size:14px; font-weight:normal; border-radius:20px; padding-left:10%; margin:5px 0;}
.hsneiyell li a{ display:block; width:100%; padding:12px 0px 12px 0px;background-image:url(../images/libg1.gif); background-position:right; background-repeat:no-repeat; line-height:20px;}
.hsneiyell li a:hover{ background:url(../images/libg2.gif) no-repeat right; color:#FFF; border-radius:20px;}
.hsneiyell li:hover{ background:#014099;}

.hsneiyellcp{ width:255px;}
.hsneiyellcp ul{ width:100%; float:left;}
.hsneiyellcp li{ width:83%; padding-right:8%; float:left; background-color:#f1f3f8; font-size:14px; font-weight:normal; border-radius:20px; padding-left:10%; margin:5px 0;}
.hsneiyellcp li a{ display:block; width:100%; padding:12px 0px 12px 0px;background-image:url(../images/libg1.gif); background-position:right; background-repeat:no-repeat; line-height:20px;}
.hsneiyellcp li a:hover{ background:url(../images/libg2.gif) no-repeat right; color:#FFF; border-radius:20px;}
.hsneiyellcp li:hover{ background:#014099;}
/**********/

.hsneiyerr{ width:1030px; margin-left:35px;}
.hsneiyerr1{ width:100%; border-bottom:1px solid #999; padding-bottom:10px;}
.hssp02{text-align:right; color:#999; background:url(../images/home_ico.png) no-repeat left; padding-left:2%; font-size:14px; margin-top:5px;}
.hsh7{ font-size:20px; font-weight:bold; color:#014099;}
.hsneiyerr2{ width:100%; line-height:27px; margin-top:25px; color:#666;}
/*****************/

.hsneiyerr3{ width:100%;margin-top:25px;}
.hsneiyerr3 ul{ width:100%; float:left;}
.hsneiyerr3 li{ width:30.33333%; float:left; margin:1.5%;}
.hsneiyerr3 li a img{ width:99.2%; height:auto; float:left; border:1px solid #014099;}
.hsneiyerr3 li a span{ display:block; width:100%; float:left; height:45px; line-height:45px; text-align:center; background:#014099; color:#FFF;}
.hsneiyerr3 li:hover img{ border:1px solid #ffc000;}
.hsneiyerr3 li:hover span{ background:#ffc000; color:#FFF;}
/**************/

.hsneiyerr4{ width:100%; margin-top:25px;}
.hsneiyerr4 ul{ width:100%; float:left;}
.hsneiyerr4 li{ width:96%; float:left; border:1px solid #e5e5e5; padding:2%; margin-bottom:20px;}
.hssp03{ width:15%; text-align:center; line-height:23px; padding-top:15px; text-transform:uppercase;border-right:1px solid #e5e5e5;}
.hssp03 strong{ font-size:18px; color:#014099;}
.hsdiv1{ width:69.8%; padding-left:5%;}
.hsdiv1 h1{ display:block; width:100%; float:left; font-size:16px; font-weight:bold;}
.hsdiv1 h2{ display:block; width:100%; float:left; font-size:15px; font-weight:normal; margin-top:10px;}

/************/

.hsneiyerr5{ width:100%; margin-top:25px; }
.hsneiyerr5-1{ width:45%;}
.xian1{ display:block; width:50px; height:6px; background:#014099; border:none;}
.hsh8{ width:100%; font-weight:bold; font-size:22px; color:#3b3a3a; margin-top:15px;}
.hsp1{ width:100%; margin-top:20px; line-height:26px; color:#787878;}

.hsul03{ width:78%; background:#014099;border-radius: 1.125rem 0 1.125rem 0;padding:30px 0 30px 22%; margin-top:20px;}
.hsul03 li{ width:25%; float:left; text-align:center; color:#FFF; margin:0 5%;}
.hsul03 li img{ margin-bottom:12px; width:100%; height:auto; float:left;}

.hsneiyerr5-2{ width:50%; margin-left:5%;}
.message{ width:100%; float:left;}
.blzh8{ display:block; width:100%; font-size:20px; color:#3b3a3a;}
.message .box{  margin-top:50px;}
.message .box li{line-height:47px;margin-bottom:25px; }
.message .box li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#b59665;}
.message .box li textarea.input-text{height:84px;line-height:24px;resize:none;}
.message .box li.btn{ margin:0 1.5%;}
.message .box li .button{cursor:pointer;width:30%; margin-right:12px; float:left;border:none;height:40px;background-color:#014099;border-radius:20px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#ffc000; color:#FFF;} 
/******/

.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}