@media only screen and (max-width:767px) {
	.container{
		width: 100% !important;
		max-width: 100% !important;
	}
	body {
		padding-top: 95px;
		font-size: 14px;
	}
	p {
		color: #333;
	}
	.ptb-100 {
		padding-top: 100px;
		padding-bottom: 100px
	}
	
	.pt-100 {
		padding-top: 100px
	}
	
	.pt-80 {
		padding-top: 80px
	}
	
	.ptb-70 {
		padding-top: 70px;
		padding-bottom: 70px
	}
	
	.pb-100 {
		padding-bottom: 100px
	}
	
	.pb-70 {
		padding-bottom: 30px
	}
	
	.pt-50 {
		padding-top: 50px
	}
	
	.pt-45 {
		padding-top: 45px
	}
	
	.pt-20 {
		padding-top: 20px
	}
	
	.mt-30 {
		margin-top: 30px
	}
	.ml-25 {
		margin-left: 15px
	}
	
	.ml-20 {
		margin-left: 20px
	}
	
	.mr-20 {
		margin-right: 20px
	}
	
	.margin-auto {
		margin: 0 auto
	}
	
	.border-radius-50 {
		border-radius: 50px
	}
	
	.border-radius-5 {
		border-radius: 5px
	}
	
	
	/* start of 轮播图 */
	.banner-slider-area {
		position: relative
	}
	
	.banner-slider-area .owl-dots {
		margin-top: 0 !important;
		position: absolute;
		right: 0 !important;
		bottom: -5px;
		margin-bottom: 0;
		width:auto;
		padding: 0 10px;
	}
	
	.banner-slider-area .owl-dots .owl-dot span {
		width: 12px !important;
		height: 12px !important;
		border: 2px solid #E4E4E4;
	}
	
	.banner-slider-area .owl-dots .owl-dot.active span {
		width: 12px !important;
		height: 12px !important;
		border: 3px solid #009EE8
	}
	
	.banner-slider-area .owl-dots .owl-dot:hover span {
		width: 12px !important;
		height: 12px !important;
		border: 3px solid #009EE8
	}
	
	.banner-slider{
		position: static;
	}
	.banner-item {
		height: 160px;
		position: static;
		background-position: top center;
		background-size: auto 160px;
		background-repeat: no-repeat;
	}
	.banner-title{
		position: absolute;
		bottom: -40px;
		left: 0px;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
	}
	.banner-title a{
		font-size: 13px;
	}
	
	.banner-slider .owl-nav{
		position: absolute;
		bottom: 3px;
		left: 0;
		width: auto;
		margin: 0;
		z-index: 3;
		height: 50px;
	}
	.banner-slider .owl-nav button{
		font-size: 33px !important;
		color: #fff !important;
		margin: 0 2px!important;
		width: 25px;
		height: 50px;
	}
	/* end of 轮播图 */
	
	.box{
		padding: 20px 0 ;
	}
	.index-title{
		padding-bottom: 15px;
		position: relative;
	}
	.index-title h3{
		display: inline-block;
		font-size: 18px;
		margin-right: 10px;
		
	}
	.index-title span{
		font-size: 12px;
	}
	.index-title-small{
		padding-bottom: 10px;
	}
	.index-title-small h3{
		font-size: 16px !important;
	}
	.title-btns{
		text-align: center;
		position: inherit;
	}
	.title-btns>a{
		display: inline-block;
		line-height: 32px;
		margin:0 20px;
	}
	
	.title-center{
		margin-bottom: 20px;
		margin-top: 15px;
	}
	.title-center>h3{
		font-size: 18px;
	}
	.title-center>p{
		font-size: 12px;
		margin-top: -2px;
	}
	/* start of -- 公司简介 */
	.company-bg{
		margin-top: 50px;
		margin-bottom: 0;
		padding-bottom: 20px;
		background:#F6FAFD url('../images/qybg.jpg') no-repeat bottom right ;
		background-size: 600px auto;
	}
	.video-bg{
		height: auto;
	}
	.video-play>i{
		font-size: 60px;
	}
	.video-play:hover i{
		opacity: 1;
		transition: .3s;
	}
	.company-title{
		padding: 10px 0;
		margin-left: 0;
	}
	.company-title h3{
		font-size: 18px;
	}
	.company-title h5{
		font-size: 13px;
		margin-bottom: 0;
	}
	.company-info{
		margin-left:0;
		padding: 0 ;
		line-height: 2;
	}
	.company-btn{
		margin-left: 0;
		width: 100px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		font-size: 12px;
	}
	/* end of -- 公司简介 */
	
	/* start of -- 新闻动态 */
	.new-img-box{
		display: block;
	}
	.new-img-box>.img{
		height: 130px;
	}
	.new-img-box>h3{
		line-height: 2;
		font-size: 14px;
		margin: 10px 0 5px 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.new-img-box>.info{}
	.new-img-box>.info>.date{
		width: 60px;
		font-size: 12px;
		vertical-align: text-bottom;
	}
	.new-img-box>.info>.date>span{
		display: block;
		font-size: 14px;
		line-height: 120%;
	}
	.new-img-box>.info>p{
		display: inline-block;
		width: calc(100% - 70px);
		padding: 0 10px;
		margin: 0;
		font-size: 12px;
		line-height: 180%;
		height: 44px;
		overflow: hidden;
	}
	.new-word-box{
		display: block;
		padding: 8px 0 5px 0;
	}
	.new-word-box>.date{
		width: 60px;
		font-size: 12px;
	}
	.new-word-box>.date>span{
		display: block;
		font-size: 14px;
		line-height: 120%;
	}
	.new-word-box>.info{
		display: inline-block;
		width: calc(100% - 70px);
		padding: 0 10px;
	}
	.new-word-box>.info>h3{
		line-height: 2;
		font-size: 14px;
		margin: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.new-word-box>.info>p{
		font-size: 12px;
		line-height: 180%;
	}
	.new-more{
		display: block;
		width: 200px;
		line-height: 30px;
		margin: 0 auto;
		margin-top: 15px;
		font-size: 12px;
	}
	.new-more:hover{
		background: #017BC8;
		color: white;
	}
	/* end of -- 新闻动态 */
	
	/* start of -- 实力 */
	.strength-bg{
		background: url('../images/strengthbg.jpg') no-repeat center center;
	}
	.strength-box{
		margin-bottom: 30px;
		padding: 0 5px;
	}
	.strength-box>p{
		color: white;
		text-align: center;
		margin: 0;
		line-height: 100%;
		font-size: 12px;
	}
	.strength-box>p>span{
		font-size: 14px;
		color: #A6CE54;
		margin: 0 5px;
	}
	.strength-box-phone{
		margin-bottom: 20px;
	}
	.strength-box-right{
		border: none !important;
	}
	.strength-c{
		margin: 12px 0 !important;
	}
	
	.advantage-phone{
		padding: 5px 15px;
	}
	.advantage-phone .row{
		margin-left: -7px;
		margin-right: -7px;
	}
	.advantage-phone .col-6{
		padding-left: 7px;
		padding-right: 7px;
	}
	.advantage-box{
		padding: 5px;
		margin: 5px 0;
	}
	.advantage-box>.img{
		height: 100px;
	}
	.advantage-box>.img>p{
		line-height: 30px;
		font-size: 14px;
	}
	
	.video-phone{
		padding: 5px 15px;
	}
	.video-phone .row{
		margin-left: -7px;
		margin-right: -7px;
	}
	.video-phone .col-6{
		padding-left: 7px;
		padding-right: 7px;
	}
	.video-box{
		display: block;
		padding: 5px 10px;
		color: #333;
		margin-bottom: 10px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.video-box>img{
		width: 24px;
		margin-right: 5px;
	}
	
	.video-popup-box{
		width: 94%;
		padding: 5px;
	}
	.video-popup-box>h3{
		margin-top: 5px;
		font-size: 14px;
	}
	.video-popup-box>h3>span{
		font-size: 12px;
	}
	.video-popup-close{
		position: absolute;
		top: -50px;
		right: 0px;
		font-size: 28px;
	}
	/* end of -- 实力 */
	.service-bg{
		display: block;
	}
	.service-box{
		display: block;
		float: left;
		width: 50%;
		height: 180px;
	}
	.service-info{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		z-index: 1;
	}
	.service-icon{
		width: 60px;
		margin-top: 30px;
	}
	.service-info h3{
		font-size: 18px;
		margin-top: 20px;
	}
	.service-info p{
		font-size: 14px;
		margin-top: 10px;
	}
	.service-info p img{
		height: 20px;
	}
	.service-info:hover .service-icon{
		margin-top: 20px;
	}
	.service-info:hover h3{
		margin-top: 15px;
	}
	
	.footer-bg{
		padding-top: 20px;
		background: url('../images/contactbg.jpg') no-repeat top center;
		background-size: auto 100%
	}
	.footer-lower{
		padding: 0 0 30px 0;
	}
	.contact-box{
		margin-top: -5px;
	}
	.contact-ul{
	}
	.footer-lower .contact-box{
		padding-top: 30px;
	}
	.contact-ul>a{
		line-height: 30px;
		font-size: 13px;
	}
	.footer-lower .contact-ul>a{
		line-height: 30px;
	}
	.contact-ul-phone{
		font-size: 20px;
	}

	.contact-gzh>p{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footer-links{
		margin-top: 20px;
		padding: 5px 0;
		font-size: 12px;

	}
	.footer-links span{
		margin-right: 5px;
	}
	.footer-links a{
		padding: 0 10px;
	}
	.footer-links a:last-child{
		border: none;
	}
	.footer-copyright{
		padding: 10px 0;
		line-height: 1.8;
		font-size: 12px;
	}
	
	/* start of -- 二级页面顶部 */
	.lower-bg{
		height: 160px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		position: relative;
		overflow: hidden;
	}
	.lower-bg-new{
		background: #F7F7F7;
		margin-bottom: 0;
	}
	.lower-img{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		height: 140px;
		min-width: initial;
		max-width: initial;
	}
	.lower-info{
		position: absolute;
		bottom: 1px;
		left: 15px;
		z-index: 2;
		margin-left: 0;
		width: calc(100vw - 30px);
		height: 40px;
		padding:5px 15px ;
	}
	.lower-info>h4{
		display: inline-block;
		font-size: 16px;
		margin: 0;
	}
	.lower-info>p{
		display: inline-block;
		font-size: 12px;
		line-height: 24px;
	}
	/* end of -- 二级页面顶部 */
	/* starct of -- 关于我们单页 */
	.introduce-title{
		text-align: center;
		margin-bottom: 10px;
	}
	.introduce-title>h3{
		margin-bottom: 15px;
		font-size: 16px;
	}
	.introduce-title>span{
		width: 60px;
	}
	.introduce-title>p{
		line-height: 50px;
		margin-bottom: 10px;
	}
	.introduce-content{
		width: 100%;
		padding: 0 15px;
		margin: 0 auto;
	}
	.introduce-content p{
		color: #666;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.introduce-video{
		width: calc(100vw - 30px);
		margin: 30px auto;
		padding-bottom: 20px;
	}
	/* end of -- 关于我们单页 */
	/* start of -- 专家团队 */
	.expert-box{
		margin-bottom: 15px;
		padding: 10px 10px 10px 140px;
		background: #F6FAFD;
		border: 1px solid #F2F2F2;
		position: relative;
	}
	.expert-img{
		position: absolute;
		top: 10px;
		left: 10px;
		width: 120px;
		height: 150px;
		margin: 0 ;
		overflow: hidden;
	}
	.expert-img>img{
		min-height: 100%;
	}
	.expert-box>h4{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
		text-align: left;
	}
	.expert-box>h4>span{
		margin-left: 10px;
		font-size: 14px;
		color: #666;
		font-weight: normal;
	}
	.expert-box>p{
		line-height: 1.8;
		height: auto;
		overflow-y: inherit;
	}
	/* end of -- 专家团队 */
	/* start of -- 技术实力 */
	.img-phone{
		padding: 5px 15px;
	}
	.img-phone .row{
		margin-left: -7px;
		margin-right: -7px;
	}
	.img-phone .col-6{
		padding-left: 7px;
		padding-right: 7px;
	}
	.img-bg{
		margin-bottom: 15px;
	}
	.img-content{
		height: 94px;
	}
	.img-box img{
		width: 100%;
	}
	.img-bg h5{
		height: 40px;
		margin-top: 5px;
	}


	.img-popup{
		display: none;
	}
	.img-popup-box{
		width: 94%;
		padding: 5px;
	}
	.img-popup-box .img-box{
		width: 100% !important;
	}
	.img-popup-close{
		position: absolute;
		top: -50px;
		right: 0;
		font-size: 28px;
	}
	.img-popup-box .img-content{
		height: 100%;
	}

	.img-popup-content img{
		display: block;
		width: auto;
		height: 100%;
		margin: 0 auto;
	}
	.img-popup-box .img-bg h5{
		font-size: 14px;
		height: 40px;
		line-height: 1.4;
	}
	.img-popup-long{
		height: auto !important;

	}
	.img-long{
		width: 100% !important;
	}
	
	/* end of -- 技术实力 */
	/* start of -- 新闻动态 */
	.news-type{
		margin-bottom: 15px;
	}
	.news-type>a{
		display: inline-block;
		min-width: 40px;
		padding: 0 10px;
		line-height: 40px;
		font-size: 13px;
	}
	.new-box{
		display: block;
		height: auto;
		padding: 10px 0 10px 60px;
		margin-bottom: 10px;
	}
	.new-date{
		width: 60px;
		height: 82px;
		font-size: 12px;
		line-height: 1;
	}
	.new-date span{
		display: block;
		line-height: 28px;
		font-size: 14px;
	}
	.new-title{
		padding: 0 10px;
	}
	.new-title>h3{
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 14px;
	}
	.new-title>p{
		height: 40px;
		overflow: hidden;
		font-size: 12px;
		line-height: 1.8;
	}

	.article-box{
		width: 100%;
		margin: 20px auto;
	}
	.article-title{
		padding: 0 15px;
		margin-bottom: 20px;
	}
	.article-title>h3{
		font-size: 16px;
	}
	.article-title>p{
		margin: 10px 0;
	}
	.article-title>p>span{
		display: block;
		border: none;
		padding: 5px 15px;
	}
	.article-content{
		padding: 0 15px;
	}
	
	.article-content p{
	    line-height: 1.8;
	    margin-bottom: 20px;
	}
	.article-content img{
		display: block;
		max-width: calc(100vw - 30px);
      height:auto;
		margin: 15px auto;
	}
	.article-btns{
		margin-top: 40px;
		margin-bottom: 0px;
	}
	.article-btns>a{
		display: block;
		width: 50%;
		padding: 10px 10px;
		font-size: 12px;
		line-height:1.8;
	}
	.article-btns>a>span{
		display: block;
		font-size: 14px;
		line-height:1.4;
	}
	/* end of -- 新闻动态 */
	/* start of -- 商务合作 */
	.form-box{
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		padding-bottom: 20px;
	}
	.business-title{
		width: 100%;
	}
	.business-title>h3{
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 10px;
	}
	.business-title>h4{
		font-size: 16px;
		line-height: 30px;
	}
	.business-title>p{
		margin-bottom: 0px;
	}
	.form-box .form-label{
		margin-top: 15px;
		margin-bottom: 5px;
	}
	.form-box input{
		height: 40px;
	}
	
	.form-box .form-control::placeholder {
		color: #A2A2A2;
		font-size: 14px;
	}
	.form-box .form-control{
		padding: 2px 10px;
		border-radius: 0;
		border: 1px solid #E6E6E6;
		background: #F9F9F9;
		font-size: 14px;
	}
	.form-box textarea{
		padding: 10px 10px !important;
	}
	.form-box .submit{
		width: 100%;
		height: 40px;
		margin: 30px 0;
		font-size: 14px;
		background: #0067AC;
		border-radius: 0 !important;
	}
	/* end of -- 商务合作 */
	/* start of -- 加入我们 */
	.join-box{
		display: block;
		padding: 10px 80px 10px 15px;
		margin-bottom: 15px;
	}
	.join-box>h3{
		font-size: 14px;
		line-height: 1.8;
	}
	.join-box>p{
		font-size: 12px;
		line-height: 1.8;
	}
	.join-box>span{
		width: 70px;
	}
	
	.joinDetail-box{
		width: 100%;
		margin: 20px auto;
	}
	.joinDetail-title{
		padding: 10px 15px;
	}
	.joinDetail-title>h3{
		font-size: 16px;
		margin-bottom: 2px;
	}
	.joinDetail-title>p{
		font-size: 14px;
	}
	
	.joinDetail-content{
		padding: 20px 15px;
		margin-bottom: 20px;
		line-height: 1.8;
	}
	.joinDetail-content p{
		line-height: 1.8;
		margin-bottom: 20;
	}
	/* end of -- 加入我们 */
	/* start of -- 联系方式  */
	#mapCont{
		width: calc(100vw - 30px);
		height: 420px;
		margin: 0 auto;
		margin-bottom: 40px;
	}
  #industrialCont{
		width: calc(100vw - 30px);
		height: 480px;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	/* end of -- 联系方式  */
	
	/* start of -- 干细胞、衍生品、体检中心、免疫细胞  */
	.pro-top{
		height: auto;
		padding: 30px 0;
	}
	.pro-top-gxb{
		background: url('../images/gxbTop.jpg') no-repeat center;
		background-size: auto 100%;
	}
	.pro-top-myxb{
		background: url('../images/myxbTop.jpg') no-repeat center;
		background-size: auto 100%;
	}
	.pro-top-ysp{
		height: auto;
		background: url('../images/yspTop.jpg') no-repeat center;
		background-size: auto 100%;
	}
	.pro-top-tj{
		height: auto;
		background: url('../images/tjyeTop.jpg') no-repeat center;
		background-size: auto 100%;
	}
	.pro-top-content{
		padding: 0;
	}
	.pro-top-content>h2{
		margin-bottom: 20px;
		font-size: 18px;
	}
	.pro-top-content>h4{
		margin-bottom: 5px;
		font-size: 16px;
		font-weight: normal;
	}
	.pro-top-content>p{
		line-height: 1.8;
		font-size: 14px;
	}
	
	.pro-video-bg{
		margin-left: 0;
		width: 100%;
		line-height: 100%;
	}
	.pro-top-myxb .pro-video-bg{
		border: 5px solid #E28F6D !important;
	}

	
	.pro-pd0{
		padding-left: 5px;
		padding-right: 5px;
	}
	.pro-box{
		width: 100%;
		padding: 30px 15px;
	}
	.pro-box .row{
		margin-left: -7px;
		margin-right: -7px;
	}
	.pro-box .col-6{
		padding-left: 7px;
		padding-right: 7px;
	}
	.pro-image{
		width: 100%;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
	.pro-image>img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%,-50%, 0);
		
		height: 100%;
		width: auto;
		max-width: 1000%;
	}
	.pro-content span{
		padding: 0 20px;
		line-height: 18px;
		font-size: 12px;
	}
	.pro-content h3{
		font-size: 18px;
	}
	.pro-content p{
		margin-top: 10px;
		margin-bottom: 0;
		line-height: 1.8;
	}
	.pro-top-title h2{
		margin-top: 20px;
		margin-bottom: 15px;
		border: none;
		font-size: 18px;
	}
	.pro-top-title p{
		width: 200px;
		margin: 15px auto;
		line-height: 30px;
		font-size: 12px;
	}

	.pro-tjyw{
		margin: 30px 0;
	}
	.pro-tjyw>p{
		line-height: 1.8;
		margin-bottom: 20px;
		font-size: 14px;
	}
	
	.my-title{
		margin-top: 20px;
		margin-bottom: 15px ;
		font-size: 16px;
	}
	.my-role{
		padding-top: 15px;
		padding-left:0;
	}
	.my-role>h4{
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	.my-role>p{
		margin: 0;
	}
	
	.my-reason{
		margin-top: 10px;
	}
	.my-reason>p{
		line-height: 1.8;
		margin-bottom: 15px;
	}
	
	.my-steps{
		margin:10px 0 15px 0;
		text-align: center;
	}
	.my-steps>.icon{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 70px;
		height: 70px;
		margin: 0 auto;
		background: #E66444;
		border-radius: 100px;
		font-size: 36px;
		color: #fff;
	}
	.my-steps>h4{
		margin-top: 10px;
		font-size: 18px;
		color: #E93421;
	}
	.my-steps>p{
		font-size: 14px;
		line-height: 180%;
		color: #666;
	}
	.my-steps>h4>span{
		display: inline-block;
	}
	.my-steps-right{
		font-size: 50px;
		color: #E66444;
		margin-top: 70px;
	}
	.my-steps-1{
		display: none;
	}
	/* end of -- 干细胞、衍生品、体检中心、免疫细胞  */
	/* start of  - 分页*/

	.article-pagination li a{
		min-width: 28px;
		height: 28px;
		line-height: 28px;
		padding: 0 6px;
		border-radius: 2px;
		font-size: 12px;
	}
	.article-pagination>.word{
		margin: 0 8px;
	}

	.article-pagination>.input {
		height: 28px;
		line-height: 26px;
	}

	.article-pagination>.input input {
		width: 50px;
		height: 28px;
		font-size: 12px;
	}
	.article-pagination-tips{
		display: none;
		position: absolute;
		bottom: -20px;
		left: 0;
		font-size: 12px;
		z-index: 1;
	}
	/* end of  - 分页*/
	/* start of  - 搜索结果页*/
	.search-title{
		padding: 20px 0;
		font-size: 14px;
	}
	.search-title>span{
		font-size: 18px;
	}
	/* end of  - 搜索结果页*/

	/* start of  - 返回顶部*/
	.right-fixed{
		right: 10px;
	}
	.follow{
		display: none !important;
	}
	.right-bg{
		width: 40px;
		height: 40px;
	}
	.right-bg img {
		width: 20px;
	}
	.right-bg span{
		display: none;
	}

	.right-fixed.active {
		bottom: 60px;
	}
	/* end of  - 返回顶部*/
	.footer-phone{
		font-size: 18px;
	}
	/* start of - 页面内容区域最小高度*/
	.page-height{
		min-height: calc(100vh - 338px);
	}
	.page-height-detail{
		min-height: calc(100vh - 198px);
	}
	/* end of - 页面内容区域最小高度*/
	/* 使用手机端aaaa */
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.service-icon{
		width: 60px;
	}
	.service-info h3{
		font-size: 24px;
		margin-top: 20px;
	}
	.service-info p{
		font-size: 14px;
		margin-top: 20px;
	}
	.service-info p img{
		height: 25px;
	}
	.service-info:hover h3{
		margin-top: 10px;
	}

	.company-bg{
		margin-top: 65px;
		margin-bottom: 10px;
		padding-bottom: 20px;
		background: url('../images/qybg.jpg') no-repeat bottom right ;
		background-size: 800px auto;
	}
	.video-bg{
		height: auto;
	}
	.company-title{
		padding: 10px 0;
		margin-left: 0px;
	}
	.company-title h3{
		font-size: 28px;
	}
	.company-title h5{
		font-size: 16px;
		color: #B8E0F9;
		font-weight: normal;
	}
	.company-info{
		font-size: 14px;
		margin-left: 0;
		padding: 0 20px 0 0;
		line-height: 1.8;
	}
	.company-btn{
		margin-left: 0;
	}
	.introduce-content{
		width: 90%;
	}
	.article-box{
		width: 90%;
	}
	.pro-video-bg{
		width: 100%;
		margin-left: 0;
	}
	.pro-box{
		width: 100%;
		padding: 50px 30px;
	}
	.pro-image{
		width: 100%;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
	.pro-image>img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%,-50%, 0);

		height: 100%;
		width: auto;
		max-width: 1000%;
	}
	.my-box{
		width: 100%;
	}
	.my-steps-1{
		display: none;
	}
	.my-role{
		padding-top: 10px;
	}
	.my-reason{
		margin-top: 20px;
	}

	.pro-top-content{
		padding:  0px;
	}
	.form-box{
		width: 90%;
	}
	.business-title{
		width: 100%;
	}
	.joinDetail-box{
		width: 90%;
	}
	.introduce-title, #mapCont{
		width: 90%;
	}
  #industrialCont{
		width: 90%;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.introduce-content{
		width: 90%;
	}
	.article-box{
		width: 90%;
	}
	.pro-video-bg{
		width: 100%;
		margin-left: 0;
	}
	.pro-box{
		width: 100%;
		padding: 50px 30px;
	}
	.pro-image{
		width: 100%;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
	.pro-image>img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%,-50%, 0);

		height: 100%;
		width: auto;
		max-width: 1000%;
	}
	.my-box{
		width: 99%;
	}
	/*.my-steps-1{*/
	/*	display: none;*/
	/*}*/
	.form-box{
		width: 90%;
	}
	.business-title{
		width: 100%;
	}
	.joinDetail-box{
		width: 90%;
	}
	.img-long{
		width: 300px !important;
	}

}
@media only screen and (min-width:1200px) and (max-width:1299px) {
	.pro-video-bg{
		width: 100%;
		margin-left: 0;
	}
	.form-box{
		width: 90%;
	}
	.business-title{
		width: 100%;
	}

}

@media only screen and (min-width:1300px) and (max-width:1399px) {

}

@media only screen and (min-width:1400px) {
	
}
@media only screen and (min-width:768px) and (max-width:1399px) {
	.banner-title{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0 200px 0 100px;
	}
	.banner-slider .owl-nav{
		position: absolute;
		bottom: 3px;
		left: 10px;
		width: 100px;

	}
	.banner-slider-area .owl-dots {
		right: 10px !important;
		bottom: 0;
		margin-bottom: 13px;
		width: 200px;
	}

	.lower-info{
		bottom: 10px;
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	.footer-phone{
		font-size: 18px;
	}


}