@charset "utf-8";
@media screen and (min-width:1201px) and (max-width: 1660px){
    #main .pos{width:1010px;}
    #main .protxt{width:1000px;}
    #footer .copyright .textcopy{width:1200px}
}
@media screen and (min-width:991px) and (max-width: 1200px){
    
}
@media screen and (min-width: 300px) and (max-width:990px){
    .slidemob{display: block;position:relative; overflow:hidden; margin:0px auto;  max-width:750px;/* 设置焦点图最大宽度 */ }
    .slidemob .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
    .slidemob .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
    .slidemob .hd li.on{ background:#FE6C9C;  }
    .slidemob .bd{ position:relative; z-index:0; }
    .slidemob .bd li{ position:relative; text-align:center;  }
    .slidemob .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
    .slidemob .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
    .lan{display: block;width:50%;float: right;}
    .lan li{float:left;width:29%;margin:0px 2%;text-align: center;border-radius:10px;border: 1px solid #ccc;}
    #banner .slider{display: none;}
    body{font-size: 12px;}
	.mobile_hide{display: none !important;}
    h4{font-size:24px !important;padding-top:10px;line-height: 150%;}
    h5{font-size: 14px;width:90%;}
    #header{height:auto;}
    #header .logo{width:50%;height:auto;text-align: center;}
    #header .logo img{width:95%;}
    #header .search{width:40%;margin-right:3%;margin-top:10px}
    #header .search .input1{width:80%;font-size:12px;height:25px;}
    #header .search .input2{width:20%;height:25px;}
    #header .nav{width:auto;margin-top: 0px;overflow: hidden;}
    #header .nav>ul{width:100%;}
    #header .nav>ul>li{padding:0px 0;margin:0px;font-size:14px;width:25%;}
    #header .nav>ul>li>a{font-size:14px;padding:0px;}
    #header .language{display: none;}
    #header .link{display: none;}
    #banner .slider{height:200px;}
    #banner .slider .bd li{height: 200px;background-size: 200% 200px;}
    #banner .slider .bd img{height:200px;}
    .new-actives{padding-top:0px;width:100%}
    .new-actives .tab-hd{height: auto;float:inherit;width:100%;margin-bottom:10px;overflow: hidden;}
    .new-actives .tab-hd h1{float:left;width:50%}
    .new-actives .tab-hd h2{float:left;width:50%;font-size:20px;height:auto;}
    .new-actives .tab-hd h3{height:auto;font-size:12px;line-height: 20px;}   
    .new-actives .pageState{font-size:14px;padding-left:90px;padding-top:10px;}
    .new-actives .tab-hd .next, .new-actives .tab-hd .prev{width:24px;height:24px;background-image: url(../images/left_right2.jpg);}
    .new-actives .tab-hd .next{background-position: -31px -1px;}
    .new-actives .more{height:24px;line-height: 24px;width:50px;}
    .new-actives .tab-bd{clear: both;height:auto;}
    .new-actives .tab-bd ul{height:auto;}
    .new-actives .tab-bd li{padding:5px;}
    .new-actives .tab-bd li div{height:auto}
    .new-actives .tab-bd li a{height:auto;}
    .new-actives .tab-bd li a span{background: none;padding:0px 0px 0px 10px;margin-top:0px;}
    .new-actives .tab-bd li a img{height:100px;}
    .new-actives .div1{margin-top:20px;}

    .picScroll-left{width:100%}
    .picScroll-left .hd{height: auto;float:inherit;width:100%;margin-bottom:10px;overflow: hidden;}
    .picScroll-left .hd h1{float:left;width:40% !important;padding-top:0px !important;}
    .picScroll-left .hd h2{float:left;width:60% !important;font-size:20px !important;height:auto !important;}
    .picScroll-left .hd h3{height:auto;font-size:12px !important;line-height: 24px;padding:0px 0px;}
    .picScroll-left .pageState{font-size:14px;padding-left:90px;padding-top:0px;}
    .picScroll-left .hd .next, .picScroll-left .hd .prev{width:24px;height:24px;background-image: url(../images/left_right2.jpg);}
    .picScroll-left .hd .next{background-position: -31px -1px;}
    .picScroll-left .more{height:24px;line-height: 24px;width:50px;}
    .picScroll-left .bd{clear: both;height:auto;}
    .picScroll-left .bd ul{height:auto;}
    .picScroll-left .bd li{padding:5px;}
    .picScroll-left .bd li div{height:auto}
    .picScroll-left .bd li a{height:auto;}
    .picScroll-left .bd li a span{background: none;padding:0px 0px 0px 10px;margin-top:0px;}
    .picScroll-left .div1{margin-top:20px;}
    .picScroll-left .bd{padding:0px 10px;}
    .picScroll-left .bd ul li{margin:0px 0px;}
    .picScroll-left .bd ul li .pics{padding:0px;}
    .picScroll-left .bd ul li .pics img{width:100px;height:100px}
    .picScroll-left .bd ul li .title{width:100px;padding:0px;height:30px;}
    .picScroll-left .bd ul li .title a{background:#f4f4f4;}
    
    .seemore a{height:30px;line-height: 30px;font-size:16px}
    #main .box{width:100%;padding-top:20px;height:auto;}
    #main .box .about{width:100%;padding-top:10px; height:720px;}
    #main .about .abouttxt{width:100%;padding:10px;}
    #main .about .abouttxt p{font-size:14px !important; line-height: 200%;}
    #main .about .abouttxt .aboutleft{float:inherit;width:100%;padding:0px 20px !important;}
    #main .about .abouttxt .aboutleft .aboutimg{float: inherit;padding-top:20px;}
    #main .about .abouttxt .more{margin-top: 0px;line-height: 24px;margin-bottom: 10px;}
    #main .about .abouttxt .more a{padding:0px 20px;}
    #main .abanner .pro1 {height: 100px;background-size: 100%;}
    #main .about .aboutimg{width:100%;text-align: center;}
    #main .about .aboutimg img{width:70%;}
    #main .aboutinfo .left{width:100%;}
    #main .aboutinfo .right{width:100%}
    #main .aboutinfo .left .infoabout{padding:10px 10px 10px 10px;margin-left: 0px;}
    #main .aboutinfo .left .infoabout p{width:90%;margin:0px auto;font-size:14px !important}
    #main .pic{padding-top:10px;}
    #main .pic h5{width: 90% !important;}
    #main .video{background-image:url(../images/about_video_mob.jpg);padding:0px;height:350px;}
    #main .advantage{margin:10px auto 10px auto;}
    #main .advantage h5{width:90% !important;}
    #main .about_search{background-image:url(../images/about_search_mob.jpg);padding:0px;height:200px;}
    #main .about_search .left h3{font-size:28px;}
    .pic-actives{padding-top:0px;width:100%}
    .pic-actives .tab-hd{height: auto;float:inherit;width:100%;margin-bottom:10px;overflow: hidden;}
    .pic-actives .tab-hd h1{float:left;width:50%}
    .pic-actives .tab-hd h2{float:left;width:50%;font-size:20px;height:auto;}
    .pic-actives .tab-hd h3{height:auto;font-size:12px;line-height: 20px;}   
    .pic-actives .pageState{font-size:14px;padding-left:90px;padding-top:10px;}
    .pic-actives .tab-hd .next, .pic-actives .tab-hd .prev{width:24px;height:24px;background-image: url(../images/left_right2.jpg);}
    .pic-actives .tab-hd .next{background-position: -31px -1px;}
    .pic-actives .more{height:24px;line-height: 24px;width:50px;}
    .pic-actives .tab-bd{clear: both;height:auto;}
    .pic-actives .tab-bd ul{height:auto;}
    .pic-actives .tab-bd li{padding:5px;}
    .pic-actives .tab-bd li div{height:auto}
    .pic-actives .tab-bd li a{height:auto;}
    .pic-actives .tab-bd li a span{background: none;padding:0px 0px 0px 10px;margin-top:0px;height: 25px;display: block;overflow: hidden;}
    .pic-actives .tab-bd li a img{height:100px;}
    .index_youshi{width:100%;}
    .index_youshi ul li{width:44%;margin:10px 3%;}
    .index_youshi ul li a{width:100%;height:auto;padding:10px}
    .index_youshi ul li a dl img{width:100%;height:100%}
    .index_youshi ul li a h1{width:100%;font-size:16px;margin:0px auto;height:60px}
    .index_youshi ul li a dl{margin:0px auto;height:100px;width:100px;}
    .index_youshi ul li a:hover{width:100%;height:auto;padding:10px}
    #main .contact{width:100%;background-size: 100%;padding:90px 0px 0px 0px}
    #main .contact h4{font-size:18px}
    #main .contact .txt{font-size:14px;width:100%;padding:0px 20px;}
    #main .contact .txt .fl,#main .contact .txt .fr{float:inherit}
    #main .video .container{width:90%}
    #main .video .play .txt img{width:100%;}
    #main .about_search{padding:40px 0px}
    #main .about_search .container{width:90%;}
    #main .about_search .left{width:100%}
    #main .about_search .right{width:90%;}
    #main .about_search .right form{width:100%;background-color: #fff;}
    #main .about_search input{width:89%;font-size:14px;height:35px;line-height: 35px;}
    #main .about_search button{width:9%;background-size: 100%;height:35px;line-height: 35px;}
    #main .about_search a.more{margin-top: 10px;height:30px;line-height: 30px;font-size:14px}
    #main .gc ul li{width:100%;padding: 0px 10px;}
    #main .sort ul li{width:50%}
    #main .sort ul li img{width:100%;}
    #main .pack ul li{width:33%;}
    #main .pack ul li img {width: 100%;}
    #main .leftsort{max-width:700px;padding:0px 10px;}
    #main .leftsort h5{font-size:24px}
    #main .leftsort ul li{float:left;line-height:24px;margin:0px 0px;font-size:14px}    
    #main .leftsort ul li a{padding:0px 10px;}
    #footer .left{width:100%;}
    #footer .left .email{width:250px}
    #footer .conn{width:auto;padding:0px 10px;}
    #footer .right{clear: both;width:auto;float: inherit;padding: 0px 25px 0px 25px;}
    #footer .right ul li{width:50%;}
    #footer .right ul li img{width:100px;}
    #footer .right .addresstxt{width:100%;padding-top:5px;padding-bottom:5px}
    #main .boxlist{padding:0px 0px 0px 0px;}
    #main .product{width:auto;padding:20px 5px 0px 5px}
    #main .product ul li{width:48%;margin: 0px 1% 10px 1%;text-align: center;}
    #main .product ul li img{width:100%;height:180px;margin:0px auto;float:inherit}
    #main .protxt{width:100%;}
    #main .protext{width:100%;}
    #main .protext img{width:100%;}
    #main .abanner .pro2{background-size:100% 90px;background-position: center center;height:90px;margin:10px 0px 0px 0px;}
    #main .pos{width:100%;margin-bottom:10px;padding:0px 10px;height:auto;overflow: hidden;}
    #main .sort span{font-size:14px;line-height: 150%;}

    .index_cq{width:100%;height:auto}
    .index_cq ul li{width:48%;margin:0 1%;}
    .index_cq ul li a{width:100%;height:auto;}
    .index_cq ul li a dl img{width:100%;height:150px}
    .index_cq ul li a dl{margin:5px 0px;}
    .index_cq ul li a:hover{width:100%;height:auto}
    nav{float: inherit !important;height:auto !important;padding-right:0px !important;}
    .page{height:auto !important;}
    .pf{display: none;}
    #footer{font-size:14px}
    #footer .left h3 img{width:80%;}
    #footer .fl,#footer .fr{float: inherit;}
    
    #footer .footertxt{overflow: hidden;font-size:14px;height:auto;}
    #footer .copyright{height:30px;line-height: 30px;font-size:14px;text-align: center;}
    #footer .copyright .textcopy{width:auto;}

}