@charset 'utf-8';
@import url('googleapis.css');
@import url("iconfont.css");
@font-face {
	font-family: 'bebas';
	src: url("../font/bebas.eot");
	src: url("../font/bebas.eot-#iefix") format('embedded-opentype'), url('../font/bebas.woff') format('woff'), url('../font/inter-200.woff2') format('woff2'), url("../font/bebas.ttf") format('truetype'), url("../images/bebas.svg") format('svg');
}

body {
	font-family: 'Roboto', 'inter', Verdana, 'PingFang SC', 'Microsoft Yahei', sans-serif;
	max-width: 100%;
	margin: 0 auto;
}
.nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 86px;
	z-index: 99;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	/* background: rgba(0, 0, 0, .8); */

}
.nav.act, .np .nav.act  {
    height: 70px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	background: rgba(0, 0, 0, .8);
	z-index: 117;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.nav.act .logo {
    top: 37%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.navcon.act, .np .navcon.act, .np .nav.act .navcon {
    height: 70px;
}
.nav.act .navitem > a {
    padding: 24px 10px 23px;
}
.np .header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%);
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.navcon {
	padding: 0 80px;
	position: relative;
	height: 86px;
}
.np .navcon {
	box-shadow: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	background: rgba(0, 0, 0, .8);
}
.np .nav.act .pcxiala {
    top: 70px;
}
.navitem > a {
    font-family: 'bebas';
	display: block;
	color: #333;
	font-size: 21px;
	letter-spacing: .5px;
	padding: 32px 10px;
}
.navitem.act a {
	color: #151515;
}
.nav_asida.active > a {
	color: #c00;
}
.navitem.active a {
	color: #c00;
}
.navitem.active .arras {
	opacity: 1;
}
.header .navitem > a {
	color: #fff
}
.header .navitem > a:hover {
	color: #c00
}
.header .navitem.action > a {
	background-color: #c00
}

.nav .logo {
	width: 200px;
	position: absolute;
	top: 50%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav .logo.act {
	opacity: 1;
}
.nav .logo img {
	width: 100%;
}
.nav .sousuoa {
	position: absolute;
	top: 43px;
	right: 0;
	width: 120px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
.nav.act .sousuoa {
    top: 35px;
}
.nav .sousuo_b {
	display: none;
}
.nav .sousuo_a {
	display: block;
}
.nav .sousuo_a.act {
	display: none;
}
.nav .sousuo_b.act {
	display: block;
}
.nav .sousuoa .inqu {
    margin-left: 12px;
}
.nav .sousuoa .inqu img {
	width: 26px;
	vertical-align: middle;
    margin-top: -2px;
}
.navbox {
	margin-left: 220px;
}
.nav .navbox.act {
	display: none;
}
.nav .sousuoa img {
	width: 100%;
}
.menu_a {
	width: 100px;
	height: 86px;
	background: #c00;
	position: absolute;
	top: 0;
	right: 0;
}
.menu_a:hover {
	cursor: pointer;
}
.openmenu {
	display: block;
	position: relative;
	width: 28px;
	height: 50px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.openmenu span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 2px;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
}
.openmenu span::after, .openmenu span::before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	background: #fff;
}
.openmenu span::after {
	top: -10px;
}
.openmenu span::before {
	bottom: -10px;
}
.openmenu.act span {
	background: rgba(255, 255, 255, 0);
}
.openmenu.act span::before {
	top: 0;
	-webkit-transform: rotate(43deg);
	-ms-transform: rotate(43deg);
	-moz-transform: rotate(43deg);
	-o-transform: rotate(43deg);
	transform: rotate(43deg);
}
.openmenu.act span::after {
	top: 0;
	-webkit-transform: rotate(-43deg);
	-moz-transform: rotate(-43deg);
	-o-transform: rotate(-43deg);
	-ms-transform: rotate(-43deg);
	transform: rotate(-43deg);
}
.anniucon {
	position: absolute;
	bottom: 260px;
	left: 360px;
	z-index: 80;
	background: #4e5965;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	text-align: center; /*line-height: 72px;*/
	animation: myfirst 2s;
	-webkit-animation: myfirst 2s; /* Safari 与 Chrome */
}
@keyframes myfirst {
	from {
		left: -100%;
	}
	to {
		left: 360px;
	}
}
.anniucon::after {
	position: absolute;
	content: '';
	width: 360px;
	height: 1px;
	background: #fff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -360px;
}
.anniu {
	background: #ff0000;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hide {
	opacity: 0;
}
.san_a {
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.header .search {
	position: fixed;
	top: 86px;
	left: 0;
	width: 100%;
	height: 72px;
	z-index: 302;
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	/* box-shadow: -1px 2px 16px #8c8c8c; */
}
.header .search.act {
	top: 70px;
}
.header .sousuoa {
	width: 120px;
	position: absolute;
	top: 52%;
	right: 15%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
.header .sousuo_b {
	display: none;
}
.header .sousuo_a {
	display: block;
}
.header .sousuo_a.act {
	display: none;
}
.header .sousuo_b.act {
	display: block;
}
.header .sousuoa .inqu {
    margin-left: 12px;
}
.header .sousuoa .inqu img {
	width: 26px;
	vertical-align: middle;
    margin-top: -3px;
}
.header .sousuoa img {
	width: 100%;
}
#cdk::-webkit-input-placeholder {
	color: #fff;
} /* 使用webkit内核的浏览器 */
#cdk::-moz-placeholder {
	color: #fff;
} /* Firefox版本4-18 */
#cdk::-moz-placeholder {
	color: #fff;
} /* Firefox版本19+ */
#cdk::-ms-input-placeholder {
	color: #fff;
} /* IE浏览器 */
.search .pcbb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /*height: 100%;*/
	height: 70px;
}
.pcs_close {
	position: absolute;
	top: 2px;
	left: 0;
	cursor: pointer;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	width: 16px;
	display: none;
	z-index: 50;
}
.pcs_close img {
	width: 100%;
}
.search .pcs_close:hover {
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.search .pcs_close img {
	width: 26px;
}
.search .pcsearch {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.search .pcsearch .pstitle { /*margin-bottom: 35px;*/
	display: none;
}
.search .pcsearch .pstitle img {
	width: 210px;
}
.search .pcsearch h5 {
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	display: none;
}
.search .pcsearch .sebox {
	width: 850px;
	max-width: 100%;
	position: relative;
}
.search .pcsearch .sebox input {
	float: left;
	width: calc(100% - 100px);
	height: 40px;
	margin-top: 2px;
	padding-left: 10px;
	margin-right: 15px;
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
}
.cuohao {
	color: #fff;
	font-size: 30px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	display: none;
}
.cuohaoa {
	color: #333;
}
.cuohao.act {
	color: #333;
}
.search .pcsearch .sebox span {
	display: inline-block;
	width: 79px;
	height: 79px;
	text-align: center;
	line-height: 79px;
	cursor: pointer;
}
.search .pcsearch .sebox input[type=submit] {
	width: 27px;
	height: 40px;
	background: url("../images/se.png") no-repeat center;
	display: inline-block;
	border: none;
	vertical-align: middle
}
.search .pcsearch .seword {
	text-align: center;
}
.search .pcsearch .seword ul li {
	display: inline-block;
	padding: 0 15px;
	font-size: 16px;
}
.search .pcsearch .seword ul li a {
	color: #e2e2e2;
}
.search .pcsearch .seword ul li a:hover {
	color: #ff4343;
}
.search .phsearch {
	display: none;
}
.search .phsearch input {
	width: 84%;
	height: 45px;
	padding-left: 20px;
	color: #515151;
	letter-spacing: 1px;
	background-color: #fff;
	border-radius: 8px;
}
.search .phsearch .seclose {
	position: absolute;
	top: 49px;
	right: 46px;
	color: #b9b9b9;
	cursor: pointer;
}
.search .phsearch ul {
	padding-top: 15px;
}
.search .phsearch ul li {
	padding: 12px 0;
}
.search .phsearch ul li a {
	font-size: 16px;
	color: #fff;
}
.search .phsearch .searching {
	margin: 20px 0;
}
.search .phsearch .searching button {
	width: 118px;
	height: 48px;
	font-size: 18px;
	border-radius: 8px;
}
.search .phsearch .searching a:nth-child(1) button {
	background-color: #fff;
	color: #464646;
	margin-right: 5px;
}
.search .phsearch .searching a:nth-child(2) button {
	border: 1px solid #fff;
	color: #fff;
}
.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.ban_b {
	display: none;
}
.banner_item {
	position: relative;
}
.banner_item video {
	width: 100%;
}
.banner_item > img {
	width: auto;
	max-width: 100%;
	min-height: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.asidenav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 100%;
	z-index: 48;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
/*.asidenav.act{
    display:none;
}*/
.banner_txt {
	top: 49%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 10;
	width: 1280px;
	text-align: left;
}
.banner_txt h2 {
	font-size: 64px;
	color: #fff;
}
.banner_pic .slick-dots {
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 44px;
	width: auto;
	z-index: 50;
}
.banner_pic .slick-dots li {
	position: relative;
	display: block;
	margin: 20px 0;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	background: none;
}
.banner_pic .slick-dots li.slick-active {
	background: #fff;
}
.indexcon {
	width: 1280px;
	margin: 0 auto
}
.title h1 a {
	font-family: 'Roboto Condensed';
    font-size: 40px;
	font-weight: 600;
    color: #464646;
	width: auto;
}
.title h1 a:hover {
	color: #c00;
}
.title p {
	letter-spacing: 1px;
}
.indexcategory {
	width: 100%;
	text-align: center;
	position: relative;
	background: #fff;
	padding-top: 50px;
}
.indexcategory .title {
    margin-bottom: 30px;
}
.indexcategory .title h1 {
    font-family: 'Roboto Condensed';
    font-size: 40px;
    font-weight: 600;
    color: #464646;
    line-height: 1.5;
    margin-bottom: 5px;
}
.indexcategory .title p {
    font-size: 18px;
    color: #888;
    text-transform: uppercase;
    line-height: 1.5;
}
.indexcategory .indexcon {
	font-size: 0;
	margin-bottom: 40px
}
.indexcategory a {
	width: 11.111%;
	display: inline-block;
	position: relative;
}
.indexcategory a p {
	font-size: 16px;
	letter-spacing: 0.5px;
	color: #888;
    padding-top: 20px;
}
.indexcategory a p:hover {
	color: #c00
}
.indexcategory a i {
	font-family: 'Impact';
	font-size: 48px;
	text-align: right;
	padding-right: 6px;
	font-style: normal;
	color: #999;
	position: absolute;
    top: 32px;
    left: 23px;
    display: block;
    width: 56px;
    height: 56px;
	background: #fff;
	z-index: 99;
}
.indexcategory a:hover i, .indexcategory a:hover p {
	color: #c00;
}
.indexcategory a .icon {
	display: block;
	width: 70px;
	height: 73px;
	margin: 0 auto;
	transition: all 0.3s ease;
	background: url("../images/index_proicon_1.png");
    background-repeat: no-repeat;
	background-position:0 0;
}
.indexcategory a:hover .icon {
	transform: rotateY(180deg);
	background: url("../images/index_proicon_2.png");
}
.indexcategory a:hover {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.category {
	width: 100%;
	position: relative;
	background: #fff;
	font-size: 0;
}
.category li {
	display: inline-block;
	width: calc(100% / 6 - 10px);
    text-align: center;
	overflow: hidden;
    background: #f5f5f5;
    padding: 20px 0;
	margin: 0 5px 10px;
}
.category li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	background-size: 100%;
	background-position: center !important;
	position: relative;
}
.category li a img {
	width: 65%;
	transition: all 0.3s ease;
}
.category li a span {
	font-family: 'Roboto Condensed';
	display: block;
	font-size: 16px;
	color: #555;
	line-height: 1.4;
    text-align: center;
	font-weight: 500;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
	-webkit-text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
	z-index: 99;
}
.category li a img:hover {
	transform: scale(1.05);
}
.m_category {
	width: 100%;
	position: relative;
	background: #fff;
	font-size: 0;
	display: none
}
.m_category li {
	width: 49.5%;
	display: inline-block;
	margin-left: 1%;
	margin-bottom: 1%;
}
.m_category li:nth-child(1), .m_category li:nth-child(3), .m_category li:nth-child(5) {
	margin-left: 0
}
.m_category li a {
	width: 100%;
	display: block;
	position: relative;
}
.m_category li a img {
	width: 100%
}
.m_category li a span {
	position: absolute;
	z-index: 99;
	font-size: 22px;
	color: #fff;
	line-height: 20px;
	left: 20px;
	bottom: 25px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #666;
	-webkit-text-shadow: 1px 1px 2px #666
}
.indexservice {
	width: 100%;
	position: relative;
	font-size: 0;
	background: linear-gradient(to bottom, #e0e6f2, #f0f3f9, #e0e6f2)
}
.indexservice .indexcon {
	padding: 60px 0;
}
.indexservice .left {
	width: 32.8%;
	display: inline;
	float: left
}
.indexservice .left .title {
	background: url("../images/service_icon.png") no-repeat;
	padding-left: 105px;
	height: 80px;
	margin-bottom: 30px;
}
.indexservice .left .title h1 {
	font-family: 'Roboto Condensed';
	font-size: 40px;
	font-weight: 600;
	color: #464646;
	line-height: 1.2;
}
.indexservice .left .title p {
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
	line-height: 2;
}
.indexservice .left .service {
	width: calc(100% + 20px);
	margin-right: -20px;
}
/*(width-(padding+border)*2-margin)*/
/*.indexservice .left .service li{width:calc(100% / 3 - 20px); border:1px solid #f0f0f0; background:#fff; padding:0 10px; margin-right:20px; margin-top:20px; height:185px; display:inline-block; text-align:center;transition:all 0.4s; }*/
.indexservice .left .service li {
	width: 170px;
	height: 160px;
	text-align: center;
	border: 1px solid #f0f0f0;
	background: #fff;
	margin-right: 2.4%;
	margin-top: 12px;
    border-radius: 8px;
	display: inline-block;
	transition: all 0.4s;
}
.indexservice .left .service li:nth-child(2n) {
	margin-right: 0
}
.indexservice .left .service li a {
	display: block;
	width: 100%;
	text-align: center
}
.indexservice .left .service li a h2 {	
    margin-top: 15px;
    margin-bottom: 0;
}
.indexservice .left .service li span {
	margin: 36px auto 0;
	width: 63px;
	height: 63px;
	display: block;
}
.indexservice .left .service li .bg1 { /*background: url("../images/service_icon1.png") no-repeat center;*/
	background: url("../images/service_icon7.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li .bg2 {
	background: url("../images/service_icon8.png") no-repeat center; /*background: url("../images/service_icon2.png") no-repeat center;*/
	transition: background 0.3s;
}
.indexservice .left .service li .bg3 {
	background: url("../images/service_icon3.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li .bg4 {
	background: url("../images/service_icon4.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li .bg5 {
	background: url("../images/service_icon5.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li .bg6 {
	background: url("../images/service_icon6.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li h2 {
	font-size: 17px;
	color: #333;
	line-height: 1.8;
	transition: color 0.3s;
}
.indexservice .left .service li p {
	color: #bbb;
	font-size: 13px;
	line-height: 2.2;
	text-transform: uppercase;
	transition: color 0.3s
}
.indexservice .left .service li:hover {
	background: #c00;
	transition: 0.5s;
}
.indexservice .left .service li:hover p {
	color: #fff
}
.indexservice .left .service li:hover h2 {
	color: #fff
}
.indexservice .left .service li:hover .bg1 { /*background: url("../images/service_icon1s.png") no-repeat center;*/
	background: url("../images/service_icon7s.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li:hover .bg2 {
	background: url("../images/service_icon8s.png") no-repeat center; /*background: url("../images/service_icon2s.png") no-repeat center;*/
	transition: background 0.3s;
}
.indexservice .left .service li:hover .bg3 {
	background: url("../images/service_icon3s.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li:hover .bg4 {
	background: url("../images/service_icon4s.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li:hover .bg5 {
	background: url("../images/service_icon5s.png") no-repeat center;
	transition: background 0.3s;
}
.indexservice .left .service li:hover .bg6 {
	background: url("../images/service_icon6s.png") no-repeat center;
	transition: background 0.3s;
}
/*.indexservice .left .service li:after{ content:""; position: absolute;top: 0; bottom: 0; left: 0;z-index: -1; background: #2a68cc;transition: 0.6s linear; }
.indexservice .left .service li:hover:after{ width:100%; height:100%}*/
.indexservice .right {
	width: 67.2%;
    margin-top: 20px;
	display: inline-block;
}
.indexservice .right img {
	width: 100%;
}
.indexnews {
	width: 100%;
	position: relative;
	font-size: 0;
	background: #fff;
	padding: 50px 0 65px;
}
.indexnews .title {
	text-align: center
}
.indexnews .title h1 {
	font-size: 40px;
	color: #464646;
	line-height: 1.5;
    margin-bottom: 5px;
}
.indexnews .title p {
	font-family: inherit;
	font-size: 16px;
	color: #888;
    letter-spacing: normal;
	line-height: 1.5;
}
.indexnews .subtitle {
	width: 100%;
	text-align: center;
	padding-top: 35px;
}
.indexnews .subtitle a {
	height: 42px;
	line-height: 40px;
	border: 1px solid #ddd;
	background: #fff;
	margin: 0 5px;
	padding: 0 35px; 
	text-align: center;
	border-radius: 42px;
	display: inline-block;
	font-size: 16px;
	color: #333
}
.indexnews .subtitle a:hover {
	background: #c00;
	color: #fff;
	transition: all 0.3s;
}
.indexnews .con {
	width: 100%;
	margin-top: 50px
}
.indexnews .con li {
	width: 32%;
	display: inline-block;
	margin-left: 2%
}
.indexnews .con li a {
	width: 100%;
	display: block
}
.indexnews .con li a .pic {
	width: 100%;
	height: 275px;
	overflow: hidden;
}
.indexnews .con li a .pic img {
	width:100%;
	height:100%;
    transition: 0.5s; 
}
.indexnews .con li a .text {
	width: 100%;
	padding: 15px 30px 25px;
	background: #f3f3f3;
}
.indexnews .con li a .text h2 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 10px 0 15px;
}
.indexnews .con li a .text h3 {
	font-size: 14px;
	line-height: 18px;
	color: #aaa;
	background: url("../images/more.png") no-repeat right;
	margin: 15px 0 10px;
}
.indexnews .con li a .text p {
	font-size: 14px;
	color: #777;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.indexnews .con li:nth-child(1) {
	margin-left: 0
}
.indexnews .con li:hover .text {
	background: #c00;
	transition: 0.3s
}
.indexnews .con li:hover .text h2, .indexnews .con li:hover .text p {
	color: #fff;
	transition: 0.3s
}
.indexnews .con li:hover .text h3 {
	background: url("../images/more2.png") no-repeat right;
	color: #fff;
	transition: 0.3s
}
.indexnews .con li:hover img {
	transform: scale(1.05, 1.05);
	transition: 0.5s;
}
.partner {
	font-size: 42px;
	font-weight: 600;
	color: #464646;
	margin-bottom: 2%;
}
.partner .partner-slick {
	margin-left: 160px;
	padding: 0 5%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.partner .partner-slick .item img {
	width: 150px;
}
.partner .partner-slick .slick-prev, .partner .partner-slick .slick-next {
	width: 46px;
	height: 46px;
	line-height: 42px;
	background: #c00;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	border-radius: 50%;
	border: 2px solid #c00;
	font-weight: bold;
}
.partner .partner-slick .slick-prev:hover, .partner .partner-slick .slick-next:hover {
	background: none;
	color: #c00;
}
.partner .partner-slick .slick-prev:before {
	content: "\e63d";
}
.partner .partner-slick .slick-next:before {
	content: "\e63e";
}
.partner .partner-slick .slick-prev {
	font-family: "iconfont" !important;
	left: 0;
}
.partner .partner-slick .slick-next {
	font-family: "iconfont" !important;
	right: 0;
}
@media screen and (max-width: 875px) {
	.partner {
		display: none;
		margin-bottom: 60px;
	}
	.partner .partner-slick {
		margin-right: -30px;
		padding: 0 40px;
	}
	.partner .partner-slick .item {
		margin-right: 30px;
	}
	.partner .partner-slick .slick-prev, .partner .partner-slick .slick-next {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		margin-top: -15px;
	}
	.partner .partner-slick .slick-next {
		margin-right: 30px;
	}
}
.hexin {
	width: 100%;
	padding-bottom: 170px;
	position: relative;
	background: #fff;
}
.hexincon {
	width: 1280px;
	margin: 0 auto;
	padding: 100px 0 90px;
}
.heleft {
	width: 230px;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.heleft h3 {
	font-family: 'Roboto Condensed';
	font-size: 40px;
	font-weight: normal;
	margin-top: 20px;
	color: #464646;
}
.heright {
	width: calc(100% - 270px);
	position: relative;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.heright::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 100px;
	background: #e5e5e5;
	top: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateY(-50%);
	left: -50px;
}
.heright p {
	font-size: 15px;
	color: #454545;
	line-height: 2;
	letter-spacing: 0.5px;
	height: 90px;
	overflow: hidden;
	text-align: justify;
	margin: 0;
}
.news {
	width: 100%;
	position: relative; /*height:919px;*/
	/*height:1070px;*/
	overflow: hidden;
}
.news::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url("../images/fangkuaiyi.png") repeat rgba(0, 0, 0, 0.27);
}
.videobox img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.videobox video {
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.news_con { /*padding:97px 100px 0;
	position:absolute;*/
	padding: 100px 100px 110px 10px;
	position: relative; /*	top:0;
	left:50%;*/
	/*    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
	width: 1560px;
	z-index: 5;
}
.neconright {
	width: 1230px; /*background:linear-gradient(#133183,#267cc0);*/
	position: relative;
}
.neconleft { /*width:calc(100% - 1300px);*/
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.neconleft h3 {
	font-size: 48px;
	color: #fff;
}
.nelist {
	width: 33.333%;
	position: relative;
	background: linear-gradient(#133183, #267cc0); /* height:399px;*/
}
.neitem {
	width: 100%;
	height: 100%;
	padding: 74px 0 80px 54px;
}
.neleft {
	width: 290px;
	padding-right: 0;
}
.neright {
	width: calc(100% - 315px);
}
.neright p { /*writing-mode:tb-rl;*/
	color: #f9f9f9;
	font-size: 14px;
	letter-spacing: 1px;
	width: 16px;
	text-align: center;
}
.lianjie {
	display: block;
	width: 287px;
	height: 43px;
	border: 1px solid #fff;
	text-align: center;
	transition: all 0.8s;
}
.lianjie span {
	color: #fff;
	line-height: 43px;
	font-size: 16px;
	transition: all 0.8s;
}
.lianjie span:nth-child(2) {
	margin-left: 2px;
	transition: all 0.8s;
}
.neleft h2 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 44px;
	position: relative;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.neleft h2::after {
	position: absolute;
	content: '';
	width: 25px;
	height: 2px;
	background: #7bd8ff;
	left: 0;
	bottom: -18px;
}
.newshengxian {
	width: 25px;
	height: 2px;
	background: #7bd8ff;
	transform: translate(1px, -20px);
}
.neleft p {
	font-size: 14px;
	color: #97d4ff;
	line-height: 24px;
	margin-bottom: 75px;
	height: 48px;
	overflow: hidden;
	padding-right: 35px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.nelistboxx {
	width: 100%;
}
.neconright .nelist {
	position: relative;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.neconright .nelist::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.11);
}
.neconright .nelist:nth-child(1)::after {
	display: none;
}
.neconright .nelist:nth-child(4)::after {
	display: none;
}
.neconright .nelist:nth-child(6) {
	background: none;
	animation-delay: 1s;
}
.neconright .nelist:nth-child(5) { /*   background:-webkit-linear-gradient(left, #173e8e, #1f62ab);
    background:-o-linear-gradient(left, #173e8e, #1f62ab);
    background:linear-gradient(left, #173e8e, #1f62ab);*/
	/*border-left:1px solid rgba(255,255,255,0.11);*/
	background: -webkit-linear-gradient(left, #1a4d9a, #226eb5);
	background: -o-linear-gradient(left, #1a4d9a, #226eb5);
	background: linear-gradient(left, #1a4d9a, #226eb5);
	animation-delay: 0.8s;
}
.neconright .nelist:nth-child(4) { /*background:-webkit-linear-gradient(left,  #102579,#174190);
    background:-o-linear-gradient(left,  #102579,#174190);
    background:linear-gradient(left,  #102579,#174190);*/
	background: -webkit-linear-gradient(left, #122b7e, #1a4d9a);
	background: -o-linear-gradient(left, #122b7e, #1a4d9a);
	background: linear-gradient(left, #122b7e, #1a4d9a);
	animation-delay: 0.6s;
}
.neconright .nelist:nth-child(3) {
	background: -webkit-linear-gradient(left, #226eb5, #2885c7);
	background: -o-linear-gradient(left, #226eb5, #2885c7);
	background: linear-gradient(left, #226eb5, #2885c7);
	animation-delay: 0.4s;
}
.neconright .nelist:nth-child(2) {
	background: -webkit-linear-gradient(left, #1a4d9a, #226eb5);
	background: -o-linear-gradient(left, #1a4d9a, #226eb5);
	background: linear-gradient(left, #1a4d9a, #226eb5); /*border-right:1px solid rgba(255,255,255,0.11);
    border-left:1px solid rgba(255,255,255,0.11);*/
	animation-delay: 0.2s;
}
.neconright .nelist:nth-child(1) {
	background: -webkit-linear-gradient(left, #122b7e, #1a4d9a);
	background: -o-linear-gradient(left, #122b7e, #1a4d9a);
	background: linear-gradient(left, #122b7e, #1a4d9a);
}
.neconright .nelist:nth-child(6) .nelistboxx { /*    background:-webkit-linear-gradient(left,  #2065ad, #2780c3);
    background:-o-linear-gradient(left,  #2065ad, #2780c3);
    background:linear-gradient(left,  #2065ad, #2780c3);*/
	width: 100%;
	height: 185px;
	background: -webkit-linear-gradient(left, #226eb5, #2885c7);
	background: -o-linear-gradient(left, #226eb5, #2885c7);
	background: linear-gradient(left, #226eb5, #2885c7);
}
.lianjiea {
	position: relative;
	top: 70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 255px;
	height: 62px;
	line-height: 62px;
	background: -webkit-linear-gradient(left, rgba(14, 35, 120, 0.6), rgba(40, 133, 199, 0.6));
	background: -o-linear-gradient(left, rgba(14, 35, 120, 0.6), rgba(40, 133, 199, 0.6));
	background: linear-gradient(left, rgba(14, 35, 120, 0.6), rgba(40, 133, 199, 0.6));
	border: none;
}
.earthmap {
	width: 1035px;
	margin: 0 auto 0;
	visibility: visible;
	animation-duration: 1s;
	animation-delay: 0.8s;
	animation-name: fadeIn;
	position: relative; /*  padding-bottom:43px;*/
}
.earth {
	padding-bottom: 43px;
}
.lianhua {
	width: 100%;
	position: relative; /* height:501px;*/
}
.lianhua::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.72);
	z-index: 0;
	top: 0;
	left: 0;
	background: url("../images/fangkuaiyi.png") repeat rgba(0, 0, 0, 0.27);
}
.videoboxa video {
	height: 496px;
}
.lianhuacon {
	width: 1460px;
	margin: 0 auto;
	top: 0;
	right: 230px;
	position: absolute;
	padding-top: 116px;
	z-index: 1;
}
.lianhuaitem h4 {
	font-size: 60px;
	color: #ff0000;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
	text-align: center;
}
.lianhuaitem h4 i {
	font-size: 18px;
	color: #ff0000;
	font-style: normal;
}
.lianhuaitem p {
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
.lianhuaitem {
	padding: 0 36px;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.lianhuaitem:nth-child(1) {
	animation-delay: 0.1s;
}
.lianhuaitem:nth-child(2) {
	animation-delay: 0.2s;
}
.lianhuaitem:nth-child(3) {
	animation-delay: 0.3s;
}
.lianhuaitem:nth-child(4) {
	animation-delay: 0.4s;
}
.videobox {
	width: 100%;
	height: 100%; /*    position:relative;*/
	position: absolute;
	z-index: 1
}
.videobox video {
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.lianhuabt h3 {
	font-size: 48px;
	color: #fff;
}
.lianhuabg img {
	width: 100%;
}
.lianhuamore {
	display: block;
	width: 150px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	text-align: center;
	margin-top: 103px;
	transition: all 0.8s;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.lianhuamore span {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	transition: all 0.8s;
}
.lianhuamore span:nth-child(2) {
	margin-left: 2px;
	transition: all 0.8s;
}
.footer {
	width: 100%;
	background: #333;
	padding: 50px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	position: relative;
}
.footer .con .lefts {
	width: 35%;
	display: inline-block
}
.footer .con .lefts .ewm {
	width: 130px;
	text-align: center;
	float: left
}
.footer .con .lefts .ewm img {
	width: 100%;
}
.footer .con .lefts .ewm p {
	font-size: 14px;
	line-height: 2;
	color: #c1c1c1;
	margin-top: 10px;
}
.footer .con .lefts .ewm .pic {
	height: 40px;
	margin-top: 10px;
}
.footer .con .lefts .ewm .pic a {
	width: 40px;
	height: 40px;
	display: inline-block;
	margin: 0 7px
}
.footer .con .lefts .text {
	width: 100%;
	margin: 0 0 0 10px;
	float: left
}
.footer .con .lefts .text img {
	width: 190px;
	margin-bottom: 15px
}
.footer .con .lefts .text li {
	font-size: 14px;
	color: #c1c1c1;
	line-height: 1.8;
	letter-spacing: 0.5px;
	width: 100%;
	padding-left: 25px;
	padding-bottom: 5px;
}
.footer .con .lefts .text li:nth-child(2) {
	background: url("../images/footer_icon1.png") no-repeat left 3px;
}
.footer .con .lefts .text li:nth-child(3) {
	background: url("../images/footer_icon2.png") no-repeat left 3px;
}
.footer .con .lefts .text li:nth-child(4) {
	background: url("../images/footer_icon2.png") no-repeat left 3px;
}
.footer .con .lefts .text li:nth-child(5) {
	background: url("../images/footer_icon4.png") no-repeat left 5px;
}
.footer .copyright {
	font-size: 14px;
	background: #101010;
	text-align: center;
	letter-spacing: 0.5px;
	padding: 28px 0 25px;
	margin-top: 50px;
}
.footer .copyright span {
	color: #ccc;
	margin: 0 8px;
	padding-right: 20px;
	border-right: 1px solid #bbb;
}
.footer .copyright a {
	color: #ccc;
	margin: 0 8px;
}
.footer .copyright a:hover {
	color: #fff
}
.footer .con .rights {
    float: left;
	width: 65%;
	display: inline-block;
}
.footer .con .rights li {
    float: left;
	width: 20%;
	display: inline-table;
	margin: 0 80px 0 20px;
	text-align: center;
	position: relative;
	/* border-right:1px ssolid #454545*/
}
.footer .con .rights li:first-child {
	width: 60%;
	margin: 0 60px 0 0;
}
.footer .con .rights li:first-child a {
	width: 50%;
	float: left;
}
.footer .con .rights li::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 160px;
	background: #454545;
	right: 0;
	top: 60px;
	margin-right: -15px
}

.footer .con .rights li h1 {
	font-family: 'Roboto Condensed';
    height: 35px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #c1c1c1;
	line-height: 2;
	margin: 0 0 15px;
}
.footer .con .rights li h1 a {
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
}
.footer .con .rights li a {
	font-size: 14px;
	color: #c1c1c1;
	line-height: 2.1;
    text-align: left;
	width: 100%;
	display: block
}
.footer .con .rights li a:hover {
	color: #fff;
	transition: all 0.3s
}
.lianhuabg {
	position: absolute;
	left: 0;
	top: -188px;
	width: 100%;
	background: url("../images/beijing.png") no-repeat center;
	background-size: cover;
	height: 187px;
}
.ft_con {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}
.ft_itembox a {
	font-size: 14px;
	color: #fff;
	display: block;
	padding: 11px 0;
}
.ft_itemboxa {
	margin-left: 100px;
}
/*分享*/
.d2-f-fenx {
	display: inline-block;
}
/*图标分享*/
.bshare_box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.bshare_box a {
	width: 100% !important;
	height: 100% !important;
	display: block;
	opacity: 0 !important;
}
.bsPromo {
	width: 100%;
	height: 100%;
	display: block !important;
	opacity: 0 !important;
	position: absolute;
	top: 0;
	left: 0;
}
.l-r-topb {
	position: relative;
	height: 100%;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	margin-right: 8px;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.15);
}
.l-r-topba {
	margin-right: 0;
}
.l-r-topb i {
	color: #fff;
	font-size: 38px;
}
.bsTop {
	width: 100% !important;
	padding-top: 5px;
}
.linkedin {
	color: #999999 !important;
	font-size: 50px !important;
}
.weibo {
	color: #999999 !important;
	font-size: 22px !important;
}
.wx {
	color: #999999 !important;
	font-size: 18px !important;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
}
.fenxianga {
	position: relative;
	bottom: 0;
	right: 0;
	margin: 133px auto 12px;
}
.fenxianga .l-r-topb {
	width: 50px;
	height: 50px;
	border: 2px solid #999999;
	text-align: center;
	line-height: 50px;
	margin-right: 44px;
	position: relative;
}
.fenxianga .fenicont {
	width: 300px;
}
.footer .item4 { /*width: 285px;*/
	/*margin: 50px 0 50px 0;*/
	margin-top: 36px;
	width: 100%;
}
.footer .item4 .link {
	position: relative;
	width: 150px;
	margin-right: auto;
}
.footer .item4 .link span {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.footer .item4 .link span.act {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.footer .item4 .link .head {
	width: 150px;
	padding-top: 14px;
	padding-right: 18px;
	padding-bottom: 14px;
	padding-left: 14px;
	cursor: pointer;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
}
.footer .item4 .link .drop {
	position: absolute;
	bottom: 44px;
	left: 0;
	overflow: hidden;
	width: 100%;
	max-height: 100px;
	height: 100px !important; /*    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;*/
	border: 1px solid #fff;
	border-bottom: none;
	display: none;
}
.footer .item4 .link .drop li {
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 14px;
	padding-left: 15px;
	text-align: left;
	background: #2f333d;
}
.footer .item4 .link .drop li a {
	color: #fff;
}
.footer .item4 .link2 {
	padding-top: 33px;
	text-align: right;
}
.footer .item4 .link2 a {
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 8px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	border-radius: 50%;
}
.footer .item4 .link2 .a1 {
	background: #57c839;
}
.footer .item4 .link2 .a2 {
	line-height: 26px;
	background: #118fd1;
}
.footer .item4 .link2 .a3 {
	background: #63b3f0;
}
.footer .item4 .link2 .a4 {
	background: #3b5998;
}
.footer .item4 .link2 .a5 {
	background: #ec3335;
}
.footer .left, .footer .right {
	display: inline-block;
	vertical-align: top;
}
.footer .right {
	width: calc(100% - 38px);
	width: -webkit-calc(100% - 38px);
	padding-left: 24px;
}
.footer .right {
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	padding-left: 24px;
}
.footer p {
	line-height: 1.85;
	letter-spacing: .75px;
	color: rgba(255, 255, 255, .5);
}
.footer h4 {
	color: #fff;
	font-size: 16px;
}
.fenicont { /*width:103px;*/
	display: inline-block;
}
.foot_right_ewm {
	width: 110px;
	text-align: center;
	float: right
}
.foot_right_ewm img {
	width: 100%;
	margin-bottom: 10px;
}
.foot_right_ewm h1 {
	font-size: 12px;
	color: #fff;
}
.foot_right {
	text-align: right;
}
.footp {
	width: 100%;
	float: right;
	height: 40px;
	margin-bottom: 20px;
}
.footp .text {
	width: 80%;
	float: left;
	line-height: 20px;
	margin-top: 20px;
}
.footp .icon {
	width: 110px;
	float: right;
}
.footp p {
	color: #bbbec0; /* color:rgba(157,187,210,0.6);*/
	font-size: 14px;
}
.footp p a {
	color: #bbbec0; /*color:rgba(157,187,210,0.6);*/
	font-size: 14px;
}
.footp img {
	margin-left: 10px;
}
.ftlogo {
	padding: 0 10px;
	width: 60px;
	position: absolute;
	top: -65px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #1c2d39;
}
.ftlogo img {
	width: 100%;
}
.heixinlistbox {
	position: relative;
}
.heixinlist {
	width: 100%;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.heixinlist .slick-dots {
	bottom: -81px;
}
.heixinlist .slick-dots li {
	width: 100px;
	height: 48px;
	border-radius: 0;
	margin: 0 9px;
}
.heixinlist .slick-dots li:nth-child(1) {
	background: url("../images/icon1.png") no-repeat center
}
.heixinlist .slick-dots li:nth-child(2) {
	background: url("../images/icon2.png") no-repeat center
}
.heixinlist .slick-dots li:nth-child(3) {
	background: url("../images/icon3.png") no-repeat center
}
.heixinlist .slick-dots li:nth-child(4) {
	background: url("../images/icon4.png") no-repeat center
}
.heixinlist .slick-dots li:nth-child(5) {
	background: url("../images/icon5.png") no-repeat center
}
.heixinlist .slick-dots li:nth-child(1).slick-active {
	background: url("../images/icon1s.png") no-repeat center;
}
.heixinlist .slick-dots li:nth-child(2).slick-active {
	background: url("../images/icon2s.png") no-repeat center;
}
.heixinlist .slick-dots li:nth-child(3).slick-active {
	background: url("../images/icon3s.png") no-repeat center;
}
.heixinlist .slick-dots li:nth-child(4).slick-active {
	background: url("../images/icon4s.png") no-repeat center;
}
.heixinlist .slick-dots li:nth-child(5).slick-active {
	background: url("../images/icon5s.png") no-repeat center;
}
.heixinlist .slick-dots li:before {
	content: "";
	position: absolute;
	width: 100%;
	font-size: 14px;
	color: #333;
	left: 0;
	top: 48px;
	line-height: 3;
	text-align: center
}
.heixinlist .slick-dots li:nth-child(1):before {
	content: "PE管材"
}
.heixinlist .slick-dots li:nth-child(2):before {
	content: "PPR管材"
}
.heixinlist .slick-dots li:nth-child(3):before {
	content: "钢塑过渡"
}
.heixinlist .slick-dots li:nth-child(4):before {
	content: "海绵城市"
}
.heixinlist .slick-dots li:nth-child(5):before {
	content: "PVC管材"
}
.hxin_item {
	position: relative;
	width: 1280px;
	margin: 0 54px;
}
.heixinlist .slick-active .hxin_txt {
	display: block;
}
.hitbox {
	width: 100%;
	opacity: 0.3;
}
.heixinlist .slick-active .hitbox {
	opacity: 1;
}
.hxin_txt {
	position: absolute;
	background: #fff;
	width: 380px;
	height: 422px;
	bottom: 10px;
	left: 10px;
	padding: 56px 53px 42px;
	display: none;
	z-index: 1;
}
.hxin_txt h2 {
	color: #333;
	font-size: 30px;
	position: relative;
	animation-duration: 1s;
	animation-name: fadeInUp;
	visibility: visible !important;
}
.hxin_txt h2::after {
	position: absolute;
	top: 8px;
	content: '';
	width: 73px;
	height: 2px;
	background: #0067da;
	left: -97px;
}
.hxin_txt > p {
	color: #666;
	font-size: 16px;
	margin: 30px 0 76px;
	line-height: 30px;
	animation-duration: 1s;
	animation-name: fadeInUp;
	visibility: visible !important;
}
.hxin_txt a {
	color: #0067da;
	font-size: 20px;
	animation-duration: 1s;
	animation-name: fadeInUp;
	visibility: visible !important;
}
.gengduo span {
	color: #0067da;
	font-size: 20px;
}
.pagebox {
	width: 100%;
	text-align: center;
	margin-top: 66px;
}
.pagebox p {
	color: #999999;
	font-size: 24px;
}
.pagebox p i {
	font-style: normal;
	color: #333;
	font-size: 36px;
}
.lianhuabt {
	width: 192px;
	visibility: visible;
	animation-duration: 1s;
	animation-name: fadeInUp;
}
.lianhuarighta {
	width: calc(100% - 227px);
}
.earthmap img {
	max-width: 100%;
}
.videoaa {
	width: 100%;
	position: relative;
	height: 496px;
	overflow: hidden;
}
.videoaa video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
}
.videoaa img {
	width: 100%;
}
.lianjie:hover {
	color: #fff;
}
.heixinlist .slick-prev, .heixinlist .slick-next {
	background: #b2b2b2;
	width: 91px;
	height: 56px;
	z-index: 50;
}
.heixinlist .slick-prev {
	left: 13.3%;
	background: url("../images/prev.png") no-repeat center #b2b2b2;
}
.heixinlist .slick-next {
	right: 13.3%;
	background: url("../images/next.png") no-repeat center #b2b2b2;
}
.jian {
	margin-left: 12px;
	display: inline-block;
	line-height: 62px;
	transition: all 0.8s;
	width: 9px;
}
.jian img {
	width: 100%;
}
.liaojie {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	line-height: 62px;
}
.jk {
	display: inline-block;
}
.hxin_txt .gengduo span:nth-child(2) {
	margin-left: 2px;
	transition: all 0.8s;
}
.hitbox a {
	display: block;
	overflow: hidden;
}
.hitbox img {
	transition: all 1s;
}
.float-right-box {
	width: 60px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1000;
	transition: width 0.3s ease 0s;
	font-size: 0;
	display: none
}
.float-right-box li {
	width: 100%;
	height: 60px;
	background: #999;
	margin-bottom: 1px;
	text-align: center;
	cursor: pointer
}
.float-right-box li p {
	font-size: 12px;
	line-height: 2;
	color: #fff
}
.float-right-box li a {
	display: block;
	height: 100%;
}
.float-right-box li img {
	padding-top: 13px;
}
.float-right-box li:nth-child(1) img {
	padding-top: 15px;
}
.float-right-box li:hover {
	background: #c00
}
.float-right-box .ewm {
	width: 133px;
    height: 133px;
    position: absolute;
    top: 55px;
	right: 61px;
	display: none;
	animation: fadeInUp 0.6s;
}
.float-right-box .ewm img {
	width: 100%
}
.float-right-box .call {
	width: 160px;
	height: 60px;
	position: absolute;
	top: 61px;
    right: 60px;
	letter-spacing: 1px;
	background: #c00;
	animation: fadeInUp 0.5s;
	display: none
}
.float-right-box .call p {
	color: #fff;
	line-height: 62px;
	font-size: 16px;
	text-align: center;
	font-weight: bold
}
@media screen and (max-width:1680px) {
	.footer .con .lefts {
		width: 35%
	}
	.footer .con .lefts .ewm {
		width: 110px;
	}
	.footer .con .lefts .text {
		width: calc(100% - 120px);
		margin: 0 0 0 10px
	}
	.footer .con .lefts .text li {
		font-size: 14px;
		line-height: 1.8;
	}
	.footer .con .lefts .ewm p {
		font-size: 14px;
	}
	.footer .con .rights {
		width: 65%
	}
	.footer .con .rights li h1 {
		font-size: 16px;
	}
	.footer .con .rights li a {
		font-size: 14px
	}
}
@media screen and (max-width:1440px) {
    .navbox {
        margin-left: 220px;
    }
	.indexcon {
		width: 90%
	}
	.indexservice .left .service li p {
		font-size: 12px;
		line-height: 15px;
		height: 30px;
		margin-top: 5px;
	}
}
@media screen and (max-width:1360px) {
	.footer .con .rights li {
		margin: 0 15px
	}
	.footer .con .rights li::after {
		margin-right: -15px;
	}
}
@media screen and (max-width:1280px) {
	.footer .con .lefts .ewm {
		display: none
	}
	.footer .con .lefts .text, .footer .con .rights {
		display: none
	}
	.footer .con {
		padding: 0
	}
	.footer .con .lefts, .footer .con .lefts .ewm, .footer .con .lefts .ewm .pic a img {
		width: 100%
	}
	.footer .con .lefts .ewm img {
		width: 110px;
	}
	.indexnews {
		padding: 30px 0
	}
	.footer .copyright, .footer .con .lefts .ewm {
		padding: 15px 0;
		line-height: 1.5
	}
	.indexnews .title {
		text-align: left
	}
	.indexnews .title h1 {
		font-size: 24px;
		line-height: 1.5;
	}
	.indexnews .title p {
		font-size: 12px;
	}
	.indexnews .subtitle a {
		width: 20%;
		height: 35px;
		line-height: 35px;
		font-size: 12px;
		margin: 0 5px 0 0
	}
	.indexnews .subtitle {
		padding-top: 15px;
		text-align: left
	}
	.indexnews .con li a .text {
		padding: 15px 15px
	}
	.indexnews .con li a .text h2 {
		font-size: 14px;
	}
	.indexnews .con li a .text h3 {
		font-size: 12px;
		margin: 10px 0 5px 0;
		line-height: 15px;
		background-size: 15px
	}
	.indexnews .con li a .text p {
		font-size: 13px;
	}
	.category {
		display: none
	}
	.m_category {
		display: block
	}
	.indexcategory {
		padding-bottom: 25px
	}
	.indexcategory .indexcon {
		margin-bottom: 0
	}
	.indexcategory a {
		width: 25%;
		float: left;
		background-size: 45px !important;
		margin: 10px 0;
	}
	.indexcategory a p {
		padding-top: 40px;
		font-size: 14px;
	}
	.indexcategory a:nth-child(1) {
		background: url("../images/icon1.png") no-repeat center 0
	}
	.indexcategory a:nth-child(2) {
		background: url("../images/icon2.png") no-repeat center 0
	}
	.indexcategory a:nth-child(3) {
		background: url("../images/icon3.png") no-repeat center 0
	}
	.indexcategory a:nth-child(4) {
		background: url("../images/icon4.png") no-repeat center 0
	}
	.indexcategory a:nth-child(5) {
		background: url("../images/icon5.png") no-repeat center 0
	}
	.indexcategory a:nth-child(6) {
		background: url("../images/icon6.png") no-repeat center 0
	}
	.indexcategory a:nth-child(7) {
		background: url("../images/icon7.png") no-repeat center 0
	}
	.indexcategory a:nth-child(1):hover {
		background: url("../images/icon1s.png") no-repeat center 0
	}
	.indexcategory a:nth-child(2):hover {
		background: url("../images/icon2s.png") no-repeat center 0
	}
	.indexcategory a:nth-child(3):hover {
		background: url("../images/icon3s.png") no-repeat center 0
	}
	.indexcategory a:nth-child(4):hover {
		background: url("../images/icon4s.png") no-repeat center 0
	}
	.indexcategory a:nth-child(5):hover {
		background: url("../images/icon5s.png") no-repeat center 0
	}
	.indexcategory a:nth-child(6):hover {
		background: url("../images/icon6s.png") no-repeat center 0
	}
	.indexcategory a:nth-child(7):hover {
		background: url("../images/icon7s.png") no-repeat center 0
	}
	.indexservice .right {
		display: none
	}
	.indexservice .left {
		width: 100%;
		float: none
	}
	.indexservice .left .title h1 {
		font-size: 24px;
	}
	.indexservice .left .title p {
		font-size: 12px;
	}
	.indexservice .left .title {
		background-size: 45px;
		background-position-y: 7px;
		height: auto;
		padding-left: 55px;
		margin-bottom: 0;
		padding-bottom: 20px
	}
	.indexservice .indexcon {
		padding: 30px 0
	}
	.indexservice .left .service {
		width: 100%;
		margin-right: 0
	}
	.indexservice .left .service li {
		width: calc(50% - 2px);
		margin-left: 0;
		margin-top: 0;
		height: 125px;
	}
	.indexservice .left .service li p {
		display: none
	}
	.indexservice .left .service li .bg1 {
		background: url("../images/service1.png") no-repeat center
	}
	.indexservice .left .service li .bg2 {
		background: url("../images/service2.png") no-repeat center
	}
	.indexservice .left .service li .bg3 {
		background: url("../images/service3.png") no-repeat center
	}
	.indexservice .left .service li .bg4 {
		background: url("../images/service4.png") no-repeat center
	}
	.indexservice .left .service li .bg5 {
		background: url("../images/service5.png") no-repeat center
	}
	.indexservice .left .service li .bg6 {
		background: url("../images/service6.png") no-repeat center
	}
	.indexservice .left .service li span {
		width: 50px;
		height: 50px;
		background-size: 100% !important;
		margin: 20px auto 0
	}
	.indexservice .left .service li h2 {
		font-size: 14px;
		padding-top: 15px;
	}
}
@media screen and (max-width:768px) {
	.indexnews .con {
		margin-top: 20px;
	}
	.indexnews .con li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px
	}
	.indexnews .con li a .pic img {
		width: 100%
	}
}
@media screen and (max-width:414px) {
	.indexnews .con li a .pic {
		height: 190px
	}
}
@media screen and (max-width:375px) {
	.indexnews .con li a .pic {
		height: 180px
	}
	.indexnews .subtitle a {
		margin: 0 2px;
		white-space: 23%;
		border-radius: 30px;
	}
}
@media screen and (min-width:1280px) {
	.xailabox a:hover {
		color: #000;
	}
	.navitem a:hover {
		color: #c00;
	}
	.lianhuamore:hover span {
		color: #c00;
		transition: all 0.8s;
	}
	.lianhuamore:hover .lianhuaspana {
		margin-left: 10px;
	}
	.lianhuamore:hover { /* border-color:#c00;*/
		background-color: #fff;
		transition: all 0.8s;
	}
	.ft_itembox a:hover {
		color: #c00;
	}
	.hxin_txt:hover .gengduo span:nth-child(2) {
		margin-left: 20px;
		transition: all 0.5s;
	}
	.lianjie:hover span:nth-child(2) {
		margin-left: 20px;
		transition: all 0.5s;
	}
	.lianjie:hover span {
		color: #c00;
		transition: all 0.5s;
	}
	.lianjie:hover {
		background-color: #fff;
		transition: all 0.5s;
	}
	.lianjiea:hover .jian {
		margin-left: 30px;
		transition: all 0.5s;
	}
	.neleft h2:hover {
		color: #000;
		transition: all 0.3s;
	}
	.neleft p:hover {
		color: #000;
		transition: all 0.3s;
	}
	.lianjiea:hover span:nth-child(2) {
		margin-left: 10px;
		transition: all 0.8s;
	}
	.hxin_item:hover img {
		transition: all 1s;
		transform: scale(1.1);
	}
	.lianjiebox:hover a {
		background: linear-gradient(to right, #132d81, #2169b1);
	}
	.lianjiebox:hover span {
		color: #fff;
	}
	.lianjiebox:hover .jia {
		margin-left: 15px;
	}
	.chuan:hover {
		z-index: 3;
		transform: scale(1.1);
	}
	.xingkong:hover {
		z-index: 3;
		transform: scale(1.1);
	}
	.wenua_item:hover {
		margin-top: -50px;
	}
	/* .wenhu_list .wenua_item:hover img{
        transform: scale(1.1);
    }*/
	/* .wenhu_list .wenua_item:hover .wenhua_txt::after{
        height:100%;
    }*/
	/*  .wenhu_list .wenua_item:hover h3{
        color:#fff;
    }*/
	/*.wenhu_list .wenua_item:hover h3::after{
        background:#fff;
    }*/
	.newslist:hover .c1lianjie .jiac1 {
		margin-left: 10px;
	}
	.newslist:hover .c1lianjie {
		background: #c00;
		border-color: #c00;
	}
	.newslist:hover .c1lianjie span {
		color: #fff;
	}
	.newslist:hover h3 {
		color: #121212;
		transform: translateX(5px)
	}
	.newslist:hover .c1newsp {
		transform: scale(1.1);
	}
	.c1riitem:hover h4 {
		transform: translateX(10px)
	}
	.c1riitem:hover a {
		background: -webkit-linear-gradient(right, #c00, #267dc1);
		background: -o-linear-gradient(right, #c00, #267dc1);
		background: linear-gradient(to left, #c00, #267dc1);
	}
	.e1news .news_list .news_itema:hover {
		background: url("../images/newse1a.jpg") no-repeat center;
		background-size: cover;
	}
	.e1news .news_list .news_itema:hover h3 {
		color: #fff;
		font-weight: bold;
	}
	.e1news .news_list .news_itema:hover p {
		color: #fff;
	}
	.e1news .news_list .news_itema:hover span {
		color: #fff;
	}
	.e1news .news_list .news_itema:hover i {
		color: #fff;
	}
	.e1news .news_list .news_itema:hover .news_item {
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}
	.d4ccase a:hover .d4lian {
		margin-left: 10px;
	}
	.d4ccase a:hover {
		background: -webkit-linear-gradient(right, #11267a, #2884c6);
		background: -o-linear-gradient(right, #11267a, #2884c6);
		background: linear-gradient(to left, #11267a, #2884c6);
	}
	.d5listbox .d5item:hover img {
		transform: scale(1.1);
	}
	.d5listbox .d5item:hover h3 {
		color: #c00;
	}
	.d5listbox .d5item:hover p {
		color: #c00;
	}
	.d7list .d7item:hover img {
		filter: grayscale(100%)
	}
	.ifitem:hover .e1timea h4 {
		color: #c00;
	}
	.ifitem:hover .e1rileft h2 {
		color: #c00;
	}
	.ifitem:hover .e1timea {
		transform: translateX(28px)
	}
	.ifitem:hover .e1rileft {
		transform: translateX(28px)
	}
	.ifitem:hover h4::before {
		background: #c00;
	}
	.ifitem:hover {
		background: #fff; /* width:1285px;*/
		box-shadow: 0 1px 23px #e6e6e6;
		border: none;
	}
	.iflist .ifitem:nth-child(1):hover {
		border-top: none;
	}
	.e2body .ifitem:hover {
		background: none;
		box-shadow: 0 1px 23px #fff;
		border-bottom: 1px solid #e5e5e5;
	}
	.e2body .ifitem:hover .e1timea h4 {
		color: #fff;
	}
	.c2neipic:hover img {
		transform: scale(1.05);
	}
	.d1picbox:hover img {
		transform: scale(1.05);
	}
	.inter_right:hover img {
		transform: scale(1.05);
	}
	.inter_right .companyvideo .dongchitem:hover .e3lianhuameng {
		top: 0;
	}
	.nav_asida:hover .arras {
		opacity: 1;
	}
	.f3btnleftbox:hover {
		background: linear-gradient(to left, #122a7e, #277fc2);
	}
	.lianhuaitemaa:hover .f3toumnga {
		transform: scale(1.05);
	}
	.lianhuaitemaa:hover .f3jia {
		margin-left: 10px;
	}
	.lianhuam_lianjie:hover .lhu_aa::after {
		height: 100%;
	}
	.lianhuam_lianjie:hover a {
		color: #fff;
	}
	.g2itema:hover {
		background: url("../images/g2bgg.jpg") no-repeat center;
		background-size: cover;
	}
	.g2itema:hover h3 {
		color: #fff;
	}
	.g2itema:hover p {
		color: #d2e8f3;
	}
	.g2itema:hover .rencai01 {
		opacity: 0;
	}
	.g2renbtitem:hover {
		border-color: #c00;
	}
	.g2renbtitem:hover h5:after {
		opacity: 1;
	}
}
#drop .mCSB_inside > .mCSB_container {
	margin-right: 0;
}
.slick-vertical .banner_item.slick-slide {
	border: none !important;
	overflow: hidden;
}
.youqing {
	width: 100%;
	height: 40px;
	border: 1px solid #c2c2c2;
	padding: 0 25px 0 12px;
	background-image: url("../images/anniu.png");
	background-size: 11px 6px;
	background-repeat: no-repeat;
	background-position: 94% 50%;
	position: relative;
	cursor: pointer;
}
.youqingsanjiao {
	width: 14px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 17px;
}
.jian_b {
	display: none;
}
.youqingsanjiao.active .jian_b {
	display: block;
}
.youqingsanjiao.active .jian_a {
	display: none;
}
.youqingsanjiao img {
	width: 100%;
}
.youqingbox {
	width: 100%;
	line-height: 38px;
	font-size: 14px;
	color: #d4d8e0;
	text-align: left;
}
.xailabox {
	width: 90%;
	text-align: left;
}
.xailabox a {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.youqingbox2 {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	height: 155px;
	overflow: hidden;
	background-color: #c00;
	display: none;
	padding: 10px 5px 0 15px;
}
/***b1***/
.b1_banner {
	width: 100%;
	overflow: hidden;
	background: #fff;
	min-height: 789px;
}
.bg video {
	width: 100%;
}
video {
	object-fit: cover;
}
.b1banner {
	width: 100%;
	position: relative;
}
.bav_txt {
	position: absolute;
	width: 1300px; /*top:calc(50% + 86px);*/
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.b1bt {
	text-align: center;
	width: 928px;
	margin: 0 auto;
}
.b1bt h2 {
	color: #fff;
	font-size: 48px;
}
.b1bt p {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 36px; /* height:60px;*/
	overflow: hidden;
}
.b1_box h3 {
	color: #c00;
	font-size: 18px;
}
.b1_box h3 span {
	color: #fff;
	font-size: 50px;
	font-weight: bold;
}
.b1_box p {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 10px;
}
.b1_list {
	width: 100%;
	margin-top: 80px;
}
.b1_item {
	width: 30%;
	text-align: center;
	padding: 1% 0;
	margin: 15px 0;
	margin-left: 5%;
	background: rgba(0, 91, 170, 0.8);
}
.b1_item:nth-child(1) {
	animation: fadeInUp 1.8s;
	margin-left: 0
}
.b1_item:nth-child(2) {
	animation: fadeInUp 2.4s;
}
.b1_item:nth-child(3) {
	animation: fadeInUp 3s;
}
.b1_item:nth-child(4) {
	animation: fadeInUp 3.6s;
	margin-left: 0
}
.b1_item:nth-child(5) {
	animation: fadeInUp 4.2s;
}
.b1_item:nth-child(6) {
	animation: fadeInUp 4.8s;
}
.lianhuabig {
	width: 100%;
	padding: 170px 0 120px;
	overflow: hidden;
}
.lianhua_con {
	width: 1280px;
	margin: 0 auto;
}
.lihua_left {
	width: 50%;
	position: relative;
	height: 705px;
}
.chuan {
	position: absolute;
	top: 0;
	left: 0;
	width: 601px;
	z-index: 2;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	overflow: hidden;
	animation: fadeInUp 1.6s;
}
.lan {
	animation: fadeInUp 2.8s;
}
.xingkong {
	position: absolute;
	bottom: 0;
	right: -80px;
	width: 268px;
	z-index: 3;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	overflow: hidden;
	animation: fadeInUp 1.6s;
}
.lan {
	width: 602px;
	position: absolute;
	bottom: 174px;
	right: -104px;
	z-index: 1;
}
.santu img {
	width: 100%;
}
.lihua_right {
	width: 50%;
}
.lihua_txt {
	width: 100%;
	padding-left: 160px;
	padding-top: 80px;
}
.lihua_txt h2 {
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px;
	animation: fadeInUp 1.8s;
}
.lihua_txt h3 {
	color: #c00;
	letter-spacing: 1px;
	font-size: 36px;
	margin: 22px 0 93px;
	position: relative;
	animation: fadeInUp 2s;
}
.lihua_txt h3::after {
	position: absolute;
	content: '';
	width: 36px;
	height: 1px;
	background: #c00;
	left: 0;
	bottom: -50px;
}
.lihua_txt p {
	color: #333;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 30px;
	animation: fadeInUp 2.5s;
	padding-right: 103px;
}
.lianjiebox {
	margin-top: 67px;
}
.lianjiebox a {
	display: block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	color: #2885c7;
	border: 1px solid #2885c7;
	text-align: center;
}
.lianjiebox a span {
	color: #2885c7;
	font-size: 16px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.douhao {
	width: 51px;
	margin: 107px 0 0 65px;
}
.douhao img {
	width: 100%;
}
.wenhua {
	width: 100%;
	height: 562px;
	overflow: hidden;
}
.wenhuacon {
	width: 1280px;
	margin: 0 auto;
	padding: 70px 0 8px;
	transform: translateX(24px);
}
.wenhaunt {
	width: 100%;
	text-align: right;
	margin-bottom: 92px;
}
.wenhaunt h2 {
	color: #fff;
	font-size: 30px;
	position: relative;
	padding-right: 18px;
}
.wenhaunt h2::after {
	position: absolute;
	content: '';
	width: 243px;
	height: 1px;
	background: #fff;
	right: 46px;
	bottom: -20px;
}
.wenhu_list {
	width: 100%;
	margin: 0 -10px;
}
.wenua_item {
	width: 33.333%;
	padding: 0 10px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.wenua_item:nth-child(1) {
	animation: fadeInUp 2.4s;
}
.wenua_item:nth-child(2) {
	animation: fadeInUp 2s;
}
.wenua_item:nth-child(3) {
	animation: fadeInUp 1.8s;
}
.wenhua_box {
	width: 100%;
	height: 100%;
}
.wenhu_pic {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.wenhu_pic img {
	width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.wen_a {
	position: absolute;
	top: 0;
	left: 0;
}
.wenhua_txt {
	height: 112px;
	text-align: center;
	padding-top: 40px;
	background: #fff;
	position: relative;
}
.wenhua_txt::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0;
	background: #2885c7;
	bottom: 0;
	left: 0;
	z-index: 5;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.wenhua_txt h3 {
	color: #333;
	font-size: 20px;
	height: 20px;
	padding: 0 5px;
	position: relative;
	z-index: 10;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.wenhua_txt h3::after {
	position: absolute;
	content: '';
	width: 33px;
	height: 1px;
	background: #c00;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
}
.b1body .earth {
	width: 100%;
	padding: 30px 0 150px;
	background: #fff;
}
.earth_bt {
	position: absolute;
	z-index: 99;
	top: 100px;
	width: 100%
}
.earth_bt h2 {
	text-align: center;
	color: #c00;
	font-size: 30px;
	letter-spacing: 1px;
	margin-bottom: 56px;
}
.bg_boxa {
	position: relative;
	z-index: 10;
}
.bggu {
	width: 100%;
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.bggu.act {
	opacity: 1;
}
.bggu img {
	width: 100%;
}
.padmap {
	width: 100%;
	display: none;
}
.padmap img {
	width: 100%;
}

.introduce {
	width: 100%;
	padding: 80px 0;
	overflow: hidden;
}
.introduce .b1bt {
	width: 100%;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.introduce .b1bt h2 {
	font-size: 36px;
	color: #c00;
	font-weight: bold;
}
.introduce .b1bt p {
	font-size: 18px;
	color: #777;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	text-indent: 0;
	margin-top: 5px;
	margin-bottom: 15px;
}
.introduce_con {
	width: 1280px;
	margin: 0 auto;
	background: #fff;
}
.inter_shang {
	width: 100%;
    padding: 50px;
	border: 1px solid #efefef;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.inter_shang h3 {
	color: #c00;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}
.inter_shang p {
	color: #333;
	font-size: 16px;
	line-height: 1.9;
}
.inter_shang p a {
	color: #333;
}
.inter_left {
	width: 500px;
	padding: 0 40px 50px;
}
.inter_left p {
	color: #333;
	font-size: 14px;
	line-height: 2.2;
	text-align: justify;
	text-indent: 2em
}
.inter_left ul {
	width: 100%;
	font-size: 0;
	margin-top: 20px;
}
.inter_left ul li {
	width: 30%;
	display: inline-block;
	text-align: center;
	position: relative
}
.inter_left ul li h2 {
	font-size: 30px;
	color: #c00;
	line-height: 40px
}
.inter_left ul li h2 span {
	font-size: 14px;
}
.inter_left ul li p {
	font-size: 14px;
	color: #666;
	text-align: center;
	text-indent: 0
}
.inter_left ul li:before {
	content: "";
	position: absolute;
	right: 0;
	top: 20px;
	width: 1px;
	height: 40px;
	background: rgba(222, 222, 222, 0.5)
}
.inter_left ul li:nth-child(3):before {
	background: none
}
.b2wenbe {
	margin-top: 30px;
	height: 48px !important;
	overflow: hidden;
}
.inter_right {
	width: 100%;
	overflow: hidden;
}
.inter_right img {
	max-width: 100%;
	transition: all .5s ease-out 0s;
	width: 100%;
}
.inter_right .companyvideo {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	outline: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: none;
}
.inter_right .companyvideo .con {
	width: 60%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30%;
	margin-top: -300px
}
.inter_right .companyvideo .con .close {
	position: absolute;
	top: 0;
	right: -40px;
	cursor: pointer;
	width: 30px;
}
.culture_bg {
	background: url("../images/culture_bg.jpg") no-repeat center center;
	background-size: cover;
	height: 780px;
    margin-top: 86px;
}
.valuecon {
	width: 1280px;
	margin: 0 auto; /* padding-top:240px;*/
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.heixnzhi {
	width: 153px;
	padding-top: 68px;
}
.heyou {
	width: calc(100% - 153px);
}
.heyoubox {
	width: 875px;
}
.heixnzhi h4 {
	color: #fff;
	font-size: 18px;
	position: relative;
}
.heixnzhi h4::after {
	position: absolute;
	content: '';
	width: 346px;
	height: 1px;
	background: #fff;
	opacity: 0.3;
	top: 50%;
	transform: translateY(-50%);
	left: -358px;
}
.heyoubox h2 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 92px;
	position: relative;
	animation: fadeInUp 1.5s;
}
.heyoubox h2::after {
	position: absolute;
	content: '';
	height: 1px;
	width: 54px;
	bottom: -42px;
	left: 0;
	background: #fff;
}
.heyoubox p {
	line-height: 36px;
	position: relative;
	height: 36px;
}
.heyoubox p span {
	color: #fff;
	font-size: 17px;
	line-height: 3;
	display: block;
}
.heyoubox p .spana {
	width: 110px;
	position: relative;
}
.heyoubox p .spana::after {
	position: absolute;
	content: '';
	left: -15px;
    top: 24px;
    width: 4px;
    height: 4px;
	background: #fff;
}
.heyoubox p {
	animation: fadeInUp 2s;
}
.heyoubox p .sapnb {
	width: calc(100% - 110px);
}
.scroll {
	width: 23px;
	margin: 115px auto 0;
	cursor: pointer;
	cursor: pointer;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
}
.dian {
	width: 12px;
	height: 12px;
	background: #c00;
	border-radius: 50%;
	margin-top: 43px;
	margin-left: 10px;
}
.vision {
	height: 100%;
}
.vision .valuecon .heyoubox p {
	line-height: 30px;
	height: 180px;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
}
.vision .heixnzhi h4::after {
	display: none;
}
.diana {
	margin-top: 0;
	position: relative;
}
.diana::after {
	position: absolute;
	content: '';
	width: 346px;
	height: 1px;
	background: #fff;
	opacity: 0.3;
	top: 50%;
	transform: translateY(-50%);
	left: -358px;
}
.vision .heixnzhi h4 {
	margin-top: 40px;
}
.dianab {
	margin-top: 40px;
}
.vision .heixnzhi {
	padding-top: 37px;
}
.vision .scroll {
	margin-top: 245px;
}
.Mission {
	height: 100%;
}
.Mission .valueco {
	padding-top: 240px;
}
.map-dot {
	width: 9px;
	height: 9px;
	background: #059;
	border-radius: 50%;
	position: absolute;
	opacity: 0;
}
.map-dot--0 {
	top: 62.367187%;
	right: 45.072464%;
	width: 60px;
	height: 60px;
	background: rgba(0, 85, 153, 0.2);
}
.map-dot--1 {
	top: 16.0625%;
	right: 13.714976%;
	animation-delay: 1.04s;
}
.map-dot--2 {
	top: 23.521875%;
	right: 17.449275%;
	animation-delay: 1.4s;
}
.map-dot--3 {
	top: 31.382812%;
	right: 19.449275%;
	animation-delay: 1.76s;
}
.map-dot--4 {
	top: 38.9375%;
	right: 26.648309%;
	animation-delay: 2.12s;
}
.map-dot--5 {
	top: 43.132812%;
	right: 29.26087%;
	animation-delay: 2.48s;
}
.map-dot--6 {
	top: 46.4875%;
	right: 55.652174%;
	animation-delay: 2.84s;
}
.map-dot--77 {
	top: 48.4875%;
	right: 34.652174%;
	animation-delay: 1.04s;
}
.map-dot--88 {
	top: 47.4875%;
	right: 26.652174%;
	animation-delay: 1.4s;
}
.map-dot--9 {
	top: 36.4875%;
	right: 37.652174%;
	animation-delay: 1.76s;
}
.map-dot--10 {
	top: 53.4875%;
	right: 38.852174%;
	animation-delay: 2.12s;
}
.map-dot--11 {
	top: 46.4875%;
	right: 43.752174%;
	animation-delay: 2.48s;
}
.map-dot--12 {
	top: 51%;
	right: 47%;
	animation-delay: 2.84s;
}
.map-dot--13 {
	top: 33%;
	right: 75%;
	animation-delay: 3.22s;
}
.map-dot--14 {
	top: 56%;
	right: 76%;
	animation-delay: 1.04s;
}
.map-dot--15 {
	top: 55%;
	right: 21.5%;
	animation-delay: 1.4s;
}
.map-dot--16 {
	top: 61%;
	right: 18%;
	animation-delay: 1.76s;
}
.map-dot--17 {
	top: 53%;
	right: 30.5%;
	animation-delay: 2.12s;
}
.map-dot--18 {
	top: 59%;
	right: 25.5%;
	animation-delay: 2.84s;
}
.map-dot--19 {
	top: 62%;
	right: 34.5%;
	animation-delay: 3.22s;
}
.map-dot--20 {
	top: 72%;
	right: 34.5%;
	animation-delay: 1.04s;
}
.map-dot--21 {
	top: 75%;
	right: 27%;
	animation-delay: 1.4s;
}
.map-dot--22 {
	top: 76%;
	right: 22.7%;
	animation-delay: 1.76s;
}
.map-dot--23 {
	top: 82.5%;
	right: 30%;
	animation-delay: 2.84s;
}
.map-dot--24 {
	top: 83.5%;
	right: 38%;
	animation-delay: 3.22s;
}
.map-dot--25 {
	top: 75.5%;
	right: 42%;
	animation-delay: 1.04s;
}
.map-dot--26 {
	top: 66.5%;
	right: 41%;
	animation-delay: 1.4s;
}
.map-dot--27 {
	top: 82%;
	right: 51%;
	animation-delay: 1.76s;
}
.map-dot--28 {
	top: 67%;
	right: 20%;
	animation-delay: 2.84s;
}
.map-dot--7 {
	width: 33px;
	height: 33px;
	background: rgba(0, 85, 153, 0.3);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.map-dot--8 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.map-lines {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	fill: none;
	-webkit-stroke: #059;
	-moz-stroke: #059;
	-ms-stroke: #059;
	-o-stroke: #059;
	stroke: #059;
	-webkit-stroke-width: .6px;
	-moz-stroke-width: .6px;
	-ms-stroke-width: .6px;
	-o-stroke-width: .6px;
	stroke-width: .6px;
}
@keyframes animation-line {
	0% {
		stroke-dashoffset: 700px
	}
	14.28571% {
		stroke-dashoffset: 0
	}
	61.42857% {
		stroke-dashoffset: 0
	}
	85.71429% {
		stroke-dashoffset: -700px
	}
	to {
		stroke-dashoffset: -700px
	}
}
@-webkit-keyframes animation-line {
	0% {
		-webkit-stroke-dashoffset: 700px
	}
	14.28571% {
		-webkit-stroke-dashoffset: 0
	}
	61.42857% {
		-webkit-stroke-dashoffset: 0
	}
	85.71429% {
		-webkit-stroke-dashoffset: -700px
	}
	to {
		-webkit-stroke-dashoffset: -700px
	}
}
@-moz-keyframes animation-line {
	0% {
		-moz-stroke-dashoffset: 700px
	}
	14.28571% {
		-moz-stroke-dashoffset: 0
	}
	61.42857% {
		-moz-stroke-dashoffset: 0
	}
	85.71429% {
		-moz-stroke-dashoffset: -700px
	}
	to {
		-moz-stroke-dashoffset: -700px
	}
}
@-o-keyframes animation-line {
	0% {
		-o-stroke-dashoffset: 700px
	}
	14.28571% {
		-o-stroke-dashoffset: 0
	}
	61.42857% {
		-o-stroke-dashoffset: 0
	}
	85.71429% {
		-o-stroke-dashoffset: -700px
	}
	to {
		-o-stroke-dashoffset: -700px
	}
}

@keyframes animation-linea {
	0% {
		stroke-dashoffset: -700px
	}
	14.28571% {
		stroke-dashoffset: 0
	}
	61.42857% {
		stroke-dashoffset: 0
	}
	85.71429% {
		stroke-dashoffset: 700px
	}
	to {
		stroke-dashoffset: 700px
	}
}
@-webkit-keyframes animation-linea {
	0% {
		-webkit-stroke-dashoffset: -700px
	}
	14.28571% {
		-webkit-stroke-dashoffset: 0
	}
	61.42857% {
		-webkit-stroke-dashoffset: 0
	}
	85.71429% {
		-webkit-stroke-dashoffset: 700px
	}
	to {
		-webkit-stroke-dashoffset: 700px
	}
}
@-moz-keyframes animation-linea {
	0% {
		-moz-stroke-dashoffset: -700px
	}
	14.28571% {
		-moz-stroke-dashoffset: 0
	}
	61.42857% {
		-moz-stroke-dashoffset: 0
	}
	85.71429% {
		-moz-stroke-dashoffset: 700px
	}
	to {
		-moz-stroke-dashoffset: 700px
	}
}
@-o-keyframes animation-linea {
	0% {
		-o-stroke-dashoffset: -700px
	}
	14.28571% {
		-o-stroke-dashoffset: 0
	}
	61.42857% {
		-o-stroke-dashoffset: 0
	}
	85.71429% {
		-o-stroke-dashoffset: 700px
	}
	to {
		-o-stroke-dashoffset: 700px
	}
}
.map-line--6 {
	animation: animation-linea 10.04s ease-in !important;
	animation-fill-mode: forwards !important;
	animation-iteration-count: infinite !important;
	animation-delay: 2.66s !important;
}

svg:not(:root) {
	overflow: hidden;
}
/*.map-line .scrollTip.animate{animation: animation-line 800ms;}*/
.map-line {
	stroke-dashoffset: 700px;
	stroke-dasharray: 700px;
	animation: animation-line 10.04s ease-in;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}
.is-ie .map-line {
	stroke-dashoffset: 0 !important;
	animation-name: animation-line-fallback;
}
.map-line--1 {
	animation-delay: .86s;
}
.map-line--2 {
	animation-delay: 1.22s;
}
.map-line--3 {
	animation-delay: 1.58s;
}
.map-line--4 {
	animation-delay: 1.94s;
}
.map-line--5 {
	animation-delay: 2.3s;
}
.map-line--6 {
	animation-delay: 2.66s;
}
.is-ie .map-dot {
	stroke-dashoffset: 0 !important;
	animation-name: animation-line-fallback-box;
}
@keyframes animation-line-fallback-box {
	0% {
		opacity: 1
	}
	14.28571% {
		opacity: 1
	}
	61.42857% {
		opacity: 1
	}
	85.71429% {
		opacity: 0
	}
	to {
		opacity: 0.5
	}
}
@-webkit-keyframes animation-line-fallback-box {
	0% {
		-webkit-opacity: 1
	}
	14.28571% {
		-webkit-opacity: 1
	}
	61.42857% {
		-webkit-opacity: 1
	}
	85.71429% {
		-webkit-opacity: 0
	}
	to {
		-webkit-opacity: 0.5
	}
}
@-moz-keyframes animation-line-fallback-box {
	0% {
		-moz-opacity: 1
	}
	14.28571% {
		-moz-opacity: 1
	}
	61.42857% {
		-moz-opacity: 1
	}
	85.71429% {
		-moz-opacity: 0
	}
	to {
		-moz-opacity: 0.5
	}
}
@-o-keyframes animation-line-fallback-box {
	0% {
		-o-opacity: 1
	}
	14.28571% {
		-o-opacity: 1
	}
	61.42857% {
		-o-opacity: 1
	}
	85.71429% {
		-o-opacity: 0
	}
	to {
		-o-opacity: 0.5
	}
}
.map-dot {
	-webkit-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99);
	-moz-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99);
	-ms-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99);
	-o-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99);
	animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99);
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes animation-dot {
	0% {
		-webkit-opacity: 0;
		opacity: 0;
	}
	14.28571% {
		-webkit-opacity: 1;
		opacity: 1
	}
	26.42857% {
		-webkit-opacity: 1;
		opacity: 1
	}
	40.71429% {
		-webkit-opacity: 0;
		opacity: 0
	}
	to {
		-webkit-opacity: 0;
		opacity: 0
	}
}
@-moz-keyframes animation-dot {
	0% {
		-moz-opacity: 0;
		opacity: 0
	}
	14.28571% {
		-moz-opacity: 1;
		opacity: 1
	}
	26.42857% {
		-moz-opacity: 1;
		opacity: 1
	}
	40.71429% {
		-moz-opacity: 0;
		opacity: 0
	}
	to {
		-moz-opacity: 0;
		opacity: 0
	}
}
@-o-keyframes animation-dot {
	0% {
		-o-opacity: 0;
		opacity: 0
	}
	14.28571% {
		-o-opacity: 1;
		opacity: 1
	}
	26.42857% {
		-o-opacity: 1;
		opacity: 1
	}
	40.71429% {
		-o-opacity: 0;
		opacity: 0
	}
	to {
		-o-opacity: 0;
		opacity: 0
	}
}
@keyframes animation-dot {
	0% {
		opacity: 0;
	}
	14.28571% {
		opacity: 0.5;
	}
	26.42857% {
		opacity: 1;
	}
	40.71429% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.map-dot--1 {
	animation-delay: 1.04s;
}
.map-dot--2 {
	animation-delay: 1.4s;
}
.map-dot--3 {
	animation-delay: 1.76s;
}
.map-dot--4 {
	animation-delay: 2.12s;
}
.map-dot--5 {
	animation-delay: 2.48s;
}
.map-dot--6 {
	animation-delay: 2.84s;
}
.map-dot--0 {
	-webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.map-dot--7 {
	-webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.map-dot--8 {
	-webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes fade-in {
	0% {
		-webkit-opacity: 0;
		opacity: 0;
	}
	to {
		-webkit-opacity: 1;
		opacity: 1;
	}
}
@-moz-keyframes fade-in {
	0% {
		-moz-opacity: 0;
		opacity: 0;
	}
	to {
		-moz-opacity: 1;
		opacity: 1;
	}
}
@-o-keyframes fade-in {
	0% {
		-o-opacity: 0;
		opacity: 0;
	}
	to {
		-o-opacity: 1;
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes animation-line-fallback {
	0% {
		opacity: 0
	}
	14.28571% {
		opacity: 1
	}
	26.42857% {
		opacity: 1
	}
	40.71429% {
		opacity: 0
	}
	to {
		opacity: 0
	}
}
@-webkit-keyframes animation-line-fallback {
	0% {
		-webkit-opacity: 0
	}
	14.28571% {
		-webkit-opacity: 1
	}
	26.42857% {
		-webkit-opacity: 1
	}
	40.71429% {
		-webkit-opacity: 0
	}
	to {
		-webkit-opacity: 0
	}
}
@-moz-keyframes animation-line-fallback {
	0% {
		-moz-opacity: 0
	}
	14.28571% {
		-moz-opacity: 1
	}
	26.42857% {
		-moz-opacity: 1
	}
	40.71429% {
		-moz-opacity: 0
	}
	to {
		-moz-opacity: 0
	}
}
@-o-keyframes animation-line-fallback {
	0% {
		-o-opacity: 0
	}
	14.28571% {
		-o-opacity: 1
	}
	26.42857% {
		-o-opacity: 1
	}
	40.71429% {
		-o-opacity: 0
	}
	to {
		-o-opacity: 0
	}
}

.b4banner {
	width: 100%;
	position: relative;
	margin-top: 86px;
}
.b4banner img {
	width: 100%;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.wj_pb_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
    background: rgba(0,0,0,0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 10;
}
.wj_pb_b_cont {
	width: 1280px;
	margin: 0 auto;
	height: 100%;
	line-height: 60px;
}
.prolist {
	float: left;
	padding: 0 29px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	line-height: 60px;
	height: 100%;
	cursor: pointer;
	position: relative;
}
.prolist:hover {
    background: rgba(0,0,0,0.5);
}
.prolist:hover a {
	color: #ffa;
}
.prolist:first-child:hover { 
    background: none;
}
.prolist a {
	color: #fff;
}
.prolist a:hover {
	color: #ffa;
}
.prolist.cur {
	color: #ffa;
    background: rgba(0,0,0,0.5);
}
.prolist:hover i {
	color: #ffa;
}
.prolist:first-child {
	padding: 0 28px 0 0;
}
.prolist:first-child img {
	display: inline-block;
	width: 17px;
}
.prolist a {
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
	float: left;
	margin: 0;
	transition: all .3s ease-out 0s;
}
.prolist i {
	float: right;
	font-size: 13px;
	color: #fff;
	margin-left: 20px;
	line-height: 15px;
	transition: all .3s ease-out 0s;
}
.dns_navs_ul {
	width: 100%;
	position: absolute;
	top: 49px; /*background: linear-gradient(to right,#234e95,#46a9d6 ); */
	/*background: #47acd8;*/
	left: 0;
	display: none;
	background: #c00;
}
.dns_navs_ul li {
	padding-left: 30px;
	font-size: 14px;
	color: #fff;
	line-height: 50px;
	overflow: hidden;
}
.dns_navs_ul li a { /*color: #fff;*/
	color: #fff;
	position: relative;
	left: 0;
	transition: all 0.2s ease;
}
.dns_navs_ul li:hover a {
	left: 20px;
}
.structure {
	width: 100%;
	padding-bottom: 221px;
}
.ifbox.full .jiegoubt, .ifbox.full .cont_con {
    float: none;
	width: 100%;
}
.ifbox.full .cont_con .caselist ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.ifbox.full .cont_con .caselist ul li:nth-child(3n) {
	margin-right: 0;
}
.ifbox.full .cont_con .caselist ul li img {
	width: 100%;
}

.jiegoubt.pro {
    float: left;
	width: 100%;
	text-align: center;
}
.jiegoubt {
    float: left;
	width: 100%;
	text-align: center;
}
.jiegoubt h2 {
	font-family: 'Roboto Condensed';
	font-size: 26px;
	font-weight: 600;
    text-align: left;
	color: #464646;
	width: 100%;
	position: relative;
	padding: 60px 0 40px;
}
.jiegoubt h2::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: rgba(222, 222, 222, 0.5);
	bottom: 16px;
	left: 0;
}
.jiegoubt h2::before {
	position: absolute;
	content: '';
	width: 120px;
	height: 3px;
	background: #c00;
	bottom: 16px;
	left: 60px;
	transform: translateX(-50%);
}
.jiegoubt p {
	font-size: 16px;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.strupic {
	width: 1280px;
	margin: 55px auto 0;
}
.strupic img {
	max-width: 100%;
}
.structure_a {
	padding-bottom: 250px;
}

.bannerli {
	margin-top: 86px;
}
.c1news {
	width: 100%;
    margin-bottom: 60px;
}
.c1newscon {
	width: 1280px;
	margin: 0 auto 30px;
}
.newslist {
	padding: 36px 0;
	border-bottom: 1px solid #eee;
	animation: fadeInUp 1s;
}

.c1nleft {
	width: 100%;
}
.c1right {
	width: calc(100% - 860px);
	padding-left: 35px;
}
.c1right h3 {
	margin-bottom: 20px;
	color: #464646;
	font-size: 18px;
	padding-left: 24px;
	height: 18px;
	overflow: hidden;
	position: relative;
}
.c1right h3::after {
	position: absolute;
	content: '';
	top: 50%;
	transform: translateX(-50%);
	left: 0;
	width: 30px;
	height: 2px;
	background: #c00;
}
.c1newspic {
	width: 300px;
	position: relative;
	overflow: hidden;
}
.c1newspic img {
	width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.c1newsp {
	position: absolute;
	top: 0;
	left: 0;
}
.c1newstxt {
	width: calc(100% - 300px);
	padding: 0 30px;
}
.c1newstxt.active {
	width: 100%;
	padding-left: 0;
}
.c1newstxt h3 {
	font-size: 22px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.5;
	overflow: hidden;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.c1time {
	margin: 11px 0 18px;
}
.c1time img {
	margin-top: -2px;
}
.c1time span {
	font-size: 14px;
	color: #999;
    padding-left: 8px;
}
.c1newstxt p {
	font-size: 15px;
	color: #848484;
	line-height: 26px;
	overflow: hidden;
	height: 48px;
	overflow: hidden;
	margin-bottom: 18px;
}
.c1lianjie {
	color: #666;
	width: 130px;
	height: 40px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 40px;
}
.c1lianjie .jiac1 {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.c1lianjie a {
	font-size: 15px;
	color: #666;
}
.c1riitem {
	width: 100%;
	margin-bottom: 5px;
	animation: fadeInUp 1.7s;
}
.c1riitem:nth-child(1) {
	animation: fadeInUp 1.7s;
}
.c1riitem:nth-child(2) {
	animation: fadeInUp 2.1s;
}
.c1riitem:nth-child(3) {
	animation: fadeInUp 2.5s;
}
.c1riitem a {
	display: block;
	background: linear-gradient(to right, #122b7f, #267dc1);
	padding: 28px 27px 47px 27px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.c1riitem h4 {
	font-size: 18px;
	color: #fff;
	line-height: 1.5;
	height: 27px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.c1hengxian {
	width: 25px;
	height: 2px;
	background: #7bd8ff;
	margin: 20px 0;
}
.c1riitem p {
	font-size: 14px;
	color: #97d4ff;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

.xwbody {
	background: #f5f5f5;
}
.c2nei {
	width: 100%;
}
.c2neicon {
	width: 1280px;
	margin: 60px auto;
	background: #fff;
	border: 1px solid #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-shadow: 6px 6px 0 rgb(0 0 0 / 2%);
    -webkit-box-shadow: 6px 6px 0 rgb(0 0 0 / 2%);
    box-shadow: 6px 6px 0 rgb(0 0 0 / 2%);
}
.c2neicon.act .c2neileft {
	width: 60px;
}
.c2neicon.act .c2neiright {
	width: calc(100% - 100px);
}
.c2neicon.act .c2neiright .fenxianga {
	margin: 0 auto 0;
}
.c2neileft {
	width: 464px;
}
.c2neipic {
	width: 100%;
	overflow: hidden;
}
.c2neipic img {
	width: 100%;
	transition: all .3s ease-out 0s;
}

.l-r-topb {
	position: relative;
	height: 100%;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	margin-right: 8px;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
}
.c2nei .l-r-topb i {
	color: #cccccc;
	font-size: 22px;
}
.bsTop {
	width: 100% !important;
	padding-top: 5px;
}
.c2neiright {
	width: 100%;
}
.c2neiright h2 {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.3;
	color: #232323;
	text-align: center;
    padding: 50px 40px 0;
}
.c2timelist {
	margin: 0 40px;
	padding: 15px 0 25px;
	border-bottom: 1px solid #ddd;
}
.c2item {
	text-align: center;
}
.c2item img {
	margin-top: -3px;
}
.c2item span {
	font-size: 14px;
	color: #666;
	margin-left: 8px;
}
.c2timelist .c2item:nth-child(2) {
	margin: 0 50px;
}
.c2fenye {
	position: relative;
	margin: 20px 40px 45px;
}
.c2fenbox {
	width: 45px;
	height: 45px;
	border: 1px solid #d2d2d2;
	position: relative;
	line-height: 42px;
    text-align: center;
}
.c2fenbox a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 42px;
	text-align: center;
}
.c2fenbox a:hover {
	background: #ddd;
}
.c2menue {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.c2menue img {
	width: 100%;
}
/****/
.c3news .news {
	width: 100%;
	position: relative;
	z-index: 99;
	transition: all .7s ease-out 0s;
	-webkit-transition: all .7s ease-out 0s;
	-moz-transition: all .7s ease-out 0s;
	-o-transition: all .7s ease-out 0s;
	-ms-transition: all .7s ease-out 0s;
}
.c3news .e1news {
	z-index: 96;
}
.c3news .newsbox {
	margin-top: 95px;
	width: 100%;
}
.c3news .news_list {
	margin: 0 auto;
}
.c3news .nw_time {
	width: 150px;
	transform: translateY(68%);
}
.c3news .nw_time span {
	color: #c00;
	font-size: 36px;
	text-transform: capitalize;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
}
.c3news .nw_time i {
	color: #c00;
	font-size: 18px;
	font-style: normal;
	margin-left: 10px;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
}
.c3news .nw_txt {
	width: calc(100% - 220px);
	position: relative;
}
.c3news .changjiana {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.c3news .nw_txt h3 {
	color: #333;
	font-size: 20px;
	margin-bottom: 13px; /*  transition: all .3s ease-out 0s;*/
	/*    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;*/
	line-height: 1.5;
	letter-spacing: 1px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.c3news .nw_txt p {
	color: #666;
	font-size: 14px;
	line-height: 30px;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	height: 54px;
	overflow: hidden;
}
.c3news .nw_jiantou {
	width: 50px;
	transform: translateY(50%);
	margin-top: 32px;
}
.c3news .nw_txta {
	width: calc(100% - 173px);
}
.c3news .news_item {
	padding: 50px 30px;
	border-bottom: 1px dashed rgba(220, 220, 220, 0.1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	width: 1255px;
	margin: 0 auto;
	border-bottom: 1px solid #dcdcdc;
}
.c3news .nitbox:nth-child(1) .news_item {
	border-top: 1px dashed rgba(220, 220, 220, 0.1);
}
.c3news .news_itema {
	width: 100%;
}
.c3news .news_list .news_itema {
	border-bottom: 0.5px solid rgba(220, 220, 220, 0);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	position: relative;
	cursor: pointer;
}
.c3news .news_list .news_itema::after {
	position: absolute;
	content: "";
	width: 2%;
	height: 1px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(220, 220, 220, 0.6);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	opacity: 0;
}
/*.news_list .news_itema:hover{
    border-bottom:0.5px solid rgba(220,220,220,0.6);
}*/
.c3news .nitbox {
	animation: fadeInUp 2s;
}
.c3news .newsc {
	width: 1400px;
	margin: 0 auto;
}
.c3news .more {
	width: 178px;
	margin: 67px 0 108px;
	position: relative;
}
.c3news .more a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 46px;
}
.c3news .more span {
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	transform: translateY(-2px);
	letter-spacing: 1px;
}
.e1news .news_list .news_itema {
	transition: all .3s ease-out 0s;
}

.c4neiye .c2neileft {
	width: 100%;
	float: none;
	position: relative;
}
.c4neiye .c2neipic {
	position: relative;
}
.c4neiye .c2neipic::after {
	position: absolute;
	content: '';
	width: 4px;
	height: 100%;
	background: linear-gradient(#102378, #2884c6);
	top: 0;
	left: 0;
}
.c4neiye .fenxianga {
	position: absolute;
	margin: 0;
	top: 0;
	right: -96px;
}
.c4neiye .c2neiright {
	width: 100%;
	margin-top: 50px;
}

.d1body .introduce {
	padding-top: 0;
	background: #f9fafa;
}
.d1body .introduce_con {
	margin-top: 0;
	background: #fff
}
.d1picbox {
	width: 100%;
	overflow: hidden;
}
.d1picbox img {
	width: 100%;
	transition: all .3s ease-out 0s;
}
.inter_xia {
	animation: fadeInUp 2.5s;
}
.d1body .inter_xia .inter_left {
	width: 500px;
	padding: 0 40px 50px;
}
.d1body .inter_xia .inter_left img {
	width: 100%;
}
.d1body .inter_xia .inter_right {
	width: 100%;
}
.d1body .inter_xia .inter_right h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 39px;
}
.d1body .inter_xia .inter_right p {
	color: #333;
	font-size: 14px;
	line-height: 1.8;
	margin: 10px 0;
}
.d1bigtxt {
	color: #f0f0f0 !important;
	font-size: 48px !important;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 36px;
	text-align: right;
	padding-right: 0 !important;
	height: auto !important;
	overflow: unset !important;
	line-height: 1.5 !important;
}
.d1lianhualeft {
	width: 387px;
	padding-top: 70px;
	padding-right: 33px;
}
.d1lianhualeft h3 {
	color: #fff;
	font-size: 26px;
	text-transform: uppercase;
	line-height: 36px;
}
.d1lianhualeft p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	letter-spacing: 1px;
}
.support {
	background: #fff
}
.support .inter_xia .inter_left {
	width: 386px;
	margin-top: 20px;
	padding: 0;
	background: #f7f9fb;
}
.support .inter_xia .inter_right {
	width: calc(100% - 446px);
	padding-top: 85px;
	margin-right: 0;
	text-align: justify;
}
.lrtxt h3 {
	animation: fadeInUp 2.1s;
}
.lrtxt p {
	animation: fadeInUp 2.4s;
}
.lelist {
	animation: fadeInUp 2.6s;
}
.d1body .lianhuaright {
	width: calc(100% - 387px);
	background: #f7f9fb;
	padding-left: 60px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 48px;
}
.d1body .lianhuaright h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 24px;
	animation: fadeInUp 1.5s;
}
.d1body .lianhuaright p {
	color: #333;
	font-size: 14px;
	font-weight: lighter;
	margin-bottom: 24px;
	line-height: 28px;
	animation: fadeInUp 1.6s;
}
.lelist .leitem {
	margin-right: 40px;
}
.d2body .lelist {
	margin-top: 54px;
	animation: fadeInUp 1.8s;
}
.d4body .lianhuaright {
	margin-bottom: 210px;
	padding-bottom: 60px;
	position: relative;
}
.d4ccase {
	/*position: absolute;*/
	left: 0;
	bottom: -50px;
}
.d4ccase a {
	display: block;
	width: 240px;
	height: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	background: linear-gradient(to right, #11267a, #2884c6);
	text-align: center;
}
.d4lian {
	transition: all .3s ease-out 0s;
}
.d5list {
	width: 1280px;
	margin: 60px auto 0;
}
.d5listbox {
	margin: 0 -15px;
}
.d5item {
	width: 50%;
	padding: 0 15px;
	animation: fadeInUp 1.9s;
}
.d5itempic {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.d5itempic img {
	width: 100%;
	transition: all .3s ease-out 0s;
}
.d5pix {
	position: absolute;
	top: 0;
	left: 0;
}
.d5itemtxt {
	padding: 23px 15px 29px;
	text-align: center;
}
.d5itemtxt h3 {
	color: #464646;
	font-size: 18px;
	line-height: 18px;
	overflow: hidden;
	height: 18px;
}
.d5itemtxt p {
	color: #848484;
	font-size: 14px;
	margin-top: 15px;
	letter-spacing: 1px;
	line-height: 14px;
	overflow: hidden;
	height: 14px;
}
.d7listbox {
	width: 1280px;
	margin: 58px auto;
}
.d7list {
	margin: 0 -10px;
}
.d7item {
	width: 25%;
	position: relative;
	padding: 0 10px;
	text-align: center;
	margin-bottom: 20px;
}
.d7item img {
	width: 100%;
}
.d7item a {
	display: block;
	width: 100%;
	height: 100%;
}
/*.d7picaa{
    position:absolute;
    top:0;
    left:0;
}*/
.d7itembox {
	border: 1px solid #e5e5e5;
}
.iflist {
	width: 1280px;
	margin: 65px auto 0;
}
.e1timea {
	width: 67px;
	transition: all .3s ease-out 0s;
}
.e1timea h4 {
	color: #333;
	font-size: 24px;
	letter-spacing: 1px;
	position: relative;
}
.e1timea h4::before {
	position: absolute;
	content: '';
	width: 88px;
	height: 1px;
	background: #a0a0a0;
	top: 50%;
	transform: translateY(-50%);
	right: -107px;
}
.e1rightbox {
	width: calc(100% - 197px);
}
.e1rileft {
	width: calc(100% - 125px);
	padding-right: 46px;
	transition: all .3s ease-out 0s;
}
.e1rileft h2 {
	color: #333;
	font-size: 22px;
	line-height: 2.2;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.e1rileft p {
	color: #848484;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	height: 48px;
	overflow: hidden;
}
.e1titight {
	width: 125px;
	position: relative;
	height: 56px;
	line-height: 56px;
	transform: translateY(13px);
	transition: all .3s ease-out 0s;
}
.e1titight::after {
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 54px;
	background: #d2d2d2;
	left: 0;
}
.ifitem {
	padding: 42px 0 36px;
	border-bottom: 1px solid #e5e5e5;
	animation: fadeInUp 1.6s;
}
.iflist .ifitem:nth-child(1) {
	border-top: 1px solid #e5e5e5;
}
.e2body .e1timea {
	width: 80px;
	height: 60px;
	background: url("../images/icon_pdf.png") no-repeat center #3488ea;
	text-align: center;
}
.e2body .e1timea h4 {
	line-height: 89px;
	color: #fff;
}
.e2body .e1timea h4::before {
	display: none;
}
.e2body .e1titight {
	width: 150px;
	text-align: center;
	height: 38px;
	border: 1px solid #93c2e3;
	line-height: 38px;
	/* transform: translateY(20px)!important;*/
}
.e2body .e1rightbox {
	width: calc(100% - 165px);
}
.e2body .e1titight::after {
	display: none;
}
.e2body .e1rileft {
	width: calc(100% - 150px);
	padding-right: 100px;
}

.dongchae2 {
	width: 1280px;
	margin: 65px auto 325px;
}
.dongchitem {
	width: 25%;
	position: relative;
	overflow: hidden;
}
.dongchitem a {
	display: block;
}
.dongchitem img {
	width: 100%;
}
.e3pica {
	position: absolute;
	top: 0;
	left: 0;
}
.e3lianhuameng {
	position: absolute;
	top: -400px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	text-align: center;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.e3lianjiebox {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.e3lianhuameng h3 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 25px;
	line-height: 1.5;
	padding: 0 10px;
}
.e3lianjie span {
	color: #fff;
	font-weight: bold;
}
.f1btbox {
	width: 100%;
	text-align: center;
}
.f1btbox img {
	max-width: 100%;
	animation: fadeInUp 1.6s;
}
.ifbox {
    width: 1280px;
	overflow: hidden;
	margin: 0 auto;
}
.f1list {
	width: 1280px;
	margin: 65px auto 130px;
}
.filista {
	width: 963px;
	margin: 70px auto 0;
}
.fiitem {
	width: 33.333%;
	text-align: center;
}
.fiitem h3 {
	color: #215dab;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	animation: fadeInUp 1.6s;
}
.fiitem p {
	color: #464646;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	animation: fadeInUp 1.9s;
}
.e2body.pro {
	background: #f6f6f6;
}
#aside {
	width: 24%;
	float: left;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #fefefe;
	border: 1px solid #eee;
	margin: 20px 0 60px; 
}
#aside .asideTitle {
	text-transform: capitalize;
	position: relative;
	z-index: 1;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	background: #CE0D17;
	height: 63px;
	padding-top: 3px;
}
#aside .asideTitle:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
#aside .asideTitle .textMidSon {
	display: inline-block;
	white-space: normal;
	vertical-align: middle;
	font-size: 14px;
	width: 100%;
}
#aside .asideTitle .textMidSon {
	color: #fff;
	font: 500 20px/1 'Roboto Condensed';
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#aside .asideTitle .textMidSon:before {
	left: 0;
	bottom: 0;
}
#aside .asideList > li {
	position: relative;
    border-top: 1px solid #eee;
}

#aside .asideList > li.hasUl:after {
	content: "\e624";
    color: #aaa;
	font-family: 'icomoon', Arial, Helvetica, 'Microsoft YaHei', Sans-serif;
	position: absolute;
	top: 12px;
	right: 20px;
	font-size: 20px;
	transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
}
#aside .asideList > li:last-child {
	margin-bottom: 0;
}
#aside .asideList > li > a {
	display: block;
	color: #333;
    font-size: 1.46667rem;
	font-weight: 500;
	text-transform: capitalize;
	position: relative;
	padding: 22px 20px 20px;
}
#aside .asideList > li > a.cur {
	color: #fff;
	background: rgba(0,0,0, 0.8);
}
#aside .asideList > li > a.icon {
	background: url("../images/icon_arr_r.png") no-repeat 95%;
}

#aside .asideList.drpd > li:nth-child(1) > a, 
#aside .asideList.drpd > li:nth-child(3) > a, 
#aside .asideList.drpd > li:nth-child(4) > a, 
#aside .asideList.drpd > li:nth-child(6) > a, 
#aside .asideList.drpd > li:nth-child(8) > a, 
#aside .asideList.drpd > li:nth-child(9) > a, 
#aside .asideList.drpd > li:nth-child(12) > a {
	background: url("../images/icon_arr_r.png") no-repeat 95%;
}
#aside .asideList.drpd > li:nth-child(7) > a {
	background: none;
}
#aside .asideList > li:hover > a,
#aside .asideList.drpd > li:hover > a {
	color: #fff;
	background: rgba(0,0,0, 0.8);
}
#aside .asideList > li.active > a,
#aside .asideList.drpd > li.active > a {
	color: #fff;
	background: rgba(0,0,0, 0.8);
}
#aside .asideList > li > ul {
	display: none;
	width: 80.8%;
	position: absolute;
	top: 0;
	right: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 99;
}
#aside .asideList > li > ul > li {
	font-size: 14px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
#aside .asideList > li > ul > li:last-child {
	border: 0;
}
#aside .asideList > li > ul > li > a {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 23px 20px 20px;
    position: relative;
}
#aside .asideList > li > ul > li:hover > a, 
#aside .asideList > li > ul > li.active > a {
	background: rgba(206, 13, 22, .8);
}
#aside .asideList > li:hover > ul {
	display: block;
}
@media screen and (max-width: 875px) {
	.content {
		position: relative;
		padding-top: 20px;
		margin-top: 0;
		padding-bottom: 30px;
	}
	#aside {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: 1px solid #ddd;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		z-index: 1000;
	}
	#aside .asideTitle {
		background: #c00;
		color: white;
		padding: 13px 60px 13px 10px;
		line-height: 1;
		cursor: pointer;
		margin-bottom: 1px;
		font-size: 20px;
		height: auto;
		margin-top: 0;
	}
	#aside .asideTitle:before {
		display: none;
	}
	#aside .asideTitle:after {
		display: block;
		content: "Open \e636";
		font-family: icomoon;
		width: 60px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		left: 100%;
		top: 50%;
		margin-top: -15px;
		margin-left: -65px;
		z-index: 99;
		font-size: 14px;
		background: none;
	}
	#aside .asideList {
		display: none;
		padding: 0;
		margin-top: 0;
	}
	#aside .asideList > li {
		margin-bottom: 1px;
	}
	#aside .asideList > li > a {
		color: #333;
		font-weight: normal;
		padding-right: 10px;
		padding-left: 10px;
		height: 35px;
		line-height: 35px;
		background: #f7f7f7;
		border: 0;
	}
	#aside .asideList > li:hover > a, 
	#aside .asideList > li.active > a {
		background: #B2860A;
	}
	#aside .asideList > li.active > ul {
		display: none;
	}
	#aside .asideList > li > ul {
		display: none;
	}
	#aside .asideTitle .textMidSon {
		color: #fff;
	}
	#aside .listside:after {
		content: "Close \e656";
	}
	#aside .asideList:before {
		display: none;
	}
	#aside .asideList > li > a:before {
		display: none;
	}
	ul.mtree a {
		font-weight: normal !important;
	}
	ul.mtree li.mtree-node > a:after {
		float: right;
		font-size: 17px;
		margin-right: 5%;
	}
	#aside .asideList li > ul > li > a {
		padding: 5px 10px 5px 14%;
	}
	#aside .asideList > li:hover > a, 
	#aside .asideList > li.active > a {
		color: #222 !important;
		background: #eee;
	}
}
.promo {
    background: #f6f6f6;
    padding-top: 20px;
}
.mtree-demo {
	margin-top: 35px;
}
ul.mtree a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
ul.mtree ul {
	margin-left: 0;
}
ul.mtree ul li {
	font-size: .9em;
}
ul.mtree ul li:first-child {
	margin-top: 8px;
}
ul.mtree ul li:last-child {
	margin-bottom: 8px;
}
ul.mtree li:nth-child(3).mtree-node > a:after, 
ul.mtree li:nth-child(7).mtree-node > a:after,
ul.mtree li:nth-child(9).mtree-node > a:after {
	content: "\e600";
    font-family: 'iconfont', Arial, Helvetica, 'Microsoft YaHei', Sans-serif;
	font-size: 17px;
	color: #777;
	margin-left: .6em;
	font-weight: 600;
}
ul.mtree li:nth-child(3):hover.mtree-node > a:after, 
ul.mtree li:nth-child(7):hover.mtree-node > a:after,
ul.mtree li:nth-child(9):hover.mtree-node > a:after {
	color: #fff;
}
ul.mtree li.mtree-node > a {
	font-weight: 500;
}
ul.mtree > li {
	border-bottom: 1px solid #eee;
}
ul.mtree > li:last-child {
	border-bottom: none;
}
ul.mtree li:last-child > a {
	border: none;
}
ul.mtree > li.mtree-open > a {
	background: #ddd;
    border-radius: 5px;
    margin-top: -3px;
}
ul.mtree > li.mtree-open > a:before {
	content: '' !important;
}
ul.mtree li > a:hover {
	background: #DDD;
}
ul.mtree li.mtree-active > a {
	background: #c00;
	color: #FFF;
    border-radius: 5px;
    margin-top: -3px;
}
ul.mtree a {
	font-weight: 500;
	padding: 6px 0 6px 1em;
}
ul.mtree li li > a {
	padding-left: 2em;
}
ul.mtree li li li > a {
	padding-left: 3em;
}
ul.mtree li li li li > a {
	padding-left: 4em;
}
ul.mtree li li li li li > a {
	padding-left: 5em;
}
.mtree-demo .mtree {
	background: #EEE;
	margin: 0 auto;
	max-width: 320px;
	border-radius: 3px;
}
.mtree-skin-selector {
	text-align: center;
	background: #EEE;
	padding: 10px 0 15px;
}
.mtree-skin-selector li {
	display: inline-block;
	float: none;
}
.mtree-skin-selector button {
	padding: 5px 10px;
	margin-bottom: 1px;
	background: #BBB;
}
.mtree-skin-selector button:hover {
	background: #999;
}
.mtree-skin-selector button.active {
	background: #999;
	font-weight: bold;
}
.mtree-skin-selector button.csl.active {
	background: #c00;
}

.wrap_textbox {
	position: absolute;
	top: 67px;
	left: 11.6%;
}
.wrap_textbox .box {
	position: absolute;
	left: 140px;
	top: 0;
	width: 380px;
	height: 422px;
	background: #fff;
	box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25);
	padding: 55px 50px;
}
.wrap_textbox .box .wrap_txt li.active {
	display: block;
}
.wrap_textbox .box .wrap_txt li {
	display: none;
}
.wrap_textbox .box .wrap_txt li .tit {
	font-size: 30px;
	color: #333;
	line-height: 30px;
	position: relative;
}
.wrap_textbox .box .wrap_txt li .tit::after {
	position: absolute;
	content: '';
	top: 7px;
	width: 73px;
	height: 2px;
	background: #c00;
	left: -98px;
}
.btn_text_6 span {
	color: #999 !important
}
.wrap_textbox .box .wrap_txt li .wrap_desc {
	margin-top: 20px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.wrap_textbox .box .wrap_txt li .btn_text_6 {
	margin-top: 77px;
	display: block;
}
.btn_text_6 span {
	display: inline-block;
	font-size: 20px;
	color: #0067da;
}
.btn_text_6 span:after {
	display: inline-block;
	content: "";
	width: 6px;
	height: 9px;
	background: url("../images/d4pic00100.png") no-repeat;
	margin-left: 10px;
}
.slide_page {
	position: absolute;
	bottom: 40px;
	left: 10.6%;
}
.slide_page .slides_log {
	padding-left: 285px;
	font-size: 20px;
	color: #666;
	letter-spacing: 2px;
}
.slide_page .slides_log .slide_num {
	font-size: 36px;
	color: #333;
}
.slide_total_num {
	font-size: 24px;
	color: #999;
}
.mapboxa {
	display: none;
	width: 100%;
}
.mapboxa img {
	width: 100%;
}
.video_boxoo {
	display: none;
	width: auto;
	position: relative;
	height: 100%;
	top: 0;
	left: 0;
}
.pcxiala {
	width: 240px;
	height: auto;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 86px;
	display: none;
}
.nav.act .pcxiala {
    top: 70px;
}
.pcxialacon {
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
}
.pcxialaa h3 {
	color: #333;
	font-size: 36px;
	position: relative;
}
.pcxialaa h3::after {
	position: absolute;
	content: '';
	width: 51px;
	height: 3px;
	background: #1785ff;
	left: 0;
	bottom: -37px;
}
.pcxialaa p {
	color: #333;
	font-size: 16px;
	line-height: 36px;
	margin-top: 75px;
}
.pcxialacon .pcxialaa:nth-child(1) {
	width: 100%;
	overflow: hidden;
}
.pcxialacon .pcxialaa:nth-child(2) {
	width: 100%;
	overflow: hidden;
	padding-left: 197px;
}
.pcxialacon .pcxialaa:nth-child(3) {
	width: 100%;
	overflow: hidden;
}
.pxialapic {
	width: 100%;
}
.pxialapic img {
	width: 100%;
}
.pcxialaa h4 {
	color: #333;
	font-size: 18px;
	margin-top: 27px;
}
.pcxialaaboxa a {
	display: block;
	color: #fff !important;
	font-size: 14px;
	line-height: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	text-align: center;
}
.pcxialaaboxa:last-child a {
	border-bottom: none;
}
.pcxialaaboxa a:hover {
	background: #c00;
	color: #fff !important
}
.nav_aside {
	width: 201px;
	text-align: center;
	position: absolute;
	top: 86px;
	right: -201px;
	background: #fff;
	height: 100vh;
	border: 1px solid #eee;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	z-index: 1001;
}
.nav_aside.active {
	right: 0;
	z-index: 1001;
}
.nav_asida {
	position: relative;
	/*border-bottom:1px solid #ddd;*/
	padding-left: 12px;
}
.nav_asida > a {
	display: block;
	padding: 30px 0;
	color: #666;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}
.nav_asida > a:hover {
	color: #c00;
}
.arras {
	position: absolute;
	top: 33px;
    right: 80px;
	opacity: 0;
	transform: translateX(-65px);
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.nav_asida:hover .nav_cela {
	display: block;
}
.nav_cela {
	width: 280px;
	height: auto;
	padding: 0 25px;
	background: rgba(255, 255, 255, 0.92);
	position: absolute;
	top: 0;
	right: 201px;
	display: none;
}
.nav_asida .nav_cela {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.nav_asida .nav_class a {
	display: block;
	padding: 15px 0;
	color: #666;
	font-size: 15px;
	line-height: 1.3;
	border-bottom: 1px solid #ddd;
}
.nav_asida .nav_class:last-child a {
	border-bottom: none;
}
.nav_asida .nav_class a:hover {
	color: #c00;
}

/**扒侧导航**/
body.active_right #header_right {
	z-index: 998;
	visibility: visible;
}
#header_right {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	visibility: hidden;
}
#header_right .header_inner_wrap {
	position: relative;
	max-width: 2000px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
#header_right .header_inner_wrap .dimmed_area {
	position: absolute;
	right: 480px;
	top: 0;
	bottom: 0;
	left: 0;
}
body.stop.active_right #header_right .header_inner_wrap .header_inner {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
#header_right .header_inner_wrap .header_inner {
	-webkit-transform: translateX(480px);
	-moz-transform: translateX(480px);
	-ms-transform: translateX(480px);
	-o-transform: translateX(480px);
	transform: translateX(480px);
}
#header_right .header_inner_wrap .header_inner {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 480px;
	text-align: left;
}
.header_inner_wrap .header_inner {
	background: #fff;
	overflow-y: auto;
}
.gnb_mot {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.header_inner_wrap .header_inner h3 {
	background: url("../images/header_side_bg.png") repeat-y center top;
	background-size: 100%;
	color: #fff;
	padding: 37px 0 15px 40px;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.8px;
	font-weight: bold;
}
.eng {
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
}
#header_right .header_inner_wrap .header_inner .block.first {
	background: url("../images/header_right_block1_bg.jpg") no-repeat center bottom;
}
.header_inner_wrap .header_inner .block {
	padding: 30px 37px;
	border-bottom: 8px solid #ececec;
}
.header_inner_wrap .header_inner .block {
	padding: 30px 37px;
	border-bottom: 8px solid #ececec;
}
.header_inner_wrap .header_inner .block.block3 {
	border: 0;
}
.header_inner_wrap .header_inner .block {
	padding: 30px 37px;
	border-bottom: 8px solid #ececec;
}
/**f1**/
.f1linianlie {
	width: 1280px;
	margin: 0 auto;
}
.f1linanitem {
	margin: 0 -11px;
}
.f1itemaa {
	width: 33.333%;
	padding: 0 11px;
}
.f1itemaa:nth-child(1) {
	animation: fadeInUp 1.5s;
}
.f1itemaa:nth-child(2) {
	animation: fadeInUp 1.8s;
}
.f1itemaa:nth-child(3) {
	animation: fadeInUp 2.1s;
}
.f1senction {
	width: 100%;
	padding: 250px 0 245px;
}
.f1lininabox {
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0 45px;
	position: relative;
	height: 356px;
}
.f1weli {
	width: 159px;
	margin: 0 auto;
	position: absolute;
	top: -103px;
	left: 50%;
	transform: translateX(-50%);
}
.f1weli img {
	width: 100%;
}
.f1wenyxy p {
	color: #666;
	font-size: 14px;
	line-height: 30px;
	text-align: justify;
	text-align-last: center;
}
.f1linanitem .f1itemaa:nth-child(1) .f1lininabox {
	height: 356px;
}
.f1linanitem .f1itemaa:nth-child(1) .f1lininabox p {
	height: 150px;
	overflow: hidden;
}
.f1linanitem .f1itemaa:nth-child(2) .f1lininabox {
	height: 437px;
}
.f1linanitem .f1itemaa:nth-child(2) .f1lininabox p {
	height: 270px;
	overflow: hidden;
}
.f1linanitem .f1itemaa:nth-child(3) .f1lininabox {
	height: 356px;
}
.f1linanitem .f1itemaa:nth-child(3) .f1lininabox p {
	height: 150px;
	overflow: hidden;
}
.f1wenyxy {
	padding-top: 125px;
}
.f2pic01 {
	width: 1280px;
	margin: 67px auto 0;
}
.f2pic01 img {
	width: 100%;
}
.pioneer {
	width: 1280px;
	margin: 0 auto;
}
.pionerbox {
	padding-left: 193px;
	width: calc(100% - 843px);
}
.pioneright {
	width: 843px;
	padding-left: 25px;
	position: relative;
}
.pioneright::after {
	position: absolute;
	content: '';
	height: 92px;
	width: 1px;
	background: #000000;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.pioneer h3 {
	font-size: 36px;
	color: #c00;
	font-weight: bold;
	line-height: 48px;
	text-transform: uppercase;
	margin: 151px 0 80px;
	animation: fadeInLeft 1.8s;
}
.pioneer h3 p {
	font-size: 36px;
	color: #c00;
	font-weight: bold;
	line-height: 48px;
	text-transform: uppercase;
}
.pionerbox h4 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	animation: fadeInLeft 1.6s;
}
.pioneright p {
	font-size: 14px;
	color: #333;
	font-weight: lighter;
	line-height: 24px;
	animation: fadeInRight 1.9s;
}
.pioneerleft {
	margin-bottom: 94px;
}
.sanyuanze {
	padding: 83px 0 268px;
}
.sanyuanzecon {
	width: 1280px;
	margin: 0 auto;
}
.sanyuanbbt {
	padding: 22px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 358px;
	padding-left: 2px;
}
.sanyuanbbt h2 {
	color: #fff;
	font-size: 30px;
}
.anyuanleft {
	width: 634px;
}
.anyuanleft img {
	width: 100%;
	animation: fadeInLeft 1.6s;
}
.anyuanright {
	width: calc(100% - 670px);
}
.aritshang {
	animation: fadeInRight 1.6s;
}
.aritshang h2 {
	color: #cae2ff;
	font-size: 48px;
	font-weight: bold;
	opacity: 0.64;
	text-align: right;
	text-transform: uppercase;
}
.aritshang p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	margin: 67px 0 54px;
}
.arxia {
	margin-bottom: 45px;
}
.arxia:nth-child(1) {
	animation: fadeInRight 1.8s;
}
.arxia:nth-child(2) {
	animation: fadeInRight 2.2s;
}
.arxia:nth-child(3) {
	animation: fadeInRight 2.6s;
}
.arxia:nth-child(4) {
	animation: fadeInRight 3s;
}
.arxia h3 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 16px;
	padding-left: 15px;
	position: relative;
}
.arxia h3::after {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	top: 50%;
	transform: translate(-50%);
	left: 0;
}
.f3bt1 {
	animation: fadeInUp 1.6s;
}
.f3bt2 {
	animation: fadeInUp 1.6s;
}
.arxia p {
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.5;
}
.sanyuanxia {
	margin-top: 80px;
	overflow: hidden;
}
.f3lianhuacon {
	width: 1280px;
	margin: 67px auto 0;
}
.f3shangwenbve p {
	color: #464646;
	font-size: 16px;
	line-height: 36px;
	margin: 37px 0 115px;
	animation: fadeInUp 1.6s;
}
.f3piccc {
	width: 573px;
	position: relative;
	margin-left: 53px;
}
.f3piccc img {
	width: 100%;
}
.xiaocaoaa {
	position: absolute;
	left: -50px;
	bottom: -25px;
}
.f3cnright {
	width: 510px;
}
.f3cnright img {
	width: 100%;
}
.f3cnleft {
	padding-top: 48px;
}
.f3bt2 {
	margin-top: 44px;
}
.fupinbt {
	width: 100%;
	text-align: center;
}
.fupin {
	padding-top: 130px;
	width: 100%;
}
.fupinbt p {
	font-size: 16px;
	color: #333;
	margin-top: 23px;
	margin-bottom: 47px;
	letter-spacing: 1px;
	line-height: 1.5;
}
.fupintupianlist {
	width: 1125px;
	margin: 0 auto;
}
.fupintupianlist img {
	width: 100%;
}
.f3btn {
	width: 1280px;
	margin: 43px auto 0;
	position: relative;
}
.fupitxt {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}
.fupitxt::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 6px;
	background: #f7f7f7;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -2;
	display: none;
}
.fupitxt p {
	color: #999999;
	font-size: 24px;
	text-align: center;
	line-height: 47px;
}
.f3btnleftbox {
	width: 47px;
	height: 47px;
	background: linear-gradient(to right, #122a7e, #277fc2);
	text-align: center;
	line-height: 47px;
	cursor: pointer;
}
.lanfengpic {
	width: 100%;
	margin: 82px 0 126px;
}
.lanfengpic img {
	width: 100%;
}
.chengciaobt h3 {
	color: #333;
	font-size: 30px;
}
.chengciaocon {
	width: 1280px;
	margin: 0 auto;
}
.chengciaobt {
	text-align: center;
}
.chengciaobt p {
	color: #333;
	font-size: 16px;
	margin-top: 33px;
	line-height: 1.5;
}
.lianhualist {
	width: 100%;
	margin: 0 -19px;
}
.lianhuaitemaa {
	width: 33.333%;
	padding: 0 19px;
}
.lianhuaitemaa:nth-child(1) {
	animation: fadeInUp 1.5s;
}
.lianhuaitemaa:nth-child(2) {
	animation: fadeInUp 1.9s;
}
.lianhuaitemaa:nth-child(3) {
	animation: fadeInUp 2.3s;
}
.lianhuaitem a {
	width: 100%;
	height: 100%;
	display: block;
}
.liitpic {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.liitpic img {
	width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.f3toumnga {
	position: absolute;
	top: 0;
	left: 0;
}
.lihuatxt {
	padding-top: 15px;
}
.lihuatxt h6 {
	color: #c00;
	font-size: 14px;
}
.lihuatxt h3 {
	color: #333;
	font-size: 18px;
	margin: 17px 0 32px;
}
.f3more a span {
	color: #0067da;
	font-size: 20px;
}
.lianhualistbb {
	margin: 48px 0;
	overflow: hidden;
}
.lianhuam_lianjie {
	width: 1280px;
	height: 95px;
	background: #eeeeee;
	margin-bottom: 50px;
}
.lhu_aa {
	width: 100%;
	height: 100%;
	position: relative;
}
.lhu_aa::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0;
	background: #c00;
	bottom: 0;
	left: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	z-index: 9;
}
.lianhuam_lianjie a {
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 95px;
	z-index: 10;
	position: relative;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.f3jia {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.g2con {
	width: 1280px;
	margin: 0 auto;
}
.g2list {
	width: 100%;
	margin: 65px -5px 0;
	min-height: 500px;
}
.g2item {
	width: 33.333%;
	padding: 0 5px;
}
.g2itema {
	background: #fff;
	width: 100%;
	height: 222px;
	-webkit-transition: all .3s ease-out 0s;
	cursor: pointer;
	border-bottom: 1px solid #c00
}
.g2pic {
	width: 106px;
	text-align: center;
	position: relative;
	height: 100%;
	z-index: 1;
}
.rencai01 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.rencai02 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.g2text {
	width: 100%;
	padding: 50px 35px;
}
.g2text h3 {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.g2textxia {
	margin-top: 35px;
}
.g2textxia p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.g2tanchuang {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 80;
	display: none;
}
.g2wenbenshang h2 {
	font-size: 18px;
	font-weight: bold;
}
.tanchuang {
	width: 70%;
	background: #fff;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 40px 75px 75px;
	border-bottom: 4px solid #c00;
	height: 600px;
}
.g2btn {
	position: absolute;
	top: 48%;
	right: 12%;
	width: 30px;
	height: 30px;
	background: #c00;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	background: url("../images/g2btn.png") no-repeat center #c00;
	background-size: 70%;
}
.g2btn img {
	width: 70%;
}
.g2txta {
	margin: 38px 0 40px;
}
.g2txta p {
	font-size: 16px;
	line-height: 1.8;
}
.gebfboxx {
	display: inline-block;
	width: 180px;
	height: 52px;
	background: #efefef;
}
.gebfboxx.active {
	background: #c00;
}
.gebfboxx.active a {
	color: #fff;
}
.gebfboxx a {
	color: #c00;
	font-size: 18px;
	font-weight: lighter;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 52px;
}
.after_sale {
	width: 100%;
	/*background:#f0f3f9; */
	background: #f9fafa;
	padding: 5%
}
.after_sale h2 {
	font-size: 20px;
	margin-bottom: 35px;
	font-weight: bold
}
.after_sale h1 {
	font-size: 24px;
	line-height: 50px;
	color: #c00;
	padding-left: 40px;
	font-weight: bold
}
.after_sale h1.bg1 {
	background: url("../images/service01.png") no-repeat left center;
	background-size: 3%
}
.after_sale h1.bg2 {
	background: url("../images/service02.png") no-repeat left center;
	background-size: 3%
}
.after_sale h1.bg3 {
	background: url("../images/service03.png") no-repeat left center;
	background-size: 3%
}
.after_sale p {
	font-size: 16px;
	line-height: 2.5;
}
.after_sale .line {
	background: #dcdcdc;
	height: 1px;
	width: 100%;
	margin: 30px 0
}
.after_sale img {
	padding: 15px 0;
	max-width: 100%
}
.textinfo {
	width: 100%;
	margin-bottom: 60px;
}
.textinfo p {
	font-size: 16px;
	line-height: 1.9;
}
.textinfo h2, 
.textinfo h3 {
	display: block;
	height: 40px;
	color: #c00;
	font-weight: 600;
	margin-bottom: 15px;
	clear: both;
}
.textinfo ul li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
}
.textinfo ul li:nth-child(3n) {
	margin-right: 0;
}
.textinfo ul.row2 li {
	width: 48%;
	margin-right: 4%;
}
.textinfo ul.row2 li:last-child {
	margin-right: 0;
}
.textinfo ul.partner li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2.2%;
}
.textinfo ul.partner li:nth-child(4n) {
	margin-right: 0;
}
.textinfo ul li img {
	width: 100%;
}
.pz {
	width: 100%;
}
.pz .box {
	width: 100%;
	background: #f9fafa;
	float: left;
	vertical-align: middle;
	animation: fadeInUp 2.5s
}
.pz .box .fl {
	float: left;
	width: 50%;
	animation: fadeInUp 2.6s
}
.pz .box .ri {
	float: right;
	width: 50%;
	animation: fadeInUp 2.6s;
}
.pz .box .img {
	width: 100%;
}
.pz .box .img2 {
	max-width: 100%;
	margin-bottom: 30px
}
.pz .box .img img, .pz .box .img2 img {
	max-width: 100%
}
.pz .box p {
	width: 50%;
	padding: 45px 45px 0 45px;
	height: 100%;
	font-size: 16px;
	line-height: 1.8;
	float: left;
	text-align: justify
}
.pz .box p b {
	font-weight: bold;
	width: 100%;
	text-align: left;
	float: left;
	line-height: 3
}
.pz .sb {
	width: 100%;
	font-size: 0
}
.pz .sb li {
	width: 23.5%;
	display: inline-block;
	margin-left: 2%;
	margin-bottom: 20px;
}
.pz .sb li a {
	width: 100%;
	display: block;
	color: #333
}
.pz .sb li a .pic {
	width: 100%;
	overflow: hidden
}
.pz .sb li a img {
	width: 100%;
}
.pz .sb li a h1 {
	width: 100%;
	background: #fff;
	text-align: center;
	padding-top: 10px;
	height: 40px;
	font-size: 16px;
	line-height: 18px;
}
.pz .sb li:nth-child(1), .pz .sb li:nth-child(5) {
	margin-left: 0
}
.pz .sb li a:hover .pic img {
	transform: scale(1.1, 1.1);
	transition: all 0.3s;
}
.pz .sb li a:hover h1 {
	color: #c00
}
.pz .title {
	width: 100%;
	text-align: center;
	padding: 60px 0 40px 0;
	float: left
}
.pz .title h1 {
	color: #c00;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center
}
.pz .title h2 {
	font-size: 24px;
	color: #464646;
	letter-spacing: 1px;
	line-height: 2;
}
.pz .title p {
	font-size: 16px;
	color: #464646;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.pz .title b {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: lighter;
	margin-top: -30px;
	margin-bottom: 20px;
}
.join {
	width: 100%
}
.join .textinfo {
	text-align: center;
	margin: 30px 0
}
.join .textinfo p {
	text-indent: 0
}
.join .box {
	width: 100%;
	background: url("../images/join.jpg") no-repeat center;
	height: 650px;
	background-size: cover
}
.join .box .con {
	width: 1280px;
	margin: 0 auto
}
.join .box .con .message {
	width: 40%;
	height: 500px;
	padding: 30px;
	background: rgba(0, 91, 170, .6);
	border-radius: 10px;
	float: right;
	margin-top: 50px;
}
.join .box .con .message li {
	width: 100%;
	margin-bottom: 15px;
	color: #fff
}
.join .box .con .message li input[type=text] {
	width: calc(100% - 2px);
	border: 1px solid #fff;
	background: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border-radius: 5px;
}
.join .box .con .message li textarea {
	background: #fff;
	height: 150px;
	width: calc(100% - 2px);
	padding: 10px;
	border: 1px solid #fff;
	line-height: 24px;
	border-radius: 5px;
}
.join .box .con .message li select {
	width: calc(100% - 2px);
	border: 1px solid #fff;
	background: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border-radius: 5px;
}
.join .box .con .message li input[type=submit] {
	font-size: 16px;
	height: 40px;
	border: 0 solid #fff;
	background: #fff;
	width: 100%;
	text-align: center;
	color: #c00;
	line-height: 40px;
	border-radius: 5px;
	transform: all 0.3s;
}
.join .box .con .message li input[type=submit]:hover {
	background: #c00;
	color: #fff;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.banshichu {
	width: 100%;
	font-size: 0;
	vertical-align: top;
}
.banshichu li {
	width: 49%;
	padding: 30px;
	background: #f9fafa;
	margin-left: 2%;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top
}
.banshichu li:nth-child(2n+1) {
	margin-left: 0
}
.banshichu li h1 {
	font-size: 18px;
	color: #c00;
	font-weight: bold;
	margin-bottom: 15px;
}
.banshichu li p {
	font-size: 14px;
	line-height: 20px;
	margin: 8px 0
}
.hzbrand {
	width: 100%;
	font-size: 0;
	vertical-align: top;
}
.hzbrand li {
	width: 20%;
	display: inline-block;
	overflow: hidden
}
.hzbrand li img {
	width: 100%;
}
.hzbrand li:hover img {
	transform: scale(1.1, 1.1);
	transition: all 0.3s;
}
.rencai {
	width: 100%
}
.rencai .linian {
	height: 430px;
	padding: 4%;
	background: url("../images/rc_bg1.jpg") center center no-repeat;
	background-size: cover;
	color: #333;
}
.rencai .linian .text {
	width: 57%;
	height: 100%;
	float: right;
	color: #333;
	padding-top: 3%;
	text-align: justify
}
.rencai .linian .text h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 40px
}
.rencai .linian .text p {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 15px;
	padding: 10px 0 30px 0;
}
.rencai .linian .text span {
	font-size: 16px;
	padding-left: 135px;
	position: relative
}
.rencai .linian .text span:before {
	width: 130px;
	position: absolute;
	content: "";
	height: 1px;
	background: #989c9e;
	top: 50%;
	left: 0
}
.rencai .lc {
	padding: 3% 2%;
	background: #f9fafa;
	margin-top: 30px;
	font-size: 0;
	text-align: center
}
.rencai .lc li {
	display: inline-block;
	height: 200px;
	vertical-align: middle
}
.rencai .lc h2 {
	font-size: 24px;
	margin-bottom: 30px;
	text-align: center
}
.rencai .lc li:nth-of-type(even) {
	width: 5%;
	text-align: center
}
.rencai .lc li:nth-of-type(even) img {
	width: 95%;
	margin-top: 95px
}
.rencai .lc li:nth-of-type(odd) {
	width: 12.5%;
	background: #fff;
}
.rencai .lc li:nth-of-type(odd) h1 {
	width: 100%;
	font-size: 16px;
	line-height: 2
}
.rencai .lc li:nth-of-type(odd) img {
	margin-bottom: 30px;
	margin-top: 30%
}
.rencai .daiyu {
	width: 100%;
	margin-top: 30px;
	font-size: 0;
	vertical-align: top;
}
.rencai .daiyu li {
	width: 49%;
	padding: 30px;
	display: inline-block;
	margin-left: 2%;
	background: #f9fafa;
	text-align: center;
	vertical-align: top;
}
.rencai .daiyu li:nth-child(1) {
	margin-left: 0
}
.rencai .daiyu li h2 {
	font-size: 20px;
	position: relative;
	margin: 30px 0 20px;
	padding-bottom: 20px;
}
.rencai .daiyu li h2:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 45%;
	width: 10%;
	height: 3px;
	background: #c00;
}
.rencai .daiyu li p {
	text-align: center;
	font-size: 16px;
	line-height: 1.8;
	width: 90%;
	margin: 0 auto;
	height: 90px;
}
.rencai .daiyu li:hover h2:before {
	width: 20%;
	left: 40%;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.product {
	width: 100%;
	font-size: 0
}
.product > li {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	background: #fff;
	transition: all 0.3s;
    box-sizing: border-box;
    border: 1px solid #eee;
	margin-bottom: 2%
}
.product > li:nth-child(3n) {
	margin-right: 0
}
.product > li a {
	width: 100%;
	display: block
}
.product > li .pic {
	position: relative;
	width: 90%;
	overflow: hidden;
	padding: 7% 0 5%;
    margin: 0 auto;
}
.product > li .pic em.new {
	position: absolute;
	top: 20px;
	right: 0;
	display: block;
	width: 90px;
	height: 50px;
	background: url("../images/newsale.png") no-repeat;
	background-size: 100%;
    z-index: 9;
}
.product > li .pic em.hot {
	position: absolute;
	top: 20px;
	right: 0;
	display: block;
	width: 90px;
	height: 50px;
	background: url("../images/bigsale.png") no-repeat;
	background-size: 100%;
    z-index: 9;
}
.product > li .pic:hover em.hot {
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
	}
	10%, 20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale(1.05) rotate(3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale(1.05) rotate(-3deg);
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
	}
}
@-moz-keyframes tada {
	0% {
		-moz-transform: scale(1);
	}
	10%, 20% {
		-moz-transform: scale(0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		-moz-transform: scale(1.05) rotate(3deg);
	}
	40%, 60%, 80% {
		-moz-transform: scale(1.05) rotate(-3deg);
	}
	100% {
		-moz-transform: scale(1) rotate(0);
	}
}
@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}
@-moz-keyframes flipInY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-moz-transform: perspective(400px) rotateY(-10deg);
	}
	70% {
		-moz-transform: perspective(400px) rotateY(10deg);
	}
	100% {
		-moz-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

.product > li .pic img {
	width: 100%;
	transition: all 0.3s;

}
.product > li .text {
	padding: 2% 8%;
}
.product > li .text h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-align: center;
	line-height: 32px;
	transition: all 0.3s;
	margin: 0;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.product > li .con {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0 auto;
	padding: 0 25px 20px;
}
.product > li .con ul li {
	float: left;
    width: 33%;
	text-align: center;
    margin-bottom: 18px;
    border-right: 1px solid #dfdfdf;
}
.product > li .con ul li:last-child {
    border-right: none;
}
.product > li .more_box {
    clear: both;
	text-align: center;
    margin-bottom: 25px;
}
.product > li .more_box .more {
	width: 40%;
	display: inline-block;
    height: 36px;
    line-height: 36px;
	text-align: center;
	border: 1px solid #aaa;
	font-size: 14px;
	color: #333f47;
	position: relative;
	padding: 0 20px;
	margin: 0 2%;
}
.product > li .more_box .more span {
	position: relative;
	z-index: 3;
}
.product > li .more_box .more:after {
	content: '';
	width: 0;
	height: 100%;
	background: #333e46;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s ease;
}
.product > li .more_box .more:hover {
	color: #fff;
	border-color: #333e46;
}
.product > li .more_box .more:hover:after {
	width: 100%;
}

.product > li:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
}
.product > li:hover .pic img {
	transform: scale(1.05, 1.05);
}
.product > li:hover .text h1 {
	color: #c00
}

.site-text {
	margin: 0;
	display: none
}
#window form {
	padding: 3.5% 5% 0
}
#window form li {
	display: block;
	float: left;
	width: 49%;
	margin: 0 2% 2% 0
}
#window form li:nth-last-child(1), #window form li:nth-last-child(2) {
    width: 100%
}
#window form li input::-moz-placeholder {
	color: #999;
	text-transform: capitalize;
}
#window form li input::-webkit-input-placeholder {
	color: #999;
	text-transform: capitalize;
}
#window form li input::-ms-input-placeholder {
	color: #999;
	text-transform: capitalize;
}
#window form li #vdcode {
    text-transform: uppercase;
}
#window form li #validateimg {
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    left: 145px;
}
#window form li:nth-child(even) {
	margin-right: 0
}
#window form li label span {
	color: #f00;
	margin-left: 5px;
	font-size: 17px
}
#window form li input {
	display: inline-block;
	width: 100%;
	padding: 10px 10px 8px;
	color: #444;
	border: 1px solid #d9d9d9
}

#window form li select {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 8px;
    color: #555;
    font-size: 15px;
    border: 1px solid #d9d9d9;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS42NTciIGhlaWdodD0iMTkuODI4IiB2aWV3Qm94PSIwIDAgMzUuNjU3IDE5LjgyOCI+CiAgPHBhdGggaWQ9Iui3r+W+hF84OTUiIGRhdGEtbmFtZT0i6Lev5b6EIDg5NSIgZD0iTTg2OS41ODYsNDEzLjU1MWwtMTUsMTUtMTUtMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MzYuNzU3IC00MTAuNzIzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzY3Njc2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo=) no-repeat scroll 100% transparent;
    background-size: 13px auto;
    background-position-x: calc(100% - 12px);
	-webkit-appearance: none;
}
#window form li textarea {
	height: 86px;
	width: 100%;
	line-height: 1.6;
	padding: 8px 10px 8px;
	color: #444;
	border: 1px solid #d9d9d9
}
#window form li:nth-child(5) {
	width: 100%;
}
#window form li:last-child {
	width: 100%;
	clear: both;
	margin: 0;
	text-align: center
}
#window form li #submit, 
#window form li #submitId {
	border: 0 none;
	background: #c00;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.5px;
	cursor: pointer;
	min-width: 220px;
	text-shadow: rgb(0 0 0 / 30%) 1px 0 1px
}
.layer .layui-layer-content .service {
	color: #f00;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding-top: 20px;
	margin: 0 auto;
	clear: both
}
.site-text .service {
	color: #f00;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding-top: 20px;
	margin: 0 auto;
	clear: both
}

.case {
	width: 100%;
	font-size: 0
}
.case > li {
	display: inline-block;
	width: 23.5%;
	margin-right: 2%;
	background: #fff;
	transition: all 0.3s;
	margin-bottom: 2%
}
.case > li:nth-child(4n) {
	margin-right: 0
}
.case > li a {
	width: 100%;
	display: block
}
.case > li .pic {
	width: 100%;
	overflow: hidden;
	padding: 2.6%;
    margin: 0 auto;
}
.case > li .pic img {
	width: 100%;
	transition: all 0.3s;
}
.case > li .text {
	padding: 0 6% 6%;
}
.case > li .text h1 {
	font-size: 15px;
	color: #333;
	text-align: center;
	line-height: 1.6;
	transition: all 0.3s;
	margin: 0;
	padding-top: 10px;
}
.case > li:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
}
.case > li:hover .pic img {
	transform: scale(1.1, 1.1);
}
.case > li:hover .text h1 {
	color: #c00
}

.contactus {
	width: 1280px;
	margin: 0 auto;
}
.contactus .jiegoubt {
	width: 100%;
	text-align: center;
    margin-bottom: 30px;
}
.contactus .jiegoubt h2 {
	font-size: 32px;
	font-weight: bold;
	color: #464646;
	position: relative;
	width: 100%;
	padding: 50px 0;
	letter-spacing: 1px;
}
.contactus .jiegoubt h2::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: rgba(222, 222, 222, 0.5);
	bottom: 16px;
	left: 0;
}
.contactus .jiegoubt h2::before {
	position: absolute;
	content: '';
	width: 124px;
	height: 3px;
	background: #c00;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
}
.contactus .jiegoubt p {
	font-size: 16px;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.contactus .cont_con {
    float: none;
	width: 100%;
}
.cont_con {
    float: left;
	width: 74%;
	margin: 20px 2% 70px 0;
}
.cont_left {
	width: 695px;
}
#map {
	width: 100%;
	height: 500px;
}
.cont_right {
	width: calc(100% - 695px);
	height: 500px;
	background: #c00;
	padding: 50px;
}
.cont_right h3 {
	color: #fff;
	font-weight: 500;
	padding-bottom: 20px;
}
.right_txtx {
    line-height: 1.8;
	margin-bottom: 5px;
}
.right_txtx p {
	color: #fff;
	font-size: 15px;
}
.inqinfo {
	float: left;
	width: 36%;
    display: inline-block;
    margin-top: 60px;
    margin-right: 4%;
}
.inqinfo .tit {
    font-size: 32px;
	font-weight: bold;
    color: #3d3d3d;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.inqinfo .con {
	font-size: 15px;
    line-height: 1.8;
    color: #3d3d3d;
}
.inqinfo .con p:first-child {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.inqinfo .con p {
	font-size: 15px;
    line-height: 1.8;
    color: #3d3d3d;
	padding-bottom: 15px;
}
.livemessage {
	width: 60%;
    text-align: center;
	background: #f3f3f3;
    display: inline-block;
	margin-top: 50px;
	padding: 30px 40px;
}
.livemessage .title {
	width: 100%;
	text-align: center;
}
.livemessage .title h2 {
	font-size: 24px;
	font-weight: bold;
	color: #464646;
	line-height: 2;
}
.livemessage .title p {
	font-size: 18px;
	color: #464646;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.livemessage .box {
	width: 100%;
	margin-top: 20px;
	font-size: 0
}
.livemessage .box li {
	width: 49%;
	display: inline-block;
	margin-bottom: 12px;
	margin-right: 2%;
}
.livemessage .box li:nth-child(2n) {
	margin-right: 0;
}
.livemessage .box li:nth-child(5) {
	width: 100%;
	margin-left: 0;
}
.livemessage .box li:last-child {
	width: 100%;
	margin: 0 auto;
}
.livemessage .box li #vdcode {
    text-transform: uppercase;
}
.livemessage .box li #validateimg {
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 83px;
}
.livemessage .box li input[type=text] {
	width: calc(100% - 2px);
	border: 1px solid #ddd;
	background: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border-radius: 4px;
}
.livemessage .box li input[type=submit] {
	width: 25%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #c00;
	background: #c00;
	font-size: 16px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	transform: all 0.3s
}
.livemessage .box li input[type=submit]:hover {
	background: #c00;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.livemessage .box li select {
    width: calc(100% - 2px);
    height: 40px;
    line-height: 40px;
    color: #888;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
	margin: 0;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 20px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), calc(100% - 2.5em) 0.5em;
	background-size: 7px 5px, 5px 5px, 1px 1.7em;
	background-repeat: no-repeat;
}
.livemessage .box li select:focus {
	background-image: linear-gradient(45deg, #ffba3f 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #ffba3f 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
	background-size: 5px 7px, 6px 7px, 1px 1.7em;
	background-repeat: no-repeat;
	outline: 0;
}
.livemessage .box li select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
.livemessage .box li textarea {
	background: #fff;
	height: 86px;
	width: calc(100% - 2px);
	padding: 10px;
	border: 1px solid #ddd;
	line-height: 1.5;
	border-radius: 4px;
}

.weizhi {
	margin-left: 10px;
    width: 50%;
}
.ttxtpic {
	display: inline-block;
	width: 19px;
}
.right_txtx span {
	display: block;
}
.h1txt {
    width: 100%;
    padding-left: 30px;
}
.rtxta {
	text-align: center;
	width: 161px;
	margin: 45px auto 0;
}
.rtxta p {
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
}
.rtabox {
	width: 157px;
	margin-bottom: 16px;
}
.rtabox img {
	width: 100%;
}
.policycon {
	width: 1280px;
	margin: 66px auto 0;
}
.policbt {
	width: 175px;
	height: 201px;
}
.policbt h2 {
	color: #464646;
	font-size: 72px;
	font-weight: bold;
	text-transform: uppercase;
}
.policleft {
	width: 688px;
	position: relative;
}
.poliright {
	width: calc(100% - 826px);
	padding-top: 50px;
}
.poliright h3 {
	animation: fadeInUp 1.6s;
}
.policypic1 {
	margin-top: 65px;
	margin-right: 27px;
}
.porigtone {
	animation: fadeInUp 1.6s;
}
.g1lianaa {
	animation: fadeInUp 1.6s;
}
.porigttwo {
	animation: fadeInUp 1.6s;
}
.policypic2 {
	width: 385px;
	height: 634px;
	background: rgba(0, 126, 255, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 25;
}
.poliright h3 {
	color: #333;
	font-size: 24px;
}
.porigt {
	margin-top: 25px;
}
.porigt p {
	color: #666;
	font-size: 14px;
	line-height: 28px;
}
.g1lian {
	margin-top: 25px;
	margin-bottom: 57px;
}
.g1lianji {
	animation: fadeInUp 1.6s;
}
.g1lianbb span {
	color: #c00;
	font-size: 16px;
}
.g1guihua {
	width: 100%;
}
.g1huihuacon {
	width: 1280px;
	margin: 170px auto 140px;
}
.g1guileft {
	width: 363px;
}
.g1guihuaright {
	width: calc(100% - 363px);
	padding-left: 30px;
	position: relative;
}
.g1guihuaright::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 1px;
	height: 136px;
	content: "";
	background: #1b1b1b;
}
.g1guileft h2 {
	color: #333;
	font-size: 30px;
	font-weight: bold;
}
.g1guihuaright p {
	color: #333;
	font-size: 14px;
	font-weight: lighter;
	line-height: 24px;
}
.g2item {
	animation: fadeInUp 1.8s;
}
.g1boxa {
	margin-bottom: 79px;
}
.g1boxa:nth-child(1) {
	animation: fadeInUp 1.6s;
}
.g1boxa:nth-child(2) {
	animation: fadeInUp 1.9s;
}
.g1boxa:nth-child(3) {
	animation: fadeInUp 2.3s;
}
.spanbt {
	color: #c00;
	font-weight: bold;
	font-size: 14px;
	display: block;
	width: 70px;
	line-height: 24px;
}
.sanantxt {
	width: calc(100% - 70px);
	line-height: 24px;
}
.g2p1 {
	margin-top: 20px;
}
.g2p2 {
	margin-top: 34px;
}
.g1boxa_b .g1guihuaright::after {
	height: 190px;
}
.g2rencai {
	width: 100%;
	background: #f9fafa;
}
.g2rencai_con {
	width: 1280px;
	margin: 0 auto;
	padding-top: 72px;
}
.g2rencai_con h3 {
	font-size: 30px;
	color: #333;
	font-weight: bold;
}
.g2renbtlist {
	margin-top: 65px;
	margin-bottom: 40px;
	width: 524px;
}
.g2renbtitem {
	width: 127px !important;
}
.g2renbtitem h5 {
	font-size: 18px;
	color: #333;
	position: relative;
	line-height: 1.5;
	text-align: center;
}
.g2renbtitem h5::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-width: 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent #c00;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
.g2renbtlist .g2renbtitem:nth-child(2) {
	margin: 0 40px;
}
.g2renbtitem {
	border-bottom: 2px solid #f9fafa;
	padding-bottom: 9px;
	cursor: pointer;
}
.g2renbtitem.active {
	border-color: #c00;
}
.g2renbtitem.active h5 {
	color: #c00;
}
.g2renbtitem.active h5:after {
	opacity: 1;
}
.g2luboleft > p {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	margin-bottom: 50px;
}
.g2luboleft {
	width: 100%;
	padding-top: 27px;
}
.g2_text h2 {
	font-size: 14px;
	color: #c00;
	font-weight: bold;
}
.g2_text p {
	font-size: 14px;
	color: #333;
	margin-top: 11px;
	line-height: 1.5;
}
.g2_text {
	margin-bottom: 37px;
}
.g2lunboright {
	width: 50%;
	text-align: center;
}
.g2_lunboright img {
	max-width: 100%;
}
.g2lunboright .f3btn {
	width: 100%;
	margin: 15px auto 0;
	position: relative;
}
.g2lunboright .f3btn {
	z-index: 10;
}
.g2lunboright .fupitxt p {
	color: #666;
	font-size: 18px;
}
.g2_lunboright {
	display: none;
}
.b2html {
	position: relative;
	z-index: 100;
	top: 0;
	left: 0;
}
.b2fixed {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.b2fixed img {
	width: 100%;
	height: 100%;
}
.lianjie a {
	display: block;
}
.d5body .page li.activepage {
	background: #2aa3eb;
	color: #fff;
}
.e1body .page li.activepage {
	background: #2aa3eb;
	color: #fff;
}
.e2body .page li.activepage {
	background: #2aa3eb;
	color: #fff;
}
.bavideo img {
	width: 100%;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.b2_lianhua .lianhuaright img {
	max-width: 100%;
}
.padpicc {
	display: none;
	width: 100%;
}
.padpicc img {
	width: 100%;
}
.policypic1 img {
	width: 100%;
}
.sousuoend {
	font-size: 22px;
	color: #fff;
    vertical-align: middle;
}
.sousuoend.act {
	color: #999;
}
.np_header .sousuoend {
	color: #666
}
.np_header .sousuoa a:before {
	background: #999
}
.np_header .nav.act .lang {
	display: block;
}
.np_header .nav .navcon .lang > a::after {
    border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}
.nav .lang {
    float: right;
	display: inline-block;
    position: relative;
    color: #fff;
    margin-top: 28px;
    margin-right: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nav.act .lang {
    margin-top: 20px;
}
.nav .navcon .lang > a {
	display: block;
	width: 30px;
	height: 30px;
	text-align: left;
	line-height: 30px;
	position: relative;
}
.nav .navcon .lang > a::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: -10px;
    width: 6px;
    height: 6px;
    border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.nav .navcon .lang:hover .lang-box {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	pointer-events: auto;
	opacity: 1;
}
.nav .navcon .lang-box {
	position: absolute;
	left: 50%;
	top: 40px;
	width: 110px;
	background: #fff;
	padding: 12px 0 4px;
	-webkit-transform: translate(-50%, 10px);
	-ms-transform: translate(-50%, 10px);
	-o-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
	opacity: 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.nav .navcon .lang-box::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 100%;
	height: 20px;
	background: none;
}
.nav .navcon .lang-box a {
	display: block;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 23px;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
	margin-bottom: 6px;
}
.nav .navcon .lang-box a:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.nav .navcon .lang-box a:hover {
	color: #c00;
}
.b1fa {
	width: 100%;
}
.b1facon {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	padding-top: 122px;
}
.b1fabt {
	width: 454px;
	height: 200px;
	background: #11287c;
	position: absolute;
	top: 0;
}
.b1fabt h2 {
	color: #fff;
	font-size: 30px;
	line-height: 200px;
	padding-left: 111px;
	position: relative;
}
.b1fabt h2::after {
	position: absolute;
	content: '';
	width: 242px;
	height: 1px;
	background: #fff;
	bottom: 70px;
	left: -35px;
}
.slick_contiont {
	width: 100%;
	display: none;
	margin-top: 86px;
}
.slickright {
	width: 100%;
	margin-top: 18px;
}
.slickright.active {
	width: 713px;
	height: 454px;
}
.slickleft {
	width: 100%;
	position: relative;
}
.slickleft h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.slicklefttxt {
	margin-top: 15px;
}
.slickleft p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}
.slickright img {
	width: 100%;
}
.slick_contiontbox {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
.ceshia {
	width: 1280px;
	float: right;
}
.b1ceshi {
	width: 1280px;
	float: right;
}
.b1ceshiitem {
	width: 350px;
	height: 227px;
}
.b1ceshiitem img {
	width: 350px;
	height: 227px;
}
.b1ceshiitem.slick-current {
	width: 711px !important;
	height: 456px !important;
}
.b1ceshiitem.slick-current .b1ceshiitempic {
	width: 711px !important;
	height: 456px !important;
}
.b1ceshiitem.slick-current img {
	width: 711px;
	height: 456px;
}
.b1ceshiitem.slick-current .slickleft {
	display: block;
}
.bl02::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: #fff;
	opacity: 0.2;
	content: "";
}
.bl02::after {
	content: '';
	text-align: left;
}
.bl03::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: #fff;
	opacity: 0.2;
	content: "";
}
.bl03::after {
	content: '';
	text-align: left;
}
.bl01 {
	margin-left: -8px;
}
#container .content.history-view .section02 > .wrap .swiper-button-prev {
	width: 44px;
	height: 26px;
	bottom: 181px !important;
	top: auto !important;
}
#container .content.history-view .section02 > .wrap .swiper-button-next {
	width: 44px;
	height: 26px;
	bottom: 181px !important;
	top: auto !important;
}
#container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dt {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dd {
	font-size: 14px;
	color: #c6daff;
	line-height: 24px;
	margin-top: 35px;
	padding-left: 40px;
}
#wrap {
	position: absolute;
	width: 100%;
	min-width: 1280px;
	top: 373px;
}
.b1fa {
	height: 815px;
	position: relative;
}
.slicktime {
	margin: 18px 0 25px;
}
.slicktime p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.slick_contiont .slick-dots {
	transform: translateX(-15px);
	bottom: 5px;
}
.slick_contiont .slick-dots li {
	background: #fff;
}
.slick-dots li.slick-active {
	background: #999;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl span::after {
	content: "";
	position: absolute;
	width: 91px;
	height: 1px;
	background: #fff;
	left: -9px;
	bottom: -40px;
	opacity: 0;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl span {
	overflow: unset;
}
.prolist.act p {
	color: #c00
}
.prolist.act i {
	color: #c00
}
.c3body .c3news .nw_txta {
	width: 100%;
	padding-right: 72px;
}
.c2text {
	font-size: 16px;
	line-height: 2;
    padding: 40px;
}
.c2text p, .c2text span {
	font-size: 16px;
	line-height: 1.8;
	padding: 0;
	margin: 0;
}
.c2text .video-js {
	width: 960px;
	height: auto;
	margin: 0 auto 30px;
}
.c2text img {
    text-align: center;
    max-width: 960px !important;
    height: auto !important;
    overflow: hidden;
    margin: 15px auto;
}
.honorinfo {
	padding-top: 41px;
	padding-bottom: 29px;
	text-align: center
}
.honorinfo img {
	max-width: 100%
}
.d1body .lianhuaright p {
	margin-bottom: 0;
}
.lrtxt p:nth-child(3) {
	margin-bottom: 50px;
}
.d3body .d1bigtxt {
	margin-top: 10px;
	line-height: 1.1 !important;
}
.d3body .lianhuaright {
	width: calc(100% - 387px);
	background: #f7f9fb;
	padding-left: 60px;
	padding-top: 50px;
	padding-bottom: 40px;
	padding-right: 48px;
	margin-bottom: 295px;
}
.d3body .lianhuaright p {
	margin-bottom: 24px;
}
.e2rileft h2 {
	margin-bottom: 23px;
}
.fiitema h3 {
	color: #215dab;
}
.fiitemb h3 {
	color: #c00;
}
.fiitemc h3 {
	color: #102078;
}
.pioneerleftcc {
	margin-bottom: 172px;
}
.g2body .page li.activepage {
	background: #2aa3eb;
	color: #fff;
}
.right_txtx span {
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.5px;
}
.np_header .logo_b {
	display: block;
}
.bannerindex {
	position: relative;
}
.earth {
	background: url("../images/map_bg.png") bottom center no-repeat #f5f5f5;
	position: relative;
}
.earth .indexcon {
	padding: 60px 0 0
}
.banner_item video {
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}
.slick-vertical .slick-slide {
	height: 100vh;
}
.ban_a {
    width: 100%;
	height: 100%;
	min-width: 100%;
}
.b1_bannera {
	display: none;
}
.bavideo .bg {
	height: 100vh;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	background: url("../images/companybg.jpg") no-repeat;
	background-size: cover
}
.bavideo video {
	height: 100vh;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.bavideo {
	position: relative;
}
.bavideo::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}
.ban_a {
	transition: all 1s ease-out 0s;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%) scale(1.0);
}
.banner_item video {
	transition: all 1s ease-out 0s;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%) scale(1.0);
}
.banner_pic .banner_item.slick-active .ban_a {
	transform: translateX(-50%) scale(1);
}
.banner_pic .banner_item.slick-active video {
	transform: translateX(-50%) scale(1);
}

@keyframes myfirstaa {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(10px);
	}
}
.scroll img {
	animation: myfirstaa 1s infinite alternate ease-in;
}
.sectionbox {
	height: 200px !important;
}
.sectionbox .fp-tableCell {
	height: 200px !important;
}
#fullpage .section:nth-child(4) {
	height: 200px !important;
}
#fullpage .section:nth-child(4) .fp-tableCell {
	height: 200px !important;
}
.slick_contiontbox .slick-dots li {
	background: #c2c2c2;
}
.slick_contiontbox .slick-dots li.slick-active {
	background: #333;
}
.w_g_wapcen {
	width: 100vw;
	height: 100vh;
	background: #0154b4;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}
.g_wapcen {
	position: fixed;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
}
.g_wap {
	width: 148px;
	height: 168px;
	position: relative;
	margin: auto;
}
#g_swg4 {
	transition: all 3s;
}
.spinner6 {
	margin: 10px auto 0;
	width: 150px;
	text-align: center;
}
.spinner6 > div {
	width: 10px;
	height: 10px;
	background-color: #00A2E9;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner6 .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner6 .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.lvceng {
	width: 148px;
	margin-bottom: 27px;
}
.lvceng img {
	width: 100%;
}
.g_infrxbox {
	overflow: hidden !important;
	width: 100vw;
	height: 100vh;
}
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0.0)
	}
	40% {
		-webkit-transform: scale(1.0)
	}
}
@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
/*.g2bbbb{
    display:none;
}
.g2bbbb.active{
    display:block;
}*/
.g2bbbbmoij {
	width: 50%;
}
/*.g2renbtlist .slick-current h5{
    color: #c00;
}
.g2renbtlist .slick-current h5::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #c00;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}
.g2renbtlist .slick-current.g2renbtitem{
       border-color: #c00; 
} */
.bsFrameDiv div {
	overflow: hidden !important;
}
.bsFrameDiv {
	overflow: hidden;
}
.bsFrameDiv img {
	width: 170px !important;
	height: 170px !important;
}
.f3btnleftbox {
	display: none;
}
.g2lunboright {
	transform: translateY(-79px);
}
.bl {
	position: relative;
}
.yuandiani {
	position: absolute;
	font-size: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	top: 50%;
	left: 53%;
	transform: translate(-52%, -50%);
	opacity: 0.9;
}
.bl.active .yuandiani {
	background: #11287c;
}
.yuandiani::after {
	content: "";
	position: absolute;
	width: 91px;
	height: 1px;
	background: #fff;
	left: -9px;
	bottom: -45px;
	opacity: 0;
}
.bl.active .yuandiani::after {
	opacity: 1;
}
.g_list {
	overflow: hidden;
	height: 62px;
}
.g_box {
	transition: all 0.3s;
}
#container .content.history-view .section02 > .wrap .swiper-pagination { /* padding-left:50px;*/
	bottom: -8px;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl {
	position: relative;
	width: 23px;
	height: 23px; /* opacity: 0.8; */
	margin-right: 100px;
	overflow: visible;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	margin-left: 100px;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(4), #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(7), #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(10) {
	margin-left: 93px;
}
.e2jianjie {
	width: 1280px;
	margin: 0 auto;
	padding: 65px 0 0;
}
.e2jianjie p {
	color: #464646;
	font-size: 18px;
	line-height: 1.75
}
.sbbb {
	color: #fff;
}
.newjoin_title {
	width: 100%;
	text-align: center;
	position: relative;
	animation: fadeInUp 1s;
}
.newjoin_title h1 {
	font-size: 42px;
	color: #c00;
	font-weight: bold;
	line-height: 1.8;
}
.newjoin_title h2 {
	font-size: 32px;
	color: #c00;
	font-weight: bold;
	line-height: 2.2;
	padding-top: 60px
}
.newjoin_title h3 {
	font-size: 18px;
	color: #333;
}
.newjoin_title span {
	position: absolute;
	z-index: -1;
	color: #ddd;
	font-size: 90px;
	font-weight: bold;
	display: block;
	width: 100%;
	top: 30px;
	left: 0;
	text-align: center
}
.newjoin_info {
	max-width: 100%;
	margin: 55px 0;
	position: relative;
	animation: fadeInUp 1.5s;
}
.newjoin_info img {
	width: 100%;
}
.newjoin_info ul {
	width: 100%;
	left: 0;
	top: 35%;
	z-index: 9;
	position: absolute;
	text-align: center;
	font-size: 0
}
.newjoin_info ul li {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
}
.newjoin_info ul li h1 {
	font-size: 24px;
	color: #c00;
	font-weight: bold;
	margin-bottom: 20px
}
.newjoin_info ul li h2 {
	font-size: 22px;
	color: #333;
	line-height: 1.4
}
.newjoin_yous {
	width: 100%;
	margin-top: 50px;
	animation: fadeInUp 1.5s
}
.newjoin_yous ul {
	width: 100%;
	font-size: 0
}
.newjoin_yous ul li {
	display: inline-block;
	background: #f9fafa;
	margin: 20px 0;
}
.newjoin_yous ul li .left, .newjoin_yous ul li .right {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.newjoin_yous ul li .left {
	overflow: hidden
}
.newjoin_yous ul li .left img {
	transition: all .3s ease-out 0s;
}
.newjoin_yous ul li .left img:hover {
	transform: scale(1.05)
}
.newjoin_yous ul li .left img {
	width: 100%;
}
.newjoin_yous ul li .right .txt {
	margin: 13% 17% 0 17%;
	border-left: 2px solid #009cff;
	padding-left: 25px;
}
.newjoin_yous ul li .right .txt h1 {
	color: #a0a0a0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4
}
.newjoin_yous ul li .right .txt h2 {
	font-size: 26px;
	color: #333;
	margin-top: 15px;
	line-height: 1.4
}
.newjoin_yous ul li .right .txt h2 span {
	color: #c00
}
.newjoin_brand {
	width: 100%;
	background: url("../images/joinbg2.jpg") no-repeat center;
	padding: 80px 0;
	animation: fadeInUp 1.5s
}
.brand_ys {
	width: 100%;
	font-size: 0
}
.brand_ys li {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #fff;
}
.brand_ys li img {
	margin-bottom: 20px;
	width: 80px;
}
.brand_ys li h1 {
	font-size: 20px;
	line-height: 1.8;
}
.brand_ys li:hover h1 {
	color: #009cff
}
.brand_ys li:hover h2 {
	color: #009cff
}
.brand_ys li h2 {
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .6)
}
.brand_ys li:nth-child(1), .brand_ys li:nth-child(2), .brand_ys li:nth-child(3) {
	margin-bottom: 50px;
}
.brand_ys2 {
	width: 100%;
	margin-top: 40px;
	font-size: 0
}
.brand_ys2 li {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	background: url("../images/join_icon7.jpg") no-repeat center left;
	padding: 5px 0
}
.brand_ys2 li p {
	font-size: 18px;
	line-height: 1.6;
	padding-left: 25px;
}
.product_ys {
	width: 100%;
	animation: fadeInUp 1.5s
}
.product_ys ul {
	width: 100%;
	font-size: 0
}
.product_ys ul li {
	display: inline-block;
	width: 33.33%;
	vertical-align: top;
	padding: 0 20px;
	text-align: center;
}
.product_ys ul li .img {
	text-align: center;
	margin: 50px 0 30px 0;
}
.product_ys ul li .img img {
	width: 80%
}
.product_ys ul li h1 {
	font-size: 20px;
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 10px;
}
.product_ys ul li:hover h1 {
	color: #c00
}
.product_ys ul li p {
	font-size: 15px;
	line-height: 1.8;
}
.product_ys ul li h2 {
	font-size: 16px;
	line-height: 1.8;
	font-weight: bold;
}
.product_ys ul li h3 {
	background: url("../images/dot.jpg") no-repeat 0 10px;
	font-size: 16px;
	padding-left: 15px;
	text-align: left;
	line-height: 1.6;
	margin: 5px 0;
	color: #666
}
.support {
	width: 100%;
	margin-top: 50px;
	animation: fadeInUp 1.5s
}
.support ul {
	width: 100%;
	font-size: 0;
}
.support ul li {
	display: inline-block;
	width: calc(100% / 6 - 20px);
	vertical-align: top;
	margin: 0 10px;
	text-align: center;
	background: #f9fafa;
	border: 1px solid #e4e0e0;
	height: 280px;
	padding-top: 35px;
	border-radius: 10px
}
.support ul li h1 {
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 10px;
}
.support ul li p {
	font-size: 16px;
	line-height: 1.8;
	padding: 0 20px;
	color: #666
}
.support ul li:hover h1, .support ul li:hover p {
	color: #c00
}
.joininfo {
	width: 100%;
	background: #c00;
	padding: 75px 0 75px;
	font-size: 0;
	margin-top: 50px;
	animation: fadeInUp 1.5s
}
.joininfo .left, .joininfo .right {
	width: 50%;
	display: inline-block;
	vertical-align: top
}
.joininfo .right {
	overflow: hidden
}
.joininfo .right img {
	transition: all .3s ease-out 0s;
}
.joininfo .right img:hover {
	transform: scale(1.05)
}
.joininfo .left {
	padding-right: 30px;
}
.joininfo .left li {
	border-bottom: 1px dashed rgba(255, 255, 255, .5);
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	margin-top: 20px;
	padding-bottom: 10px;
}
.joininfo .right img {
	width: 100%;
}
.joinmessage {
	background: #f9fafa;
	margin-top: 40px;
	padding: 30px 5%;
	animation: fadeInUp 1.5s
}
.joinmessage h3 {
	font-size: 16px;
	line-height: 2.2;
	margin-top: 10px;
}
.joinmessage ul {
	font-size: 0
}
.joinmessage ul li {
	width: 22.75%;
	margin-left: 2%;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 14px;
}
.joinmessage .city li:nth-child(3) {
	width: 49.5%
}
.joinmessage div {
	margin-bottom: 20px;
}
.joinmessage ul li:nth-child(1) {
	margin-left: 0
}
.joinmessage ul li input[type=text] {
	width: calc(100% - 2px);
	border: 1px solid #ddd;
	background: #fff;
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
	border-radius: 5px;
}
.joinmessage textarea {
	background: #fff;
	height: 180px;
	width: calc(100% - 2px);
	padding: 10px;
	border: 1px solid #ddd;
	line-height: 24px;
	border-radius: 5px;
}
.joinmessage input[type=radio] {
	-webkit-appearance: checkbox;
	margin-right: 5px
}
.joinmessage input[type=checkbox] {
	-webkit-appearance: checkbox;
	margin: 5px 5px 0 0;
	font-size: 14px;
}
.joinmessage input[type=submit] {
	font-size: 16px;
	height: 48px;
	border: 1px solid #c00;
	background: #c00;
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 48px;
	border-radius: 5px;
	transform: all 0.3s
}
.joinmessage input[type=submit]:hover {
	background: #055294;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.joinlc {
	width: 100%;
	font-size: 0;
	margin-top: 50px;
	text-align: center;
	animation: fadeInUp 1.5s
}
.joinlc li {
	display: inline-block;
	vertical-align: middle;
	text-align: center
}
.joinlc li:nth-of-type(odd) {
	width: 160px;
	height: 160px;
	border: 1px solid #009cff;
	border-radius: 50%
}
.joinlc li:nth-of-type(odd):hover {
	background: #f9fafa;
	color: #c00;
	border: 1px solid #c00;
	font-weight: bold
}
.joinlc li:nth-of-type(odd) img {
	padding: 40px 0 10px 0
}
.joinlc li:nth-of-type(odd) h1 {
	font-size: 18px;
	line-height: 1.8
}
.joinlc li:nth-of-type(even) {
	padding: 0 20px;
}
.join_contact {
	width: 100%;
	border: 1px solid #009cff;
	padding: 60px 30px;
	text-align: center;
	margin: 50px 0;
	animation: fadeInUp 1.5s
}
.join_contact h1 { /*background:url("../images/join_icon14.jpg") no-repeat center left; padding-left:35px; */ font-size: 22px;
}
.join_contact h2 {
	font-size: 46px;
	color: #c00;
	font-weight: bold;
	line-height: 1.8;
}
.join_contact ul {
	font-size: 0;
	width: 100%;
	margin-top: 30px;
}
.join_contact ul li {
	width: 30%;
	display: inline-block;
	text-align: center;
	background: #c00;
	margin: 0 1.5%;
	padding: 25px 0;
	color: #fff;
	border-radius: 10px;
}
.join_contact ul li:hover {
	background: #009cff
}
.join_contact ul li span {
	font-size: 18px;
	font-weight: bold;
	padding-left: 30px;
}
.join_contact ul li:nth-child(1) span {
	background: url("../images/join_icon15.png")no-repeat left center
}
.join_contact ul li:nth-child(2) span {
	background: url("../images/join_icon16.png")no-repeat left center
}
.join_contact ul li:nth-child(3) span {
	background: url("../images/join_icon17.png")no-repeat left center
}
.join_contact ul li p {
	font-size: 18px;
	margin-top: 15px;
}
.join_contact ul li p span {
	font-size: 14px;
	background: none !important;
	padding: 0 !important;
	font-weight: lighter
}

.channel_content {
	padding: 50px 0 60px;
	margin: 86px 0 0;
	background: #f6f6f6;
}
.searchbox {
    padding: 40px;
	background: #fff;
}
.searchbox .sear {
    text-align: center;
	background: #eee;
    border-radius: 11px;
	padding: 40px 0 30px;
}
.searchbox .sear .t {
	font-size: 15px;
	font-weight: bold;
	line-height: 2.4;
}
.searchbox .serv_select li {
	float: left;
	width: 36px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 0 5px;
	margin-right: 5px;
	cursor: pointer;
}
.searchbox .rect {
	display: inline-block;
	width: 2px;
	height: 3px;
	overflow: hidden;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin-top: 9px;
}
.searchbox .on .rect {
	border-color: #e60013;
}
.searchbox .dib.sear_f {
	width: 360px;
	background: #fff;
	border: 1px solid #ddd;
}
.searchbox .sear_f {
	border: 1px solid #ddd;
	background-color: #fff;
	height: 44px;
}
.searchbox .result {
	font-size: 15px;
	border-top: 1px solid #ddd;
	padding: 20px 10px 0;
	margin: 30px 30px 0;
	letter-spacing: 0.5px;
}

.searchbox .sear_result {
	padding-top: 30px;
	padding-bottom: 30px;
}
.searchbox .sear_result li {
    height: 90px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.searchbox .sear_result li .intro {
	float: left;
	width: 84%;
}
.searchbox .sear_result li .dlbtn {
	float: right;
    width: 12%;
    height: 66px;
    font-size: 60px;
    text-align: center;
    line-height: 1;
    text-indent: 15px;
    border-left: 1px solid #eee;
}
.searchbox .sear_result li:hover .dlbtn a {
	color: #fecf02;
}
.searchbox .sear_result li .intro .t {
	font-size: 20px;
    font-weight: 600;
    color: #232323;
}
.searchbox .sear_result li .intro .c {
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 25px;
	padding: 10px 0 12px;
	margin-bottom: 14px;
	border-bottom: 1px dotted #eee;
}
.searchbox .sear_result li .intro .b {
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 25px;
    padding-top: 10px;
}
.searchbox .sear_result li .intro .b span {
	float: left;
}
.searchbox .sear_result li .intro .b span:after {
	font-size: 14px;
	color: #999;
	content: '/';
	padding: 0 10px;
}
.searchbox .sear_result li .intro .b span:last-child {
	color: #006400;
}
.searchbox .sear_result li .intro .b span:last-child:after {
	content: '';
}

.searchbox .dib {
	-moz-inline-stack: inline-block;
	display: inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: middle;
	padding: 0 3px;
}
.searchbox .sear_filt label span {
	vertical-align: -2px;
}
.searchbox .submit {
	background-color: #c00;
	width: 125px;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	border: 1px solid #ddd;
	height: 44px!important;
	vertical-align: -1px;
}
.searchbox .sear_f .inp {
	height: 44px;
	line-height: 44px;
	padding: 0 0 0 5px;
}
.searchbox .search-flag {
	background: transparent;
}
.searchbox .dib {
	padding: 0;
}
.searchbox .sear_f .inp {
    width: 98%;
	color: #666;
	font-size: 16px;
	text-indent: 10px;
	line-height: 44px;
	border: none;
}


.wrap {
	width: 100%;
	background: #fff;
	border-top: 1px solid #f1f1f1;
	padding-bottom: 70px;
}
.w1280 {
	width: 1280px;
	position: relative;
	margin: 0 auto;
}
.w1280.fix {
	margin-top: 15px;
}
.jj *{line-height: 21px;}