@charset "utf-8";

/* CSS Document */



/*-----whole-----*/



/*-----whole-----*/



html {

	font-size: 100px;

	font-family: '微软雅黑', Arial, Helvetica, sans-serif;

}



body {

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	position: relative;

	overflow-x: hidden;

	font-family: '微软雅黑', Arial, Helvetica, sans-serif;

}



.contain {

	width: 100%;

	margin: 0 auto;

}



/*初始化按钮*/



.btn {

	display: inline-block;

	text-align: center;

	padding: 0px;

	border: 0px;

	margin: 0px;

	position: relative;

	cursor: pointer;

}



.btn span {

	display: inline-block;

}



input.text,

textarea.text {

	display: block;

	padding: 0px;

	width: 100%;

	border: 0px;

	background: none;

	margin: 0px;

	resize: none;

}



/*--- Header ---*/



.Header-wrapper {

	z-index: 99;

}



.Header-wrapper .Header-cl {

	position: relative;

}



.header-container {

	width: 100%;

	background: rgba(0, 0, 0, .2);

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 90;

}



/*logo*/



.H-logo {

	height: 70px;

	line-height: 70px;

	font-size: 0px;

	float: left;

	position: relative;

	overflow: hidden;

	z-index: 5;

	margin-left: 10%;

}



.H-logo img.rollover {

	display: none;

}



.Header-wrapper.Header-searching .H-logo img {

	display: none;

}



.Header-wrapper.Header-searching .H-logo img.rollover {

	display: inline-block;

}



/*Hnav*/



.H-nav {

	float: left;

	margin-left: 14%;

}



.H-nav>li {

	padding: 0 10px 16px 0;

	float: left;

	position: relative;

}



#Nav-active {

	color: #fff;

	background-color: #b7d200;

}



.H-nav .Hnav-menu {

	display: block;

	height: 40px;

	margin-top: 17.5px;

	padding: 10px 20px 10px 20px;

	text-align: center;

	line-height: 20px;

	font-size: 16px;

	color: #555555;

	font-family: '微软雅黑';

	position: relative;

	border-radius: 5px;

}



.H-nav .Hnav-menu:hover {

	color: #fff;

	background-color: #b7d200;

}



.Hnav-menu i {

	display: block;

	width: 50px;

	height: 50px;

	background: url('../images/public/icon-dd1.png') no-repeat center center / 14px auto;

	position: absolute;

	right: 0px;

	top: 0px;

	z-index: 2;

	display: none;

}



.Hnav-menu.cur i {

	transform: rotate(-180deg);

	-webkit-transform: rotate(-180deg);

}



.Hnav-sub {

	padding: 20px;

	width: 300px;

	background: #ffffff;

	position: absolute;

	top: 74px;

	left: -100px;

	display: none;

	border-top: 1px solid #f7f7f7;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

}



.HnavSub-list {}



.HnavSub-list li {

	float: left;

	width: 50%;

	text-align: center;

	padding: 10px 0;

	font-size: 15px;

	color: #555555;

}



.HnavSub-list li:hover {

	color: #b7d200;

}



@media all and (min-width:980px) {

	.H-nav>li:hover .Hnav-sub {

		display: block;

		animation: fadeInDown .6s ease-in-out;

		-webkit-animation: fadeInDown .6s ease-in-out;

	}

	.H-nav>li:hover .Hnav-menu {

		color: #fff;

		background-color: #b7d200;

	}

}



/*right menu*/



@keyframes fadeInUp {

	0% {

		transform: translateY(-20px);

		-webkit-transform: translateY(-20px);

		opacity: 0;

	}

	100% {

		transform: translateY(0);

		-webkit-transform: translateY(0);

		opacity: 1;

	}

}



@keyframes fadeInDown {

	0% {

		transform: translateY(20px);

		-webkit-transform: translateY(20px);

		opacity: 0;

	}

	100% {

		transform: translateY(0);

		-webkit-transform: translateY(0);

		opacity: 1;

	}

}



/*--- Footer ---*/



.Footer-wrapper {

	color: #fff;

}



.F-nav {

	width: 14%;

	float: left;

	text-align: center;

}



.F-nav.F-nav2 {

	width: 18.0833%;

}



.F-nav dt,

.top {

	line-height: 25px;

	font-size: 18px;

	position: relative;

	color: #fff;

}



.F-nav dt i {

	display: block;

	width: 50px;

	height: 50px;

	background: url('../images/public/icon-dd2.png') no-repeat center center / 14px auto;

	position: absolute;

	right: 0px;

	top: 0px;

	display: none;

}



.F-nav dt.cur i {

	transform: rotate(-180deg);

	-webkit-transform: rotate(-180deg);

}



.F-nav dd {

	margin: 15px 0 0;

}



.F-nav dd a {

	display: block;

	padding: 5px 0;

	line-height: 24px;

	color: #8d8d8d;

}



.F-nav dd a:hover {

	color: #fff;

}



.F-code {

	display: inline-block;

	text-align: center;

	margin: 18px 0 0;

}



.F-code .type {

	line-height: 22px;

	font-size: 13px;

	color: #8d8d8d;

	margin: 10px 0 0;

}



.F-split {

	width: 1px;

	height: 272px;

	background: #3d3d3e;

	float: left;

}



#web-bnr {

	display: none;

}



#web-bnr .bnr-img {

	height: 390px;

}



/*--- Banner ---*/



#index-bnr {

	height: 690px;

}



.bnr-img {

	display: block;

	width: 100%;

	height: auto;

	background-position: center center !important;

	background-repeat: no-repeat !important;

	background-size: cover !important;

	position: relative;

}



.index-bnr .bnr-img {

	height: 690px;

}



.index-bnr .swiper-pagination {

	font-size: 0px;

	bottom: 8.070175438596491% !important;

	opacity: .75;

}



.index-bnr .swiper-pagination-bullet {

	width: 60px;

	height: 4px;

	border-radius: 3px;

	background: #fff;

	position: relative;

	overflow: hidden;

	margin: 0 8px;

	opacity: 1;

}



.index-bnr .swiper-pagination .swiper-pagination-bullet i {

	display: block;

	width: 100%;

	height: 100%;

	background: #4ab078;

	position: absolute;

	left: -100%;

	top: 0px;

}



.index-bnr .bnr-bg {

	width: 100%;

	height: 100%;

	background-position: center center !important;

	background-repeat: no-repeat !important;

	background-size: cover !important;

	position: absolute;

	top: 0px;

	left: 0px;

}



/*iBnr-1*/



.iBnr1-box {

	text-align: center;

	color: #fff;

	z-index: 2;

	position: absolute;

	left: 50%;

	top: 40%;

	width: 1200px;

	margin-left: -600px;

	text-align: left;

}



.iBnr1-box .t1,

.iBnr1-box .t2 {

	line-height: 76px;

	font-size: 60px;

	font-weight: lighter;

	margin-bottom: 30px;

	transition-delay: .6s;

	-webkit-transition-delay: .6s;

	opacity: 0;

	transition: all .6s ease-in-out .2s;

	-webkit-transition: all .6s ease-in-out .2s;

	transform: translateX(-100px);

	-webkit-transform: translateX(-100px);

}



.iBnr1-box .t2 {

	transition: all 1s ease-in-out .2s;

	-webkit-transition: all 1s ease-in-out .2s;

}



.swiper-slide.swiper-slide-active .iBnr1-box .t1,

.swiper-slide.swiper-slide-active .iBnr1-box .t2 {

	transform: translate(0, 0) scale(1);

	-webkit-transform: translate(0, 0) scale(1);

	opacity: 1;

}



.iBnr1-box .t2 {

	line-height: 34px;

	font-size: 18px;

	font-weight: lighter;

	text-transform: uppercase;

	font-family: '微软雅黑';

	letter-spacing: 2px;

}



.iBnr1-block .orn1 {

	display: block;

	width: 89px;

	height: 89px;

	line-height: 89px;

	font-size: 18px;

	font-weight: lighter;

	position: absolute;

	left: 0px;

	top: 32px;

}



/*--- Container ---*/



/*-- 首页 --*/



.header-container {

	background: #fff;

	border: 1px solid #f4f4f4;

}



.Htop-relation {

	line-height: 70px;

}



.Htop-relation img {

	vertical-align: middle;

	margin: -12px 0 0 0;

}



.Htop-relation span {

	font-size: 24px;

	font-weight: bold;

	color: #b7d200;

}



/*内页banner 文字缓动1*/



.ypt-bann {

	padding-top: 100px !important;

}



.ypt-bann h2 {

	font-size: 28px !important;

	font-weight: lighter;

	text-align: left !important;

}



.ypt-bann h2 span {

	font-size: 56px !important;

}



.ypt-bann h3 {

	font-size: 16px !important;

	font-weight: lighter !important;

	text-align: left !important;

	line-height: 30px;

}



.bann h2,

.bann h1,

.bann h4,

.bnr-t1 h2 {

	animation: mymove 1s infinite;

	-webkit-animation: mymove 1s infinite;

	animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

}



@keyframes mymove {

	from {

		transform: translateY(-50px);

	}

	to {

		transform: translateY(0px);

	}

}



@-webkit-keyframes mymove {

	from {

		transform: translateY(-50px);

	}

	to {

		transform: translateY(0px);

	}

}



/*文字缓动2*/



.bann h3,

.bann h5,

.bnr-t1 p {

	animation: mymovet 1.5s infinite;

	-webkit-animation: mymovet 1.5s infinite;

	animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

}



@keyframes mymovet {

	from {

		transform: translateY(50px);

	}

	to {

		transform: translateY(0px);

	}

}



@-webkit-keyframes mymovet {

	from {

		transform: translateY(50px);

	}

	to {

		transform: translateY(0px);

	}

}



.pdtb70 {

	padding: 70px 0px;

}



.bann {

	height: 380px;

	padding-top: 160px;

	margin-top: 70px;

	color: #fff;

}



.bann h1 {

	font-size: 36px;

	text-align: center;

}



.bann h2 {

	font-size: 42px;

	margin-bottom: 10px;

	text-align: center;

}



.bann h3 {

	font-size: 24px;

	font-weight: lighter;

	font-family: "Microsoft yahei";

	text-transform: uppercase;

	text-align: center;

}



/*翻动效果*/



/*btn*/



.index-link {

	width: 120px;

	margin: 0px auto;

}



.flip-btn {

	display: block;

	width: 114px;

	height: 34px;

	margin: 16px auto 0;

}



.flip-btn .btn {

	width: 112px;

	height: 32px;

	line-height: 32px;

	color: #de9f7d;

	border: 1px solid #de9f7d;

}



.flip-btn .btn.btn2 {

	color: #fff;

	background: #de9f7d;

}



.flip-btn {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.flip-btn,

.flip-btn .btn {

	transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);

	-webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);

}



.flip-btn .btn {

	display: block;

}



.flip-btn .btn.btn1 {

	transform: translateZ(20px);

	-webkit-transform: translateZ(20px);

}



.flip-btn .btn.btn2 {

	transform: rotateX(-90deg) translateZ(-20px);

	-webkit-transform: rotateX(-90deg) translateZ(-20px);

	opacity: 0;

}



.index-link:hover .flip-btn {

	-webkit-transform: rotateX(90deg);

	-moz-transform: rotateX(90deg);

	-o-transform: rotateX(90deg);

	-ms-transform: rotateX(90deg);

	transform: rotateX(90deg);

}



.index-link:hover .flip-btn .btn.btn2 {

	opacity: 1;

}



/*----------------------------------重新定义---------------------------  */



/* -----底部----- */



.footer-container {

	padding: 80px 0 20px;

	background-image: url('../images/public/footer_bg.jpg');

	/*background-repeat: no-repeat;*/

}



@media all and (min-width:900px) {}



.xg-footer {

	width: 1200px;

	margin: 0 auto;

}



.xg-fotterL {

	width: 74.2%;

	overflow: hidden;

	float: left;

}



.F-nav {

	width: 20%;

	float: left;

	text-align: left;

}



.xg-fotterR {

	width: 25.8%;

	float: right;

}



.xg-fotterR hr {

	width: 1px;

	height: 200px;

	float: left;

	background-color: #474747;

}



.xg-fotterR h2 {

	width: 172px;

	height: 44px;

	background-color: #01b3bb;

	border-radius: 40px;

	text-align: center;

	line-height: 44px;

	margin-left: 34%;

}



.xg-fotterR h2:hover {

	background-color: #b7d200;

}



.xg-fotterR h2 img {

	width: 26px;

	height: 26px;

	vertical-align: middle;

	margin: -4px 10px 0 0;

}



.xg-fotterR h2 span {

	font-size: 15px;

	color: #ffffff;

}



.xg-fotterR h3 {

	font-size: 26px;

	color: #d4d4d4;

	margin-left: 34%;

	margin-top: 12px;

}



.xg-fotterR h3:hover {

	color: #fff;

}



.xg-fotterR p {

	font-size: 14px;

	color: #d4d4d4;

	margin-left: 34%;

	margin-top: 6px;

}



.xg-fotterR h4 {

	width: 98px;

	height: 98px;

	overflow: hidden;

	margin-left: 34%;

	margin-top: 12px;

}



.xg-fotterR h4 img {

	width: 100%;

	height: 100%;

	transition: all 1s ease-in-out

}



.xg-fotterR h4 img:hover {

	transform: scale(1.1);

}



.YQ-link {

	width: 1200px;

	height: auto;

	margin: 0 auto;

	overflow: hidden;

	margin-top: 44px;

}



.YQ-link span {

	font-size: 18px;

	color: #6f6f6f;

	float: left;

}



.YQ-link ul {}



.YQ-link ul li {

	float: left;

	line-height: 26px;

}



.YQ-link ul hr {

	width: 1px;

	height: 14px;

	float: left;

	background-color: #6f6f6f;

	margin: 6px 14px 0 14px

}



.YQ-link ul li a {

	font-size: 13px;

	color: #6f6f6f;

}



.YQ-link ul li a:hover {

	color: #fff;

}



.Fotter-BA {

	width: 100%;

	background-color: #2d2d2d;

	text-align: center;

	padding: 22px 0 22px 0;

}



.Fotter-BA h6 {

	font-size: 13px;

	color: #6f6f6f;

}



.Fotter-BA h6 a:hover {

	color: #fff;

}



@media all and (max-width:1700px) {

	.H-nav {

		margin-left: 7%;

	}

}



@media all and (max-width:1580px) {

	.H-nav {

		margin-left: 2%;

	}

}



@media all and (max-width:1460px) {

	.H-logo {

		margin-left: 6%;

	}

}



@media all and (max-width:1380px) {

	.Htop-relation span {

		font-size: 20px;

	}

	.H-nav .Hnav-menu {

		padding: 10px 16px 10px 16px;

	}

}



@media all and (max-width:1300px) {}



@media all and (max-width:1280px) {

	.H-logo {

		margin-left: 2%;

	}

}



@media all and (max-width:1200px) {

	.H-nav>li {

		padding: 0 6px 16px 0;

	}

	.H-nav .Hnav-menu {

		padding: 10px 10px 10px 10px;

		font-size: 14px;

	}

	.Htop-relation span {

		font-size: 18px;

	}

	.Htop-relation img {

		margin: -8px 0 0 0;

	}

	.xg-footer {

		width: 96%;

		margin-left: 2%;

	}

	.YQ-link {

		width: 96%;

		margin-left: 2%;

	}

	.footer-container {

		padding: 40px 0 20px;

	}

	.YQ-link {

		margin-top: 20px;

	}

	.xg-fotterR h3 {

		font-size: 22px;

	}

}



@media all and (max-width:900px) {

	/* --底部--- */

	.xg-footer {

		width: 0%;

		margin-left: 0%;

	}

	.F-nav {

		text-align: left;

	}

	.Htop-relation {

		display: none;

	}

	.H-logo {

		height: 50px;

	}

	.H-nav .Hnav-menu:hover {

		color: #555555;

		background-color: #fff;

	}

	.xg-fotterL {

		width: 100%;

	}

	.xg-fotterR hr {

		display: none;

	}

	.xg-fotterR {

		width: 96%;

		margin-left: 2%;

	}

	.xg-fotterR h2 {

		margin: 0 auto;

		margin-top: 16px;

	}

	.xg-fotterR h3 {

		font-size: 22px;

		margin-left: 0%;

		margin-top: 12px;

		text-align: center;

	}

	.xg-fotterR p {

		font-size: 14px;

		margin-left: 0%;

		margin-top: 6px;

		text-align: center;

	}

	.Fotter-BA h6 {

		width: 96%;

		margin-left: 2%;

	}

	.xg-fotterR h4 {

		width: 98px;

		height: 98px;

		overflow: hidden;

		margin-left: 0%;

		margin: 0 auto;

		margin-top: 12px;

	}

	.YQ-link {

		margin-top: 20px;

	}

	.YQ-link ul hr {

		display: none;

	}

	.YQ-link span {

		font-size: 16px;

		float: none;

	}

	.YQ-link ul li {

		float: left;

		width: 50%;

		line-height: 26px;

		text-align: center;

	}

	.footer-container {

		padding: 80px 0 20px;

		background-image: none;

		background-color: #363636;

	}

	.Hnav-sub {

		top: 74px;

		left: 0px;

	}

}



.Container-wrapper {

	width: 100%;

	overflow: hidden;

}



/* ----------------------------------------- */



.Footer-Relation {

	width: 100%;

	height: 86px;

	overflow: hidden;

	position: fixed;

	background-color: #01b3bb;

	bottom: 0;

	left: 0;

	z-index: 33;
	display: none;

}



.Footer-Re-box {

	width: 1200px;

	margin: 0 auto;

}



.Footer-Re-rel {

	width: 266px;

	height: 46px;

	border: 2px solid #fff;

	border-radius: 5px;

	text-indent: 1em;

	font-size: 13px;

	color: #989898;

	margin-top: 20px;

	margin-left: 2px;

	margin-right: 2px;

}



.Footer-Re-rel:focus {

	border: 2px solid #008188;

}



.Footer-Re-box h2 {

	width: 266px;

	height: 46px;

	border-radius: 5px;

	text-indent: 1em;

	font-size: 13px;

	background-color: #fff;

	display: inline-block;

	position: relative;

	color: #989898;

	vertical-align: top;

	margin-top: 20px;

	line-height: 46px;

	margin-left: 2px;

	margin-right: 2px;

}



.Footer-Re-box h2 span {

	color: #757575;

}



.Footer-Re-box h2 label {

	position: relative;

	top: 0px;

	font-size: 13px;

	margin-right: 8px;

}



.Footer-Re-box input[type="radio"] {

	display: none;

	-webkit-tap-highlight-color:transparent;

}



.Footer-Re-box input[type='radio']+label:before {

	margin-top: -2px;

	content: '';

	display: inline-block;

	width: 14px;

	height: 14px;

	margin-right: 6px;

	border-radius: 100%;

	vertical-align: middle;

	border: 1px solid #d6d6d6;

	background: #fff;

}



.Footer-Re-box input[type='radio']:checked+label:before {

	background-color: #d6d6d6;

	background-position: center center;

}



.Footer-Re-click {

	width: 100px;

	height: 46px;

	margin-top: 20px;

	border: none;

	border-radius: 5px;

	color: #fff;

	font-size: 15px;

	background-color: rgba(10, 108, 112, .65);

	cursor: pointer;

}



.Footer-Re-click:hover {

	background-color: #fff;

	color: #01b3bb;

}



.Footer-Re-close {

	width: 46px;

	height: 46px;

	position: absolute;

	top: 0;

	right: 6%;

	margin-top: 23px;

	text-align: center;

	cursor: pointer;

}



.Footer-Re-close i {

	width: 17px;

	height: 17px;

	display: inline-block;

	background-image: url('../images/public/footer_close.png');

	background-repeat: no-repeat;

	margin-top: 14.5px;

	transition: all 0.5s ease-in-out;

}



.Footer-Re-close:hover i {

	transform: rotate(-180deg);

}



.Footer-Hover {

	width: 44px;

	height: 40px;

	position: fixed;

	left: 1%;

	bottom: 4%;

	background-image: url('../images/public/icon_msg.png');

	background-repeat: no-repeat;

	cursor: pointer;

	z-index: 9;

}



@media all and (max-width:1480px) {

	.Footer-Re-box {

		width: 96%;

		margin-left: 2%;

	}

}



@media all and (max-width:1380px) {

	.Footer-Re-rel {

		width: 20%;

	}

	.Footer-Re-box h2 {

		width: 220px;

	}

	.Footer-Re-close {

		right: 3%;

	}

}

@media all and (max-width:1200px) {

	.Footer-Re-close {

		right: 1%;

	}

}



/* --------------------共用标题------------------------- */



.color-title {

    width: 100%;

    overflow: hidden;

    margin: 74px 0 40px 0;

    text-align: center;

}



.color-title h4 {

    font-size: 38px;

    color: #333333;

}



.color-title span {

    color: #00b2bb;

}



.color-title img {

    width: 41px;

    height: 4px;

    margin-top: 28px;

}





.white-title {

    width: 100%;

    overflow: hidden;

    margin: 64px 0 40px 0;

    text-align: center;

}



.white-title h4 {

    font-size: 38px;

    color: #ffffff;

}



.white-title img {

    width: 41px;

    height: 4px;

    margin-top: 28px;

}



.white-title h6 {

    color: #ffffff;

    font-size: 22px;

    margin-top: 24px;

}



.white-title p {

    color: #ffffff;

    font-size: 16px;

    margin-top: 10px;

}







@media all and (max-width:900px) {

	.color-title h4 {

		font-size: 22px;

	}

	.color-title img {

		margin-top: 12px;

	}

	.color-title {

		width: 100%;

		margin: 24px 0 20px 0;

	}

	.white-title h4 {

		font-size: 22px;

	}

	.white-title img {

		margin-top: 12px;

	}

	.white-title {

		width: 100%;

		margin: 24px 0 20px 0;

	}

	.white-title h6 {

		color: #ffffff;

		font-size: 16px;

		margin-top: 12px;

	}

	.white-title p {

		color: #ffffff;

		font-size: 14px;

		margin-top: 10px;

	}

}





.title-more{

	width: 100%;

	overflow: hidden;

}

.title-more h1{

	text-align: right;

	font-size: 14px;

	color: #555555;

}

.title-more h1:hover{

	color: #00b2bb;

}



@media all and (max-width:900px) {

	.title-more{

		margin: 24px 0 0 0;

	}

	.title-more h1{

		text-align: center;

	}

}


/* ------------------------手机端-------------------------- */



@media all and (max-width:900px) {

	.Footer-Relation{
		height: 180px;
	}
	.Footer-Re-close{
		top: -20px;
		right: 8px;
	}
	.Footer-Re-rel{
		width: 48%;
		height: 36px;
		margin-top: 8px;
	}
	.Footer-Re-box h2{
		width: 100%;
		height: 36px;
		margin-top: 8px;
		line-height: 36px;	
	}
	#btm_contact{
		width: 80%;
	}
	.Footer-Re-click {
		width: 100%;
		height: 36px;
		margin-top: 8px;
	}
}