/*
* @Author: PIPI
* @Date:   2018-12-22 10:31:08
* @Last Modified by:   PIPI
* @Last Modified time: 2018-12-22 11:38:07
*/
/*必备样式*/
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;}
/* a:hover { color:#333; } */
table { border-collapse:collapse; border-spacing:0; }
body { word-wrap:break-word; word-break:break-all;background: #fff;margin: 0 auto;width: 100%;}
* {box-sizing: border-box;}
em , i {font-style: normal;font-weight: normal;font-size: 14px;}
/*清浮*/
.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, select, 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;
}
.swiper-button-next:focus,.swiper-button-prev:focus{
	outline: none;
}
.none{
	display: none;
}
.block{
	display: block;
}
.container{
	width: 1600px;
	margin: 0 auto;
}
.container1{
	width: 1500px;
	margin: 0 auto;
}
.container2{
	width: 1400px;
	margin: 0 auto;
}
.header {
	position: fixed;
	width: 100%;
	height: 100px;
	left: 0;
	top: 0;
	z-index: 99;
	background-image: url(../images/a21.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.header .container{
	position: relative;
}
.logo {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 100px;
}
.hd_right {
	height: 100px;
	
}
.naver {
	padding-right: 6.25%;
}
.naver ul {
	text-align: right;
	font-size: 0;
}
.naver ul li {
	position: relative;
	display: inline-block;
}
.naver ul li > a {
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	font-size: 16px;
	line-height: 100px;
	position: relative;
	transition: all ease-in-out .36s;
}
.naver ul li > a:before {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: #fff;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	transition: all ease-in-out .4s;
}
.naver ul li.active > a:before ,
.naver ul li:hover > a:before{
	width: 70px;
}
.naver ul li dl{
	display: none;
	position: absolute;
	top: 78px;
	z-index: 101;
	background: #fff;
	width: 100%;
	box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
}
.naver ul li dl:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #134463;
}
.naver ul li dl a{
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 15px;
	color: #333;
}
.naver ul li dd:first-child a{
	padding-top: 20px;
}
.naver ul li dd:last-child a{
	padding-bottom: 20px;
}
.naver ul li dl a.active,.naver ul li dl a:hover{
	color: #197bc6;
}
.naver ul li{
	opacity: 0;
}
.naver ul li:nth-child(1) {
	animation: translateY ease-in-out .8s forwards;
}

.naver ul li:nth-child(2) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: .2s;
}

.naver ul li:nth-child(3) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: .4s;
}

.naver ul li:nth-child(4) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: .6s;
}

.naver ul li:nth-child(5) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: .8s;
}

.naver ul li:nth-child(6) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: 1s;
}

.naver ul li:nth-child(7) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: 1.2s;
}

.naver ul li:nth-child(8) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: 1.4s;
}

.naver ul li:nth-child(9) {
	animation: translateY ease-in-out .8s forwards;
	animation-delay: 1.6s;
}

@keyframes translateY {
	0% {
		opacity: 0;
		transform: translateY(-66px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.m_header {
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	box-shadow: 0 4px 4px rgba(51, 51, 51, 0.1);
	background: #FFFFFF;
}

.m_hcon {
	width: 94%;
	margin: 0 auto;
	position: relative;
}

.m_logo {
	float: left;
	margin: 8px 0;
}

.m_logo img {
	height: 35px;
}

.nav_icon {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 24px;
}

.nav_icon span {
	display: block;
	width: 24px;
	height: 2px;
	border-radius: 5px;
	background: #197bc6;
	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;
}

.nav_icon.on span:nth-child(1) {
	top: 9px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav_icon.on span:nth-child(2) {
	opacity: 0;
}

.nav_icon.on span:nth-child(3) {
	top: -9px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.m_naver {
	position: fixed;
	width: 100%;
	left: 0;
	top: 51px;
	padding-bottom: 20px;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	display: none;
	z-index: 999;
}

.m_naver ul {
	padding: 15px 0;
}

.m_naver ul li {
	/* position: relative; */
	text-indent: 6%;
	font-size: 14px;
	line-height: 35px;
	padding-right: 15px;
	box-sizing: border-box;
}

.m_naver ul li>a {
	display: block;
	color: #333333;
}
.m_naver ul li>a.icon1,
.m_language>a {
	position: relative;
}

.m_naver ul li>a.active {
	color: #197bc6;
}
.m_naver ul li>a.icon1:before{
	position: absolute;
	content: "";
	width: 6px;
	height: 10px;
	transition: all ease-in-out .36s;
	right: 0;
	top: 50%;
	margin-top: -9px;
	/* background: url(../images/icon08.png) no-repeat center; */
	background-size: cover;
}

.m_naver ul li>a.icon1.active:before{
	transform: rotate(90deg);
}

.m_naver ul li dl {
	display: none;
}

.m_naver ul li dl dd {
	font-size: 14px;
	line-height: 30px;
	text-indent: 8%;
}

.m_naver ul li dl dd a {
	color: #666666;
}

.m_language {
	padding-right: 15px;
}

.m_language>a {
	display: block;
	text-indent: 6%;
	font-size: 0;
	line-height: 30px;
	color: #2C2C2C;
}
.m_language>a>*{
	display: inline-block;
	vertical-align: middle;
}
.m_language>a img{
	height: 18px;
}
.m_language>a span{
	width: 10%;
	/* margin-left: 5px; */
	font-size: 14px;
}
.hd_right {
	position: absolute;
	right: 0;
	line-height: 100px;
	z-index: 9;
}
.hd_right a{
	display: block;
	font-size: 0;
}
.hd_right a>*{
	display: inline-block;
	vertical-align: middle;
}
.hd_right a span{
	margin-left: 10px;
	font-size: 18px;
	color: #fff;
}
.p_banner .swiper-slide a {
	display: block;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.header.on {
	border-bottom-color: #f2f2f2;
	box-shadow: 0 0 5px rgba(0,0,0,.13);
	background: #fff;
}
.header.on .naver ul li > a {
	color: #343434;
}
.header.on .naver ul li.active > a ,
.header.on .naver ul li:hover > a{
	color: #d4b366;
}
.header.on .naver ul li.active > a:before ,
.header.on .naver ul li:hover > a:before {
	background: #d4b366;
}
.header.on .hd_left span {
	color: #666666;
}
.header.on .hd_left span:before {
	background: #e5e5e5;
}
.header.on .hd_tel {
	color: #14c2c0;
}
.header.on .hd_right ul li a {
	color: #b3b3b3;
}
.header.on .hd_icon1:before ,.header.on .hd_icon1:after {
	background: #e5e5e5;
}

.wrap {
	padding-top: 100px;
	height: 100%;
}



/*按钮效果*/
/* = button-bubble = */
.transition {
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.button-bubble {
    display: block;
    width: 240px;
    height: 56px;
    margin: 0 auto;
    line-height: 56px;
    border-radius: 28px;
    background-size: 300% auto;
    background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);
    -moz-background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);
    position: relative;
}
.button-bubble .button {
    display: block;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-style: normal;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.button-bubble .bghover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 240px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    background-size: 300% auto;
    background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);
    -moz-background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);
}
.button-bubble .effect {
    position: absolute;
    display: block;
    height: 400%;
    width: 200%;
    left: -50%;
    top: -150%;
    transition: all .1s ease-out;
    pointer-events: none;
}
.button-bubble .circle {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-size: 300% auto;
    background-image: linear-gradient(90deg,#008783 0,#6ab550 50%,#008783);
    -moz-background-image: linear-gradient(90deg,#008783 0,#6ab550 50%,#008783);
    transition: background .1s ease-out;
    opacity: 0;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.button-bubble .top-left1 {
    left: 30%;
    top: 40%;
    width: 6px;
    height: 6px;
}
.button-bubble .top-left2 {
    left: 28%;
    top: 50%;
    width: 6px;
    height: 6px;
}
.button-bubble .top-left3 {
    top: 50%;
    left: 37%;
    width: 15px;
    height: 15px;
}
.button-bubble .bottom-right1 {
    bottom: 42%;
    right: 37%;
    width: 6px;
    height: 6px;
}
.button-bubble .bottom-right2 {
    bottom: 47%;
    right: 30%;
    width: 6px;
    height: 6px;
}
.button-bubble .bottom-right3 {
    bottom: 49%;
    right: 37%;
    width: 15px;
    height: 15px;
}
.button-bubble:hover .bghover{
 	background: #32c39c;	
 	animation:background .6s;
 	-webkit-animation:background .6s;
}
.button-bubble:hover .circle{
 	background: #32c39c;	
}

.button-bubble.animation .circle{
	animation:oppfunction 1.2s;
 	-webkit-animation:oppfunction 1.2s ;
}

.button-bubble.animation .top-left1 {
	left:22%;
	top:36%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .top-left2 {	  
	left:20%;
	top:45%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .top-left3 {
    top: 32%;
    left: 15%;
   	width: 30px;
    height: 30px;
}


/*新增*/
.rersad{padding-left:23%;}

.rersad .re2_l{width:51.45%;}



.button-bubble.animation .bottom-right1 {
    bottom:32%;
    right:22%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .bottom-right2 {
    bottom:45%;
    right:20%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .bottom-right3 {
    bottom:34%;
    right: 14%;
    width: 30px;
    height: 30px;
}
@keyframes background
{
	50% {
		transform:scale(1,1.1);
	}
	80% {
		transform:scale(1,1);
	}
	90% {
		transform:scale(1,1.02);
	}
	100% {
		transform:scale(1,1);
	}
}
@-webkit-keyframes background
{
	50% {
		transform:scale(1,1.1);
	}
	80% {
		transform:scale(1,1);
	}
	90% {
		transform:scale(1,1.02);
	}
	100% {
		transform:scale(1,1);
	}
}
@keyframes oppfunction
{
	0% {
		opacity: 0;
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	70%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(0);
	}
}
@-webkit-keyframes oppfunction
{
	0% {
		opacity: 0;
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	70%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(0);
	}
}

.i1_main,.p_banner,.p_banner .swiper-container{
	height: 100%;
}
.p_banner .swiper-pagination-bullet{
	background-color: #dddddd;
	border: solid 1px #ffffff;
	opacity: 1;
}
.p_banner .swiper-pagination-bullet-active {
	width: 35px;
	background-color: #197bc6;
	border-radius: 4px;
	border: 1px solid #197bc6;
}
.index2 {
	position: relative;
	height: 100%;
}
.i2_flu1{
	position: absolute;
	left: 6.4%;
	top: 50%;
	transform: translateY(-50%);
}
.i2_flu1 p{
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 10px;
	color: rgba(163,163,163,.4);
}
.i2_main{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.i2_mleft {
	width: 46.93%;
}
.i2_mleft a img{
	display: block;
	border: 10px solid #fff;
	box-shadow: 0px 5px 10px 0px rgba(54, 54, 54, 0.3);
}
.i2_mright{
	width: 46%;
}
.i2_title {
	position: relative;
	padding-bottom: 25px;
	text-align: right;
}
.i2_title:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 2px;
	background-color: #197bc6;
}
.i2_title h2{
	font-size: 20px;
	color: #545454;
	font-weight: bold;
}
.i2_title h1{
	margin-top: 5px;
	font-size: 70px;
	font-weight: bold;
	color: rgba(229,229,229,.5);
	font-family: impact;
}
.i2_title h3{
	position: relative;
	margin-top: -40px;
	font-size: 20px;
	color: #000;
	letter-spacing: 2px;
	font-weight: bold;
	z-index: 1;
}
.i2_title h4{
	margin-top: 15px;
	font-size: 14px;
	color: #999;
}
.i2_txt{
	margin-top: 60px;
	margin-bottom: 40px;
	font-size: 15px;
	color: #666;
	line-height: 30px;
	text-align: justify;
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
	text-overflow: ellipsis; */
}
.i2_more{
	display: block;
	font-size: 14px;
	color: #197bc6;
	font-weight: bold;
	text-align: right;
}
.i2_number {
	margin-top: 60px;
}
.i2_number li{
	position: relative;
	float: left;
	padding: 0 7.5%;
}
.i2_number li:first-child{
	padding-left: 0;
}
.i2_number li:last-child{
	padding-right: 0;
}
.i2_number li:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 40px;
	background-color: #a3a3a3;
	transform: translateY(-50%);
}
.i2_number li:last-child:after{width: 0;}
.i2_numtop>*{
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}
.i2_numtop h3{
	margin-right: 5px;
	font-size: 40px;
	color: #197bc6;
	font-family: impact;
}
.i2_ntsmall h4,.i2_ntsmall h5{
	font-size: 15px;
	color: #8c8c8c;
}
.i2_number p{
	margin-top: 6px;
	font-size: 16px;
	color: #8d8d8d;
}
.i2_flu2{
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	animation: Updown .6s ease-in 0s infinite alternate;
}
@-webkit-keyframes Updown{
	0 {
		bottom: 15px;
	}
	100% {
		bottom: 35px;
	}
}
@keyframes Updown{
	0 {
		bottom: 15px;
	}
	100% {
			bottom: 35px;
	}
}
/* 动画延迟时间 */
.delay01 {
        animation-delay: .1s;
}
.delay02 {
        animation-delay: .2s;
}
.delay03 {
        animation-delay: .3s;
}
.delay04 {
        animation-delay: .4s;
}
.delay05 {
        animation-delay: .5s;
}
.delay06 {
        animation-delay: .6s;
}
.delay07 {
        animation-delay: .7s;
}
.delay08 {
        animation-delay: .8s;
}
.delay09 {
        animation-delay: .9s;
}
.delay10 {
        animation-delay: 1s;
}
.delay11 {
        animation-delay: 1.1s;
}
.delay12 {
        animation-delay: 1.2s;
}
.delay13 {
        animation-delay: 1.3s;
}
.delay14 {
        animation-delay: 1.4s;
}
.i2_mleft,.i2_mright,.i3_tt h1,.i3_tt h2,.i3_main,.i4_list li,.i5_item{
	opacity: 0;
}
.index3{
	position: relative;
	height: 100%;
}
.i3_top {
	position: relative;
	width: 100%;
	height: 450px;
	background-image: url(../images/a03.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.i3_title {
	position: absolute;
	top: 50%;
	width: 100%;
	padding-bottom: 5px;
	transform: translateY(-60%);
	text-align: center;
}
.i3_tt {
	position: relative;
	padding-bottom: 15px;
	text-align: center;
}
.i3_tt:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 1px;
	background-color: #fff;
	transform: translateX(-50%);
}
.i3_tt h1{
	line-height: 1;
	font-size: 70px;
	color: rgba(255,255,255,.7);
	font-family: impact;
}
.i3_tt h2{
	margin-top: 20px;
	font-size: 20px;
	color: #fff;
}
.i3_title p{
	margin-top: 35px;
	font-size: 13px;
	color: #fff;
}
.i3_swiper{
	position: relative;
	width: 100%;
	padding: 20px 30px 0;
	margin-top: -90px;
	background-color: #ffffff;
	z-index: 1;
}
.i3_li {
	margin-bottom: 30px;
}
.i3_li a{display: block;}
.i3_img {
	overflow: hidden;
}
.i3_img img{
	transform: scale(1);
	transition: all .4s;
	border: solid 1px #dddddd;
}
.i3_infor  {
	padding: 20px 20px 0;
	text-align: center;
}
.i3_infor h3{
	font-size: 18px;
	color: #545454;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.i3_infor h5{
	margin-top: 8px;
	font-size: 14px;
	color: #545454;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.i3_li:hover .i3_img{
	box-shadow: 0px 3px 15px 0px rgba(54, 54, 54, 0.2);
}
.i3_li:hover .i3_img img{
	transform: scale(1.2);
}
.i3_li:hover .i3_infor h3,.i3_li:hover .i3_infor h5{
	color: #197bc6;
}
.i3_swiper .swiper-pagination{
	margin-top: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.i3_swiper .swiper-pagination-bullet {
    background: #999999;
    opacity: 1;
	margin-left: 5px;
	margin-right: 5px;
}
.i3_swiper  .swiper-pagination-bullet-active {
    width: 35px;
    background-color: #197bc6;
    border-radius: 4px;
}	
.index4{
	position: relative;
	height: 100%;
}
.i4_main{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-55%);
	z-index: 2;
}
.i4_title {
	position: relative;
	top: 0;
	padding-bottom: 0;
	transform: translateY(0);
}
.i4_title .i3_tt h1{
	color: rgba(229,229,229,.5);
}
.i4_title .i3_tt h2{
	color: #2b2b2b;
}
.i4_title .i3_tt:after{
	background-color: #197bc6;
}
.i4_title p{
	width: 74%;
	line-height: 25px;
	margin: 30px auto 0;
	color: #666666;
}
.i4_list li{
	float: left;
	width: 24%;
	padding: 17.5px;
	margin-right: 1.33%;
}
.i4_list li:nth-child(4n){margin-right: 0;}
.i4_page{
	margin-top: 18px;
}
.i4_time{
	display: inline-block;
	width: 20.3%;
	margin-right: 8%;
	vertical-align: middle;
}
.i4_infor{
	display: inline-block;
	width: 69%;
	vertical-align: middle;
}
.i4_t1{
	width: 100%;
	padding: 16px 0;
	text-align: center;
	background-color: #bbbbbb;
}
.i4_t1 h3,.i4_t1 h4{
	font-size: 16px;
	color: #fff;
}
.i4_t1 h3 {
	margin-bottom: 5px;
}
.i4_t2 {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-color: #525252;
}
.i4_infor h3{
	font-size: 16px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.i4_infor p{
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #a3a3a3;
	line-height: 14px;
}
.i4_list {
	margin-top: 50px;
}
.i4_list li:hover{
	background-color: #f8f8f8;
	box-shadow: 0px 5px 10px 0px rgba(54, 54, 54, 0.2);
	border: solid 1px #e5e5e5;
}
.i4_list li:hover .i4_t1{
	background-color: #197bc6;
}
.index5 {
	position: relative;
	height: 100%;
}
.i5_flu1 {
	position: absolute;
	left: 0;
	top: 10%;
}
.i5_main {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	z-index: 9;
}
.i5_content {
	margin-top: 70px;
}
.i5_left {
	width: 44.8%;
}
.i5_linfor {
	padding-top: 16px;
}
.i5_linfor i{
	display: block;
	color: #a3a3a3;
	font-size: 14px;
}
.i5_linfor h2{
	margin-top: 8px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.i5_linfor p{
	font-size: 14px;
	color: #a3a3a3;
	line-height: 25px;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.i5_right{
	width: 50%;
	margin-top: 45px;
}
.i5_item{
	width: 100%;
	border-bottom: 1px solid #a3a3a3;
}
.i5_item a{
	display: block;
	padding: 15px 0 25px 40px;
}
.i5_item h4,.i5_item h6{
	font-size: 14px;
	color: #a3a3a3;
}
.i5_item h5{
	margin-top: 10px;
	margin-bottom: 8px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.i5_item:hover {
	background-image: linear-gradient(0deg, #197bc6 0%, rgba(29, 136, 209, 0.22) 50%, rgba(32, 149, 220, 0.43) 100%), linear-gradient(#197bc6, #197bc6);
	border-bottom: 1px solid #197bc6;
}
.i5_item:hover h4,
.i5_item:hover h5,
.i5_item:hover h6{
	color: #fff;
}
.i5_flu2{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.i6_main{
	position: relative;
	margin-top: 40px;
	z-index: 2;
}
.i6_content {
	margin-top: 50px;
}
.i6_left{
	width: 30.8%;
	background-image: linear-gradient(0deg, rgba(0, 104, 183, 0.5) 0%, #2095dc 100%), linear-gradient(#2095dc, #2095dc);
	border-radius: 5px;
}
.i6_ltitle {
	padding-left: 60px;
	padding-top: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bee4ff;
}
.i6_ltitle h3{
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}
.i6_ltitle h4{
	margin-top: 5px;
	font-size: 25px;
	color: #fff;
}
.i6_form{
	width: 100%;
	padding: 20px 60px;
}
.i6_inp {
	margin-bottom: 15px;
}
.i6_inp p{
	margin-bottom: 10px;
	font-size: 15px;
	color: #fff;
}
.i6_inp input{
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
	background-color: rgba(255,255,255,.9);
	box-shadow: 0px 5px 10px 0px rgba(0, 88, 156, 0.85);
}
.i6_inp textarea{
	width: 100%;
	height: 140px;
	padding: 10px;
	font-size: 14px;
	color: #333;
	background-color: rgba(248,248,248,.9);
	box-shadow: 0px 5px 10px 0px rgba(0, 88, 156, 0.85);
	border-radius: 5px;
	border: solid 1px #f8f8f8;
	resize: none;
}
.i6_submit {
	display: block;
	width: 150px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	background-color: rgba(255,255,255,.9);
	box-shadow: 0px 5px 10px 0px rgba(0, 88, 156, 0.85);
	border-radius: 20px;
	font-size: 15px;
	color: #197bc6;
}
.i6_map {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%;
	z-index: 1;
}
.i6_map img{
	width: 100%;
	height: 380px;
	object-fit: cover;
}
.footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	word-spacing: 10px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #0e3751;
	z-index: 9;
}
.i6_right {
	width: 50%;
	margin-left: 9%;
}
.i6_right h1{
	font-size: 20px;
	color: #333;
	text-align: center;
}
.i6_right h1 span{
	padding-bottom: 5px;
	border-bottom: 1px solid #197bc6;
}
.i6_rpage{
	margin-top: 45px;
	font-size: 0;
}
.i6_rli{
	display: inline-block;
	width: 40%;
	margin-right: 2%;
	margin-bottom: 20px;
	vertical-align: middle;
	font-size: 0;
}
.i6_rli:nth-child(2n){
	width: 58%;
	margin-right: 0;
}
.i6_rli>*{
	display: inline-block;
	vertical-align: middle;
}
.i6_rli p{
	width: 86%;
	font-size: 15px;
	color: #333;
	margin-left: 10px;
}
/* 关于我们 */
.about{
	position: relative;
	margin-top: 86px;
}
.about .i2_flu1{
	top: 0;
	transform: translateY(0);
}
.about .i2_flu1 p{
	font-size: 12px;
	letter-spacing: 8px;
}

.infooter {
	position: relative;
}
.about1{
	margin-bottom: 40px;
}
.ab1_top {
	margin-bottom: 100px;
}
.ab1_title {
	text-align: center;
}
.ab1_title:after{
	left: 50%;
	transform: translateX(-50%);
}
.ab1_title h4{
	margin-top: 30px;
}
.ab1_top .i2_txt{
	line-height: 40px;
	text-align: center;
}
.ab1_bottom {
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f8f8f8;
	text-align: center;
}
.ab1_bottom .i2_number{
	margin-top: 0;
}
.ab1_bottom .i2_number li{
	display: inline-block;
	float: none;
	vertical-align: text-top;
}
.about2,.ab2_main{
	margin-bottom: 90px;
}
.about2 .container{
	position: relative;
}
.ab2_img{
	width: 75%;
}
.ab2_img img{
	box-shadow: 0px 5px 10px 0px rgba(54, 54, 54, 0.3);
	border: solid 5px #ffffff;
}
.ab2_page{
	position: absolute;
	top: 50%;
	right: 0;
	width: 30.3125%;
	padding: 80px 50px;
	text-align: justify;
	transform: translateY(-50%);
	background-image: linear-gradient(0deg, rgba(0, 104, 183, 0.5) 0%, #2095dc 100%), linear-gradient(#2095dc, #2095dc);
}
.ab2_page p{
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
	text-overflow: ellipsis; */
	font-size: 15px;
	color: #fff;
	line-height: 40px;
}
.ab2_pbg{
	position: absolute;
	right: 5px;
	bottom: 10px;
	z-index: -1;
}
.ab2_infor{
	width: 100%;
	padding: 50px 0;
	background-color: #f8f8f8;
}
.ab2_infor p{
	font-size: 15px;
	color: #666;
	line-height: 40px;
	text-align: justify;
}
.about3{
	margin-bottom: 120px;
}
.ab3_top{
	font-size: 0;
	margin-bottom: 90px;
}
.ab3_top>*{
	display: inline-block;
	vertical-align: middle;
}
.ab3_t2{
	margin-left: 15px;
	margin-right: 40px;
}
.ab3_t3{
	width: 79%;
	font-size: 16px;
	color: #666;
	line-height: 40px;
}
.ab3_bl{
	width: 32%;
}
.ab3_br{
	width: 63%;
	margin-left: 4%;
}
.ab3_br h3{
	margin-bottom: 10px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.ab3_txt{
	font-size: 15px;
	color: #666;
	line-height: 40px;
}
.flu_rl {
	right: 2px;
	z-index: 999;
	overflow: hidden;
	transition: all .4s;
}
.goTop,.flu_arrow {
	width: 50px;
	margin-bottom: 3px;
	line-height: 56px;
	text-align: center;
	background-color: rgba(53,55,57,.7);
	cursor: pointer;
}
.goTop:hover,.flu_arrow:hover{
	background-color: #197bc6;
}
.flu_rl ,.flu_rr{
	position: fixed;
	top: 70%;
}
.flu_rr{
	right: 0;
	width: 140px;
	padding: 8px 5px 15px;
	background-color: #717374;
	border-radius: 5px;
	transform: translateX(150%);
	transition: all .4s;
	z-index: 999;
}
.flu_rreach h3{
	padding: 10px 0;
	text-align: center;
	font-size: 0;
}
.flu_rreach h3>*{
	display: inline-block;
	vertical-align: middle;
}
.flu_rreach h3 span{
	font-size: 15px;
	color: #fff;
	margin-left: 6px;
}
.flu_rreach h4,.flu_rreach h5{
	width: 100%;
	line-height: 29px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #0e3751;
}
.flu_rreach h5{
	margin-bottom: 2px;
	background-color: #197bc6;
}
.flu_rl.on{
	right: 142px;
}
.flu_rr.on{
	transform: translateX(0);
}
/* 企业文化 */
.culture{
	padding-top: 80px;
	padding-bottom: 85px;
}
.culture_container {
	width: 1200px;
	margin: 0 auto;
}
.cul_title{
	text-align: center;
}
.cul_title h2{
	margin-top: 10px;
	font-size: 28px;
	color: #333;
}
.cul_title:after{
	width: 0;
}
.cul_mtitle {
	position: relative;
	padding-bottom: 20px;
}
.cul_mtitle:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20px;
	height: 1px;
	background-color: #999;
}
.cul_mtitle h2{
	margin-bottom: 8px;
	font-size: 28px;
	color: #333;
	font-weight: bold;
}
.cul_mtitle h3{
	font-size: 15px;
	color: #999;
}
.cul1 {
	margin-top: 70px;
	margin-bottom: 90px;
}
.cul1_main {
	width: 100%;
	margin-top: 30px;
	padding-right: 5%;
}
.cul_left{
	width: 25%;
	margin-top: 20px;
}
.cul_left ul li{
	margin-bottom: 40px;
	font-size: 0;
}
.cul_left ul li>*{
	display: inline-block;
	vertical-align: middle;
}
.cul_infor {
	margin-left: 20px;
}
.cul_infor h4,.cul_infor h5{
	font-size: 14px;
	color: #666;
}
.cul_infor h4 {
	margin-bottom: 8px;
	font-size: 18px;
}
.cul_right {
	width: 40%;
	position: relative;
}
 @keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}

@-webkit-keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}
 .cul_bg1 {
	width: 430px;
	height: 430px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.cul_bg1 div {
	width:100%;
	height: 100%;
	border: #ccc 1px solid;
	border-radius: 50%;
	position: relative;
	animation: animtran 16s linear infinite;
	-webkit-animation: animtran 16s linear infinite;
}
.cul_bg1 div img {
	position: absolute;
	animation: animtrans 16s linear infinite;
	-webkit-animation: animtrans 16s linear infinite;
}
.cicon01 {
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.cicon02 {
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.cicon03 {
	top: 50%;
	left: -27px;
	transform: translateY(-50%);
}
.cicon04{
	top: 50%;
	right: -27px;
	transform: translateY(-50%);
}
.cicon05 {
	top: 55px;
	left: 55px;
}
.cul_bg2 {
	width: 360px;
	height: 360px;
	position: absolute;
	top: 35px;
	left: 35px;
	z-index: 9;
}
.cul_bg2 div {
	width: 100%;
	height: 100%;
	border: #ccc 1px solid;
	border-radius: 50%;
	position: relative;
	animation: animtrans 12s linear infinite;
	-webkit-animation: animtrans 12s linear infinite;
}
.cicon06 {
	position: absolute;
	bottom: 40px;
	right: 48px;
	animation: animtran 6s linear infinite;
	-webkit-animation: animtran 6s linear infinite;
}
.cul_bg3 {
	width: 290px;
	height: 290px;
	position: absolute;
	top: 70px;
	left: 70px;
	z-index: 8;
}
.cul_bg3 div {
	width: 100%;
	height: 100%;
	border: #ccc 1px solid;
	border-radius: 50%;
	position: relative;
	animation: animtran 8s linear infinite;
	-webkit-animation: animtran 8s linear infinite;
}
.cul_bg3  img {
	position: absolute;
	animation: animtrans 4s linear infinite;
	-webkit-animation: animtrans 4s linear infinite;
}
.cicon07 {
	top: 40px;
	right: 30px;
}
.cicon08 {
	bottom: 40px;
	left: 30px;
}
.cul_bg4 {
	width: 238px;
	height: 238px;
	position: absolute;
	top: 96px;
	left: 96px;
	z-index: 7;
}
.cul_bg4>div{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	background-color: #2095dc;
}
.cul_bg4 h2{
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	transform: translateY(-50%);
}
.cul_bg4 h2 p:first-child{
	margin-bottom: 5px;
	font-size: 30px;
}
.cul2{
	width: 100%;
	height: 200px;
	background-image: url(../images/b16.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.cul2 .culture_container{
	position: relative;
	height: 100%;
}

.cul2_img{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26.25%;
}
.cul2_infor{
	width: 70%;
	padding-top: 60px;
	padding-right: 4%;
	font-size: 15px;
	color: #fff;
	line-height: 40px;
}
/* 发展历程 */
.develop {
	padding-top: 70px;
	padding-bottom: 100px;
	background-image: url(../images/b17.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 600px;
}
.dev_main{
	margin-top: 120px;
}
.dev_preview {
	position: relative;
	width: 100%;
}
.dev_preview:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #999;
}
.dev_preview .swiper-container{
	padding-bottom: 20px;
}
.dev_time{
	position: relative;
	padding-bottom: 40px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.dev_time:before{
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	width: 16px;
	height: 16px;
	border: solid 2px #b4b4b4;
	border-radius: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 2;
}
.dev_time:after{
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	width: 10px;
	height: 10px;
	background-color: #b4b4b4;
	border-radius: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
 .dev_preview .swiper-slide-thumb-active .dev_time:before{
	 border: solid 2px #197bc6;
 }
 .dev_preview .swiper-slide-thumb-active .dev_time:after{
 	 background-color: #197bc6;
 }
.dev_view{
	position: relative;
	margin-top: 30px;
}
.dev_infor {
	width: 64%;
	padding: 25px 0;
	margin: 0 auto;
	background-color: rgba(102,102,102,.9);
	font-size: 0;
}
.dev_inleft {
	position: relative;
	display: inline-block;
	width: 18%;
	text-align: center;
	vertical-align: middle;
	/* border-right: 1px solid #fff; */
}
.dev_inleft h1{
	font-size: 40px;
	color: #fff;
}
.dev_inleft h3{
	margin-top: 5px;
	font-size: 20px;
	color: #fff;
}
.dev_inright {
	position: relative;
	display: inline-block;
	width: 80%;
	padding-left: 30px;
	padding-right: 40px;
	vertical-align: middle;
	height: 250px;
	overflow: auto;
}
.dev_inright::before{
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	width: 1px;
	height: 73px;
	background-color: #fff;
	height: 145px;	
}
/* 滚动条样式 */
.dev_inright::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.dev_inright::-webkit-scrollbar-thumb {
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
}

.dev_inright::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}
.dev_inright  p{
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis; */
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.dev_view .swiper-button-next,.dev_view .swiper-button-prev,
.h1_main .swiper-button-next,.h1_main .swiper-button-prev{
	width: 58px;
	height: 58px;
	background-size: 100% 100%;
}
.dev_view .swiper-button-prev,
.h1_main .swiper-button-prev{
	left: 10%;
	background-image: url(../images/b19.png);
}
.dev_view .swiper-button-next,
.h1_main .swiper-button-next{
	right: 10%;
	background-image: url(../images/b21.png);
}
.dev_view .swiper-button-next.swiper-button-disabled,.dev_view .swiper-button-prev.swiper-button-disabled,
.h1_main .swiper-button-next.swiper-button-disabled,.h1_main .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
}
.dev_view .swiper-button-prev.swiper-button-disabled,
.h1_main .swiper-button-prev.swiper-button-disabled{
	background-image: url(../images/b18.png);
}
.dev_view .swiper-button-next.swiper-button-disabled ,
.h1_main .swiper-button-next.swiper-button-disabled{
	background-image: url(../images/b20.png);
}
/* 荣誉资质 */
.honor{
	padding-bottom: 80px;
}
.honor1{
	padding-top: 90px;
	padding-bottom: 80px;
}
.h1_main {
	position: relative;
	margin-top: 50px;
}
.h1_main .swiper-container{
	width: 87.5%;
	margin: 0 auto;
}
.h1_main .swiper-button-prev{
	left: 0;
}
.h1_main .swiper-button-next{
	right: 0;
}
.hon1_infor {
	text-align: center;
}
.hon1_infor p{
	font-size: 15px;
	color: #333;
	margin-top: 35px;
}
.honor2{
	position: relative;
}
.hon2_top {
	width: 100%;
	padding-top: 90px;
	background-color: #2095dc;
}
.hon_title h1{
	color: rgba(0,102,166,.5);
}
.hon_title h2{
	color: #fff;
}
.h2_list{
	margin-top: 80px;
}
.h2_list li{
	float: left;
	width: 21%;
	margin-right: 5%;
	margin-bottom: 60px;
}
.h2_list li:nth-child(4n){margin-right: 0;}
.h2_limg{
	overflow: hidden;
}
.h2_limg img{
	transform: scale(1);
	transition: all .4s;
}

.h2_list li:hover .h2_limg img{
	transform: scale(1.2);
	box-shadow: 0px 5px 20px 0px rgba(52, 68, 87, 0.2);
}
.h2_list li p{
	margin-top: 30px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hon2_bottom .h2_list li p{
	color: #333;
}
.hon_more{
	display: block;
	width: 230px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	border: solid 1px #197bc6;
	text-align: center;
	font-size: 14px;
	color: #197bc6;
}
/* 研发实力 */
.research{
	padding-top: 100px;
	padding-bottom: 100px;
}
.research1{
	margin-top: 80px;
}
.re1_li {
	font-size: 0;
}
.re1_left,.re1_right{
	display: inline-block;
	vertical-align: middle;
}
.re1_left{
	width: 48.6%;
	padding-left: 40px;
	padding-right: 30px;
	font-size: 0;
}
.re1_left>*{
	display: inline-block;
	vertical-align: middle;
}
.re1_left h2{
	width: 5%;
	font-size: 26px;
	color: #333;
	font-weight: bold;
	letter-spacing: 5px;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
}
.re1_left img{
	width: 6%;
	margin-left: 7%;
	margin-right: 7%;
}
.re1_txt{
	width: 72%;
}
.re1_txt p{
	font-size: 15px;
	color: #333;
	line-height: 30px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis;
}
.re1_right {
	width: 51.35%;
}
.research1 ul li:nth-child(2) .re1_left{
	padding-left: 30px;
	padding-right: 40px;
}
.research1 ul li:nth-child(3) .re1_left{
	width: 45%;
}
.research1 ul li:nth-child(3) .re1_right{
	width: 54.57%;
}
.research2{
	margin-top: 10px;
}
.re2_common{
	font-size: 0;
}
.re2_common>*{
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: middle;
}
.re2_l {
	width: 39.64%;
}
.re2_m{
	width: 36.64%;
	font-size: 0;
	text-align: center;
}
.re2_m>*{
	display: inline-block;
	vertical-align: text-top;
}
.re2_m span{
	font-size: 16px;
	color: #333;
	margin-left: 20px;
}
.re2_r{
	width: 22.36%;
}
.re2_r p{
	line-height: 180px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #0f6dd1;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
/* 生产能力 */
.pro1{
	width: 71.25%;
	margin: 70px auto;
	font-size: 15px;
	color: #545454;
	line-height: 35px;
	text-align: center;
}
.pro2 li{
	float: left;
	width: 24.25%;
	margin-bottom: 25px;
	margin-right: 1%;
	text-align: center;
}
.pro2 li:nth-child(4n){margin-right: 0;}
.pro2 li p{
	margin-top: 20px;
	font-size: 16px;
	color: #333;
}
.tissue1{
	margin-top: 100px;
	text-align: center;
}
/* 产品展示 */
.product_main {
	margin-top: 80px;
}
.product_tab {
	font-size: 0;
	text-align: center;
}
.product_tab a{
	display: inline-block;
	width: 13.3%;
	line-height: 44px;
	margin-right: 2.5%;
	margin-bottom: 50px;
	vertical-align: middle;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-image: linear-gradient(0deg, rgba(0, 104, 183, 0.5) 0%, #2095dc 100%), linear-gradient(#2095dc, #2095dc);
	border-radius: 22px;
}
.product_tab a:nth-child(6n){margin-right: 0;}
.product_tab a:hover,.product_tab a.active{
	background-image: linear-gradient(0deg, rgba(0, 104, 183, 0.5) 0%, #2095dc 100%), linear-gradient(#134463, #134463);
}
.product_list li{
	position: relative;
	width: 100%;
	z-index: 2;
	margin-bottom: 30px;
}
.product_list li:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 220px;
	background-image: url(../images/c01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.product_list li a{
	display: block;
}
.product_list li .culture_container{
	font-size: 0;
}
.pl_img {
	display: inline-block;
	width: 31.833%;
	vertical-align: bottom;
}
.pl_img img{
	box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.2);
}
.pl_page {
	display: inline-block;
	width: 68%;
	padding-left: 6%;
	padding-bottom: 35px;
	vertical-align: bottom;
}
.pl_page h2{
	margin-bottom: 20px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.pl_pmain{
	position: relative;
}
.pl_btn{
	opacity: 0;
	position: absolute;
	right: 40px;
	width: 100px;
	line-height: 28px;
	background-color: #197bc6;
	border-radius: 14px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	top:-42px;
}
.pl_infor {
	width: 93%;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}
.pl_arrow {
	width: 4%;
	margin-top: -42px;
}
.pl_arrow  img + img,.product_list li:hover .pl_arrow  img {
	display: none;
}
.product_list li:hover .pl_page h2{
	color: #0068b7;
}
.product_list li:hover .pl_btn{
	opacity: 1;
}
.product_list li:hover .pl_arrow  img + img{
	display: block;
}
/* 产品详情 */
.product_details {
	min-height: 800px;
}
.location {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee;
}
.pd1 {
	position: relative;
	padding-top: 40px;
	margin-bottom: 60px;
}
.pd1_left {
	width: 40.4%;
}
.pd1_right{
	width: 59.6%;
	padding-left: 8.4%;
	padding-right: 2.7%;
}
.pd1_right h2{
	padding: 16px 22px;
	background-color: #eeeeee;
	border-radius: 3px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.pd1_txt {
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 18px;
	color: #666;
	line-height: 40px;
	text-align: justify;
}
.pd1_right img{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-top: 10px;
	z-index: 1;
}
.pd2{
	width: 100%;
	padding: 40px 70px 60px;
	margin-bottom: 40px;
	border-top: 2px solid #197bc6;
	background-color: #f8f8f8;
}
.pd2_title h1{
	margin-bottom: 15px;
	font-size: 32px;
	color: #dddddd;
	font-weight: bold;
}
.pd2_title h2{
	position: relative;
	font-size: 18px;
	color: #333;
	z-index: 2;
}
.pd2_title h2:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 91%;
	height: 1px;
	background-color: #ccc;
	transform: translateY(-50%);
}
.pd2_title h2:before{
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	width: 8px;
	height: 8px;
	background-color: #d6d6d6;
	border-radius: 50%;
	transform: translateY(-50%);
}
.pd2_title h2 p{
	position: relative;
	display: inline-block;
	z-index: 2;
}
.pd2_title h2 span{
	position: relative;
	z-index: 2;
}
.pd2_title h2 p:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 2px;
	width: 78px;
	height: 5px;
	background-color: #2095dc;
	transform: translateX(-50%);
	z-index: 0;
}
.pd2_txt{
	margin-top: 30px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.pd3 {
	position: relative;
	width: 100%;
	padding: 0 50px;
	margin-bottom: 50px;
	background-color: #f8f8f8;
}
.pd3_btn a{
	width: 35%;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.pd3_btn a:last-child{text-align: right;}
.pd3_btn a:hover{
	color: #197bc6;
}
.pd3_home{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	text-align: center;
}
.pd3_home img + img,.pd3_home:hover img{
	display: none;
}
.pd3_home p{
	font-size: 14px;
	color: #333;
	margin-top: 2px;
}
.pd3_home:hover p{
	color: #197bc6;
}
.pd3_home:hover img + img{
	display: inline-block;
}
/* 案例 */
.case_main {
	position: relative;
	top: -120px;
	z-index: 9;
}
.case_tab{
	width: 100%;
	padding-top: 35px;
	background-color: rgba(248,248,248,.8);
}
.case_tab a{
	margin-bottom: 35px;
}
.case_list{
	margin-top: 30px;
	margin-bottom: 50px;
}
.case_list li{
	width: 100%;
	margin-bottom: 25px;
	background-color: #f8f8f8;
}
.case_list li a{
	display: block;
	width: 100%;
	padding: 20px;
}
.case_img {
	width: 23.64%;
}
.case_page{
	width: 66.79%;
	margin-left: 2.85%;
	margin-top: 10px;
}
.case_title {
	font-size: 0;
}
.case_title h2{
	width: 86%;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.case_title span{
	display: inline-block;
	width: 12%;
	vertical-align: middle;
	font-size: 15px;
	color: #666;
	/* font-weight: bold; */
	text-align: right;
}
.case_page p{
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: 15px;
	color: #999;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 10px;
	margin-bottom: 10px;
}
.case_page i{
	display: block;
	width: 120px;
	line-height: 30px;
	background-color: #666666;
	border-radius: 15px;
	font-size: 0;
	text-align: center;
}
.case_page i>*{
	display: inline-block;
	vertical-align: middle;
}
.case_page i span{
	font-size: 14px;
	color: #fff;
	margin-right: 5px;
}
.case_list li:hover{
	box-shadow: 0px 5px 10px 0px rgba(54, 54, 54, 0.1);
}
.case_list li:hover .case_title h2{
	color: #2095dc;
}
.case_list li:hover .case_title span{
	color: #197bc6;
}
.case_list li:hover .case_page i{
	background-color: #2095dc;
}
.page {
	font-size: 0;
	text-align: center;
}
.page a{
	display: inline-block;
	line-height: 36px;
	padding: 0 15px;
	margin-right: 10px;
	font-size: 13px;
	color: #fff;
	vertical-align: middle;
	background-color: #444444;
	text-align: center;
}
.page a:last-child{margin-right: 0;}
.page a.active{
	background-color: #2095dc;
}
.cd_title h2:before{width: 0;}
.cd_t1{
	position: relative;
}
.cd_t1 h1{
	position: relative;
}
.cd_t1 h1:before{
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	width: 8px;
	height: 8px;
	background-color: #d6d6d6;
	border-radius: 50%;
	transform: translateY(-50%);
}
.cd_t1 h3{
	position: absolute;
	top:0;
	left: 50%;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	transform: translateX(-50%);
}
/* 资料下载 */
.download{
	padding-bottom: 50px;
}
.download_main {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 40px;
	margin-bottom: 50px;
	background-color: #f8f8f8;
}
.dm_list li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.dm_list li:nth-child(3n){margin-right: 0;}
.dm_img {
	margin-bottom: 10px;
}
.dm_img img{border: solid 1px #dddddd;}
.dm_infor{
	width: 100%;
	padding: 0 15px;
	line-height: 60px;
	background-color: #ffffff;
	border: solid 1px #eeeeee;
	overflow: hidden;
}
.dm_infor h3{
	width: 70%;
	line-height: 60px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dm_a{
	display: block;
}
.dm_a span{
	font-size: 14px;
	color: #999;
	margin-left: 5px;
}
.dm_list li:hover .dm_infor {
	box-shadow: 0px 5px 10px 0px rgba(54, 54, 54, 0.1);
}
.dm_a img + img,.dm_list li:hover .dm_a img {
	display: none;
}
.dm_list li:hover .dm_a img + img{
	display: inline-block;
}
.dm_list li:hover .dm_a span{
	color: #197bc6;
}
.dm_list li:hover .dm_img img{
	box-shadow: 0px 5px 10px 0px rgba(54, 54, 54, 0.1);
}
/* 在线留言 */
.message{
	padding-bottom: 60px;
}
.message_main {
	position: relative;
	margin-top: -180px;
	padding: 70px 28px;
	background-color: rgba(248,248,248,.9);
	z-index: 9;
}
.message_form{
	width:70.7%;
	margin: 0 auto;
	margin-bottom: 60px;
}
.mf_top  {
	margin-bottom: 30px;
}
.mf_top input{
	float: left;
	width: 31.68%;
	padding: 0 10px;
	line-height: 35px;
	margin-right: 2.48%;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	font-size: 14px;
	color: #333;
}
.mf_top input:last-child{margin-right: 0;}
.mf_bottom textarea{
	display: block;
	width: 100%;
	height: 330px;
	padding: 20px 10px;
	margin-bottom: 15px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	font-size: 14px;
	color: #333;
	resize: none;
}
.msubmit{
	display: block;
	width: 100%;
	line-height: 45px;
	background-image: linear-gradient(0deg, rgba(0, 104, 183, 0.5) 0%, #2095dc 100%), linear-gradient(#197bc6, #197bc6);
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.message_page {
	width: 100%;
	/* height: 200px; */
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url(../images/d13.jpg);
	background-size: cover;
	background-position: center bottom ;
	background-repeat: no-repeat;
	font-size: 0;
}
.each_mp{
	display: inline-block;
	width: 20%;
	text-align: center;
	vertical-align: top;
}
.each_mp h2,.each_mp h4{
	font-size: 14px;
	color: #666;
}
.each_mp h2{
	margin-top: 5px;
}
.each_mp h4 {
	margin: 15px auto 0;
	width: 78%;
}
/* 新闻资讯 */
.news {
	padding-top: 40px;
	padding-bottom: 70px;
	background-color: #f8f8f8;
}
.news_tab{
	padding-top: 25px;
	margin-bottom: 40px;
	background-color: #ffffff;
}
.news_tab a{
	margin-bottom: 25px;
}
.news_list li a{display: block;}
.news_page {
	margin-top: 50px;
}
.news_page video{
	display: block;
	width: 100%;
	height: 400px;
}
/* 人力资源 */
.manpower{
	padding-bottom: 60px;
}
.man1 {
	padding-bottom: 50px;
	background-color: #f8f8f8;
}
.man1_main{
	padding-top: 50px;
	padding-bottom: 40px;
	background-color: rgba(255,255,255,.8);
}
.man1_list {
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
}
.man1_list li{
	width: 100%;
	line-height: 50px;
	margin-bottom: 5px;
	background-color: #eee;
}
.man1_ltop {
	padding: 0 60px;
	cursor: default;
}
.man1_left {
	width: 85%;
	font-size: 0;
}
.man1_left>*{
	font-size: 14px;
	color: #545454;
}
.man1_left h2{
	position: relative;
	width: 12%;
}
.man1_left p{
	width: 85%;
	padding-left: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.man1_left h2:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 15px;
	background-color: #545454;
	transform: translateY(-50%);
}
.man1_right>*,.man1_left>*{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #545454;
}
.man1_right a{
	margin-right: 6px;
}
.man1_right img+img{
	display: none;
}
.man1_lbottom {
	display: none;
	width: 100%;
	padding: 35px 60px;
	background-color: #fff;
}
.man1_txt{
	font-size: 13px;
	color: #000;
	line-height: 25px;
}
.man1_list li.on {
	background-color: #197bc6;
}
.man1_list li.on .man1_right>*,.man1_list li.on .man1_left>*{
	color: #fff;
}
.man1_list li.on .man1_left h2:after{
	background-color: #fff;
}
.man1_list li.on .man1_right img{
	display: none;
}
.man1_list li.on .man1_right img+img{
	display: inline-block;
}
.man2 {
	margin-top: 60px;
}
.man2_main {
	width: 100%;
	padding: 90px 0;
	margin-top: 60px;
	background-image: url(../images/e03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.man2_title {
	position: relative;
	padding-bottom: 20px;
}
.man2_title:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 35px;
	height: 1px;
	background-color: #374657;
}
.man2_title  h1{
	position: relative;
	display: inline-block;
	z-index: 2;
}
.man2_title  h1 span{
	position: relative;
	display: inline-block;
	padding: 0 5px;
	font-size: 50px;
	color: #374657;
	line-height: 1;
	font-weight: bold;
	z-index: 2;
}
.man2_title  h1:after{
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #197bc6;
	z-index: 1;
}
.man2_title h2{
	margin-top: 15px;
	font-size: 20px;
	color: #374657;
}
.man2_infor {
	width: 35%;
}
.man2_txt{
	color: #374657;
	font-size: 15px;
	line-height: 35px;
	margin-top: 40px;
}
.man2_main .culture_container{
	position: relative;
	height: 100%;
}
/* 简历投递 */
.resume {
	padding-top: 80px;
	padding-bottom: 80px;
}
.resume_main {
	width: 100%;
	padding: 70px 0;
	margin-top: 60px;
	background-color: rgba(248,248,248,.8);
}
.resume_form {
	width: 75%;
	margin: 0 auto;
}
.resume1{
	margin-bottom: 40px;
}
.each_re1 {
	font-size: 0;
}
.rel_inp {
	width: 33.33%;
	margin-bottom: 15px;
}
.rel_inp,.rel_inp >*{
	display: inline-block;
	vertical-align: middle;
}
.rel_inp h4{
	font-size: 16px;
	color: #545454;
}
.rel_inp>input{
	width: 175px;
	height: 30px;
	margin-left: 10px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	padding: 0 10px;
	border: solid 1px #a3a3a3;
}
.rel_radio{
	margin-left: 18px;
}
.rel_radio label:first-child{
	margin-right: 15px;
}
.rel_radio label>*{
	display: inline-block;
	vertical-align: middle;
}
.rel_radio span{
	margin-left: 6px;
	font-size: 14px;
	color: #585858;
}
.resume2 {
	margin-bottom: 25px;
	font-size: 0;
}
.resume2>*{
	display: inline-block;
	vertical-align: middle;
}
.resume2 h3{
	width: 5%;
	font-size: 16px;
	color: #545454;
	letter-spacing: 6px;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
}
.resume2 textarea{
	width: 94%;
	height: 140px;
	padding: 10px;
	font-size: 14px;
	color: #333;
	border: solid 1px #a3a3a3;
	resize: none;
}
.res_btn {
	padding-top: 10px;
	font-size: 0;
	text-align: center;
}
.res_btn input{
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
	background-color: #585858;
}
.res_btn input:first-child{
	margin-right: 30px;
	background-color: #197bc6;
}
/* 联系我们 */
.contact{
	padding-bottom: 80px;
}
.contact1 {
	position: relative;
	width: 100%;
	margin-top: -80px;
	margin-bottom: 25px;
	background-color: rgba(255,255,255,.95);
	z-index: 2;
}
.cont1_logo {
	padding: 40px 0;
	text-align: center;
}
.contact2 {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f8f8f8;
	background-image: url(../images/f02.jpg);
}


.i6_map .containers{max-width:100%;height:400px;}
iframe{
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	display: block;
}