body {
	width: 100%;
	overflow: hidden;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.w1250 {
	width: 1250px;
	margin: 0 auto;
	position: relative;
}
.w1570{
	width: 1570px;
	margin: 0 auto;
	position: relative;
	}
.w1650 {
	width: 1650px;
	margin: 0 auto;
	position: relative;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}


/*
 
 * 
 * header
 * */

header {
	width: 100%;
	height: 80px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	z-index: 10;
}

.nav-box {
	width: 100%;
	display: none;
	/*position: absolute;*/
	position: fixed;
	/*height: 100%;*/
	bottom: 0;
}

.industry-box .industry-ajax img {
	max-width: 100%;
}

.nav-box.flex {
	top: 0;
	left: 0;
	z-index: 20;
}

.nav-box .bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	display: none;
}

.nav-box .nav-list-box {
	position: absolute;
	top: 0;
	right: 0;
	background: #fcfcfc;
	width: 21.5%;
	height: 100%;
	overflow: auto;
	display: none;
}

.nav-box .nav-list-box::-webkit-scrollbar {
	width: 1px;
	height: 1px;
	background-color: none;
	display: none;
}

.nav-box .nav-list-box::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: none;
}

.nav-box .nav-list-box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: none;
}

.nav-box .nav-list-box ul {
	padding : 10.4% 0 10.4% 35%;
}

.nav-box .nav-list-box li {
	padding-bottom: 22px;
}

.nav-box .nav-list-box h2 {
	font-size: 22px;
	color: #333;
	line-height: 47px;
}

.nav-box .nav-list-box h2 span {
	width: 17%;
	font-size: 30px;
	display: inline-block;
	color: #e3e3e3;
	position: relative;
	top: 4px;
	transition: color 0.3s;
}

.nav-box .nav-list-box h2 a {
	display: inline-block;
	color: #333333;
}

.nav-box .nav-list-box a {
	display: inline-block;
	color: #666666;
	transition: color 0.3s;
}

.nav-box .nav-list-box p {
	padding-left: 17%;
	font-size: 16px;
	color: #666666;
	line-height: 32px;
}

header.flex {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 22;
}

header.one {
	background: rgba(51, 51, 51, .2);
	box-shadow: none;
}

header .logo {
	width: 166px;
	display: block;
	height: 100%;
	margin-left: 1.5%;
}

header .logo img {
	position: relative;
	top: 0;
	transition: top 0.3s;
}

header .logo .one {
	display: none;
}

header .logo .two {
	display: inline-block;
}

header .tit {
	width: 80px;
	height: 100%;
	background: #005ba0;
	float: right;
	position: relative;
	cursor: pointer;
}

header .tit.on,
header.one .tit.on,
header.the .tit.on {
	background: url(/static/images/wel14.png) no-repeat left center;
}

header.the.on {
	background: #fff;
}

header nav.tit.on span {
	display: none;
}

header nav.tit span {
	position: relative;
	left: 50%;
	margin-left: -15px;
	top: 29px;
}

header nav.tit .line01 {
	width: 31px;
	height: 1px;
	background: #fff;
	margin-bottom: 9px;
	display: block;
}

header nav.tit .line02 {
	width: 31px;
	height: 2px;
	background: url(/static/images/line02.png) no-repeat center;
	margin-bottom: 9px;
	display: block;
}

header .bdsharebuttonbox {
	float: right;
	padding: 32px 0.6% 32px 0;
	margin-right: 1%;
	background: url(/static/images/line04_h.png) no-repeat right center;
}

header .bdsharebuttonbox a {
	width: 17px;
	height: 19px;
	padding: 0;
	margin: 0 5px;
	transition: background 0.3s;
}

header .bdsharebuttonbox a.bds_oa {
	background: url(/static/images/aa09.png) no-repeat center;
}

header .bdsharebuttonbox a.bds_em {
	background: url(/static/images/aa10.png) no-repeat center;
}

header .bdsharebuttonbox a.bds_weixin {
	background: url(/static/images/head03.png) no-repeat center;
}

header .nav-list {
	float: right;
	margin-right: 6%;
}

header .nav-list li {
	float: left;
	margin-right: 45px;
	text-align: center;
}

header .nav-list li:first-child {
	background: none;
}

header .nav-list a {
	color: #666;
	font-size: 16px;
	display: block;
	width: 100%;
	transition: color 0.3s;
}

header.one .logo .one {
	display: inline-block;
}

header.one .logo .two {
	display: none;
}

header.one .china {
	background: url(/static/images/line03.png) no-repeat left center;
	color: #fff;
}

header.one .tit {
	background: none;
}

header.one .bdsharebuttonbox a.bds_oa {
	background: url(/static/images/aa09_h.png) no-repeat center;
}

header.one .bdsharebuttonbox a.bds_em {
	background: url(/static/images/aa10_h.png) no-repeat center;
}

header.one .bdsharebuttonbox a.bds_weixin {
	background: url(/static/images/head01_h.png) no-repeat center;
}

header.one .nav-list a {
	color: #fff;
}

header.one .nav-list li {
	background: none;
}

header .en {
	display: block;
	margin-right: 12px;
	font-size: 16px;
	color: #333;
	height: 100%;
	line-height: 80px;
	transition: color 0.3s;
}

header .en:hover {
	color: #005ba0;
}

header.one .en {
	color: #fff;
}

footer {
	width: 100%;
}

footer.flex {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 20;
}

footer p {
	font-size: 12px;
	color: #666;
	opacity: 0.8;
	line-height: 30px;
	text-transform: uppercase;
}

footer p a {
	text-transform: capitalize;
	font-size: 14px;
	color: #666;
	transition: color 0.3s;
}

footer.one p {
	color: #fff;
}

footer.one p a {
	color: #fff;
}

footer.two p.fr {
	/*display: none;*/
}

header.the {
	background: none;
	box-shadow: none;
}

header.the .search-box {
	display: none;
}

header.the .bdsharebuttonbox {
	display: none;
}

header.the .nav-list {
	display: none;
}

header.the .tit {
	background: none;
}

header.the nav.tit span {
	background: #333 !important;
}

header.the .en {
	display: none;
}

.search-box {
	float: right;
	width: 15px;
	overflow: hidden;
	margin-right: 1%;
	padding-top: 27px;
	transition: width 0.3s;
	position: relative;
	height: 28px;
	box-sizing: initial;
}

.search-box.on {
	width: 9.5%;
}

.search-box.on .text {
	display: block;
}

.search-box-btn {
	width: 15px;
	height: 15px;
	background: url(/static/images/wel13.png) no-repeat center;
	float: right;
	position: relative;
	top: 34px;
	right: 0;
}

.search-box-btn.on {
	background: url(/static/images/clo01.png) no-repeat center;
}

.search-box .text {
	width: 70%;
	float: left;
	font-size: 16px;
	color: #999999;
	line-height: 26px;
	background: none;
	border: none;
	display: none;
}

.search-box .submit {
	width: 15px;
	height: 28px;
	float: right;
	background: url(/static/images/wel13.png) no-repeat center;
	border: none;
	position: absolute;
	right: 0;
	top: 27px;
	padding: 0;
}

header.one .search-box .submit {
	background: url(/static/images/wel13_h.png) no-repeat center;
}

.search-two {
	display: none;
}

.search-one {
	display: block;
}

#allmap {
	width: 100%;
	height: 599px;
	border-bottom: 3px solid #005ba0;
}

.contact-box {
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	padding: 37px 0 48px;
}

.contact-box h2 {
	font-size: 24px;
	color: #333;
	line-height: 44px;
	padding-bottom: 20px;
}

.contact-box ul {
	width: 100%;
}

.contact-box li {
	float: left;
	width: 50%;
	padding-left: 32px;
	font-size: 14px;
	color: #666666;
	line-height: 59px;
}

.contact-box li.li0 {
	background: url(/static/images/con02.png) no-repeat left center;
}

.contact-box li.li1 {
	background: url(/static/images/con03.png) no-repeat left center;
}

.contact-box li.li2 {
	background: url(/static/images/con04.png) no-repeat left center;
}

.contact-box li.li3 {
	background: url(/static/images/con05.png) no-repeat left center;
}

header .nav-list li.act a {
	color: #005ba0;
}

.inliner-nav {
	width: 100%;
	background: #eaeaea;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.inliner-nav i {
	display: inline-block;
	width: 1px;
	height: 17px;
	background: #cfcfcf;
	margin: 0 64px;
	position: relative;
	top: 5px;
}

.inliner-nav a {
	width: 132px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	color: #666;
}

.inliner-nav span {
	padding-left: 33px;
	display: inline-block;
}

.inliner-nav span.ico01 {
	background: url(/static/images/join01.png) no-repeat left center;
}

.inliner-nav span.ico02 {
	background: url(/static/images/join02.png) no-repeat left center;
}

.inliner-nav span.ico03 {
	background: url(/static/images/news03.png) no-repeat left center;
}

.inliner-nav span.ico10 {
	background: url(/static/images/aa01.png) no-repeat left center;
}

.inliner-nav span.ico11 {
	background: url(/static/images/aa02.png) no-repeat left center;
}

.inliner-nav a.cur {
	color: #005ba0;
}

.weixin-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
	z-index: 15;
	margin: auto;
	display: none;
}

.weixin-box img {
	width: 100%;
}

.weixin-box .close {
	position: absolute;
	top: 3px;
	right: 3px;
	background: url(/static/images/clo01.png) no-repeat center;
	display: block;
	width: 15px;
	height: 15px;
	opacity: 1;
}

.hrc {
	padding: 56px 0 72px;
	border-bottom: 1px solid #efe9e9;
}

.hrc ul {
	width: 100%;
}

.hrc li {
	float: left;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 20px;
	padding: 2%;
	min-height: 255px;
}

.hrc li:nth-child(4n) {
	margin-right: 0;
}

.hrc li a {
	display: block;
	width: 100%;
}

.hrc li h2 {
	line-height: 38px;
	font-size: 18px;
	font-weight: bold;
	height: 76px;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #555;
}

.hrc li p {
	color: #888;
	display: block;
	line-height: 22px;
	font-size: 14px;
}

@-webkit-keyframes load {
	0% {
		width: 0;
	}
	100% {
		width: 128px;
	}
}

@keyframes load {
	0% {
		width: 0;
	}
	100% {
		width: 128px;
	}
}


/*
 
 * index
 * 
 * */

#i-navli {
	position: fixed;
	right: 3%;
	top: 50%;
	z-index: 10;
	margin-top: -163px;
}

#i-navli li {
	width: 18px;
	height: 19px;
	margin: 7px 0;
	background: url(/static/images/wel20.png) no-repeat center;
	transition: background 0.3s;
}

#i-navli li.current {
	background: url(/static/images/wel20_h.png) no-repeat center;
}

#i-navli.one li {
	background: url(/static/images/wel05.png) no-repeat center;
}

#i-navli.one li.current {
	background: url(/static/images/wel05_h.png) no-repeat center;
}

.wel-number {
	position: fixed;
	z-index: 10;
	right: 2.3%;
	top: 50%;
	margin-top: 11px;
	padding-top: 72px;
	background: url(/static/images/wel21.png) no-repeat top center;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 26px;
}

.wel-number .num {
	font-size: 20px;
}

.wel-number.on {
	background: url(/static/images/wel22.png) no-repeat top center;
	color: #a4a4a4;
}

.wel-number.on .num {
	color: #005ba0;
}

.i-ban .flex-direction-nav {
	display: none;
}
.i-ban .flex-control-nav{
	bottom: 0;
}
.i-ban .slides {
	width: 100%;
	height: 100%;
}

.i-ban .slides li {
	width: 100%;
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover !important;
}

.i-ban .slides li a {
	display: block;
	height: 100%;
}

.i-ban .slides img {
	padding-top: 24%;
	position: relative;
	top: -50px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 1.4s;
}

.i-ban .slides .title-cn {
	padding-top: 24%;
	position: relative;
	top: -50px;
}
.i-ban .slides .title-cn span{
	font-size: 50px;
	font:bold;
	color: #ffffff;
	font-weight: 600;
	letter-spacing:5px;
}

.i-ban .slides .title-en {
	padding-top: 1%;
	position: relative;
	top: -75px;
}
.i-ban .slides .title-en span{
	font-size: 42px;
	color: #005ba0;
	letter-spacing:10px;
}



.btn:active,
.btn.active {
	box-shadow: none;
}

.i-ban .slides .more {
	width: 182px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #27375c;
	color: #fff;
	font-size: 14px;
	margin: 50px 0 0 0;
	position: relative;
	top: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 1.4s;
}

.i-ban .slides .more:hover {
	background: #005ba0;
}

.i-ban .slides li.flex-active-slide img {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

.i-ban .slides li.flex-active-slide .more {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

.i-ban-link {
	position: absolute;
	bottom: 42px;
	left: 50%;
	margin-left: -625px;
	z-index: 9;
}

.i-ban-link li {
	width: 33.33%;
	padding-left: 6px;
	float: left;
	position: relative;
	top: 50px;
	opacity: 0;
}

.i-ban-link li a {
	width: 100%;
	padding: 18px 22% 18px 7%;
	display: block;
	transition: background 0.3s;
	position: relative;
	z-index: 2;
}

.i-ban-link li .bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 3px;
	right: 100%;
	z-index: 1;
	background: #005ba0;
	transition: all 0.5s;
}

.i-ban-link li.li0 a {
	background: #fff url(../images/wel02.png) no-repeat 90% center;
}

.i-ban-link li.li1 a {
	background: #fff url(../images/wel03.png) no-repeat 90% center;
}

.i-ban-link li.li2 a {
	background: #fff url(../images/wel04.png) no-repeat 90% center;
}

.i-ban-link li h2 {
	font-size: 22px;
	color: #000;
	line-height: 35px;
	transition: color 0.3s;
}

.i-ban-link li p {
	font-size: 15px;
	color: #000;
	opacity: .85;
	line-height: 24px;
	height: 24px;
	transition: color 0.3s;
	overflow: hidden;
}

.list-box {
	height: 443px;
	box-sizing: border-box;
	background: rgba(0, 91, 160, .85);
	margin-bottom: 8px;
	text-align: left;
	position: absolute;
	bottom: 97px;
	left: 3px;
	right: 0px;
	display: none;
}

.list-box .list {
	position: absolute;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	visibility: hidden;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all .8s;
	transition: all .8s;
}

.list-box .list.active {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	visibility: visible;
}

.list-box .list1.active {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transition: all .6s .2s ease-in-out;
	transition: all .6s .2s ease-in-out;
}

.n-list {
	padding: 35px;
	width: 100%;
	box-sizing: border-box;
}

.list-box .list1 .img {
	width: 31.68%;
	float: left;
}

.list-box .list1 .img img {
	width: 100%;
}

.list-box .list1 .p-text {
	width: 62.68%;
	float: right;
	height: 305px;
}

.list-box .list1 .h {
	font-size: 46px;
	line-height: 1;
	margin-bottom: 15px;
	color: #fff;
	font-weight: bold;
	opacity: .85;
}

.list-box .list1 .p {
	font-size: 19px;
	line-height: 30px;
	margin-bottom: 30px;
	color: #fff;
	width: 95%;
}

.list-box .list1 p {
	text-indent: 2em;
}

.ex-more {
	position: relative;
	display: inline-block;
	min-width: 212px;
	height: 50px;
	font-size: 19px;
	padding: 0 20px;
	line-height: 50px;
	text-align: center;
	border-radius: 40px;
	color: #fff;
	background: #27375c;
}

.ex-more span {
	position: relative;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	display: inline-block;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.ex-more::after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 50px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/static/images/img2.png) no-repeat center center;
	background-size: 15px auto;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: right 0.4s, opacity 0.4s;
	transition: right 0.4s, opacity 0.4s;
}

.i-wrap {
	overflow: hidden;
}
.section1{
	position: relative;
}
.section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.section2 {
	background: #fafafa;
}

.section2 .left {
	width: 32.4%;
}

.intitle {
	color: #171717;
	line-height: 1;
}

.intitle:before {
	content: "";
	display: block;
	width: 130px;
	height: 1px;
	background: #171717;
	margin-bottom: 30px;
}

.intitle .en {
	font-size: 80px;
	font-family: "楷体";
}

.intitle .cn {
	font-size: 52px;
}

.section2 .desc {
	margin-top: 30px;
	font-size: 16px;
	color: #171717;
	line-height: 31px;
	height: 93px;
}

.section .ex-more {
	margin-top: 40px;
	min-width: 200px;
	font-size: 16px;
	border-radius: 4px;
	background: #005ba0;
}

.section2 .left .pic {
	text-align: right;
	margin-top: 50px;
	overflow: hidden;
}

.section2 .left .pic img {
	display: inline-block;
	max-width: 59%;
}

.section2 .right {
	width: 60%;
}

.section2 .right .videobox {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

/*.section2 .right .videobox:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/static/images/play.png) no-repeat center;
	opacity: .7;
}*/

.section2 .right .videobox img {
	width: 100%;
	display: block;
}

.section2 .right .videobox video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section2 .right .videobox:hover:before {
	opacity: 1;
}
.section2 img{
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.section2 img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.num-con {
	margin-top: 40px;
}

.num-con li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 16px;
	line-height: 1;
}

.num-con li .num {
	font-size: 74px;
	font-family: impact;
}

.num-con li .num span {
	font-size: 66px;
}

.intitle2 {
	font-size: 52px;
	color: #171717;
	text-align: center;
	margin-top: 50px;
}
@media only screen and (min-width: 1530px) {
	.intitle2 {
	margin-top: 40px;
}

}
.intitle2:after {
	content: "";
	display: block;
	margin: 20px auto 0;
	width: 94px;
	height: 5px;
	border-radius: 2px;
	background: #005ba0;
}

.section3 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/static/images/index_pro_bg.jpg) no-repeat center;

}

.solution-content {
	margin-top: 70px;
}

.wel-case .flex-control-nav li a:hover,
.wel-case .flex-control-nav li a.flex-active {
	background: #005BA0;
}

.wel-case {
	position: relative;
}

.ser-contact-list li a {
	display: block;
	width: 100%
}

.wel-case-title {
	font-size: 24px;
	color: #24272b;
	font-weight: bold;
	line-height: 42px;
	margin-bottom: 22px
}

.wel-case-list {
	position: relative;
}

.wel-case .flex-viewport {
	overflow: visible !important
}

.wel-case .slides {
	width: 1800%;
	transition-duration: 0.2s;
	/* transform: translate3d(-174px, 0px, 0px) ; */
}

.wel-case .slides li {
	overflow: hidden;
	position: relative;
	float: left;
	width: 420px;
	margin-right: 25px;
	transition: all 0.4s;
}

.wel-case .slides li:hover {
	width: 700px !important;
}

.wel-case .slides .con {
	position: absolute;
	bottom: -58%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: block;
	padding: 9% 50px 0;
	transition: bottom .3s
}

.wel-case .slides .bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #fff;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0)
}

.wel-case .slides .font-bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	transition-property: opacity;
	transition-duration: .3s;
	transition-delay: .2s
}

.wel-case .slides .tit {
	font-size: 24px;
	color: #fff;
	font-weight: bold
}

.wel-case .slides .en {
	font-size: 16px;
	color: #fe8c04;
	opacity: .8;
	filter: alpha(opacity=80);
	line-height: 24px;
	min-height: 24px
}

.wel-case .slides .font {
	font-size: 18px;
	color: #fff;
	line-height: 36px;
	margin-top: 20px;
	opacity: .9;
	filter: alpha(opacity=90);
}

.wel-case .slides .more {
	margin-top: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .3);
	background: url(/static/images/img2.png) no-repeat center;
	background-size: 15px 9px;
}

.wel-case-list .flex-direction-nav a {
	opacity: 1;
	filter: alpha(opacity=100);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-shadow: none;
	background-size: 100% !important;
	transition: background .3s;
	z-index: 1
}

.wel-case-list .flex-direction-nav a:before {
	font-size: 0
}

.wel-case .flex-viewport {
	overflow: visible !important
}

.wel-case-list .flex-direction-nav .flex-prev {
	background: url(/static/images/a32.png) no-repeat center;
	left: 35px
}

.wel-case-list .flex-direction-nav .flex-next {
	background: url(/static/images/a33.png) no-repeat center;
	right: 35px
}

.section4{
	background: #fff;
}

.section4 .left{
	width: 56%;
}
.section4 .left img{
	display: block;
	width: 100%;
}
.section4 .right{
	width: 36%;
	margin-top: 60px;
}
.section4 .desc {
    margin-top: 30px;
    font-size: 16px;
    color: #171717;
    line-height: 31px;
    height: 93px;
    display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.section5{
	background: #fafafa;
}

.wel-news-list{
	margin-top: 40px;
	position: relative;
}

.wel-news-list li{
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 10px!important;
	box-shadow: 5px 0px 21px rgba(0,0,0,.05);
	
}
.wel-news-list li .pic {
	overflow: hidden;
}
@media only screen and (min-width: 760px) {
.wel-news-list li .pic {
	height: 220px;
	}
}
@media only screen and (min-width: 1200px) {
.wel-news-list li .pic {
	height: 220px;
	}
}
@media only screen and (min-width: 1800px) {
.wel-news-list li .pic {
	height: 300px;
	}
}

.wel-news-list li .pic img{
	display: block;
	width: 100%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.wel-news-list li:hover .pic img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.wel-news-list li .tbox{
	padding: 25px 35px ;
	color: #171717;
	
}
.wel-news-list li .desc{
	font-size: 20px;
	opacity: .8;
	line-height: 40px;
	height: 80px;
}
.wel-news-list li .time{
	margin-top: 15px;
	font-size: 15px;
	opacity: .7;
}

.wel-news-list li:hover .tbox{
	background: #005ba0;
	color: #fff;
}
.wel-news-list li:hover .desc{
	opacity: 1;
}

.wel-news-list .flex-control-paging li a{
	background: #fff;
	border: 1px solid #d6d6d6;
}
.wel-news-list .flex-control-paging li a.flex-active {
	background: #005ba0;
}
.section5 .btns{
	margin-top: 40px;
	text-align: center;
}
.section5 .btns .ex-more{
	display: inline-block;
}
.section6{
	height: auto!important;
}
footer{
	background: #ebebeb;
	line-height: normal;

}
footer .main{
	padding: 0 96px;
}
.foot{
	padding: 90px 0 70px;
}
.finfo{
	color: #000;
	float: left;
	width: 15.6%;
}
.finfo img{
	display: block;
	width: 100px;
}
.finfo .tbox{
	margin-top: 10px;
	font-size: 14px;
}
.finfo .tbox .num{
	margin-top: 10px;
	font-size: 28px;
}

.finfo .share {
	margin-top: 30px;
}

footer .bdsharebuttonbox a {
    width: 43px;
    height: 43px;
    margin: 0 10px 0 0;
}

footer .bdsharebuttonbox a.bds_tsina {
    background: url(/static/images/f-ico1.png) no-repeat   center;
}

footer .bdsharebuttonbox a.bds_weixin {
    background: url(/static/images/f-ico2.png) no-repeat   center;
}

.finfo .share  .bdsharebuttonbox a {
	border-radius: 50%;
	border: 1px solid #c2c2c2;
}
.fnav{
	float: left;
	width: 65%;
}
.fnav li{
	float: left;
	width: 16.66%;
}
.fnav li a{
	font-size: 14px;
	color: #666666;
}
.fnav li h2{
	margin-bottom: 10px;
}
.fnav li h2 a{
	font-size: 18px;
	color: #333333;
}
.fnav li a:hover{
	color: #005ba0;
}
.fewm{
	float: left;
	width: 6.5%;
	margin-top: 46px;
}
.fewm img{
	display: block;
	width: 100%;
}
.fshare{
	float: right;
	width: 8.4%;
}
.fshare  h2 {
	font-size: 18px;
	color: #333333;
}
.fshare  .bdsharebuttonbox+h2 {
	margin-top: 50px;
}
.lang{
	font-size: 16px;
	color: #000;
	border: 1px solid #ababab;
	width: 146px;
	height: 34px;
	line-height: 32px;
	display: block;
	background: #ebebeb ;
}
.copyright{
	padding: 22px 0;
	background: #999999;
	font-size: 16px;
	color: #333333;
}
.copyright a{
	color: #333333;
	margin-right: 5px;
}

/*
 
 * about
 * */
 .h-banner{
  position: relative;
  z-index: 4;
}
.h-banner-img{
  width: 100%;
  display: block;
}
.h-banner-content{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.h-banner-title{
  font-size: 66px;
  font-weight: bold;
}
.h-banner-txt{
  font-size: 25px;
  letter-spacing: 4px;
}

.h-banner .down-btn{
  width: 62px;
  height: 62px;
  position: absolute;
  left: 50%;
  bottom: 60px;
  margin-left: -31px;
  border:2px solid #fff; 
  text-align: center;
  line-height: 62px;
  border-radius: 50%;
  cursor: pointer;
  animation: downbtn2 5s cubic-bezier(.455,.03,.515,.955) infinite;
}


.w1300 {
  width: 1300px;
  margin: 0 auto;
  position: relative;
  display: inline-block;
}

.i-lista {
  width: 100%;
  position: absolute;
  bottom: 40px;
  text-align: center;
  z-index: 3;
}
.i-lista .n-list {
  padding: 35px;
  width: 100%;
  box-sizing: border-box;
}
.i-lista .list-box {
  width: 100%;
  height: 390px;
  box-sizing: border-box;
  background: rgba(0,115,188,.8);
  margin-bottom: 8px;
  text-align: left;
  position: absolute;
  bottom: 60px;
  display: none;
}
.i-lista .list-box .list {
  position: absolute;
  opacity: 0;
  -webkit-transform:translateY(20px);
  -moz-transform:translateY(20px);
  visibility: hidden;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.i-lista .list-box .list.active {
  opacity: 1;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  visibility: visible;
}
.i-lista .list-box .list1 .img {
  width: 26%;
  float: left;
}
.i-lista .list-box .list1 .img img {
  width: 100%;
}
.i-lista .list-box .list1 .p-text {
  width: 68%;
  float: right;
  height: 305px;
}
.i-lista .list-box .list1 .h {
  font-size: 45px;
  line-height: 1;
  margin-bottom: 10px;
  margin-top: 13px;
  color: #fff;
}
.i-lista .list-box .list1 .p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 40px;
  color: #fff;
  width: 90%;
}
.i-lista .list-box .list2 .n-list {
  padding: 50px 35px;
}
.i-lista .list-box .list2 .carousel {
  overflow: hidden;
  width: 100%;
}
.i-lista .list-box .list2 .newsli {
  display: block;
  padding: 0 40px 0 0;
}
.i-lista .list-box .list2 .time {
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 10px;
  opacity: .7;
}
.i-lista .list-box .list2 .h {
  font-size: 15px;
  color: #fff;
  line-height: 22px;
  height: 44px;
  margin-bottom: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  
}
.i-lista .list-box .list2 .img {
  overflow: hidden;
}
.i-lista .list-box .list2 .img img {
  width: 100%;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
          transition: opacity 1s, transform 1s;
}
.i-lista .list-box .list2 .newsli:hover .img img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
  opacity: .8;
}
.i-lista .ul {
  width: 100%;
}
.i-lista .ul .li {
  width: 24.5%;
  margin-right: .661%;
  height: 60px;
  line-height: 60px;
  float: left;
  background: #fff;
  font-size: 16px;
  color: #333;
  padding: 0 35px;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all .5s;
          transition: all .5s;
  border-top: 1px solid #fff;
}
.i-lista .ul .li:nth-child(4n) {
  margin-right: 0;
}
.i-lista .ul .li:hover, .i-lista .ul .li.active {
  background: #1272b9;
  height: 68px;
  margin-top: -8px;
  border-top: 1px solid #0894c4;
}
.i-lista .ul .li:hover span,.i-lista .ul .li.active span{
  color: #fff;
}
.i-lista .ul .li:hover .img .img1, .i-lista .ul .li.active .img .img1 {
  opacity: 0;
  -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
          transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .ul .li:hover .img .img2, .i-lista .ul .li.active .img .img2 {
  opacity: 1;
  -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
          transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.i-lista .ul .li span {
  display: inline-block;
  float: left;
  color: #333;
}
.i-lista .ul .li .img {
  width: 45px;
  height: 45px;
  margin-top: 7.5px;
  position: relative;
  float: left;
  margin-right: 5px;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
          transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.i-lista .ul .li .img img {
  max-width: 100%;
}
.i-lista .ul .li .img .img1 {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 0;
  opacity: 1;
  -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
          transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
  margin-left: -22px;
}
.i-lista .ul .li .img .img2 {
  position: absolute;
  left: 50%;
  margin-left: -22px;
  top: 0;
  opacity: 0;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
          transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}

.pa100 {
  padding-bottom: 100px;
}
.page-header {
    font-size: 28px;
    line-height: 45px;
    color: #666;
    opacity: .85;
    text-align: center;
    border-bottom:0;
    position: relative;
    z-index: 3;
}
.n-videopage .page-header {
  border-bottom: none;
  text-align: center;
}
.n-videopage .video-box {
  width: 100%;
  height: auto;
  overflow: hidden;
  cursor: pointer;
  background: #000;
  position: relative;
}
.n-videopage .video-box .video {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.8s;
          transition: all 0.8s;
}
.n-videopage .video-box .video.cur {
  opacity: 0;
  visibility: hidden;
}
.n-videopage .video-box video {
  width: 100%;
  max-height: 620px;
  height: auto;
}
.n-videopage .video-box .btnx {
  width: 91px;
  height: 91px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -45.5px;
  margin-left: -45.5px;
  z-index: 3;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.8s;
          transition: all 0.8s;
}
.n-videopage .video-box .imga {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: all 0.8s;
          transition: all 0.8s;
}
.n-videopage .video-box.cur .btnx {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.n-videopage .video-box.cur .imga {
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.n-videopage .p {
  font-size: 18px;
  line-height: 1.2;
  padding: 30px 0;
  color: #333;
  text-indent: 50px;
  background: #fff;
}
.wn-news{
	padding-top: 10px;
	background: #f7f7f7;
}
.wn-news .page-header{
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
	}
.n-news a {
  display: block;
}
.n-news .ul .li {
  width: 31.3%;
  box-sizing: border-box;
  margin-right: 3%;
  margin-bottom: 3%;
  float: left;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.n-news .ul .li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.17, 1, 1);
          transition: all 0.5s 0s cubic-bezier(0.86, 0.17, 1, 1);
}
.n-news .ul .li:nth-child(3n) {
  margin-right: 0;
}
.n-news .ul .li:hover .img img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.n-news .ul .bot{
  position: relative;
}

.n-news .ul .li .img {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 760px) {
.n-news .ul .li .img {
	height: 100px;
	}
}
@media only screen and (min-width: 1200px) {
.n-news .ul .li .img {
	height: 170px;
	}
}
@media only screen and (min-width: 1800px) {
.n-news .ul .li .img {
	height: 240px;
	}
}
.n-news .ul .li .img img {
  width: 100%;
  max-width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s;
          transition: all .8s;

}
.n-news .ul .li .p-text {
  padding: 28px;
  background: #fff;
}
.n-news .ul .li .h {
  font-size: 20px;
  color: #000;
  opacity: .9;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  margin-bottom: 10px;
}
.n-news .ul .li .p {
  font-size: 14px;
   color: #000;
  opacity: .7;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  margin-bottom: 12px;
}
.n-news .ul .bot {
  border-top: 1px solid #e5e5e5;
  background: #fff;
  padding: 16px 20px;
}
.n-news .ul .more {
  font-size: 14px;
   color: #000;
  opacity: .4;
  line-height: 22px;
  position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .ul .time {
  font-size: 14px;
   color: #000;
  opacity: .4;
  line-height: 22px;
  font-family: "Arial";
  position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .dlbox {
  background: #fff;
  margin-bottom: 40px;
 box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.1);
}
.n-news .dlbox a{
	padding: 20px;
	display: block;
}
.n-news .dlbox .dd {
  width: 35%;
}
.n-news .dlbox .dd img {
  width: 100%;
  display: block;
}
.n-news .dlbox .dt {
  width: calc(100% - 35%);
  padding: 25px 4.8%;
  box-sizing: border-box;
}
.n-news .dlbox .dt .h {
  font-size: 24px;
  line-height: 37px;
 height: 74px;

  color: #000;
  opacity: .9;
}
.n-news .dlbox .dt .p {
  font-size: 14px;
  color: #000;
  opacity: .9;
  line-height: 28px;
  height: 84px;
  margin-top: 18px;
}
.n-news .dlbox .dt .ex-more {
  font-size: 20px;
  color: #fff;
  background: #1272b9;
  width: 145px;
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  margin-top: 90px;
}
.n-news .dlbox .dt .ex-more:hover::after {
  right: 30px;
}
.n-news .ul-two .li {
  padding: 40px 0;
  border-bottom: 1px solid #dedede;
}
.n-news .ul-two .li:hover .li-r img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.n-news .ul-two .li:hover .li-l .h {
  color: #1272b9;
}
.n-news .ul-two .li-l {
  width: calc(100% - 220px);
}
.n-news .ul-two .li-l .h {
	position: relative;
  font-size: 20px;
  line-height: 26px;
  height: 26px;
  color: #000;
  padding-right: 25%;
  opacity: 0.8;
  margin-bottom: 15px;
  -webkit-transition: all .8s;
  transition: all .8s;
}
.n-news .ul-two .li-l .time {
	position: absolute;
	right: 0;
	top: 0;
  margin-left: 15px;
  font-size: 14px;
  color: #666;
  line-height: 26px;
}
.n-news .ul-two .li-l .p {
	padding-right: 25%;
  font-size: 16px;
  line-height: 26px;
  color: #000;
  opacity: .5;
  height: 52px;
  overflow: hidden;
}
.n-news .ul-two .li-r {
  width: 199px;
  overflow: hidden;
}
.n-news .ul-two .li-r img {
  width: 100%;
  -webkit-transition: all .8s;
          transition: all .8s;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

.n-info-two {
  padding-top: 80px;
  background: #f7f7f7;
}
.n-info-two .infobox {
  padding: 70px 120px;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  min-height: 600px;
}
.n-info-two .infobox .info-top {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 18px;
  text-align: left;
}
.n-info-two .infobox .info-top .h {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  text-align: center;
  width: 80%;
  margin: 0 auto 35px;
}
.n-info-two .infobox .info-top .time {
  color: #999;
  font-size: 14px;
  line-height: 24px;
  padding-left: 25px;
  background: url(/static/images/img8.png) no-repeat left center;
  display: block;
  margin: 0 auto;
  width: 125px;
}
.n-info-two .infobox .text {
  padding: 55px 0;
  font-size: 16px;
  color: #666;
  line-height: 28px;
  border-bottom: 1px solid #e5e5e5;
}
.n-info-two .infobox .text img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.n-info-two .infobox .text video {
    max-width: 100%;
    margin-left: -30px;
}
.n-info-two .infobox .bot {
  padding-top: 45px;
}
.n-info-two .infobox .bot-l {
  width: 70%;
}
.n-info-two .infobox .bot-l span {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  display: block;
}
.n-info-two .infobox .bot-l span a {
  color: #666;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
          transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
}
.n-info-two .infobox .bot-l span a:hover {
  color: #1272b9;
}
.n-info-two .infobox .bot-r {
  width: 60px;
}
.n-info-two .infobox .bot-r a {
  display: block;
  text-align: left;
  color: #333;
  font-size: 14px;
  -webkit-transition: all 0.8s ease;
          transition: all 0.8s ease;
  padding-right: 25px;
  background: url(/static/images/img9.png) no-repeat right 3px;
}
.n-info-two .infobox .bot-r a:hover {
  color: #1272b9;
  background: url(/static/images/img9.png) no-repeat right -20px;
}

.sreach-box {
  margin: 50px 0 ;
  height: 70px;
  box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: relative;
  z-index: 1;
}
.sreach-box label {
  width: 100%;
  height: 70px;
  display: block;
}
.sreach-box .text {
  width: 1000px;
  border: none;
  background: none;
  line-height: 70px;
  height: 70px;
  color: #666;
  text-indent: 10px;
  font-weight: normal;
}
.sreach-box .submit {
  height: 70px;
  width: 85px;
  background: url(/static/images/img5-2.png) no-repeat center center;
  border: none;
  position: relative;
  z-index: 12;
}

.n-inestor .ul, .n-inestor .li {
  width: 100%;
}
.n-inestor .ul .li {
  padding: 35px 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  line-height: 26px;
  position: relative;
}
.n-inestor .ul .li .p {
  font-size: 18px;
  color: #666;
  width: calc(100% - 150px);
  padding-left: 40px;
  box-sizing:border-box;
  background: url(/static/images/img11.png) no-repeat left 5px;
}
.n-inestor .ul .li .p p {
  margin-bottom: 0;
}
.n-inestor .ul .li .time {
  font-size: 14px;
  color: #999;
}

.n-inestor .ul-two .li {
  width: 22%;
  margin-right: 3.5%;
  margin-bottom: 3.5%;
  float: left;
}
.n-inestor .ul-two .li:nth-child(4n) {
  margin-right: 0;
}

.n-inestor .ul-two .li:hover .h {
  color: #1272b9;
}
.n-inestor .ul-two .img {
  overflow: hidden;
  margin-bottom: 20px;
}
.n-inestor .ul-two .img img {
  width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s ease;
          transition: all .8s ease;
}
.n-inestor .ul-two .bot {
  background: url(/static/images/img11.png) no-repeat right 5px;
}
.n-inestor .ul-two .h {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 5px;
  color: #000;
  width: calc(100% - 35px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .8s ease;
          transition: all .8s ease;
}
.n-inestor .ul-two .time {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

.n-personnel .page-header {
  padding: 80px 0 20px;
  margin-top: 0;
  text-align: left;
  border-bottom: 1px solid #e4e4e4;
}
.n-personnel .lista {
  background: #fff;
  padding-bottom: 80px;
}
.n-personnel .lista .dlbox {
  background: #fff;
  margin-bottom: 20px;
  margin-top: 60px;
}
.n-personnel .lista .dlbox .dd {
  width: 50%;
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.n-personnel .lista .dlbox .dd img {
  width: 100%;
}
.n-personnel .lista .dlbox .dt {
  width: 50%;
  height: 500px;
  padding: 80px 5%;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
}
.n-personnel .lista .dlbox .dt .h {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.n-personnel .lista .dlbox .dt .y {
  font-size: 20px;
  color: #323232;
  opacity: .5;
  line-height: 24px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.n-personnel .lista .dlbox .dt .line {
  width: 27px;
  height: 1px;
  background: #323232;
  display: block;
}
.n-personnel .lista .dlbox .dt .p {
  margin-top: 20px;
  font-size: 16px;
  color: #323232;
  opacity: .7;
  line-height: 30px;
}
.n-personnel .listb {
  padding: 80px   0;
}
 
.listb .line div{
  font-size:18px;
  color: #000;
  opacity: .8;
  line-height:28px;
}
.n-personnel .listb .li-list {
  width: 23%;
  margin-right: 2.6%;
  float: left;
  background: #fff;
}
.n-personnel .listb .li-list:nth-child(4n) {
  margin-right: 0;
}
.n-personnel .listb .li-list .img {
  overflow: hidden;
}
.n-personnel .listb .li-list .img img {
  width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-personnel .listb .li-list:hover .img img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.n-personnel .listb .p-text {
  width: 100%;
  padding: 25px 30px;
  box-sizing: border-box;
}
.n-personnel .listb .p-text .h {
  font-size: 18px;
  color: #1b1b1b;
  opacity: .9;
  line-height: 30px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.n-personnel .listb .p-text .spdiv {
  height: 120px;
}
.n-personnel .listb .p-text .sp {
  font-size: 14px;
  line-height: 30px;
 color: #1b1b1b;
  opacity: .9;
  padding-left: 15px;
  background: url(/static/images/img13.png) no-repeat left 11px;
}
.n-personnel .listd {
  background: #fff;
  padding: 80px 0;
}
.n-personnel .listd .dlbox {
  background: #fff;
  margin-bottom: 20px;
}
.n-personnel .listd .dlbox .dd {
  width: 50%;
  height: 460px;
}
.n-personnel .listd .dlbox .dd img {
  width: 100%;
}
.n-personnel .listd .dlbox .dt {
  width: 50%;
  height: 460px;
  padding: 80px 5%;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
}
.n-personnel .listd .dlbox .dt .h {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.n-personnel .listd .dlbox .dt .y {
  font-size: 18px;
  color: #999;
  line-height: 24px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.n-personnel .listd .dlbox .dt .line {
  width: 25px;
  height: 2px;
  background: #b2b2b2;
  display: block;
}
.n-personnel .listd .dlbox .dt .p {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
 
.n-personnel .listc {
  padding: 70px 0;
}
.n-personnel .listc .li-list {
  width: 32%;
  margin-right: 2%;
  float: left;
  background: #fff;
}
.n-personnel .listc .li-list:nth-child(3n) {
  margin-right: 0;
}
.n-personnel .listc .li-list .img {
  overflow: hidden;
}
.n-personnel .listc .li-list .img img {
  width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s;
          transition: all .8s;
}
 
.n-personnel .listc .h {
  font-size: 18px;
  line-height: 24px;
  padding: 28px 0;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}
.n-personnel .liste .page-header {
  border-bottom: none;
}
.n-personnel .liste .li {
  float: left;
}
.n-personnel .liste .carousel .li {
  background: #fff;
  text-align: center;
}
.n-personnel .liste .carousel .li .img {
  overflow: hidden;
}
.n-personnel .liste .carousel .li img {
  width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-personnel .liste .carousel .li:hover .img img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.n-personnel .liste .carousel .li:hover .p {
  background: #1272b9;
  color: #fff;
}
.n-personnel .liste .carousel .owl-pagination {
  text-align: center;
  margin-top: 35px;
}
.n-personnel .liste .carousel .p {
  font-size: 16px;
  color: #666;
  height: 50px;
  line-height: 50px;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-personnel .liste .carousel .owl-pagination .owl-page {
  width: 10px;
  height: 10px;
  background: #8d8d8d;
  border-radius: 50%;
  display: inline-block;
  margin: 0 7px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.n-personnel .liste .carousel .owl-pagination .owl-page.active {
  background: #1272b9;
}
.n-chance .page-header{
	margin-top: 80px;
	text-align: left;
	border-bottom: 1px solid #e4e4e4;
}
.n-chance .lista {
  padding: 1px 0 60px;
  background: #fff;
}
.n-chance .lista .w-ul {
  text-align: center;
  margin-top: 70px;
}
.n-chance .lista .ul {
  display: inline-block;
}
.n-chance .lista .li {
  text-align: center;
  margin: 0 56px;
  width: 186px;
  height: 186px;
  padding: 50px 0 20px;
  box-sizing: border-box;
  border: 1px solid #f1f1f1;
  cursor: pointer;
  position: relative;
  float: left;
}
.n-chance .lista .li .sp {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
  display: inline-block;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-chance .lista .li .sp1 {
  background: url(/static/images/img13.png) no-repeat center top;
}
.n-chance .lista .li .sp2 {
  background: url(/static/images/img13-1.png) no-repeat center top;
}
.n-chance .lista .li .sp3 {
  background: url(/static/images/img13-2.png) no-repeat center top;
}
.n-chance .lista .li .sp4 {
  background: url(/static/images/img13-3.png) no-repeat center top;
}
.n-chance .lista .li .p {
  font-size: 18px;
  line-height: 24px;
  color: #333;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-chance .lista .li .j {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -5px;
  opacity: 0;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-chance .lista .li:hover, .n-chance .lista .li.cur {
  background: #1272b9;
  border: 1px solid #1272b9;
}
.n-chance .lista .li:hover .sp, .n-chance .lista .li.cur .sp {
  background-position: center bottom !important;
}
.n-chance .lista .li:hover .p, .n-chance .lista .li.cur .p {
  color: #fff;
}
.n-chance .lista .li:hover .j, .n-chance .lista .li.cur .j {
  opacity: 1;
  -webkit-transform: translate(0, 5px);
      -ms-transform: translate(0, 5px);
          transform: translate(0, 5px);
  border-top: 10px solid #1272b9;
}
.n-chance .listb {
  padding: 80px 0  ;
}
 
.n-chance .listb .ulbox li {
  padding: 40px 30px;
  float: left;
  margin-bottom: 2.6%;
  background: #fff;
  width: 23%;
  cursor: pointer;
  margin-right: 2.6%;
  box-sizing: border-box;
}
.n-chance .listb .ulbox li:nth-child(4n) {
  margin-right: 0;
}
.n-chance .listb .ulbox li .t {
  color: #989898;
  font-size: 15px;
  line-height: 20px;
  font-family: "Arial";
  margin-bottom: 15px;
}
.n-chance .listb .ulbox li .h {
  font-size: 20px;
  color: #666;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.n-chance .listb .ulbox li .p {
  color: #666;
  line-height: 22px;
  font-size: 14px;
  height: 110px;
  overflow: hidden;
  margin: 26px 0 55px;
}
.n-chance .listb .ulbox li .more {
  font-size: 14px;
  color: #333;
  width: 110px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #f7f7f7;
  -webkit-transition: all .5s;
          transition: all .5s;
}
.n-chance .listb .ulbox li .j {
  width: 9px;
  height: 10px;
  background: url(/static/images/img14.png) no-repeat center center;
}
.n-chance .listb .ulbox li .j {
  display: inline-block;
}
.n-chance .listb .ulbox li:hover .j {
  background: url(/static/images/img14-1.png) no-repeat center;
}
.n-chance .listb .ulbox li:hover .more {
  background: #1272b9;
  color: #fff;
}
/*.n-chance .listb .wpage {
  padding-top: 30px;
}*/

.n-business .lista {
  background: #fff;
  padding: 80px 0;
}
.n-business .lista .dlbox {
  background: #fff;
}
.n-business .lista .dlbox .dd {
  width: 45%;
  /*height: 460px;*/
  text-align: center;
}
.n-business .lista .dlbox .dd img {
  max-width: 100%;
}
.n-business .lista .dlbox .dt {
  width: 53%;
  height: 460px;
  padding: 0 3.5%;
  box-sizing: border-box;
}
.n-business .lista .dlbox .dt .h {
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 10px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.n-business .lista .dlbox .dt .y {
  font-size: 18px;
  color: #999;
  line-height: 24px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.n-business .lista .dlbox .dt .line {
  width: 25px;
  height: 2px;
  background: #b2b2b2;
  display: block;
}
.n-business .lista .dlbox .dt .p {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
 

.n-business .listb {
  padding: 40px 0 80px;
}
.n-business .listb .page-header {
 text-align: left;
}
.n-business .listb .ul {
  width: 100%;
}
.n-business .listb .li {
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 3%;
  float: left;
  padding: 50px;
  background: #fff;
  -webkit-transition: all .8s;
          transition: all .8s;
  box-sizing: border-box;
}
.n-business .listb .li .h {
  font-size: 26px;
  line-height: 1.8;
  color: #005ba0;
  margin-bottom: 5px;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-business .listb .li .p {
  font-size: 17px;
  line-height: 30px;

  color: #777676;
  -webkit-transition: all .8s;
          transition: all .8s;
	height: 180px;
          
}

.n-business .listb .li .libox{
  margin-top: 25px;
	
}
 
.n-business .listb .li .sp {
 display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0  80px 0 20px;
  background: #e1e1e1;
  color: rgba(27,27,27,.9);
  font-size: 17px;
  display: block;
  position: relative;
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
  box-sizing: border-box;
  -webkit-transition: all .8s;
          transition: all .8s;
}
 
.n-business .listb .li .sp:before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  right: 20px;
  top: 0;
  background: url(/static/images/img16.png) no-repeat center;
}
.n-business .listb .li .sp:hover {
  background: #fff;
}
.n-business .listb .li:nth-child(2n) {
  margin-right: 0;
}

.n-business .listb .li:hover {
  background: #1272b9;
}
.n-business .listb .li:hover .h, .n-business .listb .li:hover .h-tit {
  color: #fff;
}
.n-business .listb .li:hover .p {
  color: #fff;
  opacity: .8;
}
.n-busines-info .page-header{
	text-align: left;
border-bottom: 1px solid #e4e4e4;
}
.n-busines-info .lista .page-header{
	color: #206fac;
}
.n-busines-info .p-text {
  margin: 5px 0;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.n-busines-info .p-text p{
	margin: 5px 0;
	font-size: 20px;
	line-height: 30px;
	color: #000000;
	opacity: .85;
}

.n-busines-info .p-text img {
	max-width:100%!important;
	margin-left: -30px!important;
}
.n-busines-info .lista {
  background: #fff;
  padding-top: 1px;
  padding-bottom: 60px;
}
.n-busines-info .lista .carousel .li {
  background: #fff;
  text-align: center;
  float: left;
  position: relative;
  padding: 0 10px;
  margin: 0;
  width: 100%;
}
.n-busines-info .lista .carousel .li .img {
  overflow: hidden;
}
.n-busines-info .lista .carousel .li img {
  width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-busines-info .lista .carousel .li:hover .img img {
  width: 100%;
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
 
.n-busines-info .lista .carousel .owl-pagination {
  text-align: center;
  margin-top: 35px;
}
.n-busines-info .lista .carousel .p {
  font-size: 16px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  bottom: 0;
}
.n-busines-info .lista .carousel .owl-pagination .owl-page {
  width: 10px;
  height: 10px;
  background: #8d8d8d;
  border-radius: 50%;
  display: inline-block;
  margin: 0 7px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.n-busines-info .lista .carousel .owl-pagination .owl-page.active {
  background: #1272b9;
}
.n-busines-info .listb {
  padding: 40px 0 80px;
}
.n-busines-info .listb a {
  display: block;
}
.n-busines-info .listb .carousel{
	margin-right: -14px;
}
.n-busines-info .listb .carousel .li {
  background: #fff;
  text-align: center;
  position: relative;
  margin-right: 15px;
}
.n-busines-info .listb .carousel .li .img {
  overflow: hidden;
  position: relative;
}
.n-busines-info .listb .carousel .li .imga {
  width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-busines-info .listb .carousel .li .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #c2ddef;
  opacity: 0;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-busines-info .listb .carousel .li .bgimg img {
  width: 130px;
  height: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -65px;
  margin-top: -65px;
}
.n-busines-info .listb .carousel .li:hover .bgimg {
  opacity: .2;
}

.n-busines-info .listb .carousel .owl-pagination {
  text-align: center;
  margin-top: 35px;
}
.n-busines-info .listb .owl-buttons .owl-next {
    right: 45px;
}
.n-busines-info .listb .carousel .p {
  font-size: 16px;
  color: #333;
  height: 50px;
  line-height: 50px;
  background: #fff;
  -webkit-transition: all .8s;
          transition: all .8s;
  border-top: 1px solid #fff;
}
.n-busines-info .listb .carousel .li:hover .p {
  background: #c2ddef;
  border-top: 1px solid #42c5f2;
}
.n-busines-info .listb .carousel .owl-pagination .owl-page {
  width: 10px;
  height: 10px;
  background: #8d8d8d;
  border-radius: 50%;
  display: inline-block;
  margin: 0 7px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.n-busines-info .listb .carousel .owl-pagination .owl-page.active {
  background: #1272b9;
}
.location-nav{
	position: relative;
	margin-bottom: 130px;
	z-index: 5;
}
.location-nav .main{
	position: absolute;
	top: -81px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	width: 1044px;
	margin: 0 auto;
	box-shadow: 3px 0px 24px rgba(0,0,0,.2);
	z-index: 2;
}

.navswiper{
	position: relative;
	padding: 0 70px;
}

.navswiper a{
	padding: 30px 0;
	text-align: center;
	display: block;
}
.navswiper a:hover{
	opacity: .8;
}
.navswiper .ico{
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.navswiper .ico img{
	display: block;
	margin: 0 auto;
	height: 78px;
}
.navswiper .tit{
	margin-top: 5px;
	font-size:19px ;
	color: #171717;
	opacity: .7;
	line-height: 25px;
    height: 50px;
}
.navswiper .active a{
	border-bottom: 5px solid #005ba0;
}
.navswiper .active .tit{
	opacity: .9;
}
.navswiper .active .ico img{
	opacity: 0;
}
.navswiper .swiper-button-prev,
.navswiper .swiper-button-next{
	width: 11px;
	height: 20px;
	margin-top: -10px;
	background: url(/static/images/wel08.png) no-repeat center;
}
.navswiper .swiper-button-prev{
	left: 25px;
}
.navswiper .swiper-button-next{
	right: 25px;
	transform: rotate(180deg);
}


.h-nav{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  /*background-color: #fff;
  box-shadow: 1px 3px 10px rgba(0,0,0,.1);*/
}
.h-nav-a{
  display: block;
  color: #171717;
  margin: 0 -15px;
  height: 57px;
  padding: 5px 0;
  background-color: #fff;
  font-size: 16px;
  border-right: 1px solid #e6e6e6;
  text-align: center;
  transition:color 0.6s;
  box-sizing:border-box;
}
.h-nav-a .ico{
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  background-size: 100% auto;
  background-position: 0 0;
  vertical-align: middle;
}
/* 中等屏幕（桌面显示器
，大于即是 992px） */
@media (min-width: 992px) {
	.h-nav{
    margin-top: 120px;
    position: relative;
    height: auto;
    background-color: transparent;
    box-shadow: none;
  }
  .h-banner-content-two .h-nav{
    margin-top: 90px;
  }
  .h-nav-a{
    display: block;
    padding: 0;
    line-height: 57px;
    font-size: 19px;
    margin: 0;
    border-right: none;
  }
  .h-nav-a .ico{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 8px;
  }

  .banner-ccp-t .h-banner-title{
    margin-top: 45px;
  }
  .banner-ccp-t .h-nav{
    margin-top: 80px;
  }
}

 

#navlist .owl-item .col-xs-m{
  width: 100%;
  float: none;
}


.n-about{
  position: relative;
  z-index: 2;
}
.n-about .lista {
  padding: 1px 0 60px;
  background: #fff;
  overflow: hidden;
}
.n-about .lista .page-header {
  border-bottom: none;
  text-align: center;
}
.n-about .lista .dlbox {
  background: #fff;
  margin-bottom: 20px;
  margin-top: 40px;
}
.n-about .lista .dlbox .dd {
  width: 40.76%;
}
.n-about .lista .dlbox .dd img {
  width: 100%;
}
.n-about .lista .dlbox .dt {
  width: 58%;
  margin-top: 70px;
  box-sizing: border-box;
}
.n-about .lista .dlbox .dt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000;
  border-radius: 0;
}
.n-about .lista .dlbox .dt .h {
  font-size: 40px;
  line-height: 40px;
  color: #005ba0;
  margin-bottom: 10px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.n-about .lista .dlbox .dt .y {
  font-size: 20px;
  color: #313131;
  line-height: 24px;
  opacity: .6;
  margin-bottom: 25px;
}
.n-about .lista .dlbox .dt .line {
  width: 20px;
  height: 2px;
  background: #b2b2b2;
  display: block;
}
.n-about .lista .dlbox .dt .p {
  margin-top: 20px;
  font-size: 18px;
  color: #171717;
  opacity: .6;
  line-height: 36px;
  margin-bottom: 56px;
}
.n-about .lista .dlbox .dt .p img {
  max-width: 100%;
}
.n-about .lista .dlbox .dt .p-bot{
	text-align: right;
  color: #171717;
  font-size: 20px;
  opacity: .82;
  height: 58px;
  line-height: 58px;
  margin-right: 10px;
}
.n-about .lista .dlbox .dt .p-bot img {
  display: inline-block;
}
.listb{
	background: #f7f7f7;
	}
.n-about .listb {
  padding: 30px 0 80px;
}
.n-about .listb .page-header {
  border-bottom: none;
  text-align: center;
}
.n-about .listb .p {
  width: 1140px;
  margin: 0 auto 50px;
  font-size: 18px;
  line-height: 36px;
  color: #171717;
  opacity: .6;
  overflow: hidden;
  max-width: 100%;
}
.n-about .listb .p p{
	text-indent: 2em;
	}
.n-about .listb .p img {
  max-width: 100%;
}
.n-about .listb .p.active {
  height: auto;
}
.num-com2{
	}
.n-about .listb .ul {
  width: 1100px;
  margin: 0 auto 50px;
  max-width: 100%;
}
.n-about .listb .ul .li {
  width: 25%;
  float: left;
  text-align: center;
}
.n-about .listb .ul .li .hsu {
  font-size: 90px;
  line-height: 1;
  margin-bottom: 15px;
  color: #005ba0;
 font-family: impact;
}
.n-about .listb .ul .li .hsu span{
display: inline-block;
vertical-align: middle;
  font-size: 100px;
	
	}
.n-about .listb .ul .li .p1 {
  font-size: 16px;
  line-height: 1.5;
  color: #171717;
}
.n-about .listb .more {
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #c2c2c2;
  margin: 0 auto;
  cursor: pointer;
  padding: 0 40px;
  box-sizing: border-box;
  -webkit-transition: all .5s;
          transition: all .5s;
          position: relative;
}
.n-about .listb .more span {
  display: inline-block;
  position: relative;
  z-index: 3;
}
.n-about .listb .more .img {
  width: 15px;
  height: 45px;
  background: url(/static/images/img18.png) no-repeat center;
  -webkit-transition: all .5s;
          transition: all .5s;
  display: inline-block;
}
.n-about .listb .more:hover {
  border: 1px solid #1272b9;
  /*background: #1272b9;*/
  color: #fff;
}
.n-about .listb .more:hover .img {
  background: url(/static/images/img18-1.png) no-repeat center;
}
.n-about .listc {
  width: 100%;
  padding: 0 0 90px;
  overflow: hidden;
}
.n-about .listc img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	}

.n-about .liste {
  padding: 40px 0 100px;
  background: url(/static/images/honorbg.jpg) no-repeat center;
  background-size: cover;
}
.n-about .liste .page-header {
  border-bottom: none;
  text-align: center;
  color: #fff;
}
.n-about .liste .wtimelist {
  width: 860px;
  margin: 0 auto 65px;
  padding: 0 56px;
  height: 35px;
  box-sizing: border-box;
  position: relative;
}
.n-about .liste .wtimelist .swiper-button-next {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -17.5px;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  background: url(/static/images/img22.png) no-repeat center;
}
.n-about .liste .wtimelist .swiper-button-prev {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -17.5px;
  background: url(/static/images/img22.png) no-repeat center;
}
.n-about .liste .timelist {
  overflow: hidden;
}
.n-about .liste .timelist .swiper-slide {
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 18px;
  float: left;
  font-family: "Arial";
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-about .liste .timelist .swiper-slide.cur {
  border: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.n-about .liste .honorbox {
  overflow: hidden;
  position: relative;
}
.n-about .liste .honorbox .swiper-slide {
  background: #fff;
}
.n-about .liste .honorbox .swiper-slide .img {
  position: relative;
  overflow: hidden;
 height: 230px;
}
.n-about .liste .honorbox .swiper-slide img {
  width: 100%;
  -webkit-transition: all .8s;
          transition: all .8s;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
	
}
.n-about .liste .honorbox .swiper-slide .time {
  width: auto;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #1272b9;
  font-size: 18px;
  font-family: "Arial";
  position: absolute;
  left: 0;
  top: 0;
  color:rgba(255,255,255,.9);
}
.n-about .liste .honorbox .swiper-slide .p-text {
  padding: 25px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}
.n-about .liste .honorbox .swiper-slide .p-text .p{
   height: 90px;
}
.n-about .liste .honorbox .swiper-slide:hover .img img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.n-about .liste .honorbox .swiper-button-next {
  width: 47px;
  height: 47px;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -23.5px;
  background: url(/static/images/img23.png) no-repeat center;
  transform: rotate(180deg);
  opacity: 1;
}
.n-about .liste .honorbox .swiper-button-prev {
  width: 47px;
  height: 47px;
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -23.5px;
  background: url(/static/images/img23.png) no-repeat center;
  opacity: 1;
}
/*.n-about .liste .honorbox .swiper-button-prev.swiper-button-disabled,
.n-about .liste .honorbox .swiper-button-next.swiper-button-disabled{
	opacity: .6;
}*/
@media only screen and (min-width: 1200px) {
	.n-about .liste .honorbox .swiper-button-next {
  right: 40%;
  top: auto;
  bottom: 0;
  margin-top: 0;
  background-size: cover;
}
.n-about .liste .honorbox .swiper-button-prev {
	left: 40%;
  top: auto;
  bottom: 0;
  margin-top: 0;
  background-size: cover;
}
.n-about .liste .honorbox {
	padding-bottom: 80px;
}
}
.n-about .liste .honorbox .swiper-button-prev:hover ,
.n-about .liste .honorbox .swiper-button-next:hover {
  opacity: .8;
}
 
.history{
	background: #f7f7f7;
	padding: 30px 0;
}

.history .main{
position: relative;
}
.history img{
	float: left;
	width: 20.4%
}
.swiper-history{
	width: 69%;
	position: absolute;
	left: 20.4%;
	height: 100%;
}
.previewhis {
	padding: 0 21px 0 60px;
	height: 100%;
	background: url(/static/images/history_line.jpg) no-repeat right center;
}
 
.previewhis .swiper-slide {
	height: 50%;
}
 
.previewhis .swiper-slide:nth-child(2n) {
	margin-top: 24%;
}

.previewhis .swiper-slide .tbox {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 200%;
	padding: 35px;
}
.previewhis .swiper-slide .tbox:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 18px;
	height: 189px;
	margin-left: 0;
	background: url(/static/images/tlbg.png) no-repeat left bottom;
}

.previewhis .swiper-slide:nth-child(2n) .tbox:before {
	bottom: auto;
	top: 0;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.previewhis .swiper-slide .tbox .time {
	font-size: 26px;
	color: #015ba0;
	line-height: 1;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.previewhis .swiper-slide:nth-child(2n) .tbox  .time {
   margin-top: 65px;
}

.previewhis .swiper-slide:hover .tbox .time {
	color: #337ebe;
}
 
.previewhis .swiper-slide .tbox .txt {
	width: 100%;
	font-size: 14px;
	color: #a0a0a0;
	line-height: 22px;
	max-height: 100%;
	overflow: hidden;
}
.previewhis .summary{
	height: 110px;
}
.previewhis .swiper-slide .tbox .txt li {
	margin-top: 20px;
}
.previewhis .swiper-slide .tbox .txt li span{
	color: #fff;
	font-size: 16px;
	padding: 0 15px;
	display: inline-block;
	border-radius: 25px;
	background: #2171b5;
	height: 30px;
	line-height: 30px;
}

.previewhis .swiper-container {
	width: 100%;
	height: 100%;
}

.previewhis .swiper-button-next,
.previewhis .swiper-button-prev {
	width: 21px;
	height: 41px;
	margin-top: -20.5px;
}

.previewhis .swiper-button-next {
	right: -2px;
	background: url(/static/images/hisright.png) no-repeat center center;
}


.previewhis .swiper-button-prev {
	left: -2px;
	background: url(/static/images/hisleft.png) no-repeat center center;
}

.previewhis .swiper-button-prev:hover  ,
.previewhis .swiper-button-next:hover {
	opacity: .8
}
.previewhis .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
} 
.previewhis .swiper-button-next.swiper-button-disabled{
	opacity: 1;
}

.shzr{
	background: #fff;
	}

.shzr .main{
	margin-top: 65px;
	}
	.shzr  .tbox{
	text-align: center;
}
	.shzr  .tbox li{
		display: inline-block;
		vertical-align: top;
		border-right: 2px solid #e8e9e9;
		width: 280px;
		padding: 0 35px;
		}
	.shzr  .tbox li .ico img{
		display: block;
		width: 167px;
		margin: 0 auto;
	}
 
	.shzr  .desc{
		color: #222423;
		font-size: 16px;
		line-height: 26px;
		}
	.shzr  .time{
		font-size: 33px;
		font-weight: bold;
		margin-bottom: 15px;
	}
 .shzr .pic{
 	margin-top: 80px;
 	}
.shzr .pic li{
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
}
.shzr .pic li:nth-child(3){
	margin-right: 0;
	}
.shzr .pic li img{
	display: block;
	width: 100%;
	}

.videoswiper{
	padding: 0 180px ;
	position: relative;
	}
	
	.videoswiper li{
		margin-bottom: 50px;
	}
	.videoswiper .img{
      overflow: hidden;
    height: 420px;
    position: relative;
	}
.videoswiper .img a {
      display: block;
      position: relative; 
      overflow: hidden;
      }
      .videoswiper .img .video-js .vjs-big-play-button {
        /*display: block;*/
        /*position: absolute;*/
        top: auto!important;
        left: 15px!important;
        bottom: 30px!important;
        /*background: url(/static/images/nimg67.png) center no-repeat;
        background-size: cover;
        width: 69px;
        height: 69px;*/
    margin: 0!important;
        
        }
       .videoswiper .img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videoswiper .img img{
	display: block;
	width: 100%;
	-webkit-transition: all .8s;
    transition: all .8s;

	}
	.videoswiper .img:hover img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
	}
    .videoswiper .name {
    	margin-top: 25px;
      font-size: 20px; 
      color: #000000;
      opacity: .8;
       }
    .videoswiper .name a{
      color: #000000;
    	height: 30px;
    	line-height: 30px;
    }
    .videoswiper .name a:hover{
    	color: #0088CC;
    }
.videoswiper .swiper-button-prev, 
.videoswiper .swiper-button-next {
    width: 54px;
    height: 54px;
    margin-top: -27px;
    background: url(/static/images/videoarrows.png) no-repeat center;
    background-size: cover;
    }
    .videoswiper .swiper-button-prev{
    	left: 0;
    	}
.videoswiper .swiper-button-next {
	right: 0;
	transform: rotate(180deg);
}
.videoswiper .swiper-button-prev:hover, 
.videoswiper .swiper-button-next:hover {
	border: 2px solid #bebebe;
	border-radius: 50%;
}
.honor{
	padding: 100px 0;
}
.honor .main{
	margin-top: 100px;
}
.honor .more{
	text-align: center;
	margin-top: 85px;
	padding-bottom: 55px;
	background: url(/static/images/videodown.png) no-repeat center bottom;
}
.honor .more a{
	display: inline-block;
	width: 250px;
	height: 67px;
	line-height: 65px;
	border: 1px solid #d2d2d2;
	font-size: 22px;
	color:  rgba(0,0,0,.5);
	transition:all 0.3s;
}
.honor .more a:hover{
	background: #005ba0;
	color: #fff;
}




.n-videopage-t .video-box .imga {
  position: relative;
}

.text-blue {
  color: #1272b9;
}

.video-ajax::after, .video-ajax::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  /*background: #f7f7f7;*/
  z-index: -1;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.video-ajax::before {
  top: 0;
}

.video-ajax::after {
  bottom: 0;
}

.video-ajax.hide-a::after, .video-ajax.hide-a::before {
  height: 0;
}

.video-ajax.hidetwo .recrult-t {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: ease all .5s;
          transition: ease all .5s;
}

.video-ajax {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 23;
  display: none;
}

.video-ajax .bg-close {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10;
}

.video-ajax .recrult-t {
  z-index: 24;
  width: 650px;
  height: 650px;
  top: 50%;
  left: 50%;
  margin-top: -325px;
  margin-left: -325px;
  position: absolute;
  background: #fcfcfc;
  padding: 50px 40px 70px;
  box-sizing: border-box;
}
.video-ajax .recrult-t .p-text {
  width: 100%;
}
.video-ajax .recrult-t .p-text .h {
  font-size: 22px;
  line-height: 22px;
  padding-bottom: 15px;
  color: #333;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 25px;
  font-weight: bold;
}
.video-ajax .recrult-t .p-text .p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 350px;
}
.video-ajax .recrult-t .p-text .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
}
.video-ajax .recrult-t .p-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #36BEF0;
}
.video-ajax .recrult-t .p-text .box1 {
  margin-bottom: 35px;
}
.video-ajax .recrult-t .p-text .h-tit {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.5;
  font-weight: bold;
}
.video-ajax .recrult-t .p-text .ex-more {
  margin-top: 60px;
  width: 150px;
  height: 40px;
  border-radius: 0;
  background: #1272b9;
}
.video-ajax .recrult-t .p-text .ex-more:after {
  background: url(/static/images/img15.png) no-repeat center center;
  background-size: 16px auto;
}
.video-ajax .recrult-t .p-text .ex-more:hover:after {
  right: 25px;
}

.img-mobile {
  display: none;
}

.h-news-nav-ico1 {
  background-image: url(/static/images/img6.png);
}

.h-news-nav-ico2 {
  background-image: url(/static/images/img6-1.png);
}

.h-investor-ico1 {
  background-image: url(/static/images/img6-2.png);
}

.h-investor-ico2 {
  background-image: url(/static/images/img6-3.png);
}

.h-investor-ico3 {
  background-image: url(/static/images/img6-4.png);
}

.h-investor-ico4 {
  background-image: url(/static/images/img6-5.png);
}

.h-investor-ico5 {
  background-image: url(/static/images/img6-6.png);
}

.h-per-nav-ico1 {
  background-image: url(/static/images/img6-7.png);
}

.h-per-nav-ico2 {
  background-image: url(/static/images/img6-8.png);
}

.h-per-nav-ico3 {
  background-image: url(/static/images/img6-9.png);
}

.h-bus-nav-ico1 {
  background-image: url(/static/images/img6-10.png);
}

.h-bus-nav-ico2 {
  background-image: url(/static/images/img6-11.png);
}

.h-bus-nav-ico3 {
  background-image: url(/static/images/img6-12.png);
}

.wclosebtn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 9;
}

.wclosebtn span {
  vertical-align: middle;
}

.wclosebtn .icon {
  position: relative;
  width: 35px;
  height: 35px;
  margin-left: 12px;
  display: inline-block;
}

.wclosebtn .icon .circle {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #000;
  border-radius: 50%;
  -webkit-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}

.wclosebtn .icon .line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background-color: #000;
  -webkit-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
}
.z-activity-container{
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .wclosebtn .icon:hover .circle {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .wclosebtn .icon:hover .line.line1 {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .wclosebtn .icon:hover .line.line2 {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 16px;
  }
  .h-story-container .swiper-slide-active .h-story-slide{
    cursor: pointer;
  }
  .h-story-container .swiper-slide-active .h-story-slide .tit{
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }
  .h-story-container .swiper-slide-active .h-story-slide:hover .tit{
    color: #1272b9;
  }
}
@media (max-width: 1024px) {
  .wclosebtn .icon .circle {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .wclosebtn .icon .line.line1 {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .wclosebtn .icon .line.line2 {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@media (max-width: 720px) {
  .wclosebtn .icon {
    width: 31px;
    height: 30px;
  }
}
.col-xs-m {
  width: 20%;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}

.ex-more {
  position: relative;
  display: block;
  width: 180px;
  height: 40px;
  font-size: 16px;
  font-weight: lighter;
  line-height: 40px;
  text-align: center;
  border-radius: 40px;
  color: #fff;
  background: #1272b9;
}

.ex-more span {
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: inline-block;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.ex-more::after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 50px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/static/images/img2.png) no-repeat center center;
  background-size: 15px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: right 0.4s, opacity 0.4s;
  transition: right 0.4s, opacity 0.4s;
}

@media (min-width: 1024px) {
  .ex-more:hover span {
    opacity: 1;
    color: #fff;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.4s;
            transition: all 0.4s;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .ex-more:hover::after {
    right: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .n-business .listb .li .p-text {
    height: 255px;
  }
}
@media (max-width: 1024px) {
  .ex-more {
    width: 128px;
    height: 35.2px;
    line-height: 35.2px;
  }
}
@media (max-width: 768px) {
  .ex-more {
    width: 112px;
    height: 30.8px;
    font-size: 14px;
    line-height: 30.8px;
  }
}
@-webkit-keyframes downbtn2 {
  0%, 30%, 60%, 90% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  20%, 50%, 80% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
@keyframes downbtn2 {
  0%, 30%, 60%, 90% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  20%, 50%, 80% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
@-webkit-keyframes downbtn {
  0%, 30%, 60%, 90% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  20%, 50%, 80% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}
@keyframes downbtn {
  0%, 30%, 60%, 90% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  20%, 50%, 80% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}
.wpage {
  text-align: center;
  /*padding: 60px 0 0;*/
}

.page {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  clear: both;
  display: inline-block;
}

.page a {
  text-decoration: none;
  color: #d2d2d2;
  padding: 10px 15px;
  margin-right: 3px;
  margin-bottom: 5px;
  font-size: 18px;
  display: inline-block;
  background: #fff;
  border: 1px solid #fff;
  font-weight: normal;
  -webkit-transition: all .5s;
          transition: all .5s;
}

.page a.active {
  background: #1272b9;
  color: #fff;
  border: 1px solid #1272b9;
}

.page a:hover {
  text-decoration: none;
  color: #fff;
  background: #1272b9;
  border: 1px solid #1272b9;
}
.n-videopage-t .p{
  background:#fff url(/static/images/img11.png) no-repeat 20px center;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.n-videopage-t .p:hover{
  color: #1272b9;
}



 
.h-banner .h-banner-txt{
  -webkit-transition-delay:.2s;
  -moz-transition-delay:.2s;
}


.n-about .lista .dlbox .dt {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}


#nav {
  width: 130px;
  position: fixed;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  right: 15px;
  top: 20%;
  z-index: 99;
  display: none;
}
#nav li {
  margin: 5px 0;
}
#nav .i {
  opacity: 0;
  width: 100px;
  color: #fff;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: url(/static/images/img25.png) no-repeat center;
  background-size: 100% 35px;
}
#nav .quan {
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 2px;
  display: inline-block;
  margin-top: 14px;
}
#nav li.current .i {
  opacity: 1;
}
#nav li.current .quan {
  width: 12px;
  height: 12px;
  margin-top: 8px;
  margin-right: 0;
  background: url(/static/images/img25-1.png) no-repeat center
  /*background: #1272b9;
  border:2px solid #1272b9;*/
}














.wxboxbtn{
	margin-top: 36px;
	font-size: 14px;
	color: #838383;
	line-height: 30px;
	cursor: pointer;
  background: url(/static/images/btn1.png) no-repeat left center;
  padding-left: 40px;
  position: relative;
}
.wxbox-img2 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}

.wxbox-img2.hide-a::after,.wxbox-img2.hide-a::before {
	height: 0
}

.wxbox-img2.hidetwo .img {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: ease all .5s;
	transition: ease all .5s
}
.wxbox-img2.hidetwo .img  .wclosebtn{
	right: 5px;
	top: 5px;
}
.wxbox-img2.hidetwo .img .wclosebtn .icon {
    width: 30px;
    height: 30px;
}
.wxbox-img2 .bg-close {
	background: rgba(0,0,0,0.6);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 4;
  display: none;
}
.wxbox-img2 .img {
	position: absolute;
	width: 190px;
  height: 190px;
  top: 50%;
  left: 50%;
  margin-top: 50px;
  margin-left: 260px;
	position: absolute;
	background: #fff;
	border-radius: 8px;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: ease all .3s;
	transition: ease all .3s;
	z-index: 6;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,.1);
}
.wxbox-img2 .img img{
	width: 125px;
	margin: 0 auto;
    display: block;
    margin-top: 30px;
}

.n-news-search .ul-two .li-l{
  width: 100% !important;
}






.n-personnel .listd{
  position: relative;
}
 


@media (min-width: 1024px) {
  
  .n-news .ul .bot:before {
    content: "";
    width: 100%;
    height: 0px;
    background: #1272b9;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .5s 0s ease-in-out;
            transition: all .5s 0s ease-in-out;
            z-index: 1;
  }
  .n-news .ul .li:hover .bot:before {
    height: 100%;
    visibility: visible;
  }
  .n-news .ul .li:hover .bot .more,.n-news .ul .li:hover .bot .time{
    color: #fff;
  }
  .n-inestor .ul .li:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #1272b9;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .6s 0s ease-in-out;
            transition: all .6s 0s ease-in-out;
            z-index: 1;
  }
  .n-inestor .ul .li:hover:before {
    opacity: 1;
    visibility: visible;
  }
  .n-inestor .ul .li:hover .p{
    background: url(/static/images/img11-1.png) no-repeat left 5px;
  }
  .n-inestor .ul .li:hover .p,.n-inestor .ul .li:hover .time{
    color: #fff;
   
  }
  .n-inestor .ul .li .p,.n-inestor .ul .li .time{
    position: relative;
    z-index: 2;
     -webkit-transition: all .8s 0s ease-in-out;
            transition: all .8s 0s ease-in-out;
  }



  .n-personnel .lista .dlbox .dt .p{
    height:240px;
  }
  .n-personnel .listd .dlbox .dt .p{
    height: 140px;
  }


  .n-business .lista .dlbox .dt .p{
    height: 330px;
  }


  .hvr-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
  }

  .hvr-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #1272b9;
    right: 0%;
    width: 0%;
    bottom: 0;
    height: 100%;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }

  .hvr-left:hover:before, .hvr-left.cur:before {
    width: 100%;
    left: 0%;
  }



  

  .activity-big .link p{
    -webkit-transition:.5s  all ease-out;
    -o-transition:.5s  all ease-out;
    transition:.5s  all ease-out;
  }
  .activity-big .link:hover p{
    color: rgba(255,255,255,.8);
    background: url(/static/images/icon_arrow_1.png) no-repeat;
    background-position: 110px center;
  }
  .h-brand-item .img img{
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all .8s;
    transition: all .8s;
  }
  .h-brand-item:hover .img img{
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  	
  	.n-about .listc .li .imga{
		transform: translate3d(10px,10px,0);
		margin: -10px 0 0 -10px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.35s, transform 0.35s;
	}
	.n-about .listc .li:hover img {
		/*opacity: 0.6;*/
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*.n-about .listc .li:hover{
  	    background: -webkit-linear-gradient(bottom left, #000 0%, #fff 100%);
  	    background: -o-linear-gradient(bottom left, #000 0%, #fff 100%);
  	    background: linear-gradient(to top right, #000 0%, #fff 100%);
  	}*/
  /*.n-about .listc .li:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
  }
  .n-about .listc .li:hover::before{
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);
  }*/
  .n-about .listc .li .img img{
    transform:translate(0,0);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
  }
  .n-about .listc .li:hover .img img {
     transform:translate(0,-10px);
  }
  
  
}
.hvr-left-nav {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-left-nav:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #1272b9;
  left: 0%;
  width: 0%;
  bottom: 0;
  height: 100%;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.hvr-left-nav:hover:before, .hvr-left-nav.cur:before {
  width: 100%;
}

.hvr-left-nav-red:before {
  background: #da242b!important;
}
.h-nav-a:hover,.h-nav-a.cur{
  /*background-color: #1272b9;*/
  color: #fff;
}
.h-nav-a:hover .ico,.h-nav-a.cur .ico{
  background-position: 0 100%;
}
.n-sunshine{
	background: #f7f7f7;
}
.n-sunshine .sreach-box{
	margin-bottom: 20px;
}
.n-sunshine .ul .li .p,.n-inestor .ul .li .p{
	min-height: 30px;
}




.n-personnel .liste .carousel{
  margin-left: -10px;
}
.n-personnel .liste .carousel .li{
  width: 100%;
}
.n-personnel .liste .carousel .owl-item{
  padding:0 10px;
  box-sizing: border-box;
}
.owl-buttons .owl-prev{
  left:30px;
}
.owl-buttons .owl-next{
  right:30px;
}
.owl-buttons .owl-prev,.owl-buttons .owl-next{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    color: #666;
    box-shadow: 0 20px 35px rgba(0,0,0,.1);
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    font-weight: 100;
    font-family: '宋体';
    transition: all 0.3s;
    position: absolute;
    top:50%;
    margin-top: -30px;
}
.owl-buttons .owl-prev:hover,.owl-buttons .owl-next:hover {
    background-color: #1272b9;
    color: #fff;
}
.n-personnel .listd .swiper-button-prev,.n-personnel .listd .swiper-button-next{
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  color: #666;
  box-shadow: 0 20px 35px rgba(0,0,0,.1);
  text-align: center;
  line-height: 60px;
  font-size: 30px;
  font-weight: 100;
  font-family: '宋体';
  transition: all 0.3s;
  position: absolute;
  top:50%;
  margin-top: -30px;
}
.n-personnel .listd .swiper-button-prev{
  left:30px;
}
.n-personnel .listd .swiper-button-next{
  right: 52.5%;
}
.n-personnel .listd .swiper-button-prev:hover,.n-personnel .listd .swiper-button-next:hover {
  background-color: #1272b9;
  color: #fff;
}
.bocweb-header,.bocweb-header .header-nav,.bocweb-header .header-right{
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}
.recrult-listbox .sreach-box{
  margin: 30px auto 45px;
}
.n-news .page-header,.n-busines-info .page-header,.container-main .page-header{
  margin-top: 80px;
}
.n-about .page-header{
  font-size: 38px;
  color: #000;
  opacity: .85;
  text-align: center;
  border: 0;
}
@media (max-width: 1023px) {
 
  .bocweb-header.on{
    padding: 0 0 0 10px!important
  }
  .bocweb-header.on{
    background: #fff;
  }
  .wxbox-img2 {
    position: fixed;
  }
  .wxbox-img2 .img {
    margin-top: -95px;
    margin-left: -95px;
  }
  .wxbox-img2 .bg-close {
    display: block;
  }

}
@media (max-width: 786px) {
  .n-personnel .listc .li-list:last-child{
    margin-bottom: 0;
  }
}
@media (max-width: 960px) {
  .owl-buttons .owl-prev,.owl-buttons .owl-next{
      width: 38px;
      height: 38px;
      color: #666;
      line-height: 38px;
      font-size: 16px;
      margin-top: -19px;
  } 
  .owl-buttons .owl-prev{
    left:15px;
  }
  .owl-buttons .owl-next{
    right:15px;
  }
  .n-personnel .listd .swiper-button-prev,.n-personnel .listd .swiper-button-next{
      width: 38px;
      height: 38px;
      color: #666;
      line-height: 38px;
      font-size: 16px;
      margin-top: -19px;
  }
  .n-personnel .listd .swiper-button-prev{
    left:15px;
  }
  .n-personnel .listd .swiper-button-next{
    right:15px;
  }
}
@media (max-width: 425px) {
  .n-personnel .liste .carousel{
    margin-left: 0;
  }
  .n-personnel .liste .carousel .owl-item{
    padding: 0;
  }
  .n-personnel .listd .swiper-button-prev, .n-personnel .listd .swiper-button-next{
    display: none;
  }
  .n-personnel .listd .dlbox .dt .p{
    font-size: 12px;
    line-height: 24px;
    margin-top: 10px;
  }
}

.n-personnel .listd .dlbox .dt .p,.h-legal-content .col-md-offset-1,.n-info-two .infobox .text,.n-busines-info .p-text,.h-brand-item .txt{
  text-indent: 2em;
  text-align: justify;
}
.n-about .lista .dlbox .dt .p,.n-about .listb .p,.n-business .lista .dlbox .dt .p,.n-business .listb .li .p,.activity-big .detail,.activity .content{
  text-align: justify;
}

.i-lista .list-box{
  overflow: hidden;
}
.i-lista .list-box .list1{
  opacity: 0;
  -webkit-transform:translateY(20px);
  -moz-transform:translateY(20px);
  -webkit-transition: all .2s 0s ease-in-out;
  transition: all .2s 0s ease-in-out;
}
.i-lista .list-box .list1.active{
  opacity: 1;
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -webkit-transition: all .6s .2s ease-in-out;
          transition: all .6s .2s ease-in-out;
}
.n-about .listc .li{
  position: relative;
  overflow: hidden;
}

.h-banner-sunshine{
  margin-bottom: 0 !important;
}



.index-load{
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  background: #fff;
  background-size: cover;
  transition: all .8s ease-in-out;
}
.index-load .loading-logo{
  position: absolute;
  left: 50%;
  top:50%;
  margin-left: -85px;
  margin-top: -25px;
  z-index: 2;
}
.index-load .line{
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top:0;
  z-index: 2;
}
.index-load .line:before {
  content: "";
  position: absolute;
  background: #1272b9;
  left: 0%;
  height: 2px;
  animation: width-load 2.5s forwards ease-out;
}
.index-load.active{
  transform: translateY(100%);
  -webkit-transform:translateY(100%);
  -moz-transform:translateY(100%);
}
.index-load.active .line:before {
  height: 100vh;
  transition: all .3s .1s ease-in-out;
}
.index-warp{
  transform: translateY(-10%);
  -webkit-transform:translateY(-10%);
  -moz-transform:translateY(-10%);
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.index-warp.active{
  transform: translateY(0%);
  -webkit-transform:translateY(0%);
  -moz-transform:translateY(0%);
  opacity: 1;
}
@keyframes width-load {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.n-business .lista .dlbox .dt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.video-ajax .recrult-t .p-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background: #000;
}
/*.n-business .listb .li .p-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background: #000;
}
.n-business .listb .li .p-text .mCSB_scrollTools .mCSB_draggerRail{
  background-color: #e8e8e8;
}*/

.n-personnel .listd .dlbox .dt .p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #000;
}
.n-personnel .listd .dlbox .dt .p .mCSB_scrollTools .mCSB_draggerRail{
	background-color: #e8e8e8;
}

.banner-nav-3{
	width: 1120px;
	display: inline-block;
}

.h-nav-a span{
	margin-right: 5px;
}
.h-banner-txt .pa1{
	font-size: 18px;
	line-height: 24px;
}



@media (min-width: 1024px){
  .n-inestor .ul .li:before{
    background: #005ba0;
  }
}




.hvr-left-nav:before,.meun-nav .ul .li:before,.index-load .line:before,.i-lista .ul .li:hover, .i-lista .ul .li.active,.hvr-left:before,.n-about .listd .li:hover,.n-business .listb .li:hover,.page a.active,.page a:hover,.n-personnel .liste .carousel .li:hover .p,.n-chance .lista .li:hover, .n-chance .lista .li.cur,.n-chance .listb .ulbox li:hover .more,.video-ajax .recrult-t .p-text .ex-more,.n-news .ul .bot:before,.owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover{
  background: #005ba0;
}
.bocweb-footer .f-left .li a:hover,.bocweb-footer .bot .ul .li:hover,.bocweb-footer .bot .fspandiv a:hover,.meun-nav .ul .li:hover, .meun-nav .ul .li.cur,.meun-nav .nav-list .nav-li a:hover,.text-blue,.n-about .listb .ul .li .hsu,.n-videopage-t .p:hover,.n-inestor .ul-two .li:hover .h{
  color: #005ba0;
}
.n-about .listb .more:hover,.page a:hover,.page a.active{
  border: 1px solid #005ba0;
}
.text-blue{
  color:  #005ba0 !important;
}
.n-busines-info .listb .carousel .li:hover .p{
  border-top:1px solid #2d88c1;
}
.n-chance .lista .li:hover .j, .n-chance .lista .li.cur .j{
  border-top: 10px solid #005ba0;
}
.page-header .s-sub-nav .sp2{
  background: #005ba0 !important;
}


/** 微信端页面 **/
.wx-banner img{
  max-width: 100%;
}
.n-wx{
  padding: 0 2% 40px;
}
.n-wx .li{
  width: 33.3%;
  float: left;
  padding: 4% 2% 0;
  box-sizing:border-box;
}
.n-wx .li p{
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 12px;
  text-align: center;
  padding:0 10px;
  border:1px solid #e5e5e5;
  border-top: none;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing:border-box;
}
.n-wx .li .img{
  border:1px solid #e5e5e5;
}
.n-wx .li .img img{
  max-width: 100%;
}
.n-wxmore{
  text-align: center;
  width: 100%;
}
.wxmore{
  padding: 0 20px;
  border:1px solid #959595;
  text-align: center;
  border-radius: 35px;
  display: inline-block;
  margin: 30px auto 0;
}
.wxmore p{
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  color: #333;
  background: url(/static/images/w1.png) no-repeat right center;
  background-size: 12px auto;
  padding-right: 20px;
}
.wx-er{
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.wx-er img{
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top:50%;
  margin-left: -100px;
  margin-top: -100px;
  z-index: 2;
}
.wx-er .bg-close{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  z-index: 1;
}

.bocweb-header .language-btn:before{
  display: none;
}
header .langage-box {
    width: 24px;
    height: 24px;
    position: relative;
    padding-right: 15px;
}
.bocweb-header.on .header-right .langage-box:before {
    background: rgba(0, 0, 0, 0.5);
}
header .langage-box:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.5);
  right: 0px;
  top: 50%;
  margin-top: -7px;
}
header .langage-box i {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff;
    margin-left: -5px;
}
.bocweb-header .language-btn{
  display: block;
  padding-left: 0;
}
header .langage-box .lang_z{
    position: absolute;
    left: 50%;
    top: 35px;
    width: 100px;
    margin-left: -58px;
    background: #fff;
    border-radius: 3px;
    display: none;
    height: auto;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,.1);
}
header .langage-box .lang_z dd a {
  display: block;
  border-bottom: 1px solid #dbdbdb;
  line-height:35px;
  font-size: 14px;
  color: #545454;
  text-align: center;
}
header .langage-box .lang_z dd:last-child a{
  border-bottom: none;
}


.bocweb-header .wnav-btn{
  height:34px;
  line-height: 34px;
  width: 80px;
}
.bocweb-header .wnav-btn .sp{
  float: right;
  color: #fff;
  margin-top:5px; 
  font-size: 14px;
  font-weight: bold;
}
.bocweb-header .nav-btn{
  float:left;
}
.bocweb-header .header-l{
  width: 300px;
}
.bocweb-header.active .wnav-btn .sp,.bocweb-header.on .wnav-btn .sp{
  color: #333;
}
.bocweb-header.on .header-l{
  width:300px;
}
@media (max-width: 1023px) {
  .bocweb-header .wnav-btn .sp{
    display: none;
  }
}
.culture-sec{
	background: #f7f7f7;
	padding: 20px 0 100px;
}
.culture-sec .page-header{
	text-align: left;
}


.z-idea-container .z-idea{
    display: block;
    margin-top: 35px;
}
.z-idea{
    position: relative;
    margin: 0 -15px;
}
.z-idea img{
    display: block;
    width: 100%;
    opacity: .8;
}

.z-idea .icon{
    position: absolute;
    width: 10%;
    left: 11.5%;
    top: 33%;
}
.z-idea .icon img{
    display: block;
    width: 100%;
    opacity: 1;
}

.z-idea .content{
    position: absolute;
    top: 30%;
    left: 32%;
    width: 67%;
}
.z-idea .content::before{
    content: ' ';
    position: absolute;
    width: 1px;
    height: 77px;
    background: #fff;
    left: -5.7%;
    top: 5px;
}
.z-idea .content .title{
    color: #fff;
    font-size: 32px;
    line-height: 54px;
}
.z-idea .content .subTitle{
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    padding-right: 20px;
}

@media screen and (max-width: 1366px) {
    .z-idea .content .subTitle{
        font-size: 16px;
        line-height: 20px;
    }
    .z-idea .content::before{
        height: 70px;
    }
    
}
@media screen and (max-width: 1200px) {
    .z-idea .content .title{
        font-size: 24px;
        line-height: 30px;
    }
    .z-idea .content::before{
        height: 50px;
        top: 0;
    }
}
@media screen and (max-width: 600px) {
    .z-idea .content .title{
        font-size: 18px;
        line-height: 24px;
    }
    .z-idea .content .subTitle{
        font-size: 12px;
        line-height: 16px;
    }
    .z-idea .content::before{
        height: 40px;
        top: 0;
    }

}

.activity{
    position: relative;
    display: block;
    background: #fff;
    padding: 25px 30px 30px 35px;
    box-sizing: border-box;
    margin: 35px -15px 0 -15px;
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}
@media (min-width: 992px) {
    .col-md-6:nth-child(2n + 1) .activity{
        margin-right: 0;
    }
    .col-md-6:nth-child(2n) .activity{
        margin-left: 0;
    }
    .z-learn-cotainer .col-md-6:nth-child(1) > *{
        margin-right: 0 !important;
    }
    .z-learn-cotainer .col-md-6:nth-child(2) > *{
        margin-left: 0 !important;
    }

    .col-md-6:nth-child(2n + 1) .z-idea{
        margin-right: 0;
    }
    .col-md-6:nth-child(2n) .z-idea{
        margin-left: 0;
    }
}

.activity p{
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
}

.activity .title{
    font-size: 20px;
    line-height: 31px;
    color: rgba(0,0,0,.7);
    width: 80%;
    height: 62px;
}
.activity .time{
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 14px;
    color: rgba(0,0,0,.4);
    line-height: 31px;
}
.activity .content{
    font-size: 16px;
   color: rgba(0,0,0,.7);
    line-height: 26px;
    margin-top: 10px;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.activity:hover{
    background: #1272b9;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,.4);
}
.activity:hover p{
    color: #fff;
}

.activity-big{
    margin-top: 50px;
    background: #fff;
    height: 400px;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
}
.activity-big:hover{
    box-shadow: 0 10px 30px -10px rgba(0,0,0,.4);
}
.activity-big .img{
    float: left;
    width: 42%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.activity-big .content{
    margin-left: 46%;
    height: 100%;
    width: 54%;
    padding-right: 40px;
}
.activity-big .content::before{
    content: '';
    display: table;
}
.activity-big .title{
    font-size: 26px;
    line-height: 36px;
    color: rgba(0,0,0,.8);
    width: 80%;
    height: 72px;
    margin: 50px 0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.activity-big .detail{
    font-size: 19px;
    color: #666;
    line-height: 34px;
    height: 102px;
}
.activity-big .link{
    display: inline-block;
    height: 42px;
    border: 1px solid #e5e5e5;
    line-height: 40px;
    font-size: 16px;
    color: rgba(0,0,0,.8);
    margin-top: 60px;
}
.activity-big .link p{
    padding: 0 70px 0 20px;
    background: url(/static/images/icon_arrow.png) no-repeat;
    background-position: 110px center;
    position: relative;
    z-index: 2;
}


/* 两学一做 */
.z-learn-cotainer .col-md-6 > * {
    margin-left: -15px;
    margin-right: -15px;
}

.col-md-6 .sub-title{
    margin-top: 75px;
    font-size: 26px;
    color: #333;
    padding-bottom: 10px;
}
@media (max-width: 992px) {
    .activity-big{
        height: 260px;
    margin-top: 25px;
    }
    .activity-big .title{
        font-size: 20px;
        line-height: 30px;
        height: 60px;
        margin-top: 30px;
    }
    .activity-big .detail{
        font-size: 14px;
        line-height: 20px;
        height: 60px;
    }
    .activity-big .link{
        margin-top: 30px;
    }
    .col-md-6 .sub-title{
        border-bottom: none;  
    }
}
@media (max-width: 786px) {
    .activity-big{
        height: auto;
    }
    .activity-big .img img{
        max-width: 100%;
    }
    .activity-big .img,.activity-big .content{
        width: 100%;
        float: none;
    }
    .activity-big .content{
        margin-left: 0;
        padding: 15px;
        box-sizing:border-box;
    }
    .activity-big .title{
        margin-top:0;
        margin-bottom: 15px; 
    }
    .n-news .ul .li .img {
        overflow: hidden;
        width: 100%;
    }
}


@media (max-width: 500px) {
    .col-md-6 .sub-title{
        margin-top: 20px;
        font-size: 18px;
        padding-bottom: 10px;
    }
    .activity{
        margin-top: 10px;
        padding: 15px;
    }
    .activity .title{
        font-size: 16px;
        width: 100%;
    }
    .activity .time{
        position: static;
    }
    .activity .content{
        margin-top: 0;
    }
    /*.activity-big{
        height: 200px;
    }*/
    .activity-big .title{
        font-size: 16px;
        line-height: 20px;
        height: 40px;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .activity-big .detail{
        font-size: 12px;
        line-height: 16px;
        height: 48px;
    }
    .activity-big .link{
        margin-top: 20px;
        height: 32px;
        line-height: 30px;
        
    }
    .activity-big .link p{
        font-size: 12px;
        padding: 0 30px 0 15px;
        background-size: 14px 14px;
        background-position: 70px center;
    }

    .activity-big .content{
        padding-right: 10px;
    }
}




.activity:hover{
    background: #1272b9;
}

 /**

*联系yl23411永利官网*

**/
.h-ctc-nav-ico1{
   background-image: url(/static/img/h_nav_ctc1.png);
}
.h-ctc-nav-ico2{
   background-image: url(/static/img/h_nav_ctc2.png);
}
.h-ctc-nav-ico3{
   background-image: url(/static/img/h_nav_ctc3.png);
}
.h-ctc-nav-ico4{
   background-image: url(/static/img/h_nav_ctc4.png);
}

.h-contact-list{
   background-color: #fff;
}
.h-contact-list ul{
   margin: 0 20px;
}
.h-contact-li{
   position: relative;
   padding: 10px 10px 15px 50px;
   border-bottom: 1px solid #e7e7e7;
   font-size: 16px;
  
}
.h-contact-li:last-child{
   border: none;
}
.h-contact-li .ico{
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 32px;
    height: 32px;
    background-position: 0 0;
    background-size: 100% 100%
}
.h-contact-li .addr{
   background-image: url(/static/img/h_ctc_ico1.png);
}
.h-contact-li .tel{
   background-image: url(/static/img/h_ctc_ico2.png);
}
.h-contact-li .fax{
   background-image: url(/static/img/h_ctc_ico3.png);
}
.h-contact-li .mail{
   background-image: url(/static/img/h_ctc_ico4.png);
}
.h-contact-li .txt{
   color: #888;
}

.baidumap{
   width: 100%;
   height: 400px;
   margin-top: 20px;
}

/* 中等屏幕（桌面显示器
，大于即是 992px） */
@media (min-width: 992px) {
   .container-main{
       padding-bottom: 100px;
   }
   .h-contact-list ul{
       float: left;
       margin-left: 15%;
       padding: 10px 0;
   }
   .h-contact-li{
       padding: 25px 10px 25px 50px;
   }
   .h-contact-li .ico{
       top: 22px;
   }
   .baidumap{
       margin-top: 0;
   }
}

/**

*友情链接*

**/
.h-links-list{
   margin: 0 -10px 20px;
}
.h-links-item{
   height: 74px;
   line-height: 70px;
   margin: 8px -4px;
   vertical-align: middle;
   background-color: #fff;
   text-align: center;
   box-shadow: 0 0 5px rgba(0,0,0,.15);
   transition:all 0.3s;
}
.h-links-item img{
   vertical-align: middle;
   max-width: 100%;
   max-height: 100%;
}
.h-links-item:hover{
   box-shadow: 0 10px 30px -10px rgba(0,0,0,.4);
}
/* 中等屏幕（桌面显示器
，大于即是 992px） */
@media (min-width: 992px) {
   .h-links-item{
      height: 144px;
      line-height: 140px;
      margin: 30px -4px 0 -4px;
   }

}


/**

*执法声明*

**/
.h-legal-content{
   background-color: #fff;
   padding: 40px 0 50px;
   color: #666;
   line-height: 1.625;
   font-size: 16px;
}
.h-legal-content .h3{
   font-size: 20px;
   margin: 0;
}
.legal-sec .page-header{
	text-align: left;
	border-bottom: 1px solid #e4e4e4;
}
/* 中等屏幕（桌面显示器
，大于即是 992px） */
@media (min-width: 992px) {
   .h-legal-content{
      padding: 58px 0 90px;
   }
   .h-legal-content .h3{
       margin-top: 20px;
       margin-bottom: 10px;
   }
}

/**

*二维码*

**/

.h-code-item{
   background-color: #fff;
   margin-bottom: 20px;
   box-shadow: 0 0 5px rgba(0,0,0,.15);
   transition:all 0.3s;;
}

.h-code-img{
   padding: 15px 0;
   border-bottom: 1px solid #f6f6f6;
   text-align: center;
}

.h-code-tit{
   text-align: center;
   font-size: 16px;
   padding: 20px;
}


/* 中等屏幕（桌面显示器
，大于即是 992px） */
@media (min-width: 992px) {
   .h-code-main{
      background: url(/static/img/h_code_bg.jpg) no-repeat right bottom;
      background-size: auto 76%
   }
   .h-code-list{
      margin-top: 60px;
   }
   .h-code-img{
       padding: 10px 0;
   }
   .h-code-tit{
       padding: 15px;
   }
   
}
/* 大屏幕（大桌面显示器
，大于即是 1200px） */
@media (min-width: 1200px) { 
   .h-code-img{
       padding: 20px 0;
   }
   .h-code-tit{
      font-size: 18px;
      padding: 20px;
   }
}
@media (min-width: 1480px){
   .h-code-img{
       padding: 40px 0;
   }
}



/**

*党建事情*

**/
.h-nav-red:hover,.h-nav-red.cur{
   background-color: #da242b!important;
}

.h-ccp-nav-ico1{
   background-image: url(/static/img/h_nav_ccp1.png);
}
.h-ccp-nav-ico2{
   background-image: url(/static/img/h_nav_ccp2.png);
}
.h-ccp-nav-ico3{
   background-image: url(/static/img/h_nav_ccp3.png);
}
.h-ccp-nav-ico4{
   background-image: url(/static/img/h_nav_ctc3.png);
}
/**

*党建品牌*

**/
.h-brand-hd{
   background-color: #fff;
   border-radius: 0 3px 5px rgba(0,0,0,.2);
}
.h-brand-bar{
   padding-top: 30px;
   height: 180px;
   text-align: center;
   border-left: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
   transition:all 0.3s;
}
.h-brand-bar:hover{
   box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.h-brand-bar .ico{
   display: inline-block;
   width: 60px;
   height: 60px;
   background-image: url(/static/img/h_brand_icon.png);
   background-repeat: no-repeat;
   background-size: 400% 200%;
}
.h-brand-ico1{
   background-position: 0 0;
}
.h-brand-bar:hover .h-brand-ico1{
   background-position: 0 100%;
}
.h-brand-ico2{
   background-position: 33% 0 ;
}
.h-brand-bar:hover .h-brand-ico2{
   background-position: 33% 100%;
}
.h-brand-ico3{
   background-position: 67% 0;
}
.h-brand-bar:hover .h-brand-ico3{
   background-position: 67% 100%;
}
.h-brand-ico4{
   background-position: 100% 0;
}
.h-brand-bar:hover .h-brand-ico4{
   background-position: 100% 100%;
}
.h-brand-bar:hover .tit{
   color: #da242b;
}
.h-brand-bar .tit{
   font-size: 16px;
   color: #333;
   margin: 10px 0 5px;
}
.h-brand-bar .txt{
   font-size: 12px;
   color: #666;
}
.h-brand-item{
   margin-top: 20px;
   background-color: #fff;
   box-shadow: 0 1px 3px rgba(0,0,0,.1);
   transition: all 0.3s;
}

.h-brand-item .img{
   position: relative;
   overflow: hidden;
   height: auto;
   /*background-position: center;
   background-size: cover;*/
}
.h-brand-item .img img{
   width: 100%;
}
.h-brand-item .cont{
   padding: 20px 30px 12px;
}
.h-brand-item .tit{
   position: relative;
   font-size: 18px;
   color: #000;
   line-height: 30px;
   height: 60px;
   overflow: hidden;
   transition: all 0.3s;
}
.h-brand-item .txt{
   position: relative;
   color: #666;
   line-height: 28px;
   height: 56px;
   overflow: hidden;
   font-size: 14px;
}
.h-brand-item .ft{
   border-top: 2px solid #ececec;
   line-height: 52px;
   padding: 0 30px; 
   color: #999;
   font-size: 14px;
}
.h-brand-item:hover{
   box-shadow:  0 10px 30px -10px rgba(0,0,0,.4);

}
.h-brand-item:hover .tit{
   color: #da242b;
}
/* 中等屏幕（桌面显示器
，大于即是 992px） */
@media (min-width: 992px) {
   .h-brand-hd{
      margin: 60px 0 30px;
   }
   .h-brand-item{
      margin-top: 40px;
   }
   .h-brand-bar .ico{
      width: 90px;
      height: 90px;

   }
   .h-brand-bar{
      padding-top: 40px;
      height: 238px;
   }
   .h-brand-bar .tit{
      font-size: 20px;
   }
   .h-brand-bar .txt{
      font-size: 14px;
   }
   .h-brand-item .img{
      height: 250px;
   }
}
@media (min-width: 1200px) { 
   .h-brand-bar{
      padding-top: 60px;
      height: 250px;
   }
   .h-brand-bar .tit{
      margin: 20px 0 15px;
   }
}
@media (min-width: 1480px){
   .h-brand-bar{
      padding-top: 60px;
      height: 280px;
   }
   .h-brand-bar .tit{
      margin: 25px 0 20px;
   }
   .h-brand-item .img{
      height: 310px;
   }
}


/**

*先锋故事*

**/
.h-story-container{
   padding: 50px 0 ;
   margin: 0 -15px;
}
.h-story-slide {
   position: relative;
   width: 100%;
   padding: 4px;
   background-color: #dddcdc;
   box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.h-story-slide .img{
   width: 100%;
}
.h-story-slide img{
   width: 100%;
}
.h-story-slide .tit{
   padding: 5px;
   font-size: 10px;
}
.h-story-slide .view{
   position: absolute;
   width: 14px;
   height: 14px;
   right: 10px;
   bottom: 10px;
   font-size: 12px;
   
   background-size: 14px 14px;
   background: url(/static/images/h_ccp_icon1.png) no-repeat 0 center;
   color: transparent;
   overflow: hidden;
}
.h-story-container .swiper-slide{
   min-height: auto;
   transition: transform 0.3s;
}
.h-story-container .swiper-slide-active{
   z-index: 2;
   transform: scale(1.3);
   opacity: 1;
}
.h-story-container .swiper-slide-active .h-story-slide{
   background-color: #fff;
}
 
.h-story-container .h-story-next{
      right: 10px;
   }
    .h-story-container .h-story-prev{
      left: 10px;
   }
   .h-story-container .h-story-next, .h-story-container .h-story-prev{
      width:30px;
      height: 30px;
      line-height: 30px;
      border-radius: 50%;
      background: #fff;
      color: #666;
      text-align: center;
      }
@media (min-width: 992px) {
   .h-story-container{
      margin: 0 auto;
      padding: 110px 0 90px!important;
   }
   .h-story-slide {
      padding: 9px;
      box-shadow: 0 15px 30px rgba(0,0,0,.1);
   }
   .h-story-slide .tit{
      padding: 20px 100px 10px 15px;
      font-size: 12px;
   }
   .h-story-slide .view{
      width: auto;
      padding-left: 28px;
      right: 28px;
      bottom: 20px;
      line-height: 18px;
      height: auto;
      padding-left: 28px;
      color: #666;
   }
    .h-story-container .h-story-next, .h-story-container .h-story-prev{
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #fff;
      color: #666;
      box-shadow: 0 20px 35px rgba(0,0,0,.1);
      text-align: center;
      line-height: 60px;
      font-size: 30px;
      font-weight: 100;
      font-family: "宋体";
      transition:all 0.3s;
   }
    .h-story-container .h-story-next{
      right: 30px;
   }
    .h-story-container .h-story-prev{
      left: 30px;
   }
   .h-story-container .h-story-next:hover, .h-story-container .h-story-prev:hover{
      background-color: #1272b9;
      color: #fff;
   }
   .h-story-next.swiper-button-disabled, .h-story-prev.swiper-button-disabled{
      background-color: #fff;
      color: #666;
      cursor: default;
   }
}

@media (max-width: 500px) {
   .h-brand-bar .txt{
     padding: 0 6%;
   }
   .h-brand-item .cont{
      padding: 15px;
   }
   .h-contact-li{
      padding: 10px 10px 15px 50px;
   }
}

.join-list{
	margin-top: -45px;
	background: #fff;
	display: none;
	
}
.join-list .title{
	overflow: hidden;
	color: rgba(0,0,0,.7);
	font-size: 22px;
	line-height: 65px;
	height: 65px;
	border-bottom: 1px solid #e5e5e5;
}
.join-list .title p{
	text-align: center;
	float: left;
	width: 20%;
	padding: 0 30px;
}
.join-list .title p:first-child{
	text-align: left;
}
.join-list .title p:last-child{
	text-align: right;
}
.join-list ul{
	width: 100%;

}
.join-list ul li{
	float: left;
	width: 20%;
	padding: 0 30px;
	font-size: 16px;
	line-height: 55px;
	height: 55px;
color: rgba(0,0,0,.5);
text-align: center;
}
.join-list ul li a{
color: rgba(0,0,0,.5);
	
}
.join-list ul li:first-child{
	text-align: left;
}
.join-list ul li:last-child{
	text-align: right;
}
.join-list ul li a:hover{
	color: #1272b9;
	cursor: pointer;
 }
 
 .contactbox{
 	padding: 140px 0 50px;
 	background: #fff;
 }
 .contactbox li{
 	float: left;
 	width: 25%;
 	text-align: center;
 	color: rgba(0,0,0,.8);
 	background: url(/static/images/ctline.png) no-repeat right center;
 }
 .contactbox li:nth-child(4n){
 	background: none;
 }
  .contactbox .tit{
 	font-size: 30px;
 }
 
  .contactbox .desc{
  	margin-top: 55px;
 	font-size:26px;
 	color: rgba(0,0,0,.9);
 }
  .contactbox .desc img{
  	vertical-align: middle;
  	display: inline-block;
  	margin-right: 15px;
  }
.onlinebox{
	padding: 80px 0;
	background: #fff;
}
.onlinebox .page-header{
	text-align: left;
	color: #005ba0;
 }
.onlinebox .page-header .en{
	font-size: 50px;
	margin-bottom: 10px;
} 
.onlinebox .form li{
	margin-top: 70px;
}
.onlinebox .text{
	display: block;
	width: 100%;
	font-size: 20px;
	color: #9c9495;
	border: 1px solid #d2d2d2;
	line-height: 52px;
	height: 54px;
	padding: 0 20px;
}
.onlinebox .textarea{
	display: block;
	width: 100%;
	font-size: 20px;
	color: #9c9495;
	border: 1px solid #d2d2d2;
	line-height: 52px;
	height: 160px;
	padding: 0 20px;
}
.onlinebox .text:focus,
.onlinebox .textarea:focus{
	border-color: #0088CC;
}
.onlinebox  .submit{
    display: inline-block;
    width: 20%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    background: #1272b9;
    border: none;
    transition: all 0.5s
 }
.onlinebox  .submit:hover{
    border-radius: 50px;
	
}
 
 .bannernewslist .swiper-pagination{
 	position: static;
 	margin-top: 30px;
 }
.bannernewslist .time{
	color: #fff;
	margin-top: 15px;
}
.bannernewslist .tit {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    margin: 25px 0;
    color: #fff;
}
.bannernewslist a{
	display: block;
}
.bannernewslist  .pic{
	overflow: hidden;
}
.bannernewslist  .pic img{
	display: block;
	width: 100%;
	transition: .3s;
	height: 200px;
}
.bannernewslist  a:hover .pic img{
	transform:  scale(1.05)
}

@media screen and (max-width: 740px) {
    
.n-news .ul .li .img {
    overflow: hidden;
    width: 100%;
}

    .videoswiper .img img{
        display: block;
        width: 100%;
        -webkit-transition: all .8s;
        transition: all .8s;
        height: auto;
    }





}