     /*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1510px) {
            
		

    }
    @media screen and (max-width: 1445px) {
             
            
        

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 1200px) {
	
		#contact-cont .map{
			width:100%:
		}
            .inBg{
                width: 100%;
                min-width: inherit;
            }
            .headerMenuBg{
                min-width: inherit;
                padding: 0;
                width: 92%;
                margin: 0 auto;
                background: url(../images/e2acdcab-51ba-4b7c-8a31-acc4e8133edd.jpg) left center no-repeat;
                background-size:120px;
                height: 60px;
                display: -webkit-flex;
                display: flex;
                align-items: center;
                justify-content:flex-end; 
            }
            .clr{
                display: none;
            }
            .headerMenuList ul{
                display: none;
            }
            #top_nav{
                height: 60px;
                position: fixed;
            }
            #user_defined3, #user_defined3 .banner_content, #user_defined3 .banner_content .camera_wrap{
                height: auto;
            }
            #user_defined3 .banner_content .camera_wrap .camera_prev{
                display: none;
            }
            #user_defined3 .banner_content .camera_wrap .camera_next{
                display: none;
            }
            #user_defined3 .banner_content .camera_wrap .camera_pag{
                display: none;
            }
            #index-comp .cont-in{
                width: 100%;
            }
            #index-comp{
                padding: 8% 0;
                height: auto;
            }
            #index-comp .cont-left{
                padding:0;
                width: 92%;
                margin: 0 auto;
                display: block;
                height: 330px;
            }
            #index-comp .cont-left span.txt{
                display: block;
                padding-top: 2%;
            }
            #ecustomerboxFF .ecustomerbuttonminFF{
                top:100px;
            }
            #index-comp .cont-right{
                padding-top:2%;
                width: 92%;
                margin: 0 auto;
                display: block;
            }
            #youkuplayer{
                width: 100%;
                height: 207px;
            }
            #index-pro{
                padding: 6% 0;
            }
            #index-pro .cont-in{
                width: 92%;
                margin: 0 auto;
            }
            #index-pro .tit .cn{
                padding-bottom: 4%;
                margin-bottom: 5%;
                font-size: 24px;
            }
            #index-pro .tit p{
                font-size: 13px;
                line-height:1.8;
                width: 80%;
            }
            #index-pro .more a{
                width: 120px;
                height: 36px;
                line-height: 36px;
                font-size: 18px;
            }
            #index-comp .cont-left a{
                width: 120px;
                height: 32px;
                line-height: 32px;
                font-size: 18px;
            }
            #index-comp .cont-left h1{
                font-size: 72px;
            }
            #index-comp .cont-left h2{
                font-size: 42px;
                padding-top: 2%;
            }
            #index-phil{
                padding:0;
                height: 300px;
                display: flex;
                align-items: center;
            }
            #index-phil .cont-in{
                width: 100%;
            }
            #index-phil .cont-left{
                width:92%;
                margin: 0 auto;
                display: block;
            }
            #index-phil .cont-right{
                width: 100%;
                position: absolute;
                right:10px;
                top:30px;
            }
            #index-phil .cont-left h1{
                font-size: 24px;
                line-height:1.5;
            }
            #index-phil .cont-left p{
                font-size: 13px;
                line-height: 1.6;
                font-weight: 400;
                margin-top: 6%;
            }
            #index-phil .cont-right a span{
                margin-top: 10px;
                font-size: 14px;
            }
            #index-phil .cont-right a{
                width: 90px;
                height: 90px;
            }
            #index-phil .cont-right a img{
                width: 25%;
            }
            #index-news{
                padding-top: 300px;
            }
            #index-news .index-news-in{
                padding-top: 6%;
                width: 92%;
                margin: 0 auto;
            }
            #index-news .cont-in{
                width: 100%;
            }
            #index-news .cont ul{
                margin:0;
                width: 100%;
                display: none;
            }
            #index-news .cont li{
                margin-left: 0;
                width: 100%;
                margin-right: 0;
                margin-bottom: 4%;
            }
            #index-news .cont li .news-pic{
                width: 100%;
                height: 250px;
                overflow: hidden;
            }
            #index-news .cont li .news-pic img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            #bottom .bottom-top{
                display: none;
            }
            .go-topbtn{
                bottom: 60px;
            }
            .news_swiper{
                display: block;
            }
            .news_swiper{
                height: 460px;
            }
            #index-news .more a{
                width: 120px;
                height: 36px;
                line-height: 36px;
            }
            #index-news .more{
                margin-top: 6%;
            }
            .menu{
                display: block;
                float: right;
            }
            .menu_down{
                text-align: center;
                position: fixed;
                left:100%;
                top:0;
                width: 100%;
                height: 100%;
                background:rgba(255,255,255,.95);
                z-index:9999;
                display: block;
            }
            .menu_down li{
            line-height: 3.5;
            
        }
         .menu_down li a{
            font-size: 16px;
            display: block;
         }
         .menu_down li i{
            font-size: 22px;
         }
         .menu_down li.search_phone{
            font-size: 0;
            display: none;
         }
            .menu_down li{
                line-height: 3.5;
                text-align: center;
                }
            .menu_down li a{
                display: block;
                font-size: 15px;
                color: #444;
             }
            .menu span.icon-bar{
                background: #000;
                width: 26px;
                height: 2px;
                display: block;
                -webkit-transition: all 300ms ease-out; 
                -moz-transition: all 300ms ease-out;
                transition: all 300ms ease-out; 
            }
            .menu .sr-only{
                display: none;
            }
            .menu .icon-bar:nth-child(2){
                -webkit-transform: rotate(0deg) translate(0,0);
                -moz-transform: rotate(0deg) translate(0,0);
                -ms-transform: rotate(0deg) translate(0,0);
                transform: rotate(0deg) translate(0,0);
                transform-origin:top left;
            }
            .menu .icon-bar:nth-child(3){
                margin-top: 6px; 
                -webkit-transform: scale(1,1);
                -moz-transform: scale(1,1);
                -ms-transform: scale(1,1);
                transform: scale(1,1);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
            }
            .menu .icon-bar:nth-child(4){
                margin-top: 6px; 
                -webkit-transform: rotate(0deg) translate(0,0);
                -moz-transform: rotate(0deg) translate(0,0);
                -ms-transform: rotate(0deg) translate(0,0);
                transform: rotate(0deg) translate(0,0);
                transform-origin:top left;
            }
            .xz .icon-bar:nth-child(2){
                -webkit-transform: rotate(45deg) translate(4px,-3px);
                -moz-transform: rotate(45deg) translate(4px,-3px);
                -ms-transform: rotate(45deg) translate(4px,-3px);
                transform: rotate(45deg) translate(4px,-3px);
                transform-origin:0 0;
            }
            .xz .icon-bar:nth-child(3){
                opacity: 0;
            }
            .xz .icon-bar:nth-child(4){
                -webkit-transform: rotate(-45deg) translate(3px,2px);
                -moz-transform: rotate(-45deg) translate(3px,2px);
                -ms-transform: rotate(-45deg) translate(3px,2px);
                transform: rotate(-45deg) translate(3px,2px);
            }
            .close {
                text-align: right;
                padding-right: 4%;
                line-height: 3;
                height: 80px;
                display: -webkit-flex;
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }
            .close img{
                width: 6%;
            }
            #user_defined5{
                background-size:auto 200px;
                background-position:36% center;
                height: 200px
            }
            #content2{
                width: 100% !important;;
                margin: 0 auto;
            }
            #category_nav_online ul.pp_ul{
                text-align: left;
            }
            #category_nav_online li.pp_li{
                width: 100%;
                height: 36px;
                line-height: 36px;
            }
            #category_nav_online li.pp_li a{
                font-size: 16px;
                padding-left: 0;
            }
            .hunk_breadcrumb_navigation .hunk_breadcrumb_navigation_2{
                width: 92%;
                margin: 0 auto;
                line-height: 2;
            }
            #category_nav_online{
                width: 92%;
                margin: 0 auto;
                margin-top: 0;
                margin-bottom:4%;
            }
            .propertyByProDetail{
                width: 92%;
                margin: 0 auto;
            }
            #products .glitzBody ul{
                display: -webkit-flex;
                display: flex;
                justify-content: space-around;
                flex-wrap: wrap;
                width: 100%;
                margin: 0 auto;
            }
            #products .glitzBody ul li{
                width: 47%;
                margin:0 0 2% 0;
            }
            #products{
                padding-bottom: 2%;
            }
            .hunk_breadcrumb_navigation{
                height:auto;
            }
            .topbanerCont{
                height:auto;
            }
            .propertyByProDetail .cpzs{
                width: 100%;
                padding-right: 0;
                height: auto;
            }
            .propertyByProDetail .cpzs .cpzs_left{
                width: 100%;
                height: 343px;
            }
            .propertyByProDetail .detail-cont{
                padding-left: 0;
                width: 100%;
                border-left: none;
                margin-top: 6%;
            }
            .sy{
                display: none;
            }
            .cpzs .cpzs_left .datu{
                height: 100%;
                width: 100%;
            }
            .propertyByProDetail .cpzs .cpzs_left .datu a{
                width: 100%;
                height: 100%;
            }
            .propertyByProDetail .cpzs .cpzs_right{
                margin-left: 0;
                margin-top: 4%;
            }
            .propertyByProDetail .detail-cont .productDes{
                min-height: auto;
            }
            #newsCategory.treeDiv{
                text-align:left;
            }
            #sIDE_CATEGORY_STATIC_NEWS .ygtvchildren .ygtvitem a{
                padding-left: 0;
                text-align: left;
                font-size: 16px;
            }
            #newsCategory.treeDiv .ygtvitem{
                width: 100%;
            }
            #sIDE_CATEGORY_STATIC_NEWS{
                width: 92%;
                margin: 0 auto;
                margin-top: 0;
                margin-bottom: 6%;
            }
            #companyIntro{
                width: 92%;
                margin: 0 auto;
                padding-top: 4%;
                padding-bottom: 8%;
            }
            #companyIntro p{
                padding-right: 10px;
            }
            #relatedProducts{
                width: 92%;
                margin: 0 auto;
                margin-bottom: 8%;
            }
            #contact-cont{
                width: 92%;
                margin: 0 auto;
            }
            #contact-cont .contact-txt{
                width: 100%;
                margin-top: 6%; 
            }
            #contact-cont .contact-txt h3{
                margin-bottom: 3%;
            }
            #contact-cont .map{
                width: 100%;
                margin-right: 0;
                height: 350px;
            }
            #user_defined2{
                padding:0 0 8% 0;
            }
            #contact-cont .msg input{
                width: 100%;
                margin-bottom: 4%;
            }
            #contact-cont .msg p{
                margin-bottom:0;
            }
            #contact-cont .msg textarea{
                width: 100%;
                margin-bottom: 6%;
            }
            #contact-cont .msg{
                margin-top: 6%;
            }
            #user_defined3{
                display: none;
            }
            .banner{
                display: block;
            }

            .banner111{
                padding-top: 60px;
                display: block;
             height:160px;
                width: 100%;
            }
            .banner111 img{
                width: 100%;
                height:160px;
                object-fit: cover;
            }
            #index-comp .cont-left{
                height:auto;
                padding-bottom: 5%;
            }
            #index-comp .cont-right{
                overflow: hidden;
            }
			.user_defined8{
				height:300px;
			}
			#index-news{
				padding-top:0;
			}
			#index-news .cont li .news-txt{
				overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
			}
			#bottom .bottom-bottom{
				padding:2% 4%;
				height:auto;
				line-height:25px;
				-webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
			}
            .about{
                width:100% !important;
                padding:0 4%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
            .prise_left{
                width: 86%;
                float:none;
                margin:0 auto;
            }
            .prise_left img{
                height:235px;
               width:auto;
                object-fit: cover;
            }
            .prise_right{
                
                margin:0 auto;
                 float:none;
                width: calc(88%);
            }
            .modright_con{
                padding:0px 0 20px;
            }
            .prise_right h3{
                margin:0;
                padding:10px 0;
            }
            .about{
                padding:3% 4%;
            }
            #contact-cont .map{
               height:250px;
                display: inherit;
              
            }
            #contact-cont .contact-txt{
                display: inherit;
            }
            #map{
    width:100%;height:250px;
}
    }








