*{ margin: 0; padding: 0;}
ul,ol{ list-style: none;}
input, select, button,textarea{ border:none; outline:none;}
img{ display: block;}/*图片转为块*/
a{ text-decoration: none; color: #333;}/*a链接转为块和a连接的yanse*/
h1,h2,h3{ font-size: 16px;}/*文字大小*/
body{ font-family: arial;}/*英文默认字体*/
em{font-style:normal}

.lf{ float: left;}/*左浮动*/
.rg{ float: right;}/*右浮动*/
.clera:after{ content: ""; display: block; clear: both;}/*清浮动、转为块*/
.container{ width: 1200px; margin: 0 auto; position: relative;}/*版心1200px，居中，相对定位*/
.container_news { width: 1340px; margin: 0 auto; position: relative;}/*版心1200px，居中，相对定位*/
.container_fluid{ width: 100%;}/*通栏的宽度*/
html{ background-color: #fff;}
.body{ background-color: #fff;}


/* 顶部导航 */
.nav { width: 100%; height: 76px;}
.nav_box { width: 1200px; height: 76px;}
.nav_box img { width: 312px; height: 51px; margin-top: 14px; float: left;}
.nav_box ul { width: auto; height: 76px; float: right;}
.nav_box ul li { width: 126px; height: 76px; float: left;}
.nav_box ul li a { width: 100%; height: 100%; font-size: 16px; line-height: 76px; color: #333; font-weight: 600; text-align: center; display: block; }
.nav_box ul li ul { width: 166px; height: auto; background: #fff; position: absolute; display: none;}
.nav_box ul li ul li { width: 166px; height: 60px; border-bottom: 1px solid #dcdcdc;}
.nav_box ul li ul li a { font-size: 16px; line-height: 60px; font-weight: 400; text-align: center;}

.nav_box ul li a:hover { background: #087DD2; color: #fff;}
.nav_box ul li:hover ul { display: block; z-index: 1000;}
.nav_box ul li ul li:hover { background: #087DD2; }
.nav_box ul li ul li:hover a{ color: #fff; }


/* banner */
.c-banner{
	width: 100%;
    max-width: 1920px;
    height: 600px;
    position: relative;
    margin: 0 auto;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute;
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
    margin-left: 100px;
    margin-right: 100px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
    background: #2680EB;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 20px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}


/* 我们的业务 */
.business { width: 1200px; height: 610px; background: #fff;}
.title { width: 1200px; height: 121px; text-align: center;}
.title h2 { width: 1200px; height: 53px; margin-top: 52px; font-size: 28px; line-height: 53px; font-weight: 600; color: #087DD2;}
.title em { width: 1200px; height: 24px; font-size: 18px; line-height: 24px; color: #cecece;}
.title span { width: 38px; height: 2px; margin-top: 8px; margin-left: 50%; background: #EF5A34; display: block; transform: translate(-50%);}
.business_1 { width: 588px; height: 392px; float: left; overflow: hidden;}
.business_1 a { width: 588px; height: 392px; display: block;}
.business ul { width: 1200px; height: 392px; float: right;}
.business ul li { width: 282px; height: 188px; margin-left: 24px; overflow: hidden; float: left;}
.business ul li a { width: 282px; height: 188px; display: block; position: relative;}
.business ul li a img { width: 282px; height: 188px; transition: all 0.4s; position: relative; z-index: 0;}
.business ul li a span { width: 282px; height: 44px; line-height: 44px;font-size: 16px; font-weight: 600;margin-top: -44px; z-index: 10; text-align: center; display: block; color: #fff; background-color: rgb(24, 24, 24, 0.8); transition: all 0.4s; position: relative;}
.business ul li:nth-child(2),.business ul li:nth-child(3) { margin-bottom: 16px;}
.business ul li:nth-child(1) { width: 588px; height: 392px; overflow: hidden; margin-left: 0px;}
.business ul li:nth-child(1) a { width: 588px; height: 392px; overflow: hidden;}
.business ul li:nth-child(1) a img { width: 588px; height: 392px; position: relative; transition: all 0.4s;}
.business ul li:nth-child(1) a span { width: 588px; height: 72px; line-height: 72px;font-size: 20px; font-weight: 600;margin-top: -72px; z-index: 10; text-align: center; display: block; color: #fff; background-color: rgb(24, 24, 24, 0.8); transition: all 0.4s; position: relative;}

.business ul li a:hover span { background: #087DD2; }
.business ul li a:hover img { transform: scaleX(1.04)}

.business_1 a:hover span { background: #087DD2;}
.business_1 a:hover img { transform: scaleX(1.04)}


/* 关于我们 */
.company { width: 100%; height: 586px; background: #F8F8F8; overflow: hidden;}
.company_img { width: 562px; height: 368px; float: left; overflow: hidden; margin-top: 8px}
.company_img a { width: 562px; height: 368px; display: block;}
.company_img a img { width: 562px; height: 368px; transition: all 0.4s;}
.company_text { width: 588px; height: 368px; float: right; margin-top: 8px;}
.company_text h1 { width: 588px; height: 129px; font-size: 22px; line-height: 129px; color: #333; font-weight: 600; }
.company_text p { width: 588px; height: 97px; font-size: 14px; line-height: 26px; color: #999;}
.company_text span { width: 164px; height: 46px; border: solid 1px #fff; margin-top: 94px; display: block; float: right;}
.company_text span em { width: auto; height: 46px; font-size: 16px; line-height: 46px; margin-left: 41px; color: #fff; background: url(../../images/pc_images/gd-gs.png) 78px no-repeat; display: block;}
.company_bott { height: 136px; background: #087DD2; margin-top: 286px;}

.company_img a:hover img { transform: scale(1.02);}
.company_text a:hover span {background: #fff;}
.company_text a:hover em { color: #087DD2; background: url(../../images/pc_images/gd-gs-1.png) 78px no-repeat;}
.company_text a:hover h1 { color: #087DD2;}


/* 合作案例 */
.case { width: 1200px; height: 800px;}
.case ul { width: 1200px; height: 528px;}
.case ul li { width: 282px; height: 240px; margin:0 0 24px 24px ; overflow: hidden; float: left;}
.case ul li a { width: 282px; height: 240px; display: block;}
.case ul li a img { width: 282px; height: 188px; transition: all 0.4s;}
.case ul li a span { width: auto; height: 52px; font-size: 16px; line-height: 52px; font-weight: 600; text-align: center; display: block; color: #333; background: #f2f2f2; transition: all 0.3s;}
.case_but { width: 204px; height: 50px; margin-left: 498px; margin-top: 40px;}
.case_but a { width: 204px; height: 50px; font-size: 16px; line-height: 50px; text-indent: 62px; color: #999; display: block; background: url(../../images/pc_images/gd-jt1.png) 134px 16px no-repeat #F2F2F2;}

.case ul li:nth-child(1), .case ul li:nth-child(5) { margin-left: 0px;}
.case ul li a:hover span { background: #087DD2; color: #fff;}
.case ul li a:hover img { transform: scaleX(1.04);}
.case_but a:hover { color: #fff; background: url(../../images/pc_images/gd-jt1-1.png) 134px 16px no-repeat #087DD2;}


/*新闻资讯*/
.pro-new{width: 100%;height: auto;overflow: hidden;padding-bottom: 80px; background: #f8f8f8;}
.title_news { width: 1340px; height: 121px; text-align: center;}
.title_news h2 { width: 1340px; height: 53px; margin-top: 52px; font-size: 28px; line-height: 53px; font-weight: 600; color: #087DD2;}
.title_news em { width: 1340px; height: 24px; font-size: 18px; line-height: 24px; color: #cecece;}
.title_news span { width: 38px; height: 2px; margin-top: 8px; margin-left: 50%; background: #EF5A34; display: block; transform: translate(-50%);}
.pro-new-show {position: relative; width: 1340px;height: auto;overflow: hidden;}
.pro-list{width: 1200px; margin: 80px 70px 0px; height: auto;margin-top: 30px; position: relative; overflow: hidden;}
.pro-list ul li { width: 328px; height: 170px; background: #fff; margin-right: 24px; padding: 28px; float: left; position: relative; overflow: hidden;}
.pro-list ul li a { width: 328px; height: 60px; display: block;}
.news_title { width: 328px; height: 60px; float: left;}
.news_title span { width: 60px; height: 60px; background: #dadcdd; border-radius: 6px; font-size: 20px; line-height: 26px; padding-top: 8px; display: block; box-sizing: border-box; text-align: center; font-weight: 600; color: #fff; float: left;}
.news_title span em { width: 60px; margin-top: 3px; display: block; font-size: 12px; line-height: 14px; color: #fff; font-weight: 400;}
.news_title h3 { width: 253px; height: 60px; font-size: 18px; line-height: 30px; color: #333; float: right;}
.news_text { width: 328px; height: 72px; margin-top: 28px; font-size: 14px; line-height: 26px; color: #999;}
.pro-new-show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}
.pro-new-show .arrow a.prev{left: 0; margin-top: -160px;background: url(../../images/pc_images/arrow-left.png) center center no-repeat #fff; transition: all 0.3s;}
.pro-new-show .arrow a.next{right: 0; margin-top: -160px;background: url(../../images/pc_images/arrow-right.png) center center no-repeat #fff; transition: all 0.3s;}
.pro-new-show .arrow a.prev:hover { background: url(../../images/pc_images/arrow-left-1.png) center center no-repeat #087DD2;}
.pro-new-show .arrow a.next:hover { background: url(../../images/pc_images/arrow-right-1.png) center center no-repeat #087DD2;}
.news_title:hover span { background: #087DD2;}
.news_title:hover h3 { color: #087DD2;}

.pro-new-show .pagination{position: relative;width: 100%;height: auto;overflow: hidden;padding-top: 40px;text-align: center;}
.pro-new-show .pagination ul li{width: 15px;height: 15px;border-radius: 100%;background: #FFFFFF;display: inline-block;margin: 0 8px;text-indent:-9999px; }
.pro-new-show .pagination ul li.on{background: #2069ff;}

.news_but { width: 204px; height: 50px; margin-left: 568px; margin-top: 40px;}
.news_but a { width: 204px; height: 50px; font-size: 16px; line-height: 50px; text-indent: 62px; color: #999; display: block; background: url(../../images/pc_images/gd-jt1.png) 134px 16px no-repeat #fff;}
.news_but a:hover { color: #fff; background: url(../../images/pc_images/gd-jt1-1.png) 134px 16px no-repeat #087DD2;}


/* .nav_2 {
	width: 1200px;
	height: 60px;
	margin-top: -60px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
  }
  
  .nav-item {
	color: #83818c;
	padding: 20px;
	text-decoration: none;
	transition: .3s;
	margin: 0 6px;
	z-index: 1;
	font-size: 16px;
	line-height: 60px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 500;
	position: relative;
	overflow: hidden;
  }
  .nav-item:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #dfe2ea;
	border-radius: 8px 8px 0 0;
	opacity: 0;
	transition: .3s;
  }
  
  .nav-item:not(.is-active):hover:before {
	opacity: 1;
	bottom: 0;
  }
  
  .nav-item:not(.is-active):hover {
	color: #333;
  }
  
  .nav-indicator {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	transition: .4s;
	height: 5px;
	z-index: 1;
	border-radius: 8px 8px 0 0;
  }
  
  @media (max-width: 580px) {
	.nav {
	  overflow: auto;
	}
  } */
.news2_tite { width: 1200px; height: 70px; margin-top: -35px; background: #fff; padding: 15px; box-sizing: border-box;}
.news2_tite ul { width: auto; height: 42px; margin-left: 50%; transform: translate(-50%); float: left;}
.news2_tite ul li { width: auto; height: 42px; padding: 0 20px; margin: 0 10px; font-size: 16px; line-height: 42px; float: left;}
.news2_tite ul li a { width: 100%; height: 100%; display: block; font-size: 16px; line-height: 42px; color: #333;} 
.active { background: #087DD2; }
.news2_tite ul li.active a { color: #fff;}



/* 友情链接 */
.partner { width: 100%; height: auto; min-height: 90px; background: #fff;}
.partner_box { width: 1200px; height: auto; min-height: 90px;}
.partner span { width: 94px; height: 90px; font-size: 18px; line-height: 90px; font-weight: 600; color: #333; float: left;}
.partner ul { width: 1104px; height: auto; min-height: 90px; float: left;}
.partner ul li { width: auto; height: 21px; padding: 0 30px; margin-top: 35px; line-height: 21px; border-right: 1px solid #333; float: left;}
.partner ul li a { width: auto; text-align: center; font-size: 16px; height: 21px; color: #666; display: block;}

.partner ul li a:hover { color: #087DD2;}


/* 底部信息 */
.bottom { height: 200px; background: #087DD2;}
.bottom_box { width: 1200px; height: 200px; background: #087DD2; padding-top: 40px; box-sizing: border-box;}
.bot_1 { width: 169px; height: 120px; border-right: 1px solid #6EB0FF; float: left;}
.bot_1 h3 { font-size: 16px; line-height: 21px; font-weight: 600; color: #fff;}
.bot_1 span { width: 26px; height: 2px; margin-top: 10px; margin-bottom: 12px; background: #fff; display: block;}
.bot_1 a { width: auto; height: 19px; margin-top: 6px; font-size: 14px; line-height: 19px; color: #C5DFFF; display: block;}

.bot_2 { width: 256px; height: 120px; padding-left: 100px; border-right: 1px solid #6EB0FF; float: left; box-sizing: border-box;}
.bot_2 h3 { font-size: 16px; line-height: 21px; font-weight: 600; color: #fff;}
.bot_2 span { width: 26px; height: 2px; margin-top: 10px; margin-bottom: 12px; background: #fff; display: block;}
.bot_2 a { width: auto; height: 19px; margin-top: 6px; font-size: 14px; line-height: 19px; color: #C5DFFF; display: block;}

.bot_3 { width: 498px; height: 120px; padding-left: 100px; border-right: 1px solid #6EB0FF; float: left; box-sizing: border-box;}
.bot_3 h3 { font-size: 16px; line-height: 21px; font-weight: 600; color: #fff;}
.bot_3 span { width: 26px; height: 2px; margin-top: 10px; margin-bottom: 12px; background: #fff; display: block;}
.bot_3 a { width: auto; height: 19px; margin-top: 6px; font-size: 14px; line-height: 19px; color: #C5DFFF; display: block;}

.ewm1 { width: 102px; height: 130px; float: left; margin-left: 33px;}
.ewm1 img { width: 102px; height: 102px;}
.ewm1 em {width: 102px; font-size: 14px; line-height: 21px; margin-top: 9px; color: #fff; display: block; text-align: center;}

.botton_2 { background: #0373c4; height: 60px;}
.botton_2 p { font-size: 14px; line-height: 60px; text-align: center; color: #B8D8FF;}
.botton_2 p a { font-size: 14px; line-height: 60px; text-align: center; color: #B8D8FF;}

.botton_2 p a:hover { color: rgb(255, 187, 41);}


/* 当前位置 */
.position {width: 1200px; height: 79px; overflow: hidden; background: #fff;}
.position ul{ margin-top: 30px; height: 16px;}
.position li{ float: left; font-size: 16px; margin-left: 6px;}
.position li:first-child{ margin-left: 48px;}
.position a{ font-size: 16px; line-height: 14px;}

.position a:hover{ color: #2680EB}



/* 内容单页 */
.sub_banner { width: 100%; height: 300px; max-width: 1920px; margin: 0px auto; position: relative;}
.sub_banner img { width: 100%; height: 300px; max-width: 1920px; margin: 0px auto;}
.content_show { width: 1200px; height: auto; min-height: 500px; margin-bottom: 60px; box-shadow: 0px 2px 16px rgba(135, 135, 135, 0.16); overflow: hidden;}
.content_show_rg_tit { width: 1200px; height: auto; min-height: 30px; text-align: center; padding: 0 200px; box-sizing: border-box; font-size: 22px; margin-top: 10px; line-height: 80px; font-weight: 600; color: #333; }
.content_show_rg_des { width: 1080px; height: auto; padding: 30px 0px 60px; margin: 0px auto 0px; box-sizing: border-box; border-top: 1px solid #E4E4E4;}


/* 产品列表 */
.content_show_box { width: 1200px; height: auto; min-height: 500px; padding: 48px 48px 100px; overflow: hidden; box-sizing: border-box;}
.content_show_box ul { width: auto; height: auto;}
.content_show_box ul li { width: 245px; height: 245px; margin: 0 12px 24px; float: left; padding: 1px; box-sizing: border-box; overflow: hidden;}
.content_show_box ul li a { width: 245px; height: 245px; display: block;}
.content_show_box ul li a img { width: 245px; height: 183px; display: block; transition: all 0.5s;}
.content_show_box ul li a span { width: 245px; height: 64px; background: #fff; font-size: 16px; line-height: 64px; text-align: center; display: block; transition: all 0.2s;}

.content_show_rg ul li a:hover span { background: #2680EB; color: #fff;}
.content_show_box ul li a:hover img { transform: scale(1.03);}


/* 底部页码 */
.list_pages { width: 1104px; height: 90px; overflow: hidden; bottom: 0px; position: absolute; margin-bottom: 10px; float: left;}
.list_page{ width: auto; height: 30px; margin: 30px 0 30px; margin-left: 0px; background: white; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); }
.list_page a, .list_page span{ width: 28px; height: 28px; font-size: 14px; line-height: 28px; border: 1px solid #c4c4c4; display: block; float: left; margin: 0 8px; }
.list_page a:first-child { width: 68px; }
.list_page a:hover { background: #0d509f; color: #fff; }
.list_page a:last-child { width: 68px; }
.list_page span { background: #0d509f; color: #fff; }


/* 列表内容页 */
.content_show_rg_subtit { width: 100%; height: 30px; text-align: center; margin-bottom: 10px;}
.content_show_rg_subtit span { width: auto; font-size: 14px; line-height: 30px; margin: 0px 15px; color: #999;}


/* 新闻列表 */
.content_news_box { width: auto; height: auto; min-height: 500px; padding: 48px 48px 100px; overflow: hidden; margin-bottom: 60px; box-sizing: border-box; box-shadow: 0px 2px 16px rgba(135, 135, 135, 0.16);}
.content_news_box ul { width: auto; height: auto; overflow: hidden;}
.content_news_box ul li { width: 1104px; height: 60px; border-bottom: 1px solid #e9e9e9; overflow: hidden; text-align: center; transition: all 0.2s;}
.content_news_box ul li a { width: 1104; height: 60px; display: block;}
.content_news_box ul li a span { width: auto; height: 60px; background: #fff; font-size: 14px; line-height: 60px; text-align: center; display: block; color: #333; float: left; transition: 0.2s;}
.content_news_box ul li a em { font-size: 14px; line-height: 60px; float: right; color: #999;}

.content_news_box ul li a:hover span, .content_news_box ul li a:hover em{margin-left: 5px; color: #0d509f; transform: (1.03);}


/* 留言表单 */
.message{ min-height: 880px; overflow: hidden; background: white; border-radius: 8px;}
.message_box{ width: 720px; height: 780px; margin: 40px auto;}
.message_box h3{ font-size: 20px; line-height: 29px; text-align: center;}
.message_box span{ width: 46px; height: 2px; background: #7cace6; margin: 6px auto 38px; display: block; border-radius: 6px;}
.message_box em{ width: 718px; height: 54px; font-size: 16px; line-height: 28px; color: #666; margin-bottom: 48px; display: block; overflow: hidden; }
.message_box p{ font-size: 16px; line-height: 22px; color: #666; margin-top: 20px; margin-bottom: 10px;}
.message_box input{ width: 720px; height: 48px; font-size: 16px; text-indent: 16px; background: #f9f9f9; border: 1px solid #dedede; border-radius: 6px; }
.message_box textarea{ width: 688px; height: 200px; font-size: 16px; padding: 16px; background: #f9f9f9; border: 1px solid #dedede; border-radius: 6px; resize: none;}
.message_box .message_but { width: 148px; height: 42px; font-size: 16px;  text-indent: 0px; line-height: 42px; background: rgb(167, 167, 167); border-radius: 6px; color: white; margin: 38px 290px; text-align: center; cursor: pointer;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: rgb(189, 189, 189);}
.message_box .message_but:hover{ background: #0d509f;}