﻿/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    body{padding-top: 94px;}
    .header{padding-bottom: 20px;}
    .header .logo{padding-top: 30px;}
    .header .hd-r{padding-top: 10px;}
    .header .share{margin-bottom: 15px;}
    .header.on .share{height: 0;opacity: 0;}
    .header.on .logo{padding-top: 15px;}
    .header.on{padding-bottom: 15px;}
    .search-list li{margin-right: 20px;}
    .m-list4 .txt{padding: 20px 15px 0 15px;}
    .h60{display: none;}
    .cp-con .col-l{width: 50%;float: right;}
	
	.lintitle{padding-bottom: 30px;font-size: 18px;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .m-list4 li{float: none;width: auto;}
    .m-list4 li>div{float: left;width: 50%;}
    .header .logo{padding-top: 36px;}
    .header .logo img{max-width: 210px}
    .header.on .logo{padding-top: 18px;}
    .g-tit1{padding: 60px 0;}
    .news-box{margin-bottom: 80px;}
    .news_box .txt{margin-bottom: 10px;}
    .news-box .col-l{overflow: hidden;width: 50%;margin: 0 auto 15px;float: none;}
    .news-box .col-r{float: none;overflow: hidden;width: 100%;}
    .footer{padding: 20px 0;}
    .footer p{padding-top: 10px;float:none !important;margin:0 !important}
	.footer p a {
    margin-right: 10px;
}
    .footer span{top:13px;}
    .footer .txt p{display: block;margin-bottom: 0;line-height: 20px;}
    .footer .logo{float: none;}
    .footer .fdl{float: none;text-align: center;}
    .footer .qr{float: none;text-align: center;}
    .footer .txt{margin: 15px 0;}
    .search-list a{font-size: 16px;}
    .m-list2{padding: 15px 15px 0 15px;margin-left: -15px;}
    .m-list2 li{margin-bottom: 15px;}
    .m-list2 a{margin-left: 15px;}
    .m-list3 li{width: 33.33%;}
    .produce{padding-top: 0;}
    .g-tit3{margin:20px 0;font-size: 20px;}
    .g-tit3 p{margin-top: 7px;}
    .g-tit3 span:before{right: -50px;}
    .g-tit3 span:after{left: -50px;}
    .m-list5 .box{margin-left: 15px;}
    .m-list5{margin-left: -15px;padding-bottom: 25px;}
    .m-list5 li{margin-bottom: 20px;}
    .m-list5 h5{margin-top: 25px;margin-bottom: 15px;}
    .m-list5 .box{padding-bottom: 40px;}
    .m-list5 p{padding: 0 10px;}
    .bg_box1{padding: 0 15px 10px;}
    .m-list7 li{width: 33.3%;margin-bottom: 12px;}
    .m-list7 p{margin-top: 8px;}
    .m-list8 li{width: 33.33%;}
    .row1 .col-l,.row1 .col-r{float: none;width: auto;}
    .news-con{padding:20px 30px;height: auto !important;}
    .proshow-Box{float: none;margin: 30px auto 0;}
    .cp-con .col-l{float: none;width: auto;margin-left: 0;margin: 20px 0;}
	
	.cp-con .txt .yy{ position:relative; right:0;top:0; margin-top:10px;}
	
	 a#fang{margin-top: 8px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    body{padding-top: 75px;}
    .header{padding-bottom: 5px;background-color: rgba(255,255,255,.9);}
    .header .logo{padding-top: 25px;float: none;text-align: center;}
    .header.on{box-shadow: 0 0 0 rgba(0,0,0,0);padding-bottom: 5px;}
    .header .share{display: none;}
    .nav{position: absolute;top: 60px;left: 0;width: 100%;background-color: rgba(255,255,255,.9);
        padding-bottom: 5px;display: none;box-shadow: 0 2px 2px rgba(0,0,0,.2);}
    .nav-bor{opacity: 0;}
    .nav li{float: none;width: auto;text-align: center;margin: 0;padding: 0 10px;}
    .nav a{padding-bottom: 0;line-height: 34px;font-size: 16px;display: block;
        border-bottom: 1px dashed rgba(233,233,233,.5);}
    .nav li:last-child a{border-bottom: 0;}
    .menu-btn{position: absolute;top: 0;right: 0;width: 45px;height: 100%;
        background-position: center center;background-repeat: no-repeat;
        background-size: 20px auto;
        background-image: url(../images/menu-btn.png);
        -o-transition:.3s;
        -ms-transition:.3s;
        -moz-transition:.3s;
        -webkit-transition:.3s;
        transition:.3s;}
			.footer p a {
    margin-right: 10px;
}
    .menu-btn.on{background-image: url(../images/menu-close.png);}
    .g-tit1{padding:40px 0;}
    .products_list li{width: 50%;}
    .index-row1{margin-bottom: 50px;}
    .video_list{margin:0 0 30px -14px;}
    .video_list .img i{width: 80px;height: 80px;background-size: 80px auto;}
    .video_list .box{margin-left: 14px;}
    .video_list p{margin-top: 12px;}
    .video_list li{margin-bottom: 10px;}
    .news-box{padding: 0 10px;}
    .news-box .col-l{width: 80%;}
    .news-box{margin-bottom: 60px;}
    .table-tit{margin:0 0 15px -10px;}
    .table-tit li{width: 50%;margin:0 0 10px 0;text-align: center;}
    .table-tit a{display: block;margin-left: 10px;padding: 0;}
    .search-list{margin:15px 0;}
    .search-list li{width: 20%;margin-right: 0;margin-bottom: 10px;padding: 0 5px;}
    .search-list a{text-align: center;padding: 0;line-height: 32px;
        background-image: none !important;
        display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .m-list2 p{width: 70px;height: 70px;}
    .m-list2 span{font-size: 14px;line-height: 18px;letter-spacing: 2px;}
    .m-list3 li{width: 50%;margin-bottom: 20px;}
    .m-list3{padding: 0 15px;margin-left: -15px;}
    .m-list3 .ibox{margin-left: 15px;}
    .g-tit2{margin:40px 0 30px;}
    .g-tit2 p{font-size: 18px;}
    .m-pages a{width: 30px;height: 30px;line-height: 30px;font-size: 14px;}
    .m-list4{margin-bottom: 50px;padding: 0 20px;}
    .m-list5 li{width: 50%;}
    .m-list6{margin-top: 40px;padding-bottom: 40px;}
    .m-list6 li{margin:15px;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
    .m-list6 h5:after{display: none;}
    .m-list6:after{display: none;}
    .m-list6 li .col-l, .m-list6 li .col-r{float: none;width: auto;}
    .m-list6 li:nth-child(odd) .img,.m-list6 li:nth-child(even) .img{float: none;}
    .m-list6 li:nth-child(even) .txt{float: none;text-align: center;}
    .m-list6 li .col-r{padding-left: 0;}
    .m-list6 li .col-l{padding-right: 0;}
    .m-list6 li>div{float: left !important;}
    .m-list6 .img img, .m-list6 .img{width: 130px;height: 130px;}
    .m-list6 .txt{width: 230px;margin:0 0 0 30px;text-align: center;}
    .m-list7 li{width: 50%;}
    .m-list7 .ibox{margin-left: 15px;}
    .m-list7{margin-left: -15px;}
    .g-tit4{margin:15px 0;padding: 0 0 10px 30px;line-height: 24px;
        background-size: 22px 22px;background-position: left 2px;font-size: 18px;}
    .m-list8{margin-left: -15px;}
    .m-list8 li{width: 50%;margin-bottom: 15px;}
    .m-list8 a{margin-left: 15px;}
    .h15{height: 10px;}
    .news-list li{padding:15px;margin-bottom: 25px;}
    .news-list h5{margin-bottom: 13px;}
    .news-list h5 span{margin-top: 8px;}
    .header .share{display: none;}
    .news-con .tit{font-size: 20px;margin: 25px 0;}
	
	#map{height: 250px;}


	.cp-img_box{width:95%;}
	.pp{opacity:0!important;}
	
	
	
	.goodtxt-p,#goodtxt-t{
    width:auto !important;}
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .index-row1{margin-bottom: 30px;}
    .header .logo{float: left;}
    .header,.header.on{padding-bottom: 19px;}
    .header .logo img{max-width: 120px;}
    .banner .img{padding-top: 0;height: 220px;}
    .banner .slick-dots{bottom: 15px;}
    .banner .slick-dots button{width: 20px;}
    .products_list{padding: 0 5px;margin-left: -10px;}
    .products_list .txt{height: 30px;}
    .products_list a{margin-left: 10px;}
    .products_list li{margin-bottom: 10px;}
    .g-tit1{padding: 25px 0;}
    .g-tit1 span{line-height: 28px;}
    .g-tit1 span:after, .g-tit1 span:before{display: none;}
    .video_list{margin: 0 0 5px 0;padding: 0 5px;}
    .video_list li{float: none;width: auto;margin-bottom: 20px;}
    .video_list .box{margin-left: 0;}
    .news-box .col-l{width: auto;}
    .news-box{margin-bottom: 40px;}
    .news_box .txt{margin-bottom: 8px;}
    .news_box .txt p{margin-bottom: 9px;}
    .search-list a{font-size: 14px;}
    .m-list1 a{width: 70%;}
	.footer p a {
    margin-right: 10px;
}
    .m-list1 span{display: block;}
    .m-list1 li{line-height: 22px;margin-bottom: 5px;}
    .m-list2{padding:10px 10px 0 10px;}
    .m-list2 li{margin-bottom: 8px;float: none;width: auto;}
    .m-list2 p{width: 85px;height: 80px;opacity:0.85;}
    .m-list2 span{font-size: 16px;line-height: 24px;}
    .m-list2 a{margin-left: 8px;}
    .overflow_box{margin-bottom: 20px;}
    .search-list li{width: 25%;}
    .search-list{margin-bottom: 0;}
    .m-list3{margin-left: -8px;padding: 0 8px;}
    .m-list3 li{margin-bottom: 8px;}
    .m-list3 .ibox{margin-left: 8px;}
    .m-list3 h5{margin: 8px 0;}
    .m-list3 span{display: none;}
    .m-list3 h5 a{
        display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .g-tit2 p{font-size: 16px;font-weight: normal;}
    .g-tit2 .ibox{margin-top: -9px;}
    .m-pages{margin-bottom: 20px;}
    .m-pages a{width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
    .m-list4{padding: 0 10px;}
    .m-list4 li>div{float: none;width: auto !important;}
    .m-list4 .txt{padding-bottom: 20px;min-height: 183px;}
	#ClickMe4 .txt{margin-left: 100px !important;}
	#ClickMe4 h5{margin-left: -100px !important;}
    .m-list4{margin-bottom: 30px;}
    .g-tit3{font-size: 18px;}
    .g-tit3 span{font-size: 16px;}
    .m-list5 .box{padding-bottom: 20px;}
    .m-list5 h5{background-size: 45px auto;padding-top: 64px;font-size: 18px;margin-bottom: 5px;}
    .m-list5 p{padding: 0 5px;font-size: 12px;line-height: 20px;height: 58px;}
    .m-list6 li .col-l, .m-list6 li .col-r{float: none !important;width: auto;}
    .m-list6 .img img, .m-list6 .img{margin: 0 auto 15px;}
    .m-list6 .txt{width: auto;margin-left: 0;}
    .m-list6{margin-top: 20px;padding-bottom: 20px;}
    .bg_box1{padding:0 8px 10px;}
    .g-box2{padding:0 10px;margin-bottom: 20px;}
    .g-tit5{margin:10px 0;font-size: 16px;}
    .m-hot_list li{margin-bottom: 10px;}
    .m-hot_list a{font-size: 14px;padding-left: 40px;}
    .m-list7{margin-left: -8px;}
    .m-list7 .ibox{margin-left: 8px;}
    .g-tit4{font-size: 16px;background-position: left 1px;}
    .m-list8{margin-left: -8px;}
    .m-list8 li{margin-bottom: 8px;}
    .m-list8 a{margin-left: 8px;}
    .m-list8 p{padding: 0 8px;}
    .news-list h5 a{font-weight: normal;font-size: 16px;}
    .news-list .all{font-size: 14px;}
    .news-list .img{margin-bottom: 8px;}
    .news-list h5 span{font-size: 14px;}
    .news-list li{padding: 8px 12px;}
    .h35{height: 20px;}
    .news-con .tit{font-size: 18px;font-weight: normal;margin-top: 0;}
    .news-con{padding: 15px;line-height: 24px;font-size: 14px;height: auto !important;}
    .news-con .m-share{line-height: 31px;}
    .cp-con .txt h5{font-size: 20px;}
    .proshow-Box{width: 300px;}
    .jqzoom img{width: 100%;height: auto;}
    .proshow-Box .jcarousel-skin-tango .jcarousel-clip-horizontal{margin-left: 0;padding-left: 6px;}
    .proshow-Box .jcarousel-skin-tango .jcarousel-next-horizontal, .proshow-Box .jcarousel-skin-tango .jcarousel-prev-horizontal{display: none !important;}
    .cp-con .txt .yy{width: 100px;height: 36px;line-height: 36px;font-size: 16px;}
	
	
	.gou{ height:250px;}
	.gou ul li a{margin-top: -50px;height: 50px;}
	#shi{margin-top: 20px;}
}
@media only screen and (max-width: 340px){
    .m-list5 li{float: none;width: auto;}
	
	
}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	 

}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

 

}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

 

}



/*240*/
@media only screen and (max-width: 319px) {

 

}