﻿

@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;

		height: 55px;

position: absolute;

left: 50%;

top: 50%;

margin-left: 0;

transform: translate3d(-50%, -50%, 0);

	}

    .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) {

	.fixhd #menuBtnnn {

    padding: 0px;

}

	#hd .wp,#fd .wp{width: 100%;}



	/*******************************

		-------[=导航]-------

	********************************/

	.navMenu{display: none;}

	.hdr > a{display: none;}

	.menuBtn{display: block;}

	.fixhd .menuBtn{margin-top: 0px;}

	.fixhd #aside{padding-top: 60px;}



	.soBox{margin-right: 20px;}

	.a-soBtn{background-image: url(so1.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: 100%;}





    

    /*~~~~~~~~~~~~桔子-------------------------------------------------------*/

    /*******************************

        -------[=走进冠-邂逅冠珠]-------

    ********************************/



    .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 (min-width: 768px) and (max-width:799px) {

	#main {

    height: 800px;

	margin-top:40px;

}

	

}

@media only screen and (min-width: 800px) and (max-width:980px) {

	#main {

    height: 780px;

	margin-top:40px;

}

	

}



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



	/*#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;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-left: 0;transform: translate3d(-50%, -50%, 0);}		

	.bt {

		float: left;

	display: inline-block;

	width: 60px;

height: 60px;

z-index: 99;

position: fixed;

top: 0;

border-right: 1px solid #c3c3c3;}

	#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: 60px; width:60px; z-index:99;}

	#hd .v1{line-height: 56px;}



	.menuBtn{margin-top: 0px;position: fixed;top: 15px;left: 15px;bottom: 0px;padding:0px;}

	#aside{padding-top: 60px;margin-top: 0px !important;top: 0px;}

#aside.open {height: 100% !important;z-index: 98;}

    #aside a.mlogo { display: block;}

	.soBox{position: static;margin-right: 30px;float: right;margin-right: 0;z-index:99;}

	.soForm{right: 0;top: 100%;border:0;

		box-shadow: 0 1px 5px #999 inset;

	}

	#aside .mlogo img {

    margin:15px auto;

}



	#main{margin-top: 40px}



	/*******************************

		-------[=产品列表]-------

	********************************/

	

	.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;*/}



    





}

@media screen and  (min-width:376px) and (max-width:414px){

		#main {

    height: 580px;

}

}

@media screen and  (min-width:361px) and (max-width:375px){

	#main {

    height: 580px;

}

}

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

#main {

    height: 580px;

}

}

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

	#main {

    height: 500px;

}

}



