﻿@charset "utf-8";

/* qyjg_product */
.qyjg_product {
	box-sizing: border-box;
	padding: 0;
	margin-bottom: 30px;
}
.picScroll-left {
	width: 1280px;
	position: relative;
}

.picScroll-left .bd {
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	margin: 0 10px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}



.qyjg_product ul dl {
	width: 300px;
	background-color: #eeeeee;
	padding-bottom: 20px;
	position: relative;
	transition: 0.3s all;
	overflow: hidden;
	text-align: left;
	min-height: 420px;
	max-height: 420px;
	height: 420px;

}

.qyjg_product ul dl::after {
	content: '';
	background: url(../images/icon2.png) no-repeat;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 70px;
	height: 20px;
}

.qyjg_product ul dl .pic {
	width: 300px;
	height: 345px;
	overflow: hidden;
}

.qyjg_product ul dl img {
	width: 300px;
	height: 345px;
	transition: 0.3s all;
	overflow: hidden;
}

.qyjg_product ul dl dt {
	line-height: 2.5;
	color: #000000;
	font-size: 16px;
	padding: 0 10px;
	border-top: 1px solid #fff;
	padding-top: 10px;
}

.qyjg_product ul dl dd {
	color: #999999;
	font-size: 15px;
	padding: 0 10px;line-height: 1.5;
}

.qyjg_product ul dl:hover {
	background-color: #004899;
}

.qyjg_product ul dl:hover::after {
	content: '';
	background: url(../images/icon2_h.png) no-repeat;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 70px;
	height: 20px;
}

.qyjg_product ul dl:hover img {
	width: 300px;
	height: 345px;
	transform: scale(1.05);
	overflow: hidden;
}

.qyjg_product ul dl:hover dt {
	color: #fff;
}

.qyjg_product ul dl:hover dd {
	color: #fff;
}

.qyjg_product .next::before{content: '>';color:#999;font-size: 48px;cursor: pointer;font-family: 'KAITI';position: absolute;top: 50%;transform: translateY(-50%);right: -50px;}
.qyjg_product .prev::before{content: '<';color:#999;font-size: 48px;cursor: pointer;font-family: 'KAITI';position: absolute;top: 50%;transform: translateY(-50%);left: -50px;}
.qyjg_product .next:hover::before{color: #004899;}
.qyjg_product .prev:hover:before{color: #004899;}

/*************第一个大图*********/
#bg_box01 {
	background: url(../images/bg01.jpg) no-repeat center;
	width: 100%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}

.bg01 {
	text-align: center;
	position: absolute;
	top: 30%;
	width: 100%;
}

.bg01_p1 {
	font-size: 54px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.bg01_p2 {
	font-size: 14px;
	color: #fff;
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	line-height: 24px;
}

.bg01_p3 {
	margin-top: 40px;
}

.bg01_p3 a {
	border: 1px solid #fff;
	padding: 8px 20px;
	border-radius: 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	transition: all ease-out .2s;
}

.bg01_p3 a img {
	margin-left: 8px;
	transform: translateY(1px);
	transition: all ease-out .2s;
	vertical-align: top;
}

.bg01_p3 a:hover img {
	display: inline-block;
	margin-left: 15px;
	transition: all ease-out .2s;
}

.bg01_p3 a:hover {
	color: #fff;
	padding: 8px 20px;
	padding-right: 15px;
	background-color: #004899;
	border: 1px solid #004899;
	transition: all ease-out .2s;
}
.MsoNormal{font-size: 17px;line-height: 2.5;}



.bg02 {
	text-align: left;
	position: absolute;
	top: 30%;
	width: 100%;
}

.bg02_p1 {
	font-size: 54px;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

.bg02_p2 {
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	margin-top: 30px;
	line-height: 24px;
}

.bg02_p3 {
	margin-top: 40px;
}

.bg02_p3 a {
	border: 1px solid #fff;
	padding: 8px 20px;
	border-radius: 20px;
	text-align: left;
	font-size: 14px;
	color: #fff;
	transition: all ease-out .2s;
}

.bg02_p3 a img {
	margin-left: 8px;
	transform: translateY(1px);
	transition: all ease-out .2s;
	vertical-align: top;
}

.bg02_p3 a:hover img {
	display: inline-block;
	margin-left: 15px;
	transition: all ease-out .2s;
}

.bg02_p3 a:hover {
	color: #fff;
	padding: 8px 20px;
	padding-right: 15px;
	background-color: #004899;
	border: 1px solid #004899;
	transition: all ease-out .2s;
}

.bg03 {
	text-align: right;
	position: absolute;
	top: 30%;
	width: 100%;
}

.bg03_p1 {
	font-size: 54px;
	color: #fff;
	font-weight: bold;
	text-align: right;
}

.bg03_p2 {
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	margin-top: 30px;
	line-height: 24px;
}

.bg03_p3 {
	margin-top: 40px;
}

.bg03_p3 a {
	border: 1px solid #fff;
	padding: 8px 20px;
	border-radius: 20px;
	text-align: right;
	font-size: 14px;
	color: #fff;
	transition: all ease-out .2s;
}

.bg03_p3 a img {
	margin-right: 8px;
	transform: translateY(1px);
	transition: all ease-out .2s;
	vertical-align: top;
}

.bg03_p3 a:hover img {
	display: inline-block;
	margin-right: 15px;
	transition: all ease-out .2s;
}

.bg03_p3 a:hover {
	color: #fff;
	padding: 8px 20px;
	padding-right: 15px;
	background-color: #004899;
	border: 1px solid #004899;
	transition: all ease-out .2s;
}


/********第二个****/
#bg_box02 {
	background: url(../images/bg02.jpg) no-repeat center;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}

#bg_box03 {
	background: url(../images/bg03.jpg) no-repeat center;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}
#bg_box04 {
	background: url(../images/bg04.jpg) no-repeat center;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}
/* qyjg_cases */
.qyjg_cases {
	box-sizing: border-box;
}


.qyjg_cases_con {
	position: relative;
	margin: 0 auto;
}

.qyjg_cases_con .bd {
	overflow: hidden;
	box-sizing: border-box;
}

.qyjg_cases_con .bd .prev,
.qyjg_cases_con .bd .next {
	display: block;
	width: 50px;
	height: 50px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/icon04.png) no-repeat #efefef;
	position: absolute;
	z-index: 999;
	right: 705px;
	bottom: 8%;
	border: 1px solid #efefef;
	box-sizing: border-box;
}

.qyjg_cases_con .bd .next {
	background-position: 0 -50px;
	left: 469px
}

.qyjg_cases_con .bd .prev:hover {
	background: url(../images/icon04_h.png) no-repeat #1154a0;
	border: 1px solid #1154a0;
}

.qyjg_cases_con .bd .next:hover {
	background: url(../images/icon04_h.png) no-repeat #1154a0;
	background-position: 0 -50px;
	border: 1px solid #1154a0;
}

.qyjg_cases_con .bd ul {
	overflow: hidden;
	zoom: 1;
}

.qyjg_cases_con .bd ul li {
	overflow: hidden;
	text-align: center;
}

.qyjg_cases_con .bd ul li .lis {
	width: 520px;
	float: left;
}

.qyjg_cases_con .bd ul li .lis dl {
	text-align: left;
}

.qyjg_cases_con .bd ul li .lis dl em {
	font-size: 70px;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	color: #e3e2e0;
}

.qyjg_cases_con .bd ul li .lis dl dt {
	font-size: 30px;
	color: #333;
	line-height: 2;
}

.qyjg_cases_con .bd ul li .lis dl p {
	line-height: 2;
	font-size: 15px;
	color: #666666;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}

.qyjg_cases_con .bd ul li .lis dl p::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: #999;
	border-radius: 50%;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
}

.qyjg_cases_con .bd ul li .lis .pho {
	margin-top: 50px;
	padding-left: 40px;
	font-size: 16px;
	color: #999;
	text-align: left;
	padding-top: 10px;
	background: url(../images/icons/icon_tel_h.png) no-repeat 0 10px;
}

.qyjg_cases_con .bd ul li .lis span {
	display: block;
	font-size: 36px;
	color: #e60012;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.qyjg_cases_con .bd ul li .pic {
	text-align: center;
	float: right;
	width: 760px;
}

.qyjg_cases_con .bd ul li .pic img {
	width: 760px;
	height: 615px;
	display: block;
}

.qyjg_cases_con .bd ul li .pic a:hover img {
	border-color: #1154a0;
}

.qyjg_cases_con .bd ul li .title a {
	line-height: 3;
	font-size: 18px;
	color: #fff;
}


/* qyjg_partner */
.qyjg_partner {
	box-sizing: border-box;
	padding: 20px 0 60px;
	background: #f9f9f9;
	margin: 0 auto 0
}


.qyjg_partner_con .bd {
	box-sizing: border-box;
	display: flex;
	justify-content: start;
	width: 1280px;
	overflow: hidden;
}

.qyjg_partner_con .bd ul li {
	margin: 0 15px;
	width: 100%;
	text-align: center;
	position: relative;
	padding: 0 0 10px;
}

.qyjg_partner_con .bd ul li img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	box-shadow: 0 0 10px #e9e9e9;
	;
}

.qyjg_partner_con .bd ul li:hover img {
	box-shadow: 0 0 10px #999;
}

.qyjg_partner_con .bd ul li a {
	display: block
}

.qyjg_partner_con .bd ul li.on {}

.qyjg_partner_con .bd ul li.on a {}


/* qyjg_about */
.qyjg_about {
	position: relative;
}

.qyjg_about_con {
	padding-bottom: 120px;
}

.qyjg_about_con img {
	width: 100%;
}

.qyjg_about_con .c {
	position: absolute;
	width: 1100px;
	background: rgba(15, 51, 131, 0.95);
	margin: 0 auto;
	padding: 30px;
	color: #fff;
	left: 50%;
	transform: translateX(-50%);
	height: 235px;
	margin-top: -120px;
	box-sizing: border-box;
	border-radius: 0 0 20px 20px;
}

.qyjg_about_con .c p {
	font-size: 15px;
	line-height: 36px;
	color: #fff;
	text-indent: 30px;
}

.qyjg_about_pic {
	width: 1200px;
	overflow: hidden;
	position: relative;
	padding: 30px 0;
}

.qyjg_about_pic .bd {
	padding: 10px;
}

.qyjg_about_pic .bd ul {
	overflow: hidden;
	zoom: 1;
}

.qyjg_about_pic .bd ul li {
	margin: 0 22px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.qyjg_about_pic .bd ul li .pic {
	text-align: center;
}

.qyjg_about_pic .bd ul li .pic img {
	width: 360px;
	height: 270px;
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
}

.qyjg_about_pic .bd ul li .pic a:hover img {
	border-color: #999;
}

.qyjg_about_pic .bd ul li .title {
	line-height: 3;
	background-color: #f0f0f0;
	color: #333;
}

.qyjg_about_pic .bd ul li:hover .title {
	background-color: #0080c5;
	color: #fff;
}

.qyjg_about_pic .bd ul li:hover .title a {
	background-color: #0080c5;
	color: #fff;
}

/* qyjg_news */
.qyjg_news {
	box-sizing: border-box;
	padding: 0 0;
}

.qyjg_news .t_n {
	text-align: left;
	color: #fff;
	font-size: 24px;
	position: relative;
}

.qyjg_news .t_n i {
	display: block;
	color: #fff;
	text-transform: capitalize;
}

.qyjg_news .t_n a {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #1154a0;
	color: #fff;
	right: 0;
	top: 10px;
	line-height: 30px;
	text-align: center;
}

.qyjg_news .left {
	width: 430px;
	height: 598px;
	overflow: hidden;
	background: url(../images/n_l.jpg) 0 0 no-repeat #f5f5f5;
	padding: 20px 35px;
	box-sizing: border-box;
}

.qyjg_news .left dl {
	padding-top: 30px;
	position: relative;
}

.qyjg_news .left dt {
	width: 100%;
}

.qyjg_news .left dt img {
	width: 360px;
	height: 240px;
	border: 1px solid #fff;
	box-sizing: border-box;
}

.qyjg_news .left dl {
	width: 100%;
	position: relative;
}

.qyjg_news .left dd {
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0;
	color: #333;
}

.qyjg_news .left dd h3 {
	width: 100%;
	font-size: 18px;
	line-height: 2.5;
	font-weight: normal;
}

.qyjg_news .left dd p {
	width: 100%;
	font-size: 15px;
	line-height: 2;
	color: #999;
}

.qyjg_news .left dl .date {
	display: block;
	text-align: right;
	font-size: 14px;
	color: #999999;
	position: relative;
}

.qyjg_news .left dl .date:before {
	content: '';
	width: 100px;
	height: 1px;
	background-color: #d1d1d1;
	position: absolute;
	left: 0;
	top: 10px;
}

.qyjg_news .right {
	width: 830px;
	box-sizing: border-box;
}

.qyjg_news .right .top,
.qyjg_news .right .bottom {
	border: 1px solid #dedede;
	padding: 20px 35px;
}

.qyjg_news .right .top {
	margin-bottom: 20px;
}

.qyjg_news .right .t_n {
	color: #333;
}

.qyjg_news .right .t_n span {
	color: #1154a0;
	font-weight: bold;
}

.qyjg_news .right .t_n i {
	color: #999;
}

.txtScroll-left {
	position: relative;
}

.txtScroll-left .hd {
	overflow: hidden;
	height: 30px;
	position: absolute;
	top: -40px;
	right: 0;
}


.txtScroll-left .hd .next {
	background-position: 0 -50px;
}

.txtScroll-left .hd .prevStop {
	background-position: -60px 0;
}

.txtScroll-left .hd .nextStop {
	background-position: -60px -50px;
}

.txtScroll-left .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}

.txtScroll-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #dbdbdb;
	border-radius: 10px;
}

.txtScroll-left .hd ul li.on {
	width: 20px;
	background-color: #1154a0;
}

.txtScroll-left .bd {
	overflow: hidden;
}

.txtScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.txtScroll-left .bd ul li {
	margin-right: 20px;
	float: left;
	height: 24px;
	line-height: 24px;
	text-align: left;
	_display: inline;
}

.txtScroll-left .bd ul li span {
	color: #999;
}



.qyjg_news .right .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.qyjg_news .right .list dl {
	position: relative;
	width: 369px;
	box-sizing: border-box;
	margin-right: 20px;
}

.qyjg_news .right .list dt {
	width: 100%;
}


.qyjg_news .right .list dd {
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0 0 0;
	color: #333;
}

.qyjg_news .right .list dd h3 {
	width: 100%;
	font-size: 18px;
	line-height: 2.5;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.qyjg_news .right .list dd p {
	width: 100%;
	font-size: 15px;
	line-height: 2;
	color: #999;
}

.qyjg_news .right .list dl .date {
	display: block;
	text-align: right;
	font-size: 14px;
	color: #999999;
	position: relative;
	padding-right: 20px;
}

.qyjg_news .right .list dl .date:before {
	content: '';
	width: 100px;
	height: 1px;
	background-color: #d1d1d1;
	position: absolute;
	left: 0;
	top: 10px;
}

.qyjg_news .right .bottom .fl {
	width: 330px;
	height: 250px;
}

.qyjg_news .right .bottom .fr {
	text-align: left;
	width: 400px;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	position: relative;
}

.qyjg_news .right .bottom .fr .t_n {
	margin-bottom: 20px;
}

.qyjg_news .right .bottom .fr dl {
	margin-bottom: 10px;
}

.qyjg_news .right .bottom .fr dt {
	position: relative;
	font-size: 16px;
	line-height: 2;
	padding-left: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.qyjg_news .right .bottom .fr dt::before {
	content: "问";
	width: 25px;
	height: 25px;
	background-color: #1154a0;
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 25px;
	margin-right: 10px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 5px;
}

.qyjg_news .right .bottom .fr dd {
	position: relative;
	font-size: 16px;
	padding-left: 40px;
	line-height: 2;
	color: #999;
	padding-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.qyjg_news .right .bottom .fr dd::before {
	content: "答";
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	border: 1px solid #efefef;
	border-radius: 50%;
	display: inline-block;
	color: #999;
	text-align: center;
	line-height: 25px;
	margin-right: 10px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 10px;
}

.txtScroll-top {
	position: relative;
}

.txtScroll-top .hd {
	overflow: hidden;
	height: 30px;
	position: absolute;
	top: -45px;
	right: 0;
}

.txtScroll-top .hd .next {
	background-position: 0 -50px;
}

.txtScroll-top .hd .prevStop {
	background-position: -60px 0;
}

.txtScroll-top .hd .nextStop {
	background-position: -60px -50px;
}

.txtScroll-top .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}

.txtScroll-top .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #dbdbdb;
	border-radius: 10px;
}

.txtScroll-top .hd ul li.on {
	width: 20px;
	background-color: #1154a0;
}

.txtScroll-top .bd {
	overflow: hidden;
}

.txtScroll-top .bd ul {
	overflow: hidden;
	zoom: 1;
}

.txtScroll-top .bd ul li {
	margin-right: 20px;
	float: left;
	height: 24px;
	line-height: 24px;
	text-align: left;
	_display: inline;
}

.txtScroll-top .bd ul li span {
	color: #999;
}