@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=767 手机*/
@media(max-width: 767px){
	body,html{
		/* overflow-x: hidden; */
	}
	.header1 {
	    height: 58px;
	    line-height: 58px;
	    padding: 0 2%;
		position: fixed;
		left: 0;
		top: 0;
	}
	.hlogo{
		float: none;
		margin: auto;
		width: 120px;
	}
	.hlogo img{
		width: 100%;
		margin: auto;
	}
	.header{
		position: fixed;
		left: 0;
		top: 0;
		background: #111;
		display: none;
		width: 100%;
		height: 100%;
	}
	.navv>li{
		float: none;
		margin-right: 0;
	}
	.navBtn{
		position:absolute;
		left:5%;
		top:50%;
		z-index:99999;
		cursor:pointer;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	.navBtn span{
		display: block;
		width: 26px;
		height: 2px;
		background:#111;
		margin:6px auto;
	}
	.nav_btn_active{
		-webkit-transition:all 0.4s;
		transition:all 0.4s;
		margin-top:0.5%;
	}
	.nav_btn_active span{
		background:#fff !important;}
	.nav_btn_active span:nth-of-type(1){
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		}
	.nav_btn_active span:nth-of-type(2){
		opacity:0;
		}
	.nav_btn_active span:nth-of-type(3){
		margin-top:-60%;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		}
	.navv{
		display: block;
		margin: 0;
		float: none;
		text-align: center;
		margin-top: 20%;
	}
	.navv>li>a{
		color: #fff;
		line-height: 40px;
	}
	.hright {
	    float: none;
	    display: block;
		}
	.header1 .set, .header1 .navaal>i {
	    color: #eee;
		text-align: center;
		display: block;
		position: static;
	}
	.navaal {
		margin:10% auto 0;
	    width: 50%;
		line-height: 24px;
	}
	.header1 .navaal input {
	    border-bottom: 1px solid rgba(255,255,255,0.5);
		color: #fff;
		width: 100%;
	}
	.banner_zi2{
		left: 5%;
		top: 38%;
		width: 60%;
	}
	.banner_zi2>p {
	    font-size: 16px;
	    line-height: 20px;
		text-align: left;
		margin: 0;
		text-shadow: 0 0 5px rgba(0,0,0,0.1);}
	.banner_zi2>h2{
		font-size: 10px;
		text-align: left;
		margin-top: 0;
		line-height: 14px;
	}
	.banner_list1 .pc{
		display: none;
	}
	.banner_list1 .ph{
		display: block;
	}
	#banner1 .swiper-pagination-bullet {
	    width: 8px;
	    height: 8px;
	}	
	.ban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 5px;
	}
	.swiper_banner_btn{
		display: none;
	}
	.headr_bot,.heade{
		display: none;
		opacity: 0;
	}
	.index_sec1_h{
		display: none;
	}
	.index_sec1 .img{
		display: none;
		margin: 0;
	}
	.index_sec1_con p {
	    width: 100%;
		font-size: 13px;
		line-height: 20px;
		margin-top: 30px;
		text-align: center;
		color: #757575;
	}
	.index_sec1_con {
	    padding-left: 0;}
	.index_sec1_con span {
	    font-size: 22px;
		text-align: center;
		display: block;}
	.index_sec1_con:after {
	    width: 1px;
	    height: 20px;
	    background: #999;
	    content: '';
	    position: absolute;
	    top: 15%;
	    left: 50%;
	}
	.index_sec3_txt {
	    position: static;
		}
	.index_sec3_txt span{
		display: inline-block;
		opacity: 0.5;
		font-size: 16px;
		margin-top: 5%;
	}
	.index_sec2{
		height: inherit;
	}
	.index_sec2 video{
		display: block;
	}
	.vbtn img{
		display: block;
	}
	.index_sec3{
		padding: 32px 0 36px 0;
		margin-bottom: 0vh;
	}
	.index_sec3_con>.index_sec3_tit h5{
		font-size: 26px;
		margin-bottom: 5px;
		letter-spacing: 3px;
	}
	.c1{
		font-size: 12px;
	}
	.index_sec3_con .row {
		padding: 0 5%!important;
		margin-left: 0;
		opacity: 1!important;
		margin-top: 0!important;
	}
	.index_sec3_con .col-sm-4{
		float: left;
		width: 49%;
		margin-right: 1%;
		margin-bottom: 3%;
		padding: 0;
		box-shadow: 0 2px 2px rgba(0,0,0,0.1);
		background: #fff;
		overflow: hidden;
	    padding: 10px 0;
	}
	.index_sec3_con .col-sm-4 img{
		margin-top: -20px;
	}
	.index_sec3_con .col-sm-4:nth-of-type(2n){
		margin-right: 0;
	}
	.index_sec3_con .col-sm-4:last-child{
		padding: 0;
	}
	.index_sec3_con .col-sm-4:last-child img{
		margin-top: 0px;
	}
	.index_sec3 .index_sec3_txt {
	    position: absolute;
		bottom: 4px;
		font-size: 12px;
		}
	.index_sec3_con .col-sm-4:last-child .index_sec3_txt {
		bottom: 14px;
	}
	.ban{
		top: 58px!important;
	}
	.v3{
		height: inherit;
		position: relative;
		z-index: 9;
	}
	.v3 video{
		object-fit:fill
	}
	.case_con_tit {
	    padding: 8% 0 ;
	}
	.case_con_tit h5{
		font-size: 26px;
		margin-bottom: 5px;
		letter-spacing: 3px;
	}
	.case_list .row{
		padding: 0;
		margin: 0;
	}
	.case_list ul li {
	    width: 33.3%;
	    padding-right: 5px;
	    padding-left: 5px;
		}
	.case_list ul .box{
		overflow: hidden;
		float: left;
	}
	.main_global{
	}
	.main_visual_product_container{
		width: 100%;
		float: none;
		height: 500px;
	}
	.cc2 {
		position: relative;
	    width: 100%;
		display: none;
	}
	.main_visual_bg_container{
		display: none;
	}
	.main_visual_control.main_visual_control_next{
		margin-top: 0;
	}
	.main_visual_control.main_visual_control_prev {
	    margin-top: 60px;
	}
	.main_visual_indicator{
		height: 58px;
	}
	.index_sec6_con {
	    width: 94%;
	}
	.index_sec6_con>h3 {
	    font-size: 26px;
	    margin-bottom: 10px;
		letter-spacing: 3px;
		margin-top: -10px;
	}
	.index_sec6_con h5 {
	    font-size: 16px;
	    font-weight: normal;
	    margin-bottom: 20px;
		color: #111;
	}
	.index_sec6_con p {
	    font-size: 13px;
	    color: #757575;
	    text-align: center;
	    letter-spacing: 1px;
	    line-height: 22px;
	    margin-bottom: 5%;
		height: 110px;
		overflow: hidden;
	}
	.index_sec6_con a {
	    display: block;
	    width: 130px;
		font-size: 12px;
		line-height: 32px;
		}
	.sou{
		display: none;
	}
	.footer_top {
	    padding: 10% 0 5%;
	}
	.fologo{
		display: none;
	}
	.footlist {
	    float: none;
	    width: 100%;
		margin: auto;
	}
	.footlist1{
		display: none;
	}
	.footlist2 {
	    float: none;
	    width: 100%;
		display: block;
	    }
	.footlist2>ul{
		float: none;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		margin: 0;
		padding: 0;
	}
	.footlist2>ul>li{
		display: none;
		
	}
	.footlist2 ul li a{
		color: #CCC;
		font-size: 12px;
		opacity: 0.6;
	}
	.footlist2 ul li{
		padding: 1px 5%;
	}
	.footlist2 ul li.a1{
		display: block;
		position: relative;
		padding: 10px 5%;
	}
	.footlist2 ul li.a1:before{
		content: "+";
		position: absolute;
		right: 5%;
		top:12px;
		color: #fff;
		font-size: 22px;
	}
	.footlist2 ul li.a1 a{
		color: #CCC;
		font-size: 14px;
		opacity: 1;
	}
	.wrap {
	    width: 100%;
	}
	.footlist2>ul>li:first-child a, .footlist1>ul>li:first-child {
	    font-size: 14px;
	    margin-bottom: 0px;
	}
	.footer_bottom {
	    padding: 0% 0% 12%;
	    border-top: none;
	    line-height: 50px;
	}
	.b_left, .b_center {
	    float: none;
		text-align: center;
		line-height: 20px;
		color: #ccc;
		opacity: 0.8;
	}
	.b_center {
	    margin-left: 0%;
	}
	.b_right {
		margin-top: 20px;
	    float: none;
	}
	.footer_bottom img{
		width: 80%;
		margin: 5% auto 0;
		display: block;
		opacity:0.8 ;
	}
	.top {
	    width: 40px;
	    height: 40px;
		line-height: 40px;
		margin: auto;}
	.case_h {
	    padding: 5px 0 30px 0;
	}
	.case_h h5 {
	    font-size: 20px;
		margin-bottom: 5px;
	}
	.case_h h5 span {
	    font-size: 26px;
	    margin-right: 10px;
	}
	.case_h p {
	    font-size: 13px;
	    letter-spacing: 1px;
	}
	.productOne_txt_more {
	    width: 80%;
	    font-size: 10px;}
	
	.productOne_txt {
	    width: 45%;
	    height: inherit;
		padding:5%;
		}
	.productOne_txt_main {
	    height: inherit;
	}
	.productOne_list_img{
		display: none;
	}
	.productOne_txt img{
		width: 80%;
	}
	.productOne_list_name{
		padding-left: 0;
		margin-bottom: 5px;
	}
	.productOne_txt_more::after{
		bottom: -5px;
	}
	.productOne_list .col-sm-6>div {
	    margin-bottom: 5%;
	}
	.productOne_list .col-sm-6:nth-child(3) {
	    margin-top: 0%;
	}
	.product_list .col-sm-6 {
	    margin-bottom: 0%;
	}
	.case_con {
	    width: 100%;
	}
	.case_list_zi {
	    padding: 10px 0;
		text-align: center;
		font-size: 14px;}
	.case_list {
	    margin-bottom: 10px;
	}
	.inner_nav_about {
	    width: 90%;}
	.about_con {
	    width: 90%;
		padding-bottom: 8%;}
	.about_list .col-sm-4 {
	    width: 100%;
	}
	.about_zi {
	    padding-top: 0%;
	}
	.about_list .col-sm-8 {
	    width: 100%;
	}
	.about_list {
	    width: 100%;
	    padding: 20px 0;
		border-top: 1px solid #eee;
	}
	.about_zi h5 {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.about_zi h5 span {
		font-size: 14px;
	    margin-top: 5px;
	}
	.about_zi p {
	    font-size: 13px;
		line-height: 22px;}
	.about_zi a{
		font-size: 12px;
		margin-top: 3%;
		display: none;
	}
	.about_list_l0 .about_zi a{
		display: block;
		float: left;
	}
	.about_list_l .about_img:before{
		width: 90%;
		bottom: 8%;
	}
	.about_list_l .about_img {
	    padding-right: 5%;
	}
	.about_list_r .about_img:before {
	    left: 0%;
		bottom: 8%;
	}
	.about_list_r .about_img {
	    padding-left: 5%;
	}
	.study_sec1_h h5 {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.study_sec1_h p {
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	.study_sec1_txt p {
	    font-size: 13px;
	    line-height: 24px;
	    margin-bottom: 10px;
	}
	.study_sec1_h{
		padding: 20px 0;
		border-top: 1px solid #eee;
	}
	.study_sec1_zi {
	    margin-top: 0%;
		padding: 20px 0 ;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	.study_sec1_zi span {
	    font-size: 14px;
		margin-top: -6px;
		display: block;
	}
	.study_sec1_zi i {
	    margin: 10px 0 20px;}
	.study_sec1_zi p {
	    font-size: 13px;
	    line-height: 24px;
		}
	.study_sec2{
		padding: 5% 0;
	}
	.study_sec2_img {
	    width: 100%;}
	.study_sec2_zi {
	    width: 100%;
	    padding-left: 0px;
	}
	.study_sec3{
		padding-bottom: 0;
	}
	.news_zi h5 {
	    font-size: 16px;
		margin-bottom: 5px;}
	.news_zi span{
		margin-bottom:10px;
	}
	.news_zi p {
	    font-size: 13px;
	    line-height: 24px;
	}
	.news_zi {
	    padding: 6% 0 8% 0;
	}
	.news_inner {
	    width: 100%;
	    padding: 10px 0 30px 0;
	}
	.news_inner_t{
		padding-bottom: 20px;
	}
	.news_inner_t h5 {
	    font-size: 20px;
		line-height: 24px;
	    margin-bottom: 10px;
	}
	.news_inner_t span {
	    font-size: 14px;}
	.news_inner_con p {
	    margin: 15px 0;
	    font-size: 14px;
	    line-height: 24px;}
	.news_inner_con img {
	    margin: 5px 0;
	}
	.news_inner_btn {
	    margin-top: 20px;
	}
	.news_inner_next span{
		width: 150px;
	}
	.news_inner_next span:nth-of-type(2){
		float: right;
		margin-right: 0;
	}
	.news_inner_btn>a {
	    width: 140px;
	    line-height: 38px;
	    margin-top: 30px;
	    letter-spacing: 4px;
		font-size: 14px;
		margin-bottom: 20px;
		}
	.contact_sec1 .col-sm-4 {
	    width: 100%;
		border-top: 1px solid #eee;
	}
	.contact_sec1  .contact_sec1_zi{
		width: 100%;
		padding: 0;
		position: inherit;
		left: inherit;
		top: inherit;
	}
	.contact_sec1 .col-sm-8 {
	    width: 100%;
		margin-top: -5%;
	}
	.contact_sec1_zi p {
	    font-size: 14px;
		margin-bottom: 0;
	}
	.contact_sec1_zi h5 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.contact_sec2_con {
		width: 90%;}
	.contact_sec2_con ul li:first-child .contact_a {
	    font-size: 14px;
		padding: 0;
	}
	.contact_sec2_con ul li:first-child .contact_b {
	    font-size: 14px;
	}
	.contact_sec2_con ul li:first-child .contact_c {
	    font-size: 14px;}
	.contact_a {
	    padding: 0 0px;}
	.contact_sec2_con ul li{
		padding: 10px 5px;
	}
	.contact_c{
		font-size: 12px;
	}
	.contact_c span{
		right: 5px;
	}
	.contact_sec2 .case_h {
	    padding-bottom: 15px;
	}
	.case .contact_sec2 {
		padding: 8% 0;
	}
	.contact_sec3_con ul li {
	    width: 49%;
		padding: 0;
	    margin-bottom: 20px;
	    padding-bottom: 10px;
		}
	.contact_sec3_con ul li:nth-of-type(3) {
	    width: 49%;
		padding: 0;
	    margin-bottom: 20px;
	    padding-bottom: 10px;
		border-right: 1px solid rgba(255, 255, 255, 0.2);
		}
	.contact_sec3_con ul li:nth-of-type(2n){
		border: none;
	}
	.contact_sec3_con ul li p {
	    font-size: 14px;
	    line-height: 22px;
	    margin-top: 15px;}
	.contact_sec4 {
	    width: 90%;}
	.contact_sec4 .row {
		padding-bottom: 90px;
		position: relative;
		overflow: hidden;
	}
	.contact_sec4 .col-sm-4 {
	    width: 100%;
	}
	.contact_sec1_input {
	    padding-right: 0%;
	}
	.contact_sec1_input input{
		margin-bottom: 10px;
	}
	.contact_sec4 .col-sm-8 {
	    width: 100%;
	}
	.contact_sec1_text textarea {
	    padding: 10px 20px;
	    height: 40px;
	    line-height: 20px;
	}
	.contact_sec1_input button{
		margin-top: 50px;
		position: absolute;
		left: 5%;
		top: 160%;
		width: 90%;
		margin: 0;
		font-size: 14px;
		line-height: 40px;
	}
	.product_class{
		margin-bottom: 10px;
	}
	.product_class li {
	    float: left;
	    width: 20%;
	    margin: 0 ;}
	.product_class li img{
		height: 20px;
		margin: auto;
	}
	.product_class li span {
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    margin-top: 10px;
		font-size: 12px;
	}
	.index_sec3_txt h5 {
	    font-size: 16px;
	    margin: 15px 0 5px;
	}
	.index_sec3_txt p {
	    margin-bottom: 10px;
	}
	.productDataMask .container{
		width: 380px;
		overflow-y: scroll;
		height: 90%;
		margin-top: 62px;
	}
	.product_con .index_sec3_txt span {
	    margin-top: 0%;
		font-size: 13px;
	}
	.product_con .col-sm-6 {
	    margin-top: 5%;
	}
	.productData{
		padding-bottom: 10%;
	}
	.index_sec3_txt span:after {
		opacity: 0.3;
	}
	.productDataMask_con {
	    padding: 5%;
		display: block;
	}
	.productData_slider{
		width: 100%;
	}
	.productData_slider_ul{
	}
	.productDataMask_main {
	    width: 100%;
		margin-top: 10%;
	}
	.productDataMask_main ul {
	    margin-bottom: 10px;
	}
	.productDataMask_main dl dd {
	    line-height: 24px;
	}
	.productDataMask_close {
	    position: fixed;
	    left: 50%;
		margin-left: -16px;
	    top: 62px;
		}
	.about_data {
	    padding: 30px 0 20px;
	}
	.about_data_head h4 {
	    font-size: 26px;}
	.about_data_head span {
	    font-size: 13px;
		line-height: 22px;
		}
	.about_data_txt {
	    padding-left: 0%;
	}
	.about_data_txt p{
	   font-size: 13px;
	   line-height: 22px;
	}
	.main_visual {
	    height:auto
	} 
	.z-effect div.innerscenc img {
	    width: 80%;
		margin: auto;
		margin-left: 16.5%;
		}
	.z-effect h5{
		position: fixed;
		left: 0;
		bottom: 10%;
	}
	.main_visual_control {
	    right: 20px;
	    width: 40px;
	    height: 40px;}
	.about_list_l{
		padding: 20px 0 30px;
	}
	.about_list_l .col-sm-8{
		display: none;
	}
	.inner_banner {
	    padding-top: 58px;
	}
	.inner_banner .pc{
		display: none;
	}
	.inner_banner .pb{
		display: block;
	}
	.main_container .case{
		padding-bottom: 50px;
		position: relative;
	}
	.case_list{
		overflow: hidden;
	}
	.main_container .case .btns{
		text-align: center;
		margin: 20px 0;
		position: absolute;
		left: 0;
		bottom: 0%;
		z-index: 9;
		width: 100%;
	}
	.main_container .case .btns span{
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #999;
		margin: 5px;
		display:inline-block;
	}
	.main_container .case .btns span.active{
		background: #333;
	}
	.index_sec6{
		padding-top: 3%;
	}
	.clp10{
		margin-top: 10px;
	}
	.contact_sec5{
		display: none;
	}
	.index_sec3_tit{
		opacity: 1;
		padding-bottom: 10px;
		padding-top: 0!important;
	}
	.sheji_box{
		padding: 36px 5% 110px 5%;
	}
	.sheji_box .left{
		float: inherit;
		width: 100%;
	}
	.sheji_box .left h4,.sheji_box .left h3{
		font-size: 26px;
	}
	.sheji_box .left h3{
		padding-left: 70px
	}
	.sheji_box .left h4{
		position: absolute;
		right: 5px;
		top: 72px;
	}
	.sheji_box .left p{
		width: 90%;
		margin: auto;
		margin-top: 10px;
	}
	.sheji_box .left .n_btn{
		margin-top: 0;
		padding-left: 0;
		position: absolute;
		left: 50%;
		bottom: 42px;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		z-index: 2;
	}
	.sheji_box .left .n_btn button{
		margin-right: 32px;
	}
	.sheji_box .left .n_btn button:nth-child(2){
		margin-right: 0;
	}
	.sheji_box .right{
		width: 100%;
	}
	.sheji_box .right .bt{
		width: 100%;
	}
	.sheji_box .right .bt .img{
		width: 76%;
	}
	.sheji_box .right .bt .text{
		width: 76%;
		padding: 3%;
	}
	.sheji_box .left{
		width: 100%;
		float: inherit;
		opacity: 1!important;
		margin-left: 0;
	}
	.sheji_box .right{
		width: 100%;
		float: inherit;
		margin-top: 20px;
	}
	.sheji_box .left h6{
		text-align: center;
		width: inherit;
	}
	.sheji_box .left h6:before{
		opacity: 0;
	}
	.anlie ul li{
		width: 25%;
		padding: 0 6px;
	}
	.index_sec6_con .title,.anlie ul,.anlie .title,.index_sec6_con .list{
		opacity: 1!important;
	}
	.index_sec6_con .list{
		margin-top: 0!important;
		margin-bottom: 20px;
	}
	.index_sec6,.anlie{
		padding: 36px 5%!important;
	}
	.anlie .title{
		margin-bottom: 20px;
	}
	.index_sec6_con h3{
		margin-bottom: 10px;
	}
	.index_sec6_con .list li{
		margin-top: 20px;
		width: 100%;
	}
	.index_sec6_con .list li .img{
		margin-top: 0;
	}
	.index_sec6_con .list li .txt p{
		margin-bottom: 10px;
	}
	.index_sec6_con h6{
		margin-top: 0;
	}
	.index_sec6_con .title{
		padding-top: 0!important;
	}
	.index_sec6_con .list li:nth-child(2){
		display: none;
	}
	.sheji_box .right .bt .text h2{
		font-size: 20px;
	}
	.contact_sec1_box{
		height: inherit!important;
	}
}