@charset "utf-8";
/* CSS Document */

@media (max-width: 767px) {
.navbar-default {
    background-color: #000;
}
.sp_contact{
    height:30rem;
}
.design-proImg7{
    background-size:100%;
}
.design_sheji{
    background-attachment:inherit;
}
.medical_img,.medical_box2,.medical_content{
	width:100%;
	height:auto;
}
.medical_imgBox2{
    height:auto;
    border:none;
}
.medical_imgBox2>img{
    margin:20px auto;
}
.medical_box3_img>img{
    height:auto;
}
.slider-banner .slider-table .slider-vm h1 {
    color: #fff;
    font-size: 22px;
}
.slider-banner .slider-table .slider-vm p {
    margin-bottom: 5px;
    font-size: 14px;
}	
.btn-lg {
    padding: 10px 15px;
}
.main-slider .flex-direction-nav a {  
    font-size: 20px;
}
.content-box-text {
    margin-bottom: 35px;
}
.h1, h1 {
    font-size: 26px;
}
.inner {
    margin-bottom: 20px;
}
.team .team-img { 
    background-size: 100%;
    margin-bottom: 20px;
}
.mouse-down {
    bottom: 30px;
}
.parallax-text {
    font-size: 27px;
    line-height: 42px;
}
.counter-section {
    width: 100%;
    min-height: 300px;
    padding-top: 100px;
}
.footer-widget-social ul {
    text-align: center;   
    padding: 0;
}
.footer-widget-social a { 
    border-radius:50%;
    font-size: 14px;
    line-height: 15px;
    padding: 8px;
    width: 30px;
    height: 30px;   
}	
.back-to-top {
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    font-size: 13px;
    border-radius:50%;
}
/* 自适应样式----------------------- */
.no-margin1{
    width: 100%;
}
.box-left{
    float: left;
    min-height: 6rem;
    padding: 10px 0;
    margin-top:0px;
}
.box-left>ul{
    padding-right: 15px;
    padding-left: 10px;
}
.box-right>p{
    margin-top: 10%;
    margin-left:2rem;
    float: left;
}
.public{
    display: none;
}
.searchBox a img{
    width: 1rem;
    height: 1rem;
}
.searchBox a p{
    font-size: 1.2rem;
}
.content-section3>div{
    float: left;
}
.content-green>h1{
    font-size: 2rem;
}
.logoImg{
    width: 120px;
    margin-top: 5px;
    margin-left: 10px;
}
.content-green>p{
    padding: 1rem 3.2rem;
}
.content-green{
    min-height: 35rem;
}
.ai_principle{
    margin: 1rem auto;
}
.quotation>p{
    font-size: 12px;
    padding:0 4rem;
    line-height:2;
}
.boxTop{
    line-height: 1.5;
}
.boxBottom{
    font-size: 14px;
    line-height: 1.5;
    margin-top: 2rem;
}
.indexBox{
    float: left;
}
.content-green2{
    height: 13rem;
}
.text-sp{
    font-size: 1.2rem;
}
.content-white>h1, .content-white>h3{
    font-size: 20px;
}
.content-white>p{
    padding: 1rem 3.2rem;
}
.imgBox img{
    margin: 0 auto;
    display: block;
}
/* design-- */
.surePass{
    margin: 0;
}
.design_arrow{
    left: -5.5rem;
}
.design_right>img{
    left: calc(50% - 6rem);
}
.anyield p:first-child span{
    line-height: 3;
}
.design_text>p{
    font-size: 14px;
    padding: 1rem 3.2rem;
}
.design_sheji{
    height: 28rem;
}
.day_indexText>p{
    padding: 1rem 0;
    font-size: 12px;
    line-height: 1.5;
}
.day_indexImg3>.day_indexText>p{
    font-size: 12px;
}
.day_indexImg4>.day_indexText>p, .day_indexImg5>.day_indexText>p, .day_indexImg6>.day_indexText>p, .day_indexImg7>.day_indexText>p{
    font-size: 12px;
}
.loader_img>ul>li{
    width: 6rem;
}
.loader_img{
    width: 26.5rem;
}
.day_index_loader{
    width: 32rem;
    height: 7rem;
}
.height-40{
    height: 5px;
}
.contact_index{
    padding-bottom: 20px;
}
.contact_way{
    margin-top: 50px;
}
.medical_sText{
    width: 80%;
    left: 10%;
    padding:1rem;
}
.medical_produce_content{
    width: 100%;
}
.medical_box3_header>p{
    width: 100%;
    font-size: 14px;
}
.medical_box3_body,.medical_footer_text{
    width: 100%;
}
medical_textBox2{
    height: 26rem;
}
.medical_textBox2>h1{
    font-size: 2rem;
}
.medical_textBox2{
    min-height: 28rem;
}
.medical_imgBox2{
    padding-right: 0;
    padding-left: 0;
}
.medical_produce{
    min-height: 230rem;
}
.medical_produce_box{
    margin: 50px auto;
}
.medical_content_text>p{
    font-size: 14px;
}
.medical_produce>h1{
    font-size: 2.4rem;
    padding: 40px 0 0 0;
}
.medical_box3_sp>p{
    font-size: 14px;
    padding: 10px 20px;
}
.medical_box3_sp>h1{
    font-size: 20px;
}
.medical_box3_header>h1{
    font-size: 20px;
    padding:30px;
}
.medical_box3_text{
    margin: 0 auto;
    padding: 10px;
}
.medical_footer>p{
    font-size: 14px;
}
.medical_footer>h1{
    font-size: 30px;
}
.medical_footer_text>div{
    font-size: 14px;
    padding-bottom:10px;
}
.service_Sbox{
    width: 95%;
    margin: 10px 10px 0;
    border-left: 5px solid #30f6d3;
}
.service_Sbox>h2{
    margin: 0px;
    padding: 5px 5px 0px 5px;
    font-size: 12px;
}
.service_Bbox>p{
    padding: 10px;
}
.service_img_text{
    padding:2rem;
}
.service_img_text>h2{
    font-size: 14px;
}
.service_img_text>p{
    font-size: 12px;
}
.service_footer>p{
    padding: 10px;
    font-size: 12px;
}
.ai_dayTime>a{
    font-size:16px;
    line-height: 40px;
}
.ai_dayTime{
    width: 160px;
    height: 40px;
}
.service_content>.col-sm-6{
padding-left: 0;
padding-right: 0;
}
/* store------------------------------- */
.storeroom_index{
    width:100%;
    margin: 60px auto;
}
.storeroom_content{
    width: 100%;
}
.storeroom_index>h2{
    font-size: 30px;
}
.storeroom_product{
    min-height: 310px;
}
/* serviceProvider---------------------- */
#home{
   width: 100%;
   margin-top:50px;
}
#home1{
   height:300px!important;
}
.sp_find,.sp_join{
    width: 100px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 14px;
}
.sp_btnBox{
    width: 70%;
    margin: 20px auto;
}
.sp_container{
    margin-top: 30%;
}
.sp_img>img{
    width: 100%;
}
.sp_time{
    width: 100%;
    margin: 10px auto;
}
.sp_pic{
    width: 100%;
    height: 90px;
}
.sp_detail{
    width: 100%;
    height: 100px;
}
.sp_pic>ul>li{
    width: 25%;
}
.sp_pic>ul>li>div>img{
    width: 50px;
    height: 55px;
}
.sp_time>ul>li{
    width: 28%;
}
.sp_time>ul>li>div{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.sp_detail>ul>li,.sp_detail>ul>li>div>h3,.sp_detail>ul>li>div>p{
    width: 90px;
}
.sp_detail>ul>li>div>h3{
    font-size: 14px;
}
.sp_detail>ul>li>div>p{
    font-size: 12px;
}
.sp_time li:nth-child(1){
    margin-left: 15px;
}
.sp_pic li:nth-child(1){
    margin-left: 15px;
}
.sp_input{
    width: 300px;
    margin: 0px auto;
}
.find_service{
    width: 85%;
    float: left;
}
.div1, .sp_input>input{
    height: 40px;
}
.sp_input>input{
    width: 85%;
    float: left;
}
.div1{
    float: left;
    width: 15%;
}
.sp_input>div>img{
    width: 30px;
    height: 30px;
    margin-top: 5px;
}
table{
    width: 300px;
    margin: auto auto;
    margin-top: 20px;
}
table tr td:nth-child(1){
    width: 100px;
    text-align: center;
}
td{
    padding: 10px 5px;
}
.team_title{
    width: 100%;
}
.team_zj{
    font-size: 14px;
    padding: 0px;
}
.team_green{
    width: 5px;
    height: 20px;
    top: 5px;
    margin: 0 10px;
}
.team_boss>img{
    display: block;
}
.team_textBox{
    margin: 0 auto;
}
.team_produce{
    width: 100%;
}
.team_fz{
    font-size: 12px;
}
.team_img1{
    margin-top: 5rem;
}
.problem_index{
    width: 100%;
}
.problem_index>h3,.problem_index>p{
    padding: 10px 20px;
}
.contact_content{
    width: 100%;
}
.contactImg>img{
    width: 100%;
    height: 24rem;
}
.contact_right{
    padding: 10px 0 20px 30px;
}
.contactImg>h3,.contact_right>h4{
    font-size: 1.6rem;
}
.contact_right>p{
    font-size:1.4rem; 
}
.contact_index_detail{
    width: 100%;
}
.storeRoom2_index{
    width: 100%;
}
.store_img,.store_img2{
    height: 15rem;
    margin-bottom: 15px;
}
.store_img>a>p,.store_img2>a>p{
    font-size: 2rem;
    line-height: 15rem;
}
.contact_text_detail{
    font-size: 1.4rem;
}
.contact_line_detail{
    width: 28rem;
}
.loader_img>ul>li>a>p{
    top:-2rem;
}
.service_img{
    height: 29rem;
}
.problem_index>h3{
    font-size: 14px;
}
.problem_index>p{
    font-size: 12px;
}
.title>li{
    width: 30%;
    float: left;
}
.tab{
    width: 100%;
}
.title{
    width: 98%;
}
.title>li{
    width: 31%;
    height: 10rem;
    float: left;
}
.title li:nth-child(3){
    margin-right: 0px;
}
.title>li>img{
    width: 40px;
    margin:0 auto;
    display: block;
    float: none;
}
.title>li>span{
    float: none;
    left: 1rem;
    top: 1rem;
    font-size: 10px;
}
.list>ul>li>a>img{
    width:220px;
    height: 320px;
    left: calc(50% - 70px);
    position: relative;
}
.box,.list,.buttons{
    width: 100%;
}
.list{
    left: 0%;
    margin-left: 0px;
}
.detail_index,.bigImg,.detail_content{
    width: 100%;
}
.bigImg #midimg{
    width: 300px;
    height: 300px;
    left: 0px;
    display: block;
    margin: 0 auto;
}

.detail_line,.detail_line1{
    height: 0rem;
    width: 100%;
}
.detail_step>span{
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.5rem;
}
.usebook>h3{
    font-size: 1.2rem;
}
.usebook>p{
    font-size: 1rem;
}
.detail_content_name>P{
    font-size: 1.2rem;
    padding: 2rem 1rem;
}
/* 轮播 */
.p1{
	transform:translate3d(-400px,0,0) scale(0.81);
}
.p2{
	transform:translate3d(70px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p3{
	transform:translate3d(400px,0,0) scale(1);
	z-index: 3;
	opacity: 1!important;
}
.p4{
	transform:translate3d(450px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p5{
	transform:translate3d(900px,0,0) scale(0.81);
}
.p6{
	transform:translate3d(1150px,0,0) scale(0.81);
}
.p7{
	transform:translate3d(1400px,0,0) scale(0.81);
}
.p11{
	transform:translate3d(60px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p12{
	transform:translate3d(400px,0,0) scale(1);
	z-index: 3;
	opacity: 1!important;
}
.p13{
	transform:translate3d(650px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p14{
	transform:translate3d(60px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p15{
	transform:translate3d(400px,0,0) scale(1);
	z-index: 3;
	opacity: 1!important;
}
.p16{
	transform:translate3d(650px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.6!important;
	z-index: 2;
}
}
@media (max-width: 325px) {
    .circleRun{
        margin: 15% 0 15% 0;
    }
    .design_arrow{
        left: -8.5rem!important;
    }
    .design_right{
        left: -5rem;
    }
    .sp_detail>ul>li, .sp_detail>ul>li>div>h3, .sp_detail>ul>li>div>p{
        width: 80px!important;
    }
    .sp_find, .sp_join{
        width: 80px;
        font-size: 12px;
    }
    .content-section3>div{
        height: 16rem;
    }
    .design-proImg2,.design-proImg4,.design-proImg10,.design-proImg5{
        height: 14rem;
    }
    .contact_line_detail{
        width: 22rem;
    }
    .list>ul>li>a>img{
        width:200px;
        height: 280px;
        left: calc(50% - 100px);
        position: relative;
    }
    }
@media (min-width:460px) and (max-width: 767px) {
	.col-sm-3.col-xs-12{ width:50%; float:left}
	.col-sm-4.col-xs-12{ width:50%; float:left}
	.col-sm-6.col-xs-12{ width:50%; float:left}
	}
@media (min-width:768px) and (max-width: 992px) {
.nav>li>a {
    padding: 10px 10px;
}
.content-white>p,.content-green>p{
    padding: 0 3.2rem;
}
.no-margin1{
    height: 15rem;
}
.content-green{
    min-height: 26rem;
}

.text-size{
    font-size: 1.4rem;
}
.content-green>h1{
    padding: 4rem 0 1rem 2rem;
}
.content-white>h1{
    padding: 4rem 0 10px 3.2rem;
}
.design_sheji{
    height: 28rem;
}
.design-proImg1,.design-proImg2,.design-proImg3,.design-proImg4, .design-proImg5, .design-proImg6,.design-proImg8, .design-proImg9,.design-proImg10{
    height: 15rem;
}
.circleRun{
    margin: 5% auto;
    width: 60%;
}
.design_right{
    left: -3rem;
}
.design_right>img{
    width: 4.5rem;
    height: 8rem;
    left: 0rem;
}
.design_arrow{
    margin-top: 1rem;
    left:-5.5rem;
}
.team_img1,.medicalImg,.medical_textBox2,.medical_imgBox2,.service_index,.service_img{
    height: 15rem;
}
.day_index_loader{
    width: 32rem;
}
.loader_img{
    width: 26.5rem;
    height: 6.5rem;
}
.loader_img>ul>li{
    width: 6rem;
    height: 6.5rem;
}
.day_index_loader{
    top: -7rem;
}
.loader_img>ul>li>a>p{
    top: -2rem;
}
.day_indexText{
    padding: 2rem 1rem;
}
.day_indexText>h1,.detail_product_text>h1{
    font-size: 1.4rem;
}
.day_indexImg3,.day_indexImg4,.day_indexImg5,.day_indexImg6,.day_indexImg7{
    height: 19rem;
}
.medical_sText{
    width: 80%;
    left: 10%;
}
.medical_produce_content,.tab,.medical_box3_body,.medical_footer_text,.sp_pic,.sp_detail,.storeRoom2_index,.storeroom_content,.contact_index_detail,.team_title,.team_produce,.problem_index,.contact_content,.detail_index,.detail_content{
  width: 100%;
}
.medical_content_text>p{
    padding: 5px 10px;
}
.medical_textBox2{
    padding: 2rem;
}
.medical_box3_header>p{
    width: 90%;
}
.service_Bbox{
    width: 70%;
}
.service_img_text{
    padding: 0 20px;
}
.service_footer{
    height: 20rem;
}
.sp_title,.sp_container>h1{
    font-size: 1.4rem;
}
.serviceBanner{
    height: 500px!important;
}
.sp_container>h6{
    font-size: 0.8rem;
}
.store_img,.store_img2{
   height: 8rem;
   min-height: 8rem;
}
.store_img2>a>p,.store_img>a>p{
    line-height: 10rem;
}
.team_boss>img{
    width: 240px;
    height: 240px;
}
.team_textBox{
    width: 240px;
}
.contactImg>img{
    height: 15rem;
}
.bigImg #midimg{
    width: 300px;
    height: 300px;
    left: 0rem;
}
#imageMenu li{
    margin-left: 1.5rem;
}
.detail_line,.detail_line1{
    width: 100%;
    height: 0rem;
}
.title{
    width: 96%;
}
.title>li{
    width: 30%;
    height:8rem;
}
.title>li>img{
    float: none;
    display: block;
    margin: 0 auto;
}
.title>li>span{
    top: 0.5rem;
    font-size: 16px;
}
.list{
    width: 100%;
    left: 63%;
}
.list>ul>li>a>img{
    width: 300px;
    height: 420px;
}
.btn{
    margin-top: -150px;
}
.quotation:after{right:15px;}
.quotation:after, .quotation:before{
    width: 1.4rem;
    height: 1.2rem;
}
}