/*input::-webkit-input-placeholder {color: #fede9e !important; }

input::-moz-placeholder {color: #fede9e !important; }

input::-moz-placeholder {color: #fede9e !important;}

input::-ms-input-placeholder {color: #fede9e !important;}*/







.logo img:nth-child(2) {
	display: none;
}



.cbl {
	width: 70px;
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 3333;
}

.cbl li {
	margin-top: 2px;
	transition: 0.4s ease-in-out;
}

.cbl span {
	transition: 0.4s ease-in-out;
	display: inline-block;
	width: 70px;
	height: 67px;
	text-align: center;
	background: #c1c1c1;
	box-sizing: border-box;

	font-size: 12px;
	color: white;
	line-height: 67px;
}

.cbl span i {
	display: block;
	font-size: 40px;
	color: white;
}

.cbl span p {}

.cbl li aside {
	width: 210px;
	display: inline-block;
	vertical-align: top;
	background: #05578e;
	height: 67px;
	line-height: 67px;
	box-sizing: border-box;
	padding: 0px;

	font-size: 25px;
	color: white;
	font-weight: bold;
	text-align: left;
	font-family: ziti;
	font-weight: inherit;
}

.cbl li:nth-child(1) {
	width: 445px;
	position: relative;
	left: 0;
	cursor: pointer;
	font-size: 0;
}

.cbl li:nth-child(1):hover {
	left: -188px;
}

.cbl li:hover span {
	background: #05578e;
}

.cbl li:nth-child(2) {
	position: relative;
}

.cbl li:nth-child(2) img {
	position: absolute;
	top: 0;
	left: -85px;
	transform: scale(0);
	transition: 0.3s ease-in-out;
	opacity: 0;
	width: 80px;
}

.cbl li:nth-child(2):hover img {
	transform: scale(1);
	opacity: 1; 
}





.mobile {
	display: none;
	float: right;
	margin-top: 20px;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	line-height: 3px;
	box-sizing: border-box;

	padding-top: 2px;
	transition: 0.4s ease-in-out;
}

.mobile i {
	display: block;
	margin: 0 auto;
	width: 28px;
	height: 3px;
	background: #fff;
	margin-top: 5px;
	border-radius: 5px;
}

.mobile i:nth-child(1) {
	transition: 0.4s ease-in-out 0.3s;
	margin-top: 16px
}

.mobile i:nth-child(2) {
	transition: 0.4s ease-in-out;
}

.mobile i:nth-child(3) {
	transition: 0.4s ease-in-out 0.3s;
}

.mobile.active i:nth-child(1) {
	transform: rotate(45deg) translateY(6px) translateX(5px);
}

.mobile.active i:nth-child(2) {
	transform: translateX(40px);
	opacity: 0;
}

.mobile.active i:nth-child(3) {
	transform: rotate(-45deg) translateY(-6px) translateX(5px);
}





.divBox {
	width: 75%;
	margin: 0 auto;
}

.bianju {
	padding: 75px 0;
}





header {
	background: white;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

.logo {
	display: inline-block;
	vertical-align: middle;
	float: left;
}

.nav {
	display: inline-block;
	vertical-align: top;
}

.nav ul {
	font-size: 0;
}

.nav li {
	display: inline-block;
	vertical-align: top;
}

.nav ul>li>a {
	font-size: 20px;
	font-weight: bold;
	color: #555;
	padding: 6px 30px 8px;
	position: relative;
	border-radius: 10px;
}

.nav ul>li>a:after {
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	position: absolute;
	right: -1px;
	top: 9px;
	background: #e0e0e0;
}

.nav ul>li:hover>a,
.nav ul>li.active>a {
	background: #4ac8ed;
	color: white;
}
 
.head:after {
	content: '';
	display: block;
	clear: both;
}

.nav ul>li ol {
	position: absolute;
	top: 100px;
	border-top: 1px solid #e0e0e0;
	background: white;
	left: 0;
	z-index: 222;
	width: 100%;
	line-height: 75px;
	height: 0px;

	overflow: hidden;
	transition: 0.4s ease-out .15s;
}

.nav ul>li ol a {
	font-size: 16px;
	color: #666;
	padding: 0 30px;
	position: relative;
}

.nav ul>li ol a:after {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	right: -1px;
	top: 4px;
	background: #e0e0e0;
}

.nav ul>li ol a:hover {
	color: #479c49;
	font-weight: bold;
}

.nav ul>li:hover ol,
.nav ul>li.active ol {
	border-top: 1px solid #e0e0e0;
}

.nav ul>li:hover ol {
	height: 75px;
	z-index: 223;
}





.head_conect {
	display: inline-block;
	vertical-align: top;
	float: right;
}

.head_conect span {
	display: inline-block;
	vertical-align: middle;
}

.head_conect aside {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	text-align: left;
	margin-left: 10px;
}

.head_conect aside p {
	font-size: 18px;
	color: #666;
}

.head_conect aside h1 {
	font-size: 30px;
	color: #222;
	font-family: ziti;
	margin-top: 5px;
}

.head {
	position: relative;
	box-sizing: border-box;
	padding: 0 50px;
}























footer {
	background: #f4f3f1;
	padding-top: 70px;
}

.footer .divBox {
	font-size: 0;
}

.footer .divBox:after {
	content: '';
	display: block;
	clear: both;
}

.footer dl {
	display: inline-block;
	vertical-align: top;
}

.footer dl dt {
	padding-right: 60px;
	border-bottom: 1px solid lightgray;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.footer dl dt a {
	font-size: 22px;
	color: #333;
	position: relative;
	padding-bottom: 15px;
}

.footer dl dt a:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	bottom: -1px;
	background: #479c49;
	position: absolute;
	opacity: 0;
}

.footer dl dt:hover a:after {
	opacity: 1;
}

.footer dl dd a {
	font-size: 19px;
	color: #666;
	line-height: 35px;
}

.footer dl dd a:hover {
	color: #333;
}

.footer dl:last-child dt {
	padding-right: 0;
}









.ewm {
	float: right;
	margin-right: 7%;
	display: none;
}

.ewm span {
	display: block;
	border: 1px solid lightgray;
}

.ewm font {
	display: block;
	text-align: center;
	font-size: 22px;
	color: #333;
	margin-top: 10px;
}

.ewm font i {
	font-size: 24px;
	color: #479c49;
	margin-right: 5px;
	display: inline-block;
	transform: translateY(3px);
}









.dizhizong {
	display: inline-block;
	float: right;
	width: 300px;
}

.dizhi {
	border: 1px solid lightgray;
	box-sizing: border-box;
	background: white;
	padding: 12px;
}

.dizhi_list span {
	position: relative;
}

.dizhi_list span font {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	color: white;
	font-weight: bold;
	top: 50%;
	transform: translateY(-50%);

	font-size: 24px;
	box-sizing: border-box;
	padding-left: 20px;
}

.dizhi_list_aside {
	box-sizing: border-box;
	padding: 10px;
}

.dizhi_list_aside p {
	box-sizing: border-box;
	font-size: 18px;
	color: #555;
	padding-left: 23px;
	position: relative;
	line-height: 28px;
}

.dizhi_list_aside p i {
	display: inline-block;
	font-size: 18px;
	color: #555;
	position: absolute;
	left: -3px;
}

.dizhi .swiper-button-next,
.dizhi .swiper-button-prev {
	width: 25px;
	text-align: center;
	line-height: 25px;
	height: 25px;
	background: #fff;
	color: #479c49;

	font-size: 12px;
}

.dizhi .swiper-button-next:hover,
.dizhi .swiper-button-prev:hover {
	background: #479c49;
	color: white;
}

.links {
	margin-top: 30px;
}

.links span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #282828;
	margin-right: 6px
}

.links a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	font-size: 14px;
}

.links a:hover {
	color: #479c49
}

.dizhi .swiper-button-next {
	right: 20px;
	top: 43px;
}

.dizhi .swiper-button-prev {
	right: 20px;
	top: 70px;
	left: inherit;
}

.yiz {
	text-align: center;
	font-size: 22px;
	color: #333;
	margin-top: 10px;
}

.yiz img {
	margin-right: 10px;
}

.foote1 {
	margin-top: 30px;
	border-top: 1px solid lightgray;
	padding: 24px 0;
}

.foote1 span {
	font-size: 16px;
	color: #777;
}

.foot {
	display: inline-block;
	float: right;
}



.foot .bdshare-button-style0-16 a,
.foot .bdshare-button-style0-16 .bds_more {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: none;

	font-size: 20px;
	color: #999;
	margin: 0 5px;
}


.yuyue {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #ebebeb;
	z-index: 10;
	padding: 28px 0;
	/* display: none */
}

.yy_right {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 72%
}

.yy_right label {
	color: #666666;
	font-weight: bold;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.yy_right input {
	border: none;
	outline: none;
	border: 1px solid #e3e3e3;
	line-height: 32px;
	height: 32px;
	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 36px
}

.yy_right button {
	width: 136px;
	display: inline-block;
	vertical-align: middle;
	height: 42px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	background: #479c49;
	font-weight: bold;
	font-size: 16px;
}

.yy_right button:hover {
	opacity: .8;
}

.yy_left {
	display: inline-block;
	vertical-align: middle;
	width: 28%
}

.yuyue .divBox {
	position: relative;
	font-size: 0
}

.yy_left h2 {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #414141;
	padding-left: 192px;
	box-sizing: border-box
}

.yy_left h2 img {
	position: absolute;
	left: 0;
	bottom: 0
}

.yy_left h2 span {
	color: #df0024
}

.tsk {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 9;
	top: 0;
	left: 0;
	
}

.tskinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	width: 504px;
	padding: 120px 0 26px;
	background-image: url(../images/cgbac_03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center
}

.tsk.ac {
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
}

.tskinner h2 {
	position: absolute;
	width: 105%;
	height: 65px;
	line-height: 65px;
	background: #479c49;
	box-shadow: 0 0 5px rgba(0, 0, 0, .63);
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	top: 30px
}

.tskinner img {
	margin-bottom: 12px
}

.tskinner span {
	display: block;
	color: #676767;
	font-size: 20px;
	font-weight: bold
}

.tskinner h6 {
	width: 33px;
	height: 33px;
	line-height: 33px;
	border-radius: 50%;
	font-size: 16px;
	background: #eeeeee;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(50%) translateY(-50%);
	-ms-transform: translateX(50%) translateY(-50%);
	-webkit-transform: translateX(50%) translateY(-50%);
}
.tskinner h6 a{font-size: 30px;line-height: 28px;}


@media only screen and (max-width:1880px) {
	.nav ul>li>a {
		font-size: 16px;
	}

	.logo img {
		width: 120px;
	}

	.head_conect aside p {
		font-size: 16px;
	}

	.head_conect aside h1 {
		font-size: 22px;
	}

	.head_conect span img {
		width: 40px;
	}

	header {
		height: 90px;
		line-height: 90px;
	}

	.nav ul>li ol {
		top: 90px;
	}

	.bianju {
		padding: 55px 0;
	}

	.divBox {
		width: 80%;
	}

	.footer dl dt a,
	.footer dl dd a {
		font-size: 16px;
	}

	.footer dl dd a {
		line-height: 30px;
	}

	.ewm span img {
		width: 100px;
	}

	.ewm font {
		font-size: 14px;
	}

	.ewm font i {
		font-size: 17px;
		transform: translateY(2px);
	}

	.dizhi_list span font {
		font-size: 18px;
	}

	.dizhi_list_aside p {
		font-size: 14px;
	}

	.dizhizong {
		width: 260px;
	}

	.foote1 {
		margin-top: 50px;
	}
}

@media only screen and (max-width:1660px) {
	.yy_right input{
		margin-right: 6px;
		padding: 0 10px;
		width: 140px
	}
	.yy_right label{
		margin-right: 5px;
	}
	.yy_left{
		width: 35%
	}
	.yy_right{
		width: 65%
	}
	.yy_right button{width: 100px;height: 36px;line-height: 36px;}
}

@media only screen and (max-width:1440px) {
	.yy_left h2{
		font-size:18px;
		padding-left: 160px
	}
	.yy_left{
		width: 29%;
	}
	.yy_right{
		width: 68%;
	}
	.yy_left h2 img{
		width: 150px
	}
	.yy_right input{
		width: 120px;
		height:30px;
		line-height: 30px;
	}
	.yy_right button{
		height: 36px;
		line-height: 36px;
		width: 110px
	}
	.divBox {
		width: 85%;
	}

	.footer dl dt {
		padding-right: 40px;
	}

}
@media only screen and (max-width:1200px){
	.yuyue{
		display: none
	}
}