/* CSS Document */

html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
        *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
        html,body{min-height:100%}
        body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;background:#fff; font-display: swap }
        h1,h2,h3,h4,h5,h6{font-weight:normal}
        ul,ol{list-style:none}
        img{border:none;vertical-align:middle; }
        a{color:#666;text-decoration:none}
        a:visited{color:#666666;text-decoration:none}
        a:hover{color:#050505;text-decoration:none transition:0.5s;}
        a:active{color:#08034e;text-decoration:none transition:0.5s;}
        table{border-collapse:collapse;table-layout:fixed}
        input,textarea{outline:none;border:none}
        textarea{resize:none;overflow:auto}
        .clearfix{zoom:1}
        .clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden
            
        }


/* 公共部分 */
.pubcon{ width: 100%; max-width: 1100px;  margin: 0 auto; padding:20px 0;line-height: 1.8em;letter-spacing:0.2px;}
.pubcon h1{  padding:40px 0 10px 0;font-size: 30px; font-weight: bold; display: block; text-align: center; color: #000000; text-transform: uppercase;}
.pubcon h4{ padding-bottom:5px;font-size: 35px; font-weight: bold; text-align: center; color: #131313;}
.pubcon .line{ width:10%; height:5px; background: #c4c4c4; display:block; margin: 1px auto 1px auto; }
.pubcon1 span{ font-size: 14px;display: block; display: block; font-weight: bold;padding-bottom: 50px;  text-align: center; color: #b1b1b1;}

/* top */
.header{ width: 100%; background-color: rgba(3, 56, 102, 1); }
.header .hdcon{ padding: 0.25rem 1.5rem 0.5rem;}
.header .hdcon .box{ width: 100%; color: #ffffff;display: flex; justify-content: space-between;flex-wrap: wrap; padding-top:10px;}
.header .hdcon .box .nr{width: 32.33%;  display: flex; justify-content: space-between;flex-wrap: wrap; }
.header .hdcon .box .nr .search{ width:100%;display: flex; justify-content: space-between;flex-wrap: wrap;}
.header .hdcon .box .nr .wz{ display: block; line-height:25px;}
.header .hdcon .box .nr .search .nr{ padding:5px; width:90%;}
.header .hdcon .box .nr .search .anniu{ background-color: #cc2229; width:10%;}
.header .hdcon .box .nr .lx{width:50%;}
.header .hdcon .box .nr .anniu1{ width:50%; display: block; background-color: #ffffff; text-align: center; color: #000000;line-height: 25PX;transition: 0.5s; font-size: 12px; font-weight: bold; padding: 0 5PX;}
.header .hdcon .box .nr .anniu1:hover{ color: #ffffff; background-color: #333333;}
.header .hdcon .box .nr .anniu2{ width: 45%; color: #ffffff; display: block; background: url(../images/index_06.jpg); text-align: center; line-height: 25PX;transition: 0.5s; font-size: 12px;font-weight: bold;padding: 0 5PX;}
.header .hdcon .box .nr .anniu2:hover{ background: url(../images/index_06-1.jpg) left center; color: #ffffff;transition:0.5s;}


.slideBox .bd li{
    position: relative;
}
.slideBox .bd li .textbg{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
}
.slideBox .bd li .textbg .text{
    max-width: 1200px;
    padding: 0 10% 0 23%;
    box-sizing: border-box;
    text-align: center;
}
.slideBox .bd li .textbg .text h2{
    font-size: 44px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.slideBox .bd li .textbg .text p{
    font-size: 18px;
    line-height: 38px;
}


.slideBox .bd li.banner6 .textbg .text{
    padding: 0 0 0 17%;
}
.slideBox .bd li.banner216 .textbg .text{
    padding: 0 0 0 22%;
}
.slideBox .bd li.banner218 .textbg .text{
    padding: 0 13% 0 22%;
}


/* 主菜单 */

.head{position: relative;width:100%;border-bottom:6px solid #cc2229;height:84px;z-index: 9999}
.head .navbox{width: 1100px;margin: 0 auto; padding-top:6px;}
.sidenav {position: relative;width: 360px;display: block;float: left; height:43PX;}
.head .nav{display: block; float:right;width:calc(100% - 360px); margin-top:12px;}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{}
.head .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#000000; font-weight:bold}
.head .nav ul li.this .f_a{background-color:#cf1322;color: #FFFFFF; transition:all .3s}
.head .nav ul li:hover .f_a{background-color:#cf1322;color: #FFFFFF; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #cf1322;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:12px;text-transform:uppercase;display:block;text-align: center;padding:6px 0;border-top: 1px solid #fff;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#8b0000;color: #ffffff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}




/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #cf1322;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 


/* 首页-内容1 */
.index-nr{ width: 100%; background-color: rgb(255, 255, 255); border-top: #cf1322 3px solid; }
.index-nr .index-nrcon{ padding: 0.25rem 1.5rem 0.5rem;}
.index-nr .index-nrcon .box{ width: 100%; padding-top:10px;}
.index-nr .index-nrcon .box p{ font-size: 16px;text-align: center; color:#333333;}
.index-nr .index-nrcon .box .neirong{display: flex;justify-content: space-between;flex-wrap: wrap; padding:50px 0 ;}
.index-nr .index-nrcon .box .neirong .tu{ width:30%;}
.index-nr .index-nrcon .box .neirong .tu img{ width: 100%;}
.index-nr .index-nrcon .box .neirong .tu p{ color: #696969; text-align: left; font-size: 14px;}

/* 首页-内容2 */
.index-about{ width: 100%; background-color: rgb(249, 249, 249); box-shadow: 5px 5px 10px 5px #818181;}
.index-about .index-aboutcon{ padding: 0.25rem 1.5rem 0.5rem;}
.index-about .index-aboutcon .box{ width: 100%; padding:30px 0;}
.index-about .index-aboutcon .box h2{padding-bottom: 40px;}
.index-about .index-aboutcon .box p{ color: #696969; font-size: 14px; text-align: center;}

/* 首页-内容2-产品图 */
.index-about-pic{ width: 100%; background-color: rgb(255, 255, 255); }
.index-about-pic .index-about-piccon{ padding: 0.25rem 1.5rem 0.5rem;}
.index-about-pic .index-about-piccon .box{ width: 100%; padding:30px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-about-pic .index-about-piccon .box ul{ width: 100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-about-pic .index-about-piccon .box ul li{ width: 24%; background-color: #033866; text-align: center;transition:0.5s; margin-top: 20px; }
.index-about-pic .index-about-piccon .box ul li:hover{ background-color: #000000;transition:0.5s;}
.index-about-pic .index-about-piccon .box ul li h3{ font-size: 14px; color: #ffffff; padding: 5px 0 10px 0;transition:0.5s;}
.index-about-pic .index-about-piccon .box ul li img{  padding: 17px 0 0 0;transition: transform 0.3s ease; width: 100%; }
.index-about-pic .index-about-piccon .box ul li:hover h3{ color: #c9c9c9;transition:0.5s;}
.index-about-pic .index-about-piccon .box ul li .tupian{ max-width: 227px; width: 100%; margin: 0 auto; overflow: hidden;}
.index-about-pic .index-about-piccon .box ul li .tupian:hover img{ transform: scale(1.1); transition:0.5s;}


/* 首页-内容3 */
.index-about-zx{ width: 100%; background-color: rgb(3, 56, 102);}
.index-about-zx .index-about-zxcon{ padding: 0.25rem 1.5rem 0.5rem;}
.index-about-zx .index-about-zxcon .box{ width: 100%; padding:30px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-about-zx .index-about-zxcon .box .nr1{width: 76%; background-color: #033866; transition:0.5s;}
.index-about-zx .index-about-zxcon .box .nr1 h2{padding-bottom:10px;color:#FFFFFF; font-weight:bold;}
.index-about-zx .index-about-zxcon .box .nr1 p{ color: #ffffff; font-size: 14px; text-align: left;}
.index-about-zx .index-about-zxcon .box .nr2{width: 24%; background-color: #033866; text-align: center;transition:0.5s; margin-top: 20px;}
.index-about-zx .index-about-zxcon .box .nr2 h3{ width:105px; display:block; line-height:37px; background-color:#009ee2; color:#FFFFFF; margin:0 auto;}



/* 首页-内容4 */
.index-about-zx1{ width: 100%; }
.index-about-zx1 .index-about-zx1con{ padding: 0.25rem 1.5rem 0.5rem;}
.index-about-zx1 .index-about-zx1con .box{ width: 100%; padding:30px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-about-zx1 .index-about-zx1con .box .nr1{width: 50%;  transition:0.5s; margin-top: 10%;}
.index-about-zx1 .index-about-zx1con .box .nr1 h2{padding-bottom:10px;color: #000000; font-weight:bold;}
.index-about-zx1 .index-about-zx1con .box .nr1 h3{ width:105px; display:block; line-height:37px; text-align:center; background-color:#009ee2; color: #FFFFFF; margin-top:10px;}
.index-about-zx1 .index-about-zx1con .box .nr1 h3 a{ color:#FFFFFF;}
.index-about-zx1 .index-about-zx1con .box .nr1 p{ color: #696969; font-size: 14px; text-align: left;}
.index-about-zx1 .index-about-zx1con .box .nr2{width: 50%; transition:0.5s; margin-top: 20px;}
.index-about-zx1 .index-about-zx1con .box .nr2 img{width:100%; max-width:521px;}

/* 首页-内容5 */
.index-about-hc{ width: 100%; background:url(../images/xzbj.jpg) top center  no-repeat; }
.index-about-hc .index-about-hccon{ padding: 0.25rem 1.5rem 0.5rem;}
.index-about-hc .index-about-hccon .box{ width: 100%; padding:30px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-about-hc .index-about-hccon .box .nr1{width: 50%;  transition:0.5s; margin-top: 20%;}
.index-about-hc .index-about-hccon .box .nr1 h2{padding-bottom:10px;color: #000000; font-weight:bold;}
.index-about-hc .index-about-hccon .box .nr1 h3{ width:210px; display:block; line-height:37px; text-align:center; background-color:#009ee2; color: #FFFFFF; margin-top:10px;}
.index-about-hc .index-about-hccon .box .nr1 h3 a{ color:#FFFFFF;}
.index-about-hc .index-about-hccon .box .nr1 p{ color: #696969; font-size: 14px; text-align: left;}
.index-about-hc .index-about-hccon .box .nr2{width: 50%;}
.index-about-hc .index-about-hccon .box .nr2 img{width:100%; max-width:521px;}






/* 内页-关于我们 */
.about{ width: 100%; background-color: rgb(249, 249, 249); }
.about .aboutcon{ padding: 0.25rem 1.5rem 0.5rem;}
.about .aboutcon .box{ width: 100%; }
.about .aboutcon .box h2{padding:10px 0; font-size: 12px; text-align: left; border-bottom: #d5d5d5 1px solid;}
.about .aboutcon .box h2 a{color: #000;}
.about .aboutcon .box .nr{ padding: 10px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .aboutcon .box .nr .left{ width: 20%; background-color: #033866; height:10%; padding-bottom:1%;}
.about .aboutcon .box .nr .left .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.about .aboutcon .box .nr .left .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.about .aboutcon .box .nr .right{ width: 78%;}
.about .aboutcon .box .nr .right img{ width:100%;}
.about .aboutcon .box .nr .right h2{ font-size: 24px; font-weight: bold; border-bottom: 0; padding:0;}
.about .aboutcon .box .nr .right h3{ font-size:12px; font-weight: bold;}
.about .aboutcon .box .nr .right .xian{ width: 10%; border-bottom:#cc2229 5px solid; margin-bottom: 10px;}
.about .aboutcon .box .nr .left .liuyan{ padding: 5px 5px 5px 10px;}
.about .aboutcon .box .nr .left .liuyan .messagecon{  color: #d4d4d4; font-size: 12px; position: relative;}
.about .aboutcon .box .nr .left .liuyan .messagecon .biaodan{ padding: 5px; margin: 5px; width: 90%;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.about .aboutcon .box .nr .left .liuyan .messagecon .biaodan-nr{ padding:5px; margin: 5px; width: 90%; font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.about .aboutcon .box .nr .left .liuyan .messagecon .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width: 90%; color: #ffffff;padding:2px; margin: 5px; 
                                                                                                       font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.liuyan .messagecon{
    position: relative;
}
.liuyan .messagecon img{
    height: 25px;
    position: absolute;
    right: 10%;
    margin-right: -5px;
    top: 5px;
}

/* 内页-新闻
.page{

	margin: 20px auto;
	
	width: 21%;
}
.page a{
	display: inline-block;
	padding: 6px 12px;
	margin: 0 2px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #eee;
	color: #333;
    line-height: 20px;
}
.page .thispage{
	background: #000;
	border: 1px solid #000;
	font-size: 12px;
	color: #fff;
}
 */

/* 内页-新闻 */
.news{ width: 100%; background-color: rgb(249, 249, 249); }
.news .newscon{ padding: 0.25rem 1.5rem 0.5rem;}
.news .newscon .box{ width: 100%; }
.news .newscon .box h2{padding:10px 0; font-size: 14px; text-align: left; font-weight:bold; border-bottom: #d5d5d5 1px solid;}
.news .newscon .box .nr{ padding: 10px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.news .newscon .box .nr .left{ width: 20%; background-color: #033866; height:10%; padding-bottom:1%;}
.news .newscon .box .nr .left .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.news .newscon .box .nr .left .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.news .newscon .box .nr .left .liuyan{ padding: 5px 5px 5px 10px;}
.news .newscon .box .nr .left .liuyan .messagecon{  color: #d4d4d4; font-size: 12px;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.news .newscon .box .nr .left .liuyan .messagecon .biaodan{ padding: 5px; margin: 5px; width:90%;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.news .newscon .box .nr .left .liuyan .messagecon .biaodan-nr{ padding:5px; margin: 5px;width:90%;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.news .newscon .box .nr .left .liuyan .messagecon .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width: 90%; color: #ffffff;padding:2px; margin: 5px;}
.news .newscon .box .nr .right{ width: 78%;}
.news .newscon .box .nr .right ul{ width: 100%;}
.news .newscon .box .nr .right li{ border-bottom:#dbdbdb 1px solid;display: flex;justify-content: space-between;flex-wrap: wrap; padding: 10px; margin:0 0 10px 0 ;transition: 0.5s;}
.news .newscon .box .nr .right li a{ display: flex;justify-content: space-between;flex-wrap: wrap; }
.news .newscon .box .nr .right li:hover{ background-color: #e6e6e6;transition: 0.5s;}
.news .newscon .box .nr .right li .pic{ width:20% ; overflow: hidden;}
.news .newscon .box .nr .right li .pic img{ width: 100%;transition: transform 0.3s ease;}
.news .newscon .box .nr .right li .pic:hover img{ transform: scale(1.1); transition:0.5s;}


.news .newscon .box .nr .right li .nr{ width: 75%;}
.news .newscon .box .nr .right li .nr p{ color: #696969; font-size: 12px;}
.news .newscon .box .nr .right li .nr h2{ font-size:14px; font-weight: bold;  padding:0;border-bottom: 0; text-align:left;}
.news .newscon .box .nr .right li .nr h3{ font-size:12px; border-bottom: 0; color: #b0b0b0; }



/* 内页-FAQ */
.faq{ width: 100%; background-color: rgb(249, 249, 249); }
.faq .faqcon{ padding: 0.25rem 1.5rem 0.5rem;}
.faq .faqcon .box{ width: 100%; }
.faq .faqcon .box h2{padding:10px 0; font-size: 12px; text-align: left; border-bottom: #d5d5d5 1px solid;}
.faq .faqcon .box .nr{ padding: 10px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.faq .faqcon .box .nr .left{ width: 20%; background-color: #033866; height:10%; padding-bottom:1%;}
.faq .faqcon .box .nr .left .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.faq .faqcon .box .nr .left .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.faq .faqcon .box .nr .left .liuyan{ padding: 5px 5px 5px 10px;}
.faq .faqcon .box .nr .left .liuyan .messagecon{  color: #d4d4d4; font-size: 12px;}
.faq .faqcon .box .nr .left .liuyan .messagecon .biaodan{ padding: 5px; margin: 5px; width:90%;}
.faq .faqcon .box .nr .left .liuyan .messagecon .biaodan-nr{ padding:5px; margin: 5px; width:90%;}
.faq .faqcon .box .nr .left .liuyan .messagecon .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width: 90%; color: #ffffff;padding:2px; margin: 5px;}
.faq .faqcon .box .nr .right{ width: 78%;}
.faq .faqcon .box .nr .right ul{ width: 100%;}
.faq .faqcon .box .nr .right li{ border-bottom:#dbdbdb 1px solid;  margin:0 0 10px 0 ;transition: 0.5s;}
.faq .faqcon .box .nr .right li:hover{ background-color: #e6e6e6;transition: 0.5s;}


.faq .faqcon .box .nr .right li .nr{ width:100%;}
.faq .faqcon .box .nr .right li .nr p{ color: #696969; font-size: 12px;}
.faq .faqcon .box .nr .right li .nr h2{ font-size:26px; font-weight: bold;  padding:0 0 0 10px;border-bottom: 0; color: #05334d; text-align: left; margin:0 0 10px; border-left: #8b0000 5px solid;}




/* 内页-down */
.down{ width: 100%; background-color: rgb(249, 249, 249); }
.down .downcon{ padding: 0.25rem 1.5rem 0.5rem;}
.down .downcon .box{ width: 100%;}

.down .downcon .box h2{padding:10px 0; font-size: 12px; text-align: left; border-bottom: #d5d5d5 1px solid;}
.down .downcon .box1{ width: 100%;display: flex;flex-wrap: wrap;  }
.down .downcon .box1 .nr{ padding: 20px 0; width:32.3%; margin:0 5px; }
.down .downcon .box1 .nr .left{ width:40%; }
.down .downcon .box1 .nr .left1{ width:100%; }
.down .downcon .box1 .nr .pic{  width:100%;  overflow: hidden; text-align:center; }
.down .downcon .box1 .nr .pic img{ max-width: 442px; width: 100%;transition: transform 0.3s ease;}
.down .downcon .box1 .nr .pic:hover img{ transform: scale(1.1); transition:0.5s;}

.down .downcon .box1 .nr .right{ width:100%;}
.down .downcon .box1 .nr .right ul{ width: 100%;}
.down .downcon .box1 .nr .right li{ margin:0 0 10px 0 ;transition: 0.5s;}



.down .downcon .box1 .nr .right li .nr{ width:100%; display: block;}
.down .downcon .box1 .nr .right li .nr p{ color: #696969; font-size: 12px;}
.down .downcon .box1 .nr .right li .nr h2{ font-size:20px; font-weight: bold;  padding:0 0 0 10px;border-bottom: 0; color: #05334d; text-align: left; margin:0 0 30px; border-left: #8b0000 5px solid;}
.down .downcon .box1 .nr .right li .nr .anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width:30%; color: #ffffff;padding:2px; margin:10px 0 0 0; text-align: center; font-weight: bold;}
.down .downcon .box1 .nr .right li .nr .anniu a{ color: #ffffff;transition:0.5s;}
.down .downcon .box1 .nr .right li .nr .anniu a:hover{ color: #e7d6d6;transition:0.5s;}


/* 内页-message */
.message-ly{ width: 100%; background-color: rgb(249, 249, 249); }
.message-ly .message-lycon{ padding: 0.25rem 1.5rem 0.5rem;}
.message-ly .message-lycon .box{ width: 100%;  }
.message-ly .message-lycon .box h2{padding:10px 0; font-size: 12px; text-align: left; border-bottom: #d5d5d5 1px solid;}
.message-ly .message-lycon .box .nr{ padding: 20px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.message-ly .message-lycon .box .nr .left{ width:100%; background-color: #033866;}
.message-ly .message-lycon .box .nr .left .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.message-ly .message-lycon .box .nr .left .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.message-ly .message-lycon .box .nr .left .liuyan{ padding: 5px 5px 5px 10px; display: flex;justify-content: space-between;flex-wrap: wrap;}
.message-ly .message-lycon .box .nr .left .liuyan .messagecon{  color: #d4d4d4; font-size: 12px;width: 50%;}
.message-ly .message-lycon .box .nr .left .liuyan .messagecon1{  color: #d4d4d4; font-size: 12px;width: 100%;}
.message-ly .message-lycon .box .nr .left .liuyan .messagecon .biaodan{ padding: 5px; margin: 5px;width: 98%; }
.message-ly .message-lycon .box .nr .left .liuyan .messagecon1 .biaodan-nr{ padding:10px; margin: 5px;width:99%; height: 200px;}
.message-ly .message-lycon .box .nr .left .liuyan .messagecon1 .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width:99%; color: #ffffff;padding:2px; font-weight: bold; margin: 5px;}


.message-ly .message-lycon .box .nr .left1{ width:100%; background-color: #033866;}
.message-ly .message-lycon .box .nr .left1 .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.message-ly .message-lycon .box .nr .left1 .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.message-ly .message-lycon .box .nr .left1 .liuyan{ padding:10px; display: flex;justify-content: space-between;flex-wrap: wrap;}
.message-ly .message-lycon .box .nr .left1 .liuyan .messagecon{  color: #ececec; font-size: 12px;width: 50%;}
.message-ly .message-lycon .box .nr .left1 .liuyan .messagecon1{  color: #ececec; font-size: 12px;width: 100%; position: relative;}
.message-ly .message-lycon .box .nr .left1 .liuyan .messagecon .biaodan{ padding: 5px; margin: 5px;width: 98%;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important; }
.message-ly .message-lycon .box .nr .left1 .liuyan .messagecon1 .biaodan{ padding: 5px; margin: 5px;width: 99%; font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.message-ly .message-lycon .box .nr .left1 .liuyan .messagecon1 img{
    height: 27px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.message-ly .message-lycon .box .nr .left1 .liuyan .messagecon1 .biaodan-nr{ padding:5px; margin: 5px;width:99%; height: 200px;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.message-ly .message-lycon .box .nr .left1 .liuyan .messagecon1 .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width:99%; color: #ffffff;padding:2px; font-weight: bold; margin: 5px;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}



/* 内页-产品中心 */
.pro{ width: 100%; background-color: rgb(249, 249, 249); }
.pro .procon{ padding: 0.25rem 1.5rem 0.5rem;}
.pro .procon .box{ width: 100%;  }
.pro .procon .box h2{padding:10px 0; font-size: 12px; text-align: left; font-weight: bold; border-bottom: #d5d5d5 1px solid;}
.pro .procon .box .nr{ padding: 10px 0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro .procon .box .nr .left{ width: 20%; background-color: #033866;}
.pro .procon .box .nr .left .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.pro .procon .box .nr .left .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.pro .procon .box .nr .left .liuyan{ padding: 5px 5px 5px 10px;}
.pro .procon .box .nr .left .liuyan .messagecon{  color: #d4d4d4; font-size: 12px;}
.pro .procon .box .nr .left .liuyan .messagecon .biaodan{ padding: 5px; margin: 5px;}
.pro .procon .box .nr .left .liuyan .messagecon .biaodan-nr{ padding:10px; margin: 5px;}
.pro .procon .box .nr .left .liuyan .messagecon .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width: 90%; color: #ffffff;padding:2px; margin: 5px;}

.pro .procon .box .nr .left1{ width:20%; height:10%; background-color: #033866;}
.pro .procon .box .nr .left1 .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.pro .procon .box .nr .left1 .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.pro .procon .box .nr .left1 .liuyan{ padding: 5px 5px 5px 10px;}
.pro .procon .box .nr .left1 .liuyan .messagecon{  color: #d4d4d4; font-size: 12px;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.pro .procon .box .nr .left1 .liuyan .messagecon .biaodan{ padding: 5px; margin: 5px; width: 90%;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.pro .procon .box .nr .left1 .liuyan .messagecon .biaodan-nr{ padding:10px; margin: 5px;width: 90%;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}
.pro .procon .box .nr .left1 .liuyan .messagecon .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width: 90%; color: #ffffff;padding:2px; margin: 5px;font-family:Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif!important;}


.pro .procon .box .nr .right{ width: 78%;}
.pro .procon .box .nr .right .box ul{ width: 100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro .procon .box .nr .right .box ul li{ width:32%; background-color: #efefef; text-align: center;transition:0.5s; margin-bottom: 20px;  }
.pro .procon .box .nr .right .box ul li:hover{ background-color: #b1b1b1;transition:0.5s;}
.pro .procon .box .nr .right .box ul li h3{ font-size: 14px; color: #464646; padding: 5px 0 10px 0;transition:0.5s;}
.pro .procon .box .nr .right .box ul li img{  padding: 15px 0 0 0;transition: transform 0.3s ease; width: 100%; }
.pro .procon .box .nr .right .box ul li:hover h3{ color: #ffffff;transition:0.5s;}
.pro .procon .box .nr .right .box ul li .tupian{ max-width: 227px; width: 100%; margin: 0 auto; overflow: hidden;}
.pro .procon .box .nr .right .box ul li .tupian:hover img{ transform: scale(1.1); transition:0.5s;}

/* 内页-产品中心左侧导航 */
.left-menu{ background:#FFFFFF;}
.Collapsing{ width: 100%; height: 30px; line-height: 30px; cursor: pointer; border-bottom: 1px solid white;  background:url(../images/pro_left.png) right center no-repeat; background-color:#adadad; }
.Collapsing h3{ display:block; margin-left:10px; color: #FFFFFF; font-size:14px; }
.coll_body{display: none; }
.coll_body a{display:block; margin:5px 0  ; text-align: center; background: #ebebeb; font-size:12px; color:#666666; text-decoration:none; padding:5px;text-align:left; }
.current{background-image:url(../images/pro_down.png);}


/* 内页-产品详情页 */
.products{ width: 100%; background-color: rgb(249, 249, 249); }
.products .productscon{ padding: 0.25rem 1.5rem 0.5rem;}
.products .productscon .box{ width: 100%; }
.products .productscon .box h2{padding:10px 0; font-size: 12px; text-align: left; font-weight: bold; text-transform: uppercase;}
.products .productscon .box .nr{ padding: 0; display: flex;justify-content: space-between;flex-wrap: wrap;}

.products .productscon .box .nr .right{ width: 78%;}
.products .productscon .box .nr .right .box .nr{ width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap; margin-bottom:50px;}
.products .productscon .box .nr .right .box .nr .neirong{ width:47%;}
.products .productscon .box .nr .right .box .nr .neirong h2{ margin: 0; padding: 0; font-size: 28px;line-height: 1.1em; font-weight: bold; color: #033866; border-left:0}
.products .productscon .box .nr .right .box .nr .xian{border-bottom: #8b0000 5px solid; display: block; width: 10%; margin: 10px 0 20px 0; }
.products .productscon .box .nr .right .box .nr .anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width:60%; color: #ffffff;padding:2px; margin:20px 0 0 0; display: block; text-align: center; font-weight: bold;transition:0.5s;}
.products .productscon .box .nr .right .box .nr .anniu:hover{ background: url(../images/index_06-1.jpg) left center; color: #ffffff;transition:0.5s;}
.products .productscon .box .nr .right .box h2{padding:10px 0 10px 10px; margin: 20px 0; font-size: 24px; text-align: left; font-weight: bold; border-left: #8b0000 3px solid;text-transform: uppercase;}
.products .productscon .box .nr .right .box ul{ width: 100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.products .productscon .box .nr .right .box ul li{ width:32%; background-color: #efefef; text-align: center;transition:0.5s; margin-bottom: 20px;  }
.products .productscon .box .nr .right .box ul li:hover{ background-color: #b1b1b1;transition:0.5s;}
.products .productscon .box .nr .right .box ul li h3{ font-size: 14px; color: #464646; padding: 5px 0 10px 0;transition:0.5s;}
.products .productscon .box .nr .right .box ul li img{  padding: 15px 0 0 0;transition: transform 0.3s ease; width: 100%; }
.products .productscon .box .nr .right .box ul li:hover h3{ color: #ffffff;transition:0.5s;}
.products .productscon .box .nr .right .box ul li .tupian{ max-width: 227px; width: 100%; margin: 0 auto; overflow: hidden;}
.products .productscon .box .nr .right .box ul li .tupian:hover img{ transform: scale(1.1); transition:0.5s;}
.products .productscon .box .nr .left1{ width: 20%; height:10%; padding-bottom:10px; background-color: #033866;}
.products .productscon .box .nr .left1 .top{ background: url(../images/about_03.png) left center no-repeat; font-size:8PX; color: #FFFFFF; padding:5PX 0 5px 40px; margin: 0 0 0 10px;}
.products .productscon .box .nr .left1 .top a{ font-size:16px; font-weight: bold; color: #ffffff; padding-top: 10px; display: block;}
.products .productscon .box .nr .left1 .liuyan{ padding: 5px 5px 5px 10px;}
.products .productscon .box .nr .left1 .liuyan .messagecon{  color: #d4d4d4; font-size: 12px;}
.products .productscon .box .nr .left1 .liuyan .messagecon .biaodan{ padding: 5px 12px; margin: 5px; width:90%}
.products .productscon .box .nr .left1 .liuyan .messagecon .biaodan-nr{ padding:10px; margin: 5px; width:90%}
.products .productscon .box .nr .left1 .liuyan .messagecon .biaodan-anniu{ background: url(../images/index_06.jpg) left center; line-height: 24px; width: 90%; color: #ffffff;padding:2px; margin: 5px;}


input::-webkit-input-placeholder{		font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
input::-moz-input-placeholder{			font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
input::-ms-input-placeholder{			font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
input::-o-input-placeholder{			font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
textarea::-webkit-input-placeholder{	font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
textarea::-moz-input-placeholder{		font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
textarea::-ms-input-placeholder{		font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
textarea::-o-input-placeholder{			font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}

/* 内页-产品详情页-产品购物车 */
.container{
    
    width: 100%;
    margin: 0 auto;
    border: #a8a8a8 1px solid;
    font-size: 14px;
}
.preview {
    text-align: center;
    
}
.preview a {
  display: inline-block;
  margin: 5px;
}
.preview img {
  display: block;
  width: 105px;
  height: auto;
}
.active {
  outline: 3px solid #cc2229;
  box-shadow: 2px 2px 20px 4px rgba(0,0,0,.5);
}





/* foot */
.foot{background-color: #033866;  width:100%; position:absolute; }
.footcon{padding: 0.25rem 1.5rem 0.5rem; }
.footcon .box{ width:100%; display: flex;justify-content: space-between;flex-wrap: wrap; }
.footcon .box .footmenu{ width:20%;}
.footcon .box .contect{ width:35%;}
.footcon .box .contect p a{ color: #d1d1d1; }
.footcon .box .contect p{ color: #d1d1d1; line-height: 2.5em; font-size: 14px; padding-top: 5px;}
.footcon .box .contect h2{ font-size:20px;color: #ffffff; border-bottom: 0; display: block; width: 100%; text-align: left;}
.footcon .box .footmenu h2{font-size:20px;color: #ffffff; border-bottom: 0; display: block; width: 100%; text-align: left;}
.footcon .box .footmenu ul{width: 100%;}
.footcon .box .footmenu li a{color: #d1d1d1; font-size: 14px; }
.footcon .box .footmenu li{ line-height: 35px; padding-left: 20px; font-size: 16px;transition: 0.5s; background-image:url(../images/anniu_07.png); display: block; background-position:left center; background-repeat:no-repeat;}
.footcon .box .footmenu li:hover a{ color: #ffffff; text-decoration: underline;transition: 0.5s;}

.banquan{  width: 100%; line-height:40px;  color: #FFFFFF; text-align: center; background-color:#8db3e2;  }
.banquan a{ color: #FFFFFF; font-size: 14px;}
.banquan a:hover{ color: #ffffff; font-size: 14px;}
.tuce{width:100%;}
.tucecon{z-index:9999; width:232px; height:328px;  position:relative; left:78%; margin:0; padding-top:118px; display:block;}
.tucecon img{ width:232px; display:block; box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}




/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top:0;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:3px solid #cf1322;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:30px;display:block; }
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   .header{ display:block; margin-top:10%;}
   .header .hdcon .box .nr .search{ display:none;}
   .header .hdcon .box .nr{ width:100%;}
   .header .hdcon .box{ padding:30px 0 5px 0;}
}


        














/*====================================================================*/

@media only screen and (min-width:1100px) {
.index-aboutcon .box .pic {
    max-width: 700px;
    width: 40%;
    margin: 0 auto;
	height:auto;}
	






}



/*====================================================================*/
@media only screen and (max-width:768px) {
  .index-about-pic .index-about-piccon .box ul li img {
    padding:0;
    
}

.index-about-pic .index-about-piccon .box ul li .tupian {
border:#033866 1px solid;
}


.about .aboutcon .box .nr .right img {
width:100%;
}

.header {
    
    margin-top:10%;
}

.about .aboutcon .box .nr .left .liuyan .messagecon .biaodan {
   
    width: 90%;
}


.about .aboutcon .box .nr .left .liuyan .messagecon .biaodan-nr {
   width: 90%;
}

.about .aboutcon .box .nr .left {
   
    height: 326PX;
}

.pro .procon .box .nr .left1 .liuyan .messagecon .biaodan-nr {
width:90%;
}

.pro .procon .box .nr .right .box ul li img {
    padding:0;
    
}
.header .hdcon .box {
    padding: 6px 0 5px 0;
}
.pro .procon .box .nr .right .box ul li h3 {
    font-size:12px;
   
}

.slideBox .bd li .textbg .text p{
    font-size: 12px;
    line-height:24px;
}

.slideBox .bd li .textbg .text h2{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.slideBox .bd li .textbg .text{
    
    padding: 0 10% 0 35%;
   
}
.index-about-zx1 .index-about-zx1con .box .nr1 {width: 100%;}
.index-about-zx1 .index-about-zx1con .box .nr2 {width: 100%;}
.index-about-zx .index-about-zxcon .box .nr1 { width: 100%;}
.index-about-zx .index-about-zxcon .box .nr2 { width: 100%;}
.index-about-hc .index-about-hccon .box .nr2 {width: 100%;}
.index-about-hc .index-about-hccon .box .nr1 {width: 100%;}
.down .downcon .box1 .nr {width: 48%;}

}



/*====================================================================*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
.index-aboutcon .box .pic {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
	height:auto;}
	
.index-about-pic .index-about-piccon .box ul li img {
    padding:0;
    
}

.index-about-pic .index-about-piccon .box ul li .tupian {
border:#033866 1px solid;
}
.header {
    display: block;
    margin-top: 4%;
}

.about .aboutcon .box .nr .right img {
width:100%;
}

.header {
    
    margin-top:5%;
}

.about .aboutcon .box .nr .left .liuyan .messagecon .biaodan {
   
    width: 90%;
}


.about .aboutcon .box .nr .left .liuyan .messagecon .biaodan-nr {
   width: 90%;
}

.about .aboutcon .box .nr .left {
   
    height: 326PX;
}


.pro .procon .box .nr .left1 .liuyan .messagecon .biaodan-nr {
width:90%;
}

.pro .procon .box .nr .right .box ul li img {
    padding:0;
    
}
	.header .hdcon .box {
    padding: 6px 0 5px 0;
}


.pro .procon .box .nr .right .box ul li h3 {
    font-size:12px;
   
}


.slideBox .bd li .textbg .text h2{
    font-size: 25px;
    
    margin:10px 0 0 0;
}


.slideBox .bd li .textbg .text p{
    font-size: 12px;
    line-height: 25px;
}

.slideBox .bd li .textbg .text{
    
    padding: 0 10% 0 35%;
   
}
.index-about-zx1 .index-about-zx1con .box .nr1 {width: 100%;}
.index-about-zx1 .index-about-zx1con .box .nr2 {width: 100%;}
.index-about-zx .index-about-zxcon .box .nr1 { width: 100%;}
.index-about-zx .index-about-zxcon .box .nr2 { width: 100%;}
.index-about-hc .index-about-hccon .box .nr2 {width: 100%;}
.index-about-hc .index-about-hccon .box .nr1 {width: 100%;}
.down .downcon .box1 .nr {width: 48%;}


}





/*====================================================================*/
@media only screen and (min-width: 1200px) {

.index-equcon .box li img {
    
    height: auto !important;}
	
	
 }







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

   


}

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

    .slideBox .bd li img{
        height: 200px;
        object-fit: cover;
        /* object-position: -150px center; */
    }
    .slideBox .bd li .textbg .text{
        width: 84%;
        padding: 0 0 0 37%;
    }
    .slideBox .bd li .textbg .text h2{
        font-size: 13px;
        margin: 0 0 10px 0;
    }
    .slideBox .bd li .textbg .text p{
        font-size: 10px;
        line-height: 16px;
    }
	
	.tucecon{ display: none;}
	.index-about-zx1 .index-about-zx1con .box .nr1 {width: 100%;}
.index-about-zx1 .index-about-zx1con .box .nr2 {width: 100%;}
.index-about-zx .index-about-zxcon .box .nr1 { width: 100%;}
.index-about-zx .index-about-zxcon .box .nr2 { width: 100%;}
.index-about-hc .index-about-hccon .box .nr2 {width: 100%;}
.index-about-hc .index-about-hccon .box .nr1 {width: 100%;}
.down .downcon .box1 .nr {width: 100%;}

}


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

}

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


}

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

}

@media screen and (max-width: 360px) {
    
.header .hdcon .box .nr .wz {
font-size:12px;
    width:49%;
}

.header .hdcon .box .nr .anniu1 {
    width: 55%;
  
    font-size: 12px;
    }
.header .hdcon .box .nr {
    width: 100%;}
	
.pubcon h2 { font-size:20px;}
	
.index-nr .index-nrcon .box p {
    font-size: 12px;
    
   
}


.pro .procon .box .nr .left1 .top {
display:none;
}

.pro .procon .box .nr .left1 .liuyan {
   display:none;
}

.pro .procon .box .nr .right {
    width: 100%;
}	

.pro .procon .box .nr .right .box ul li h3 {
    font-size:12px;
   
}


.news .newscon .box .nr .right {
    width: 100%;
}

.news .newscon .box .nr .right li .pic {
    width: 100%;
   
}

.news .newscon .box .nr .right li .nr {
    width: 100%;
}

.news .newscon .box .nr .right li .pic {
    width:100%;
    overflow: hidden;
}

.news .newscon .box .nr .right li .nr {
    width:100%;
}


.news .newscon .box .nr .right li .pic img {
    
    width: 100%;
    
}
.faq .faqcon .box .nr .right {
    width:100%;
}

.banquan {
    padding: 15px;

 }
 
 .down .downcon .box .nr .left1 {
    width: 100%;
}

.down .downcon .box .nr .right {
    width: 100%;
}

.preview a {
    
    width: 29%;
}

.preview img {
    
    width: 100%;
    
}

.products .productscon .box .nr .right .box ul li img {
    padding:0;
    
}

.products .productscon .box .nr .right .box ul li h3 {
    font-size: 12px;
	line-height:1em
   
}

.tucecon{ display: none;}
.index-about-zx1 .index-about-zx1con .box .nr1 {width: 100%;}
.index-about-zx1 .index-about-zx1con .box .nr2 {width: 100%;}
.index-about-zx .index-about-zxcon .box .nr1 { width: 100%;}
.index-about-zx .index-about-zxcon .box .nr2 { width: 100%;}
.index-about-hc .index-about-hccon .box .nr2 {width: 100%;}
.index-about-hc .index-about-hccon .box .nr1 {width: 100%;}
.down .downcon .box1 .nr {width: 100%;}

	
}

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

}



@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    
.header .hdcon .box .nr .wz {
font-size:12px;
    width:49%;
}

.header .hdcon .box .nr .anniu1 {
    width: 55%;
  
    font-size: 12px;
    }
.header .hdcon .box .nr {
    width: 100%;}
	
.pubcon h2 { font-size:20px;}
	
.index-nr .index-nrcon .box p {
    font-size: 12px;
    
   
}

.index-nr .index-nrcon .box .neirong .tu p {

    font-size: 12px;
}

.index-nr .index-nrcon .box .neirong .tu {
    width: 100%;
}

.index-about .index-aboutcon .box p {
    
    font-size: 12px;}
	
	.index-about .index-aboutcon .box h2 {
    padding-bottom: 10px;
}
 
 .index-about .index-aboutcon .box {
    width: 100%;
    padding: 0 0 20px 0;}
	
	
	.index-about-pic .index-about-piccon .box ul li {
    width: 48%;
    
}

.index-about-pic .index-about-piccon .box ul li h3 {
    font-size: 12px;
   
}

.index-about-pic .index-about-piccon .box ul li img {
    padding-top:3px;
    
}

.index-about-pic .index-about-piccon .box ul li .tupian {
border:#033866 1px solid;
}

.footcon .box .contect {
    width: 100%;}
	
	
	.footcon .box .contect p {
    
    line-height: 1.5em;
    font-size: 12px;
    
}

.footcon .box .footmenu {
    width: 25%;
}


.footcon .box .footmenu li {
    line-height:20px;
    
    font-size: 12px;
    transition: 0.5s;
    
}

.footcon .box .footmenu li a {
    
    font-size: 12px;
}

.footcon .box .footmenu h2 {
    font-size:16px;
   
}

.footcon .box .contect h2 {
    font-size:16px;
    
}

.footcon .box .footmenu li{ padding:0; background-image:none;}


.banquan {
    
    line-height:12px; font-size:12px;
	padding:10px
    
}


.left {
display:none;
}

.about .aboutcon .box .nr .right {
    width: 100%;
}

 .about .aboutcon .box .nr .right img {
width:100%;
}

.pro .procon .box .nr .left1 {
    width: 100%;
   
}

.pro .procon .box .nr .left1 .top {
display:none;
}

.pro .procon .box .nr .left1 .liuyan {
   display:none;
}

.pro .procon .box .nr .right {
    width: 100%;
}

.pro .procon .box .nr .right .box ul li {
    width: 48%;
    
}


.pro .procon .box .nr .right .box ul li img {
    padding: 0px 0 0 0;
   
}

.pro .procon .box {
margin-top:20px;
}

.pro .procon .box .nr .right .box ul li h3 {
    font-size:12px;
   
}

.news .newscon .box .nr .right {
    width: 100%;
}

.news .newscon .box .nr .right li .pic {
    width: 100%;
   
}

.news .newscon .box .nr .right li .nr {
    width: 100%;
}

.news .newscon .box .nr .right li .pic {
    width:100%;
    overflow: hidden;
}

.news .newscon .box .nr .right li .nr {
    width:100%;
}


.news .newscon .box .nr .right li .pic img {
    
    width: 100%;
    
}

.faq .faqcon .box .nr .right {
    width:100%;
}

.banquan {
    padding: 15px;}
	
	
.down .downcon .box .nr .left1 {
    width: 100%;
}

.down .downcon .box .nr .right {
    width: 100%;
}

.products .productscon .box .nr .left1 .liuyan{ display: none;}
.products .productscon .box .nr .left1 .top {display: none;}
.products .productscon .box .nr .left1{ width:100%}
.products .productscon .box .nr .right {
    width: 100%;
}
.products .productscon .box .nr .right .box .nr .neirong {
    width: 100%;
}

.products .productscon .box .nr .right .box .nr .neirong h2 {
    margin: 10px 0 0 0;
   
    font-size: 22px;
    line-height: 1.1em;
    font-weight: bold;
    
}
.products .productscon .box .nr .right .box h2 {
  
    font-size: 22px;
   
}

.preview a {
    
    width: 29%;
}

.preview img {
    
    width: 100%;
    
}

.products .productscon .box .nr .right .box ul li img {
    padding:0;
    
}

.products .productscon .box .nr .right .box ul li h3 {
    font-size: 12px;
	line-height:1em;
   
}


.tucecon{ display: none;}

.index-about-zx1 .index-about-zx1con .box .nr1 {width: 100%;}
.index-about-zx1 .index-about-zx1con .box .nr2 {width: 100%;}
.index-about-zx .index-about-zxcon .box .nr1 { width: 100%;}
.index-about-zx .index-about-zxcon .box .nr2 { width: 100%;}
.index-about-hc .index-about-hccon .box .nr2 {width: 100%;}
.index-about-hc .index-about-hccon .box .nr1 {width: 100%;}
.down .downcon .box1 .nr {width: 100%;}

 }