﻿@media (max-width: 767px) {
	.logo {
		line-height:normal;
	}
	.min .logo {
		line-height: normal;
	}
	.logo .font-size{
		font-size:24px;
	}
	.topnav {
		padding-top: 50px;
	}
	.pb0{
		padding-bottom: 0 !important;
	}
	.ell_1 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	header {
		height: 50px;
		transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
	}
	header.min{
		background: linear-gradient(to right, #0e1429 0%,#181d3c 100%);
		transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
	}
	header a.logo {
		height: 50px;
		display: block;
		position: relative;
		z-index: 10;
		padding: 9px;
	}
	header .nav_menu {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 40px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #333333;
		z-index: 10;
	}
	header.home_header .nav_menu{
		color: #FFFFFF;
	}
	header.subpage_header{
		border-bottom: 1px solid #ebeef3;
	}
	nav {
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		background: #FFFFFF;
		z-index: 9;
		padding: 10px 0;
		transform: translateY(-430px);
		-webkit-transform: translateY(-430px);
		transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
	}
	nav.show {
		transform: translateY(0);
		transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
		box-shadow: 0px 6px 10px #aaa;
	}
	nav a {
		display: block;
		text-align: center;
		line-height: 50px;
		color: #333333;
		font-size: 18px;
	}
	nav a:active{
		color: #FF7711;
	}
	.banner {
		width: 100%;
		height: 60vw;
	}
	.banner_container {
		color: #FFFFFF;
		position: relative;
		height: 100%;
	}
	.banner_content {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 0;
		right: 0;
		padding: 20px;
	}
	.banner_content .banner_title {
		min-height: 50px;
		font-size: 30px;
		text-align: center;
	}
	.banner_content .banner_context {
		word-break: break-all;
		font-size: 18px;
		text-align: center;
	}
	.module {
		width: 100%;
		overflow: hidden;
	}
	.module_title {
		text-align: center;
		line-height: 50px;
		font-size: 24px;
		position: relative;
		margin: 0;
		margin-bottom: 20px;
		padding:  20px 20px 0 20px;
	}
	.module_title:after {
		content: "";
		display: block;
		width: 40px;
		height: 2px;
		background: #FF7711;
		position: absolute;
		left: 50%;
		margin: 0 0 0 -20px;
		bottom: 0;
	}
	.module_container {
		width: 100%;
		position: relative;
		padding: 0 10px 20px 10px;
	}
	/*关于我们轮播*/
	.about_flexslider,.banner_flexslider {
		position: relative;
		height: 60vw;
		width: 100%;
		overflow: hidden;
		background: url(../images/loading.gif) 50% no-repeat;
		margin-bottom: 20px;
	}
	.about_flexslider{
		margin-bottom: 10px;
	}
	.about_flexslider .slides li,.banner_flexslider .slides li,
	.about_flexslider .slides li a {
		height: 60vw;
	}
	.subpage_banner,.subpage_banner .about_flexslider,.subpage_banner .banner_flexslider,.subpage_banner .about_flexslider .slides li,.subpage_banner .banner_flexslider .slides li,
	.subpage_banner .about_flexslider .slides li a {
		height: 40vw;
	}
	.about_flexslider .flex-direction-nav,.banner_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;
	}
	.about_p {
		font-size: 14px;
		color: #333333;
		text-align: justify;
		line-height: 24px;
		padding: 0 10px;
	}
	.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;
		margin: 0 auto;
	}
	.yw_flexslider {
		height: 80vw;
		position: relative;
	}
	.yw_flexslider .slides li,
	.yw_flexslider .slides li a {
		height: 80vw;
		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;
		transform: scale(0.5);
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -305px;
		margin-left: -8%;
	}
	.phone_content {
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-size: cover !important;
		background-position: center !important;
	}
	.yw_describe {
		position: absolute;
		right: 20px;
		top: 50%;
		width: 40%;
		transform: translateY(-50%);
	}
	.yw_describe h3 {
		font-size: 18px;
		color: #333333;
	}
	.yw_describe h4 {
		font-size: 14px;
		color: #FF7711;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.yw_describe p {
		font-size: 14px;
		color: #333333;
	}
	.yw_list {
		text-align: center;
		padding: 0 10px;
	}
	.yw_list li {
		width: 25%;
		position: relative;
	}
	.yw_yd li {
		margin: 0 20px;
		width: 30%;
	}
	.yw_list li:after {
		content: "";
		display: block;
		width: 1px;
		height: 16px;
		position: absolute;
		left: 0;
		top: 12px;
		background: #DDDDDD;
	}
	.yw_list li:nth-child(5):after,
	.yw_list li:first-child:after,
	.yw_list li.current:after,
	.yw_list li.current+li:after {
		display: none;
	}
	.show_list {
		margin-bottom: 20px;
		padding: 0 10px;
	}
	.show_list .show_li {
		padding: 10px;
		width: calc(50% - 5px);
		margin: 10px 10px 0 0;
		font-size: 16px;
		border-radius: 5px;
		overflow: hidden;
	}
	.show_list .show_li:nth-child(2n) {
		margin-right: 0;
	}
	.show_list .show_li .product_icon {
		width: 66px;
		height: 66px;
		margin-right: 10px;
		border-radius: 5px;
	}
	.adv {
		padding: 0 10px;
	}
	.adv_l,
	.adv_r {
		text-align: center;
	}
	.adv_m {
		position: relative;
		left: 0;
		right: 0;
	}
	.adv_h3 {
		font-size: 24px;
		margin-top: 10px;
	}
	.adv_h3 span {
		color: #FF7711;
	}
	.adv_p {
		font-size: 14px;
		line-height: 24px;
	}
	.adv_p span {
		color: #FF7711;
	}
	.adv_list {
		text-align: center;
		margin: 20px 0;
	}
	.adv_list li {
		display: inline-block;
		width: 80px;
		margin: 0 15px;
		font-size: 16px;
		line-height: 30px;
	}
	.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(50% - 5px);
		margin-right: 10px;
		padding: 0;
	}
	.case_img {
		width: 100%;
		height: 133px;
		background-size: cover !important;
		background-position: center !important;
	}
	.case_h4 {
		font-size: 14px;
		margin: 5px 5px 0 5px;
		line-height: 20px;
		font-weight: bold;
	}
	.case_p {
		font-size: 14px;
		margin: 0 5px 5px 5px;
		line-height: 20px;
	}
	.custom_container {
		position: relative;
		margin: 0 auto;
		padding-top: 20px;
	}
	.custom_box .custom_row:nth-child(4) {
		margin-left: 45px;
	}
	.custom_box .custom_row:nth-child(5) {
		margin-left: 90px;
	}
	.custom_row_img {
		background: url(../images/custombg.png) center;
		background-size: cover;
		width: 18vw;
		height: 18vw;
		display: inline-block;
		overflow: hidden;
	}
	.custom_img {
		width: 10vw;
		height: 10vw;
		background-size: cover !important;
		background-position: center !important;
		margin: 4vw auto;
	}
	.mt_66{
		margin-top: -7vw;
	}
	footer {
		background: #373c43;
		padding: 20px 0 10px 0;
	}
	.friendLink {
		padding: 0 20px;
	}
	.friendLink .link {
		display: inline-block;
		width: 100%;
		line-height: 30px;
		font-size: 16px;
		color: #FFFFFF;
		border-bottom: 1px solid #4b5056;
	}
	.friendLink .link:last-child {
		border-bottom: 0;
	}
	.friendLink .link span {
		display: block;
		line-height: 30px;
		position: relative;
		margin: 5px 0;
	}
	.friendLink .link span:after {
		content: "\e720";
		font-family: iconfont;
		position: absolute;
		right: 0;
		transform: rotate(-90deg);
	}
	.friendLink .link span.trans:after {
		transform: rotate(90deg);
	}
	.friendLink .link a {
		font-size: 14px;
		color: #FFFFFF;
		font-weight: normal;
		display: none;
		width: 25%;
		display: none;
		float: left;
	}
	.friendLink .link a:hover {
		text-decoration: underline;
	}
	.information {
		display: block;
		color: #FFFFFF;
		font-size: 14px;
		line-height: 20px;
		padding: 0 20px;
	}
	footer .code {
		width: 144px;
		height: 144px;
		position: initial;
		margin: 20px auto;
	}
	.submit_box {
		padding: 0 15px 0 30px;
		margin-bottom: 30px;
	}
	.subpage_container {
		padding: 0;
		width: 100%;
		overflow: hidden;
	}
	.sub_class {
		padding: 0 10px;
	}
	.sub_function {
		height: 350px;
	}
	.sub_function .yw_phone {
		margin-left: -15%;
	}
	.sub_function .yw_describe {
		right: 0;
		width: 100%;
		padding-left: 50%;
	}
	.sub_function2 .yw_phone {
		margin-left: 35%;
	}
	.sub_function2 .yw_describe {
		left: 10px;
		right: initial;
		padding-right: 50%;
		padding-left: 0;
	}
	.cp_box {
		height: 50px;
		overflow-y: hidden;
	}
	.cp_nav {
		width: 100%;
		height: 70px;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		font-size: 0;
		text-align: center;
	}
	.cp_nav a {
		display: inline-block;
		line-height: 49px;
		color: #333333;
		padding: 0 20px;
		position: relative;
		border-bottom: 1px solid #DDDDDD;
		font-size: 16px;
	}
	.cp_nav a:before {
		width: 1px;
		height: 12px;
		position: absolute;
		right: 0;
		bottom: 14px;
		content: "";
		background: #EEEEEE;
	}
	.cp_nav a:last-child:before {
		display: none;
	}
	.cp_nav a.current {
		color: #FF7711;
		border-bottom: 2px solid #FF7711;
		line-height: 48px;
	}
	.cp_title {
		text-align: center;
		margin: 20px 0;
	}
	.custom_qus_h3,.custom_qus_p{
		padding: 0 10px;
	}
	.spc_title:after{
	display: none;
}
.spc_title{
	line-height: 30px;
}
.dtalk{
	padding: 0 20px;
}
.dtalk>li{
		width: calc(50% - 10px);
		margin: 20px 20px 0 0;
	}
	.dtalk>li:nth-child(2n){
		margin-right: 0;
	}
	.exp_img{
		width: 100%;
		height: 80vw;
	}
	.exp_context{
		padding: 20px 20px 0 20px;
	}
	.contact_list li{
		display: block;
		width: 68%;
		margin: 0 auto;
		margin-top: 80px;
	}
	.contact_map{
		height: 70vw;
	}
	.custom_list{
		padding: 0 20px;
	}
	.custom_list .custom_li{
		height: 96px;
		padding-left: 160px;
	}
	.custom_list .custom_li .img{
		width: 150px;
		height: 96px;
	}
	.ell2_phone{
		 -webkit-line-clamp: 2;
	}
	.custom_type{
		left: 160px;
	}
	.custom_list .custom_li .custom_p{
		line-height: 20px;
	}
	.custom_page{
		padding-left: 0;
		margin-bottom: 20px;
	}
	.custom_page .total{
		right: 20px;
	}
	.list_3 li{
		width: 100%;
	}
	.new_list li .slide_news{
		width: 162px;
	}
	.new_list li{
		padding-left: 172px;
	}
	.index_new_list li{
		padding-left: 120px;
	}
	.page_container {
		padding: 20px 0;
	}
	.news_detail{
		padding: 0 0;
	}
	.tfshow_list .tfshow_li{
	width: 100%;
}
.tf_flexslider{
	height: 60vw;
}
.tfshow_h3,.tfshow_p,.tfshow_date{
	padding: 0 10px;
}
.tfshow_h3{
	padding-top: 10px;
}
.tfshow_list .tfshow_li{
	height: auto;
}
.new_l{
	width: 100%;
	height: 60vw;	
	position: relative;
	margin-bottom: 10px;
	background-size: cover !important;
	background-position: center !important;
}
.ell_4_phone{
	-webkit-line-clamp: 4;
	max-height: initial;
}
.custom_show{
	width: 100%;
	height: 60vw;
	margin-bottom: 20px;
}
.show_list.joinus_list li{
  min-height: 80px;
}
.zp_more{
	text-align: center;
}
.aboutus_img{
	width: 100%;
	height: 80vw;
	background-position: center !important;
	background-size: cover !important;
	margin-bottom: 20px;
}
.module_h3{
	font-size: 18px;
}
.value_tb th, .value_tb td{
	padding: 10px 5px;
}
.area_list li{
	width: 50%;
}
.area_list li p{
	font-size: 13px;
	line-height: 22px;
}
/*产品中心全屏切换*/
.swiper-pagination-bullet-active{
	background: #FF7711;
}
.full_box .full_des h3{
	text-align: center;
}
.full_box .full_des, .full_box img{
	width: 100%;
	padding: 10px 20px;
}
.full_box img{
	width: 80%;
}
.full_box .full_des p{
	font-size: 12px;
}
.error {
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../../../../images/bg/404_phone.jpg);
	background-size: cover;
}
}
