﻿
@media screen and (max-width: 1200px){
    .wp{padding: 0 10px;}
    .ul-honor{margin: 0;}
    .ul-course{margin: 0;}
    .ul-img{margin: 0;}

    .i-about dd p{height: 220px;overflow: hidden;}


    .ul-culture li{width: 50%;}
    .ul-history li{padding-right: 0 !important;padding-left: 40px !important;float: none; clear: both;width: 100%;margin-bottom: 20px !important;margin-top: 20px !important;}
    .ul-history li:after {right: auto;left: -2px !important;}
    .ul-history li .pad:after {
        right: auto;
        left: -7px;
        background-image: url(../images/arr03.png);
    }
    .ul-history:before{left: 33px;top: -40px;}
    .ul-history{overflow: visible;display: inline-block;width: 100%;}
    .ul-history:after{left: 33px;top: -2px;}
    .list-ab{margin-left: 0;margin-right: 0;}
    
    .compare-pro  h3{font-size: 16px;padding-top: 10px;}
    .compare-pro .compareclose{width: 30px;}
    .compare-pro .pic img{width: auto;max-height: 60px;}
    .compare-pro select{padding-left: 10px;font-size: 14px;font-size: 12px;}
    /*.g-buy{height: 30px;line-height: 30px;}*/
    .compare-pro .pic{height: 70px;margin-bottom: 10px;}
    .pro-th{padding: 0 5px;}
    
}

@media screen and (max-width: 1038px){
	#top .so{display: none;}	
}

@media screen and (max-width: 990px){
    #nav ul li a.a1{margin-left: 10px;}
}

/*pz*/
@media screen and (max-width: 970px){
    .form-boxz select{margin-right: 2%;}
    .form-boxz select{width: 23%;}
    .form-boxz .inp-box{padding: 0 10px;}
    .form-boxz .r1{margin-left: -10px;margin-right: -10px;}
}

@media screen and (max-width: 950px){
    .ul-pro-list li span{padding: 0 5px;width: auto;}
    .service-info .pic{padding-top: 15%;}

}

@media screen and (max-width: 920px){
    #top .lan{margin-left: 10px;margin-right: 10px;}
    #top,#hd{display: none;}
    .m-hd{display: block;}
    /*#ban-in{margin-top: 60px;}*/
    .pro-class-box{margin-top: 0;}
    .pro-class{margin-top: 60px;}
    body{padding-top: 60px;}
    #banner{margin-top:0;}
    .snv-list2{margin-top: 60px;}

    /*.pro-nav{top: auto !important;bottom: 0;width: 100%;position: fixed !important;z-index: 666;}*/

    #hd2 {height: 60px;line-height: 60px;position: absolute;top: 0;width: 100%;left: 0;}
    #hd2 .logo img {height: 30px;display: inline-block;z-index: 60;vertical-align: middle;}
    #hd2 .logo {padding: 10px 0;}
}

@media screen and (max-width: 910px){
    #top .lan{margin-left: 10px;margin-right: 10px;}
}


@media screen and (max-width: 897px){
    #nav{width: 60%;}
}


@media screen and (max-width: 820px){
    #top,#hd{display: none;}
    .m-hd{display: block;}

    .compare-pro ul li select{padding-left: 10px;}
    .compare-pro .l{width: 15%;min-width:114px;}
    .service-info .pic h3{font-size: 18px;margin-bottom: 0;}
    .seller-list .sc-search .btn-s1{width: 100%;}
    .seller-list .sc-search select{width: 48%;margin-right: 2%;}
    .seller-list .con{margin-right: 0;}
    .su-sign{padding-left: 0;}
    .login-con{width: 100%;float: none;}
}
@media screen and (max-height: 820px){

    .fixed-bar li span{line-height: 22px;font-size: 16px;}
    .fixed-bar li p{height: 20px;line-height: 20px;font-size: 12px;}
    .fixed-bar li{padding: 4px 0;}
    .pro-dsiplay #nav{padding-right: 80px;}
    .pro-dsiplay #nav ul li a.a1{margin-left: 10px;}
    .fixed-bar{margin-top: 0;top: 100px;}
}


@media screen and (max-width: 780px){
    .ul-pro-list li{width: 50%;}
    .ul-pro-list li:nth-child(3n) {    border-right: 1px solid #e8e8e8;}
    .ul-pro-list li:nth-child(2n) {    border-right: none;}
    .i-about,
    .i-video{width: 100%;}
    
    .compare-pro ul{white-space: nowrap;}
    .compare-pro-fix ul li.add{position: fixed;left: 0;bottom: 226px;width: 100px;height: 100px;}

}


@media screen and (max-width: 768px){
	
    .vidoe-box video{height: 100% !important;}
   
    .tal-compare{width: 150%;}
    .tal-compare td{padding-left: 10px;padding-right: 10px;}
    
    #ban-in{margin-top: 0;}
    .enterprise-honor .pic{width: 100%;float: none;margin-bottom: 20px;}
    .enterprise-honor .txt{width: 100%;float: none;}
    .enterprise-honor .txt img{width: 100%;}
    .ul-course li .txt h3{padding: 5px 0;}
    .about-time ul li{padding: 0 20px;}
    .service-info .txt{float: none !important;width: 100%;padding-right: 25px;}
    .service-info .pic{float: none;width: 100%;margin: 0 auto;max-width: 35%;padding-top: 17%;}
    .ul-culture li .txt h5{margin: 5px 0;}
    .ul-culture li.big .pad{padding: 18% 10px;}
    .ul-history li .pad .pic{float: none;margin-bottom: 10px;width: 100%;}
    .ul-history li .pad .pic img{width: 100%;}
    .ul-history li .pad{padding: 20px;}
    .service-center .btn-s1{margin-top: 10px;}

    /*pz*/
    .product-tit{font-size: 40px;text-indent: 2em;padding-top: 80px;}
    .pro-nav{padding: 0 10px;}
    .serach-con .map-side{width: 250px;padding-left: 20px;}
    .map-main .pad{margin-right: 280px;}
    .serach-con .map-main{margin-right: -280px;}
    .list-result h6 em{margin-right: 5px;}
    .list-result{padding-right: 0;}
    .tel-list{text-align: left;}
    .tel-list li{text-align: center;margin-bottom: 20px;width: 33.33333%;float: left;}
    .error-page .img{left: 50%;margin-left: -267px;}
    .ul-index li a em{
        -webkit-background-size: 60px;
        background-size: 60px;
    }
    .ul-index li a{padding-left: 10px;}
    .ul-index li a em{padding-left: 70px;}
    .ul-index li a{padding-top: 26px;}
    .i-about dd{padding: 20px;}
    .i-about dd{height: auto;}
    .i-about dd p{height: 132px;overflow: hidden;}
    /*.i-video dd{height: 300px;}*/
    .i-about dt{display: none;}
    .culture-imgtxt2 .txt{padding: 6% 5%;}
    .ul-culture li.big .pad{padding-left: 10px;padding-right: 10px;}
    .ul-culture li.s1 .inner .txt{height: 54%;}
    .ul-culture p{font-size: 12px;}
    .ul-culture li.s4 .txt,.ul-culture li.s5 .txt,
    .ul-culture li.s6 .txt{height: 150px;}
    .ul-culture li.s8 .txt{height: auto;padding: 6% 0;}
    #hb-nav{padding-left: 0px;padding-right: 0px;}
    .tal-compare-box{overflow: auto;}
    .page{display: none;}
     .m-page{display: block;margin-bottom: 10px;}
     .btn-box{margin-top: 0;}

}

@media screen and (max-width: 730px){
    .ul-pro-list li.on label{margin-top: -10px;}
    .ul-pro-list li{padding-bottom: 0;}
}

@media screen and (max-width: 690px){
    .ul-course li .pad{padding: 10px;}
    .ul-pro-list li:nth-child(3n){border-right: 1px solid #e8e8e8;}
    .pro-class-box dl dd a{margin-right: 10px;}
    .pro-class-box dl dt{margin-right: 10px;width: 76px;float: none;display: block;text-align: left;}
    .pro-class-box dl.city dd > a{margin-right: 10px;}
    .pro-class-box dl{padding: 10px 0;}
    .compare-pro{margin-top: 20px;} 
    .compare-pro ul li{border: none;}
    .compare-pro ul {white-space: nowrap;overflow-x: hidden;}
    .compare-pro .btn-r{width: 100%;text-align: center;float: none;border: 0;height: auto;}
    .compare-pro .btn-r p{display: inline-block;margin-left: 10px;}
    /*.compare-pro-fix{position: relative;bottom: auto;}*/
    .snv-list2 ul li{max-width: 24%;}
    .service-num ul li b{font-size: 20px;}
    .service-num li p{font-size: 12px;}
    .bshare-custom{display: none;}
}

@media screen and (max-width: 640px){
    .pro-class{margin-top: 60px;}
	.center-box{float: none;width: 100%;margin-right: 0;}
	.su-sign, .su-login{background: #fff;}
    .ul-pro-list .l p{height: auto;}
    .ul-pro-list li{padding-bottom: 20px;}
    .ul-pro-list li.on label{margin-top: 53px;}
  .ul-history li .pad{height: auto;line-height: 1.6;padding: 20px 10px;}
  .ul-history li .pad .txt{line-height: 1.8; }
  .ul-history li .pad .txt h3{font-size: 24px;}
  .ul-history li .pad .txt b{font-size: 24px;}
    #product-thumb{width: 100%;}
    #product-thumb .item{height: 60px;line-height: 60px;padding: 0 10px;}
    #product-thumb .slick-list{padding-bottom: 4px;}
    #product-thumb .item img{max-height: 60px;}
    .seller-list .map-side{margin-bottom: 10px;}
    .pro-class-box{margin-top: 10px;}
    .tit-in{font-size: 8px;padding-top: 10px;padding-bottom: 10px;}
    .about-info img{margin-bottom: 10px;}
    .about-info{margin-bottom: 20px;}
    .about-time ul li{padding: 0 10px;}
    .about-time ul li .time-p{font-size: 12px;}
    .about-time{padding-bottom: 20px;}
    .ul-pro-list li{width: 100%;border-right: 0;}
    .ul-pro-list li .btn{display: block !important;}
    .ul-pro-list li:nth-child(3n){border-right: 0;}
    .about-con .pic{width: 100%;float: none;margin-right: 0;}
    .tit-in2{margin-top: 20px;margin-bottom: 20px;font-size: 22px;}
    .ul-honor li{width: 100%;padding: 0 10px;margin-bottom: 20px;}
    .pro-class li h3{font-size: 20px;}
    .pro-class li h3 span{
    background-size: 100%;}
    .pro-class li .more{margin-bottom: 20px;font-size: 15px;}
    .service-tit h3{font-size: 20px;    }
    .service-tit h5{font-size: 16px;}
    .ul-img li{width: 100%;float: none;margin-bottom: 20px;}
    .ul-img li h3{margin-top: 10px;}
    .service-info .pic{max-width: 70%;padding-top: 38%;}
    .service-tel .pad{padding: 15px;}
    .service-info{padding: 10px 0;}
    .service-tel{margin-bottom: 0;}
    .service-system h3, .service-step h3{margin-top: 20px;margin-bottom: 20px;font-size: 30px;}
    .service-system .txt{width: 100%;float: none;}
    .service-system .txt .inner{position: static;    -webkit-transform: translateX(0) translateY(0);    -ms-transform: translateX(0) translateY(0);    transform: translateX(0) translateY(0);}
    .service-map .pic{width: 100%;float: none;    }
    .service-map .txt{padding-left: 10px;width: 100%;}
    .service-map{background: #e9e9e9;}
    .service-step .txt h2{font-size: 24px;}
    .service-num ul li{width: 33.333%;margin-bottom: 10px;}
 
    body{overflow-x: hidden;}
    .service-system .txt{padding: 10px 25px 30px 25px;}

    /*pz*/
    .product-tit{font-size: 28px;padding-top: 20px;margin-bottom: 20px;}
    #product-pic{padding: 0 10%;}
    #product-pic .slick-arrow{
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6); 
        -ms-transform: scale(0.6); 
        -o-transform: scale(0.6); 
        transform: scale(0.6);
        transform-origin: 100% 50%;
    }


    #product-pic .flex-direction-nav a{
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5); 
        -ms-transform: scale(0.5); 
        -o-transform: scale(0.5); 
        transform: scale(0.5);
        margin-top: -60px;
        transform-origin: 100% 50%;
    }
    #product-pic .slick-prev{
        transform-origin: 0% 50%;
    }
 

    #product-pic .flex-control-thumbs{margin-top: 20px;}
    .pro-pad{padding-bottom: 40px;}
    /*.pro-nav a{margin-right: 30px;margin-left: 0;float: none;}*/
    /*.pro-nav .l{width:100%;display: none;}*/
    .pro-nav{height: 50px;line-height: 1;overflow: hidden;padding: 10px 0;line-height: 30px;text-align: center;position: static !important;}
    /*.pro-nav a,*/
    /*.pro-nav span{width: 50%;margin: 0 !important;float: left;text-align: center;}*/
    /*.pro-nav .r{width: 100%;line-height: 50px;position: fixed;width: 100%;bottom: 0;left: 0;background-color: #222;z-index: 600000;padding: 0 10px;text-align: left;*/
        /*-backface-visibility: hidden;*/
        /*-webkit-transform: translateZ(0);*/
    /*}*/
    .pro-nav .r .s2{display: none;}
    .pro-nav .r .s3{position: fixed;width: 100%;bottom: 0;left: 0;background-color: #000;margin-left: 0;height: 40px;z-index: 8888;
    line-height: 40px;text-align: center;
    background-position: 40% 50%;
}
.back-n1,
.buy-n1{display: block !important;float: left;width: 50%;margin-left: 0 !important;}

    .pro-nav .r *{text-align: left;}
    .t2-u1{padding: 20px 0;}
    .tip-b1{padding: 20px;}
    .t2-u1 span{font-size: 24px;}
    .it-box .txt{position: static;width: 100%;}
    .it-box{margin: 20px 0;}
    .det-img-list img{width: 100%;margin-bottom: 10px;}
    .pro-info{padding-top: 40px;}
    .sc-search{margin-bottom: 20px;}
    .sc-search select{width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 10px;float: none;}
    .sc-search .btn-s1{width: 100%;margin-left: 0;margin-right: 0;}
    .serach-con .map-side{height: auto;padding-left: 0;float: none;width: 100%;}
    .map-main .pad,
    .serach-con .map-main{margin-right: 0;margin-bottom: 10px;}
    .map-side h4{margin-bottom: 10px;}
    #map{height: 400px !important;}
    .form-msg .inp-box{width: 100%;margin-bottom: 20px;padding-left: 0;padding-right: 0;}
    .area-lab {padding-left: 0;}
    .form-msg li{margin-bottom: 20px;}
    .t3-u1{margin-bottom: 30px;}
    .t3-u1 p{padding-top: 20px;}
    .list-oc p{padding-left: 10px;}
    .list-oc li{margin-bottom: 10px;}
    .list-oc .bd{padding: 20px 10px 20px 0;}
    .form-boxz label{width: 100%;float: none;text-align: left;padding-left: 50px;margin-bottom: 10px;}
    .form-boxz select{width: 100%;margin-top: 20px;}
    .form-boxz .inp-box{width: 100%;margin-bottom: 30px;}
    .form-boxz .inp{padding:0 10px 10px 10px;}
    .form-boxz li{margin-bottom: 30px;}
    .rd-box{padding: 10px 0 0 0;display: block;}
    .form-boxz .r2 img{right: 10px;top: 30px;}
    #bd .file-label{width: 100%;line-height: 40px;height: 40px;}
    #file-label-a{display: none !important;}
    #file-label-b{display: block !important;}
    #dituContent{height: 400px !important;}
    .contact-box{padding: 40px 10px;}
    .contact-box .t3-u1{margin-bottom: 30px;}
    .qr-box li{margin:10px;}
    .qr-box {text-align: center;}
    .tel-list li{width: 100%;}
    .contact-box .con{padding-bottom: 30px;}
    .error-page .img{transform: scale(0.6);transform-origin: 50% 50%;}
    .error-page .btn-s1{transform: scale(1.2);transform-origin: 50% 50%;}
    .progress-bar{width: 100%;
        -webkit-background-size: 100% 40px;
        background-size: 100% 40px;
    }

    .form-1{padding: 30px 10px;}
    .progress-bar span{font-size: 14px;}
    .progress-bar{line-height: 39px;}
    .ul-culture li,
    .ul-index li,
    .ul-img li img,
    .list-service,
    .tel-search,
    .ul-list1,
    .i-about,
    .i-video,
    .form-1 .sub,
    .form-1 ul{width: 100%;}
    .form-1 .inp{height: 40px;}
    .su-sign .yzm .inp{width: 60%;}
    .su-box .sub{height: 40px;line-height: 40px;}
    .su-box h2{font-size: 28px;}
    .r-pwd .phone-msg .inp{width: 100%;}
    .phone-msg{padding-right: 90px;}
    .rest-time{margin-left: 10px;height: 40px;vertical-align: bottom;}
    .r-pwd2 .inp-box{padding-left: 100px;}
    .r-pwd label{left: 0;padding-right: 10px;top: 20px;}
    .su-msg .inp{width: 50%;}
    .i-video dt{margin-top: 0;    border-left: 4px solid #00752c;padding-left: 20px;font-size: 24px;height: 24px;line-height: 24px;overflow: hidden;margin-bottom: 20px;
    margin-top: 20px;
    color: #333;}
    .tit-i span,
    .i-about dd h3{height: 24px;line-height: 24px;font-size: 24px;}
    .i-about dd{padding-left: 0;border: none;}
    .row1{padding-bottom: 20px;}
    .ul-index li a{padding: 10px 0;}
    .ul-index li a,
    .ul-index li{height: auto;}
    .ul-index li a em{width: 230px;}
    /*.pic-big a h3{font-size: 16px;padding: 0;text-align: center;    height: 40px;line-height: 40px;}*/
    .pic-big{display: none;}
    .list-pro-hot li,
    .ul-list-lg li,
    .ul-list-sm li{width: 50% !important;}
    .ul-list1 em{font-size: 16px;}
    #hot-slider .list-pro-hot .s1 .txt{padding: 0;}
    #hot-slider .list-pro-hot .s1 .txt,
    #hot-slider .list-pro-hot li,
    #hot-slider .list-pro-hot li .pad{height: auto;}
    #hot-slider .list-pro-hot .img{padding-top: 70%;height: auto;-webkit-background-size: 100%;
    background-size: 100%;}
 #hot-slider .list-pro-hot li .pad{padding: 15px;}
 #hot-slider .list-pro-hot .txt{position: static;text-align: left;padding-top: 10px !important;}
 #hot-slider .list-pro-hot .more{display: none;}
 .list-pro-hot{padding-bottom: 30px;}
 .tel-search{margin-bottom: 20px;}
 .hot-slider .slick-dots li a{width: 30px;height: 5px;}
 .banner-bar-box{padding-right: 10px;bottom: 10px;}
 .banner-bar{border: none;}
 .ul-culture-pt73{padding-top: 30px;}
    .ul-culture li{float: none;padding-top: 0 !important;height: auto;}
    .ul-culture li .pic{display: none;}
    .ul-culture li .txt.gray{background: none;}
    .ul-culture li.big{margin-top: 0;}
    .ul-culture li.big .pad{position: static;}
    .ul-culture li .txt{height: auto !important;padding: 7% 0;}
    .culture-imgtxt2 .txt{float: none;width: 100%;}
    .compare-pro .l,
    .qa-list .hd .msg-info,
    .culture-imgtxt2 .pic,
    .culture-imgtxt1 .pic{display: none;}
    .pro-class li .pic{margin: 0 -31%;}
    .compare-pro ul li.add{position: fixed;right: 0;bottom: 225px;z-index: 500;width: 100px;height: 100px;border: 1px solid #e5e5e5;float: right;margin-bottom: 10px;}
    .compare-pro ul li{padding-left: 5px;padding-right: 5px;height: auto;}
    .compare-pro-fix .pic img{height: 50px;width: auto;}
    .compare-pro ul li .pic{margin-bottom: 10px;}
    .snv-list1 ul li a span img{height: 40px;}
    .snv-list1 ul li a span{height: 30px;line-height: 30px;margin-bottom: 10px;}
    .snv-list1 ul li{padding-bottom: 0;}
    .snv-list1 ul li a{padding: 20px 0;}
    .qa-list li{padding: 20px 0 0 0;}
    .qa-list .bd h3{margin-bottom: 20px;}
    .h50{height: 30px;}
    .snv-list2{margin-top: 20px;}
    #ban-in2{padding-top: 0;}
    #ban-in2 .wp{padding: 16% 5%;}
    #ban-in2 .txt{position: static;}
    #ban-in2 h3{font-size: 14px;}
    #ban-in2 h3 span{font-size: 20px;}
    #ban-in2 h3:after{bottom: -10px;}
    .tal-search .tit th,
    .tal-search td,
    .tal-search .tit td{padding: 0 10px;}
    .so-tit span{margin-bottom: 20px;}
    .select-box select{width: 100%;margin-bottom: 10px;max-width: 99999px;padding-left: 10px;}
    #hb-nav .slick-current span:before{
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6); 
        -ms-transform: scale(0.6); 
        -o-transform: scale(0.6); 
        transform: scale(0.6);
        top: 10px;
        margin-left: -4px;
    }
    .select-box .sub{
        background: -moz-linear-gradient(top,  rgba(0,161,60,1) 0%, rgba(0,119,45,1) 100%); 
        background: -webkit-linear-gradient(top,  rgba(0,161,60,1) 0%,rgba(0,119,45,1) 100%); 
        background: linear-gradient(to bottom,  rgba(0,161,60,1) 0%,rgba(0,119,45,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a13c', endColorstr='#00772d',GradientType=0 ); 
        width: 100%;
    }
    #banner a{padding-top: 56%;}
    .history-box h3{font-size: 30px;padding-top: 2em;padding-left: 40px;padding-right: 40px;}
    .history-box .flexslider .slides li{min-height: 100px;height: auto;}
    .history-box h3 b,
    .history-box h3 u,
    .history-box h3 span{display: block;width: 100%;margin-bottom: 30px;text-align: left;}
    #hb-nav span{font-size: 18px;}
    #hb-nav .slick-current span{font-size: 24px;}
    .history-box .flexslider .flex-direction-nav li a{
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5); 
        -ms-transform: scale(0.5); 
        -o-transform: scale(0.5); 
        transform: scale(0.5);
        transform-origin: 50% 50%;
    }
    .history-box h3 u{line-height: 1.6;padding-left: 22px;}
    #hb-nav{margin-top: -45px;}
    .tel-search select{width: 60%;padding-left: 10px;}
    .tel-search dd p{text-align: center;}
    .tel-search dd{padding-left: 10px;padding-right: 10px;}
    .vidoe-box em{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 50% 50%;
    }
    #ckplayerBox video{width: 100% !important;height: auto !important;}
    .i-video dd{height: auto;}
	.seller-list .sc-search select{margin-right: 0;width: 100%;margin-left:0;margin-right: 0;display: block;}
    .seller-list .sc-search .btn-s1{width: 100%;}
    .t3-u1 h3{font-size: 26px;}
    .sc-search select{height: 40px;}
    .rd-box em{font-size: 14px;}
    #fd{margin-top: 20px;}
    .pro-class{margin-top: 30px;}
    #fd .fdr{margin-left: 0;}
    .form-msg .r2{margin-left: 0;margin-right: 0;}
    .form-boxz label{margin-bottom: 5px;}
    .parameters-table th,
    .parameters-table td{padding: 0 10px;width: 50%;}
    #banner .slick-arrow{display: none !important;}
    .m-hide,
    .compare-pro-fix .add,
    .pro-class-box,
    .fixed-bar,
    .show-side{display: none;}
    .m-pro-filter{display: block;}
    .it-box .con{text-align: center;}
    .it-box p{text-align: left;}
    .bg-black ul li{float: left;width: 33.3333%;padding: 0 5px;text-align: center;}
    .bg-black li img{width: 48%;}
    .bg-black ul li:nth-child(2){border: none;}
    .bg-black ul li span{margin-bottom: 10px;}
    .bg-black li p{font-size: 12px;}
    .bg-black li br{display: none;}
    .tal-search td{height: 50px;}
    .compare-pro .compareclose, .contentcompareclose{width: 34px;}
    .pro-th{padding: 0;}
    .compare-pro-fix h3{font-size: 13px;}
    .compare-pro-fix ul li .pic{margin-bottom: 0;}
    
    .tal-compare{font-size: 12px;}
    .compare-pro-fix{bottom:0;}
    .compare-pro-fix li select{padding-left: 0 !important;font-size: 12px;}
    .compare-pro-fix .wp{padding: 0;}
    .m-show{display: block;}
    .compare-pro-fix ul li{width: 50%;display: inline-block;float: none;}
    .compare-pro-fix ul{white-space: nowrap;}
    .pwd-result{height: auto;}
    #videoImg,
    #ckplayerBox{height: auto !important;}
}






@media screen and (max-width: 530px){
    #fd .fdr{width: 100%;float: none;overflow: hidden;text-align: center;}
    #fd .fdr p{text-align: center;}
    #fd .fdr dl{float: none;display: inline-block;}
    #fd .fdl{text-align: center;}
    .banner-bar{height: 20px;line-height: 20px;bottom: 10px;}
    .banner-bar ul li.on{width: 14px;height: 14px;}
    .banner-bar .prev, .banner-bar .next{display: none;}
    .enterprise-honor .txt ul li{width: 100%;}
    .ul-course li{width: 100%;float: none;}
    .su-sign .inp_msgverify{width: 60%;}
}

@media screen and (max-width: 480px){
    .m-nav{height:800%;padding-bottom:50px;overflow-x: hidden;}
    .pop-tip{width: 100% ;}
    .pop{width: 100% ;}
    .x-btn{right:0;}
}

@media screen and (max-width: 350px){
    #ban-in2 h3{font-size: 14px;}
    .snv-list1 li{font-size: 12px;}
    .snv-list2 ul li{width: 20%;}
    #ban-in2 h3 span{font-size: 18px;}
}
、