*,
h1,
h2,
h3,
h4,
h5,
p {
	margin: 0;
	padding: 0;
}

*,
 :after,
 :before {
	box-sizing: border-box;
}

ul,
li {
	list-style: none;
}

li>a {
	color: #333333;
}

body,
html {
	color: #333333;
	font-family: helvetica, "microsoft yahei";
}

a,
a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
}

a:hover {
	color: #FF7711;
}

.vt {
	vertical-align: top;
}

.about {
	background: #f7f5f6;
}

.flex {
	display: flex;
}

.flex>* {
	flex: 1;
}

.yw_list {
	font-size: 0;
}

.yw_list li:hover {
	color: #FF7711;
}

.yw_list li.current {
	background: #FF7711;
	color: #FFFFFF;
	position: relative;
}

.yw_list li.current:hover {
	color: #FFFFFF;
}

.yw_list li {
	display: inline-block;
	cursor: pointer;
	line-height: 40px;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
}

.adv {
	color: #FFFFFF;
}

.module_p {
	font-size: 14px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	line-height: 24px;
	margin-top: -10px;
	padding: 0 20px;
	margin-bottom: 20px;
}

.custom_row {
	font-size: 0;
	text-align: center;
}

.copyrightLink {
	text-align: center;
	background: #2e3139;
	line-height: 20px;
	color: #e0e0e1;
	font-size: 12px;
	padding: 5px 0;
}

.copyrightLink a {
	color: #e0e0e1;
}

.copyrightLink a:hover {
	color: #FFFFFF;
}

.submit {
	margin-top: 30px;
}

.submit .row {
	position: relative;
	margin-top: 15px;
	padding-left: 65px;
}

.submit .submit_title {
	position: absolute;
	left: 0;
	line-height: 34px;
	font-size: 14px;
	width: 60px;
	text-align-last: justify;
	white-space: nowrap;
}

.submit .submit_title span {
	color: #ff7711;
	display: inline-block;
}

.submit_btn {
	font-size: 14px;
	text-align: center;
	background: #FF7711;
	line-height: 38px;
	display: inline-block;
	width: 100%;
	border-radius: 4px;
	color: #FFFFFF;
}

.submit_btn:hover {
	background: #f06802;
	color: #FFFFFF;
}

.sub_h3 {
	padding-left: 15px;
	color: #FF7711;
	font-size: 18px;
	border-left: 2px solid #FF7711;
	margin: 20px 0 10px 0;
}

.sub_p {
	font-size: 14px;
	line-height: 24px;
}

.sub_function {
	position: relative;
	padding: 20px 0;
}

header a.logo img {
	display: block;
	height: 32px;
}

.information_row {
	position: relative;
	margin-bottom: 10px;
	padding: 5px 0 0 35px;
}

.information_row .iconfont {
	width: 24px;
	height: 24px;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 3px;
	text-align: center;
	line-height: 24px;
	color: #373c43;
	background: #FFFFFF;
	font-size: 18px;
}

.information_row:nth-child(3) .iconfont {
	font-size: 16px;
}

.custom_qus {}

.custom_qus .custom_qus_h3 {
	font-size: 18px;
	color: #FF7711;
	margin: 20px 0 10px 0;
}

.custom_qus .custom_qus_h3 span {
	display: inline-block;
	width: 24px;
	height: 24px;
	color: #FFFFFF;
	border-radius: 50%;
	background: #FF7711;
	text-align: center;
	line-height: 24px;
	margin-right: 5px;
}

.custom_qus .custom_qus_p {
	font-size: 14px;
	line-height: 24px;
}

.exp_box {
	font-size: 0;
}

.exp_img,
.epx_40,
.exp_context {
	display: inline-block;
	vertical-align: middle;
}

.exp_img {
	background-position: center !important;
	background-size: cover !important;
}

.epx_40 {
	width: 40px;
	height: 100%;
}

.exp_context p {
	font-size: 14px;
	line-height: 32px;
	cursor: pointer;
}

.exp_context p:before {
	content: "• ";
}

.exp_context p.current {
	font-size: 18px;
	color: #FF7711;
}

.module_img img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.module_title {
	text-align: center;
	line-height: 60px;
	font-size: 36px;
	position: relative;
	margin: 0;
	margin-bottom: 40px;
}

.module_title:after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: #FF7711;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -20px;
	bottom: 0;
}

.spc_title:after {
	display: none;
}

.spc_title {
	color: #FF7711;
}

.dtalk>li {
	float: left;
	text-align: center;
}

.dtalk>li:last-child {
	margin-right: 0;
}

.dtalk>li img {
	display: inline-block;
	width: 80%;
}

.list_3>li img {
	border-radius: 50%;
	height: 200px;
	width: 200px;
}

.dtalk>li h4 {
	font-size: 16px;
	margin: 10px 0 0 0;
	line-height: 30px;
	font-weight: bold;
}

.dtalk>li p {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}

.contact_map {
	width: 100%;
	background: #E3E3E3;
	margin: 30px 0 0 0;
}

.contact_list {
	font-size: 0;
}

.contact_list li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border: 1px solid #ddd;
	padding: 10px;
	position: relative;
	padding-top: 40px;
}

.contact_list li h3 {
	font-size: 20px;
	line-height: 50px;
}

.contact_list li p {
	font-size: 14px;
	margin: 0;
}

.contact_list li .contact_icon {
	position: absolute;
	width: 120px;
	height: 80px;
	background: #FFFFFF;
	left: 50%;
	top: -40px;
	margin-left: -60px;
	padding: 0 20px;
}

.contact_list li .contact_icon .icon {
	width: 80px;
	height: 80px;
	border: 2px solid #ddd;
	border-radius: 50%;
	padding: 4px;
}

.contact_list li .contact_icon .icon .iconfont {
	text-align: center;
	line-height: 72px;
	font-size: 42px;
	color: #FFFFFF;
	border-radius: 50%;
	display: block;
	width: 100%;
	height: 100%;
}

.contact_list li.site h3 {
	color: #0066cc;
}

.contact_list li.phone h3 {
	color: #FF7711;
}

.contact_list li.wechat h3 {
	color: #609700;
}

.contact_list li.site .contact_icon .icon .iconfont {
	background: #0066cc;
}

.contact_list li.phone .contact_icon .icon .iconfont {
	background: #FF7711;
}

.contact_list li.wechat .contact_icon .icon .iconfont {
	background: #609700;
}

.mb30 {
	margin-bottom: 30px;
}

header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 500;
}

header.subpage_header {
	background: #FFFFFF;
}

.topnav {
	padding-top: 81px;
}

@media (min-width: 769px) {
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}
	.hidden-web {
		display: none;
	}
	header {
		height: 81px;
		border-bottom: 1px solid #ebeef3;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	header.home_header {
		border: 0;
	}
	header.home_header nav a {
		color: #ffffff;
		line-height: 100px;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	header.min {
		height: 60px;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	header.home_header.min{
		background: linear-gradient(to right, #0e1429 0%, #181d3c 100%);
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0e1429', endColorStr='#181d3c', gradientType='0');
	}
	header.subpage_header.min {
		background: #FFFFFF;
	}
	header.min nav a {
		line-height: 60px;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	header.home_header .logo svg {
		display: block;
		margin-top: 34px;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	header.min .logo {
		height: 60px;
	}
	header.min .logo svg {
		margin-top: 14px;
	}
	header .content {
		max-width: 1100px;
		margin: 0 auto;
	}
	header .logo {
		display: inline-block;
		height: 80px;
		vertical-align: top;
	}
	header .logo svg {
		display: block;
		margin-top: 24px;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	.home_header .content .logo{
		color:#fff;
	}
	.subpage_header .content .logo{
		color: #000;
	}
	header nav {
		float: right;
	}
	header nav a {
		line-height: 80px;
		margin: 0 0 0 25px;
		position: relative;
		display: inline-block;
		font-size: 14px;
		color: #333333;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	header nav a:hover,
	header nav a.current {
		color: #FF7711;
	}
	header nav a.current:after {
		position: absolute;
		height: 2px;
		width: 100%;
		background: #ff7711;
		bottom: -1px;
		left: 0;
		content: "";
	}
	.banner {
		width: 100%;
		height: 580px;
		background-size: cover !important;
		position: relative;
	}
	.subpage_banner,
	.subpage_banner .banner_flexslider .slides li {
		height: 400px;
	}
	.zp_banner,
	.zp_banner .banner_flexslider .slides li {
		height: 400px;
	}
	.zp_banner .flex-direction-nav {
		display: none;
	}
	.banner_container {
		color: #FFFFFF;
		max-width: 1100px;
		margin: 0 auto;
		position: relative;
	}
	.banner_content {
		position: absolute;
		top: 120px;
		padding: 20px;
	}
	.banner_content .banner_title {
		min-height: 50px;
		font-size: 40px;
	}
	.banner_content .banner_context {
		margin: 20px 0 50px;
		word-break: break-all;
		font-size: 20px;
	}
	.banner_content .banner_btn {
		background: #3296fa;
		display: inline-block;
		width: 150px;
		height: 54px;
		line-height: 54px;
		vertical-align: middle;
		text-align: center;
		border-radius: 5px;
		color: #FFFFFF;
	}
	.banner_btn span {
		padding-left: 3px;
	}
	.module {
		padding: 40px 0;
	}
	.module_container {
		/*width: 920px;*/
		/*width:80%;*/
		width:1000px;
		margin: 0 auto;
		position: relative;
	}
	.about_container {
		/*padding-left: 450px;*/
		padding-left: 530px;
		/*min-height: 272px;*/
		min-height: 300px;
	}
	.about_p {
		font-size: 14px;
		color: #333333;
		text-align: justify;
		line-height: 24px;
		padding: 5px 0;
	}
	.about_p span {
		color: #FF7711;
		font-weight: bold;
	}
	.normal_btn {
		border: 1px solid #dcdcdc;
		color: #333333;
		line-height: 37px;
		width: 100px;
		display: block;
		border-radius: 37px;
		height: 37px;
		background: #FFFFFF;
		text-align: center;
	}
	.center_btn {
		margin: 0 auto;
	}
	/*banner轮播*/
	.banner_flexslider {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		overflow: hidden;
		background: url(../images/loading.gif) 50% no-repeat;
	}
	.banner_flexslider .slides li {
		height: 580px;
		padding-top: 80px;
	}
	.aboutus_img{
		position: absolute;
		height: 270px;
		width: 430px;
		left: 0;
		top: 0;
		overflow: hidden;
		background-size: cover !important;
		background-position: center !important;
	}
	/*关于我们轮播*/
	.about_flexslider {
		position: absolute;
		/*height: 270px;*/
		/*width: 430px;*/
		height:300px;
		width:500px;
		left: 0;
		top: 0;
		overflow: hidden;
		background: url(../images/loading.gif) 50% no-repeat;
	}
	.about_flexslider .slides li,
	.about_flexslider .slides li a {
		/*height: 272px;*/
		height:300px;
	}
	.about_flexslider .flex-direction-nav {
		display: none;
	}
	.slides {
		position: relative;
		z-index: 1;
	}
	.slides li a {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.flex-direction-nav {
		position: absolute;
		z-index: 3;
		width: 100%;
		top: 45%;
	}
	.flex-direction-nav li a {
		display: block;
		width: 50px;
		height: 50px;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
	}
	.flex-direction-nav li a.flex-prev {
		left: 0;
		background: url(../images/prev.png) center center no-repeat;
	}
	.flex-direction-nav li a.flex-next {
		right: 0;
		background: url(../images/next.png) center center no-repeat;
	}
	.yw_flexslider {
		height: 650px;
		position: relative;
	}
	.yw_flexslider .slides li,
	.yw_flexslider .slides li a {
		height: 650px;
		padding: 20px 0;
		position: relative;
	}
	.yw_flexslider .flex-control-nav {
		display: none;
	}
	.yw_phone {
		width: 300px;
		height: 610px;
		background: url(../images/phoneimg.png);
		padding: 48px 15px 82px 15px;
		margin-left: 120px;
	}
	.phone_content {
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-size: cover !important;
		background-position: center !important;
	}
	.yw_describe {
		position: absolute;
		right: 100px;
		top: 50%;
		margin-top: -90px;
		width: 340px;
	}
	.yw_describe h3 {
		font-size: 24px;
		color: #333333;
	}
	.yw_describe h4 {
		font-size: 18px;
		color: #FF7711;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.yw_describe p {
		font-size: 14px;
		color: #333333;
	}
	.yw_list li {
		width: 131px;
	}
	.yw_list li.current:after {
		content: "";
		position: absolute;
		border-width: 10px;
		border-style: solid;
		border-color: #ff7711 transparent transparent transparent;
		left: 50%;
		bottom: -20px;
		margin-left: -10px;
	}
	.show_list {
		margin-bottom: 20px;
	}
	.show_list .show_li {
		padding: 20px;
		width: calc(25% - 15px);
		margin: 20px 20px 0 0;
		font-size: 18px;
		box-shadow: 0 3px 8px #DDDDDD;
		transition: 0.3s ease-in-out;
		cursor: pointer;
	}
	.show_list .show_li:hover {
		transform: scale(1.2);
		transition: 0.3s ease-in-out;
	}
	.show_list.joinus_list .show_li:hover h3,
	.show_list.joinus_list .show_li:hover p {
		padding-left: 20px;
		transition: 0.3s ease-in-out;
		border-left: 1px solid #FF7711;
		color: #333;
	}
	.show_list .show_li:nth-child(4n) {
		margin-right: 0;
	}
	.show_list .show_li .product_icon {
		width: 66px;
		height: 66px;
		margin-right: 10px;
		border-radius: 5px;
	}
	.adv_l {
		width: 250px;
	}
	.adv_r {
		width: 250px;
		text-align: right;
	}
	.adv_m {
		position: absolute;
		left: 250px;
		right: 250px;
		top: 0;
	}
	.adv_h3 {
		font-size: 26px;
		margin-top: 10px;
	}
	.adv_h3 span {
		color: #FF7711;
	}
	.adv_p {
		font-size: 18px;
		line-height: 30px;
	}
	.adv_p span {
		color: #FF7711;
	}
	.adv_list {
		text-align: center;
	}
	.adv_list li {
		display: inline-block;
		width: 80px;
		margin: 0 15px;
		font-size: 18px;
		line-height: 40px;
	}
	.adv_list li .adv_img {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		border: 1px solid #c7c6bf;
		background: #FFFFFF;
		overflow: hidden;
	}
	.adv_list li .adv_img img {
		width: 100%;
		height: 100%;
	}
	.show_list .case_li {
		width: calc(25% - 12px);
		margin-right: 16px;
		padding: 0;
	}
	.case_img {
		width: 100%;
		height: 133px;
		background-size: cover !important;
		background-position: center !important;
	}
	.case_h4 {
		font-size: 15px;
		margin: 5px 10px 0 10px;
		line-height: 24px;
		font-weight: bold;
	}
	.case_p {
		font-size: 14px;
		margin: 0 10px 5px 10px;
		line-height: 24px;
	}
	.custom_container {
		position: relative;
		width: 750px;
		padding-top: 30px;
		margin: 0 auto;
	}
	.custom_box .custom_row:nth-child(4) {
		margin-left: 105px;
	}
	.custom_box .custom_row:nth-child(5) {
		margin-left: 210px;
	}
	.custom_row_img {
		width: 150px;
		height: 150px;
		display: inline-block;
		overflow: hidden;
		cursor: pointer;
		background: url(../images/custombg.png);
	}
	.custom_img {
		width: 80px;
		height: 80px;
		background-size: cover !important;
		background-position: center !important;
		margin: 35px auto;
	}
	.mt_66 {
		margin-top: -66px;
	}
	footer {
		background: #373c43;
		padding: 30px 0 20px 0;
	}
	.friendLink {
		display: inline-block;
	}
	.friendLink .link {
		display: inline-block;
		width: 130px;
		text-align: center;
		line-height: 30px;
		font-size: 16px;
		color: #FFFFFF;
	}
	.friendLink .link a {
		display: block;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: normal;
	}
	.friendLink .link a:hover {
		text-decoration: underline;
	}
	.information {
		float: right;
		display: inline-block;
		width: 388px;
		color: #FFFFFF;
		font-size: 14px;
		line-height: 20px;
	}
	footer .code {
		width: 144px;
		height: 144px;
		position: absolute;
		left: 305px;
		top: 0;
	}
	.submit_box {
		width: 480px;
		margin: 0 auto;
	}
	.subpage_container {
		padding-left: 180px;
	}
	.cp_nav {
		position: absolute;
		left: 0;
		top: 0;
		max-height: 500px;
		overflow-y: auto;
		
	}
	.cp_nav::-webkit-scrollbar {
		width: 5px;
		background-color: #ddd;
	}
	
	.cp_nav::-webkit-scrollbar-thumb {
		background-color: #aaa;
	}
	
	.cp_nav::-webkit-scrollbar-track {
		background-color: #F5F5F5;
	}
	.cp_nav>a {
		display: block;
		line-height: 24px;
		text-align: left;
		color: #333333;
		padding: 0 30px 0 10px;
		margin-bottom: 30px;
		cursor: pointer;
		border-left: 1px dashed #FF7711;
		position: relative;
		font-size: 16px;
		max-width: 153px;
	}
	.cp_nav>a.current {
		color: #FF7711;
	}
	.cp_nav>a.current:after {
		content: "\e6f8";
		font-family: iconfont;
		position: absolute;
		right: 0;
		font-size: 18px;
		top: 50%;
		margin-top: -12px;
	}
	.page_container {
		padding: 40px 0;
	}
	.sub_function .yw_phone {
		margin-left: 0;
	}
	.sub_function .yw_describe {
		width: 400px;
		right: 0;
	}
	.sub_function2 .yw_phone {
		margin-left: 440px;
	}
	.sub_function2 .yw_describe {
		left: 0;
		right: initial;
	}
	.dtalk>li {
		width: calc(25% - 30px);
		margin-right: 40px;
	}
	.exp_img {
		width: 580px;
		height: 400px;
	}
	.exp_box {
		height: 400px;
	}
	.exp_context {
		width: 300px;
		position: relative;
		transform: translateY(-50%);
		top: 50%;
	}
	.contact_list li {
		width: calc(33.3333% - 46px);
		margin-right: 69px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		height: 146px;
	}
	.contact_list li:nth-child(3) {
		margin-right: 0;
	}
	.contact_map {
		height: 400px;
	}
	.contact_list {
		font-size: 0;
		padding-top: 60px;
	}
	.list_3 li {
		width: calc(33.3333% - 30px);
	}
	.tfshow_list .tfshow_li {
		width: calc(50% - 15px);
	}
	.tfshow_list .tfshow_li:nth-child(2n+1) {
		margin-right: 30px;
	}
	.new_l{
		width: 430px;
		height: 270px;
		position: absolute;
		left: 0;
		top: 0;
		background-size: cover !important;
		background-position: center !important;
	}
	.show_list.joinus_list li {
		height: 80px;
	}
	.custom_show {
		position: absolute;
		height: 270px;
		/*width: 430px;*/
		width: 500px;
		left: 0;
		top: 0;
	}
	.zp_tb tr:hover td{
	color: #FF7711;
	transition: 0.3s ease-in-out;
	background: rgba(0,0,0,0.4);
	}
	.zp_tb tr:hover td a{
		color: #FF7711;
		transition: 0.3s ease-in-out;
	}
	.custom_r{
		display: table;
		height: 272px;
	}
	.custom_r>div{
		display: table-cell;
		vertical-align: middle;
	}
	.area_list li{
		width: 25%;
	}
	.area_list li p{
		line-height: 24px;
	}
	/*产品中心swiper*/
	.swiper-container-vertical>.swiper-pagination-bullets{
    	left: 100px;
    	right: inherit;
    }
    .swiper-pagination-bullet{
    	width: auto;
    	border-radius: 0;
    	background: none;
    	text-align: left;
    	height: auto;
    	line-height: 20px;
    	opacity: 1;
    	border-left: 1px dashed #FF7711;
    	position: relative;
	    padding: 0 30px 0 10px;
	    font-size: 14px;
	    max-width: 150px;
    }
    .swiper-pagination-bullet-active:after{
	    content: "\e6f8";
	    font-family: iconfont;
	    position: absolute;
	    right: 0;
	    font-size: 18px;
	    top: 50%;
	    margin-top: -12px;
    }
    .swiper-pagination-bullet-active{
    	color: #FF7711;
    }
    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    	margin: 20px 0;
    }
}

.custom_list .custom_li {
	position: relative;
	padding-left: 240px;
	height: 135px;
	margin-top: 20px;
}

.custom_list .custom_li .img {
	background-size: cover !important;
	background-position: center !important;
	width: 220px;
	height: 135px;
	position: absolute;
	left: 0;
	top: 0;
}

.custom_list .custom_li .custom_h3 {
	font-size: 15px;
	margin: 0 0 10px 0;
	font-weight: bold;
	padding-top: 5px;
}

.custom_list .custom_li .custom_p {
	line-height: 20px;
	font-size: 14px;
}

.custom_type {
	position: absolute;
	bottom: 0;
	left: 240px;
	font-size: 12px;
	color: #666666;
	margin-bottom: 0;
	right: 0;
}

.custom_page {
	padding-left: 240px;
	position: relative;
	text-align: center;
	line-height: 30px;
}

.custom_page button {
	border: 0;
	background: none;
	margin: 0 10px;
	padding: 0 20px;
	border: 1px solid #FFFFFF;
	line-height: 28px;
	border-radius: 28px;
	outline: none;
}

.custom_page button:hover {
	color: #FF7711;
	border: 1px solid #FF7711;
}

.custom_page .total {
	position: absolute;
	right: 0;
	color: #999999;
}

.mKeBanner,
.mKeBanner div {
	text-align: center;
}

.imageflow img {
	-webkit-box-shadow: 2px 2px 2px 2px hsla(0, 0%, 0%, 0.1);
	box-shadow: 2px 2px 2px 2px hsla(0, 0%, 0%, 0.1);
}

.imageflow {
	overflow: hidden;
	position: relative;
	text-align: left;
	visibility: hidden;
	width: 100%;
	margin: 40px auto 0 auto
}

.imageflow img {
	border: none;
	position: absolute;
	top: 0px;
	visibility: hidden;
	-ms-interpolation-mode: bicubic
}

.imageflow p {
	margin: 0 auto;
	text-align: center
}

.imageflow .loading {
	border: 1px solid #ccc;
	height: 15px;
	left: 50%;
	margin-left: -106px;
	padding: 5px;
	position: relative;
	visibility: visible;
	width: 200px
}

.imageflow .loading_bar {
	background: #ccc;
	height: 15px;
	visibility: visible;
	width: 1%
}

.imageflow .caption {
	font-weight: bold;
	position: relative;
	text-align: center;
	z-index: 10000
}

.imageflow .scrollbar {
	border-bottom: 1px solid #b3b3b3;
	position: relative;
	visibility: hidden;
	z-index: 10001;
	height: 1px
}

.imageflow .slider {
	height: 14px;
	margin: -6px 0 0 -7px;
	position: absolute;
	width: 14px;
	z-index: 10002
}

.imageflow .images {
	overflow: hidden;
	white-space: nowrap
}

.imageflow .button {
	cursor: pointer;
	height: 17px;
	position: relative;
	width: 17px
}

.mb20 {
	margin-bottom: 20px;
}

.slide_news {
	width: 100%;
	height: 270px;
	background-size: cover !important;
	background-position: center !important;
}

.new_list li {
	padding: 10px 10px 10px 202px;
	position: relative;
	margin-bottom: 10px;
	background: #f2f3f5;
	height: 120px;
	
}
.index_new_list li{
	padding: 10px;
	height: 84px;
}
.new_list li .slide_news {
	position: absolute;
	left: 0;
	top: 0;
	width: 192px;
	height: 100%;
}

.news_h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	color: #333333;
}
.news_date{
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom: 5px;
	line-height: 18px;
	color: #c8c8c8;
	font-size: 12px;
	display: none;
}
.news_p{
	padding-right: 10px;
	text-align: justify;
	color: #767676;
	margin-top: 2px;
}
.index_new_list .news_date {
	padding-bottom: 5px;
	line-height: 18px;
	color: #c8c8c8;
	font-size: 30px;
	position: absolute;
	left: 18px;
	top: 10px;
	border-bottom: 0;
	display: none;
}
.index_new_list .news_date span{
	font-size: 14px;
	display: block;
	text-align: right;
	line-height: 35px;
}
.index_new_list .news_p {
    padding-right: 10px;
    color: #767676;
    margin-top: 2px;
}
.new_list li:hover .news_date,.new_list li:hover .news_h3{
	color: #FF7711;
}
.new_list li:hover .news_date span{
	color: #c8c8c8;
}
.slide_news_content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding: 8px 10px;
}

.slide_news_content .news_date {
	border-bottom: 0;
	color: #FFFFFF;
	position: absolute;
	right: 10px;
	top: 10px;
}

.slide_news_content .news_h3 {
	padding-right: 80px;
	color: #FFFFFF;
}

.slide_news_content .news_p {
	padding-top: 0;
	color: #FFFFFF;
}

.ell_1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ell_2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 38px;
}

.ell_3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height: 63px;
}

.ell_4 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	max-height: 96px;
}

.slides li {
	background-size: cover !important;
	background-position: center !important;
}

.submit .sub_error {
	color: #D9534F;
	margin: 0;
}

.news_detail {}

.news_detail .news_head {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.news_detail .news_des {
	font-size: 14px;
	color: #999999;
	text-align: center;
	display: block;
	line-height: 30px;
	margin-bottom: 20px;
	display: none;
}

.news_detail .news_des i {
	font-style: normal;
	margin: 0 10px;
}

.news_detail img {
	max-width: 100%;
}

.news_detail p {
	text-align: justify;
}

.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center;
	margin: 0;
}

.flex-control-nav li {
	display: inline-block;
	height: 12px;
	margin: 0 5px;
	*display: inline;
	zoom: 1;
}

.flex-control-nav a {
	display: inline-block;
	width: 12px;
	height: 8px;
	line-height: 40px;
	overflow: hidden;
	cursor: pointer;
	background: #FFFFFF;
	opacity: 0.3;
	border-radius: 8px;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}

.flex-control-nav .flex-active {
	width: 30px;
	opacity: 0.8;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}

.footer_fix {
	position: fixed;
	bottom: 30px;
	left: 0;
	right: 0;
}

.copyrightLink_fix {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.show_list.joinus_list li {
	padding: 10px 20px;
	border-radius: 50px;
}

.joinus_list li h3 {
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}

.joinus_list li p {
	line-height: 20px;
	font-size: 14px;
}

.news_more {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 40px;
	color: #666666;
}

.show_list .show_li {
	background: #FFFFFF;
	display: block;
	float: left;
	line-height: 66px;
	box-shadow: 0 3px 8px #DDDDDD;
	transition: 0.3s ease-in-out;
}

.show_list.joinus_list .show_li:hover {
	transform: scale(1.2);
	transition: 0.3s ease-in-out;
	box-shadow: 0 3px 8px #DDDDDD;
}

.adv_bg {
	background: linear-gradient(to right, #0e1429 0%, #181d3c 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0e1429', endColorStr='#181d3c', gradientType='0');
}

.tfshow_list {}

.tfshow_list .tfshow_li {
	position: relative;
	float: left;
	margin-top: 20px;
}

.tfshow_h3 {
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
	text-align: center;
}
.tf_flexslider {
	position: relative;
	width: 100%;
	height: 255px;
}

.tf_flexslider .about_flexslider {
	width: 100%;
	height: 100%;
}
footer .code img{
	width: 100%;
	height: 100%;
}
.module_h3{
	text-align: center;
	padding-bottom: 20px;
	font-size: 24px;
}
.imgwidth {
	width:100%;
}
.imgwidth img{
  max-width:100%;
  max-height:500px;
}
.zp_tb{
	width: 100%;
	table-layout: fixed;
}
.zp_tb th,.zp_tb td{
	line-height: 18px;
	font-size: 14px;
	padding: 15px 10px;
	text-align: center;
	color: #FFFFFF;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}
.zp_tb td a{
	color: #FFFFFF;
}
.zp_tb th{
	border-bottom: 2px solid #FF7711;
	font-size: 16px;
	font-weight: normal;
}
.zp_tb tr th:first-child,.zp_tb tr td:first-child{
	text-align: left;
}

.zp_pop{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom:0;
	background: rgba(0,0,0,0.5);
	
}
.transit{
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}
.shzp{
	background: url(../images/zpbg.jpg) center;
	background-size: cover; 
	position: relative;
	background-attachment: fixed;
}
.zp_more{
	text-align: right;
	padding: 0 20px;
}
.zp_more a{
	color: #FFFFFF;
}
.zp_more a:hover{
	color: #FF7711;
}
.news_flexslider li{
	position: relative;
}
.news_flexslider .flex-control-nav{
	text-align: right;
	padding-right: 5px;
}
.news_flexslider .flex-control-nav a{
	width: 8px;
}
.value_tb{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 20px 0;
}
.value_tb tr{
	border-bottom: 2px solid #e9e9e9;
}
.value_tb tr:first-child{
	background: #f2f2f2;
}
.value_tb tr:nth-child(2n){
	background: #fbfbfb;
}
.value_tb th,.value_tb td{
	line-height: 24px;
	padding: 10px 20px;
	vertical-align: top;
	border-right: 2px solid #e9e9e9;
	text-align: justify;
}
.value_tb tr th:last-child,.value_tb tr td:last-child{
	border-right: 0;
}
.value_tb th{
	font-size: 16px;
}
.value_tb td{
	font-size: 14px;
}
.area_list li{
	float: left;
	padding-top: 20px;
}
.area_list li p:first-child{
	color: #FF7711;
}


/*产品中心Swiper*/
.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #f2f2f2;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-size:100% auto !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
.full_box{
	text-align: center;
}
.full_box .full_des,.full_box img{
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
}
.full_box img{
	width: 30%;
}
.full_box .full_des{
	text-align: left;
	width: 40%;
}
.full_box .full_des h3{
	font-size: 26px;
	padding-bottom: 20px;
}
.full_box .full_des p{
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}


.logo {
	line-height: 100px;
}

.min .logo {
	line-height: 60px;
}
.logo .font-size {
	font-size: 30px;
}

/*404页面*/
.error {
	width: 100%;
	height: 100vh;
	text-align: center;
	background:url(../../../../images/bg/404.jpg);
	background-size:cover;
}
.error button{
	margin-top:65vh;
}
