/*--------------------------
Author: Jenn Pereira
Author Website: PereiraDigitalMedia.com
Theme: Ophiuchus - Mobile Apps Landing Page
This is the CSS for Mobile Responsiveness of Ophiuchus Theme
--------------------------*/

/*--------------------------
-------- MIN 1920px --------
--------------------------*/

@media screen and (max-width:1280px){



}



@media screen and (min-width:1230px) and (max-width:1280px){

}


/*--------------------------
-------- MAX 1170px --------
--------------------------*/
@media only screen and (max-width: 1170px){


  	}

/*--------------------------
-------- MAX 1024px --------
--------------------------*/
@media only screen and (max-width: 1024px){}

/*--------------------------
--------- MIN 970px --------
--------------------------*/
@media only screen and (min-width: 970px){

	}


/*--------------------------
--------- MAX 970px --------
--------------------------*/
@media only screen and (max-width: 970px){


	/* Mobile Nav Menu */



  	}

/*--------------------------
--------- MAX 800px --------
--------------------------*/
@media only screen and (max-width: 800px){

  	}


/*--------------------------
--------- MAX 768px --------
--------------------------*/
@media only screen and (max-width: 768px){

}

/*--------------------------
--------- MAX 640px --------
--------------------------*/
@media only screen and (max-width: 640px){



}
/*--------------------------
--------- MAX 480px --------
--------------------------*/
@media only screen and (max-width: 480px){

}





/*--------------------------
--------- MAX 360px --------
--------------------------*/

@media only screen and (max-width: 360px){

}

.toptel{display: none;}

@media screen and (max-width: 63.875em) {
	 body{min-width: none; overflow-x:hiddle;}
    .hidden-xs{display:none;}
	.header{height: 60px;}
	.header .head-holder .inner{width: auto;height: 60px; min-width: none;}
	.header .head-holder .inner .logo{height: 40px;top:10px; left: 5px; width: 140px;
        background: url(../images/logo.png) no-repeat left center; background-size: 99%;}
    .header .head-holder .inner .logo .am-logo{display: none;}

    .toptel{display: block; width: 40px;margin-top: 10px;margin-right: 10px; height: 40px; float: right;overflow: hidden;text-indent: 999999999em; }
    .toptel a{ width: 40px; height: 40px; display: block;
        background: url(../images/tel.png) no-repeat left center; background-size: auto 100%; }


    .indexbanner{height:245px; }
    .content-index .banner .inner{height: 245px; min-width: none;}
    .indexbanner .hd{width: 100%; margin-left:0;left: 0; }
    .indexbanner .hd ul{width:100%; text-align: center;margin:0 auto; }
    .indexbanner .hd ul li{text-align:center}

    .content-index .case {width: 100%; min-width: 100px; margin-top: 20px;}
    .h-about{padding: 0 10px;}
    .h-about p{font-size: 14px; }
    .index-tool {top:-5px;}

    .servicebox ul li{width:50%;}
    .servicebox ul li a{width:100%; height:auto; margin-bottom: 20px;}
    .servicebox ul li a:hover span{height:auto;}
    .servicebox ul li img{width:100%;}

    .case-list{padding-left:10px; padding-right: 10px; }
    .case-list ul li{width: 100%; height: auto; overflow: hidden;margin-right: 0 }
    .case-list li img{width: 100%; height:auto;}
    .case-list ul li a{width:auto; height:auto;}
    .case-list li .info{width:100%;}


    .content-index .contrast .inner{width: 100%; min-width: 100px;}
    .content-index .contrast .inner .con-info .con-block{ width:100%; }
    .content-index .contrast .inner .con-info .con-block p{ padding: 0 10px;}
    .content-index .contrast .inner .con-info .con-block .con-title{ margin: 0 10px 10px 10px; padding: 0;}
    .content-index .contrast .inner .con-info .con-block p img{ width: 100%;}
    .content-index .contrast .inner .con-info .con-block .con-content{padding: 0 10px;}
    .footerin{width: 100%; }
    .footer .inner{width: 100%;min-width: 100px;}
    .footer .inner .footer-contact,.footer .inner .footer-nav {display: none;}
    .footer .inner .footerkeyword {padding:0 10px; display: none;}
    .footer .inner .copyright{background: none;padding-left: 10px; height: auto; width: 100%; border-bottom: none; }
    .footer .inner .copyright span{font-size: 14px;}

    .index_about, .about{display:none}
    #back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;}

.content-aboutus .aboutus{min-width: 100%;}

.default_title{margin-top: 30px;font-size: 30px; }
.default_title p{margin-top:10px;}
.default_title p span {    width: 40px;    height: 2px;}
.content-aboutus .aboutus .inner .story{width:100%; min-width:100%;}
.content-aboutus .aboutus .inner .story .title{font-size:15px;}
.content-aboutus .aboutus .inner .story .pshow{padding:10px; font-size:14px;margin-top: 0px; }
.project_gray{margin-top:30px;}
.project{width:100%;}
.project .title h1{font-size:18px;}
.project .title span {
    font-size: 14px; padding: 0 10px;
}
.project_con dl{width:100%; padding: 0 2.5%; margin: 15px auto; }
.content-aboutus .aboutus .inner .story .content h5{font-size:30px;}
.content-aboutus .aboutus .inner .story .content .cons, .content-aboutus .vibox .inner .content .introin{padding: 0 10px;}
.txt_dinwei, .content-aboutus .vibox .inner .content h5 { font-size: 30px;}
.content-aboutus .aboutus .inner .story .content .img img{width:100%;}
.content-aboutus .aboutus .inner .story .content .imgdingwei img{width:auto;}
.content-aboutus .vibox .inner{width:100%;min-width:100%;padding-top: 48px; }
.content-aboutus .vibox img{width:auto;}

.content-aboutus .aboutus .inner .story .l_text{ padding: 0 10px; margin-bottom: 30px; }
.case-list li a .bg{background-position: center top; width: 100%; height: 100%; background-size: auto 100%; }

.case .cases-type{width:100%; margin-right:0;}
.case .cases-type li{width:45%;margin-bottom:5px;margin-left: 2.5%; margin-right: 2.5%; }

.ppxx2 ul li {
       width: 100%;padding-bottom: 20px;}
.content-aboutus .aboutus .inner .story .content h5{margin-top:0px;}
.ppld2 ul li {
       width: 100%;padding-bottom:20px;}
.ppxx2 ul li h2,.ppld2 ul li h2 {
  
    font-size: 5vw;
    line-height: 10vw;}
.imgdingwei{margin:0px;}
.ppld ul li:nth-of-type(1),.ppld ul li:nth-of-type(2){
    top:auto;
    transform: rotate(0deg);left:0px;}
.ppld ul li:nth-of-type(2){top:50px;}

.fwlc li {
    display: block;
    padding: 10px 10px 20px 10px;
    float: left;
    width: 96%;
       margin: 10px 10px 0 10px;
     height: auto; 
}
.fwlc li h2{font-size: 5vw;
    line-height: 10vw;}
.content-yunshipei .best .best-info .best-block .you-icon {
   
    height: 250px;;}



.newslist .titleboxs .ls img {margin-left:20px; margin-bottom:20px;}
.newslist .main .info .list ul{padding:20px 10px; background-color: #fff; width: 100%; overflow: hidden; }
.newslist .main .info .list li{height:auto; width: 100%; padding: 0; background-color: #fff; }
.newslist .main .info .list li .leftimg{width:100%; margin-right:0; float: none; }
.newslist .main .info .list li .leftimg img{width:100%; height:auto;}
.newslist .main{width:100%;min-width:100%;}
.newslist .titleboxs{ height:120px; margin-bottom: 0px; }
.newslist .titleboxs .rs{left:0}
.newslist .titleboxs .rs a{padding: 5px 18px; }

.newslist .main .info .list li .answer{display:none;}
.newslist .main .info .show{padding:30px 10px;}
.newslist .main .info .show img{height:auto;}
.bshare{display:none;}

.pagination{ height: auto; width: 95%; margin: 10px auto; overflow: hidden; }

.content-yunshipei .start .start-info .start-content{padding-top:20px;}
.content-yunshipei .start .inner{width:100%;min-width:100%;}
.content-yunshipei .start .start-info{width:100%; padding:0 10px;}
.content-yunshipei .start .start-img{width:100%;}
.content-yunshipei .start .start-img img{width:100%;}
.content-yunshipei .best .best-slogan {padding-left:10px;}
.content-yunshipei .best .best-info .best-block{width:100%;}
.content-yunshipei .best .inner{width:100%;min-width:100%;}

.content-yunshipei .best .best-info .best-block + .best-block{margin-left:0;}

.content-yunshipei .best .best-info .best-block .you-icon{width:100%;padding:40px 10px}

.content-yunshipei .best .best-info .best-block.margin10{text-align:center; margin:0 auto; }

.content-signup .banner{height:200px; background-size: auto 100%; }
.content-signup .sign-info{width:100%;min-width:100%;}
.content-signup .sign-info .sign-text{width:100%; padding:20px 10px;}
.content-signup .sign-info .sign-text .holder{width:100%;}

.footertopbox .imgboxcenter{width:100%;}

.footertopbox .imgboxcenter img{padding-left:10px;}
.footertopbox .imgboxcenter span,.indexbanner .hd ul{display:none;}

.caseshow{width:100%;min-width:100%;}
.caseshow .info {
    width: 100%;
    padding: 10px 10px;
}
.caseshow .case-body{padding: 10px 10px;}

#back-to-top a{ text-indent: -99999999em; display: block; overflow:hidden;width:0;height:0; }

    #back-to-top a span{
        width: 100%;
        height: 40px;
        background-size: 100% auto;
           }

.dwxt ul li{    position: relative;margin: auto;}
.dwxt ul li:nth-of-type(3){top:0px;}
.dwxt ul li:nth-of-type(4){top:0px;}
.dwxt ul li h2 {
    font-size: 5vw;
    line-height: 10vw;}
.dwxt{background:none;}
.ppxx ul{padding:0px;
    width: 50%;
    float: left;
    position: relative;list-style: inside;}
.ppxx ul:nth-of-type(1) {
   
   top: 150px;
    left: auto;
    margin: auto;
    text-align: center;
    width: 100%;

}
.ppxx ul:nth-of-type(2){left:0px;top:180px;}
.ppxx {   
}
.ppxx ul:nth-of-type(3){left:auto;right:0px;top:180px;}
.ppxx ul li{width:100%}
.ppxx ul h2 {
    
    font-size: 5.5vw;
}



    }
@media screen and (max-width: 39.8125em) {

	}


@media screen and (max-width: 35.6875em) {

}