@media (max-width: 680px) {

    .protypelist {
        float: left;
         margin-top: 0px;
         margin-right: 0px;
        width: 100%;
    }
    .protypelist img{
        width: 100%;
    }
    .mproduct a{
        width: 49.5%;
        overflow: hidden;
        display: block;
        float: left;
    }
    .mproduct a img{
        width: 100%;
        height: auto;
    }
    .mlocation{
      text-align: left;
        padding-left: 10px;
    }


    .pchead{
        display: none;
    }
    .pz_banner{
        display: none;
    }
    .pc{
        display: none;
    }
    .m-head{
        display: block; padding:0; margin:0;
    }
    .mobile{
        display: block;
    }
	
	.knowmore{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    background: #005898;
    color: #fff;
 
    padding: 12px 16px;
    border-radius: 47px;
    font-size:18px;
    margin-top: 20px;
}
	
@charset "utf-8";
    /* CSS Document */
    table{ border-collapse:collapse; border-spacing:0;}
    fieldset,img{border:0;}
    img{ max-width:100%;}
    ol,ul,li{ list-style-type:none; list-style-position:outside;}
    caption,th{ text-align:left;}
    h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; margin:0; padding:0;}
    a{text-decoration:none; color:#646464; cursor:pointer;}
    a:hover{text-decoration:none;}
    body {margin:0;padding:0;background:#ffffff;min-width:320px;width:100%;max-width:640px;}
    body,td,th {font-family:"microsoft yahei"; font-size:12px; color:#434343;}
    a,p,ul,li,dl,dt,dd{ text-decoration:none; margin:0; padding:0; list-style-type:none;}
    input,table,tr,td{ margin:0; padding:0; border:none; outline:none;}
    button,table{ border:none; background:none; margin:0; padding:0;}
    select{ margin:0; padding:0; font-family:"microsoft yahei";}
    textarea{ resize:none;-webkit-appearance:none;-webkit-appearance:none; outline:none;}
    button{ appearance:none;-webkit-appearance:none;}
    *{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    *:before,
    *:after{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


    /*切图：bwh*/
    .pz_top{ float:left; width:100%; position:relative; padding:0px; margin:0;
        min-width: auto;}
    .pz_main{ width:100% !important; float:left;min-width: auto}
    .pz_menu{ float:left; width:100%; position:fixed; left:0; bottom:0; z-index:999;}
    .pz_down{ float:left; width:100%; background:#f0f0f0;padding:15px 2%;    min-width: auto; }
    .div{ width:100%; float:left; overflow:hidden;}
    .div img{width:100%; float:left; display:block;}

    /*top*/
    .top_cont{float:left; width:100%; position:relative; z-index:100; }
    .logo{float:left;margin-top:10px;  margin-left:2%; width:28%; height:100%; max-width:204px;  }
    .logo img{display:block;  
    width: 110px; 
    /* height: 40px; */
    padding:0px;}
    .top_menu{float:right; width:100%; min-width:36px; max-width:40px; padding:0px; margin:0px; background:#52639a;  position:relative;}
    .top_menu .cha{width:100%; position:absolute; left:0; top:0; display:none; }

    /*导航*/
    /*index_menu*/
    .index_menu{ float:left; width:100%; background:#000; position:absolute; right:0; top:93%; display:none; opacity:0.9;filter: alpha(opacity=90);}
    .index_menu ul{ float:left; width:100%;}
    .index_menu ul .nli{float:left; width:100%;}
    .index_menu ul .nli .nli_a{float:left; width:100%; padding:0 4%;  height:48px; line-height:48px; font-size:14px; color:#fff; border-bottom:#333 solid 1px;}
    .index_menu ul .nli .nli_a em{ font-style:normal; font-size:10px; margin-left:5px; text-transform:uppercase;}
    .index_menu ul .nli .nli_a:hover,
    .index_menu ul .nli.on .nli_a{ background-color:#52639a; }
    .index_menu ul .nli .nli_a b{ float:right; width:9px; height:9px; margin:17px 0 0 0; background:url(../mimages/z_img18.png) no-repeat center center;}
    .index_menu ul .nli .nli_a:hover b,
    .index_menu ul .nli.on .nli_a b{  background:url(../mimages/z_img18_1.png) no-repeat center center; }
    .index_menu ul .nli.nli_index .nli_a b{ background:url(../mimages/z_img18_2.png) no-repeat center center;}

    .index_menu .nli_ul{ display:none; float:left; width:100%;background:#1a1a1a; border-bottom:#333 solid 1px; opacity:0.9;filter: alpha(opacity=90);}
    .index_menu .nli_ul .nli_2{ float:left; width:100%;}
    .index_menu .nli_ul .nli_2 .nli_2_a{ float:left; width:100%; height:36px; font-size:12px; color:#fff; line-height:36px; padding:0 4%; }
    .index_menu .nli_ul .nli_2 .nli_2_a span{float:left; width:90%; margin:0 0 0 2%; padding-left:2.5%; background:url(../mimages/z_img19.png) no-repeat left center;}
    .index_menu .nli_ul .nli_2 .nli_2_a:hover{ background: #52639a;}
    .index_menu .nli_ul .nli_2 .nli_2_a b{float:right; width:9px; height:9px; margin:13px 0 0 0; background:url(../mimages/z_img18_2.png) no-repeat center center;}
    .index_menu .nli_ul .nli_2 .nli_2_a:hover b{  background:url(../mimages/z_img18_1.png) no-repeat center center; }

    .index_menu .nli_2_ul{ display:none; float:left; width:100%;background:#333; border-bottom:#333 solid 1px; opacity:0.9;filter: alpha(opacity=90);}
    .index_menu .nli_2_ul .nli_3{ float:left; width:100%;}
    .index_menu .nli_2_ul .nli_3 .nli_3_a{ float:left; width:100%; height:36px; font-size:12px; color:#fff; line-height:36px; padding:0 4%; }
    .index_menu .nli_2_ul .nli_3 .nli_3_a span{float:left; width:90%; margin:0 0 0 4%; padding-left:2.5%; background:url(../mimages/z_img19.png) no-repeat left center;}
    .index_menu .nli_2_ul .nli_3 .nli_3_a:hover{ background: #52639a;}
    .index_menu .nli_2_ul .nli_3 .nli_3_a b{float:right; width:9px; height:9px; margin:13px 0 0 0; background:url(../mimages/z_img18_2.png) no-repeat center center;}
    .index_menu .nli_2_ul .nli_3 .nli_3_a:hover b{  background:url(../mimages/z_img18_1.png) no-repeat center center; }

    .index_menu .nli_3_ul{ display:none;float:left; width:100% ;background:#1a1a1a; border-bottom:#333 solid 1px; opacity:0.9;filter: alpha(opacity=90);}
    .index_menu .nli_3_ul .nli_4{ float:left; width:100%;}
    .index_menu .nli_3_ul .nli_4 .nli_4_a{ float:left; width:100%; height:36px; font-size:12px; color:#fff; line-height:36px; padding:0 4%; }
    .index_menu .nli_3_ul .nli_4 .nli_4_a span{float:left; width:90%; margin:0 0 0 6%; padding-left:2.5%; background:url(../mimages/z_img19.png) no-repeat left center;}
    .index_menu .nli_3_ul .nli_4 .nli_4_a:hover{ background: #52639a;}
    .index_menu .nli_3_ul .nli_4 .nli_4_a b{float:right; width:9px; height:9px; margin:13px 0 0 0; background:url(../mimages/z_img18_2.png) no-repeat center center;}
    .index_menu .nli_3_ul .nli_4.on .nli_4_a b{  background:url(../mimages/z_img18_1.png) no-repeat center center; }


    /*banner*/
    .banner{ width:100%; float:left; position:relative;}
    .slideBox{ position:relative; overflow:hidden; width:100%;  max-width:640px; /* 设置焦点图最大宽度 */}
    .slideBox .hd{ position:absolute; height:16px; bottom:5%; z-index:2;  right:0; width:100%; text-align:center;}
    .slideBox .hd li{display:inline-block; zoom:1; width:11px; height:11px; opacity:0.5; background-color:#fff; -webkit-border-radius:16px; -moz-border-radius:16px;  border-radius:16px; text-indent:-9999px; overflow:hidden; margin:0 3px;   }
    .slideBox .hd li.on{background-color:#52639a; opacity:1;}
    .slideBox .bd{ float:left; width:100%; overflow:hidden; position:relative; z-index:0; }
    .slideBox .bd li{ position:relative; text-align:center;  }
    .slideBox .bd li img{ background:url(../mimages/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
    .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }

    /*main*/
    .m_t_27{margin-top:20px;}
    .c_0100{float:left; width:100%;}
    .c_0096{float:left; width:100%; margin-top:20px;}
    .line_1{ float:left; width:96%; margin:0 2%;height:42px; line-height:42px; background:#1973b4; }
    .tit_1{float:left; font-size:16px; color:#fff; font-weight:bold; margin-left:3.5%;}
    .more_1{float:right; font-size:12px; color:#fff; margin-right:4.3%;}

    .list_2{ float:left; padding-bottom:30px;}
    .list_2 ul{float:left; width:100%;}
    .list_2 ul li{float:left; width:47%; margin-left:2%; margin-top:2%; }
    .list_2 ul li a{display:block; width:100%; overflow:hidden; background:url(../mimages/main_img3.png) no-repeat left top; background-size:cover;}
    .left_1{float:left; width:49%; position:relative;}
    .left_1 .img_1{width:42%; float:left; text-align:center; padding:12% 0 8% 0; margin:0 29%; }
    .left_1 .tit_2{float:left; width:100%; text-align:center; line-height:12px; color:#fff;}
    .left_1 .bj1{width:8px; height:15px; position:absolute; right:-8px; top:50%; margin-top:-7px;}
    .img_2{float:right; width:51%;}
    .img_2 img{display:block; width:100%;}




    /*down*/
    .address{ float:left; width:100%; line-height:24px; color:#666666; text-align:center;}
    .address a{ color:#666;}
    .bq{ float:left; width:100%; line-height:24px; color:#666666;text-align:center;}
    .bq a{ color:#666;}





    /*新闻资讯2*/
    .l_0100_1{ float:left; width:100%; padding:0 2%; overflow:hidden;}
    .t_new{ float:left; width:100%; margin-top:-15px;}
    .t_new .t_new_a{ float: left; width:100%; padding:15px 0; border-bottom:#cdcdcd dashed 1px; overflow:hidden; position:relative;}
    .t_new .t_new_a .l_img{ float: left; width:145px; height:95px; overflow:hidden; position:absolute; left:0; top:15px;}
    .t_new .t_new_a .l_img img{-webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
    .t_new .t_new_a .r_new{ float: right; width:100%; padding-left:157px;}
    .t_new .t_new_a .d_new_1{ float:left; width:100%; height:22px;}
    .t_new .t_new_a .d_new_1 a{ float:left; width:100%; height:22px; line-height:22px; color:#535962; font-size:14px; overflow: hidden; text-overflow:ellipsis;}
    .t_new .t_new_a:hover .d_new_1 a{ color:#52639a;}
    .t_new .t_new_a .d_new_2{ float:left; width:100%; height:auto;overflow:hidden; color:#646464; margin-top:3px; line-height:27px;}
    .t_new .t_new_a .d_new_3{ float:left; width:100%; height:44px; overflow:hidden;}
    .t_new .t_new_a .d_new_3 a{ color:#a2a2a2; line-height:22px;}
    .t_new .t_new_a:hover .l_img img{-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);}

    /*新闻*/
    .l_808_3{ float:left; width:100%;}
    .l_808_3 li{ float:left; width:100%; padding:15px 0; border-bottom:1px dashed #dcdcdc;}
    .l_808_3 li a{ float:left; width:100%; position:relative;}
    .l_570{ float:left; width:100%;}
    .r_time{ float:left; width:100%; line-height:22px; color:#bcbcbc; font-size:12px; font-family:"Arial";}
    .l_808_3 li:hover .txt1{ color:#52639a;}
    .txt1{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px;-webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s; overflow:hidden;
        white-space: nowrap; text-overflow:ellipsis;}
    .h_txt1{ width:500px;}
    .txt2{ float:left; width:100%; color:#666666; font-size:14px; line-height:20px; height:40px; overflow:hidden;}
    .r_709{ float:right; width:100%; padding-left:75px;}
    .time_78{ float:left; width:66px; height:66px; background:#efefef; text-align:center; padding:6px;-webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s; position:absolute; left:0; top:50%; margin-top:-33px;}
    .time_78 .nub{ float:left; width:100%;font-size:30px; line-height:30px;  color:#999999; font-family:"Arial"; margin-top:2px;-webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;}
    .time_78 .year{ float:left; width:100%; font-size:13px; border-top:1px solid #d5d5d5; color:#999999; font-family:"Arial"; line-height:21px; padding-top:2px;-webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;}
    .r_572{ float:right; width:100%; padding-left:130px;}
    .pic_220{ float:left; width:120px; height:79px; overflow:hidden; position:absolute; left:0; top:50%; margin-top:-40px;}
    .l_808_3 li:hover .time_78{ background:#52639a;}
    .l_808_3 li:hover .time_78 .nub{ color:#fff;}
    .l_808_3 li:hover .time_78 .year{ color:#fff; border-top:1px solid #028d86;}
    .r_572 .more{ display:none; float:left; width:100%; margin-top:4px;}
    .r_572 .more span{ float:left; padding:0 15px; height:28px; line-height:26px; text-align:center; color:#fff; font-size:12px; background:#52639a;}
    .l_808_3 li:hover .r_572 .more span{ box-shadow:0 3px 5px #ccc; -moz-box-shadow:0 3px 5px #ccc; -webkit-box-shadow:0 3px 5px #ccc;}




    /*产品中心*/
    .d_1101_4{ float:left; width:100%; padding:20px 2% 0 2%; overflow:hidden;}
    .d_1101_4 .ul_1{ float:left; width:100%; padding:0; margin-top:-15px;}
    .ul_1 li{ float:left; width:49%; margin:15px 2% 0 0;}
    .ul_1 li:nth-child(2n){ margin-right:0;}
    .ul_1 li .t_337{ float:left; width:100%; line-height:0; background:#52639a; position: relative; overflow:hidden; text-align:center;}
    .ul_1 li .t_337 img{ opacity:1;filter: alpha(opacity=100);
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;}
    .ul_1 li .t_337 span{ background:url(../mimages/md-icon-4.png) center no-repeat; width:48px; height:48px; position:absolute; left:50%; top:-48px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s; margin:-24px 0 0 -24px;}

    .ul_1 li .d_337{ float:left; width:100%; line-height:14px; padding:15px 10px 0 10px;text-overflow:ellipsis; overflow:hidden; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .ul_1 li .d_337 a{ color:#333; font-size:14px;}
    .ul_1 li:hover .d_337 a{ color:#52639a;}
    .ul_1 li:hover .t_337 img{ opacity:0.2;filter: alpha(opacity=10.2);}
    .ul_1 li:hover .t_337 span{ top:50%;}

    .ul_1 li .t_337  i{ width:32px; height:32px; background:url(../mimages/main46.png) center no-repeat; background-size:100% 100%; position:absolute; top:50%; left:-16px; margin-left:-16px; margin-top:-16px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }
    .ul_1 li .t_337  em{ width:32px; height:32px; background:url(../mimages/main47.png) center no-repeat; background-size:100% 100%; position:absolute; top:50%; right:-16px; margin-top:-16px; margin-right:-16px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }
    .ul_1 li:hover .t_337 em{right:50%;}
    .ul_1 li:hover .t_337 i{left:50%;}




    /*phone底部导航*/
    .q_d_m{float:left; width:100%; height:50px;max-width:640px}
    .pf_down{width:100%;max-width:640px; float:left; position:fixed; left:0; bottom:0; height:50px; background:#E3E3E3; z-index:999; border-top:1px solid #fff;}
    .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
    .pf_down li .ico7{ width:100%; float:left; height:20px;}
    .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#52639a; line-height:14px;}
    .pf_down li.l1 .ico7{ background:url(../mimages/btn15.png) no-repeat center; background-size:20px 20px;}
    .pf_down li.l2 .ico7{ background:url(../mimages/btn18.png) no-repeat center; background-size:25px 18px;}
    .pf_down li.l3 .ico7{ background:url(../mimages/btn16.png) no-repeat center; background-size:20px 20px;}
    .pf_down li.l4 .ico7{ background:url(../mimages/btn17.png) no-repeat center; background-size:20px 20px;}
    .pf_down li:nth-child(4n){ border:none;}

    .about{
        width: 100%;
			height:auto;
			margin-top:-2px;
    }
    .aboutL {
        width: 100%;
			height:auto;
    }
    .aboutR{
        width: 93%;
        margin: 0 auto;
		font-size:14px;
		height:auto;
		padding-bottom:20px;
    }
    .aboutintro {
       color: #636363;
    font-size: 13px;
    width: 93%;
    line-height: 28px;
    text-align: justify;
    margin-top: 10px;
    height: auto;
    margin-bottom: 10px;
    }
	.abouttit {
       margin: 10px 0;
    font-size: 20px;
    margin-bottom: -12px;
}
	.banners{
		position:relative;
		text-align:center;
	
	}
	.banners img{
		height:auto;
	}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 10;
}


.protab{
    text-align: center;
}
.protab a{
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    background: #1973b4;
    margin: 5px 5px;
    display: inline-block;
    min-width: 90px;
}
.protab a.active{
    background: #005898;
}
.protab a:hover{
    background: #005898;
    color: #fff;
}


.home_tit1 h1{ float:left; width:100%; font-size:20px; line-height:20px; color:#4a598f; font-family:Arial; font-weight:bold; text-transform:uppercase;}
.home_tit1 h2{ float:left; font-weight:normal; width:100%; color:#333333; font-size:18px; line-height:18px;  background:url(../images/a_img3.png) center no-repeat; margin-top:5px;}


}