﻿
@media only screen and (max-width: 1279px){
    /*柚子-------------------------------------------------------*/
    .wrap{width: 98%;}
    .yz-col-l1{padding:0 20px 20px 20px;width: 60%;}
    .yz-col-r1{width: 40%;}
    .yz-bgbox1 .bjem1{left: 59.2%;}
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}

    .logo{width: 200px;}
    .a-lang{margin-left: 5px;}

    /*******************************
        -------[=首页]-------
    ********************************/
    /*#m-banner .item{height: auto !important;}
    #m-banner .item a{height: 0;padding-top: 47%;}*/
	
    #m-banner .slick-dots{bottom: 4%;}

    /*******************************
        -------[简介点击MORE后]-------
    ********************************/     
    .jz-txt .wp{width: auto;padding: 0 10px;}


    /*******************************
        -------[=全国网点]-------
    ********************************/
    .jz-txt-box li{width: 33%;}
    
    .m-banner{height:0 !important;padding-top:35%;}
	.m-banner.m-ban-2{height:auto !important;padding:0;}

    /*柚子*/
    .yz-txtimg2 .txt p{height: auto;padding-bottom:30px;}
    .course .box span{font-size: 22px;}

}

@media only screen and (max-width: 1000px) {
	#hd .wp,#fd .wp{width: 88%;}

	/*******************************
		-------[=导航]-------
	********************************/
	.navMenu{display: none;}
	.hdr > a{display: none;}
	.menuBtn{display: block;}
	.fixhd .menuBtn{margin-top: 5px;}
	.fixhd #aside{padding-top: 60px;}

	.soBox{margin-right: 20px;}
	.a-soBtn{background-image: url(../images/so.png);}

    .hdr.hdr-login{display: block;}
    .hdr.hdr-login .t-btn1{
        display: none;
    }
    .soForm2{
        font-size: 0;
    }
    .hdr.hdr-login .t-btn2{
        display: block;
        font-size: 0;
        background: url(../images/icon-login.png) no-repeat center center ;
        position: relative;
        top: 2px;
    }

    /*柚子*/
    .yz-txt-box2{width: 98%;}


}


/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    /*柚子-------------------------------------------------------*/
    .yz-txt-list1{padding:30px 15px;margin-bottom: 20px;}
    .yz-txt-list1 li:hover em, .yz-txt-list1 li.on em{display: none;}
    .yz-txt-list1 li{padding-right: 0;}
	
    .m-banner{/*height: 200px;*/}	
    .m-banner p{/*line-height: 200px;*/}
	
    .yz-txt-list2 li{width: 50%;}
    .yz-imgtxt1 li{width: 50%;}
    .yz-imgtxt1 li img{width: 100%;}
    .yz-inner1 .l .bigimg{width: 350px !important;height: 350px !important;}
    .yz-inner1 .txtbox{padding-left: 380px;}
    .yz-txtimg2 .txt h5{padding:20px 0;}
    .yz-txtimg2 .txt p{padding-bottom: 10px;height:60px;display:-webkit-box;overflow: hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
    .jcarousel-list{width: 350px !important;}
    .proshow-Box .jcarousel-skin-tango .jcarousel-container-horizontal{width: 350px !important;}
    .yz-inner1 .proshow-Box{height: 355px;}
    .yz-inner1{padding:60px 0 50px 0;}
    #hd .wp,#fd .wp{width: 88%;}


    
    /*~~~~~~~~~~~~桔子-------------------------------------------------------*/
    /*******************************
        -------[=走进冠-邂逅冠珠]-------
    ********************************/

    .ul-txt-c2 .txt-l{width: auto;text-align: center;float:none;padding-bottom: 10px;}

    /*******************************
        -------[=新闻详情页]-------
    ********************************/

    .jz-article .bd p{padding: 0;}
    .jz-share{padding: 0;}
    /*******************************
        -------[=新闻图片列表]-------
    ********************************/
    .ul-pic-jz li{width: 33.33%;}

    
    
    /*******************************
        -------[=全国网点]-------
    ********************************/
    .jz-txt-box li{width: 50%;}
    .jz-inner1 .l img{/*width: 350 !important;height: 242px !important;*/}
    /*******************************
        -------[=招商加盟]-------
    ********************************/
    .jz-table-box .td{text-align: center;padding: 0;}
    /*******************************
        -------[=jz ban_txt]-------
    ********************************/
    .jz-ban{margin-bottom: 230px;}
    .m-banner .txt{height: 200px;margin-top: 200px;width: auto;height:auto;padding: 0;}
    .m-banner .txt h3{text-align: center;}
	
    /*~~~~~~~~~桔子  end-------------------------------------------------------*/


	/*******************************
		-------[=头部]-------
	********************************/
	#hd{}

	/*******************************
		-------[=底部]-------
	********************************/
	.fnav{padding: 35px 0;}
	.fm1{float: none;width: auto;border-bottom: 1px solid #424243;}
	.fm1:last-child{float: none;border-bottom: 0;}
	.fm1-cp{width: auto;}
	.fm1-cp dd{float: none;width: auto;}
	.fm1 dt{margin-bottom: 0;line-height: 50px;position: relative;cursor: pointer;}
	.fm1 dt:after{
		content: '+';position: absolute;right: 0;top: 0;width: 30px;height: 50px;
		font-size: 30px;font-weight: bold;text-align: center;
	}
	.fm1.open dt:after{content: '-'};
	.fm1 dd{display: none;}
	.fm1 dd:last-child{padding-bottom: 15px;}

	.fbot{text-align: center;}
	.fshare{float: none;}
	.fdl{float: none;}
	.flink,.f_address{margin: 10px 0;}

	/*******************************
		-------[=产品列表]-------
	********************************/
	.yz-img-list1 li{width: 33.333%;}

	.m-screen-con ul li{width: 50%;margin-right: 0;padding-right: 10px;margin-bottom: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.m-screen-con ul li.li-center{float: none;width: 100%;clear: both;}

	/*柚子-------------------------------------------------------*/
	.yz-txt-list1{padding:30px 15px;margin-bottom: 20px;}
	.yz-txt-list1 li:hover em, .yz-txt-list1 li.on em{display: none;}
	.yz-txt-list1 li{padding-right: 0;}
	
	/*.m-banner{height: 200px;}
	.m-banner p{line-height: 200px;}*/
	
	.yz-txt-list2 li{width: 50%;}
	.yz-imgtxt1 li{width: 50%;}
	.yz-imgtxt1 li img{width: 100%;}
    .zoomdiv{left: 357px !important;}
    .yz-imgtxt2 .box{width: 98%;margin:0 auto;padding:20px;float: none;}
    .yz-imgtxt2{height: auto;}
    .yz-imgtxt2 .box .txt{padding-bottom:80px;}
    .process li{width: 20%;margin-bottom: 10px;}
    .process .em-borer,.process li span{display: none;}
    .process li em{padding-top: 50px;}
    .process{height:auto;padding-bottom:30px;}
    .process .yz-tit4{padding:20px 0;}
    .proshow-Box .jcarousel-skin-tango .jcarousel-item{height: 40px !important;}


}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {

	/*#m-banner .item a{height:auto;padding:0;}
	#m-banner .item img{display:block;}*/
	
	#m-banner .item .pc-img{display: none;}
    #m-banner .item .m-img{display: block;}

	.h_nav{margin-top: 60px;}

	/*******************************
		-------[=头部]-------
	********************************/
	#hd{height: 60px;}
	#hd .logo{height: 55px;line-height: 55px;}
	#hd .logo img{max-height: 55px;}
	.fixhd #hd .logo{line-height: 55px;}
	.fixhd #hd .logo img{max-height: 55px;}
	#hd .hdr > a{line-height: 56px;}
	#hd .a-soBtn{height: 55px;}
	#hd .v1{line-height: 56px;}

	.menuBtn{margin-top: 5px;}
	#aside{padding-top: 60px;}

	.soBox{position: static;margin-right: 30px;}
	.soForm{right: 0;top: 100%;width: 250px;border:0;
		box-shadow: 0 1px 5px #999 inset;
	}

	#main{padding-top: 65px;}

	/*******************************
		-------[=产品列表]-------
	********************************/
	
	.m-tit-so h3{font-size:24px;}
	
	.yz-tit1{font-size:24px;padding:25px 0;}
	.yz-tel h5{font-size:20px;}
	.yz-question li .tit a{font-size:15px;}



    /*柚子-------------------------------------------------------*/
    .yz-txt-box1{padding-bottom: 50px;}
    .yz-col-l1,.yz-col-r1{float: none;width: 100%;margin:0 auto;}
    .yz-col-l1{background: none;}
    .yz-inner1 .l{float: none;width: 100%;}
    .yz-inner1 .l img{width: 100% !important;height:100% !important;}
    .yz-inner1 .txtbox{padding-left: 0;}
    .story .ibox{width: 100%;margin:0 auto;padding:30px;height: 100%;}
    .acces{margin-bottom: 20px;}
    .pic-box1 li{width: 33.33%;}
    .zoomdiv{display: none !important;}
    .jqzoom{width: 100%;}
    .story .ibox{overflow: hidden;height: 100%;}
    .story .wp{overflow: hidden;height: 100%;}
    .recommend .yz-img-list1{padding-bottom: 10px;}
    .recommend .yz-img-list1 li{width: 33.33%;}
    .recommend .ico-player{display: none !important;}
    .recommend .yz-img-list1 .slick-dots{top:auto;bottom: 10px;width: 100%;text-align: center;}
    .recommend .yz-img-list1 .slick-dots li{float: none;display: inline-block;vertical-align: middle;margin:0 3px !important;}
    .yz-txt-box2 .yz-tit4{padding:20px 0;}
    .yz-txtimg2 .txt h5{padding:10px 0;}
    .yz-txtimg2 li{width: 50%;overflow: hidden;}
    .yz-txtimg2 .li-r{position: relative;width: 100%;}
    .yz-txtimg2 .li-r .img{padding-top:45%;}
    .yz-txtimg2 .li-r .img .img-b{display: block;}
    .yz-txtimg2 .li-r .img .img-a{display: none;}
    .yz-txtimg2 .txt h5{padding:20px 0;}
    .honor li{width: 33.333%;}
    .yz-txtimg2 .yz-bjl{display: none;}
    .yz-txtimg2 .yz-bjr{display: none;}
    .yz-img-list1 li{width: 50%;}
    .course .tab-tit{margin-bottom:30px;}
    .course .tab-tit li{margin:0 5px;}
        
    .process li{width: 25%;margin-bottom: 20px;}
    .yz-table2 li{width: 50% !important;}
    .yz-table2 li.massage,.yz-table2 li.li-btn{width: 100% !important;}
    .yz-tel{padding:20px 20px 30px 20px;position: absolute;bottom:0;left: 0;right: 0;}
    .yz-bgbox1{padding-bottom:180px;}
    .tz-box{padding-bottom: 0;}
    .yz-col-l1{min-height:auto;}
    .yz-txt-box1{padding-bottom: 20px;}
    .yz-txt-box4 .li-l{width: 50%;float: left;padding-right:48px;}
    .yz-txt-box4 .li-r{width: 50%;float: right;padding-left:60px;}
    .yz-txt-box4 .li-r h5 em{background: url(../images/huibao-ico-l2.jpg) no-repeat left center;width: 54px;left: -61px;}
    .yz-txt-box4 .li-l h5 em{background: url(../images/huibao-ico-r2.jpg) no-repeat left center;width: 54px;right: -61px;}
    .yz-txt-box4 .em-borer{margin-left:6px;}



    /*修改-2016.3.11*/
    .yz-txtimg2 .txt{margin:0 auto;}
    .yz-txtimg2 .li-r .txt{width: 100%;padding:0 20px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;}
    .yz-txtimg2 li{text-align: center;}
    .yz-inner1 .txtbox{margin-top: 130px;}
    .yz-inner1 .l .bigimg
    .proshow-Box .jcarousel-skin-tango .jcarousel-item{height: 30px !important;}
    .proshow-Box .jcarousel-skin-tango .jcarousel-item img{height: 30px !important;}
    .yz-inner1 .l .bigimg{width: 100% !important;/*height: 450px !important;*/}
    .jqZoomPup{display: none;}
    .yz-inner1 .txtbox{/*margin-top: 200px;*/ margin-top:0;}
    .yz-inner1 .proshow-Box{/*height: 455px;*/ height:auto;}
    .proshow-Box .jcarousel-skin-tango .jcarousel-clip-horizontal,
    .proshow-Box .jcarousel-skin-tango .jcarousel-container-horizontal,
    .jcarousel-list
    {width: 100% !important;}
    .jcarousel-list{margin:0 auto;}
    .proshow-Box .jcarousel-skin-tango .jcarousel-clip-horizontal{height: 130px;}
    .jqzoom{margin-bottom: 40px;}

    /*~~~~~~~~~~~~~~桔子-------------------------------------------------------*/
	
	.jz-txt h2{font-size:24px;}
	
	.jz-ban .txt h3{font-size:24px;}
	
	.jz-ban-10 .item h3{font-size: 20px;}
    .jz-ban-10 .item h4{font-size: 14px;}
	
    /*******************************
        -------[=全国网点]-------
    ********************************/
    .jz-txt-box li{width: 100%;}

    /*******************************
        -------[=新闻图片列表]-------
    ********************************/
    .ul-pic-jz li{width: 50%;}


    /*******************************
        -------[=搜索结果]-------
    ********************************/
    .jz-pic-box{padding-top: 20px;}
    .jz-tit3{font-size: 18px;margin-bottom: 10px;}

    /*******************************
        -------[=走进冠-邂逅冠珠]-------
    ********************************/
    .ul-txt-c2{padding: 20px 10px;}
    .ul-txt-c2 .txt-l{padding: 10px 0;font-size: 20px;}
    .ul-txt-c2 .txt-r{padding: 20px 0 50px;}

    /*******************************
       -------[=新闻详情页]-------
    ********************************/
    .jz-article .top h2{font-size: 18px;}
    .jz-article .top h3{font-size: 16px; font-weight: bold;}
    .jz-article .top em{padding-top: 10px;}

    /*******************************
        -------[=页码]-------
    ********************************/
    .page a{font-size: 12px;height: 25px;line-height: 25px;padding: 0 8px;}
    .page .input input{width: 35px;height: 27px;font-size: 12px;margin: 0 5px;}

    /*******************************
        -------[=网点详情]-------
    ********************************/
    .ul-pic-c5 li{width: 33.33%;}
    .jz-inner1 {padding-top: 20px;}
    .jz-inner1 .txtbox .txt1 h5{font-size: 20px;line-height: 60px;}
    .jz-inner1 .txtbox h5 .yz-back{margin-top: 0;}

    /*******************************
        -------[=招商加盟]-------
    ********************************/
    .jz-mobile {display: block;}
    .jz-mobile-tit4{display: block;}
    .jz-mobile-table1{display: block;}
    .jz-ad{display:none;}
    .jz-table-box .jz-tit4{display:none;}
    .jz-table-box .jz-table1{display:none;}
    .jz-table-box td,
    .jz-table-box th{color: #000;}

    /*******************************
        -------[=新闻详情]-------
    ********************************/
    .jz-guide .return{background-size:60% 60%;}
    .jz-guide .return:hover{background-size:60% 60%;}
    .jz-guide .prev{background-size:40% 40%;}
    .jz-guide .next{background-size:40% 40%;}

    .yz-inner1 .txtbox h5 .yz-back{
        font-size: 14px;padding-left: 20px;
        -o-background-size: 15px auto;
        -ms-background-size: 15px auto;
        -moz-background-size: 15px auto;
        -webkit-background-size: 15px auto;
        background-size: 15px auto;
    }
    .yz-question li .tit a,.yz-question li.on .tit a{padding-left: 15px;
        -o-background-size: 8px auto;
        -ms-background-size: 8px auto;
        -moz-background-size: 8px auto;
        -webkit-background-size: 8px auto;
        background-size: 8px auto;
    }

}

@media only screen and (max-width: 640px) {

    #m-banner .item a{height: auto;padding: 0;}
    #m-banner .item img{display: block;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	body{font-size: 12px;}
	.logo{width: 120px;}

	/*******************************
		-------[=导航]-------
	********************************/
	.mNav .v1{font-size: 15px;}
	.mNav dl{font-size: 13px;}

	/*******************************
		-------[=底部]-------
	********************************/
	.fm1 dt{font-size: 15px;}


	/*******************************
		-------[=产品列表]-------
	********************************/
	.yz-img-list1 li{/*float: none;width: auto;*/}
	.yz-img-list1 .box{padding: 0;}

	.m-screen-con ul li{float: none;width: auto;padding-right: 0;}

    /*柚子-------------------------------------------------------*/
    .yz-tit2{padding-top: 10px;}
    .yz-col-l1{padding:10px;}
    .yz-tit2{font-size: 20px;padding-bottom: 15px;}
	.yz-txt-box1 h4{font-size:16px;}
    .yz-txt-list2 li{width:100%;}
    .yz-txt-list1{padding:15px 5px;}
    .yz-imgtxt1 li{width: 100%;}
    .story{/*background: none !important;*/height:auto;margin-bottom: 20px;}
    .story .ibox{padding:30px 10px;min-height:240px;width:73%;margin:0;}
	.story .wp{margin:0;}
    .yz-tit3{font-size: 22px;}
    .pic-box1 li{width: 50%;}
    .yz-tit4{font-size: 22px;}
    .yz-txt-box3 .yz-tit4{padding:10px 0;}
    .yz-tit4{font-size: 22px;}
    .honor li{width: 50%;}
    .honor .yz-tit4{padding:15px 0;}
    .yz-txtimg2 li{width: 100%;float: none;}
    .yz-txtimg2 .li-r{width: 100%;}
    .course .tab-tit li{width:40%;margin-bottom: 10px;}
    .course{width: 98%;margin:0 auto;height: 580px;}
    .yz-txtimg2 .li-r .img{padding-top:72%;}






/*jz*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/

    /*******************************
        -------[=新闻图片列表]-------
    ********************************/
    .ul-pic-jz li{/*width: 100%;*/}

    /*******************************
        -------[=页码]-------
    ********************************/
    .page-box{padding-top: 20px;}
    .page .input{display: none;}
    .page  a{height: 30px;line-height: 30px;padding: 0 10px;}

    /*******************************
        -------[=招商加盟]-------
    ********************************/
    .jz-tit4{font-size: 18px;padding-top: 30px;margin-bottom: 20px;}

    /*******************************
        -------[=网点详情]-------
    ********************************/
    .ul-pic-c5 li{width: 50%;}
    .ul-pic-c5 img{margin-bottom: 10px;}
    .jz-inner1 {padding-top: 20px;padding-bottom: 20px;}
    .jz-inner1 .txtbox .txt1{padding-bottom: 0;margin-bottom: 0;}
    .jz-inner1 .txtbox .txt1 h5{font-size: 18px;line-height: 60px;padding-bottom: 0;}
    /*.jz-inner1 .txtbox h5 .yz-back{margin-top: 0;font-size: 16px;
        -webkit-background-size:30% 20% ;
        background-size:30% 20% ;
        background-position:10px center;
    }*/
    .ul-pic-c5{padding-top: 40px;}
    
    /*******************************
        -------[=jz ban_txt]-------
    ********************************/
    .jz-ban{margin-bottom: 280px;}
    /*******************************
        -------[=家装文化轮播]-------
    ********************************/
    .jz-ban-10 .item h4{/*font-size: 18px;*/}

    


}

