.cz-index-introduction {position: relative;overflow: hidden;background: #f2f4f7;}
.cz-index-introduction .cz-content{width: 100%;overflow: hidden;}


@media only screen and (min-width: 1400px){
.cz-index-introduction-left {position: absolute;left:8%;bottom:10%;z-index: 10;width:50%;}
}

@media screen and (max-width: 1410px){
.cz-index-introduction-left {position: absolute;left:5%;z-index: 10;width:55%; top: 10%;}
}



@media only screen and (min-width: 1400px){
.cz-index-introduction-left .text-3 {font-size: 20px;line-height: 45px;color: #666e80;padding: 30px;width:80%;}
}

@media screen and (max-width: 1410px){
.cz-index-introduction-left .text-3 {font-size: 18px;line-height: 30px;color: #666e80;padding: 30px;width:80%;}
}


.cz-index-introduction-left .viewmore-3 {padding: 30px;overflow: hidden;}
.cz-index-introduction-left .viewmore-3 a{border: 1px solid #122a89;background: #122a89;}
.cz-index-introduction-left .viewmore-3 a:hover{border: 1px solid #0a1d65;background: #0a1d65;}




@media only screen and (min-width: 1400px){
.cz-index-introduction-left .item-4 {margin:30px 30px 0 0px;overflow: hidden;}
}

@media screen and (max-width: 1410px){
.cz-index-introduction-left .item-4 {display: none}
}

.cz-index-introduction-left .item-4 li {list-style: none;margin: 0;padding:3% 3%;float: left;width:23%;position: relative;}
.cz-index-introduction-left .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.cz-index-introduction-left .item-4 li:last-child::after {display: none;}
.cz-index-introduction-left .item-4 li h2{display: block;margin: 0;padding: 0;}
.cz-index-introduction-left .item-4 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal;}
.cz-index-introduction-left .item-4 li h2 sup {font-size:30px;font-weight: normal;}
.cz-index-introduction-left .item-4 li p{display: block;font-size: 18px;color: #a1a7b2;margin: 10px 0;padding: 0; text-transform: capitalize;}
.cz-index-introduction-left .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;}
.cz-index-introduction-right {float: right;width: 50%;overflow: hidden;background: #000;}

.cz-title {position: relative;}

@media only screen and (min-width: 1400px){
.cz-title .title-1{font-size: 34px;line-height: 20px; color: #26334c;padding-left:30px;position: relative;text-transform:capitalize;}
}

@media screen and (max-width: 1410px){
.cz-title .title-1{font-size: 24px;line-height: 20px; color: #26334c;padding-left:30px;position: relative;text-transform:capitalize;}
}


.cz-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:0px; background: url('../images/it1.png') no-repeat;}
.cz-title .title-2 {font-size: 40px;color: #26334c;padding:5px 0 0 25px;font-weight: bold; text-transform: capitalize;}

.viewmore-3 {width: 215px;display:block;margin: 0;}
.viewmore-3 a,.viewmore-3 div {display: block;color: #fff;text-align: center;padding: 17px 0 17px 0;overflow: hidden;font-size: 0;border: 1px solid rgba(255,255,255,.2);}
.viewmore-3 span {font-size: 15px;display: inline-block;vertical-align: middle;margin-right: 40px;}
.viewmore-3 i {display: inline-block;vertical-align: middle;width: 22px;height: 8px;background: url('../images/jt-r1.png') center no-repeat;}
.viewmore-3 a:hover {border: 1px solid rgba(255,255,255,1);}



svg:not(:root) {
    overflow: hidden;
}
svg {
    display: inline-block;
    vertical-align: middle;
}
svg {
    max-width: 100%;
    max-height: 100%;
}


#s_rukou {
	width: 100%;
	position: relative;
	margin-top: -87px;
}
#s_rukou ul {
	margin: 0 -20px;
}
#s_rukou ul li {
	float: left;
	width: 16.66%;
	float: left;
}
#s_rukou ul li a {
	text-align: center;
	padding-top: 42px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	display: block;
	width: 174px;
	height: 174px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
#s_rukou ul li svg {
	margin-bottom: 18px;
}
#s_rukou ul li svg path {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
#s_rukou ul li h4 {
	height: 44px;
	transition: .5s;
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	margin: 0 30px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
#s_rukou ul li a:before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #ffffff;
	border: 1px solid #f2f4f7;
	display: block;
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
#s_rukou ul li a:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #122a89;
	display: block;
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	opacity: 0;
	-moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
	-o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
	-ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
	transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
	visibility: hidden;
}
#s_rukou ul li a:hover:before {
	opacity: 0;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
}
#s_rukou ul li a:hover:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	visibility: visible;
}
#s_rukou ul li a:hover svg path {
	fill: #fff;
}
#s_rukou ul li a:hover h4 {
	color: #fff;
}








.img-block {
    display: block;
    width: 100%;
    height: auto;
}

.cz-index-news {padding: 90px 0 0px 0;overflow: hidden;}



@media only screen and (min-width: 1400px){
.cz-index-news .cz-content{width: 1450px; margin: 0 auto}
}

@media screen and (max-width: 1410px){
.cz-index-news .cz-content{width: 1240px; margin: 0 auto}
}

.cz-index-news-top {position: relative;}
.cz-index-news-nav {position: absolute;right: 30px;bottom:3%;font-size: 0;}
.cz-index-news-nav::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #e6e8ed;}
.cz-index-news-nav a{display: inline-block;vertical-align: middle;font-size: 16px;color: #a1a7b2;position: relative;padding:0 5px 20px 5px;margin-left: 50px;}
.cz-index-news-nav a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;z-index: 10;}
.cz-index-news-nav a.cur{color: #26334d;}
.cz-index-news-nav a.cur::after {background: #6060ea;}
.cz-index-news-nav a:first-child {margin-left:0px;}
.cz-index-news-bottom {position: relative;overflow: hidden;}
.cz-index-news-item {float: left;width: 32%;margin-right: 1.3%;}
.cz-index-news-item:last-child {margin-right: 0;}
.cz-index-news-item a{display: block;overflow: hidden;background: #f2f4f7;}
.cz-index-news-item .img {position: relative;background: #000;}
.cz-index-news-item .text {padding:7%;overflow: hidden;}
.cz-index-news-item .text .date-1{font-size: 18px;color: #666e80;}
.cz-index-news-item .text .title-2{font-size: 16px;line-height: 30px; color: #26334c;overflow: hidden;padding: 10px 0; height: 135px; margin-bottom: 30px;} 
.cz-index-news-item .text .title-22{font-size: 24px;line-height: 30px; color: #26334c;overflow: hidden;padding: 10px 0; height: 35px; margin-bottom: 30px;} 
.cz-index-news-item .text .view-3{font-size: 14px;color: #666e80;}
.cz-index-news-item .text .view-3 i {display:inline-block;vertical-align:middle;width:15px;height:5px;background:url('../images/jt-r3.png') no-repeat;margin-left: 10px;}
.cz-index-news-item a:hover {background: #122a89;}
.cz-index-news-item a:hover .date-1,.cz-index-news-item a:hover .title-22,.cz-index-news-item a:hover .view-3{color: #fff;}
.cz-index-news-item a:hover .text .title-2{color: #fff;}
.cz-index-news-more {text-align: center;margin:30px 30px;}
.cz-index-news-more a {width: 100%;display:block;border: 1px solid #e6e8ed;color: #666e80;font-size: 14px;padding: 25px 0;overflow: hidden;}
.cz-index-news-more a i{display: inline-block;vertical-align: middle;background: url('../images/imore.png') no-repeat;width: 10px;height: 10px;margin-left:10px; }
.cz-index-news-more a:hover {border: 1px solid #6060ea;color: #6060ea;}
.cz-index-news-item a:hover .view-3 i {background:url('../images/jt-r4.png') no-repeat;}
.cz-index-news-item a:hover i {background: url('../images/imore1.png') no-repeat;}









#foot {
	width: 100%;

}
#foot>.m {
	overflow: hidden;
}


@media only screen and (min-width: 1400px){
.foot_nav dl {
	float: left;
	margin-right: 45px;
}
}

@media screen and (max-width: 1410px){
.foot_nav dl {
	float: left;
	margin-right: 15px;
}
}

.foot_r {

	float: right;
    width: 400px;
    line-height: 30px;
}
.foot_nav {
	float: left;
}
@media screen and (max-width: 1310px){
.foot_nav dl dt {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform:uppercase;

	font-weight: 400;
	text-align: left;
	color: #000000;
	line-height: 30px;
}
}


@media only screen and (min-width: 1400px){
.foot_nav dl dd {
	font-size: 16px;

	color: #818187;
	line-height: 40px;
	text-transform: capitalize;
}
}

@media screen and (max-width: 1410px){
.foot_nav dl dd {
	font-size: 14px;

	color: #818187;
	line-height: 40px;
	text-transform: capitalize;
}
}


.foot_nav dl dt:hover {
	color: #122a89;
}
.foot_nav dl dd:hover {
	color: #122a89;
}
.foot_tel {
}
.foot_tel h3 {
	font-size: 26px;
	margin-bottom: 15px;
	color: #000000;

}


@media only screen and (min-width: 1400px){

.foot_tel h4 {
	font-size: 24px;

	color: #122a89;
}
}

@media screen and (max-width: 1410px){

.foot_tel h4 {
	font-size: 30px;

	color: #122a89;
}
}


@media only screen and (min-width: 1400px){
.foot_tel p {
	font-size: 20px;
	color: #5c5c5c;
}
}

@media screen and (max-width: 1410px){
2222222
}

.foot_tel p span {
}
.foot_ewm {
	margin-top: 47px;
	display: flex;
	align-items: center;
}
.foot_ewm img {
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 19px;
}
.foot_ewm p {
	font-size: 18px;
	float: left;
	color: #989898;
	line-height: 22px;
	text-transform: capitalize;
}
.copyright {
	background: #102d4a;
	color: #989898;
	font-size: 14px;
	padding: 30px 0;
	line-height: 40px;
	margin-top: 40px;
}
.copyright .tt {
	font-size: 16px;
	position: relative;
	height: 30px;
	line-height: 40px;
	float: left;
	position: relative;
	padding-right: 32px;
	text-align: left;
	color: #ffffff;
	margin-right: 40px;
}
.copyright .tt:before {
	content: "";
	display: block;
	width: 80px;
	position: absolute;
	left: 0;
	top: -30px;
	height: 3px;
	background: #2fabff;
}
.copyright .tt:after {
	content: "";
	display: block;
	width: 2px;
	position: absolute;
	right: -2px;
	top: 12.5px;
	height: 15px;
	background: #fff;
}
.copyright a:hover {
	color: #2fabff;
}
.s_foot_link {
	height: 40px;
	width: 303px;
	cursor: pointer;
	overflow: visible;
	position: relative;
	text-align: left;
	float: left;
}
.s_foot_link .tanchu {
	overflow: auto;
	box-sizing: border-box;
	position: absolute;
	bottom: 50px;
	border-bottom: 0;
	display: none;
	left: 0;
	right: -1px;
}
.s_foot_link .tanchu>div {
	max-height: 200px;
	background: #f3f3f3;
	display: block;
	border: 1px solid #f2f2f2;
	padding: 10px 13px;
	overflow: auto;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
 .s_foot_link .tanchu>div::-webkit-scrollbar {
display:none
}
.s_foot_link .tanchu a {
	color: #2d2e32;
	line-height: 27px;
	display: block;
	font-size: 13px;
}
.s_foot_link .tanchu a:hover {
	color: #000;
}
.s_foot_link #bnt_link1.a {
	color: #989898;
	font-size: 14px;
	text-align: left;
	line-height: 40px;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	text-decoration: none;
	position: absolute;
	z-index: 1;
}
.s_foot_link .a span {
	display: inline-block;
	float: right;
}