﻿

@media only screen and (max-width: 1250px) {
    html, body {min-width:0; }
    .m { width: 100%; }

    .nodata{padding:15px 0;font-size:14px;}

    .toper .a{padding-left:10px;}
    .toper .b{padding-right:10px;}

    .header .info{display:none;}

    .header .hotphone{right:10px;}


    .menu{height:36px;line-height:35px;font-size:0;overflow:hidden;}
    .menu .list{white-space2:nowrap;font-size:0;}
    .menu .list .item{float:left;display:inline-block;}
    .menu .list .item a.first{margin:0;border-radius:0;padding:0;height: 35px;line-height:35px;border-bottom: 0px solid #666666;}
    .menu .list .item a.first span {display:block;padding:0;font-size:14px; }
    .menu .list .item a.first.cur span, .menu .list .item a.first:hover span { color: #fff;border-radius:0;background:#2659d9; }


    .searchbox .a .aa{float:none;width:95%;margin-left:5%;}
    .searchbox .b .bb{float:none;width:95%;margin-right:5%;}
    .searchbox .b .bb .bb1{display:none;}
    .searchbox .b .bb .bb2{float:right;width:80%;}
    .searchbox .b .bb .bb2 input{width:80%;}

    .productbox{padding:10px;}

    .aboutbox{padding:0 10px;}
    .aboutbox .a .cont{width:50%;}
    .aboutbox .a .cont .c3{display:none;}
    .aboutbox .a .img{width:40%;}
    

    .newsbox{padding:40px 10px 20px 10px;}

    .contactbox {padding:0 10px; height: auto;background-size:cover; }

    .footer { height: auto;padding-bottom:30px; }
	.footer .a { width: 96%; margin: 5% 2% 0 2%;text-align:center;height:auto;}

	.footmenu .item a { font-size: 14px; }
	.footmenu .item ul { margin-top: 10px; }

    
	.in { padding: 10px 0; }
	.in .left { float: none;width: 96%; margin: 0 2%; background:none; }

	.in .left .title, .in .left .leftinfo { display: none;}

	.in .left .list { margin: 0; padding: 0;font-size:0; text-align:center;width:100%;}

	.in .left .list li { display: inline-block; width: 25%; }
	.in .left .list a { padding: 0; }
	.in .left .list a:hover, .in .left .list li.cur a { border: 0; }

	.in .right { float: none;width: 96%; margin: 0 2%; }
	.in .right .content { min-height: 0; }

	.inmessage input[type=text] ,.inmessage textarea{ width: 100%; }
	.inmessage input[type=submit], .inmessage input[type=reset] { padding: 0; width: 100%; }

	.inmessage li { margin-bottom:0; }
	.inmessage li.bt span { display: none; }

    .inproduct{padding:0 10px;}
	.inproduct .a { text-align: center; }
	.inproduct .a .search {font-size:0; padding:0 20px;text-align:center;}
	.inproduct .a .search input, .inproduct .a .search select {float:none; width: 120px; }
	.inproduct .a .search select { width: 100px; }

	.inproduct .inmessage { width: 100%; }
	.inproduct .inmessage input[name=checkcode] { width: 60%; }

	.productshowview .inproduct .a { font-size: 16px;height:auto;padding:0;}
	.productshowview .inproduct .a .tit {width: 96%; margin:2%;padding:0;text-align:center;font-weight:bold; }
	.productshowview .inproduct .a .info { font-size: 14px;font-weight:normal; }

	.productshowview .inproduct .a .img { width: 80%; height: 0; padding-bottom: 80%; margin:0 10% 5% 10%;}

	.productshowview .inproduct .b .b1 { text-align: center; }
	.productshowview .inproduct .c { min-height: 200px; }
	
	.newslist a { padding: 0 2%; }
	.newslist a .time { right: 2%; }

	.productlist { margin:2% 0 0 2%;}
	.productlist li { float: left; width: 33.33%; }
	.productlist li a { margin: 0 2% 2% 0; }
}

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

    .toper{display:none;}

    .header{height:auto;}
    .header .info{display:none;}

    .header .hotphone{position:absolute;left:0;right:0;top:0;height:25px;line-height:25px;background:#eee;color:#000;padding:0;text-align:center;}
    .header .hotphone .a{font-size:12px;display:inline-block;font-weight:normal;}
    .header .hotphone .b{font-size:12px;display:inline-block;font-weight:normal;}

    .header .logo{width:100%;height:auto;margin:30px 0 0 0;}
    .header .logo a{display:block;text-align:center;}
    .header .logo img{float:none;width:95%;height:40px;}

    .menu{height:72px;line-height:35px;font-size:0;}
    .menu .list{white-space2:nowrap;overflow-x2:auto;font-size:0;}
    .menu .list .item{float:left;display:inline-block;width:25%;}
    .menu .list .item a.first{margin:0;border-radius:0;padding:0;height: 35px;line-height:35px;margin:0;border-bottom: 1px solid #666666;}
    .menu .list .item a.first span {display:block;padding:0; }
    .menu .list .item a.first.cur span, .menu .list .item a.first:hover span { color: #fff;border-radius:0;background:#2659d9; }

    .menu .list .item ul{height:0;overflow:hidden;}


    .banner .owl-dots{bottom:0;}


    .searchbox .a{display:none;}
    .searchbox .b{width:100%;}
    .searchbox .b .bb{width:100%;}
    .searchbox .b .bb .bb1{display:none;}
    .searchbox .b .bb .bb2{position:relative;float:left;margin:10px 2%;width:96%;}
    .searchbox .b .bb .bb2 input{width:96%;padding:0 2%;}
    .searchbox .b .bb .bb2 input[type=submit]{position:absolute;right:0;top:0;}


    .boxtitle .bt1 span {width:30px;}
    .boxtitle .bt1 .btt {width:100px; font-size: 18px; padding:0 5px;padding-top:10px;}
    .boxtitle .bt1 .btt font {font-size:12px;margin-top:5px;}
    .boxtitle .bt2 { font-size:14px; line-height:20px;}

    .productbox{padding:0;}
    .productbox .boxtitle{margin:30px 0 10px 0;}
    .productbox .list{margin:0 0 0 10px;}
    .productbox .list .tt {font-size:16px;height:40px;line-height:40px;font-weight:bold;}
    .productbox .list li{float:left;width:50%;margin:0;}
    .productbox .list li.r{margin:0;}
    .productbox .list li a{display:block;margin:0 10px 10px 0;}

    .aboutbox{padding:0;}
    .aboutbox .a .cont{float:none;width:96%;padding:0 2%;}
    .aboutbox .a .cont .c1{text-align:center;margin-bottom:10px;}
    .aboutbox .a .cont .c3{display:none;}
    .aboutbox .a .more{text-align:center;}
    .aboutbox .a .img{float:none;width:96%;padding:2%;}
    .aboutbox .a .img img{width:100%;}

    .newsbox{padding:20px 2%;}
    .newsbox .line{display:none;}
    .newsbox .a{font-size:18px;height:auto;}
    .newsbox .a .a2{font-size:14px;}

    .newsbox .list{width:96%;padding:0 2%;}
    .newsbox .t{float:none;width:100%;}


	.contactbox { height: auto;background-size:cover; }

	.contactbox .left { width: 96%; margin: 0 2%;font-size:14px;line-height: 35px; }

	.contactbox .right { margin:0 2%; }

	.contactbox .right input[name=checkcode] { width: 80px; }

	.inproduct{padding:0;}

    .productlist li {width: 50%; }
}


