@charset "utf-8";
/* CSS Document */

/*Common For Max 960*/
@media only screen and (max-width: 1599px) {
#hd .yuyan{ right:2%;}

}
@media only screen and (max-width: 1199px) {
    #hd .logo{width: 250px;height: auto;margin-top: -10px;}
    #hd.hd-fix .logo{width: 150px;height: auto;margin-top: -19px;}
    #hd .logo img{height: auto;}
	.wp{width: 98%;}
    .m-picshow .pic1 img{display: block;}
    .m-picshow .pic1{background: none !important;height: auto;}
	#nv li a{padding: 0 12px;}
	#nv{padding-left: 264px;}
	.ul-list1 li{padding: 0 17px;}
	.ul-list1{margin: 0 -21px;}
	#nv li a{font-size: 16px;}
	#hd{height: 70px;line-height: 70px;}
    #hd.hd-fix{height: 70px;line-height: 70px;}
	
	
	
	#hd .yuyan{ line-height:70px;}
	
	#hd .hdr ul{position: absolute;left: 0px;top: 70px;background: #fafafa;width: 80px;visibility: hidden;opacity: 0;transition: all 0.3s; z-index:99999;}
	#hd .hdr:hover ul{visibility: visible;opacity: 1;top: 70px;}
	#hd .hdr p{line-height: 70px;text-align: center; font-size:14px;}
	
	.ul-list1{padding: 45px 0 48px;margin: 0 -17px;}
	.fd-con .link dl{padding-right: 35px;}
	.fd-con .relation{padding-right: 0;}
	.ul-list2{margin: 0 -12px;}
	.ul-list2 .con{margin: 0 12px;}
	.ul-list2 li{margin-bottom: 25px;}
	.ul-list2 .con{padding: 20px 0;}
	.ul-list16{padding:0 15px 40px; }
	.ul-list16 li{padding: 27px 0 35px;font-size: 13px;}
	.ul-list16 {
	    padding: 30px 15px;
	}
	.ul-list16 p{background: url(../images/gicon27.jpg) no-repeat 0 10px;}
    #hd .sel-lan dl{margin-top: 26px;}
    .ul-list8 .txt{top: 100px;}
    .m-parameter{padding: 40px 15px;}
    .ul-list9{padding: 25px 30px;}
    .m-service .section{padding: 18px 30px 55px;}
    .m-soBox{padding: 0;}
    .m-soBox button{right: 0px;}
    .m-tel{padding: 0 30px;}
	/*
	-----------------[番茄]--------------*/
    .h80,.h45 {height: 30px;}
	
	.m-newdetails {
        padding: 20px 20px 30px;
        margin: 20px 0 0;
    }
    .m-newdetails .tools{right: 20px;top: 20px;}
    .m-newdetails .share{margin-right: 40px;}
    .m-newdetails img {margin: 10px auto;}


    .ul-list13 {
        margin: 30px -15px 0;
    }
    .ul-list13 li{
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .ul-list13 .txt {
        padding: 20px 15px;
    }


    .m-pages{text-align: center;}
    .m-pages li {
        float: none;
        display: inline-block;vertical-align: top;
        margin: 0 6px;
    }
    
    
    .ul-list15,.ul-list14 {
        margin: 30px -15px 0;
        overflow: hidden;
    }
    .ul-list15 li,.ul-list14 li {
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .ul-list15 .con {
        padding: 20px;
    }


    .m-section3 {padding: 30px 0 30px;}
    .ul-list3 {
        padding: 30px 0 0;
    }
    .ul-list3 li {
        padding: 0 10px;
        margin-bottom: 20px;
    }
    

    .m-section2 {
        padding: 30px 0 0;
        margin-top: 30px;
    }
    .ul-list11{
        background-position: 145px top;
    }
    .ul-list11 li {
        padding-right: 20px;
    }
    .ul-list11 span{width: 140px;}
    .ul-list11 .txt{
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;   
        box-sizing: border-box;
        float: none;
        overflow: hidden;
        background-position: 10px top;
    }
    .ul-list11 .txt i{left: 5px;}
    .ul-list11 li:hover .txt i {
        left: 0;
    }


    .m-job {
        padding: 0px 20px 0;
        margin: 30px 0 0;
    }
    .ul-list12 li{padding: 20px 0;}
    .ul-list12 .icon{right: 0;top:10px;}
    .ul-list12 .inner{padding-left: 110px;}
    .ul-list12 h3{width: 110px;}


    .m-details .buy-way{position: static;}


}



/*Common For Max 768*/
@media only screen and (max-width: 980px) {
    .floatbar{display: none !important;}
	#nv{position: absolute;top: 74px;left: 0;right: 0;z-index: 9999;background: rgba(0,0,0,.5);padding-left: 0;padding:20px 0;display: none;}
	#nv li{float: none;width: auto;text-align: center;line-height: 36px;}
	#nv li a{color: #fff;float: none;}
	#nv li.on a,#nv li a:hover{color: #fff;}
	
	#hd .logo{position: absolute;left: 40%;margin-left: -63px;}
	#hd .hdr .box{ display:none;}

	
	.menuBtn{display: block;}
	.menuBtn.open{top: 26px;}
	.ul-list1 li{padding: 0 5px;}
	.ul-list1 h3{font-size: 16px;}
	.ul-list1{margin: 0 -5px;}
	.fd-con .link{float: none;width: auto;margin-bottom: 10px;}
	.fd-con .link dl{width: 20%;}
	.fd-con .fdr{float: none;width: auto;}
	
	
	.m-cur{float: none; display:none;}
	.nav{overflow: hidden;}
	.g-tab1{height: auto;}
	.nav .s1{padding: 0 12px;height: 35px;line-height: 35px;}
	.nav li{height: auto;}
	.ul-list2 li{width: 50%;}
	.ul-list2 .con{padding: 10px 0;}
	.m-relation{display: none;}
	.ul-list16 .txt p{width: 50%;}
	.ul-list16 h3{margin-bottom: 10px;}
    .ul-list7 .txt{padding: 30px 20px;}
    .ul-list7 h3{font-size: 20px;line-height: 30px;height: 30px;margin-bottom: 0;}
    .ul-list8 h3{font-size: 20px;}
    .ul-list5{width: 45%;}
    

    /*#hd .subBox-1{position: static;display: none !important;}*/
    #hd .subBox-1{position: static;display: none;padding: 5px 0;background: rgba(0,0,0,.8);height: auto !important;}
    #hd .subBox-1 .inner{display: block;}
    #hd .subBox-1 dl{float: none;color: #fff;}
    #hd .subBox .txt h4 a{text-align: center;background: none;padding-left: 0;font-size: 14px;}
    #hd .subBox-1 dd{padding-left: 0px;display: none;}
    #hd .subBox-1 dd a{font-size: 12px;}
    #nv li .subBox a{text-align: center;color: #fff !important;}
    #hd .subBox .m-list6 dd.active a, #hd .subBox .m-list6 dd a:hover{background: none;}
    #hd .subBox h3 a:hover{background-color: #fff;color: #0093dd !important;}
    #hd .subBox .txt a{padding-left: 0;}
    #hd .subBox h3{color: #006600;height: 36px;line-height: 36px;margin-bottom: 0;text-align: center;font-size: 15px;}
	#hd .subBox h4{color: #C60001;height: 36px;line-height: 36px;margin-bottom: 0;text-align: center;font-size: 15px;}
    #hd .subBox h3:after{display: none;}
    #hd.hd-fix #nv li .subBox-1 a{color: #fff;}
    #hd .subBox-1 .siji-sub{display: none;}
    #hd .subBox-2{position: static;display: none;padding: 5px 0;background: #00a0ea;}
    #hd .subBox-2 .inner{display: block;}
    #hd .subBox .m-list6 {
        display: block;float: none;
    }
    #hd .subBox .m-list6 dd {
        float: none;margin: 0;
    }
    #hd .subBox .m-list6 a {
        width: auto;
        height: 30px;
        font-size: 13px;
        line-height: 30px;
        border-radius: 15px;
        margin: 0 auto;
        padding: 0 30px;
    }
    .nav .subBox{top: 50px;}

    #hd .subBox .zhi-neng dl{float: none;width: auto;}
	/*
	-----------------[番茄]--------------*/
    .m-newdetails h1 {font-size: 18px;}

    #m-video .inner {
        width: 90%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }


    .ul-list13 {
        margin-left: -10px;margin-right: -10px;
    }
    .ul-list13 li{
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .ul-list13 .txt {
        padding: 15px 10px;
    }


    .ul-list15,.ul-list14 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .ul-list15 li,.ul-list14 li {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .ul-list14 .txt {
        padding: 10px 5px;
    }
    .ul-list14 .play,.ul-list14 .down {
        padding: 0 20px;
        line-height: 35px;
        margin: 0;
    }
    .ul-list14 .down{float: right;}
    .ul-list14 h3{padding: 0 5px;}
	
	

}




/*Common For Max 480*/
@media only screen and (max-width: 980px) {
	.ul-list1 li{width: auto;float: none;margin-bottom: 10px;}
	.ul-list1 .zhezhao{/*display: none;*/}
	.ul-list1{padding: 20px 5px;}
	#fd{display: none;}
	#banner {display: none;}
    #phone_banner{display: block;}
	.ul-list1 h3{font-size: 14px;margin-bottom: 0;}
	.ul-list1 .txt{padding: 5px 10px;}
	.ul-list2{padding: 20px 5px;}
	.ul-list2{margin: 0 -8px;}
	.ul-list2 .con{margin: 0 10px;}
	.ul-list2 li{margin-bottom: 16px;}
	.nav .s1{font-size: 14px;}
	#ban{height: 300px !important;}
	.ul-list16{padding: 10px 10px 20px;}
	.ul-list16 h3{font-size: 14px;}
	.ul-list16 p{line-height: 22px;}
	.ul-list16 li{padding: 20px 0;}
	#fd-iphone{display: block;}
    .ul-list7 .pic{float: none;width: auto;}
    .ul-list7 .txt{width: auto;float: none;}
    .ul-list7{padding: 30px 0;}
    .ul-list7 h3{font-size: 16px;}
    .ul-list7 p{height: auto;padding-bottom: 40px;}
    .ul-list8 .txt{position: static;background-color: #fff;width:auto;padding: 30px 20px;}
    .ul-list8 h3{font-size: 16px;color: #333;height: 30px;line-height: 30px;margin-bottom: 0;}
    .ul-list8 p{margin-bottom: 0;}
    .ul-list8 .inner{height: auto;padding: 0 0 40px;}
    .g-tab2{padding: 10px 0;}
    .g-tab2 a{font-size: 15px;}
    .m-back{ /*bottom: 55px;*/width: 80px;font-size: 12px;}
    .m-details dt{float: none;width: auto;}
    .m-section4{padding: 20px 0;}
    .m-details dd{padding: 0;}
    .m-details h2{height: auto;margin: 5px 0;}
    .m-details dl{padding: 0 10px;}
    .m-details p{padding-top: 10px;height: auto;}
    .m-details h2{font-size: 16px;line-height: 24px;height: auto;}
	.m-details h3{font-size: 13px;line-height: 20px; margin-bottom:10px;}
    .m-details dd{line-height: 22px; margin-top:10px; margin-bottom:20px;padding-left: 2%!important;}
    .m-details .buy{margin-top: 10px;}
    .ul-list5{float: none;width: auto !important;}
    .m-parameter{line-height: 30px;font-size: 14px;}
    .ul-list5 li{height: auto;}
    .m-parameter h3{font-size: 16px;margin-bottom: 0;height: 30px;line-height: 30px;}
    .parameter-table tr td{padding: 0 4px;}
    .ul-list9 a{line-height: 30px;height: auto;font-size: 13px;}
    .ul-list9 i{right: 10px;}
    .ul-list9 span{line-height: 30px;height: 30px;}
    .ul-list9 .span1{float: none;width: auto;}
    .ul-list9 .span2,.ul-list9 .span3,.ul-list9 .span4{color: #666;}
    .ul-list9{padding: 20px 10px;}
    .ul-list9 .span2{width: 30%;}
    .ul-list9 .span3{width: 40%;}
    .ul-list9 .span4{width: 30%;}
    .m-details .slick-dots button{width: 40px;}

    .m-pages li.next a{background-color: #ebebeb;}
    .m-service .section{padding: 20px 0;}
    .m-service .section h2{padding: 0 10px;}
    .ul-list9 li{padding: 0 10px;}
    .m-service .section h2{height: 30px;line-height: 30px;font-size: 15px;}
    .m-soBox{margin: 10px ;}
    .m-soBox button{right: 0px;}
    .m-service{padding-top: 15px;}
    .m-soBox{margin-bottom: 0; padding-bottom:30px;}
    .menuBtn{width: 36px;}
    .m-soBox input{height: 36px;line-height: 36px;}
    .m-soBox button{height: 34px;}
    .m-tel{margin-top: 10px;padding: 0 10px;margin-bottom: 10px;height: auto;line-height: 22px;}
    .m-tel h2{padding: 5px 10px;}
    .m-knowledge .m-soBox{margin-bottom: 20px;}
    .ul-list10 li{padding: 0 10px;}
    .ul-list10 .txt{padding: 5px 5px;margin-bottom: 10px;}
    .ul-list10 h3{height: 36px;line-height: 36px;}
    .ul-list10 .icon{height: 36px;}
    .m-pages{padding: 0 10px;}
    .ul-list16 h3{padding: 0;}
    .ul-list14 h3{height: 24px;line-height: 24px;margin-bottom: 8px;}
    .m-pop .close:after{width: 30px;height: 30px;}
    .m-pop .close{width: 30px;height: 30px;top: 10px;}

    .ul-list1 .txt3 i {
        width: 60px;
        height: 60px;
    }
	/*
	-----------------[番茄]--------------*/

    .m-newdetails{
        margin-bottom: 90px;
        padding: 20px 10px;
        line-height: 1.8;
    }
    .m-newdetails .title{text-align: center;}
    .m-newdetails h1 {
        font-size: 16px;line-height: 1.5;text-align: center;
        padding: 0;
    }

    .m-newdetails .tools {
        left: 0;right: 0;top:auto;bottom: -50px;z-index: 10;
    }
    .m-newdetails .share,.m-newdetails .back{
        display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;
        background-color: #fff;
        margin-bottom: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;   
        box-sizing: border-box;
        padding: 0;
    }
    .m-newdetails .share{
        background-image: none;
    }
    .m-newdetails .share i{
        display: inline-block;vertical-align: middle;
        width: 17px;height: 19px;margin-right: 5px;
        background: url(../images/gicon21.jpg) no-repeat center center;
    }
    .m-newdetails .back{background-color: #0093dd;color: #fff;}



    .ul-list13 li{
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .ul-list13 .txt {
        padding: 10px 10px;
    }
    .ul-list13 h3 {
        font-size: 15px;
        height: auto;
        line-height: 24px;
        max-height: 48px;
    }
    .ul-list13 p{display: none;}
    .ul-list13 .icon{margin-top: 0;}


    .ul-list15 li,.ul-list14 li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .ul-list15 .con {
        padding: 15px 10px;
    }
    .ul-list15 li p{display: none;}
    .ul-list15 h3 {
        font-size: 15px;
        height: auto;
        line-height: 24px;
        max-height: 48px;
    }
    .ul-list15 .pic{margin:5px 0;}

    

    .m-pages a{color: #333;border: none;}
    .m-pages li{display: none;margin: 0;}
    .m-pages li:first-child,.m-pages li:last-child{
        display: block;
    }
    .m-pages li:first-child{float: left;}
    .m-pages li:first-child a{background: #0093dd;color: #fff;}
    .m-pages li:last-child{float: right;}

    .m-about {
        padding: 20px 10px;
    }

    

    .ul-list3 {
        padding: 20px 0 0;
    }
    .ul-list3 li {width: 50%;}
    .ul-list3 h3{margin-top: 10px;padding: 0 5px;font-size: 14px;}
    


    .ul-list11 {background: none;padding: 0 10px 5px;}
    .ul-list11 li{
        padding: 0 0 10px;margin-bottom: 20px;
        border-bottom: 1px #ccc dotted;
    }
    .ul-list11 li:last-child{border: none;}
    .ul-list11 span{
        float: none;color: #0093dd;width: 100%;text-align: left;margin-bottom: 5px;
    }
    .ul-list11 .txt{
        background: none;
        padding: 0;
    }
    .ul-list11 .txt i{display: none;}
    
    
    .m-job{padding: 0 10px;}
    .ul-list12 li{border-bottom: 1px #ddd dotted;}
    .ul-list12 li:last-child{border: none;}
    .ul-list12 h3 {
        float: none;width: 100%;
        margin-bottom: 10px;
    }
    .ul-list12 .inner {
        padding-left: 0;
    }
    .ul-list12 .icon{top: 0;}
    .ul-list12 .txt {
        padding-top: 20px;
    }

}



/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .m-service{margin: 0;}
	#ban{height: 200px !important;}
	#banner{height: 160px;}
	.ul-list2 li{width: auto;float: none;}
	#hd .user{background-size: }
	#hd{height: 50px;line-height: 50px;}
	
	#hd .yuyan{ line-height:50px;}
	
    #hd.hd-fix{height: 50px;line-height: 50px;}
	#hd .logo{height: 40px;width: 200px;position: relative;margin-top: 0;top:2px;}
    #hd.hd-fix .logo{height: 40px;width: 100px;position: relative;margin-top: 0;top: 10px;margin-left: -50px;}
    #hd.hd-fix .logo{margin-top: 0;}
	
	.g-tab1{ display:none;}
	
	.menuBtn{top: 3px;}
	.menuBtn b{height: 3px;margin: 6px 0;}
	.menuBtn.open{top: 15px;}
	#nv{top: 50px;}
	#hd .user{height: 50px;width: 40px;background-size: 20px auto;}
    #hd .cart{height: 50px;width: 40px;background-size: 20px auto;}
    #hd.hd-fix .user{height: 50px;}
    #hd.hd-fix .cart{height: 50px;background-size: 20px auto;}
	.ul-list16 .txt p{width: auto;float: none;}
	.ul-list16 h3{margin-bottom: 0;}
	.ul-list16 li{padding: 10px 0;}
    .ul-list7 .txt{padding: 20px 10px;line-height: 22px;}
    .ul-list7 p{padding-bottom: 0;}
    .ul-list8 .txt{padding: 20px 10px;line-height: 22px;}
    .ul-list8 .inner{padding-bottom: 0;}
    .g-tab2 li{width: 25%;display: block;float: left;}
    .g-tab2 a{padding: 0;}
    .m-parameter{padding: 15px 10px;}
    .nav .s1{padding: 0 8px;font-size: 12px; height:32px; line-height:32px;}
	.nav .s1 i{ display:none;}
    .m-service .section{padding: 10px 0;}
    .m-service .ul-list9{padding-bottom: 10px;}
    .ul-list15 li, .ul-list14 li{width: auto;float: none;}
    .ul-list15, .ul-list14{padding: 0 10px;}
    .ul-list15 .con{padding: 10px;}
    .ul-list13 {padding: 0 10px;}
    .ul-list13 li{float: none;width: auto;margin-bottom: 15px;}
	/*
	-----------------[番茄]--------------*/
    .ul-list14 li {
        float: none;width: auto;
    }

}

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

#hd .yuyan{ display:none;}
}