@charset "utf-8";
/*base.css*/
* {
	margin: 0;
	padding: 0
}
body {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	min-width: 1200px;
	font-size: 12px;
	font-family: Arial, "微软雅黑";
}
a {
	color: #333;
	text-decoration: none
}
ol, ul {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 12px
}
b, strong {
	font-weight: 400
}
em, i {
	font-style: normal
}
img {
	display: block;
	border: 0;
	width: 100%;
}
input {
	border: none;
	background: 0 0
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix:after {
	clear: both;
	display: block;
	content: ''
}
.clearfix {
	zoom: 1
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
input, button, select, textarea {
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
}
@font-face {
	font-family: "jd";
	src: url('iconfont.eot?t=1533807063227'); /* IE9*/
	src: url('iconfont.eot?t=1533807063227#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),  url('iconfont.ttf?t=1533807063227') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/  url('iconfont.svg?t=1533807063227#jd') format('svg'); /* iOS 4.1- */
}
.jd {
	font-family: "jd" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-tengxun:before {
	content: "\e69c";
}
.icon-weibo:before {
	content: "\e626";
}
.icon-i-close:before {
	content: "\e603";
}
.icon-jiantou:before {
	content: "\e99d";
}
.icon-jiantoul:before {
	content: "\e600";
}
.icon-bofang:before {
	content: "\e6cc";
}
.icon-weixin:before {
	content: "\e607";
}
.icon-dianhua:before {
	content: "\e61b";
}
.icon-liebiao:before {
	content: "\e625";
}
/*header*/
#header {
	height: 80px;
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	z-index: 10;
}
#header .wrap {
	max-width: 1416px;
	margin: 0 auto;
}
#header .logo {
	height: 44px;
	width: auto;
	float: left;
	margin: 16px 36px 0 0;
}
#header .mainnav {
	float: left;
	line-height: 80px;
}
#header .mainnav .navitem {
	float: left;
	position:relative;
	overflow:hidden;
	background-color: transparent;
	transition: all 0.3s ease-out 0s
}
#header .mainnav .navitem:after {
	content:'';
	position:absolute;
	width:100%; height:100%;
	background: -moz-linear-gradient(#5bb54b, #264a9c);
	background: -webkit-linear-gradient(#5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(#5bb54b, #264a9c);
	background: linear-gradient(#5bb54b, #264a9c);
	top:-100%; z-index:0;left:0;
	transition: all 0.36s ease-out 0s;

}
#header .mainnav .navitem a {
	font-size: 13px;
	color: #333;
	display: block;
	padding: 0 26px;
	transition: all 0.36s ease-out 0s; position:relative; z-index:3;
}
#header .hotline {
	float: right;
	margin: 20px 0 0 0;
}
#header .hotline .hl-icon {
	margin: 6px 10px 0 0;
}
#header .hotline .hl-icon i {
	font-size: 30px;
	color: #274286;
}
#header .hotline .hl-info span {
	display: block;
}
#header .hotline .i-txt {
	color: rgba(39,66,134,0.7);
	font-size: 12px;
}
#header .hotline .i-tel {
	color: #264591;
	font-size: 22px;
	font-weight: bold;
}
#header .mainnav .navitem.active:after, #header .mainnav .navitem:hover:after {
	top:0%;
}
#header .mainnav .navitem.active a, #header .mainnav .navitem:hover a {
	color: #fff;
}
/*public*/
.bx-wrapper .bx-controls-direction a i {
	font-family: "jd" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.bx-wrapper .bx-prev i:before {
	content: "\e600";
}
.bx-wrapper .bx-next i:before {
	content: "\e99d";
}
.bread-crumbs {
	height: 49px;
	line-height: 50px;
	border-bottom: 1px solid #efefef
}
.bread-crumbs .wrap {
	max-width: 1416px;
	margin: 0 auto
}
.bread-crumbs a {
	font-size: 12px;
	color: #787878;
	float: left;
}
.bread-crumbs a.last {
	color: #25499d
}
.bread-crumbs i {
	color: #c9c9c9;
	float: left;
	margin: 1px 12px;
	height: 48px;
}
.container_category {
	text-align: center;
	margin-bottom: 74px;
}
.container_category a {
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	position: relative;
	transition: all 0.36s ease-out 0s;
}
.container_category a span {
	position: relative;
	z-index: 3
}
.container_category a.active, .container_category a:hover {
	color: #fff;
}
.container_category a.active {
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	color: #fff;
}
.container_category a:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: 0;
	content: "";
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	color: #fff;
	-webkit-transition: all 0.36s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.36s cubic-bezier(0.42, 0, 0.58, 1);
}
.container_category a:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
	color: #fff;
}
.pages {
	padding-bottom: 100px;
}
.pages .pagination {
	text-align: center
}
.pages .pagination li {
	display: inline-block;
}
.pages .pagination li a {
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;transition: all 0.36s cubic-bezier(0.42, 0, 0.58, 1);
}
.pages .pagination li a.active, .pages .pagination li a:hover {
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	color: #fff;
}
.pages .pagination .prev {
	margin-right: 14px;
}
.pages .pagination .next {
	margin-left: 14px;
}
/*topSlider*/
#topSlider .bx-wrapper .bx-controls-direction a, .honor .bx-wrapper .bx-controls-direction a, #postSlider .bx-wrapper .bx-controls-direction a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: transparent;
	transition: all 0.3s ease-out 0s;
	margin-top: -25px;
}
#topSlider .bx-wrapper .bx-controls-direction a i, .honor .bx-wrapper .bx-controls-direction a i, #postSlider .bx-wrapper .bx-controls-direction a i {
	margin-top: 4px;
	font-size: 22px;
	display: block;
}
#topSlider .bx-wrapper .bx-prev, #postSlider .bx-wrapper .bx-prev {
	left: 90px;
}
#topSlider .bx-wrapper .bx-next, #postSlider .bx-wrapper .bx-next {
	right: 90px;
}
#topSlider .bx-wrapper .bx-prev:hover, #topSlider .bx-wrapper .bx-next:hover, .honor .bx-wrapper .bx-prev:hover, .honor .bx-wrapper .bx-next:hover, #postSlider .bx-wrapper .bx-prev:hover, #postSlider .bx-wrapper .bx-next:hover {
	background: #45b345;
	color: #fff;
}
/*module*/
.module .container_header {
	text-align: center;
	padding: 48px 0 42px;
}
.module .container_header .title {
	font-size: 24px;
	color: #333;
}
.module .container_header .subtitle {
	font-size: 13px;
	color: #999;
	margin-top: 4px;
}
/*module about*/
.module.about .wrap {
	padding-bottom: 195px;
}
.module.about .container_content .description {
	max-width: 820px;
	font-size: 13px;
	color: #666;
	line-height: 26px;
	margin: 0 auto;
	text-align: center
}
/*about post*/
.about.post .postContent {
	max-width: 1226px;
	margin: 0 auto;
}
.about.post .postContent h3 {
	margin-bottom: 40px;
}
.about.post .postContent .postbody {
	font-size: 13px;
	color: #666;
	line-height: 26px;
}
.about.post .module.video {
	height: auto;
	margin: 60px 0;
}
.about.post .module.video .wrap {
	max-width: 100%;
	transform: translateY(0);
	padding-bottom: 0
}
.about.post .postContent .idea .content {
	font-size: 15px;
	color: #666;
	padding-bottom: 64px;
}
.npagePage .about.post .wrap {
	padding-bottom: 124px;
}
/*module video*/
.module.video {
	background: #f6f6f6;
	height: 200px;
}
.module.video .wrap {
	max-width: 970px;
	margin: 0 auto;
	transform: translateY(-128px);
}
.module.video .item-img {
	display: block;
	box-shadow: 0 0 49px rgba(0,0,0,0.11);
	position: relative;
}
.module.video .item-img .item-icon {
	width: 50px;
	height: 50px;
	line-height: 51px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	text-indent: 5px;
	margin-top: -25px;
}
.module.video .item-img .item-icon i {
	font-size: 20px;
	color: #264a9d;
}
.module.video .r-more {
	width: 234px;
	height: 68px;
	font-size: 13px;
	line-height: 68px;
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	color: #fff;
	display: block;
	margin: -28px auto 0;
	text-align: center;
	letter-spacing: 1px;
	position: relative;
	z-index: 2;
}
.module.video .r-more i {
	margin-right: 10px;
}
/*module project*/
.module.project {
	background: #f6f6f6;
}
.module.project .wrap {
	width: 78%;
	margin: 0 auto
}
.module.project .container_hc {
	display: none
}
.module.project .container_content {
	padding-bottom: 140px;
	position: relative;
}
.module.project .content-list .item-block {
	width: 25%;
	float: left;
}
.module.project .content-list .item-wrapper {
	text-align: center;
	padding: 22px 10px;
	position: relative;
	overflow: hidden;
}
.module.project .content-list .title {
	font-size: 15px;
	color: #333;
	transition: all 0.36s ease-out 0s;
	position: relative;
	z-index: 3
}
.module.project .content-list .subtitle {
	font-size: 14px;
	color: rgba(51,51,51,0.5);
	margin-top: 4px;
	transition: all 0.36s ease-out 0s;
	position: relative;
	z-index: 3
}
.module.project .content-list .item-wrapper .item-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	z-index: 0;
	opacity: 0;
	transition: all 0.36s ease-out 0s
}
.module.project .content-list .item-block:hover .title, .module.project .content-list .item-block:hover .subtitle {
	color: #fff;
}
.module.project .content-list .item-block:hover .item-mask {
	top: 0;
	opacity: 1
}
.module.project .bx-wrapper .bx-controls-direction a {
	bottom: -72px;
	top: auto;
	left: 50%;
	background-color: transparent
}
.module.project .bx-wrapper .bx-controls-direction a i {
	font-size: 22px;
	color: #292929;
}
.indexPage .module.project .bx-wrapper .bx-prev {
	margin-left: -115px;
	animation-delay: 0s;
    animation-name: fadeInLeft;
}
.indexPage .module.project .bx-wrapper .bx-next {
	margin-left: 75px;
	animation-delay: 0s;
    animation-name: fadeInRight;
}
.module.project .more {
	position: absolute;
	bottom: 71px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	text-align: center;
}
.module.project .more i {
	font-size: 32px;
}
/*list project*/
.npagePage .module .container_header {
	padding-bottom: 48px;
}
.npagePage .module.project .container_content {
	padding-bottom: 40px;
}
.npagePage .module.project .container_hc {
	display: block;
}
.npagePage .module.project .content-list .item-block {
	margin-bottom: 40px;
}
/*module news*/
.module.news .container_header {
	padding: 82px 0 38px;
}
.module.news .wrap {
	max-width: 1124px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.company-news, .industry-news {
	width: 46.6%;
	float: left;
}
.industry-news {
	float: right
}
.module.news .container_content .head {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.module.news .container_content .head .title {
	font-size: 13px;
	color: #333;
	float: left
}
.module.news .container_content .head .r-more {
	float: right;
	font-size: 13px;
	color: #999;
	letter-spacing: 1px;
}
.module.news .container_content .head .r-more i {
	margin-right: 10px
}
.module.news .container_content .head-line {
	position: absolute;
	bottom: -1px;
	width: 70px;
	height: 1px;
	background: #000
}
.module.news .container_content .content-list .date {
	font-size: 13px;
	color: #999;
	position: relative;
	z-index: 3
}
.module.news .container_content .content-list .title {
	font-size: 14px;
	color: #333;
	margin-top: 4px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 3
}
.module.news .container_content .content-list .item-block a {
	padding: 26px 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	position: relative;
	transition: all 0.36s ease-out 0s
}
.module.news .container_content .content-list .item-block .item-mask {
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 50%;
	opacity: 0;
	transition: all 0.46s ease-out 0s;
	z-index: 0
}
.module.news .container_content .content-list .item-block:hover .item-mask {
	width: 100%;
	opacity: 1
}
.module.news .container_content .content-list .item-block:hover a {
	padding-left: 40px;
}
.module.news .container_content .content-list .item-block:hover .date, .module.news .container_content .content-list .item-block:hover .title {
	color: #fff;
}
/*list news*/
.mlist.news .wrap {
	max-width: 1416px;
	padding-bottom: 0
}
.npagePage .mlist.news .container_content {
	padding-bottom: 34px;
}
.npagePage .mlist.news .content-list {
	margin-right: -48px;
}
.npagePage .mlist.news .content-list .item-block {
	width: calc(33.33% - 48px);
	float: left;
	margin-right: 48px;
	margin-bottom: 48px;
	background: #ececec
}
.npagePage .mlist.news .content-list .item-block a {
	padding: 25px 9%;
	border: 0
}
.npagePage .mlist.news .container_content .content-list .title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
	line-height: 26px;
	height: 52px;
	margin-top: 8px;
}
.npagePage .mlist.news .content-list .item-wrapper .item-more {
	margin-top: 24px;
	font-size: 13px;
	color: #999;
	letter-spacing: 1px;
	position: relative;
	z-index: 3
}
.npagePage .mlist.news .content-list .item-wrapper .item-more i {
	margin-right: 10px;
}
.npagePage .mlist.news .content-list .item-block:hover .item-wrapper .item-more {
	color: #fff;
}
.npagePage .module.news .container_content .content-list .item-block:hover a {
	padding-left: 9%;
}
/**/

.npagePost .news.post .postinfo{ border:0;}
.npagePost .news.post .postinfo .wrap{ max-width:1226px; text-align:center; padding:70px 0 72px;}
.npagePost .news.post .postinfo .subtitle{ margin-top:18px;}
.npagePost .news.post .postbody{ max-width:1226px; margin: 0 auto; font-size:13px;color:#666; line-height:26px;}
.npagePost .news.post .postbody .content{padding-bottom:100px;}
/*honor*/
.npagePage .module.honor .container_header {
	padding: 72px 0 50px;
}
.honor .container_content {
	max-width: 1226px;
	margin: 0 auto;
}
.honor .container_content .title, .about.post .postContent h3 {
	font-size: 15px;
	color: #333;
	padding: 18px 0;
	border-bottom: 1px solid #efefef;
	position: relative;
	margin-bottom: 60px;
}
.honor .container_content .title:after, .about.post .postContent h3:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 110px;
	background: #333
}
.honor .container_content .content {
	padding-bottom: 76px;
}
.honor .bx-wrapper .bx-controls-direction a {
	color: #aaa;
	margin-top: -25px;
}
.h-Ccie, .aptitude, .patent {
	padding-bottom: 72px;
}
.honor .bx-wrapper .bx-prev {
	left: -105px;
}
.honor .bx-wrapper .bx-next {
	right: -105px;
}
/*mcontact*/
.mcontact {
	background-color: #2b2b2b
}
.mcontact .wrap {
	max-width: 1124px;
	margin: 0 auto;
	padding: 115px 0 100px;
}
#contactinfo, #contactform {
	width: 46.6%;
	float: left;
}
#contactinfo h3 {
	color: #999;
	font-size: 20px;
	margin-bottom: 52px;
}
#contactinfo p {
	font-size: 13px;
	color: #c5c5c5;
	line-height: 28px;
}
.share-box {
	margin-top: 40px;
}
.share-box a {
	margin-right: 20px;
	height: 26px;
	line-height: 26px;
}
.share-box a i {
	color: #727272;
	font-size: 22px;
}
.share-box a.weibo i {
	font-size: 26px;
}
.share-box a.wx i {
	font-size: 26px;
}
.share-box a.wx img{display:none;}
#contactform {
	margin-top: -14px;
	float: right;
}
#contactform .form-name, #contactform .form-tel {
	width: 42.4%;
	float: left
}
#contactform .form-tel {
	float: right;
}
#contactform .inputtxt {
	line-height: 50px;
	border-bottom: 1px solid #555;
	width: 100%;
	background-color: transparent;color: #c5c5c5;
}
textarea {
	font-family: "微软雅黑", Arial;
	outline: 0;
	font-size: 14px;
	-webkit-appearance: none;
	border: none;
	background: 0 0;
}
.inputsub {
	width: 166px;
	color: #fff;
	height: 58px;
	text-align: center;
	line-height: 58px;
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	margin-top: 42px;
}
#footer {
	height: 40px;
	background: #fff;
	line-height: 40px;
	border-top:1px solid #eaeaea;
}
#footer .wrap {
	max-width: 1124px;
	margin: 0 auto;
	color: #575757;
	font-size: 13px;
}
.npagePage #sitecontent {
	padding-top: 80px;
}
.npagePage.npagePost .bread-crumbs {
	border-top: 1px solid #efefef;
}
.npagePost #postContent {
}
.npagePost .postinfo {
	border-bottom: 1px solid #eaeaea
}
.npagePost .postinfo .wrap {
	max-width: 1412px;
	margin: 0 auto;
	padding: 40px 0 30px;
}
.npagePost .postinfo .title {
	font-size: 18px;
	color: #333;
}
.npagePost .postinfo .subtitle {
	color: #b2b2b2;
}
.npagePost .project .post-tab .tab-content {
	padding: 42px 0 75px;
}
.npagePost .project .post-tab .tab-btn a {
	float: left;
	position: relative;
	width: 100%;
	height: 78px;
	line-height: 78px;
	text-align: center;
	font-size: 15px;
	color: #333;
	background: #ececec;
}
.npagePost .project .post-tab .tab-btn a.active {
	background: -moz-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-linear-gradient(90deg, #5bb54b, #264a9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb54b), to(#264a9c));
	background: -o-linear-gradient(90deg, #5bb54b, #264a9c);
	background: linear-gradient(90deg, #5bb54b, #264a9c);
	color: #fff;
}
.npagePost .project .postbody {
	max-width: 1200px;
	margin: 0 auto;
	padding: 55px 0 72px;
}
.npagePost .project .postbody .tab-item {
	display: none;
}
.npagePost .project .postbody .tab-item .item-list {
	margin-right: -38px;
}
.npagePost .project .postbody .tab-item .item-list .item {
	width: calc(20% - 38px);
	margin-right: 38px;
	margin-bottom: 38px;
	float: left;
}
.npagePost .post .postbody .pageswitch {
	padding: 38px 0;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea
}
.npagePost .post .postbody .pageswitch span {
	font-size: 13px;
	color: #999;
}
.npagePost .post .postbody .pageswitch span.title {
	font-size: 15px;
	color: #333;
	margin: 0 25px;
}
.npagePost .project .postbody .tab-item.active {
	display: block;
}
.bigImg {
	position: fixed;
	top: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 12;
	opacity: 0;
	transition: all 0.36s ease-out 0s;
	z-index: 12
}
.bigImg.img-conter {
	top: 50%;
	opacity: 1
}
.bigImg img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	display: none;
	transition: all 0.36s ease-out 0s;
}
.mask.open {
	display: block;
	z-index: 10
}
.mask .close-btn {
	width: 40px;
	height: 40px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	right: 20px;
	background: #333;
	text-align: center;
	line-height: 41px;
	transition: all 0.36s ease-out 0s;
}
.mask .close-btn:hover, .video-close:hover {
	transform: rotate(180deg)
}

/*contac*/.npagePage .module.contact .container_header{ padding-bottom:96px;}
.contact .consultation{max-width:1200px; margin:0 auto 150px; background:#ececec;}
.contact .consultation .wrap{max-width:912px;margin:0 auto;padding:100px 0 78px;}
.contact .consultation .inputtxt{width:224px; padding: 18px 0; border-bottom:1px solid #c2c2c2}
.contact .consultation .form-add .inputtxt{width:372px;}
.contact .consultation .head{ margin-bottom:74px;}
.contact .consultation .head .title{ font-size:22px;color:#333; text-align:center}
.contact .consultation .head .subtitle{font-size:13px;color:#999; margin-top:6px;text-align:center}
.contact .consultation .form-name,
.contact .consultation .form-tel{float:left; margin-right:40px;}
.contact .consultation .form-add{float:right}
.contact .consultation textarea.inputtxt{width:100%; height:61px; margin-top:40px; line-height:22px;padding:10px 0 18px;}
.contact .consultation .inputsub{width:200px; height:64px; line-height:64px; font-size:15px; color:#fff; margin:40px auto 0;display: block;}
.module.map {max-width: 1200px; margin: 0 auto 74px; position:relative;}
.module.map .map-info{ position:absolute;width:41%; height:100%; top:0;right:0; background:rgba(255,255,255,0.6);}
.module.map .map-info .name{ font-size:20px;color:#333;padding:60px 62px 40px;}
.module.map .map-info p span{color:#999;}
.module.map .map-info p{ font-size:13px;color:#666; line-height:24px;padding:0 62px;}
.module.map .map-info .qr-code{width:116px;height:116px;  margin-top:35px;}
.video-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 99999999999;
}
.video-box button {
	display: inline-block;
	padding: 0;
	border: 0 none;
	background: none;
	text-align: center;
	outline: none;
	cursor: pointer;
}
.video-box .video-button {
	display: inline-block;
	width: 36px;
	height: 36px;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.video-box .video-button i {
	font-size: 56px;
}
.video-box .video-button.video-btn-volume i {
	font-size: 20px;
}
.video-box .video-button.video-tooltip-toggle i {
	font-size: 20px;
}
.video-box .video-video {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.video-box .video-video video {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
.video-box .video-container {
	width: 852px;
	min-height: 550px;
	max-height: 90vh;
	background: #000000;
	overflow: hidden;
	opacity: 0;
}
.video-box .video-container.video-ready {
	opacity: 1;
}
.video-box.quanping .video-container {
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: relative;
	left: 0;
	top: 0;
	transform: none;
}
.video-box.video-playing .video-div.video-hide-ui .video-ui {
	-webkit-transform: translateY(39px);
	-ms-transform: translateY(39px);
	transform: translateY(39px);
}
.video-box.heibian .video-container {
	padding: 40px 0;
}
.video-box.heibian .video-div.video-hide-ui .video-ui {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.video-box.heibian.quanping .video-container {
	padding: 0;
}
.video-box.hideui .video-div .video-ui {
	-webkit-transform: translateY(39px);
	-ms-transform: translateY(39px);
	transform: translateY(39px);
}
.video-box .i {
	font-family: none;
	height: 100%;
	width: 100%;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
}
.video-box .i:before, .video-box i:after {
	display: none !important;
}
.video-box .i-voice-on {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-voice-off {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-bofang {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-zhanting {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-quanping {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-suoxiao {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .9;
}
.video-div {
	background: #000;
	font-size: 0;
	letter-spacing: -1px;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.video-ui {
	position: absolute;
	width: 100%;
	height: 41px;
	background-color: rgba(0, 0, 0, 0.8);
	left: 0;
	bottom: 0;
	z-index: 6;
	letter-spacing: .25px;
	-webkit-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.video-loading-pulse {
	position: absolute;
	width: 6px;
	height: 24px;
	top: 50%;
	left: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-animation: pulse 750ms infinite;
	animation: pulse 750ms infinite;
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
}
.video-loading-pulse:before, .video-loading-pulse:after {
	content: '';
	position: absolute;
	display: block;
	height: 16px;
	width: 6px;
	background: rgba(255, 255, 255, 0.2);
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: pulse 750ms infinite;
	animation: pulse 750ms infinite;
}
.video-loading-pulse:before {
	left: -12px;
}
.video-loading-pulse:after {
	left: 12px;
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}
@keyframes pulse {
 50% {
 background: white;
}
}
.video-loading {
	opacity: 1;
	color: #2c97f6;
	font-size: 0;
	overflow: hidden;
	box-shadow: 0px 0px 0px 3600px #000;
	background: #000;
	width: 30px;
	height: 30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.video-loading i {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: block;
	border: 0.25rem solid rgba(255, 255, 255, 0.2);
	border-top-color: white;
	-webkit-animation: adeg 1s infinite linear;
	-o-animation: adeg 1s infinite linear;
	-ms-animation: adeg 1s infinite linear;
	-moz-animation: adeg 1s infinite linear;
	animation: adeg 1s infinite linear;
}
.video-loading .i-loading:before {
	display: none;
	opacity: 0;
	visibility: hidden;
}
.video-loading.yihuanchun {
	opacity: 0;
}
@keyframes adeg {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.video-close {
	width: 40px;
	height: 40px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	right: 20px;
	background: #333;
	text-align: center;
	line-height: 41px;
	transition: all 0.36s ease-out 0s;
}
.video-bofang.f-czspjuzhong {
	z-index: 2;
	font-size: 0;
}
.video-bofang.f-czspjuzhong i {
	display: block;
	border-radius: 50%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	width: 60px;
	height: 60px;
	cursor: pointer;
	line-height: 62px;
	font-size: 66px;
	-webkit-transition: transform 1s;
	-o-transition: transform 1s;
	-ms-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
}
.video-hide {
	z-index: 0 !important;
}
.video-hide i {
	opacity: 0;
	-webkit-transform: scale(3);
	-o-transform: scale(3);
	-ms-transform: scale(3);
	-moz-transform: scale(3);
	transform: scale(3);
	will-change: transform, opacity;
	z-index: 0;
}
.video-progress {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 36px;
	height: 5px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 2;
}
.video-progress:hover .video-progress-hover, .video-progress:hover .video-tooltip-time {
	opacity: 1;
}
.video-tooltip-time {
	width: 46px;
	position: absolute;
	height: 20px;
	z-index: 5;
	left: 0;
	right: 0;
	bottom: 8px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.video-tooltip-time .video-tinytip-content {
	margin-left: -23px;
}
.video-tooltip-time .video-text {
	background: rgba(0, 0, 0, 0.5);
	padding: 2px;
	border-radius: 2px;
}
.video-tinytip .video-tooltip-content {
	display: inline-block;
	padding: 0 4px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	line-height: 20px;
	text-align: center;
}
.video-progress-padding {
	position: absolute;
	width: 100%;
	height: 16px;
	bottom: 0;
	z-index: 40;
	cursor: pointer;
}
.video-progress-list {
	position: relative;
	top: -1px;
	z-index: 39;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transform: scaleY(0.6);
	-ms-transform: scaleY(0.6);
	transform: scaleY(0.6);
	transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
	transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
	transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-play, .video-progress-buffer, .video-progress-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}
.video-progress-buffer {
	z-index: 33;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.video-progress-hover {
	z-index: 34;
	background-color: rgba(255, 255, 255, 0.5);
	opacity: 0;
	-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
	-ms-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
	-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
	transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.video-progress-play {
	z-index: 35;
	background-color: #2c97f6;
}
.video-progress-handle {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 50%;
	right: -6.5px;
	margin-top: -6.5px;
	border-radius: 50%;
	background-color: #2c97f6;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
	transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
	transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-padding:hover + .video-progress-list {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}
.video-progress-padding:hover + .video-progress-list .video-progress-handle {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.video-controls-buttons {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 36px;
	width: calc(100% - 20px);
	padding: 0 10px;
	z-index: 3;
}
.video-time-panel {
	font-size: 12px;
	color: #777;
	display: inline-block;
	vertical-align: top;
	height: 36px;
	padding: 0 5px;
	line-height: 36px;
	letter-spacing: .25px;
}
.video-time-panel-current {
	color: #DEDEDF;
}
.video-fullscreen {
	float: right;
}
.video-definition {
	float: right;
	width: 55px;
	height: 36px;
	position: relative;
}
.video-definition .video-button {
	width: 100%;
}
.video-definition .video-button span {
	background: #fff;
	color: #333;
	font-size: 14px;
	padding: 2px 5px;
}
.video-definition .video-tooltip-content {
	width: 80px;
	left: 50%;
	margin-left: -40px;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}
.video-definition:hover .video-tooltip-content {
	position: absolute;
	bottom: 35px;
	color: #aaa;
	display: block;
	z-index: 6;
}
.video-menu .video-menu-item {
	display: block;
	width: 100%;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	padding: 0 12px;
	cursor: pointer;
	position: relative;
	height: 38px;
	background: -webkit-linear-gradient(top, transparent 0, transparent 50%, rgba(255, 255, 255, 0.1) 50%) center bottom no-repeat;
	background-size: 80% 1px;
}
.video-menu .video-menu-item:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
}
.video-menu .video-menu-item.video-active {
	color: #FF8F00;
}
.video-volume {
	float: right;
	position: relative;
}
.video-popup .video-popup-content {
	transform: scaleY(0);
	bottom: 41px;
	position: absolute;
}
.video-popup .video-popup-content:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.5);
}
.video-popup:hover .video-popup-content {
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-moz-transform: scaleY(1);
	transform: scaleY(1);
}
.video-volume-slider {
	left: 0;
	width: 36px;
	height: 100px;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.8);
}
.video-tinytip-tiao {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-volume-range {
	position: absolute;
	left: 16px;
	top: 10px;
	width: 4px;
	height: 80px;
	background-color: rgba(0, 0, 0, 0.2);
}
.video-volume-range-current {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background-color: #2c97f6;
}
.video-volume-handle {
	position: absolute;
	top: 0;
	left: -4px;
	width: 12px;
	height: 3px;
	background-color: #fff;
}

@media (max-width: 998px) {
.video-box .video-container {
	width: 80vw;
	max-height: 80vh;
	min-height: 44.9vw;
}
}

@media (max-width: 468px) {
.video-box .video-container {
	width: 100vw;
	min-height: 54.9vw;
}
.video-loading i {
	font-size: 26px;
}
.video-definition {
	display: none;
}
}
.f-czspjuzhong {
	position: absolute;
	top: 50%;
	left: 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%);
}