/* 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; letter-spacing: 0.05em;}
        *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
        html,body{min-height:100%}
        body{font-family: serif，Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
        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}
		
		
.title {
  letter-spacing: 3px; /* 标题字符间距调大，更显大气 */
}
.small-text {
  letter-spacing: 0.5px; /* 小字号文本略微增加间距，更易读 */
}
.tight-text {
  letter-spacing: -0.5px; /* 负值让字符更紧凑 */
}



		
		

/* 公共部分 */
.pubcon{ width: 100%;   margin: 0 auto;}
.pubcon h1{font-size: 2.5rem;
    
    font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;}
.pubcon h2{
      
    
    font-optical-sizing: auto; 
    
    font-style: normal;
    text-transform: uppercase;

    
}
.pubcon p{ line-height:2.8rem;}

.pubcon h4{ }




.clear{
	clear:both;
}

.page{
	/* float: left; */
	margin: 20px 0;
	text-align: center;
	width: 100%;
}
.page a{
	display: inline-block;
	padding: 6px 12px;
	margin: 0 2px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #eee;
	color: #333;
}
.page .thispage{
	background: #000;
	border: 1px solid #000;
	font-size: 12px;
	color: #fff !important;
}


.daohangxue{ background-color:#d6d6d6; line-height:35px; width:100%;}
.daohangxue-nr{ width:80%; color: #000000; font-size:14px; margin:0 auto;}



/* 头部 */



.head{width:100%; margin:0; padding:0;}
.headcon{padding: 0.25rem 1.5rem 0.5rem; }
.head .headcon .box{width:80%; margin:1.2em auto; display: flex;justify-content: space-between; flex-wrap: wrap; }
.head .headcon .box .left{ width:50%; display: flex; flex-wrap: wrap;  }
.head .headcon .box .left .logo{}
.head .headcon .box .left .logo img{ width:100%;padding-top:5px;max-width:193px;}
.head .headcon .box .left .wz{}
.head .headcon .box .left .wz h1{ font-size:22px; font-weight:bold; line-height:42px; display:block; padding-top:8px; padding-left:8px;}
.head .headcon .box .left .wz h2{ font-size:18px; color:#666666;}
.head .headcon .box .right{ width:50%; text-align:right; }
.head .headcon .box .right img{ width:100%; max-width:532px; padding-top:5px;}









/* banner */
.banner{ width:100%;height:656px;}
.banner .hb{ width:100%;   position:absolute;}
.banner .menu{ margin:0 auto; position:relative; z-index:999; width:100%; border-bottom:#000 1px solid; }
.banner .menu ul{display: flex;justify-content: space-between; flex-wrap: wrap; }
.banner .menu ul li{ width:20%;  padding:0.8%; text-align:center;transition:all .3s}
.banner .menu ul li a{ font-size:20px; font-weight:bold; display:block; color: #000000;transition:all .3s}
.banner .menu ul li:hover{ transition:all .3s}
.banner .menu ul li a:hover{ color: #FF9933; text-decoration:underline;display:block;transition:all .3s}

/* 轮播图 */
.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: #1e348a;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 






/* 首页内容-关于我们*/

.index-about{ padding:0; margin: 0 auto;    }

.index-aboutcon{  padding: 0.25rem 1.5rem 0.5rem;  }

.index-aboutcon .box{ width:80%; padding:0; display: flex; justify-content: space-between; flex-wrap: wrap; margin:3% auto; }

.index-aboutcon .box .left{ width:50%;}
.index-aboutcon .box .left .sp{ background:url(../images/sp-bj_12.jpg) center no-repeat; text-align:center; padding: 5% 0 2% 5%}
.index-aboutcon .box .right{ width:50%; }
.index-aboutcon .box .right .wz{ font-size:60px; font-weight: bold; color:#eeeeee;letter-spacing: -1.8px; }
.index-aboutcon .box .right .wz1{ width:50%; position: absolute; z-index:999; margin-top:-2.2%; font-size:44px; font-weight:bold; }
.index-aboutcon .box .right .wz2{ color:#f19149;}
.index-aboutcon .box .right p{ margin-top:2%;}
.index-aboutcon .box .right .anniu{ width:20%; padding:2%; text-align:center; font-weight:bold;  background-color:#b5b5b5;transition:all .3s}
.index-aboutcon .box .right .anniu a{color: #FFFFFF;}
.index-aboutcon .box .right .anniu:hover{ background-color:#FF9900;transition:all .3s}



/* 首页内容-设备 */

.index-equ{ padding:0; margin: 0 auto;  background:url(../images/que-bj.jpg) top center no-repeat;background-color:#002852;  }

.index-equcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-equcon .box{ width:100%; padding:0; margin:5% auto; padding:0; }
.index-equcon .box .bt{ margin:0 auto; padding:0; width:50%;}
.index-equcon .box .bt .wz{ font-size:60px; font-weight: bold; color:#3c5272;letter-spacing: -1.8px; text-align:center }
.index-equcon .box .bt .wz1{ width:50%; position: absolute; z-index:999; margin:-2.2% auto 0 auto; font-size:44px; font-weight:bold; color:#ffffff;text-align:center  }
.index-equcon .box .bt .wz2{ color:#f19149;}
.index-equcon .box .bt p{ margin-top:1.6%; color:#ffffff;text-align:center }
.index-equcon .box .bt .hx{ background-color:#FF9900; height:4px; display:block; width:10%; margin:2% auto;}
.index-equcon .box .nrsb{ text-align:center; margin:0 auto; width:80%;}
.index-equcon .box .nrtb{ margin:2% auto; width:80%;}
.index-equcon .box .nrtb ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index-equcon .box .nrtb ul li{ width:16%; color:#cf9121; font-weight:bold; border:#FFFFFF 5px solid; text-align:center; padding:3% 0;transition:all .3s}
.index-equcon .box .nrtb ul li img{ width:100%; max-width:54px; padding-bottom:10px;}
.index-equcon .box .nrtb ul li:hover{transition:all .3s}

.wrap{ width:100%; margin:0 auto;}
.scrollbox{width:100%; position: relative;}
#scrollDiv{width:92%;height:386px; overflow:hidden; display: block; margin:0 auto;}
#scrollDiv ul{ width: 100%;}
#scrollDiv li{width:100%;height:386px; text-align:left;padding:10px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
#scrollDiv li img{max-width:409px; width:30%;margin-right:10px;float:left;}
#scrollDiv li .cp{ float: left; width:68%;  padding:0;}
#scrollDiv li .cp h4{font-size: 20px;font-weight: bold;margin-bottom:5px;color: #ffffff;}
#scrollDiv li .cp p{font-size: 14px;color: #ffffff;display: block;overflow: hidden;}
#scrollDiv li .cp em{ line-height: 24px;text-align:center;font-size: 14px;width:10%; display: block;color: #f19149;margin-top: 8px;}
#scrollDiv li:hover{ }
#scrollDiv li:hover span h4{ color: #fff;}
#scrollDiv li:hover span p{ color: #fff;}
#scrollDiv li:hover span em{ color: #f19149;}
.scroltit{ position: absolute;  top:45%; width:100%;}
.scroltit small{ font-size:12px;width:48px;height:48px; line-height:48px;border-radius: 50%; text-align: center;background-color: rgba(255, 255, 255, 0.5);color: #fff;font-family: "宋体"; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{}
.scroltit small:hover{ background: #ff9a22;}

#but_up{ float:left;}
#but_down{ float:right;}




/* 首页内容-产品 */

.index-pro{ padding:0; margin: 0 auto;   }

.index-procon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-procon .box{ width:100%; padding:0; display: flex;justify-content: space-between; flex-wrap: wrap; margin:2% auto; padding:0 3%; }

.index-procon .box .bt{ margin:0 auto; padding:0; width:60%;}
.index-procon .box .bt .wz{ font-size:60px; font-weight: bold; color:#eeeeee;letter-spacing: -1.8px; text-align:center }
.index-procon .box .bt .wz1{ width:55%; position: absolute; z-index:999; margin:-2.2% auto 0 auto; font-size:44px; font-weight:bold; color: #000000;text-align:center  }
.index-procon .box .bt .wz2{ color:#f19149;}
.index-procon .box .bt p{ margin-top:1.6%; color: #525252;text-align:center }
.index-procon .box .bt .hx{ background-color:#FF9900; height:4px; display:block; width:10%; margin:1% auto;}

.index-procon .box .nr{ text-align:center; margin:0 auto; width:100%;}








/* 首页内容-优势*/

.index-ys{ padding:0; margin: 0 auto; background-color:#f5f5f5;   }

.index-yscon{  padding: 0.5rem 0;  overflow: hidden;}
.index-yscon .box{ width:100%;  }
.index-yscon .box .bt{ margin:3%  auto 0 auto; padding:0; width:55%;}
.index-yscon .box .bt .wz{ font-size:60px; font-weight: bold; color:#eeeeee;letter-spacing: -1.8px; text-align:center }
.index-yscon .box .bt .wz1{ width:55%; position: absolute; z-index:999; margin:-2.2% auto 0 auto; font-size:44px; font-weight:bold; color: #000000;text-align:center; display:block;  }
.index-yscon .box .bt .wz2{ color:#f19149;}
.index-yscon .box .bt p{ margin-top:2.6%; color: #525252;text-align:center }
.index-yscon .box .bt .hx{ background-color:#FF9900; height:4px; display:block; width:10%; margin:1% auto;}

.index-yscon .box .nr{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-yscon .box .nr .left{ width:50%; background:url(../images/ys-bj1.jpg) top right no-repeat; background-color:#073774; text-align:right;  padding:2.5% 2% 2.5% 0;}
.index-yscon .box .nr .left img{ width:100%; max-width:450px;}
.index-yscon .box .nr .right{ width:50%; background:url(../images/ys-bj2.jpg) top left no-repeat; background-color:#0b140c}
.index-yscon .box .nr .right .ysnr{ width:100%; margin:4.5% 0 4.5% 2%; color:#FFFFFF; }
.index-yscon .box .nr .right .ysnr ul{}
.index-yscon .box .nr .right .ysnr ul li{display: flex; flex-wrap: wrap; padding:1% 0;}
.index-yscon .box .nr .right .ysnr ul li .tb{ width:7%; }
.index-yscon .box .nr .right .ysnr ul li .tb img{ width:100%;max-width:83px;}
.index-yscon .box .nr .right .ysnr ul li .wz {width:70%; margin-left:2%; }
.index-yscon .box .nr .right .ysnr ul li .wz h1{ font-size:20px;}
.index-yscon .box .nr .right .ysnr ul li .wz p{ font-size:16px;}


/* 首页内容-新闻中心 */

.index-news{ padding:0; margin: 0 auto; background-color:#f4f4f4;   }

.index-newscon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-newscon .box{ width:100%; padding:0;  margin:5% auto; padding:0 3%; }

.index-newscon .box .bt{ margin:0 auto; padding:0; width:55%;}
.index-newscon .box .bt .wz{ font-size:60px; font-weight: bold; color:#eeeeee;letter-spacing: -1.8px; text-align:center }
.index-newscon .box .bt .wz1{ width:51%; position: absolute; z-index:999; margin:-2.2% auto 0 auto; font-size:44px; font-weight:bold; color: #000000;text-align:center; display:block;  }
.index-newscon .box .bt .wz2{ color:#f19149;}
.index-newscon .box .bt p{ margin-top:2.6%; color: #525252;text-align:center }
.index-newscon .box .bt .hx{ background-color:#FF9900; height:4px; display:block; width:10%; margin:1% auto;}
.index-newscon .box .nr{display: flex;justify-content: space-between; flex-wrap: wrap; margin:0 auto 0 auto ; width:80%; }
.index-newscon .box .nr .left{ width:40%; background-color:#FFFFFF; box-shadow: 0 3px 5px rgba(0,0,0,0.1);transition:all .3s}
.index-newscon .box .nr .left:hover{background-color: #f4f4f4;transition:all .3s}
.index-newscon .box .nr .left .tu{ width:100%;  }
.index-newscon .box .nr .left .tu img{ width:100%;}
.index-newscon .box .nr .left h1{ font-size:20px; font-weight:bold; padding:3%;}
.index-newscon .box .nr .left p{padding:0 3% 3% 3%;}
.index-newscon .box .nr .left span a{ font-size:14px; color:#06356f;padding: 0 3% 3% 3%;  display:block;  }
.index-newscon .box .nr .left span a:hover{ color:#FF9900}

.index-newscon .box .nr .right{ width:55%; }
.index-newscon .box .nr .right ul{}
.index-newscon .box .nr .right ul li{background-color:#FFFFFF;box-shadow: 0 3px 5px rgba(0,0,0,0.1); margin:0 0 2% 0; display: flex; justify-content: space-between; flex-wrap: wrap; padding:2%;}
.index-newscon .box .nr .right ul li .tu{ width:30%;}
.index-newscon .box .nr .right ul li .tu img{ max-width:340px; width:100%;  }
.index-newscon .box .nr .right ul li .nr1{ width:63%;}
.index-newscon .box .nr .right ul li .nr1 a{ font-size:20px; font-weight:bold; color:#000000}
.index-newscon .box .nr .right ul li .nr1 a:hover{ color:#000000;}
.index-newscon .box .nr .right ul li:hover{ background-color:#f4f4f4;transition:all .3s}


/* 首页内容-在线留言 */

.index-message{ padding:0; margin: 0 auto;  background-color:#012e45;  }

.index-messagecon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-messagecon .box{ width:80%; padding:0;  margin:2% auto; padding:0 3%;display: flex; justify-content: space-between; flex-wrap: wrap;color:#FFFFFF; }
.index-messagecon .box a{ color:#FFFFFF;}
.index-messagecon .box .left{ width:30%;display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:3%;}
.index-messagecon .box .left .tle{ width:20%;}
.index-messagecon .box .left .tle img{ width:100%; max-width:64px;}
.index-messagecon .box .left .tle1{ width:80%;}
.index-messagecon .box .left .tle1 span{ font-size:36px; font-weight:bold; letter-spacing: 0.01em;}


.index-messagecon .box .right{ width:60%;}
.index-messagecon .box .right .message{ width:100%;}
.index-messagecon .box .right .message ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index-messagecon .box .right .message ul li{ width:48%;  margin:2% 0 0 0; }
.index-messagecon .box .right .message ul li .kuang{ width:100%; background-color:#FFFFFF; border-radius: 30px; padding:4% 3%; color:#CCCCCC;}
.index-messagecon .box .right .message ul li .tj{ width:100%; background-color:#FF9900;border-radius: 30px; padding:4% 3%; color:#FFFFFF;transition:all .3s}
.index-messagecon .box .right .message ul li .tj:hover{ background-color:#000000;transition:all .3s}
.bq{ border-top:#f4f4f4 1px solid; line-height:24px;  margin:0 auto;font-size:12px; color:#f4f4f4; text-align:center; padding:1% 0; background-color:#012e45; }
.bq a{ font-size:12px; color:#f4f4f4; text-align:center;}
.bq a:hover{ color:#FF6600}


/* 首页内容-底部 */

.index-foot{ padding:0; margin: 0 auto;  background-color:#000d13;  }



.index-footcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }



.index-footcon .box{ width:90%; padding:4%; display: flex;justify-content: space-between; flex-wrap: wrap; margin:0 auto; }



.index-footcon .box .left{ width:50% ;}

.index-footcon .box .left ul{ display: flex;justify-content: space-between; flex-wrap: wrap;}



.index-footcon .box .left ul li{ line-height:5rem; width:25%; text-align:center;}

.index-footcon .box .left ul li h2{ font-size:20px; color:#FFFFFF; font-weight:bold; margin-bottom:10px;}



.index-footcon .box .left ul li a{ font-size:16px; color: #CCCCCC; }

.index-footcon .box .left ul li a:hover{ color:#0033CC; text-decoration:underline;}

.index-footcon .box .left ul li .dh{ width:100%; line-height:2.0rem; display:block;}





.index-footcon .box .right{ width:45%;display: flex;justify-content: space-between; flex-wrap: wrap;}

.index-footcon .box .right .left{ width:60%; color:#CCCCCC;}

.index-footcon .box .right .left h2{ font-size:20px; color:#FFFFFF; font-weight:bold; margin-bottom:10px; margin-top:26px;}

.index-footcon .box .right .left p{ margin-top:40px;}

.index-footcon .box .right .right{ width:30%; color:#666666; text-align:center;}

.index-footcon .box .right .right h2{ font-size:20px; color:#FFFFFF; font-weight:bold; margin-bottom:10px; margin-top:26px;}







.banquan{ width:100%; border-top:#606060 1px solid; line-height:3.8rem;text-align:center; background-color:#000000; color:#7a7a7a; }

.banquan a{ font-size:1.4px; color: #7a7a7a; text-align:center;}

.banquan a:hover{ color: #efefef;}









/* 内页-海报banner */


.nybanner-about{  width:100%; margin:0; padding:0;height:400px;background:url(../images/about_02.jpg) top no-repeat;background-size: cover; }
.nybanner-about .ny-banner{ width:100%;   position:absolute;}
.nybanner-about .ny-banner .about-biaoti{ max-width:250px; width:100%; margin:6% auto 0 auto;}
.nybanner-about .ny-banner .about-biaoti img{ width:100%; height:auto;}
.nybanner-about .ny-menu{  position:relative; z-index:999; width:100%;background-color: rgba(0, 0, 0, 0.4);  }
.nybanner-about .ny-menu ul{display: flex;justify-content: space-between; flex-wrap: wrap;width:80%;margin:0 auto; }
.nybanner-about .ny-menu ul li{ width:20%;   padding:0.8%; text-align:center;transition:all .3s}
.nybanner-about .ny-menu ul li a{ font-size:20px; font-weight:bold; display:block; color: #FFFFFF;transition:all .3s}
.nybanner-about .ny-menu ul li:hover{ transition:all .3s}
.nybanner-about .ny-menu ul li a:hover{ color: #FF9933; text-decoration:underline;display:block;transition:all .3s}

.nybanner-pro{  width:100%; margin:0; padding:0;height:400px; background:url(../images/pro-banner.jpg) top no-repeat; background-size: cover; }
.nybanner-pro .ny-banner{ width:100%; position:absolute;}
.nybanner-pro .ny-banner .pro-biaoti{ max-width:250px; width:100%; margin:6% auto 0 auto;}
.nybanner-pro .ny-banner .pro-biaoti img{ width:100%; height:auto;}
.nybanner-pro .ny-menu{  position:relative; z-index:999; width:100%;background-color: rgba(0, 0, 0, 0.2);  }
.nybanner-pro .ny-menu ul{display: flex;justify-content: space-between; flex-wrap: wrap;width:80%;margin:0 auto; }
.nybanner-pro .ny-menu ul li{ width:20%;   padding:0.8%; text-align:center;transition:all .3s}
.nybanner-pro .ny-menu ul li a{ font-size:20px; font-weight:bold; display:block; color: #FFFFFF;transition:all .3s}
.nybanner-pro .ny-menu ul li:hover{ transition:all .3s}
.nybanner-pro .ny-menu ul li a:hover{ color: #FF9933; text-decoration:underline;display:block;transition:all .3s}

.nybanner-news{  width:100%; margin:0; padding:0;height:400px; background:url(../images/news.jpg) top no-repeat;background-size: cover; }
.nybanner-news .ny-banner{ width:100%;     position:absolute;}
.nybanner-news .ny-banner .news-biaoti{ max-width:250px; width:100%; margin:6% auto 0 auto;}
.nybanner-news .ny-banner .news-biaoti img{ width:100%; height:auto;}
.nybanner-news .ny-menu{  position:relative; z-index:999; width:100%;background-color: rgba(0, 0, 0, 0.2);  }
.nybanner-news .ny-menu ul{display: flex;justify-content: space-between; flex-wrap: wrap;width:80%;margin:0 auto; }
.nybanner-news .ny-menu ul li{ width:20%;   padding:0.8%; text-align:center;transition:all .3s}
.nybanner-news .ny-menu ul li a{ font-size:20px; font-weight:bold; display:block; color: #FFFFFF;transition:all .3s}
.nybanner-news .ny-menu ul li:hover{ transition:all .3s}
.nybanner-news .ny-menu ul li a:hover{ color: #FF9933; text-decoration:underline;display:block;transition:all .3s}


.nybanner-contact{  width:100%; margin:0; padding:0;height:400px;background:url(../images/contact.jpg) top no-repeat;background-size: cover;  }
.nybanner-contact .ny-banner{ width:100%;   position:absolute;}
.nybanner-contact .ny-banner .contact-biaoti{ max-width:250px; width:100%; margin:6% auto 0 auto;}
.nybanner-contact .ny-banner .contact-biaoti img{ width:100%; height:auto;}
.nybanner-contact .ny-menu{  position:relative; z-index:999; width:100%;background-color: rgba(0, 0, 0, 0.2);  }
.nybanner-contact .ny-menu ul{display: flex;justify-content: space-between; flex-wrap: wrap;width:80%;margin:0 auto; }
.nybanner-contact .ny-menu ul li{ width:20%;   padding:0.8%; text-align:center;transition:all .3s}
.nybanner-contact .ny-menu ul li a{ font-size:20px; font-weight:bold; display:block; color: #FFFFFF;transition:all .3s}
.nybanner-contact .ny-menu ul li:hover{ transition:all .3s}
.nybanner-contact .ny-menu ul li a:hover{ color: #FF9933; text-decoration:underline;display:block;transition:all .3s}




/* 内页-关于我们 */

.about{ padding:0; margin: 0 auto;    }

.aboutcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.aboutcon .box{ width:100%; padding:0;  margin:5% auto; padding:0 3%; }

.aboutcon .box .biaoti{ width:100%; text-align:center;}
.aboutcon .box .biaoti h1{ font-size:44px; font-weight:bold;}
.aboutcon .box .biaoti h2{ font-size:14px; margin-bottom:2%;}
.aboutcon .box .biaoti .word{ color:#FF9900;}

.aboutcon .box .nrong{ width:100%; padding:0;  }














/* 内页-新闻资讯 */



.news{ padding:0; margin: 0 auto;    }

.newscon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.newscon .box{ width:100%; padding:0;  margin:2% auto; padding:0 3%; }
 
.newscon .box .daohang{ width:30%; margin:2% auto;}
.newscon .box .daohang ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.newscon .box .daohang ul li{ background-color:#1e348a;  line-height:2.3rem; width:45%;transition:all .3s}
.newscon .box .daohang ul li:hover{ background-color:#FF9900; color:#FFFFFF;transition:all .3s}
.newscon .box .daohang ul li a{display:block; line-height:3.5rem; text-align:center; color:#FFFFFF; font-weight:bold;}
.newscon .box .daohang ul li a:hover{ display:block; line-height:3.5rem; color: #FFFFFF;transition:all .3s}
.newscon .box .xw{ width:87%; margin:0 auto; }
.newscon .box .xw ul{}
.newscon .box .xw ul li{background-color:#FFFFFF;box-shadow: 0 3px 5px rgba(0,0,0,0.1); margin:0 0 2% 0; display: flex;justify-content:space-between;  flex-wrap: wrap; padding:3%;transition:all .3s}
.newscon .box .xw ul li .tu{ width:14%; }
.newscon .box .xw ul li img{max-width:340px; width:100%; }
.newscon .box .xw ul li .nr{ width:83%;}
.newscon .box .xw ul li .nr a{ font-size:20px; font-weight:bold; color:#000000}
.newscon .box .xw ul li .nr a:hover{ color:#000000;}
.newscon .box .xw ul li:hover{ background-color:#f4f4f4;transition:all .3s}
.newscon .box .xw ul li .more{ width:8%; text-align:center; margin-top:1%; display:block; background-color:#999999; line-height:1.3rem; padding:0.5%;transition:all .3s}
.newscon .box .xw ul li .more:hover{ background-color:#000066; color:#FFFFFF;transition:all .3s}
.newscon .box .xw ul li .more a{ color:#FFFFFF; font-size:12px;}
.newscon .box .xw ul li .more a:hover{  color:#FFFFFF;transition:all .3s}
.newscon .box .xw ul li h1{ width:100%; text-align:center; font-size:20px; font-weight:bold; border-bottom:#CCCCCC 1px solid; display:block; margin:1% auto; padding-bottom:1%;}

.newscon .box .xw1{ width:87%; margin:0 auto; }
.newscon .box .xw1 ul{}
.newscon .box .xw1 ul li{background-color:#FFFFFF;box-shadow: 0 3px 5px rgba(0,0,0,0.1); margin:0 0 2% 0;  padding:3%;transition:all .3s}
.newscon .box .xw1 ul li .tu{ width:14%; }
.newscon .box .xw1 ul li img{ }
.newscon .box .xw1 ul li .nr{ width:83%;}
.newscon .box .xw1 ul li .nr a{ font-size:20px; font-weight:bold; color:#000000}
.newscon .box .xw1 ul li .nr a:hover{ color:#000000;}
.newscon .box .xw1 ul li:hover{ background-color:#f4f4f4;transition:all .3s}
.newscon .box .xw1 ul li .more{ width:8%; text-align:center; margin-top:1%; display:block; background-color:#999999; line-height:1.3rem; padding:0.5%;transition:all .3s}
.newscon .box .xw1 ul li .more:hover{ background-color:#000066; color:#FFFFFF;transition:all .3s}
.newscon .box .xw1 ul li .more a{ color:#FFFFFF; font-size:12px;}
.newscon .box .xw1 ul li .more a:hover{  color:#FFFFFF;transition:all .3s}
.newscon .box .xw1 ul li h1{ width:100%; text-align:center; font-size:20px; font-weight:bold; border-bottom:#CCCCCC 1px solid; display:block; margin:1% auto; padding-bottom:1%;}




/* 内页-产品中心 */



.pro{ padding:0; margin: 0 auto;    }

.procon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.procon .box{ width:100%; padding:0;  margin:2% auto; padding:0 3%; }
 
.procon .box .daohang{ width:30%; margin:2% auto;}
.procon .box .daohang ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.procon .box .daohang ul li{ background-color:#1e348a;  line-height:2.3rem; width:45%;transition:all .3s}
.procon .box .daohang ul li:hover{ background-color:#FF9900; color:#FFFFFF;transition:all .3s}
.procon .box .daohang ul li a{display:block; line-height:3.5rem; text-align:center; color:#FFFFFF; font-weight:bold;}
.procon .box .daohang ul li a:hover{ display:block; line-height:3.5rem; color: #FFFFFF;transition:all .3s}
.procon .box .cp{ width:87%; margin:0 auto; }
.procon .box .cp ul{display: flex; justify-content:center;  flex-wrap: wrap;}
.procon .box .cp ul li{ width:27.3%;background-color:#FFFFFF;box-shadow: 0 3px 5px rgba(0,0,0,0.1); margin:1%;  padding:2%;transition:all .3s}
.procon .box .cp ul li .tu{  max-width:359px;}
.procon .box .cp ul li .tu img{ width:100%;}
.procon .box .cp ul li a{ max-width:359px; width:100%; display:block; width:100%; text-align:center; padding:1%; line-height:2.3rem; background-color:#000066; color:#FFFFFF;transition:all .3s}
.procon .box .cp ul li a:hover{ background-color:#FF9900;transition:all .3s}

.procon .box .xq{ width:100%; display: flex; justify-content:center;  flex-wrap: wrap;}
.procon .box .xq .left{ width:30%;}
.procon .box .xq .right{ width:60%;}
.procon .box .xq .right h1{ font-size:30px; font-weight:bold; border:#CCCCCC 1px solid; border-width:0 0 1px 0; padding:1% 0; margin:1% 0; }
.procon .box .xq1{ width:100%; margin:3% 0 0 0; padding:1% 0 0 0; border-top:#CCCCCC 1px solid;}




/* 首页产品滚动 */
	
	
	
	.carousel-example {
		padding: 20px 0 50px 0;
	}
	
	#complicated-content-carousel .carousel-control {
		position: absolute;
		top: -20px;
		right: 0;
		left: auto;
		bottom: auto;
		width: 14px;
		font-size: 25px;
		color: #3c3c3c !important;
		opacity: 1;
	}
	
	#complicated-content-carousel .carousel-control.left,
	#complicated-content-carousel .carousel-control.right {
		background-image: none;
	}
	
	#complicated-content-carousel .carousel-control.left {
		right: 35px;
	}
	
	#complicated-content-carousel .index {
		position: absolute;
		top: -70px;
		right: 0;
		font-size: 16px;
		color: #3c3c3c;
	}
	
	#complicated-content-carousel .flex-item {
		position: relative;
		display: inline-block;
		width: 320px;
		height: 380px;
		padding: 16px 13px;
		background-color: #f5f6f7;
		border: 6px solid #f5f6f7;
	}
	
	#complicated-content-carousel .flex-item:hover,
	#complicated-content-carousel .flex-item:focus {
		border: 6px solid #d2d4d5;
		border-radius: 3px;
	}
	
	.good-top {
		height: 21px;
	}
	
	.good-top-left {
		font-size: 16px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-right {
		height: 21px;
		text-align: right;
	}
	
	.choose-color div {
		display: inline-block;
		width: 21px;
		height: 21px;
		border-radius: 50%;
		letter-spacing: 5px;
		cursor: pointer;
	}
	
	.choose-color .blue {
		background-color: #165eb9;
	}
	
	.choose-color .yellow {
		background-color: #ffe637;
	}
	
	.choose-color .black {
		background-color: #535253;
	}
	
	.choose-color .grey {
		background-color: #d3a7ac;
	}
	
	.choose-color .dark-blue {
		background-color: #35374c;
	}
	
	.choose-color .dark-blue-women {
		background-color: #192b5e;
	}
	
	.choose-color .light-blue-women {
		background-color: #1682c4;
	}
	
	.good-top-left .fa {
		position: relative;
		top: 2px;
		font-size: 21px;
	}
	
	.good-bottom {
		height: 21px;
	}
	
	.good-bottom * {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.good-bottom-left a h4 {
		font-size: 18px;
		color: #3c3c3c;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-bottom-right {
		position: relative;
		top: -1px;
		font-size: 22px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-left,
	.good-bottom-left {
		float: left;
		text-align: left;
	}
	
	.good-top-right,
	.good-bottom-right {
		float: right;
		text-align: right;
	}
	
	.good-image {
		height: 294px;
		text-align: center;
	}
	
	.good-image:before {
	    content: "";
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}
	
	.good-image img {
		max-height: 240px;
		vertical-align: middle;
	}
	
	.size {
		position: absolute;
		padding: 0;
		cursor: pointer;
		transition: all .35s;
	}
	
	.size.shown {
		padding: 0 5px 5px 5px;
		background-color: #fff;
		border-radius: 2px;
	}
	
	.size.shown .option:hover {
		background-color: #f5f6f7;
	}
	
	.carousel-control {
		width: 50px;
		padding:1% 0;
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
		font-size: 30px;
		text-align: center;
		opacity: 1;
	}
	
	a.carousel-control.left,
	a.carousel-control.right {
		background-image: none;
		
		background-color: rgba(0, 0, 0, 0.2);
		opacity: 1;
		text-align: center;
		
	}
	
	.index-pro-wz{ background-color:#003567; line-height:24px; width:100%;  display:block; text-align:center; margin-top:2%;transition:all .3s}
	.index-pro-wz:hover{ background-color: #FF9900;transition:all .3s }
	.index-pro-wz a{ font-size:18px; font-weight:bold; color:#FFFFFF;  line-height:24px; width:100%; padding:1.8%; display:block; text-align:center; margin-top:2%;transition:all .3s}
	.index-pro-wz a:hover{font-size:18px; font-weight:bold; color:#FFFFFF;transition:all .3s}
	
	
#Lxwm{ width:90%; margin:0 auto;}
#Lxwm ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
#Lxwm ul li{ width:32%; background-color:#f4f4f4; border-bottom:#1e348a 6px solid; padding:2%; text-align:center;}


.pagechange{display: flex;justify-content: space-between; flex-wrap: wrap;}
.pagechange .left{ width:33.3%}
.pagechange .right{ width:33.3%; text-align:right;}
.pagechange .returnlist{ width:33.3%; text-align:center;}

/* MEDIA QUERIES */
	/* styles for phones' displays */
	@media only screen and (max-width: 350px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
	
	/* styles for medium size displays */
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#complicated-content-carousel .flex-item {
			width: 300px;}
			
			
			.index-aboutcon .box {
    margin: 10% auto;
}
	}






@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}

.index-aboutcon .box {
    margin: 10% auto;
}

}


@media only screen and (min-width: 2240px){
	
	.index-aboutcon .box {
    margin: 10% auto;
}

.index-newscon .box .nr .left .tu img{ width:100%;}

	
	
}



@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;}
	.index-aboutcon .box {
    margin: 10% auto;
}

	
	
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;}
		.index-aboutcon .box {
    margin: 10% auto;
}


	
}
@media only screen and (max-width: 1366px){
	
	
	.banner {
    width: 100%;
    height: 350px;
}


.index-aboutcon .box {
    width: 100%;
	
}

.index-aboutcon .box .left .sp  img{ width:100%}
.index-aboutcon .box .left {
    width: 47%;
}
.index-aboutcon .box .right .anniu {
    width: 24%;
    
}


.index-aboutcon .box .right .wz1 {
    
    margin-top: -5.2%;
    
}

.index-equcon .box .bt .wz1 {
   
    margin: -5.2% auto 0 auto;
   
}

.index-procon .box .bt .wz1 {margin: -5.2% auto 0 auto;
	
	
	}
	
	
	
	.index-yscon .box .bt .wz1{margin: -5.2% auto 0 auto;
	
	
	}
	
	.index-newscon .box .bt .wz1{margin: -5.2% auto 0 auto;
	}
	
	.index-messagecon .box .left .tle1 span {
    font-size: 20px;}
	

}
@media only screen and (max-width: 1300px){
.header .navbar_nav li a {
    padding: 0 28px;}

}


@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;}



}



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

.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size:31px;
		}
		
		
		
		
}


 @media (max-width: 768px) {
    .head .headcon .box { text-align:center; width: 100%;}
	.head .headcon .box .left { width: 100%;}
    .head .headcon .box .right {width: 100%;  } 
	.head .headcon .box .left .logo{ width:100%; text-align:center;}

.head .headcon .box .left .wz{width:100%; text-align:center;}

.banner .menu ul li a {
    font-size: 12px; }
	
	.banner .menu {
    margin: -15px  auto 0 auto;
    position: relative;
    z-index: 999;
    width: 100%;
    border-bottom: #b6b6b6 1px solid;
}
	
	.banner {
    width: 100%;
	height:0;
   
}
	.banner .hb {width: 100%; }
	.banner .menu {
    margin: 0 auto;
    width: 100%;
    border-bottom: #b6b6b6 1px solid;
}
	
	
	.index-aboutcon .box {
    width: 100%;}
	
	.index-aboutcon .box .left {
    width: 100%;
}

.index-aboutcon .box .right {
    width: 100%;
}
	
	.index-aboutcon .box .left .sp img{ width:100%;}
	
	
.index-about {
    
    margin: 34%  auto 0 auto;
}	
	
	
	.index-aboutcon .box .right .wz {
    font-size: 38px;}
	
	
	.index-aboutcon .box .right .wz1 {
    width: 100%;
    position: absolute;
    z-index: 999;
    margin-top: -10.2%;
    font-size: 36px;
    font-weight: bold;
}


.index-aboutcon .box .right .anniu {
    width: 100%;}
	
	.index-equcon .box .bt {
   
    width: 100%;
}


.index-equcon .box .bt .wz {
    font-size: 38px;}
	
	
	
.index-equcon .box .bt .wz1 {
    width: 94%;
    position: absolute;
    z-index: 999;
    margin: -11.2% auto 0 auto;
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}


.index-equcon .box .nrtb ul li {
    width: 32%;
	margin:1% 0;
	
	}	
	
	
	.scroltit {
    
    }
	
	
	#scrollDiv li img {
	
	width:85%;
	height:auto;
	
    

}




#scrollDiv li {
    width: 100%;
    height: auto;
	text-align:center;
	
	}
	
	
	


#scrollDiv li span{ width:100%; overflow: hidden; display: block; padding:3% 0 0 3%;}


#scrollDiv li span em{ width:100%; text-align:left;}

.index-procon .box .bt {
   
    width: 100%;
}


.index-procon .box .bt .wz {
    font-size: 36px;}
	
	
	
	
	.index-procon .box .bt .wz1 {
    width: 87%;
   
    margin: -10.2% auto 0 auto;
    font-size: 36px;
    
    text-align: center;
}

.index-procon .box .bt p {
line-height:2.2rem
}

.index-yscon .box .bt .wz {
    font-size: 38px;
}

.index-yscon .box .bt .wz1 {

font-size: 36px;
margin: -11.2% auto 0 auto;


}


.index-yscon .box .nr .left {
    width: 100%;}
	.index-yscon .box .nr .left img {
    width: 90%;}


.index-yscon .box .nr .right {
    width: 100%;}
	
	.index-newscon .box .bt .wz {
    font-size: 38px;}
	
	.index-newscon .box .bt .wz1 {font-size: 36px;
	margin: -11.2% auto 0 auto;}
	
	.index-newscon .box .bt {
   
    width: 61%;
}
	
	.index-newscon .box .nr {
    
    width: 100%;
}
	
.index-newscon .box .nr .left { display:none;}

.index-newscon .box .nr .right {
    width: 100%;
}
.index-newscon .box .nr .right ul li .tu {
    width: 100%;
    
}

.index-newscon .box .nr .right ul li .nr {
    width: 100%;
}


.index-messagecon .box .left {
    width: 100%;}
	
.index-messagecon .box .right {
    width: 100%; font-size:12px; text-align:center;}
	
	
	.index-messagecon .box .left .tle1 span {
    font-size: 25px;}
	
	
	.bq{ padding:0 5%;}
	
	.index-messagecon .box .right .message ul li {
    width: 100%;
    
}

.index-messagecon .box {
    width: 90%;}
	
	
.nybanner-about .ny-menu ul {
   
    width: 100%;
   
}


.nybanner-about .ny-menu ul li a {
    font-size: 12px;}
	
	
.nybanner-pro .ny-menu ul {
   
    width: 100%;
   
}


.nybanner-pro .ny-menu ul li a {
    font-size: 12px;}
	

.nybanner-news .ny-menu ul {
   
    width: 100%;
   
}


.nybanner-news .ny-menu ul li a {
    font-size: 12px;}


.nybanner-contact .ny-menu ul {
   
    width: 100%;
   
}


.nybanner-contact .ny-menu ul li a {
    font-size: 12px;}
	
	
	
.procon .box .daohang {
    width:100%;
    
}

.procon .box .cp {
    width: 100%;
    
}

.procon .box {
    
    padding: 0;
   
   
}


.procon .box .cp ul li {
    width: 31.3%;}
	
	
	
	.procon .box .xq .left {
    width: 100%;
}

.procon .box .xq .left img {
    width: 100%;
}


.procon .box .xq .right {
    width: 100%;
}

.procon .box .xq .right h1 {
    font-size: 22px;
   
}

.newscon .box .daohang {
    width: 100%;
    
}

.newscon .box .xw {
    width: 100%;}
	
.newscon .box .xw ul li .tu {
    width: 100%;
}
.newscon .box .xw ul li img {
    width: 100%;
   
}
	
	
	.newscon .box .xw ul li .nr {
    width: 100%;
}


.newscon .box .xw ul li .more {
    width: 100%;
	
	line-height: 3.3rem;}
	
	
	.newscon .box .xw ul li {

    padding: 5%;
   
}

#Lxwm ul li{ width:48%; margin:2% auto;}


.aboutcon .box .nrong img{ width:100%;}
.procon .box .xq1 img{ width:100%;}
.newscon .box .xw1 ul li img {width:100%; height:auto;
}

.newscon .box .xw1 {
    width: 100%;
    margin: 0 auto;
}

#scrollDiv{height:175px;}


.nybanner-about {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 180px;
    background: url(../images/about_02.jpg) top no-repeat;
    
}



.nybanner-news {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 180px;
    background: url(../images/news.jpg) top no-repeat;
    
}


.nybanner-contact {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 180px;
    background: url(../images/contact.jpg) top no-repeat;
    
}


.nybanner-pro {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 180px;
    background: url(../images/pro-banner.jpg) top no-repeat;
    
}



.index-newscon .box .nr .right ul li .nr1 {
   width: 100%;
   padding:1%;
}


#scrollDiv li img{max-width:409px; width:75%; margin:0 auto; padding:0; float:none;}



        }
		
		
	





@media only screen and (min-width: 576px){

    



 
}


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