/*

    顶部导航

*/

.navbar {

	height: 60px;

	background: #2f3cb1;

	border-radius: 0;

	margin-bottom: 0;

	border: none;

	min-height: auto;

}

.navbar > .w {

	background: #222c85;

}

#nav_box {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.navbar li {

	position: relative;

	flex: 1 1 auto;

	text-align: center;

}

.navbar li a {

	font-size: 16px;

	line-height: 60px;

	display: block;

	color: #fff;

	text-align: center;

}

.navbar li a:hover,

.navbar li.on a {

	background-color: #181d5f;

}

.navbar li {

	position: relative;

}

.nav li ul {

	position: absolute;

	left: 0;

	top: 45px;

	width: 100%;

	background-color: #181d5f;

	display: none;

	z-index: 995;

}

.nav li ul li {

	width: 100%;

	height: 34px;

}

.nav li ul li a {

	font-size: 12px;

	color: #fff;

	background: #222c85;

	line-height: 34px;

	display: block;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	padding: 0 10px;

}

.nav li ul li a:hover {

	color: #fff;

	background: rgba(0, 0, 0, 0.1);

}

.nav .on ul li a {

	background-color: #181d5f;

	color: #fff;

	background: #222c85;

}

.nav .on ul li a:hover {

	background: rgba(0, 0, 0, 0.1);

}



.nav li ul ul {

	left: 200px !important;

}



.header-hd {

	line-height: 59px;

	background: #f5f5f5;

	border-bottom: 1px solid #cccccc;

	font-size: 14px;

	color: #666;

    overflow: hidden;

}

.header-hd a {

	margin-left: 15px;

	vertical-align: -2px;

}

.header-bd .w {

	height: 100px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.header-bd .header-tel {

	background: url(../image/htel.png) no-repeat left center;

	padding-left: 55px;

	font-size: 15px;

	color: #333;

	line-height: 1.2;

	padding-top: 2px;

}

.header-bd .header-tel p {

	font-size: 26px;

	color: #181d5f;

}

.search-region {

	border-bottom: 1px solid #ededed;

}

.search-region .w {

	height: 76px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.search-region .search-hot {

	font-size: 14px;

	color: #333;

}

.search-region .search-form {

	border: 1px solid #cccccc;

}

.search-region .search-form .search-key {

	line-height: 36px;

	border: none;

	background: none;

	outline: none;

	padding: 0 20px;

	vertical-align: top;

}

.search-region .search-form .search-button {

	background: url(../image/sbtn.png) no-repeat center;

	height: 36px;

	width: 50px;

	border: none;

	outline: none;

	cursor: pointer;

	vertical-align: top;

}

.about-region {

	padding: 60px 0;

}

.about-hd .w {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.about-hd .about-content {

	width: 525px;

}

.about-hd .about-content .tit {

	color: #333;

	line-height: 1.4;

}

.about-hd .about-content .tit h2 {

	font-size: 24px;

	font-weight: normal;

}

.about-hd .about-content .tit h3 {

	font-size: 40px;

}

.about-hd .about-content .desc {

	font-size: 14px;

	line-height: 28px;

	height: 224px;

	overflow: hidden;

	margin: 15px 0 30px;

}

.about-hd .about-content .abmore {

	display: block;

	width: 120px;

	line-height: 38px;

	border: 1px solid #181d5f;

	background: #181d5f;

	text-align: center;

	color: #fff;

	font-size: 14px;

	transition: all 0.3s;

}

.about-hd .about-content .abmore:hover {

	background: #fff;

	color: #181d5f;

}

.about-hd .about-video {

	width: 620px;

	font-size: 0;

}

.about-hd .about-video img {

	width: 100%;

}

.about-list {

	margin-top: 40px;

}

.about-list ul {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.about-list li {

	flex: 1;

	text-align: center;

	border-right: 1px solid #e7e7e7;

	padding: 10px 0;

	transition: all 0.3s;

}

.about-list li:last-of-type {

	border-right: 0;

}

.about-list li .img {

	margin: 0 auto;

	width: 80px;

	height: 80px;

	background: #181d5f;

	border-radius: 50%;

	line-height: 80px;

	font-size: 0;

	transition: all 0.3s;

}

.about-list li .img img {

	vertical-align: middle;

}

.about-list li p {

	font-size: 18px;

	color: #333;

	margin-top: 10px;

}

.about-list li:hover {

	transform: translateY(-5px);

}

.about-list li:hover .img {

	background: #2f3cb1;

}

.region-tit {

	text-align: center;

}

.region-tit h2 {

	font-size: 32px;

	color: #333;

}

.region-tit h2::after {

	content: "";

	display: block;

	width: 36px;

	height: 2px;

	background: #cccccc;

	margin: 10px auto 9px;

}

.region-tit p {

	font-size: 20px;

	color: #ccd1d7;

	text-transform: uppercase;

	font-family: arial;

	font-weight: bold;

}

.product-region {

	padding: 60px 0;

	background: #f7f8ff;

}

.product-bd {

	margin-top: 50px;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}

.product-lside {

	width: 246px;

}

.product-lside .tit {

	background: #181d5f;

	color: #fff;

	text-align: center;

	padding: 17px 0;

}

.product-lside .tit h3 {

	font-size: 20px;

}

.product-lside .tit p {

	font-size: 14px;

	text-transform: uppercase;

}

.product-lside li {

	border-bottom: 1px solid #e8e8e8;

}

.product-lside li a {

line-height: 50px;

display: block;

background: #009688;

transition: all 0.3s;

font-size: 14px;

color: #f7f8ff;

text-align: center;
}
.product-lside li p a{
	font-size: 14px;
	color: #666666;
	background: whitesmoke;
	line-height: 35px;
}
.product-lside li a:hover {

	background: #181d5f;

	color: #fff;

}

.product-lside .product-lside-contact {

	margin-top: 20px;

	background: #fff;

}

.product-lside .product-lside-contact .tel {

	border-bottom: 1px dashed #ccc;

	background: url(../image/protel.png) no-repeat 15px center;

	font-size: 14px;

	color: #333;

	height: 89px;

	padding-left: 64px;

	padding-top: 21px;

	line-height: 1.3;

}

.product-lside .product-lside-contact .tel p {

	font-size: 26px;

	color: #181d5f;

	font-weight: bold;

	white-space: nowrap;

}

.product-lside .product-lside-contact .desc {

	font-size: 14px;

	line-height: 19px;

	color: #666666;

	padding: 0 10px;

	border-bottom: 1px dashed #ccc;

}

.product-lside .product-lside-contact .desc p {

	margin: 10px 0;

}

.product-lside .product-lside-contact .code {

	padding: 20px 0;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 14px;

	line-height: 19px;

	color: #666666;

}

.product-lside .product-lside-contact .code img {

	width: 92px;

	margin-right: 10px;

}

.product-list {

	width: 922px;

	overflow: hidden;

}

.product-list li {

	float: left;

	width: 297px;

	margin-right: 15px;

	margin-bottom: 15px;

}

.product-list li .img {

	font-size: 0;

	overflow: hidden;

}

.product-list li .img img {

	width: 100%;

	transition: all 0.3s;

}

.product-list li h5 {

	font-weight: normal;

	line-height: 40px;

	background: #e4e4e4;

	text-align: center;

	font-size: 14px;

	color: #666666;

	transition: all 0.3s;

}

.product-list li:nth-of-type(3n) {

	margin-right: 0;

}

.product-list li:hover .img img {

	transform: scale(1.05);

}
.footer .footer-ft{
	color:#333;
}
.product-list li:hover h5 {

	background: #181d5f;

	color: #fff;

}

.avant-region {

	padding: 60px 0;

	background: url(../image/avantbg.jpg) no-repeat top center;

}

.avant-region .region-tit h2,

.avant-region .region-tit p {

	color: #fff;

}

.avant-bd {

	margin-top: 50px;

}

.avant-bd .hd {

	position: relative;

	z-index: 9;

}

.avant-bd .hd ul {

	background: #f6f6f6;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.avant-bd .hd li {

	flex: 1;

	text-align: center;

	height: 123px;

	border-right: 1px solid #cccccc;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	transition: all 0.3s;

}

.avant-bd .hd li:last-of-type {

	border: none;

}

.avant-bd .hd li p {

	color: #333;

	font-size: 16px;

	margin-top: 10px;

}

.avant-bd .hd li .h {

	display: none;

}

.avant-bd .hd li.on {

	background: #181d5f;

}

.avant-bd .hd li.on .h {

	display: block;

}

.avant-bd .hd li.on .s {

	display: none;

}

.avant-bd .hd li.on p {

	color: #fff;

}

.avant-bd .bd {

	box-shadow: 0 2px 8px #a9a8a8;

	background: #fff;

}

.avant-bd .slideBox {

	position: relative;

}

.avant-bd .slideBox img {

	width: 100%;

	display: block;

}

.avant-bd .slideBox .item-hd {

	position: absolute;

	left: 0;

	top: 0;

	width: 460px;

	height: 470px;

	background: rgba(255, 255, 255, 0.7);

	padding: 60px 30px;

}

.avant-bd .slideBox .item-hd h3 {

	font-size: 34px;

	color: #333;

}

.avant-bd .slideBox .item-hd h3::after {

	content: "";

	display: block;

	width: 112px;

	height: 2px;

	background: #181d5f;

	margin-top: 9px;

}

.avant-bd .slideBox .item-hd p {

	font-size: 14px;

	line-height: 30px;

	margin-top: 22px;

	background: url(../image/aleft.png) no-repeat left 8px;

	padding-left: 30px;

}

.show-region {

height: 963px;

position: relative;

overflow: hidden;

display: none;
}

.show-bd {

	margin-top: 50px;

}

.show-bd .bd {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

}

.show-bd .bd li {

	width: 1140px;

	height: 670px;

	position: relative;

	margin: 0 15px;

}

.show-bd .bd li img {

	width: 100%;

	display: block;

}

.show-bd .bd li .desc {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 585px;

	height: 364px;

	background: rgba(24, 29, 95, 0.6);

	color: #fff;

	padding: 45px 70px 45px 70px;

}

.show-bd .bd li .desc .tit {

	font-size: 24px;

	padding-bottom: 12px;

	border-bottom: 1px solid #fff;

}

.show-bd .bd li .desc .tit h2 {

	font-size: 32px;

	font-weight: normal;

}

.show-bd .bd li .desc p {

	font-size: 14px;

	line-height: 27px;

	margin: 22px 0 33px;

}

.show-bd .bd li .desc a {

	display: block;

	width: 130px;

	line-height: 40px;

	border: 1px solid #fff;

	text-align: center;

	font-size: 14px;

	transition: all 0.3s;

}

.show-bd .bd li .desc a:hover {

	background: #fff;

	color: #181d5f;

}

.show-bd .hd {

	background: #f6f6f6;

	margin-top: 29px;

	position: absolute;

	bottom: 0;

	width: 1200px;

}

.show-bd .hd span a {

	display: block;

	width: 46px;

	height: 46px;

	background: #fff;

	border-radius: 50%;

	line-height: 46px;

	text-align: center;

	font-family: "宋体";

	font-size: 24px;

	position: absolute;

	top: -396px;

	z-index: 9;

	cursor: pointer;

	transition: all 0.3s;

}

.show-bd .hd span a:hover {

	background: #181d5f;

	color: #fff;

}

.show-bd .hd span .prev {

	left: -55px;

}

.show-bd .hd span .next {

	right: -55px;

}

.show-bd .hd ul {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.show-bd .hd li {

	position: relative;

	height: 115px;

	flex: 1;

	color: #333;

	padding-left: 103px;

	padding-top: 25px;

	cursor: pointer;

}

.show-bd .hd li .img {

	position: absolute;

	left: 39px;

	top: 50%;

	transform: translateY(-50%);

}

.show-bd .hd li .img img {

	width: 48px;

}

.show-bd .hd li .img .h {

	display: none;

}

.show-bd .hd li h2 {

	font-size: 22px;

	font-weight: normal;

}

.show-bd .hd li p {

	font-size: 18px;

}

.show-bd .hd li.on {

	color: #fff;

	background: #181d5f;

}

.show-bd .hd li.on .img .s {

	display: none;

}

.show-bd .hd li.on .img .h {

	display: block;

}

.case-region {

	padding: 60px 0;

}

.case-region ul {

	margin-top: 50px;

	overflow: hidden;

}

.case-region li {

	width: 384px;

	float: left;

	margin-right: 24px;

	margin-bottom: 24px;

}

.case-region li:nth-of-type(3n) {

	margin-right: 0;

}

.case-region li .img {

	overflow: hidden;

}

.case-region li .img img {

	width: 100%;

	display: block;

	transition: all 0.3s;

}

.case-region li h5 {

	line-height: 42px;

	background: #e9e9e9;

	font-weight: normal;

	text-align: center;

	font-size: 14px;

	color: #333333;

	transition: all 0.3s;

}

.case-region li:hover img {

	transform: scale(1.05);

}

.case-region li:hover h5 {

	background: #181d5f;

	color: #fff;

}

.case-region .casemore a {

	display: block;

	width: 180px;

	line-height: 38px;

	border: 1px solid #181d5f;

	color: #fff;

	font-size: 14px;

	margin: 0 auto;

	transition: all 0.3s;

	background: #181d5f;

	text-align: center;

	margin-top: 20px;

}

.case-region .casemore a:hover {

	background: #fff;

	color: #181d5f;

}
/*
------------------------------------------------------------
*/
 .news {
    background: url("../image/news-bg.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
  }
   .news::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #d6e1e7;
    opacity: 0.8;
  }
   .news .w {
    position: relative;
    z-index: 999;
  }
   .news .hd {
    padding: 73px 0 37px;
  }
   .news .hd a {
    color: #000000;
    padding: 14px 30px;
    background: url("../image/nav3.png") no-repeat center;
  }
   .news .hd a:hover {
    color: #ffffff;
    background: url("../image/nav4.png") no-repeat center;
  }
   .news .box {
    padding-bottom: 70px;
  }
   .news .box .news-tit h3 {
    font-size: 16px;
    color: #000000;
    font-weight: normal;
  }
   .news .box .news-tit i {
    font-size: 12px;
    color: #000;
    opacity: 0.7;
    margin-top: 13px;
    display: block;
  }
   .news .box p {
    font-size: 12px;
    color: #000;
    height: 70px;
    line-height: 24px;
    overflow: hidden;
  }
   .news .box .con {
    width: 790px;
    float: left;
    margin-right: 38px;
    display: flex;
    justify-content: space-between;
  }
   .news .box .con li {
    width: 375px;
    padding-bottom: 34px;
    background: url("../image/news-l.png") no-repeat bottom left;
    padding-top: 15px;
    border-top: 1px solid #c3bdbb;
  }
   .news .box .con li .box-img {
    margin: 35px 0 45px;
  }
   .news .box li:hover h3 {
    color: #034455;
  }
   .news .box .news-slide {
    display: flow-root;
  }
   .news .box .news-slide li {
    padding: 15px 0;
    border-top: 1px solid #c3bdbb;
    height: 176px !important;
  }
   .news .box .news-slide li p {
    margin-top: 20px;
  }
/*
------------------------------------------------------------
*/
.footer {
	background: #dedede;
	color: #fff;
}

.foot-logo{
	text-align: center;
	padding-top: 30px;
}

.footer .footer-ft {

	border-top: 1px solid #242b8a;

	padding: 20px 0;

	text-align: center;

	font-size: 14px;

	font-family: arial;

}

.footer-hd {

padding: 30px 0 40px;
}

.footer-hd .w {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}

.footer-hd dl {

	width: 31%;

}

.footer-hd dl:last-of-type {

	width: 133px;

}

.footer-hd dl:last-of-type img {

	width: 100%;

}

.footer-hd dt {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #181d5f;
}

.footer-hd dd {
	font-size: 14px;
	line-height: 40px;
	color: #333;
}

.footer-hd .footer-nav a {
	display: inline-block;
	width: 50%;
	line-height: 40px;
	color: #333;
}


.index_bgc{ padding-top:80px; padding-bottom:90px; width:100%; overflow:hidden; background:url(../image/index_bgc.jpg) no-repeat center top;}
.indc_title{ text-align:center; color:#fff;}
.indc_title p{ font-size:2.5rem; font-weight:bold; padding-bottom:12px; line-height:40px;}
.indc_title i{display:block; width:43px; height:2px; background:#fff; margin:12px auto 0 auto;}
.indc_gd{ position:relative; margin-top:40px;}
.indc_nr li{ float:left; width:33.333%;}
.indc_nr li a{ display:block; margin:0 2%; background:#f2f4f5; padding:14px;}
.indc_pic{ overflow:hidden;}
.indc_pic img{ display:block; width:100%; transition:0.5s;}
.indc_nr li:hover .indc_pic img{transform:scale(1.1);}
.indc_wb{ padding:15px 2% 15px 2%;}
.indc_mc{ height:40px; line-height:40px; overflow:hidden; font-size:1.125rem; font-weight:bold; color:#333; transition:0.5s;}
.indc_ms{font-size:0.875rem;color:#666;line-height:24px;height:72px;overflow:hidden;text-align: justify;}
.indc_more{width:23px;height:23px;color:#fff;font-family:"宋体";font-size:0.875rem;float:right;margin-top: 0;background:#0a68c0;border-radius:50%;text-align:center;line-height:23px;transition:0.5s;}
.indc_nr li:hover .indc_mc{ color:#f2bc3f; transition:0.5s;}
.indc_nr li:hover .indc_more{ background:#f2bc3f; transition:0.5s;}
.indc_an{ margin-top:23px; background:url(../image/indc_sb.png) no-repeat center top; height:32px; text-align:center;}
.indc_an a{ display:inline-block; height:32px; line-height:32px; font-family:"宋体"; font-size:1.875rem; margin:0 20px; width:20px; cursor:pointer;}
@media screen and (max-width:770px){
.indc_title p{ font-size:2rem;}
.indc_mc{ height:30px; line-height:30px; font-size:1rem; }
}
@media screen and (max-width:520px){
.index_bgc{ padding-top:40px; padding-bottom:50px; background-size:auto 50%;}
.indc_title{ font-size:0.875rem;}
.indc_title p{ font-size:1.5rem; padding-bottom:5px; line-height:30px;}
.indc_gd{margin-top:25px;}
.indc_nr{overflow:hidden;}
.indc_nr li{width:50%;}
.indc_nr li a{padding:5px;}
.indc_wb{ padding:10px 1% 10px 1%;}
.indc_mc{font-size:0.9375rem;}
.indc_ms{ font-size:0.75rem; line-height:18px; height:54px;}
.indc_more{ display:none;}
}

/*新闻中心*/
.dt_bg { margin-top:30px; border-top:solid 1px #bababb; padding:40px 0 35px;overflow:hidden;}
.dt { width:850px;}
.dt_top { height:48px; line-height:48px; background:url(../image/dt_top.gif) repeat-x; }
.dt_top span { float:right; display:block; }
.dt_top span a { font-family:Arial; font-size:14px; color:#222; text-transform:uppercase;}
.dt_top ul li { float:left;width:110px; height:48px; line-height:48px; text-align:center; display:block; font-size:18px;color:#333;cursor: pointer;}
.dt_top ul li:hover,.dt_top ul .on{ background: url(../image/dt_libg.gif) no-repeat; text-decoration:none;}

.dt_con { padding:13px 0 0;}
.dt_con dl { height:165px; overflow:hidden;}
.dt_con dl dt { float:left; padding-right:10px; height:165px;}
.dt_con dl dt img {padding:5px; border:solid 1px #d1d1d1;}
.dt_con dl dd { float:left; width:613px;}
.dt_con dl dd h3 { height:30px; line-height:30px;overflow:hidden;}
.dt_con dl dd h3 a { font-size:14px; color:#333;}
.dt_con dl dd p { line-height:22px; height:110px; overflow:hidden}
.dt_con dl dd span a { color:#f2b30b;}

.dt_list { padding-top:10px;}
.dt_list ul li { height:35px; line-height:35px; padding: 0 12px;  overflow:hidden; background:url(../image/ico03.gif) no-repeat left 13px; border-bottom:dashed 1px #dddcdc; width:400px; float:left;}
.dt_list ul li span { float:right; color:#b5b5b5;}

/*常见问题解答*/
.wd { width:250px; background:url(../image/dt_yy.gif) no-repeat 0 0; padding-left:30px; margin:10px 0 0 30px;}
.wd_top { height:32px; border-bottom:solid 1px #dcd6d4;}
.wd_top span { float: right;}
.wd_top span a { text-transform:uppercase; font-size:14px; color:#222;}
.wd_top h3 a {font-size:18px; color:#333; font-weight:normal;}

.wd_con dl { padding:10px 0 10px; border-bottom:dashed 1px #d9d9d9;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(../image/wd_w.gif) no-repeat left 6px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#222;}
.wd_con dd { background:url(../image/wd_d.gif) no-repeat left 4px; width:200px;  line-height:25px; padding-left:30px;color:#666;height:50px;overflow:hidden;}