﻿@media screen and (min-width: 1301px) and (max-width: 1430px){
	.ind_box2.index .ind_b_r .text{
		padding: 0;
	}
	.ind_box5.about .ind_r dd{
		padding: 0 20px;
	}
	.ind_box6.about .prev_btnss{
		left: 0;
	}
	.ind_box6.about .next_btnss{
		right: 1px;
	}
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
	.wrapper {
		width: 1200px;
	}
	.menu_dl dd{
		padding: 0 20px;
	}
	.footer_m .item:nth-child(2){
		margin-left: 0;
		width: 250px;
	}
	.footer_m .item:nth-child(3){
		margin-right: 70px;
	}
	.ind_box2.index .ind_b_r{
		padding: 65px;
	}
	.ind_box2.index .ind_b_r .text{
		padding: 0;
	}
	.ind_box3.index .tab_box a{
		width: calc((100% - 420px) / 7);
    	margin: 0 70px 0 0;
	}
	.ind_box3.index .ind_l{
		padding-right: 155px;
	}
	.ind_box4.index .ind_t .text{
		padding: 0 200px;
	}
	.ind_box6.index .ind_r {
	    width: 49%;
	    float: right;
	    padding: 0 40px;
	}
	.ind_box4.index .ind_m .btn{
		margin-top: 0;
		top: 32%;
	}
	.ind_box4.index .ind_m .prev_btn{
		left: 0;
	}
	.ind_box4.index .ind_m .next_btn{
		right: 0;
	}
	.ind_box4.index .ind_b_l .ind_b_l_b dd .text{
		padding: 0;
	}
	.ind_box1.index dd{
		width: 285px;
    	height: 415px;
	}
	.ind_box5.about .ind_r dd{
		padding: 0 10px;
	}
	.ind_box5.about .ind_l .ind_l_wrap{
		width: 600px;
	}
	.ind_box5.about .ind_l .tab_box a .tt{
		font-size: 32px;
	}
	.ind_box1.about .imgs{
		margin-top: 40px;
	}
	.ind_box3.about .btn_box{
		width: 531px;
		margin-left: -266px;
	}
	.time_content .con .tt:after{
		right: 3%;
	}
	.ind_box6.about .item dd a{
		width: 232px;
	}
	.ind_box6.about .item dd.on a {
	    width: 500px;
	}
	.ind_box7.about dd{
		width: 257px;
	}
	.ind_box6.about .prev_btnss{
		left: 0;
	}
	.ind_box6.about .next_btnss{
		right: 1px;
	}
	
	.ind_box3.join .pic{
		padding-left: 0;
	}
	.ind_box1.app_cover dd .dd_dia{
		padding: 0 40px;
	}
	.ind_box1.app_cover dd .dt_tt{
		font-size: 32px;
	}
	.ind_box1.case .item .con{
		padding: 0 40px;
	}
	.ind_box1.case .item .pic{
		width: calc(50% - 100px);
	    margin: 0 50px;
	}
	.ind_box1.faq_det .ind_l{
		padding-left: 0;
		width: 54%;
	}
	.ind_box1.service .item{
		width: calc((100% - 430px) / 3);
	    margin: 0 215px 100px 0;
	}
	.ind_box2.service .ind_l_wrap{
		width: 600px;
		height: 350px;
	}
	.ind_box2.service .ind_l_wrap .tt{
		font-size: 40px;
	}
	.pro_r_t .pic{
		width: 468px;
	}
	.pro_r_t .con{
		width: calc(100% - 468px);
		padding: 0 10px 0 20px;
	}
	.pro_r_t .con .tt{
		font-size: 16px;
	}
	.pro_inf{
		padding-right: 0;
		padding-left: 50px;
	}
	.ind_box1.video .item a{
		margin-top: -160px;
	}
	.ind_box1.video .item iframe{
		height: 158px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	/**笔记本**/
	.wrapper {
		width: 980px;
	}
	
	.menu{
		padding-left: 70px;
	}
	.menu_dl dd{
		padding: 0 12px;
	}
	
	/*
	 * index
	 */
	
	.title .tt{
		font-size: 40px;
	}
	.footer_m .item{
		width: 240px;
	}
	.footer_m .item:nth-child(2){
		margin-left: 0;
		width: 170px;
	}
	.footer_m .item:nth-child(3){
		margin-right: 40px;
		width: 290px;
	}
	.footer_m .ind_b .con a{
		margin-right: 45px;
	}
	.ind_box2.index .ind_t .item{
		width: calc((100% - 60px) / 4);
    	margin: 0 20px 0 0;
	}
	.ind_box2.index .ind_t .item .item_b{
		letter-spacing: 1px;
	}
	.ind_box2.index .ind_b_r .text{
		padding: 0;
	}
	.ind_box2.index .ind_b_r{
		padding: 60px 30px;
	}
	.ind_box2.index .ind_b_r .tt{
		font-size: 28px;
	}
	.ind_box3.index .tab_box a{
		width: calc((100% - 180px) / 7);
    	margin: 0 30px 0 0;
	}
	.ind_box3.index .ind_l{
		padding: 0;
	}
	.ind_box3.index .ind_l .tt{
		font-size: 40px;
		line-height: 40px;
	}
	.ind_box4.index .ind_t .text{
		padding: 0;
	}
	.ind_box4.index .ind_m .btn{
		margin-top: 0;
		top: 33%;
	}
	.ind_box4.index .ind_m .prev_btn{
		left: 0;
	}
	.ind_box4.index .ind_m .next_btn{
		right: 0;
	}
	.ind_box4.index .ind_b_l .ind_b_l_b dd .text{
		padding: 0;
	}
	.ind_box4.index .ind_b_l .ind_b_l_t .text{
		padding: 0 50px;
	}
	.ind_box5.index dd{
		padding: 30px;
	}
	.ind_box6.index .ind_l{
		width: 480px;
		height: 323px;
		margin-left: 0;
	}
	.ind_box6.index .ind_l iframe,.ind_box6.index .ind_l:before{
		width: 461px;
		left: 10px;
		height: 261px;
		top: 4px;
	}
	
	.ind_box6.index .ind_r{
		padding: 0 25px;
	}
	.ind_box6.index .ind_r .item{
		width: calc((100% - 30px) / 2);
	    margin: 0 30px 30px 0;
	}
	.ind_box6.index .ind_r .item .tt{
		font-size: 14px;
	}
	.ind_box1.index dd{
		width: 230px;
    	height: 365px;
	}
	.ind_box1.about .imgs{
		width: 470px;
		margin: 0 0px 30px 50px;
	}
	.ind_box2.about dd{
		width: calc((100% - 150px) / 4);
    	margin: 0 50px 0 0;
	}
	.ind_box3.about .btn_box{
		width: 431px;
		margin-left: -216px;
	}
	.time_content .pic{
		padding-right: 0;
	}
	.time_content .con{
		padding: 0px 0px 0 40px;
	}
	.time_content .con .tt{
		margin-bottom: 15px;
		font-size: 50px;
	}
	.time_content .con .tt:after{
		width: 208px;
    	height: 78px;
	}	
	.ind_box5.about .ind_l .ind_l_wrap{
		width: 490px;
	}
	.ind_box5.about .ind_l .con{
		padding-right: 50px;
		margin-bottom: 30px;
	}
	.ind_box5.about .ind_l .title{
		margin-bottom: 10px;
	}
	.ind_box5.about .ind_l .tab_box a{
		height: 110px;
		line-height: 110px;
	}
	.ind_box5.about .ind_l .tab_box a .tt{
		font-size: 22px;
		letter-spacing: initial;
	}
	.ind_box5.about .ind_l .tab_box a .icon{
		margin-top: 25px;
	}
	.ind_box5.about .ind_l .tab_box a .arrow{
		margin-top: 46px;
	}
	.ind_box5.about .ind_l{
		padding: 50px 0 100px;
	}
	.ind_box5.about .ind_r dd{
		padding: 0 10px;
	}
	.ind_box6.about .prev_btnss{
		left: 0;
	}
	.ind_box6.about .next_btnss{
		right: 1px;
	}
	.ind_box6.about .item dd a{
		height: 380px;
		width: 169px;
	}
	.ind_box6.about .item dd.on a{
		width: 470px;
	}
	.ind_box7.about dd{
		width: 230px;
    	margin-right: 20px;
	}
	.ind_box1.contact .ind_t_r{
		padding: 0 50px 30px 50px;
	}
	.ind_box1.contact .ind_b dd{
		font-size: 14px;
		padding: 30px 10px;
	}
	.ind_box1.contact .ind_b dd .con{
		padding-left: 10px;
	}
	.ind_box1.join dd{
		width: calc((100% - 45px) / 4);
	    margin: 0 15px 0 0;
	    padding: 40px 25px 40px;
	}
	.ind_box2.join .ind_r{
		padding-right: 0;
	}
	.ind_box2.join .ind_l{
		padding-top: 60px;
	}
	.ind_box3.join .pic{
		padding-left: 0;
	}
	.ind_box3.join .con{
		padding: 20px 0 0 50px;
	}
	.ind_box3.join .con .conss{
		line-height: 22px;
	}
	.ind_box4.join .faq_list{
		padding: 0 0 0 10px;
	}
	.ind_box1.team dd{
		padding: 35px 30px;
	}
	.ind_box1.team dd .con{
		padding-left: 35px;
	}
	.ind_box1.team dd:nth-child(2n) .con{
		padding: 0 35px 0 0;
	}
	.ind_box1.team dd .con .tt{
		margin-bottom: 10px;
	}
	.ind_box1.team dd .con .text{
		font-size: 14px;
		line-height: 24px;
	}
	.ind_box1.technical dd{
		padding: 15px;
		width: calc((100% - 20px) / 2);
		margin: 0 20px 20px 0;
	}
	.ind_box1.technical dd .pic{
		width: 220px;
	}
	.ind_box1.technical dd .con{
		width: calc(100% - 220px);
		padding-right: 0;
	}
	.ind_box1.technical dd .text{
		font-size: 12px;
		line-height: 16px;
		height: 32px;
	}
	.ind_box1.technical dd .view_more{
		margin-top: 10px;
	}
	.ind_box1.technical_det .ind_l{
		padding: 0 50px 0 0;
	}
	.ind_box1.technical_det .ind_r{
		padding: 0;
	}
	.ind_box1.technical_det .ind_r .tt{
		font-size: 22px;
		margin-bottom: 10px;
	}
	.ind_box1.technical_det .ind_r .text{
		line-height: 22px;
		margin-bottom: 15px;
	}
	.det_btn_box_wrap{
		margin-top: 15px;
	}
	.ind_box1.app_cover dd{
		width: calc((100% - 30px) / 3);
    	margin: 0 15px 15px 0;
	}
	.ind_box1.app_cover dd .dt_tt{
		font-size: 24px;
		line-height: 26px;
	}
	.ind_box1.app_cover dd .dt_tt:before{
		height: 50px;
		top: 0;
	}
	.ind_box1.app_cover dd .dd_dia{
		padding: 0 30px;
	}
	.ind_box1.app_cover dd:last-child{
		padding: 0 20px;
	}
	.ind_box1.app_cover dd:last-child .tt{
		margin: 10px 0 10px;
	}
	.ind_box1.app_cover dd:last-child a{
		margin-top: 10px;
	}
	.ind_box3.app_list dl{
		padding: 0;
	}
	.ind_box3.app_list dd{
		width: calc((100% - 20px) / 2);
	    padding: 25px;
	    margin: 0 20px 20px 0;
	}
	.ind_box3.app_list dd .con{
		padding: 20px 0 0 20px;
	}
	.ind_box1.app_det .wrapper{
		padding: 0;
	}
	.ind_box1.case .item .pic{
		width: calc(50% - 80px);
		margin: 0 40px;
	}
	.ind_box1.case .item .con{
		padding: 0 20px;
	}
	.ind_box1.case_det .wrapper{
		padding: 0;
	}
	.ind_box1.download .item{
		padding: 40px 30px;
	}
	.ind_box1.download .item .con{
		padding-left: 15px;
	}
	.ind_box1.download .item .con .tt{
		height: 44px;
	}
	.ind_box1.download .down_icon{
		right: 30px;
	}
	.ind_box1.faq .list{
		padding: 0;
	}
	.ind_box1.faq .item{
		width: calc((100% - 20px) / 2);
		margin: 0 20px 50px 0;
	}
	.ind_box1.faq_det .ind_l{
		width: calc(100% - 470px);
		padding: 0 20px 0 0;
	}
	.ind_box1.faq_det .item_b .con{
		padding-right: 40px;
	}
	.ind_box1.faq_det .item_t .con{
		line-height: 28px;
	}
	.ind_box1.faq_det .item_t .iconfont{
		margin-top: -7px;
	}
	.ind_box1.faq_det .ind_r{
		margin-left: 0;
	}
	.ind_box1.video .item {
	    width: calc((100% - 120px) / 3);
	    margin: 0 60px 40px 0;
	}
	.ind_box1.video_det .ind_r{
		padding: 0 0 0 30px;
	}
	.ind_box1.video_det .ind_r .tt{
		font-size: 32px;
	}
	.ind_box1.service .item{
		width: calc((100% - 300px) / 3);
	    margin: 0 150px 100px 0;
	}
	.ind_box1.service .item:after{
		right: -40%;
	}
	.ind_box2.service .ind_l_wrap{
		width: 490px;
		/*height: 350px;*/
	}
	.ind_box2.service .ind_l_wrap .tt{
		font-size: 34px;
		margin-bottom: 10px;
	}
	.ind_box2.service .ind_l_wrap .con{
		line-height: 20px;
	}
	.ind_box3.service dd{
		width: calc((100% - 240px) / 4);
    	margin: 0 80px 0 0;
	}
	.ind_box3.service dd:before{
		right: -94px;
		width: 94px;
		height: 6px;
	}
	.ind_box1.pro .wrapper{
		padding: 0;
	}
	.pro_r{
		padding-left: 20px;
	}
	.pro_r_t .con{
		width: 100%;
		margin-bottom: 20px;
	}
	.pro_r_t .pic{
		width: 100%;
		padding-left: 40px;
	}
	.pro_r .items{
		width: calc((100% - 60px) / 4);
    	margin: 0 20px 30px 0;
	}
	.pro_show .wrapper{
		padding: 0;
	}
	.bigpic,.move_content,.rexiaoPic{
		width: 500px;
		height: 435px;
	}
	.big_pic_show{
		width: 500px;
	}
	div.zoomDiv {
		width: 500px !important;
		height: 435px !important;
	}
	.moveBox{
		width: 470px;
		margin: auto;
		float: none;
	}
	.pro_inf{
		width: calc(100% - 500px);
		padding-left: 25px;
	}
	.pro_inf_title .text,.pro_inf_desc{
		padding: 10px 0;
	}
	.pro_inf_desc li{
		margin-bottom: 5px;
	}
	.ind_box1.pro_det .wrapper{
		padding: 0;
	}
	.pro_r_des_item li{
		margin-right: 40px;
	}
	.ind_box1.video .item a{
		margin-top: -150px;
	}
	.ind_box1.video .item iframe{
		height: 148px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	/*平板*/
	.wrapper {
		width: 750px;
	}
	.slide_r{
		right: 1%;
	}
	body{
		padding-top: 120px;
	}
	/*
	 * index
	 */
	.header_box{
		display: none;
	}
	.mobile_head{
		display: block;
	}
	
	/*footer*/
	.footer_t .item{
		width: calc((100% - 100px) / 2);
	}
	.footer_t .item:nth-child(2){
		margin-right: 0;
	}
	.footer_t .item:last-child{
		width: 100%;
		margin-top: 30px;
	}
	/*
	 * sub_banner
	 */
	.location_nav {
		display: none;
	}
	.title .tt{
		font-size: 28px;
		line-height: 38px;
	}
	.title .line{
		margin: 20px auto;
	}
	
	.footer_m .item{
		width: 250px;
	}
	.footer_m .item:nth-child(2){
		margin-left: 0;
		width: 170px;
	}
	.footer_m .item:nth-child(3){
		margin-right: 0;
	}
	.footer_m .item:last-child{
		width: 100%;
	}
	.ind_box2.index .ind_t .title .text{
		padding: 0;
	}
	.ind_box2.index .ind_t .item{
		width: calc((100% - 40px) / 2);
    	margin: 0 40px 40px 0;
	}
	.ind_box2.index .ind_t .item:nth-child(2n){
		margin-right: 0;
	}
	.ind_box2.index .ind_b_l{
		width: 100%;
		height: 300px;
	}
	.ind_box2.index .ind_b_r{
		width: 100%;
	}
	.ind_box3.index .tab_box a{
		width: calc((100% - 90px) / 4);
    	margin: 0 30px 30px 0;
	}
	.ind_box3.index .tab_box a:nth-child(4n){
		margin-right: 0;
	}
	.ind_box3.index .tab_box{
		margin-bottom: 0;
	}
	.ind_box3.index .ind_l{
		width: 100%;
		padding-right: 0;
	}
	.ind_box3.index .ind_r{
		width: 100%;
		margin-top: 20px;
	}
	.ind_box4.index .ind_t .text{
		padding: 0;
	}
	.ind_box4.index .ind_t{
		height: 220px;
	}
	.ind_box4.index .ind_m .btn{
		margin-top: 0;
		top: 30%;
	}
	.ind_box4.index .ind_m .prev_btn{
		left: 0;
	}
	.ind_box4.index .ind_m .next_btn{
		right: 0;
	}
	.ind_box4.index .ind_m .con{
		padding: 20px 0;
	}
	.ind_box4.index .ind_b .wrapper{
		height: auto;
	}
	.ind_box4.index .ind_b_l{
		width: 100%;
		padding: 0;
	}
	.ind_box4.index .ind_b_l .ind_b_l_b dd{
		padding: 10px 0;
	}
	.ind_box4.index .ind_b_r{
		width: 100%;
		margin-top: 16px;
	}
	.ind_box4.index .ind_b_r .imgs{
		position: initial;
		margin-top: 20px;
	}
	.ind_box5.index dd{
		padding: 20px;
	}
	.ind_box6.index .ind_l{
		float: none;
		margin: auto;
	}
	.ind_box6.index .ind_r{
		width: 100%;
		margin-top: 30px;
		padding: 0 100px;
	}
	.ind_box1.index dd{
		width: 237px;
    	height: 370px;
	}
	.ind_box1.about .title .tt{
		text-align: center;
	}
	.ind_box2.about dd{
		width: calc((100% - 30px) / 4);
	    margin: 0 10px 0 0;
	}
	.ind_box3.about .owl-carousel{
		width: 617px;
		margin: auto;
	}
	.ind_box3.about .btn_box{
		width: 618px;
		margin-left: -309px;
	}
	.time_content .pic{
		width: 100%;
	}
	.time_content .con{
		position: initial;
		width: 100%;
		padding: 50px 0 0 0;
	}
	.time_content .con .tt:after{
		right: auto;
		left: 30%;
	}
	
	.ind_box5.about .ind_l .ind_l_wrap{
		width: 375px;
	}
	.ind_box5.about .ind_l .con{
		padding-right: 30px;
	}
	.ind_box5.about .ind_l .tab_box a .icon{
		width: 40px;
		height: 44px;
		margin-top: 35px;
		background-size: cover!important;
	}
	.ind_box5.about .ind_l .tab_box a:nth-child(2) .icon{
		height: 41px;
	}
	.ind_box5.about .ind_l .tab_box a .tt{
		letter-spacing: initial;
		font-size: 18px;
	}
	.ind_box5.about .ind_l .tab_box a{
		height: 110px;
		line-height: 110px;
	}
	.ind_box5.about .ind_l .tab_box a .arrow{
		width: 55px;
		height: 10px;
		margin-top: 50px;
	}
	.ind_box5.about .ind_r{
		padding: 30px 0 0;
	}
	.ind_box5.about .ind_r dd {
	    width: calc((100% - 0px) / 2);
	    padding: 0 20px;
	    margin-bottom: 20px;
	}
	.ind_box5.about .ind_l{
		padding: 0 0 100px;
	}
	.ind_box6.about .item dd a{
		width: 125px;
		height: 300px;
	}
	.ind_box6.about .item dd.on a{
		width: 371px;
	}
	.ind_box6.about .prev_btnss{
		left: 0;
	}
	.ind_box6.about .next_btnss{
		right: 1px;
	}
	.ind_box7.about dd{
		width: 236px;
    	margin-right: 20px;
	}
	.ind_box1.about .imgs{
		float: none;
		margin: 0 auto 20px;
	}
	.ind_box1.contact .ind_t_l{
		width: 100%;
		padding: 30px 40px;
	}
	.ind_box1.contact .ind_t_l .text{
		margin-bottom: 30px;
	}
	.ind_box1.contact .ind_t_r{
		width: 100%;
		padding: 0 50px 30px 50px;
	}
	.ind_box1.contact .ind_b dd,.ind_box1.contact .ind_b dd:nth-child(3){
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
		margin-bottom: 20px;
		padding: 30px 30px;
		
	}
	.ind_box1.contact .ind_b dd:nth-child(2n){
		margin-right: 0;
	}
	.ind_box1.contact .ind_b dd .icon{
		width: 25px;
		height: 17px;
		background-size: cover!important;
	}
	.ind_box1.contact .ind_b dd:nth-child(3) .icon{
		height: 21px;
	}
	.ind_box1.contact .ind_b dd .con{
		width: calc(100% - 25px);
		padding-left: 8px;
		line-height: 17px;
	}
	.ind_box1.join dd{
		width: calc((100% - 50px) / 2);
		margin: 0 50px 50px 0;
	}
	.ind_box1.join dd:nth-child(2n){
		margin-right: 0;
	}
	.ind_box2.join .ind_l{
		padding: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.ind_box2.join .ind_r{
		width: 100%;
	}
	.ind_box3.join .pic{
		width: 100%;
		padding-left: 0;
		text-align: center;
	}
	.ind_box3.join .con{
		width: 100%;
		padding: 40px 50px 0;
	}
	.ind_box4.join .faq_list{
		padding: 0 0 10px;
	}
	.ind_box1.team dd .con{
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.ind_box1.team dd:nth-child(2n){
		flex-direction: initial;
	    -webkit-flex-direction: initial; 
	    -ms-flex-direction: initial;
	}
	.ind_box1.technical dd .pic{
		width: 100%;
	}
	.ind_box1.technical dd .con{
		width: 100%;
		padding: 20px 0 0 0;
	}
	.ind_box1.technical dd .tt{
		-webkit-line-clamp: 2;
		height: 38px;
	}
	.ind_box1.technical dd .text{
		font-size: 12px;
		line-height: 16px;
		height: 32px;
	}
	.ind_box1.technical dd .view_more{
		margin-top: 10px;
	}
	.ind_box1.technical_det .ind_l{
		width: 100%;
		padding: 0;
	}
	.ind_box1.technical_det .ind_r{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.ind_box1.app_cover dd{
		width: calc((100% - 20px) / 3);
    	margin: 0 10px 10px 0;
	}
	.ind_box1.app_cover dd:nth-child(1){
		padding: 0 20px;
	}
	.ind_box1.app_cover dd .dt_tt{
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 15px;
	}
	.ind_box1.app_cover dd .dt_tt:before{
		height: 40px;
		top: 2px;
	}
	.ind_box1.app_cover dd .tt{
		font-size: 13px;
	}
	.ind_box1.app_cover dd .text{
		font-size: 12px;
		line-height: 18px;
	}
	.ind_box1.app_cover dd .dd_dia{
		padding: 0 10px;
	}
	.ind_box1.app_cover dd:last-child{
		padding: 0 10px;
	}
	.ind_box1.app_cover dd:last-child .tt{
		margin: 5px 0 5px;
		font-size: 18px;
	}
	.ind_box1.app_cover dd:last-child .text{
		-ms-flex-line-pack: 18px;
	}
	.ind_box1.app_cover dd:last-child a{
		margin-top: 10px;
		height: 35px;
		line-height: 35px;
	}
	.ind_box1.app_cover dd:last-child .iconfont{
		font-size: 45px;
	}
	.ind_box3.app_list .tab_box a{
		margin-bottom: 50px;
	}
	.ind_box3.app_list .ind_wrap{
		margin-top: 0;
	}
	.ind_box3.app_list dl{
		padding: 0;
	}
	.ind_box3.app_list dd{
		width: calc((100% - 15px) / 2);
	    padding: 15px;
	    margin: 0 15px 20px 0;
	}
	.ind_box3.app_list dd .pic{
		width: 160px;
	}
	.ind_box3.app_list dd .con{
		width: calc(100% - 160px);
		padding: 5px 0 0 10px;
	}
	.ind_box3.app_list dd .con .tt{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.ind_box3.app_list dd .con .text{
		line-height: 18px;
		height: 36px;
	}
	.ind_box1.app_det .wrapper{
		padding: 0;
	}
	.art_item{
		width: 280px;
	}
	.back_list{
		width: 110px;
	}
	.ind_box1.case {
		padding: 60px 0;
	}
	.ind_box1.case .item {
		background: #fff;
		margin-bottom: 20px;
	}
	.ind_box1.case .item a{
		display: block;
	}
	.ind_box1.case .item .pic{
		width: 100%;
		margin: 0;
		display: block;
		text-align: center;
	}
	.ind_box1.case .item .pic img{
		display: inline-block;
	}
	.ind_box1.case .item .con{
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}
	.ind_box1.case_det .wrapper{
		padding: 0;
	}
	.news_det_content .imgs img:first-child {
	    margin-right: 1%;
	}
	.ind_box1.download .item{
		width: 100%;
		margin-right: 0;
	}
	.ind_box1.faq .list{
		padding: 0;
	}
	.ind_box1.faq .item{
		width: calc((100% - 20px) / 2);
		margin: 0 20px 50px 0;
	}
	.ind_box1.faq .item .item_b{
		padding: 25px 15px;
	}
	.ind_box1.faq_det .ind_l{
		width: 100%;
		padding: 0;
	}
	.ind_box1.faq_det .item_b .con{
		padding: 0;
	}
	.ind_box1.faq_det .ind_r{
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
	}
	.ind_box1.video .video_tab_box a{
		height: 81px;
		width: 25%;
		border-bottom: 1px solid #f6f6f6;
	}
	
	.ind_box1.video .item{
		width: calc((100% - 60px) / 3);
		margin: 0 30px 40px 0;
	}
	.ind_box1.video_det .ind_l{
		width: 570px;
	}
	.ind_box1.video_det .ind_r{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.ind_box1.news .item .con,.ind_box1.news .item:nth-child(2n) a .con{
		padding: 0 30px;
	}
	.ind_box1.service .item{
		width: calc((100% - 120px) / 3);
	    margin: 0 60px 100px 0;
	}
	.ind_box1.service .item:after{
		right: -23%;
	}
	.ind_box2.service .ind_l,.ind_box2.service .ind_r{
		width: 100%;
	}
	.ind_box2.service .ind_l_wrap{
		width: 80%;
		margin-right: 10%;
		height: 300px;
	}
	.ind_box2.service .ind_l_wrap .tt{
		font-size: 36px;
	}
	.ind_box2.service .ind_r .next_btn{
		top: -20px;
		left: 50%;
		margin-left: -30px;
		bottom: auto;
	}
	.ind_box3.service dd{
		width: calc((100% - 60px) / 4);
    	margin: 0 20px 0 0;
	}
	.ind_box3.service dd:before{
		display: none;
	}
	.pro_l{
		width: 100%;
	}
	.pro_l_m,.pro_l_b{
		display: none;
	}
	.pro_r{
		width: 100%;
		padding-left: 0;
	}
	.pro_r_t .con{
		width: 100%;
		padding: 0 20px;
	}
	.pro_r .items{
		width: calc((100% - 60px) / 4);
    	margin: 0 20px 30px 0;
	}
	.big_pic_show{
		display: none;
	}
	.pro_show .pro_det_wap_scroll{
		display: block!important;
	}
	.pro_det_wap_scroll{
		width: 590px;
		margin: auto;
	}
	.pro_inf{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.pro_r_des_item li{
		margin-right: 40px;
	}
	.pro_r_table.fixed{
		top: 120px;
	}
	.ind_box1.video .list{
		padding: 0;
	}
	.ind_box1.video .item a{
		margin-top: -128px;
	}
	.ind_box1.video .item iframe{
		height: 125px;
	}
}

@media screen and (max-width:767px) {
	body{
		padding-top:100px;
	}
	/*手机*/
	.wrapper {
		width: 96%;
		margin-left: 2%;
	}
	.header_box,.h_t_l span,.h_t_links{
		display: none;
	}
	.mobile_head{
		display: block;
		height: 100px;
	}
	.h_t_panoramic span{
		font-size: 12px;
	}
	.h_t_email{
		margin-left: 5px;
	}
	
	.mobile_head .head_b{
		height: 70px;
	}
	.header_box .wrapper{
		position: relative;
		z-index: 1;
		width: 100%;
	}
	
	.mobile_head .logo .table{
		height: 70px;
	}
	
	.head_search i{
		font-size: 28px;
	}
	.mobile_head .search_box{
		width: 100%;
		top: 100px;
		box-shadow:none;
		border-bottom: 1px solid #f3f3f3;
		 height: 50px;
	}
	.mobile_head .search_inp {
	    height: 40px;
	}
	.search_box_wrap{
		margin-top: 5px;
		padding: 0 20px;
	}
	.mobile_head .menu {
		display: none;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		z-index: 999;
		padding: 10px;
		margin: 0;
		background: #fff;
		height: 383px;
		overflow-x: hidden;
		overflow-y: auto;
		border-top: 1px solid #F1F1F1;
		border-bottom: 1px solid #F1F1F1;
		overflow-y: auto;
		transition: all 0s;
    	-webkit-transition: all 0s;
	}
	.menu_dl dd {
		width: 100%;
		color: #fff;
		height: auto;
		position: static;
	}
	.menu_dl dd.hover .menu_tt a{
		color: #fff;
	}
	
	.menu_dl dd.hover .menu_tt a:before{
		display: none;
	}
	.menu_dl dd.hover .menu_tt:after{
		display: block;
		content: "";
		height: 0;
		clear: both;
	}
	
	.menu_tt {
		height: auto!important;
		color: #fff;
		border-top: none;
		border-bottom: 1px solid #eee;
	}
	.menu_tt:before {
		display: none;
	}
	.menu_tt i{
		line-height: 40px;
		display: inline-block;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.menu_dl dd.hover i{
		color: #fff;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.menu_tt a {
		float: left;
		height: 40px;
		line-height: 40px;
		width: 80%;
		padding: 0;
		color: #333;
	}
	.menu_second_box,.menu_three{
		position: static;
	    top: auto;
	    left: auto;
	    width: 100%;
	    border: none;
	    border-top: 1px solid #eee;
	    padding: 10px;
	}
	.menu_two_tt .text{
		width: calc(100% - 70px);
	}
	.menu_two_tt{
		padding-left: 0;
	}
	.menu_two_tt i{
		float: right;
		font-size: 16px;
		width:30px;
		text-align: center;
		display: inline-block;
	}
	
	.menu_dl dd .menu_tt a:after {
		display: none;
	}
	.menu_second_box:before {
		display: none;
	}
	.menu_dl dd:first-child .menu_tt {
		border: none;
	}
	.mobile_head .menu_dl dd{
		padding: 0 0px;
	}
	.mobile_head .menu_tt a {
		padding-left: 10px;
		font-size: 15px;
	}
	.mobile_head .head_t{
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
	}
	.mobile_head .menu_btn {
		display: block;
		top: 12px;
		right: 0px;
	}
	.mobile_head .head_search{
		height: 70px;
		line-height: 70px;
	}
	.ind_head_scroll{
		display: none;
	}
	.ind_sea_hide .wrapper{
		height: 74px;
		padding: 7px;
	}
	.sub_head.bg{
		display: block;
	}
	.ind_head{
		top: 0!important;
	}
	
	.ind_search{
		margin: 15px 53px 0 0px;
	}
	
	.ind_title1{
		padding: 0 20px 50px;
	}
	.ind_title1 .tt{
		font-size: 32px;
	}
	.ind_title1 .text{
		font-size: 12px;
	}
	/*
	 * sub_banner
	 */
	.sub_banner {
		/*margin-top: 74px;*/
		height: 150px;
	}
	.sub_banner .tt{
		font-size: 28px;
	}
	.sub_banner .wrapper{
		margin-left: 0;
		height: calc(100% - 30px);
	}
	/*
	 * location 
	 */
	.location_wrap{
		margin-top: -30px;
		overflow: hidden;
	}
	.location_wrap .wrapper{
		width: 100%;
		margin-left: 0;
		position: initial;
	}
	
	.location {
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		z-index: 100;
		background: rgba(0, 0, 0, .7)!important;
		color: #fff;
		font-size: 14px;
		margin-top: 0;
	}
	.location_l .text{
		color: #fff;
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.location_l .text span:first-child{
		color: #fff;
		font-size: 20px;
	}
	.location_l{
		float: none;
	}
	.location_l .text a {
		color: #fff;
		font-size: 14px;
	}
	
	.footer_m .ind_t .wrapper{
		padding: 30px 0 10px;
	}
	.footer_m .item{
		width: 230px;
		margin-left: 0;
		margin-top: 20px;
	}
	.footer_m .item:nth-child(2){
		margin-left: 0;
		width: 120px;
	}
	.footer_m .item:nth-child(3),.footer_m .item:last-child{
		width: 100%;
	}
	.footer_m .ind_b .con a{
		margin-right: 10px;
	}
	.footer_b{
		font-size: 14px;
		padding: 10px;
	}
	.footer_b .wrapper{
		padding: 10px 0;
	}
	.footer_b_r{
		margin-top: 10px;
	}
	
	.banners .owl-controls{
		bottom: 0;
	}
	.banners.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
		margin: 5px 5px;
	}
	.banner_box .owl-theme .owl-dots .owl-dot span:before{
		width: 16px;
		height: 16px;
	}
	.title .tt{
		font-size: 24px;
		line-height: 34px;
	}
	.title .line{
		margin: 15px auto;
	}
	
	.faq_list dd{
		width: 100%;
		margin-bottom: 10px;
	}
	.faq_btn:nth-child(2){
		margin: 10px 0 0 90px;
	}
	.faq_btn_box{
		margin-top: 10px;
	}
	.faq_btn_box:nth-child(2){
		margin-left: 0;
	}
	.faq_list dd .tt{
		margin-bottom: 5px;
	}
	.faq_list dd .tt span {
	    float: left;
	}
	.faq_inp, .faq_area{
		width: 100%;
	}
	.ind_box1.index dd{
		margin-right: 0;
		height: auto;
	}
	.ind_box2.index .ind_t .title .text,.ind_box2.index .ind_b_r .text{
		padding: 0;
	}
	.ind_box2.index .ind_t .item,.ind_box2.index .ind_t .item:last-child{
		width: 300px;
		max-width: 100%;
		float: none;
		margin: 0 auto 15px;
	}
	.ind_box2.index .ind_b_l{
		width: 100%;
		height: 250px;
	}
	.ind_box2.index .ind_b_r{
		width: 100%;
		padding: 30px 20px;
	}
	.ind_box2.index .ind_b_r .tt{
		font-size: 22px;
	}
	.ind_box3.index .tab_box{
		margin-bottom: 10px;
	}
	.ind_box3.index .tab_box a{
		width: calc((100% - 30px) / 4);
    	margin: 0 10px 10px 0;
    	padding: 10px 0 5px;
	}
	.ind_box3.index .tab_box a:nth-child(4n){
		margin-right: 0;
	}
	.ind_box3.index .ind_l{
		width: 100%;
		padding: 0;
	}
	.ind_box3.index .ind_l .tt{
		font-size: 24px;
	}
	.ind_box3.index .ind_l .text{
		margin: 0 0 10px;
	}
	.ind_box3.index .ind_l .con{
		margin-bottom: 15px;
	}
	.ind_box3.index .ind_r{
		width: 100%;
	}
	.ind_box4.index .ind_t{
		height: auto;
		padding: 25px 0 60px;
	}
	.ind_box4.index .ind_t .tt{
		font-size: 20px;
	}
	.ind_box4.index .ind_t .text{
		padding: 0;
		line-height: 20px;
		font-size: 12px;
	}
	.ind_box4.index .ind_m .wrapper{
		margin-top: 30px;
	}
	.ind_box4.index .ind_m .btn{
		top: auto;
		margin-top: 0;
		bottom: -50px;
	}
	.ind_box4.index .ind_m .prev_btn{
		left: 50%;
		margin-left: -55px;
	}
	.ind_box4.index .ind_m .next_btn{
		right: 50%;
		margin-right: -55px;
	}
	.ind_box4.index .ind_b{
		margin-top: 90px;
	}
	.ind_box4.index .ind_b .wrapper{
		height: auto;
	}
	.ind_box4.index .ind_b_l .ind_b_l_t .text{
		padding: 0 20px;
	}
	.ind_box4.index .ind_b_l{
		width: 100%;
		padding: 0;
	}
	.ind_box4.index .ind_b_l .ind_b_l_t{
		height: 180px;
	}
	.ind_box4.index .ind_b_l .ind_b_l_t .tt{
		font-size: 22px;
	}
	.ind_box4.index .ind_b_r{
		width: 100%;
	}
	.ind_box4.index .ind_b_r .imgs{
		position: initial;
		margin-top: 20px;
	}
	.ind_box4.index .ind_b_l .ind_b_l_b dd{
		width: 100%;
		margin: 0 0 15px 0;
		height: auto;
		padding: 15px 0;
	}
	.ind_box5.index dd,.ind_box5.index dd:nth-child(1), .ind_box5.index dd:nth-child(2), .ind_box5.index dd:nth-child(5), .ind_box5.index dd:nth-child(4){
		width: 100%;
		border-right: 1px solid #dcdcdc;
	}
	.ind_box5.index dd:nth-child(5),.ind_box5.index dd:nth-child(6){
		border-top: none;
	}
	.title{
		margin-bottom: 30px;
	}
	.ind_box6.index .ind_l{
		width: 300px;
		height: 204px;
		margin: auto;
		float: none;
	}
	.ind_box6.index .ind_l:before,.ind_box6.index .ind_l iframe{
		width: 292px;
	    height: 166px;
	    top: 2px;
	    left: 4px;
	}
	.ind_box6.index .ind_r{
		width: 100%;
		padding: 0;
		margin-top: 25px;
	}
	.ind_box6.index .ind_r .item{
		width: calc((100% - 10px) / 2);
	    margin: 0 10px 20px 0;
	}
	.ind_box6.index .ind_r .item .tt{
		font-size: 14px;
	}
	.slide_r{
		
		top: auto;
		bottom: 0;
		right: 0;
	}
	.ind_box1.about{
		padding: 60px 0 40px;
	}
	.ind_box1.about .imgs{
		width: 100%;
		margin: 0 0 20px;
	}
	.ind_box2.about dd{
		width: calc((100% - 10px) / 2);
		margin: 0 10px 10px 0;
	}
	.ind_box2.about dd:nth-child(2n){
		margin-right: 0;
	}
	.ind_box3.about{
		padding: 40px 0;
	}
	.ind_box3.about .btn_box{
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.ind_box3.about .owl-controls{
		width: calc(100% - 120px);
		margin-left: 0;
		left: 60px;
	}
	.time_content .pic{
		width: 100%;
		padding: 0;
	}
	.time_content_wrap{
		margin-top: 40px;
	}
	.time_content .con{
		width: 100%;
		padding: 20px 0 0 0;
		position: inherit;
	}
	.time_content .con .tt{
		font-size: 50px;
    	margin-bottom: 5px;
	}
	.ind_box5.about .ind_l{
		width: 100%;
		padding: 40px 0;
	}
	.ind_box5.about .ind_l .ind_l_wrap{
		width: 94%;
		margin-left: 3%;
		float: none;
	}
	.ind_box5.about .ind_l .con{
		padding: 0;
		margin-bottom: 20px;
	}
	.ind_box5.about .ind_l .title{
		margin-bottom: 0;
	}
	.ind_box5.about .ind_l .tab_box a .icon{
		width: 40px;
		height: 44px;
		margin-top: 14px;
		background-size: cover!important;
	}
	.ind_box5.about .ind_l .tab_box a:nth-child(2) .icon{
		height: 41px;
	}
	.ind_box5.about .ind_l .tab_box a .tt{
		letter-spacing: initial;
		font-size: 15px;
		padding-left: 10px;
	}
	.ind_box5.about .ind_l .tab_box a{
		height: 70px;
		line-height: 70px;
	}
	.ind_box5.about .ind_l .tab_box a .arrow{
		width: 55px;
		height: 10px;
		margin-top: 30px;
	}
	.ind_box5.about .ind_r{
		width: 100%;
		padding: 30px 0;
	}
	.ind_box5.about .ind_r dl{
		padding: 0 10px;
	}
	.ind_box5.about .ind_r dd{
		width: calc((100% - 0px) / 2);
		padding: 0 10px;
	}
	.ind_box6.about{
		padding: 0px 0 100px;
	}
	.ind_box6.about .item dd{
		width: calc((100% - 5px) / 2);
		margin: 0 5px 5px 0;
	}
	.ind_box6.about .item dd:nth-child(2n){
		margin-right: 0;
	}
	.ind_box6.about .item dd:before{
		display: none;
	}
	.ind_box6.about .item dd a,.ind_box6.about .item dd.on a{
		width: 100%;
		height: auto;
	}
	.ind_box6.about .item dd a img{
		width: 100%;
	}
	.ind_box6.about .item dd .tt{
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		opacity: 1!important;
	}
	.ind_box6.about .btn{
		top: auto;
		margin-top: 0;
		bottom: -60px;
	}
	.ind_box6.about .prev_btnss{
		left: 50%;
		margin-left: -50px;
	}
	.ind_box6.about .next_btnss{
		right: 50%;
		margin-right: -50px;
	}
	.ind_box7.about .tab_box a{
		margin-bottom: 5px;
	}
	.ind_box7.about dd{
		margin-right: 0;
		text-align: center;
	}
	.ind_box7.about dd img{
		display: inline-block;
	}
	.ind_box1.contact .ind_t_l{
		width: 100%;
		padding: 30px 40px;
	}
	.ind_box1.contact .ind_t_l .text{
		margin-bottom: 30px;
	}
	.ind_box1.contact .ind_t_r{
		width: 100%;
		padding: 0 20px 30px 20px;
	}
	.ind_box1.contact .ind_b dd{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
		font-size: 16px;
		display: flex;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    justify-content: center;
	    -ms-justify-content: center;
	    -webkit-justify-content: center;
	    padding: 30px 30px;
	   
	}
	.ind_box1.contact .ind_b dd .icon{
		width: 25px;
		height: 17px;
		background-size: cover!important;
	}
	.ind_box1.contact .ind_b dd:nth-child(3) .icon{
		height: 21px;
	}
	.ind_box1.contact .ind_b dd .con{
		width: calc(100% - 25px);
		padding-left: 8px;
		line-height: 17px;
	}
	.ind_box1.join{
		padding: 60px 0 30px;
	}
	.ind_box1.join dd{
		width: 100%;
		margin: 0 0px 20px 0;
	}
	.ind_box1.join dd:nth-child(2n){
		margin-right: 0;
	}
	.ind_box2.join .ind_l{
		padding: 0 50px;
		width: 100%;
		margin-bottom: 20px;
	}
	.ind_box2.join .ind_r,.ind_box2.join .ind_r .tt{
		width: 100%;
		padding: 0;
	}
	.ind_box3.join .pic{
		width: 100%;
		padding-left: 0;
		text-align: center;
	}
	.ind_box3.join .con{
		width: 100%;
		padding: 40px 0px 0;
	}
	.ind_box4.join .faq_list{
		padding: 0 0 10px;
	}
	.ind_box2.join,.ind_box3.join{
		padding: 30px 0;
	}
	.ind_box3.join .tt{
		font-size: 24px;
	}
	/*.banners.owl-carousel .owl-item a{*/
 /*       width: 100%;*/
 /*       height: 100%;*/
 /*       display:flex;*/
 /*       display: -ms-flexbox;*/
 /*       display: -webkit-flex;*/
    
 /*       justify-content: center;*/
 /*       -ms-justify-content: center;*/
 /*       -webkit-justify-content: center;*/
        
 /*       align-items:center;*/
 /*       -ms-align-items: center;*/
 /*       -webkit-align-items: center;*/
 /*       overflow: hidden;*/
 /*   }*/
 /*   .banners.owl-carousel .owl-item img{*/
 /*       display: block;*/
 /*       height: 200px;*/
 /*       width: calc((1920px * 200) / 500);*/
 /*       max-width: none;*/
 /*   }*/
    .ind_box1.team dd{
    	padding: 30px 20px;
    }
    .ind_box1.team dd .pic{
    	width: 100%;
    }
    .ind_box1.team dd .con{
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.ind_box1.team dd:nth-child(2n){
		flex-direction: initial;
	    -webkit-flex-direction: initial; 
	    -ms-flex-direction: initial;
	}
	.ind_box1.team dd:nth-child(2n) .con{
		padding-right: 0;
	}
	.ind_box1.technical dd{
		width: 100%;
		margin-bottom: 20px;
	}
	.ind_box1.technical dd .pic{
		width: 100%;
	}
	.ind_box1.technical dd .con{
		width: 100%;
		padding: 20px 0 0 0;
	}
	.ind_box1.technical dd .tt{
		-webkit-line-clamp: 2;
		height: 38px;
	}
	.ind_box1.technical dd .text{
		font-size: 12px;
		line-height: 16px;
		height: 32px;
	}
	.ind_box1.technical dd .view_more{
		margin-top: 10px;
	}
	.ind_box1.technical,.ind_box1.technical_det{
		padding: 60px 0;
	}
	.ind_box1.technical_det .ind_l{
		width: 100%;
		padding: 0;
	}
	.ind_box1.technical_det .ind_r{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.patented_pro{
		padding: 40px 0;
	}
	.ind_box1.app_cover dd{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.ind_box1.app_cover dd:nth-child(1),.ind_box1.app_cover dd:last-child{
		padding: 30px 40px;
	}
	.ind_box1.app_cover{
		padding: 60px 0 30px;
	}
	.ind_box3.app_list{
		padding: 60px 0;
	}
	.ind_box3.app_list .tab_box a{
		margin-bottom: 30px;
	}
	.ind_box3.app_list .ind_wrap{
		margin-top: 0;
	}
	.ind_box3.app_list dl{
		padding: 0;
	}
	.ind_box3.app_list dd{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.ind_box3.app_list dd .pic{
		width: 100%;
		text-align: center;
	}
	.ind_box3.app_list dd .pic img{
		display: inline-block;
	}
	.ind_box3.app_list dd .con{
		width: 100%;
		padding: 0;
		margin-top: 20px;
		text-align: center;
	}
	.ind_box1.app_det{
		padding: 60px 0;
	}
	.ind_box1.app_det .wrapper{
		padding: 0;
	}
	.app_det_tt{
		margin-bottom: 20px;
	}
	.ind_box1.app_det img{
		max-width: 100%;
		margin: 10px 0;
	}
	.ind_box1.app_det .imgs img,.ind_box1.app_det .imgs img:last-child{
		display: block;
		width: 330px;
		float: none;
		margin: 0 auto 10px;
		max-width: 100%;
	}
	.app_det_results_item{
		width: 50%;
		float: left;
	}
	.app_det_results_item .tt{
		width: 100%;
		padding: 10px 0;
	}
	.app_det_results_item .con{
		width: 100%;
	}
	.app_det_results_item .item{
		width: 100%;
		padding: 10px;
	}
	.art_item{
		width: 100%;
	}
	.back_list{
		width: 100%;
		margin: 10px 0;
		padding: 10px 0;
	}
	.ind_box1.case {
		padding: 60px 0;
	}
	.ind_box1.case .item {
		background: #fff;
		padding: 0;
		margin-bottom: 20px;
	}
	.ind_box1.case .item a{
		display: block;
		padding: 20px;
	}
	.ind_box1.case .item .pic{
		width: 100%;
		margin: 0;
		padding: 0px;
		display: block;
		text-align: center;
	}
	.ind_box1.case .item .pic img{
		display: inline-block;
	}
	.ind_box1.case .item .con{
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}
	.ind_box1.case .item .con .tt{
		font-size: 18px;
	}
	.ind_box1.case .item .con .line{
		margin: 10px auto;
	}
	.ind_box1.case .item .con .text{
		padding: 0;
	}
	.ind_box1.case_det .wrapper{
		padding: 0;
	}
	.news_det_title .tt{
		font-size: 18px;
	}
	.news_det_content .imgs img{
		max-width: 100%;
		margin-bottom: 10px;
	}
	.news_det_content .imgs img:first-child {
	    margin-right: 0%;
	}
	.ind_box1.download{
		padding: 60px 0;
	}
	.ind_box1.download .down_tab_wrapper{
		margin-bottom: 20px;
	}
	.ind_box1.download .item{
		width: 100%;
		margin-right: 0;
		padding: 30px 20px 40px;
		margin-bottom: 15px;
	}
	.ind_box1.download .down_tab_box a{
		margin: 5px auto;
		float: none;
	}
	.ind_box1.download .item .iconpdf{
		width: 40px;
		font-size: 40px;
	}
	.ind_box1.download .item .con{
		width: calc(100% - 40px);
		padding-left: 15px;
	}
	.ind_box1.download .item .con .tt{
		font-size: 16px;
		height: 38px;
	}
	.ind_box1.download .item .con .text{
		line-height: 20px;
		height: 40px;
	}
	.ind_box1.download .down_icon{
		bottom: 10px;
		right: 20px;
	}
	.ind_box1.faq .list{
		padding: 0;
	}
	.ind_box1.faq .item{
		width: 100%;
		margin: 0 0px 30px 0;
	}
	.ind_box1.faq .item .item_b{
		padding: 25px 15px;
	}
	.ind_box1.faq .item .item_t{
		font-size: 15px;
	}
	.ind_box1.faq .item .item_t .con{
		padding-left: 10px;
	}
	.ind_box1.faq_det{
		padding: 50px 0;
	}
	.ind_box1.faq_det .ind_l{
		width: 100%;
		padding: 0;
	}
	.ind_box1.faq_det .item{
		margin-bottom: 30px;
	}
	.ind_box1.faq_det .item_t .iconfont{
		margin-top: -8px;
	}
	.ind_box1.faq_det .item_t .con{
		line-height: 26px;
		font-size: 16px;
	}
	.ind_box1.faq_det .item_b .con{
		padding: 0;
	}
	.ind_box1.faq_det .ind_r{
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
		padding: 20px;
	}
	.ind_box1.faq_det .ind_r .tt{
		font-size: 26px;
	}
	.ind_box1.video{
		padding: 60px 0;
	}
	.ind_box1.video .list{
		padding: 0;
		margin-top: 20px;
	}
	.ind_box1.video .item,.ind_box1.video .item:nth-child(3n){
		width: 100%;
		margin: 0 0px 20px 0;
	}
	.ind_box1.video .item iframe{
		height: 200px;
	}
	.ind_box1.video .item a{
		margin-top: -56%;
	}
	.ind_box1.video .item .tt{
		font-size: 14px;
	}
	.ind_box1.video .video_tab_box a{
		width: 50%;
		padding: 10px 0;
		font-size: 13px;
		border-bottom: 1px solid #f6f6f6;
	}
	.ind_box1.video_det .ind_l{
		width: 100%;
	}
	.ind_box1.video_det .ind_r{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.video_window {
	    width: 350px;
	    height: 300px;
	    margin: -150px 0 0 -175px;
	}
	.ind_box1.video_det{
		padding: 60px 0;
	}
	.ind_box1.video_det .ind_r .tt{
		font-size: 28px;
	}
	.news_tab_box{
		margin-bottom: 30px;
	}
	.news_tab_box a{
		width: 100%;
		margin: 0 0 5px 0;
	}
	.ind_box1.news{
		padding: 60px 0 40px;
	}
	.ind_box1.news .item a{
		padding: 20px;
	}
	.ind_box1.news .item .pic{
		width: 100%;
	}
	.ind_box1.news .item .con,.ind_box1.news .item:nth-child(2n) a .con{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.ind_box1.news .item a:before{
		display: none;
	}
	.ind_box1.service{
		padding: 60px 0;
	}
	.ind_box1.service .item{
		width: 100%;
		margin-right: 0;
		height: auto;
	}
	.ind_box1.service .ind_wrap{
		margin-top: 0;
	}
	.ind_box1.service .item:before{
		width: 1px;
		height: 100px;
		border-left: 1px dashed #a0a0a0;
		border-bottom: none;
		right: 50%;
		top: auto;
		bottom: -100px;
	}
	.ind_box1.service .item:after,.ind_box1.service .item:nth-child(4):after, .ind_box1.service .item:nth-child(5):after{
		top: auto;
		bottom: -70px;
		right: 50%;
		margin-right: -17px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}
	.ind_box1.service .item:nth-child(6), .ind_box1.service .item:nth-child(4), .ind_box1.service .item:nth-child(5){
		margin-bottom: 100px;
	}
	.ind_box1.service .item:last-child{
		margin-bottom: 0;
	}
	.ind_box1.service .item:last-child:after,
	.ind_box1.service .item:last-child:before{
		display: none;
	}
	.ind_box2.service .ind_l{
		width: 100%;
		height: auto;
		padding: 40px 20px;
	}
	.ind_box2.service .ind_l_wrap{
		width: 100%;
	}
	.ind_box2.service .ind_l_wrap .tt{
		font-size: 24px;
	}
	.ind_box2.service .ind_l_wrap .text{
		font-size: 18px;
	}
	.ind_box2.service .ind_l_wrap .con{
		padding-right: 0;
	}
	.ind_box2.service .ind_r{
		width: 100%;
	}
	.ind_box2.service .ind_r .next_btn{
		left: 50%;
		margin-left: -30px;
		bottom: auto;
		top: -20px;
	}
	.ind_box3.service dd:before{
		display: none;
	}
	.ind_box3.service dd{
		width: 100%;
		margin:  0 0 25px 0;
	}
	.ind_box3.service dd .tt{
		height: auto;
	}
	.ind_box3.service{
		padding: 30px 0;
	}
	.ind_box3.service .ind_wrap{
		margin-top: 30px;
	}
	.ind_box1.pro .wrapper{
		padding: 0;
	}
	.pro_l,.pro_r_t .pic{
		width: 100%;
	}
	.pro_l_m,.pro_l_b{
		display: none;
	}
	.pro_r{
		width: 100%;
		padding-left: 0;
	}
	.pro_r_t .con{
		width: 100%;
		padding: 0 20px;
	}
	.pro_r .items,.pro_r .items:nth-child(4n){
		width: calc((100% - 20px) / 2);
    	margin: 0 20px 30px 0;
	}
	.pro_r .items:nth-child(2n){
		margin-right: 0;
	}
	.pro_r_t{
		margin-bottom: 30px;
	}
	.ind_box1.pro{
		padding: 60px 0;
	}
	.pro_show{
		padding: 60px 0;
	}
	.big_pic_show{
		display: none;
	}
	.pro_show .pro_det_wap_scroll{
		display: block!important;
	}
	.pro_show .wrapper,.ind_box1.pro_det .wrapper{
		padding: 0px;
	}
	.pro_det_wap_scroll{
		width: 100%;
		margin: auto;
	}
	.pro_inf{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.pro_r_table.fixed{
		top: 100px;
	}
	.pro_r_table a{
		width: 50%;
		margin-top: 0;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.pro_r_table a:nth-child(2n){
		border-right: none;
	}
	/*.pro_r_table a:last-child{
		width: 100%;
		border-right: none;
	}*/
	.pro_r_table a:before{
		display: none;
		
	}
	.pro_r_des_item li,.pro_r_des_item li:last-child{
		float: none;
		margin: 0 auto 20px;
	}
	.pro_r_des_item dd{
		width: 100%;
		margin-bottom: 8px;
	}
	.pro_video iframe{
		height: 300px!important;
	}
	.pro_r_des_item img,.news_det_content img{
		max-width: 100%;
	}
                .fix_nav {
                	display: block;
                }
                
                .slide_r {
                	display: none!important;
                }
    .footer{
    	margin-bottom: 70px;
    }
}