/* reset css 样式重置  */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow: hidden;
	overflow-y: auto;
}

img {
	border: 0;
}

div {
	font-size: 14px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
section {
	margin: 0;
	padding: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

a {
	color: #777;
	text-decoration: none;
}

a:focus,
a:link,
a:active {
	outline: none;
	text-decoration: none;
}

body,
input,
textarea,
select,
button {
	text-rendering: optimizeLegibility;
	/* 1 */
	-webkit-font-smoothing: antialiased;
	/* 2 */
	-moz-osx-font-smoothing: grayscale;
	/* 3 Default: auto */
	-moz-font-feature-settings: "liga", "kern";
}

body {
	font-family: "微软雅黑";
	overflow-x: hidden;
}

select {
	-webkit-appearance: none;
	/*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 点击高亮的颜色*/
}

select::-ms-expand {
	display: none;
}

em {
	font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

button,
input {
	line-height: normal;
}

input[type="file"] {
	width: 66px;
}

button,
select {
	text-transform: none;
}

input[type="button"],
input[type="text"] {
	-webkit-appearance: none;
	outline: none;
}

li,
dd,
dl {
	list-style: none;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header {
	width: 100%;
}
.header-main {
	line-height: 100px;
	height: 100px;
	max-width: 1720px;
	margin: 0 auto;
}

.header-main .logo-box {
	float: left;
}
.logo-box img {
	vertical-align: middle;
}
nav {
	z-index: 9;
	font-size: 0;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	min-width: 1140px;
	text-align: center;
}
nav ul li {
	display: inline-block;
	position: relative;
}
nav ul li > a {
	display: inline-block;
	font-size: 16px;
	color: #222222;
	margin: 0 27px;
}
nav ul li .nava {
	color: #0f62b1;
}
nav ul li .nav-menu {
	display: none;
	width: 100%;
	padding: 5px 0;
	line-height: 28px;
	position: absolute;
	top: 100px;
	left: 0;
	background: #fff;
}
nav ul li .nav-menu a {
	padding: 5px 0;
	width: 100%;
	display: inline-block;
	line-height: 24px;
	font-size: 14px;
	color: #222;
}
nav ul li .nav-menu a:hover {
	color: #0f62b1;
}
.header-right {
	max-width: 160px;
	float: right;
}
.header-right a {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 30px;
	line-height: 100%;
	margin-right: 25px;
	text-align: center;
}
.header-right a:last-of-type {
	margin-right: 0;
}

.yd-navimg {
	width: 48px;
	height: 48px;
	position: absolute;
	right: 20px;
	top: 30px;
	display: none;
}
.yd-navimg img {
	display: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.search-box {
	width: 0;
	background: #fff;
	position: absolute;
	z-index: 99999;
	top: 100px;
	right: -3px;
	margin: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	overflow: hidden;
	border: 1px #ccc solid;
	line-height: 60px;
	float: left;
}
.ewm-img {
	position: relative;
}
.search-box .search-input {
	width: 80%;
	height: 50px;
	padding: 0 5px;
	border: 0;
}
.search-box .search-sub {
	width: 20%;
	height: 35px;
	border: 0;
	background: url(../img/search-sub.png) no-repeat 50% 50% #fff;
	cursor: pointer;
	outline: none;
	float: right;
	margin-top: 10px;
}
.phonea:hover .tphone-box {
	display: block;
}
.ewm-img:hover .ewm-box {
	display: block;
}
.ewm-box {
	display: none;
	z-index: 99;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 58px;
	left: -50px;
}
.tphone-box {
	display: none;
	transform: translate(-50%);
	z-index: 99;
	position: absolute;
	top: 58px;
	left: 50%;
	width: 150px;
	line-height: 40px;
	background: #1e8ee4;
	color: #fff;
	font-size: 15px;
	font-weight: bolder;
}
.ewm-box img {
	width: 100%;
	height: 100%;
}
.banner {
	width: 100%;
	z-index: 1;
}
.banner .swiper-container {
	position: relative;
}
.banner .swiper-slide img {
	width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 30px;
}
.banner .swiper-pagination-bullet {
	width: 12px;
	border-radius: 50%;
	margin: 0 10px;
	height: 12px;
	background: #fff;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active {
	background: #007aff;
}

.pro-wrap {
	width: 100%;
}
.pro-main {
	max-width: 1920px;
	margin: 0 auto;
	padding: 96px 80px;
	overflow: hidden;
}
.pro-main .pro-top {
	width: 100%;
	overflow: hidden;
}
.pro-bth1 {
	max-width: 180px;
	float: left;
}
.pro-bth1 h1 {
	font-size: 22px;
	color: #2d2d2d;
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.pro-bth1 h1:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 140px;
	height: 2px;
	background: #10568d;
}
.pro-bth1 span {
	font-size: 16px;
	color: #bebebe;
}
.pro-nav {
	float: right;
	margin-top: 11px;
	position: relative;
}
.pro-nav .pro-more {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 10px;
}
.pro-nav p {
	margin-right: 80px;
}
.pro-nav p a {
	display: inline-block;
	margin: 0 7px;
}
.pro-nav p a {
	font-size: 14px;
	color: #5d5d5d;
	display: inline-block;
	padding: 10px;
}
.pro-nav p a:first-of-type {
	padding: 10px 26px;
}
.pro-nav p .proa {
	background: #045190;
	color: #fff;
}
.pro-nav p a:hover {
	background: #045190;
	color: #fff;
}

.pro-nav ul > a {
	margin-left: 30px;
}
.pro-box {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-top: 58px;
}
.pro-box ul li {
	overflow: hidden;
	cursor: pointer;
	width: 33.3%;
	height: 413px;
	position: relative;
	float: left;
}
.pro-box ul li:first-of-type {
	background: #f0f0f0;
}
.pro-box ul li:nth-of-type(2) {
	background: #d8ebff;
}
.pro-box ul li:nth-of-type(3) {
	background: #ffffff;
}
.pro-box ul li:nth-of-type(4) {
	background: #f8f8f8;
}
.pro-box ul li:nth-of-type(5) {
	background: #ffffff;
}
.pro-box ul li:nth-of-type(6) {
	background: #f8f8f8;
}
.pro-box ul li:nth-of-type(7) {
	background: #d8ebff;
}
.pro-box ul li:nth-of-type(8) {
	background: #f8f8f8;
}
.pro-box ul li:nth-of-type(9) {
	background: #ffffff;
}
.pro-box ul li img {
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.pro-box ul li .pro-brbox {
	transition: all 0.3s;
	width: 100%;
	height: 100%;
	padding: 19px 25px;
	background: rgba(34, 34, 34, 0.88);
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0);
}
.pro-box ul li:hover .pro-brbox {
	transform: scale(1);
}
.pro-brbox .pro-srbox {
	width: 100%;
	height: 100%;
	border-bottom: 3px solid #f4f4f4;
	border-top: 3px solid #f4f4f4;
}
.pro-nrbox {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.pro-nrbox span {
	line-height: 28px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	width: 100%;
}
.pro-nrbox .pro-bh {
	font-size: 14px;
	color: #39a6ff;
	margin-top: 25px;
}
.pro-nrbox a {
	margin-top: 20px;
	display: inline-block;
	width: 90px;
	line-height: 32px;
	background: #045190;
	text-align: center;
	color: #fff;
}
.pro-nrbox a:hover {
	background: #044071;
}

.gy-wrap {
	width: 100%;
	height: 663px;
	background: url(../img/gybac.png) center no-repeat;
	background-size: cover;
}
.gy-wrap .gy-main {
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 147px;
	overflow: hidden;
}
.gy-box {
	width: 772px;
	background: #fff;
	padding: 60px 85px;
	float: right;
}
.gy-box h1 {
	font-size: 24px;
	color: #181818;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.gy-box h1:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 140px;
	height: 2px;
	background: #222222;
}
.gy-box span {
	font-size: 15px;
	color: #9e9e9e;
}
.gy-box .gy-txt {
	margin-top: 28px;
	margin-bottom: 46px;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 25px;
}
.gy-box a {
	font-size: 14px;
	color: #949697;
	display: inline-block;
}

.ys-wrap {
	width: 100%;
	padding: 95px 0;
}
.ys-wrap .ys-main {
	max-width: 1400px;
	padding: 0 53px;
	margin: 0 auto;
}
.sy-h1 {
	font-size: 30px;
	color: #1f1f1f;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 56px;
	position: relative;
}
.sy-h1:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 3px;
	background: #0060af;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.ys-bacbox {
	position: relative;
	width: 100%;
	height: 577px;
	background: url(../img/ysbac.png) center no-repeat;
	background-size: cover;
}
.ys-nrbox {
	padding: 145px 97px 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.ys-nrbox h2 {
	width: 584px;
	line-height: 67px;
	border: 1px solid #ffffff;
	margin: 0 auto 70px;
	text-align: center;
	font-size: 28px;
	color: #fff;
}

.ys-nav {
	width: 100%;
}
.ys-nav .swiper-slide {
	cursor: pointer;
	transition: all 0.1s;
	height: 160px !important;
	border: 2px solid #fff;
	border-radius: 10px;
}
.ys-nav .swiper-slide:hover {
	background: rgba(0, 96, 175, 0.66);
}

.ys-nav .ys-img {
	transition: all 0.8s;
	position: relative;
	margin: 16px auto;
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.ys-nav .swiper-slide:hover .ys-img {
	transform: rotate(360deg);
}
.ys-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.ys-nav .swiper-slide p {
	max-width: 100px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.al-wrap {
	width: 100%;
	background: #f4f4f4;
	padding: 70px 0 90px;
}
.al-main {
	max-width: 1400px;
	margin: 0 auto;
}
.al-main .al-banner {
	width: 100%;
	padding: 0 100px;
	position: relative;
	overflow: hidden;
}
.al-banner .swiper-container3 {
	width: 100%;
	overflow: hidden;
}
.al-banner .swiper3-button-prev,
.al-banner .swiper3-button-next {
	cursor: pointer;
	width: 44px;
	height: 69px;
	position: absolute;
}
.al-banner .swiper3-button-prev {
	background: url(../img/alprev.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 27px;
	top: 50%;
	transform: translateY(-50%);
}
.al-banner .swiper3-button-next {
	background: url(../img/alnext.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 27px;
	top: 50%;
	transform: translateY(-50%);
}
.al-main .swiper-slide {
	cursor: pointer;
	transition: all 0.3s;
	height: 156px;
	background: #fff;
	border: 1px solid #d5d5d5;
}
.al-main .swiper-slide:hover {
	border: 4px solid #0060af;
}
.al-main .swiper-slide .al-img {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}
.al-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 80%;
}

.news-wrap {
	width: 100%;
	padding: 95px 0;
}
.news-main {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.news-main h1:first-of-type {
	font-size: 40px;
	color: #cbcbcb;
	text-align: center;
	padding-bottom: 10px;
}
.news-box {
	width: 100%;
	overflow: hidden;
	margin-top: 52px;
}
.news-box ul li {
	width: 436px;
	float: left;
	margin-right: 45px;
}
.news-box ul li:last-of-type {
	margin-right: 0;
}
.news-nav {
	width: 100%;
	text-align: center;
}
.news-nav a {
	cursor: pointer;
	margin: 0 8px;
	display: inline-block;
	border-radius: 25px;
	width: 170px;
	line-height: 50px;
	font-size: 16px;
	color: #555555;
	text-align: center;
	border: 2px solid #979797;
}
.news-nav .newsa {
	background: #0060af;
	color: #fff;
	border-color: #0060af;
}
.news-nav a:hover {
	text-decoration: none;
}
.news-box ul li .news-img {
	width: 100%;
	overflow: hidden;
	max-height: 270px;
}
.news-img img {
	width: 100%;
}
.news-box ul li .news-time {
	font-size: 20px;
	color: #717171;
	padding: 40px 0 20px;
}
.news-box ul li h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22px;
	color: #101010;
	transition: all 0.3s;
}
.news-box ul li .news-txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #7f7f7f;
	margin-top: 15px;
	margin-bottom: 30px;
}
.news-box ul li .news-line {
	width: 100%;
	height: 2px;
	background: #d6d6d6;
	position: relative;
}
.news-box ul li .news-line2 {
	transition: all 0.3s;
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	top: 0;
	background: #10568d;
}
.news-box ul li:hover .news-line2 {
	width: 100%;
}
.news-box ul li:hover h3 {
	color: #0060af;
}
.news-box ul li > a {
	display: inline-block;
	width: 100%;
}
.news-box ul li span {
	transition: all 0.3s;
	margin-top: 30px;
	display: inline-block;
	width: 100px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #d6d6d6;
}
.news-box ul li span:hover {
	background: #0060af;
	color: #fff;
}
.news-box ul li:hover span {
	background: #0060af;
	color: #fff;
}

footer {
	width: 100%;
	background: #272727;
}
.footer-main {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	padding: 70px 0;
}
.footer-main ul {
	width: 85%;
	float: left;
}
.footer-main ul li {
	float: left;
	width: 12.5%;
}
.footer-main ul li span {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: #ffffff;
	padding-bottom: 10px;
}
.footer-main ul li a {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #bcbcbc;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.footer-main .rx-box {
	width: 15%;
	float: right;
	text-align: right;
}
.rx-box span {
	font-size: 14px;
	color: #bcbcbc;
}
.rx-box p {
	font-size: 26px;
	font-weight: bolder;
	color: #bcbcbc;
	padding: 10px 0 15px;
}
.rx-box img {
	cursor: pointer;
}
.copy-wrap {
	width: 100%;
}
.copy-box {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	padding: 14px 0;
}
.copy-box span,
.copy-box a {
	font-size: 14px;
	display: inline-block;
	color: #b8b8b8;
}
.copy-box span {
	float: left;
}
.copy-box a {
	float: right;
	margin-left: 33px;
	position: relative;
}
.copy-box a:first-of-type:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #787878;
	position: absolute;
	left: -14px;
	top: 4px;
}

.nybanner-wrap {
	position: relative;
	width: 100%;
	height: 550px;
	background: url(../img/product11.jpg) center repeat;
	background-size: cover;
}
.nybanner-main {
	max-width: 1400px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.nytxt-box {
	color: #fff;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.nytxt-box h1 {
	font-size: 42px;
	padding-bottom: 10px;
}
.nytxt-box p {
	font-size: 15px;
	padding-bottom: 18px;
}
.nytxt-box p:after {
	content: "";
	display: inline-block;
	width: 252px;
	height: 5px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}

.product-wrap {
	width: 100%;
}
.product-main {
	max-width: 1600px;
	margin: 0 auto;
}
.product-nav {
	width: 100%;
	padding: 88px 0 10px;
	overflow: hidden;
	text-align: center;
}
.product-nav ul li {
	padding: 0 10px;
	float: left;
	min-width: 168px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border: 1px solid #848484;
	margin: 0 18px 24px;
}
.product-nav ul li a {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	color: #4a4a4a;
}
.product-nav ul .pro-nava {
	background: #1a5796;
	border-color: #1a5796;
}
.product-nav ul .pro-nava a {
	color: #fff;
}
.product-nav ul li:hover {
	background: #1a5796;
	border-color: #1a5796;
}
.product-nav ul li:hover a {
	color: #fff;
}
.product-main .pro-box ul li {
	background: #fff !important;
	border: 2px solid #f6f6f6;
	margin-bottom: 98px;
	width: 498px;
	height: 378px;
	margin-right: 52px;
}
.product-main .pro-box ul li img {
	height: 80%;
}
.product-main .pro-box ul li:nth-of-type(3n + 3) {
	margin-right: 0;
}
.product-main .pro-box ul li .product-txt {
	width: 100%;
	position: absolute;
	bottom: -98px;
	left: 0;
	line-height: 98px;
}
.product-main .pro-box ul {
	overflow: hidden;
	width: 100%;
}
.product-txt span {
	font-size: 20px;
	color: #4f504c;
	display: inline-block;
}
.product-txt span:first-of-type {
	float: left;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product-txt span:nth-of-type(2) {
	float: right;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-main {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 78px 0;
}
.page-main a {
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 10px 23px;
	margin: 4px 9px;
	background: #414141;
}
.page-main .this-page {
	background: #1a5796;
}
.page-main a:hover {
	background: #1a5796;
	text-decoration: none;
}
.cpxq-wrap {
	width: 100%;
	padding: 70px 0;
}
.cpxq-main {
	max-width: 1400px;
	margin: 0 auto;
}
.cpxq-main .xq-top {
	width: 100%;
	margin-bottom: 57px;
}
.xq-top a {
	cursor: pointer;
	display: inline-block;
	padding: 15px 12px;
	background: #1a5796;
	font-size: 14px;
	color: #fff;
	margin-right: 4px;
}

.xq-about {
	width: 100%;
	overflow: hidden;
}
.xq-img {
	cursor: pointer;
	overflow: hidden;
	margin-right: 54px;
	width: 475px;
	height: 475px;
	float: left;
	border: 1px solid #eeeeee;
	position: relative;
}
.xq-img img {
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.xq-right {
	width: 870px;
	float: right;
	padding-top: 30px;
}
.xq-right h3 {
	font-size: 24px;
	font-weight: bolder;
	color: #3f3f3f;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.xq-right h3:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 32px;
	height: 2px;
	background: #1a5796;
}
.xq-right .xq-sxbox {
	width: 100%;
}
.xq-sxbox p {
	width: 100%;
	font-size: 16px;
	padding-bottom: 12px;
}
.xq-sxbox p span:first-of-type {
	color: #bdbdbd;
}
.xq-sxbox p span:nth-of-type(2) {
	color: #3f3f3f;
}
.xq-tdbox {
	width: 100%;
	background: #f6f6f6;
	padding: 40px 50px 54px 40px;
	margin-top: 10px;
}
.xq-tdbox > span {
	font-size: 14px;
	color: #1a5796;
	display: inline-block;
	width: 100%;
}
.xq-tdbox p {
	font-size: 14px;
	color: #414141;
	line-height: 30px;
}

.canshu-main {
	width: 100%;
}
.canshu-nav {
	width: 100%;
	line-height: 48px;
	background: #f9f9f9;
	margin: 52px 0 30px;
}
.canshu-nav a {
	display: inline-block;
	padding: 0 30px;
}
.canshu-nav a:first-of-type {
	background: #0060af;
	color: #fff;
}
.canshu-nav a:nth-of-type(2) {
	background: #eeeeee;
}
.canshu-nav a:hover {
	text-decoration: none;
}
.canshu-box {
	width: 100%;
}
.canshu-box h3 {
	font-size: 16px;
	color: #242323;
}
.canshu-table {
	margin-top: 24px;
	margin-bottom: 30px;
}
.canshu-table ul {
	width: 100%;
	overflow: hidden;
	line-height: 40px;
	border: 1px solid #eeeeee;
}
.canshu-table ul:nth-of-type(odd) {
	background: #f9f9f9;
}
.canshu-table ul:nth-of-type(even) {
	background: #fff;
}
.canshu-table ul li:first-of-type {
	width: 205px;
	float: left;
	text-align: right;
	padding: 0 20px;
	border-right: 1px solid #eeeeee;
}
.canshu-table ul li:nth-of-type(2) {
	width: 1190px;
	float: left;
	padding: 0 20px;
	text-align: left;
}

.zs-main {
	width: 100%;
	padding-top: 30px;
}
.zs-main h3 {
	font-size: 20px;
	color: #242323;
	padding-bottom: 15px;
	border-bottom: 1px solid #dedede;
}
.zs-box {
	cursor: pointer;
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.zs-box ul li {
	width: 337px;
	float: left;
	margin-right: 17px;
	text-align: center;
}
.zs-box ul li .zs-img {
	width: 100%;
	height: 223px;
	max-height: 223px;
	overflow: hidden;
}
.zs-box ul li:last-of-type {
	margin-right: 0;
}
.zs-img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.zs-img:hover img {
	transform: scale(1.2);
}
.zs-box ul li span {
	letter-spacing: 5px;
	font-weight: bolder;
	display: inline-block;
	font-size: 18px;
	color: #000000;
	padding: 10px 0;
}

.albanner-wrap {
	background: url(../img/anlibac.png) center no-repeat;
	background-size: cover;
}
.nr-nav {
	width: 100%;
	line-height: 70px;
	background: rgba(0, 0, 0, 0.67);
	position: absolute;
	bottom: 0;
}
.nr-nav .nr-navmain {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.nr-navmain a {
	font-size: 18px;
	width: 208px;
	color: #fff;
	display: block;
	text-align: center;
	float: left;
}
.nr-navmain .thisa {
	background: #1a5796;
}
.nr-navmain a:hover {
	background: #1a5796;
}
.anli-wrap {
	width: 100%;
	padding-top: 90px;
}
.anli-wrap .anli-main {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.anli-main h1 {
	text-align: center;
	font-size: 36px;
	color: #2c2c2c;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 50px;
}
.anli-main h1:after {
	content: "";
	display: inline-block;
	width: 40px;
	height: 3px;
	background: #146097;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
.anli-brbox {
	width: 100%;
	overflow: hidden;
}
.anli-brbox ul li {
	position: relative;
	cursor: pointer;
	transition: all 0.6s;
	float: left;
	border: 1px solid #d5d5d5;
	width: 317px;
	height: 180px;
	margin-right: 44px;
	margin-bottom: 30px;
}
.anli-brbox ul li:nth-of-type(4n + 4) {
	margin-right: 0;
}
.anli-brbox ul li .anli-img {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}
.anli-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 80%;
}
.anli-sbox {
	transition: all 0.3s;
	z-index: 99;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(26, 87, 150, 0.84);
	color: #fff;
	transform: scale(0);
}
.anli-sbox span {
	color: #fff;
	font-size: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.anli-brbox ul li:hover {
	border: 4px solid #0060af;
}
.anli-brbox ul li:hover .anli-sbox {
	transform: scale(1);
}
.dlbanner-wrap {
	background: url(../img/dlbac.png) center no-repeat;
	background-size: cover;
}
.dl-wrap {
	width: 100%;
	padding-top: 40px;
}
.dl-main {
	max-width: 1400px;
	margin: 0 auto;
}
.dl-main .dl-box {
	padding: 60px 75px;
	border-bottom: 1px solid #e5e5e5;
}
.dl-main .dl-box:last-of-type {
	border: 0;
}
.dl-box h1 {
	font-size: 26px;
	color: #2c2c2c;
	padding-bottom: 20px;
	margin-bottom: 40px;
	position: relative;
}
.dl-box h1:after {
	content: "";
	display: inline-block;
	width: 40px;
	height: 3px;
	background: #146097;
	position: absolute;
	left: 0;
	bottom: 0;
}
.dl-box p {
	font-size: 15px;
	color: #535353;
	line-height: 30px;
}

.fw-wrap {
	width: 100%;
	padding-top: 90px;
}
.fw-main {
	max-width: 1400px;
	margin: 0 auto;
}
.fw-box1 {
	width: 100%;
}
.fw-box1 h1 {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 27px;
	font-size: 36px;
}
.fw-box1 h1:after {
	content: "";
	background: #146097;
	display: inline-block;
	width: 41px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.fw-box1 .fwp {
	text-align: center;
	font-size: 15px;
	color: #535353;
}
.fw-box1 img {
	transition: all 0.3s;
	cursor: pointer;
	display: block;
	margin: 30px auto;
}
.fw-box1 img:hover {
	transform: scale(1.04);
}
.fw-box1 span {
	text-align: center;
	display: inline-block;
	width: 100%;
	font-size: 26px;
	color: #ff0000;
	font-weight: bolder;
}
.fw-box2 {
	width: 100%;
	margin-top: 80px;
}
.fw-box2 h1 {
	text-align: center;
	font-size: 22px;
	color: #1c1c1c;
	padding-bottom: 12px;
	border-bottom: 1px solid #e5e5e5;
}
.fw-box2 .fw-txt {
	width: 100%;
	padding: 30px 0;
}
.fw-txt ul li {
	width: 100%;
	margin-bottom: 30px;
}
.fw-txt ul li span,
.fw-txt ul li p {
	line-height: 27px;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #7c7c7c;
}
.fw-txt ul li p {
	text-indent: 15px;
}
.jjbanner-wrap {
	background: url(../img/about11.jpg) center no-repeat;
	background-size: cover;
}

.about-wrap {
	width: 100%;
	padding: 80px 0;
}
.about-main {
	max-width: 1400px;
	margin: 0 auto;
}
.about-box {
	width: 100%;
	overflow: hidden;
}

.about-box h1 {
	font-size: 36px;
	color: #2c2c2c;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 27px;
}
.about-box h1:after {
	content: "";
	background: #146097;
	display: inline-block;
	width: 41px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.about-img {
	width: 50%;
	float: left;
	overflow: hidden;
	max-height: 500px;
}
.about-img img {
	width: 100%;
}
.about-txt {
	width: 50%;
	height: 500px;
	background: #085aa7;
	float: left;
	padding: 65px 50px;
}
.about-txt p {
	color: #fff;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 25px;
}
.about-bottxt {
	width: 100%;
	padding: 52px 0;
	font-size: 15px;
	color: #252525;
}
.dbimg-box {
	width: 100%;
	overflow: hidden;
}
.dbimg {
	max-height: 418px;
	border-bottom: 8px solid #12599b;
	overflow: hidden;
}
.dbimg:first-of-type {
	width: 49%;
	float: left;
}
.dbimg:nth-of-type(2) {
	width: 49%;
	float: right;
}
.dbimg img {
	width: 100%;
}
.lxbanner-wrap {
	background: url(../img/lxbac.png) center no-repeat;
	background-size: cover;
}
.lx-main {
	max-width: 1400px;
	margin: 0 auto;
}

.lx-wrap {
	width: 100%;
	padding: 90px 0;
}
.lx-main {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.lx-top {
	width: 100%;
	overflow: hidden;
}
.lx-top .lx-img {
	width: 775px;
	float: left;
	height: 430px;
}
/* 2025-3-11 修改 */
.lx-right {
	width: 625px;
	float: left;
	height: 430px;
	background: #f9f9f9;
	padding: 30px 40px 0;
}
.lx-right h1 {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 17px;
	font-size: 26px;
	color: #2c2c2c;
}
.lx-right h1:after {
	content: "";
	background: #146097;
	display: inline-block;
	width: 41px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.lx-right .lxp-box {
	width: 100%;
}
.lxp-box p {
	font-size: 15px;
	color: #2c2c2c;
	line-height: 30px;
}
.addr-box {
	width: 100%;
	padding: 0 25px;
}
.addr-box h2 {
	font-size: 24px;
	padding: 75px 0 50px;
	color: #2e4ba3;
}
.addr-brbox {
	width: 100%;
	overflow: hidden;
}
.addr-srbox {
	margin-bottom: 32px;
	float: left;
	margin-right: 70px;
	width: 640px;
	padding: 50px 60px;
	border: 1px solid #e5e5e5;
	background: #f9fafc;
}
.addr-srbox h3 {
	border-bottom: 1px solid #d3d3d3;
	font-size: 22px;
	font-weight: bolder;
	color: #444444;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.addr-srbox p {
	font-size: 16px;
	color: #757575;
	line-height: 33px;
}
.addr-srbox:nth-of-type(2n + 2) {
	margin-right: 0;
}
.map {
	width: 100%;
	height: 560px;
}
.map #allmap {
	width: 100%;
	height: 100%;
}

.zp-wrap {
	width: 100%;
	padding: 70px 0;
	background: #f4f4f4;
}
.zp-main {
	max-width: 1400px;
	margin: 0 auto;
}
.zp-box {
	width: 100%;
	background: #fff;
	padding: 40px 60px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.zp-box h1 {
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	color: #464646;
}
.zp-box h1 span {
	font-weight: 500;
	font-size: 16px;
	color: #7f7f7f;
}
.zp-box h1 img {
	float: right;
	width: 32px;
	transform: rotate(90deg);
}
.zp-txt {
	width: 100%;
	font-size: 14px;
	color: #7b7b7b;
}
.zp-txt span {
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
}
.zp-txt p {
	line-height: 27px;
}
.zp-bot {
	width: 100%;
	margin-top: 20px;
}
.zp-bot span {
	font-weight: bolder;
	display: inline-block;
	margin-right: 88px;
	font-size: 15px;
	color: #7b7b7b;
}
.newbanner-wrap {
	background: url(../img/newbac.png) center no-repeat;
	background-size: cover;
}
.lb-wrap {
	width: 100%;
	padding-top: 80px;
}
.lb-wrap .lb-main {
	max-width: 1400px;
	margin: 0 auto;
}
.lb-main .swiper-container {
	width: 100%;
	position: relative;
	padding-bottom: 100px;
}
.lb-main .swiper-slide {
	box-sizing: border-box;
	cursor: pointer;
	width: 100% !important;
	overflow: hidden;
}
.lb-main .lbimg {
	width: 630px;
	float: left;
	max-height: 380px;
	overflow: hidden;
}
.lb-main .lbimg img {
	width: 100%;
}
.lb-main .lb-txt {
	height: 387px;
	background: #f6f6f6;
	width: 768px;
	float: left;
	padding: 68px 45px;
}
.lb-txt h1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 24px;
	color: #2a2a2a;
}
.lb-txt span {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	font-size: 14px;
	color: #484848;
}
.lb-txt .lb-wzbox {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 14px;
	color: #6e6e6e;
	line-height: 27px;
}
.lb-main .lb-txt a {
	margin-top: 40px;
	display: inline-block;
	width: 110px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #0060af;
}

.xinwen-wrap {
	width: 100%;
}
.xinwen-main {
	max-width: 1400px;
	margin: 0 auto;
}
.xinwen-main ul {
	margin-bottom: 70px;
}
.xinwen-main ul li {
	transition: all 0.3s;
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	overflow: hidden;
	padding: 50px 0;
}
.xinwen-main ul li > a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.xinwen-main ul li:hover {
	box-shadow: 0 0 20px #d2d2d2;
	transform: translateY(-1px);
}
.xinwen-main ul li:hover h2 {
	color: #00489a;
}
.xinwen-main ul li:hover .xinwen-box > a {
	background: #00489a;
	color: #fff;
	border-color: #00489a;
}
.xinwen-time {
	float: left;
	padding: 20px 50px;
	border-right: 1px solid #ededed;
	text-align: center;
}
.xinwen-time span:first-of-type {
	line-height: 60px;
	font-size: 56px;
	font-weight: bolder;
	color: #3f3f3f;
	display: block;
	margin: 0 auto;
}
.xinwen-time span:nth-of-type(2) {
	font-size: 18px;
	color: #3f3f3f;
}
.xinwen-box {
	float: left;
	padding: 0 50px;
	max-width: 1050px;
}
.xinwen-box h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 15px;
}
.xinwen-box p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.xinwen-box p a {
	line-height: 24px;
	font-size: 14px;
	color: #606060;
}
.xinwen-box > a {
	margin-top: 16px;
	display: inline-block;
	width: 100px;
	height: 33px;
	font-size: 14px;
	color: #a5a5a5;
	border: 1px solid #a5a5a5;
	text-align: center;
	line-height: 30px;
}

.xq-wrap {
	width: 100%;
	padding: 74px 0;
	background: #f4f4f4;
}
.xq-wrap .xq-main {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.xq-left {
	width: 980px;
	float: left;
	background: #fff;
	padding: 40px 65px;
}
.xq-main .js-box {
	width: 100%;
}
.xq-main .js-box h1 {
	padding-bottom: 0;
}
.xq-left h1 {
	font-size: 24px;
	color: #00489a;
	padding-bottom: 20px;
}
.xq-left .xq-top {
	padding-bottom: 12px;
	border-bottom: 1px solid #d5d5d5;
}
.xq-left .xq-top span {
	display: inline-block;
	font-size: 14px;
	color: #969696;
	margin-right: 30px;
}
.xq-left .xq-box {
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #d5d5d5;
}
.xq-box p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 24px;
}
.xq-box img {
	display: block;
	margin: 25px 0;
	width: 100%;
}
.xq-bot {
	width: 100%;
	overflow: hidden;
	line-height: 60px;
}
.xq-bot a {
	font-size: 14px;
	color: #4f4f4f;
}
.xq-bot a:hover {
	text-decoration: underline;
}
.xq-bot a:first-of-type {
	display: inline-block;
	float: left;
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.xq-bot a:nth-of-type(2) {
	display: inline-block;
	float: right;
	text-align: right;
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.xq-bot a img {
	vertical-align: middle;
	display: inline-block;
}
.xq-bot a:first-of-type img {
	margin-right: 10px;
}
.xq-bot a:nth-of-type(2) img {
	margin-left: 10px;
}
.xq-left .fh-but {
	cursor: pointer;
	transition: all 0.3s;
	background: url(../img/fh1.png) no-repeat;
	background-position: 24px 1px;
	display: block;
	margin: 40px auto 0;
	border: 1px solid #d5d5d5;
	width: 150px;
	height: 38px;
	line-height: 36px;
	text-align: right;
	padding-right: 24px;
	font-size: 14px;
	color: #8f8f8f;
}
.xq-left .fh-but:hover {
	color: #00489a;
	background: url(../img/fh1.png) no-repeat;
	background-position: 24px 1px;
	border-color: #00489a;
}

.xq-right2 {
	width: 406px;
	float: right;
}
.xq-right2 h3 {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	padding: 0 26px;
	background: #55565a;
}
.xq-right2 ul {
	width: 100%;
	background: #fff;
	padding: 20px 35px 30px 25px;
}
.xq-right2 ul li {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
}
.xq-right2 ul li a {
	display: inline-block;
	font-size: 14px;
	width: 100%;
}
.xq-right2 ul li a span {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.xq-right2 ul li a span:nth-of-type(2) {
	color: #858585;
	padding-bottom: 10px;
}
.xq-right2 ul li a span:first-of-type {
	color: #3b3b3b;
}
.xq-right2 ul li a:hover span {
	color: #00489a;
}

.ly-wrap {
	width: 100%;
	padding: 75px 0;
}
.ly-main {
	max-width: 1200px;
	margin: 0 auto;
}
.ly-main h1 {
	font-size: 32px;
	color: #232323;
	text-align: center;
	padding-bottom: 60px;
}
.ly-box {
	width: 100%;
	overflow: hidden;
}
.ly-box .ly-left {
	width: 578px;
	float: left;
}
.ly-left p,
.ly-right p {
	font-size: 16px;
	width: 100%;
	color: #949494;
	padding-bottom: 0;
}
.ly-txt div {
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
	margin-bottom: 20px;
}
.ly-left .ly-txt:last-of-type div {
	margin-bottom: 0;
}
.ly-txt div input {
	border: 0;
	width: 100%;
	height: 100%;
	padding-left: 5px;
	color: #949494;
}
.ly-txt div img {
	cursor: pointer;
	width: 94px;
	height: 40px;
	position: absolute;
	right: 0;
	top: -1px;
}
.ly-right {
	width: 578px;
	float: right;
}
.ly-right textarea {
	outline: none;
	padding: 10px;
	color: #949494;
	margin-top: 20px;
	width: 100%;
	height: 350px;
	border: 1px solid #d5d5d5;
}
.sub-but {
	width: 100%;
	text-align: center;
	margin-top: 45px;
}
.sub-but button {
	border: 0;
	outline: none;
	font-size: 16px;
	margin: 0 17px;
	display: inline-block;
	width: 200px;
	height: 60px;
	line-height: 60px;
}
.sub-but button:first-of-type {
	background: #00489a;
	color: #fff;
}
.sub-but button:nth-of-type(2) {
	background: #cccccc;
	color: #fff;
}

.rzbanner-wrap {
	background: url(../img/zzbac.png) center no-repeat;
	background-size: cover;
}

.rz-wrap {
	width: 100%;
	padding: 90px 0;
}
.rz-main {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.rz-main h1 {
	text-align: center;
	font-size: 36px;
}
.rz-main h1 {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-size: 36px;
	color: #2c2c2c;
}
.rz-main h1:after {
	content: "";
	background: #146097;
	display: inline-block;
	width: 41px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.rz-main ul li {
	background: #f4f4f4;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	margin-bottom: 35px;
	position: relative;
	width: 430px;
	height: 260px;
	float: left;
	margin-right: 45px;
}
.rz-main ul li:nth-of-type(3n + 3) {
	margin-right: 0;
}
.rz-main ul li img {
	height: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.rz-main ul li .rz-brbox {
	transform: scale(0);
	transition: all 0.3s;
	background: rgba(6, 51, 93, 0.84);
	width: 100%;
	height: 100%;
	position: relative;
}
.rz-main ul li:hover .rz-brbox {
	transform: scale(1);
}
.rz-brbox .rz-srbox {
	padding: 0 10px;
	width: 100%;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.rz-srbox span {
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 24px;
	text-align: center;
	display: inline-block;
	width: 100%;
	position: relative;
}
.rz-srbox span:after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.rz-srbox p {
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.tz-box {
	z-index: 999;
	width: 182px;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	position: fixed;
	right: 20px;
	bottom: 20px;
}
.tz-main {
	width: 100%;
	padding: 10px;
	background: #238be4;
}
.tz-txt {
	position: relative;
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 23px 0;
	border: 1px dashed #fff;
	border-radius: 7px;
}
.tz-txt span {
	display: inline-block;
	width: 100%;
	font-size: 24px;
}
.tz-box a {
	display: inline-block;
	text-align: center;
	width: 100%;
	line-height: 33px;
	color: #044ea3;
	background: #fff;
}
.gb-img {
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
	top: 0;
}

#ClCache {
	display: none;
}
@media only screen and (max-width: 1720px) {
	.header-main {
		padding: 0 20px;
	}
	.product-main {
		padding: 0 20px;
	}
	.product-main .pro-box ul li {
		width: 32%;
		margin-right: 2%;
	}
}

@media only screen and (max-width: 1460px) {
	.header-main {
		padding: 0 20px;
	}
	nav {
		min-width: 910px;
	}
	nav ul li > a {
		margin: 0 14px;
		font-size: 16px;
	}
	.pro-nav {
		width: 80%;
	}
	.pro-nav p {
		width: 90%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.pro-box ul li img {
		height: 80%;
	}
	.gy-wrap .gy-main {
		padding: 147px 20px;
	}
	.news-main {
		padding: 0 20px;
	}
	.footer-main {
		padding: 70px 20px;
	}
	.copy-wrap {
		padding: 0 20px;
	}
	.news-box ul li {
		width: 32%;
		margin-right: 2%;
	}
	.news-box ul li .news-time {
		padding: 20px 0 10px;
	}
	.footer-main ul {
		width: 100%;
	}
	.footer-main .rx-box {
		display: none;
	}
	.copy-box a {
		display: none;
	}
	.copy-box p {
		text-align: center;
	}
	.copy-box span {
		float: none;
	}
	.nytxt-box {
		margin: 0 30px;
	}
	.product-main .pro-box ul li .product-txt {
		line-height: 80px;
		bottom: -80px;
	}
	.cpxq-wrap {
		padding: 70px 20px;
	}
	.xq-img {
		width: 34%;
		margin-right: 3%;
	}
	.xq-right {
		width: 63%;
	}
	.canshu-table ul li:first-of-type {
		width: 14%;
	}
	.canshu-table ul li:nth-of-type(2) {
		width: 86%;
	}
	.zs-box ul li {
		width: 23%;
		margin-right: 2.5%;
	}
	.zs-box ul li .zs-img {
		height: auto;
	}
	.zs-img img {
		height: auto;
	}
	.nr-nav .nr-navmain {
		padding: 0 30px;
	}
	.anli-wrap .anli-main {
		padding: 0 30px;
	}
	.anli-brbox ul li {
		width: 23%;
		margin-right: 2.5%;
	}
	.fw-main {
		padding: 0 20px;
	}
	.about-wrap {
		padding: 40px 20px;
	}
	.lx-wrap {
		padding: 90px 30px;
	}
	.lx-top .lx-img {
		width: 55%;
	}
	.lx-right {
		width: 45%;
	}
	.addr-srbox {
		width: 46%;
		margin-right: 8%;
	}
	.zp-wrap {
		padding: 70px 20px;
	}
	.lb-wrap {
		padding: 80px 20px 0;
	}
	.lb-main .lbimg {
		width: 45%;
	}
	.lb-main .lb-txt {
		width: 54%;
	}
	.lb-main .swiper-slide {
		max-height: 330px;
	}
	.lb-main .lb-txt {
		padding: 45px;
	}
	.xinwen-wrap {
		padding: 0 20px;
	}
	.xinwen-time {
		width: 20%;
	}
	.xinwen-box {
		width: 80%;
	}
	.xq-wrap .xq-main {
		padding: 0 20px;
	}
	.xq-left {
		width: 70%;
	}
	.xq-right2 {
		width: 28%;
	}
	.rz-wrap {
		padding: 90px 20px;
	}
	.rz-main ul li {
		width: 32%;
		margin-right: 2%;
	}
	.tphone-box {
		transform: translate(0);
		right: 0;
	}
}

@media only screen and (max-width: 1270px) {
	nav ul li > a {
		padding: 0 15px;
	}
	.pro-main {
		padding: 50px 45px;
	}
	nav {
		text-align: center;
	}
	.header-right {
		display: none;
	}
	.yd-navimg {
		display: block;
	}
	.yd-navimg .nav-img {
		display: block;
	}

	.header-main {
		position: relative;
	}
	body {
		padding-top: 100px;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		background: #fff;
	}
	nav {
		display: none;
		z-index: 99;
	}
	nav ul li > a {
		display: inline-block;
		width: 100%;
		padding: 0 20px;
		height: 100%;
	}
	nav {
		line-height: 40px;
		transform: translateX(0);
		position: absolute;
		top: 100px;
		left: 0;
		z-index: 99;
		width: 100%;
		background: #fff;
	}
	nav ul li {
		width: 100%;
		text-align: left;
	}
	.al-img img {
		width: 80%;
	}
	.gy-box {
		width: 600px;
		padding: 30px 40px;
	}
	.gy-wrap .gy-main {
		padding: 160px 20px;
	}
	.product-main .pro-box ul li {
		width: 49%;
		margin-right: 2%;
	}
	.product-main .pro-box ul li:nth-of-type(3n + 3) {
		margin-right: 2%;
	}
	.product-main .pro-box ul li:nth-of-type(2n + 2) {
		margin-right: 0;
	}
	.anli-img img {
		width: 60%;
	}
	.about-txt {
		padding: 20px;
	}
	.about-txt p {
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.about-bottxt {
		font-size: 13px;
	}
	.lb-main .lb-txt {
		padding: 25px;
	}
	.xq-left {
		padding: 30px;
	}
	.xq-bot a img {
		display: none;
	}
	.ly-wrap {
		padding: 75px 15px;
	}
	.ly-box .ly-left,
	.ly-right {
		width: 49%;
	}
	.rz-srbox span {
		font-size: 18px;
	}
	.rz-srbox p {
		font-size: 14px;
	}
	.tz-box {
		display: none;
	}
	.footer-main {
		display: none;
	}
}
@media only screen and (max-width: 992px) {
	.yd-navimg {
		width: 40px;
		height: 40px;
		top: 20px;
	}
	nav {
		top: 80px;
		line-height: 34px;
	}
	body {
		padding-top: 80px;
	}
	.header-main {
		line-height: 80px;
		height: 80px;
	}
	.pro-box ul li {
		width: 50%;
	}
	.pro-nrbox .pro-bh {
		margin-top: 10px;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 10px;
	}
	.banner .swiper-pagination-bullet {
		width: 9px;
		height: 9px;
	}
	.pro-bth1 {
		float: none;
		max-width: 100%;
	}
	.pro-nav {
		float: none;
		width: 100%;
	}
	.gy-wrap {
		height: 500px;
	}
	.gy-wrap .gy-main {
		padding: 80px 20px;
	}
	.ys-wrap {
		padding: 45px 0;
	}
	.ys-wrap .ys-main {
		padding: 0 20px;
	}
	.ys-nrbox {
		padding: 100px 40px 0;
	}
	.ys-nrbox h2 {
		width: 80%;
	}
	.al-wrap {
		padding: 35px 0 45px;
	}
	.sy-h1 {
		margin-bottom: 38px;
	}
	.ys-bacbox {
		height: 480px;
	}
	.news-wrap {
		padding: 48px 0;
	}
	.pro-main {
		padding: 25px;
	}
	.news-box ul li {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 25px;
	}

	.nybanner-wrap {
		height: 400px;
	}
	.product-nav {
		padding: 40px 0 10px;
	}
	.product-nav ul li {
		min-width: 140px;
	}
	.product-nav ul li a {
		font-size: 13px;
	}
	.product-main .pro-box {
		margin-top: 30px;
	}
	.product-txt span {
		font-size: 16px;
	}
	.page-main a {
		padding: 5px 15px;
		margin: 4px;
	}
	.page-main {
		margin: 40px 0;
	}
	.xq-img {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.xq-right {
		width: 100%;
		float: none;
	}
	.canshu-table ul li:first-of-type {
		width: 25%;
	}
	.canshu-table ul li:nth-of-type(2) {
		width: 75%;
	}
	.zs-main h3 {
		font-size: 18px;
	}
	.anli-brbox ul li {
		width: 32%;
		margin-right: 2%;
	}
	.anli-brbox ul li:nth-of-type(4n + 4) {
		margin-right: 2%;
	}
	.anli-brbox ul li:nth-of-type(3n + 3) {
		margin-right: 0;
	}
	.nytxt-box h1 {
		font-size: 34px;
	}
	.nytxt-box p {
		font-size: 13px;
	}
	.nytxt-box p:after {
		width: 200px;
	}
	.nr-nav {
		line-height: 55px;
	}
	.nr-navmain a {
		width: 160px;
		font-size: 16px;
	}
	.anli-wrap {
		padding-top: 45px;
	}
	.anli-main h1 {
		margin-bottom: 25px;
		font-size: 26px;
	}
	.anli-sbox span {
		font-size: 14px;
	}

	.dl-main .dl-box {
		padding: 30px 35px;
	}
	.fw-box1 img {
		width: 80%;
	}
	.fw-wrap {
		padding-top: 45px;
	}
	.fw-box1 h1 {
		font-size: 30px;
	}
	.fw-box1 .fwp {
		font-size: 14px;
	}
	.fw-box1 span {
		font-size: 22px;
	}
	.about-img {
		width: 100%;
		float: none;
	}
	.about-txt {
		width: 100%;
		float: none;
		height: auto !important;
	}
	.lx-top .lx-img {
		width: 100%;
		float: none;
	}
	.lx-wrap {
		padding: 45px 15px;
	}
	.lx-right {
		width: 100%;
		float: none;
		height: auto;
		padding: 30px;
	}
	.addr-box {
		padding: 0 10px;
	}
	.addr-srbox {
		width: 48%;
		margin-right: 4%;
		padding: 25px;
	}
	.map {
		height: 450px;
	}
	.zp-wrap {
		padding: 35px 15px;
	}
	.zp-box {
		padding: 20px 30px;
		margin-bottom: 15px;
	}
	.lb-main .swiper-slide {
		max-height: 9999px;
	}
	.lb-main .lb-txt {
		width: 100%;
	}
	.lb-main .lbimg {
		width: 100%;
		float: none;
	}
	.lb-wrap {
		padding: 40px 20px;
	}
	.lb-txt h1 {
		font-size: 22px;
	}
	.lb-txt span {
		padding: 12px 0;
	}
	.lb-main .lb-txt a {
		margin-top: 20px;
	}
	.lb-main .swiper-container {
		padding-bottom: 50px;
	}
	.xinwen-main ul li {
		padding: 25px;
	}
	.xq-wrap {
		padding: 40px 0;
	}
	.xq-left {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	.xq-right2 {
		width: 100%;
		float: none;
	}
	.ly-wrap {
		padding: 40px 15px;
	}
	.ly-box .ly-left,
	.ly-right {
		width: 100%;
		float: none;
	}
	.ly-box .ly-left {
		margin-bottom: 20px;
	}
	.ly-main h1 {
		font-size: 26px;
	}
	.ly-left p,
	.ly-right p {
		font-size: 15px;
	}
	.sub-but button {
		width: 140px;
		height: 45px;
		line-height: 45px;
	}
	.rz-wrap {
		padding: 45px 20px;
	}
	.rz-main h1 {
		font-size: 24px;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 768px) {
	.yb_conct {
		display: none;
	}
	.pro-main {
		padding: 15px;
	}
	.pro-nrbox span {
		font-size: 14px;
		line-height: 18px;
	}
	.pro-nrbox span:first-of-type {
		display: none;
	}
	.pro-nrbox .pro-bh {
		font-size: 12px;
	}
	.gy-wrap {
		height: 450px;
	}
	.gy-box {
		width: 100%;
		padding: 15px;
	}
	.banner {
		height: 300px;
	}
	.banner .swiper-container {
		height: 100%;
	}

	.banner .swiper-slide {
		width: 100%;
		overflow: hidden;
	}
	.banner .swiper-slide img {
		height: 100%;
		width: auto;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 9;
	}
	.banner .swiper-slide:first-of-type img {
		left: 0;
		transform: translateX(0);
	}
	.banner .swiper-slide:nth-of-type(3) img {
		left: -30%;
		transform: translateX(0);
	}
	.pro-nrbox .pro-bh {
		margin-top: 5px;
	}
	.pro-nrbox a {
		margin-top: 10px;
		width: 70px;
		font-size: 12px;
		line-height: 28px;
	}

	.ys-nrbox {
		padding: 40px 15px;
	}
	.ys-nrbox h2 {
		width: 100%;
		font-size: 20px;
		line-height: 40px;
	}
	.sy-h1 {
		font-size: 24px;
		margin-bottom: 25px;
	}
	.ys-bacbox {
		height: 400px;
	}
	.pro-nav p {
		width: 65%;
	}
	.al-img img {
		width: 50%;
	}
	.news-main h1:first-of-type {
		font-size: 32px;
	}
	.news-nav a {
		width: 130px;
		line-height: 40px;
		font-size: 14px;
	}
	.pro-box {
		margin-top: 30px;
	}
	.pro-box ul li .pro-brbox {
		padding: 5px;
	}
	.pro-nrbox {
		width: 100%;
	}
	.news-main {
		padding: 0 15px;
	}
	.news-box ul li .news-time {
		font-size: 16px;
	}
	.news-box ul li h3 {
		font-size: 18px;
	}
	.news-box ul li .news-txt {
		font-size: 13px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.news-box ul li span {
		margin-top: 15px;
	}
	.copy-wrap {
		padding: 0 10px;
	}
	.copy-box span,
	.copy-box a {
		font-size: 12px;
	}
	.nytxt-box h1 {
		font-size: 38px;
	}
	.product-main {
		padding: 0 10px;
	}
	.product-nav ul li {
		min-width: 30%;
		margin: 10px 1%;
	}
	.product-txt span {
		font-size: 14px;
	}
	.page-main a {
		font-size: 13px;
	}
	.nytxt-box p:after {
		width: 170px;
	}
	.product-nav ul li {
		line-height: 40px;
		height: 40px;
	}
	.cpxq-wrap {
		padding: 35px 15px;
	}
	.xq-top a {
		padding: 12px 10px;
	}
	.xq-img {
		height: 300px;
	}
	.xq-right h3 {
		font-size: 20px;
	}
	.xq-sxbox p {
		font-size: 14px;
		padding-bottom: 5px;
	}
	.xq-tdbox {
		padding: 20px;
	}
	.canshu-nav {
		margin: 30px 0 15px;
		line-height: 40px;
	}
	.canshu-nav span {
		font-size: 14px;
		padding: 0 20px;
	}
	.canshu-table ul li:first-of-type {
		width: 35%;
	}
	.canshu-table ul li:nth-of-type(2) {
		width: 65%;
	}
	.zs-box ul li {
		width: 49%;
		margin-right: 2%;
	}
	.zs-box ul li:nth-of-type(2n + 2) {
		margin-right: 0;
	}
	.zs-box ul li span {
		font-size: 14px;
	}
	.zs-box {
		margin-top: 20px;
	}
	.nytxt-box h1 {
		font-size: 24px;
		padding-bottom: 5px;
	}
	.nytxt-box p {
		padding-bottom: 12px;
	}
	.nytxt-box p:after {
		width: 140px;
		height: 2px;
	}
	.nr-nav .nr-navmain {
		padding: 0 15px;
	}
	.nr-navmain a {
		width: 25%;
		font-size: 12px;
	}
	.anli-wrap {
		padding-top: 20px;
	}
	.anli-wrap .anli-main {
		padding: 0 10px;
	}
	.anli-brbox ul li {
		width: 49%;
		margin-bottom: 10px;
	}
	.anli-brbox ul li:nth-of-type(4n + 4) {
		margin-right: 2%;
	}
	.anli-brbox ul li:nth-of-type(3n + 3) {
		margin-right: 2%;
	}
	.anli-brbox ul li:nth-of-type(2n + 2) {
		margin-right: 0;
	}
	.dl-wrap {
		padding-top: 0;
	}
	.dl-main .dl-box {
		padding: 15px;
	}
	.dl-box h1 {
		font-size: 20px;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.dl-box p {
		font-size: 13px;
		line-height: 24px;
	}
	.fw-wrap {
		padding-top: 20px;
	}
	.fw-box1 h1 {
		font-size: 20px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.fw-main {
		padding: 0 10px;
	}
	.fw-box1 img {
		width: 100%;
	}
	.fw-box1 span {
		font-size: 17px;
	}
	.fw-txt ul li {
		margin-bottom: 15px;
	}
	.about-wrap {
		padding: 30px 15px;
	}
	.about-box h1 {
		font-size: 30px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.about-txt {
		padding: 10px;
	}
	.about-bottxt {
		padding: 20px 0;
	}
	.lx-right h1 {
		font-size: 20px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.lx-right {
		padding: 15px;
	}
	.addr-box h2 {
		padding: 35px 0 20px;
		font-size: 18px;
	}
	.addr-srbox {
		width: 100%;
		float: none;
		margin-right: 0;
		padding: 15px;
		margin-bottom: 15px;
	}
	.addr-srbox h3 {
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	.addr-srbox p {
		font-size: 14px;
		line-height: 26px;
	}
	.map {
		height: 350px;
	}
	.addr-box {
		padding: 0;
	}
	.zp-wrap {
		padding: 20px 10px;
	}
	.zp-box {
		padding: 15px;
	}
	.zp-box h1 {
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.zp-bot span {
		width: 100%;
		margin-right: 0;
	}
	.zp-txt span {
		padding-bottom: 10px;
	}
	.zp-bot {
		margin-top: 10px;
	}
	.lb-main .lb-txt {
		padding: 10px;
	}
	.lb-txt h1 {
		font-size: 18px;
	}
	.xinwen-main ul li {
		padding: 10px;
	}
	.xinwen-time {
		display: none;
	}
	.xinwen-box {
		width: 100%;
		padding: 0;
	}
	.xinwen-box h2 {
		font-size: 18px;
		padding-bottom: 10px;
	}
	.xinwen-box p {
		font-size: 13px;
	}
	.xinwen-box > a {
		font-size: 13px;
	}
	.page-main a {
		padding: 5px 10px;
	}
	.xinwen-main ul {
		margin-bottom: 40px;
	}
	.lb-txt span {
		padding: 7px 0;
	}
	.lb-wrap {
		padding: 20px 10px;
	}
	.xinwen-wrap {
		padding: 0 10px;
	}
	.xq-wrap {
		padding: 20px 0;
	}
	.xq-wrap .xq-main {
		padding: 0 10px;
	}
	.xq-left h1 {
		font-size: 18px;
	}
	.xq-left {
		padding: 10px;
	}
	.xq-left .fh-but {
		margin: 0 auto;
	}
	.ly-main h1 {
		font-size: 16px;
		padding-bottom: 25px;
	}
	.ly-wrap {
		padding: 20px 15px;
	}
	.ly-txt div {
		height: 30px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.ly-right textarea {
		height: 250px;
	}
	.rz-main ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.rz-main ul li:nth-of-type(3n + 3) {
		margin-right: 2%;
	}
	.rz-main ul li:nth-of-type(2n + 2) {
		margin-right: 0;
	}
	.product-main .pro-box ul li {
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
	.header-main .logo-box {
		width: 45%;
	}
	.logo-box img {
		width: 100%;
	}
	nav ul li > a {
		margin: 0;
	}
	.yd-navimg {
		width: 35px;
		height: 35px;
	}
	.pro-bth1 h1 {
		font-size: 18px;
	}
	.pro-bth1 span {
		font-size: 14px;
	}
	.pro-main {
		padding: 30px 15px;
	}
	.gy-wrap {
		height: 350px;
	}
	.ys-wrap {
		padding: 20px 0;
	}
	.ys-nrbox h2 {
		font-size: 16px;
	}
	.ys-nav .swiper-slide p {
		font-size: 14px;
	}
	.gy-wrap .gy-main {
		padding: 40px 20px;
	}
	.pro-nrbox a {
		margin-top: 5px;
	}
	.news-nav a {
		width: 90px;
		line-height: 36px;
		font-size: 13px;
		border: 1px solid #979797;
	}
	.news-wrap {
		padding: 30px 0;
	}
	.nybanner-wrap {
		height: 155px;
	}
	.nytxt-box h1 {
		font-size: 28px;
	}
	.nytxt-box p {
		font-size: 13px;
	}
	.nytxt-box p:after {
		height: 3px;
	}
	.product-nav {
		padding: 20px 0;
	}
	.product-nav ul li {
		margin: 5px 1%;
	}
	.cpxq-main .xq-top {
		margin-bottom: 30px;
	}
	.xq-top a {
		padding: 8px;
	}
	.nr-nav {
		line-height: 48px;
	}
	.ly-right textarea {
		height: 200px;
	}
	.sub-but button {
		width: 90px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.sub-but {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 330px) {
	.yd-navimg {
		width: 30px;
		height: 30px;
	}
	body {
		padding-top: 68px;
	}
	nav {
		top: 68px;
		line-height: 30px;
	}
	nav ul li > a {
		font-size: 14px;
	}
	.header-main {
		height: 68px;
		line-height: 68px;
	}
	.al-main .al-banner {
		padding: 0 60px;
	}
	.al-banner .swiper3-button-prev {
		left: 10px;
	}
	.al-banner .swiper3-button-next {
		right: 10px;
	}
	.news-nav a {
		width: 30%;
		margin: 0 1%;
	}
	.xq-img img {
		width: 75%;
	}
	.canshu-table ul li:first-of-type {
		padding: 0 5px;
	}
	.canshu-table ul li:nth-of-type(2) {
		padding: 0 5px;
	}
	.zs-main {
		padding-top: 0;
	}
	.zs-main h3 {
		font-size: 16px;
	}
	.nytxt-box {
		margin: 0 10px;
	}
	.nr-nav .nr-navmain {
		padding: 0 10px;
	}
	.nytxt-box h1 {
		font-size: 24px;
	}
	.nr-navmain a {
		font-size: 12px;
	}
	.anli-main h1 {
		font-size: 20px;
	}
	.anli-main h1:after {
		height: 1px;
	}
	.nr-nav {
		line-height: 40px;
	}
	.anli-main h1 {
		margin-bottom: 15px;
	}
	.canshu-table ul li:first-of-type {
		width: 40%;
	}
	.canshu-table ul li:nth-of-type(2) {
		width: 60%;
	}
}