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

button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
	font: 14px Arial, Tahoma;
	color: #666;
	font-weight: normal;
}

button,
input,
select,
textarea,
label {
	vertical-align: middle;
	border: 0;
	outline: none;
}

img {
	vertical-align: middle;
	border: none;
	display: inline-block;
	max-width: 100%;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none !important;
	color: #666;
	vertical-align: baseline;
	cursor: pointer;
	font-size: inherit;
	-o-transition: .2s ease;
	-moz-transition: .2s ease;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	word-wrap: break-word;
	word-break: break-all;
	background: #fff;
	margin: 0 auto;
	width: 100%;
	font-size: 14px;
}

* {
	box-sizing: border-box;
}

em,
i {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}

li {
	list-style: none;
}

/*清浮*/
.g-cf:after {
	content: "";
	clear: both;
	display: table;
}

.g-cf {
	zoom: 1;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}

.clearfix {
	*zoom: 1;
}

/*浮动*/
.fl {
	float: left;
	_display: inline;
}

.fr {
	float: right;
	_display: inline;
}

input,
textarea {
	outline: none;
	-webkit-appearance: none;
	background: none;
}

input[type='checkbox']:focus {
	outline: none;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #8b8b8b;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #8b8b8b;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #8b8b8b;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #8b8b8b;
}

.none {
	display: none;
}

.block {
	display: block;
}

.ht {
	margin-top: 1.03rem;
}

.container {
	width: 1160px;
	margin: 0 auto;
}

video {
	background-color: #000;
	width: 100%;
}

/* 首页 */
.header {
	background-color: rgba(220, 220, 220, 0.4);
}

.header .top {
	padding: 20px 0;
	position: relative;
	text-align: center;
}

.header .top>* {
	/* display: inline-block;
	vertical-align: middle; */
}

.logo {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.logo a>* {
	display: inline-block;
	vertical-align: middle;
}

.logo p {
	font-size: 20px;
	color: rgba(0, 0, 0, .7);
	line-height: 32px;
	text-align: left;
}

.header .icon {
	margin-left: 140px;
}

.header .phone {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.clear {
	clear: both;
}

.nav {
	background-color: #008fd7;
	font-size: 0;
	position: relative;
}

.nav ul {
	font-size: 0;
	text-align: center;
}

.nav ul li {
	display: inline-block;
	padding: 0px 28px;
}

.nav ul li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #fff;
	height: 30px;
	line-height: 30px;
}

.nav a:last-child {
	margin-right: 0;
}

.nav_con {
	width: 100%;
	background-color: #dadce3;
	z-index: 9999;
	display: none;
	padding-bottom: 20px;
	position: absolute;
	top: 100%;
	left: 0;
}

.nav_con .container .navcon_left {
	width: 75%;
	float: left;
}

.nav_con .container .navcon_left h3 {
	padding: 20px 0px;
	border-bottom: dashed 1px #b0b0b0;
	font-size: 20px;
	color: #008fd7;
	font-weight: 600;
}

.nav_con .container .navcon_left ul li {
	display: block;
	width: 25%;
	text-align: left;
	float: left;
	padding: 10px 0px;
}

.nav_con .container .navcon_left ul li a {
	color: #242424;
}

.nav_con .container .navcon_left ul li a:hover {
	color: #008fd7;
}

.nav_con .container .navcon_right {
	width: 25%;
	float: right;
}

.nav_con .container .navcon_right .rightimg {
	display: flex;
	padding: 20px 0px;
	justify-content: space-around;
}

.brand {
	padding: 80px 0;
}

.title h1 {
	width: 162px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	letter-spacing: 2px;
	background-color: #9bc82b;
	position: relative;
}

.title h1::after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(155, 200, 43, 0.1);
	position: absolute;
	left: 10px;
	top: 7px;
}

.title p {
	font-size: 9px;
	color: rgba(0, 0, 0, .2);
	letter-spacing: 1px;
	margin-top: 75px;
	margin-left: 25px;
}

.brand-left {
	margin-top: 25px;
	width: 510px;
}

.brand-left h2 {
	font-size: 27px;
	color: #2a2a2a;
	font-weight: bold;

}

.brand-left .txt {
	margin: 30px 0;
	font-size: 17px;
	color: #2a2a2a;
	line-height: 30px;
	letter-spacing: 1px;
}

.more-btn a {
	display: block;
	width: 101px;
	height: 26px;
	border: solid 1px #2a2a2a;
	opacity: 0.4;
	color: #2a2a2a;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
}

.brand-right {
	position: relative;
	width: 45%;
}

.brand-right::after,
.brand-right::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
}

.brand-right::before {
	background-color: #f0f0f0;
	left: 10px;
	top: 10px;
	z-index: -1;
}

.brand-right::after {
	background-color: #e6e6e6;
	left: 20px;
	top: 20px;
	z-index: -2;
}

.honorary {
	margin: 0 80px;
	padding: 50px 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.honorary-swiper {
	padding: 50px 0 20px;
	position: relative;
}

.honorary-swiper a {
	display: block;
	font-size: 0;
	height: 285px;
	overflow: hidden;
}

.honorary-swiper img {
	width: 100%;
	height: 285px;
	transition: all .4s;
}

.honorary-swiper a:hover img {
	transform: scale(1.1);
}

.honorary-swiper .swiper-button-next,
.honorary-swiper .swiper-button-prev {
	position: static;
	margin: 0;
	background: none;
}

.honorary-swiper .swiper-btn {
	position: absolute;
	right: 0;
	top: -40px;
}

.honorary-swiper .swiper-btn>* {
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	background-color: #ffffff;
	border-radius: 50%;
	text-align: center;
	line-height: 23px;
	font-size: 20px;
	color: #323232;
	margin: 0 7px;
}

.core {
	position: relative;
	padding: 55px 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.core .content {
	margin-top: 60px;
}

.product {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0;
}

.product .content {
	margin-top: 60px;
}

.product h2 {
	font-size: 44px;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 1;
}

.product-ul {
	padding: 50px 0;
}

.product-ul li {
	margin-bottom: 10px;
	position: relative;
}

.product-ul li:last-child {
	margin-bottom: 0;
}

.product-ul li .num {
	width: 86px;
	height: 71px;
	line-height: 71px;
	background-color: #008fd7;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-style: italic;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
}

.product-ul li .info {
	background-color: #fff;
	padding: 10px;
	margin-left: 55px;
	margin-right: 12px;
	font-size: 0;
}

.product-ul li .info .img {
	width: 400px;
	height: 335px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.product-ul li .info .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s;
}

.product-ul li:hover .info .img img {
	transform: scale(1.1);
}

.product-ul li .info .right {
	width: 535px;
	margin-left: 95px;
	display: inline-block;
	vertical-align: middle;
}

.product-ul li .info .right h3 {
	font-size: 30px;
	color: #008fd7;
	padding: 20px 0;
	line-height: 1;
	position: relative;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-ul li .info .right h3:after {
	display: block;
	content: '';
	width: 64px;
	height: 4px;
	background-color: #008fd7;
	position: absolute;
	bottom: 0;
	left: 0;
}

.product-ul li .info .right .txt {
	font-size: 22px;
	line-height: 34px;
	color: #000;
	margin: 40px 0 60px;
}

.product-ul li .more-btn {
	margin-left: auto;
	border: solid 1px rgba(63, 63, 63, 0.35);
	color: rgba(0, 0, 0, .5);
	width: 111px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	font-size: 15px;
}

.product-ul .info:after {
	content: '';
	display: block;
	position: absolute;
	width: 7px;
	height: 100%;
	background-color: #9bc82b;
	right: 0;
	top: 0;
}

.product-ul li:nth-child(2n) .info:after {
	background-color: #5c5c5c;
}

.product-ul li:nth-child(3n) .info:after {
	background-color: #008fd7;
}

.case {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0;
	margin: 25px 40px;
}

.case-nav {
	margin: 40px 0;
	font-size: 0;
	background-color: rgba(255, 255, 255, .25);
}

.case-nav a {
	display: inline-block;
	font-size: 19px;
	color: #fff;
	height: 53px;
	line-height: 53px;
	padding: 0 20px;
	transition: all .4s;
	position: relative;
}

.case-nav a.active,
.case-nav a:hover {
	background-color: #008fd7;
}

.case-nav a:before {
	display: block;
	content: '';
	width: 1px;
	height: 18px;
	background-color: rgba(255, 255, 255, .2);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.case-nav a:first-child:before {
	display: none;
}

.case-info {
	position: relative;
}

.case-info .img {
	overflow: hidden;
}

.case-info img {
	width: 100%;
	height: 169px;
	transition: .4s;
}

.case-info img:hover {
	transform: scale(1.1);
}

.case-info .li {
	background-color: #eee;
	padding: 8px;
}

.case-info .li .info {
	padding-top: 34px;
}

.case-info .li .info h2 {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case-info .li .info .more-btn {
	margin-top: 40px;
	margin-bottom: 10px;
	width: 58px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	border: solid 1px rgba(30, 30, 30, 0.2);
	font-size: 11px;
	color: rgba(30, 30, 30, 0.54);
}

.case-info .swiper-button-next,
.case-info .swiper-button-prev {
	background-size: 13px;
}

.case-info .swiper-button-next {
	right: -70px;
}

.case-info .swiper-button-prev {
	left: -70px;
}

.new {
	padding: 70px 0;
}

.new .content {
	margin-top: 15px;
}

.new-ul {
	font-size: 0;
}

.new-ul li {
	display: inline-block;
	vertical-align: middle;
	width: 350px;
	margin-right: 50px;
	background-color: #fff;
	box-shadow: 2px 4px 24px 0px rgba(41, 50, 50, 0.11);
	padding: 40px 23px;
}

.new-ul li:last-child {
	margin-right: 0;
}

.new-ul li .top {
	position: relative;
}

.new-ul li .top .left>* {
	display: inline-block;
	vertical-align: middle;
}
.new-ul li .top img {
	width: 40px;
}

.new-ul li .top .left h2 {
	font-size: 0.18rem;
	© color: #000;
	max-width: 185px;
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	white-space: nowrap;
}

.new-ul li .top .more-btn {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.new-ul li .top .more-btn a {
	width: 51px;
	height: 18px;
	border: solid 1px rgba(0, 0, 0, .1);
	color: rgba(0, 0, 0, .4);
	letter-spacing: 1px;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	opacity: 1;
}

.new-ul li .img {
	width: 100%;
	height: 160px;
	margin-top: 30px;
}

.new-ul li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.new-ul li .list {
	margin-top: 10px;
}

.new-ul li .list dd {
	border-bottom: dashed 1px #bfbfbf;
	padding: 10px 0;
}

.new-ul li .list dd a {
	display: block;
	font-size: 14px;
	color: rgba(0, 0, 0, .8);
	letter-spacing: -1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new-ul li .list dd a::before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 6px;
	height: 6px;
	background-color: #008fd7;
	border-radius: 50%;
	margin-right: 4px;
}

footer {
	padding: 50px 0;
	background-color: #444;
}

.footer {
	padding: 70px 0;
}

.foot-record {
	text-align: center;
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, .3);
	font-size: 12px;
	color: #fff;
}

.foot-ul {
	width: 816px;
	font-size: 0;
}

.foot-ul li {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 43px;
}

.foot-ul li:last-child {
	margin-right: 0;
}

.foot-ul li h3 a{
	font-size: 14px;
	color: #fff;
}

.foot_info {
	margin-top: 80px;
}

.foot_info a {
	display: block;
	font-size: 13px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 1;
	opacity: .8;
}

.link {
	margin-top: 20px;
	margin-bottom: -30px;
	font-size: 0;
}

.link>* {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 1;
}

.link a {
	padding: 0 8px;
	position: relative;
}

.link a:after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 1px;
	height: 12px;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.link a:last-child:after {
	display: none;
}

.second_nav {
	position: fixed;
	top: 90px;
	right: 10px;
	z-index: 998;
	width: 60px;
}

.second_nav ul li {
	display: block;
	width: 60px;



}

.second_nav ul li:nth-child(n+2) {
	background-color: #0080c4;
	padding: 4px 0px;
	border-top: solid 1px #008cd7;
}

.second_nav ul li:nth-child(n+2):hover {
	background-color: #9bc82b;
}

.second_nav ul li:last-child {
	padding: 20px 0px;
}

.second_nav ul li img {
	display: block;
	margin: 0 auto;
}

.second_nav ul li a {
	color: #FFFFFF;
	text-align: center;
}

.wxbtn {
	position: relative;
}
.phonebtn {
	position: relative;
}

.wximg {
	position: absolute;
	top: 0px;
	left: -150px;
	display: none;
}
.phoneLayer {
	    position: absolute;
	    top: 14px;
	    left: -114px;
	    background-color: #fff;
	    color: #000;
	    height: 38px;
	    width: 113px;
	    line-height: 38px;
	display: none;
}

.tmbtn {
	position: relative;
}
.phonebtn {
	position: relative;
}
.tmimg {
	position: absolute;
	top: 50px;
	left: -150px;
	display: none;
}


/* 新增样式 */
.nav_icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	display: none;
	height: 20px;
}

.nav_icon span {
	display: block;
	width: 24px;
	height: 2px;
	border-radius: 5px;
	background: #008fd7;
	position: relative;
	top: 0;
	-webkit-transition: background 400ms ease, top 300ms ease, -webkit-transform 300ms ease;
	transition: background 400ms ease, top 300ms ease, -webkit-transform 300ms ease;
	-o-transition: background 400ms ease, transform 300ms ease, top 300ms ease;
	transition: background 400ms ease, transform 300ms ease, top 300ms ease;
	transition: background 400ms ease, transform 300ms ease, top 300ms ease, -webkit-transform 300ms ease;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

.nav_icon span:nth-child(2) {
	width: 18px;
	margin: 7px 0;
}

.onmenu>span {
	position: absolute;
}

.onmenu>span:nth-child(1) {
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	transform: rotate(220deg) translateY(-50%);
}

.onmenu>span:nth-child(2) {
	opacity: 0;
}

.onmenu>span:nth-child(3) {
	top: 50%;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-ms-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-220deg) translateY(-50%);
}


@media only screen and (max-width: 980px){
        .second_nav{
                right: 5px;
        }
        .second_nav,.second_nav ul li{
                width: 40px;
        }
        .second_nav ul li img{
                width: 60%;
        }
}




/*banner控*/
.slides {
	position:relative; 
	/*border-top:4px solid #ffa800;*/
	z-index:1;


}
.slides .next{display:block;position:absolute;top: 170px; right: 440px;}
.slides .prev{display:block;position:absolute;top: 170px; left: 440px;}
.slideBox{}
.slideBox .hd{}
.slideBox .hd ul{width:1000px;}
.slideBox .hd li{float:left;}



#slider1 .conbox{}
#slider1 .conbox div{width:1100px;height:400px;overflow:hidden;float:left;}

.slider2{width:756px;height:200px;position:relative;overflow:hidden; display:block; float:right;}
#slider2 .conbox div{width:756px;height:200px;overflow:hidden; }

.slider3{width:450px;height:310px;position:relative;overflow:hidden; display:block; margin-top:8px;}
#slider3 .conbox div{width:450px;height:310px;overflow:hidden; }


.mune_box{ width:1100px; margin:0px auto; height:127px; overflow:hidden;}
.mune_box ul li{ float:left; width:275px; height:127px; overflow:hidden;}

.warp{ width:1100px; height:auto; margin:0px auto;}
.index_new{}


.banner .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	opacity: 1;
	background: #5bae5c;
}

.banner .swiper-pagination-bullet-active {
	background: #556fb5!important;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 15px;
}

.banner img {
	max-width: 100%;
	height: 425.19px;
}