@charset "utf-8";
 /* CSS Document */
 /*全局定义*/
 body, h1, h2, h3, h4, h5, h6, div, dd, dt, dl, form, kbd, table, ul, li, marquee, hr, blockquote, ol, pre, fieldset, legend, button, input, textarea, th, td {
 	margin: 0;
 	padding: 0;
 	/*    font-size: 14px;*/
 	font-family: "微软雅黑", Arial, Tahoma, Verdana, Helvetica, sans-serif;
 }
 address, cite, dfn, em, var, kbd, span {
 	font-style: normal;
 }
 button, input, select, textarea {
 	font-size: 100%;
 }
 input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
 	-webkit-appearance: none;
 }
 select {
 	-webkit-appearance: none;
 }
 textarea {
 	-webkit-appearance: none;
 }
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }
 ul, ol {
 	list-style: none;
 }
 h1, h2, h3, h4, h5, h6 {
 	font-size: 100%;
 	font-family: Arial, "微软雅黑", Tahoma, Verdana, Helvetica, sans-serif;
 }
 img {
 	width: 100%;
 	border: 0;
 }
 button, input {
 	border: 0;
 }
 ul {
 	list-style: none;
 }
 a {
 	text-decoration: none!important;
 	color: #333;
 }
 a:hover {
 	color: #333;
 	text-decoration: none
 }
 a:link {
 	text-decoration: none;
 	color: #333;
 }
 a:active {
 	text-decoration: none;
 	color: #333;
 }
 .fl {
 	float: left;
 }
 .fr {
 	float: right;
 }
 .clear {
 	clear: both;
 }
.selected {
    border-bottom: 2px solid #333;
}

    .selected:hover {
        border-bottom: 2px solid #666;
    }
 .clearfix:after {
 	visibility: hidden;
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0;
 }
 .animated {
 	-webkit-animation-duration: 0.5s;
 	animation-duration: 0.5s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 }
 .yin {
 	display: none
 }
 /*去除蓝色边框*/
 div:focus {
 	outline: none;
 }
 /*PC正常导航*/
 .top-nav {
 	z-index: 4;
 	width: 100%;
 	padding: 0 20px;
 }
 .box1 {
 	position: relative;
 }
 .logo img {
 	padding: 14px 0;
 }
 .header {
 	width: 100%;
 }
 .selected1 {
 	border-bottom: 1px solid #333;
 }
.selected1:hover{
	border-bottom: 1px solid #666;
}
 #cssmenu {
 	height: 84px;
 }
 #cssmenu, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
 	display: block;
 	position: relative;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 #cssmenu:after, #cssmenu > ul:after {
 	content: ".";
 	clear: both;
 	visibility: hidden;
 	line-height: 0;
 	height: 0;
 }
 #cssmenu #menu-button {
 	display: none;
 }
 #cssmenu {
 	width: auto;
 	font-family: 'Open Sans', sans-serif;
 	line-height: 1;
 }
 #menu-line {
 	display: none;
 	position: absolute;
 	top: 0;
 	left: 0;
 	margin-left: 10px;
 	height: 2px;
 	-webkit-transition: all 0.25s ease-out;
 	-moz-transition: all 0.25s ease-out;
 	-ms-transition: all 0.25s ease-out;
 	-o-transition: all 0.25s ease-out;
 	transition: all 0.25s ease-out;
 }
#cssmenu > ul > li {
    margin-left: 20px;
    padding-top: 10px;
    float: left;
    line-height: 64px;
    position: relative;
}
 #cssmenu.align-center > ul {
 	font-size: 0;
 	text-align: center;
 }
 #cssmenu.align-center > ul > li {
 	display: inline-block;
 	float: none;
 }
 #cssmenu.align-center ul ul {
 	text-align: left;
 }
 #cssmenu.align-right > ul > li {
 	float: right;
 	height: 50px;
 	line-height: 50px;
 }
 #cssmenu.align-right ul ul {
 	text-align: right;
 }
 #cssmenu > ul > li > p {
 	float: left;
 	color: #006633;
 	font-weight: bold;
 }
 #cssmenu > ul > li > p > a {
 	color: #006633;
 	font-size: 16px;
 	padding: 0 4px;
 }
 #cssmenu > ul > li > a {
 	display: block;
 	padding: 0 22px;
 	font-size: 14px;
 	color: #333;
 	font-weight: 800;
 	text-decoration: none;
 	text-transform: uppercase;
 	/*	color: #333333;*/
 	-webkit-transition: color .1s ease;
 	-moz-transition: color .1s ease;
 	-ms-transition: color .1s ease;
 	-o-transition: color .1s ease;
 	transition: color .1s ease;
 	-moz-transition: color 0.3s;
 	-o-transition: color 0.3s;
 	-webkit-transition: color 0.3s;
 	transition: color 0.3s;
 	display: inline-block;
 	width: 100%;
 	position: relative;
 }
 #cssmenu, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
 	display: block;
 }
 #cssmenu > ul > li.menu-active > a {
 	color: #339EFC;
 }
 #cssmenu > ul > li.normal > a:hover {
 	color: #666;
 }
 #cssmenu > ul > li.has-sub > a:hover {
 	color: #fff;
 	background: #9e9e9e;
 }
 #cssmenu > ul > li.hover-active > a {
 	border-top-left-radius: 5px;
 	border-top-right-radius: 5px;
 	color: #9e9e9e;
 }
 #cssmenu ul ul {
 	position: absolute;
 	left: -9999px;
 	z-index: 20;
 }
 #cssmenu li:hover > ul {
 	left: auto;
 }
 #cssmenu.align-right li:hover > ul {
 	right: 0;
 }
 #cssmenu ul ul ul {
 	margin-left: 100%;
 	top: 0;
 }
 #cssmenu.align-right ul ul ul {
 	margin-left: 0;
 	margin-right: 100%;
 }
 #cssmenu ul ul li {
 	height: 0;
 	-webkit-transition: height .2s ease;
 	-moz-transition: height .2s ease;
 	-ms-transition: height .2s ease;
 	-o-transition: height .2s ease;
 	transition: height .2s ease;
 }
 #cssmenu ul li:hover > ul > li {
 	height: 43px;
 }
 /*移动端导航*/
 @media all and (max-width: 1200px) {
 	/*Logo*/
 	.header {
 		width: 100%;
 		background-color: #FFFFFF;
 		z-index: 9998;
 	}
 	.header .logo {
 		position: absolute;
 		top: 10px;
 		margin: 0px;
 	}
 	.header .logo img {
 		padding: 0;
 		width: 41px;
 		height: 41px;
 		margin-top: 0px;
 	}
 	#cssmenu {
 		width: 100%;
 	}
 	#cssmenu ul {
 		width: 100%;
 		display: none;
 		position: fixed;
 		left: 0;
 		z-index: 1000
 	}
 	#cssmenu ul {
 		background: #ffffff;
 		height: 100%;
 		overflow: auto
 	}
 	#cssmenu.align-center > ul, #cssmenu.align-right ul ul {
 		text-align: left;
 	}
 	#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {
 		width: 100%;
 		height: auto;
 		border-top: 1px solid rgba(120, 120, 120, 0.15);
 	}
 	#cssmenu ul li a, #cssmenu ul ul li a {
 		width: 100%
 	}
 	#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {
 		float: none;
 		display: block;
 	}
 	#cssmenu ul ul li a {
 		padding: 20px 20px 20px 30px;
 		font-size: 12px;
 		color: #fbb03b;
 		background: none;
 	}
 	#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
 		color: #fbb03b;
 	}
 	#cssmenu ul ul ul li a {
 		padding-left: 40px;
 	}
 	#cssmenu ul ul, #cssmenu ul ul ul {
 		position: relative;
 		left: 0;
 		right: auto;
 		width: 100%;
 		margin: 0;
 	}
 	#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {
 		display: none;
 	}
 	#menu-line {
 		display: none;
 	}
 	#cssmenu #menu-button {
 		display: block;
 		padding: 30px;
 		color: #000000;
 		cursor: pointer;
 		font-size: 12px;
 		text-transform: uppercase;
 		height: 100%;
 		overflow: auto
 	}
 	#cssmenu #menu-button::after {
 		content: '';
 		position: absolute;
 		top: 26px;
 		right: 10px;
 		display: block;
 		width: 15px;
 		height: 2px;
 		background: #1449a1;
 	}
 	#cssmenu #menu-button::before {
 		content: '';
 		position: absolute;
 		top: 31px;
 		right: 10px;
 		display: block;
 		width: 15px;
 		height: 7px;
 		border-top: 2px solid #1449a1;
 		border-bottom: 2px solid #1449a1;
 	}
 }
 /*logo*/
 @media (max-width: 1200px) {
 	/*Logo*/
 	#cssmenu {
 		height: 60px;
 	}
 	.box1 {
 		position: relative;
 	}
 	.header {
 		background: #fff;
 		border-bottom: 1px solid #ddd
 	}
 	.header .logo img {
 		padding: 0;
 		width: 141px;
 		height: 35px;
 		margin-top: 0px;
 	}
 	#cssmenu > ul > li > a {
 		color: #111;
 	}
 }
 @media (max-width: 991px) {
 	/*Logo*/
 	#cssmenu {
 		height: 70px;
 	}
 	#cssmenu #menu-button {
 		padding: 20px 30px 10px 30px;
 	}
 	.header .logo img {
 		padding: 0;
 		width: 141px;
 		height: 35px;
 		margin-top: 10px;
 	}
 }
 @media (max-width: 768px) and (min-width: 320px) {
 	/*Logo*/
 	.header {
 		background: #fff;
 		border-bottom: 1px solid #ddd
 	}
 	.header .logo img {
 		padding: 0;
 		width: 141px;
 		height: 35px;
 		margin-top: 6px;
 	}
 	.dd {
 		margin-bottom: 400px!important;
 	}
 }
 /*首页*/
 .mid-title {
 	text-align: center;
 	margin-top: 90px;
 	font-size: 32px;
 	color: #000000;
 	letter-spacing: 1px;
 }
 .mid-title-eng {
 	text-align: center;
 	margin-top: 15px;
 	font-size: 16px;
 	color: #9f9f9f;
 	margin-bottom: 36px;
 }
 .type-box {
 	padding: 0 32px;
 }
 .type-name {
 	text-align: center;
 	margin-top: 12px;
 	font-size: 14px;
 	color: #333333;
 }
 .type-list-1 {
 	margin-bottom: 60px;
 }
.more{
	margin: 90px auto 0 auto;
	text-align: center;
}
 a.bordered-link1 {
  border: 1px solid #373737; /* 设置边框 */
  padding: 11px 36px; /* 设置内边距 */
  text-decoration: none; /* 移除下划线 */
  color: #000; /* 设置文字颜色 */
  display: inline-block; /* 使a标签表现得像块级元素 */
  transition: background-color 0.3s; /* 平滑过渡背景色 */
}
a.bordered-link1:hover {
  color: #6F6F6F; /* 鼠标悬停时的文字颜色 */
	border: 1px solid #6F6F6F; /* 设置边框 */
}
 .section-bg {
	 margin-top: 90px;
	 background: url("../images/bg1.png")
 }
 .about-left {
 	float: left;
	 margin-top: 130px;
 }
 .about-title {
 	font-size: 32px;
 	color: #FFFFFF;
 }
 .about-title-eng {
 	font-size: 16px;
 	color: #FFFFFF;
 	margin-top: 20px;
 }
 .about-text {
 	color: #CFCFCF;
	 margin-top: 50px;
	 line-height: 32px;
 }
.more-a{
	margin-top: 90px;
	margin-bottom: 150px;
}
a.bordered-link {
  border: 1px solid #fff; /* 设置边框 */
  padding: 11px 36px; /* 设置内边距 */
  text-decoration: none; /* 移除下划线 */
  color: #fff; /* 设置文字颜色 */
  display: inline-block; /* 使a标签表现得像块级元素 */
  transition: background-color 0.3s; /* 平滑过渡背景色 */
}
a.bordered-link:hover {
  background-color: #fff; /* 鼠标悬停时的背景色 */
  color: #000; /* 鼠标悬停时的文字颜色 */
}
.about-right{
	float: right;
	margin-top: 130px;
}
.new-container{
	margin-top: 114px;
}
.news-left{
	float: left;
	width: 24%
}
.news-title{
	font-size: 32px;
	color: #9f9f9f;
}
.line{
	width: 34px;
	border-bottom: 3px solid #1449a1;
	margin: 13px 0;
}
.news-title-eng{
	font-size: 20px;
	color: #000000;
}
.news-middle,.news-right{
	float: left;
	width: 38%;
}
.news-middle-container{
	padding: 0 33px;
}
.news-text-box-left{
	float: left;
	width: 30%;
}
.news-text-box-right{
	float: right;
	font-size: 16px;
	color: #333333;
	width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-text-box{
	padding: 18px 0;
}
.news-date{
	font-size: 20px;
	color: #9f9f9f;
}
.news-year{
	font-size: 14px;
	color: #9f9f9f;
}
.more-b{
	margin-top: 170px;
}
.project-more{
	width: 100%;
	height: 50px;
	background-color: #cacaca;
	color: #fff;
	line-height: 50px;
	text-align: center;
	font-size: 22px;
}
.project-more-box a:hover .project-more{
	background-color: #1449a1;
}
.project-type{
	color: #616161;
	font-size:  16px;
	margin-top: 20px;
}
.project-name{
	color: #333333;
	font-size: 20px;
	letter-spacing: 1px;
	margin-top: 8px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section-bg2{
	background: url("../images/bg2.png");
	margin-top: 40px;
	background-size: cover;
}
.logo-box{
	margin: 95px 0 66px 0;
	width: 100%;
}
.logo-box1{
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.logo-box-left{
	float: left;
	width: 50%;
}
.logo-box-right{
	float: left;
	width: 50%;
	background-color: #fff;
	height: 465.5px;
}
.logo-box1 img{
	width: 141px;
}
.logo-a{
	margin-bottom: 126px;
}
.logo-box-right-container{
	padding: 70px 58px 0 70px;
}
.in-title{
	font-size: 24px;
	color: #000000;
}
.in-title-eng{
	font-size: 14px;
	color: #000;
	margin-top: 11px;
}
.in-text{
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	margin-top: 40px;
}
.more-c{
	margin-top: 40px;
}
.line2{
	width: 20px;
	border-bottom: 1px solid #a8a8a8;
	float: left;
	margin-top: 8px;
	margin-right: 20px;
}
.contact-box{
	margin-bottom: 60px;
}
.contact-company{
	float: left;
	font-size: 16px;
	color: #000000;
}
.contact-left{
	float: left;
	width: 50%;
}
.contact-1{
	margin-left: 120px;
	padding: 13px 0;
}
.contact-icon{
	float: left;
	width: 8%;
}
.contact-icon img{
	width: 22px;
}
.contact-text{
	float: left;
	width: 92%;
	color: #666666;
	font-size: 15px;
	padding-left: 10px;
}
.footer-bg{
	background-color: #000000;
}
.footer-logo{
	float: left;
}
.footer-logo img{
	width: 190px;
}
.footer-top{
	padding-top: 60px;
	padding-bottom: 40px;
}
.footer-nav{
	padding-top: 8px;
	float: left;
	padding-left: 136px;
}
.footer-nav ul li{
	float: left;
	padding-right: 54px;
}
.footer-nav ul li a{
	color: #ffffff;
}
.ul-1{
	padding-bottom: 30px;
}
.footer-code{
	float: right;
}
.line3{
	width: 100%;
	border-bottom: 1px solid #303030;
}
.copyright{
	text-align: center;
	color: #666;
	font-size: 14px;
	padding: 24px 0;
}
/*产品展示*/
.p-type{
	margin-top: 56px;
}
.p-type-name{
	float: left;
	color: #222222;
	font-size: 16px;
	font-weight: 700;
}
.p-type-more{
	float: right;
}
.p-type-more a{
	color: #666;
}
.p-type1{
	margin-top: 90px;
}
.line4{
	width: 100%;
	border-bottom: 1px solid #c4c6cf;
	margin-top: 24px;
	margin-bottom: 26px;
}
.pic-name{
	font-size: 17px;
	 color: #434448;
	text-align: center;
	margin-top: 18px;
}
.pic-number{
	color: #4b7dfa;
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}
.list-2{
	margin-top: 20px;
}
.total-box2{
	margin-bottom: 140px;
}
/*产品详情*/
.top-nav{
	background-color: #fff;
}
.ant-nav{
	background-color: #f8f8f8;
}
.ant-nav-box{
	padding: 12px 0;
}
.ant-nav-box a{
	color: #999;
	padding-right: 6px;
}
.product-detail-box{
	margin-top: 40px;
}
.detail-left{
	float: left;
	width: 50%;
}
.mySwiper2{
	width: 76%;
}
.mySwiper{
	width: 76%;
	margin-top: 20px;
}
.detail-right{
	float: left;
	width: 50%;
}
.detail-name{
	font-size: 30px;
	color: #000;
	margin-top: 20px;
	margin-bottom: 30px;
}
.line5{
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
}
.detail-text{
	color: #777;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 74px;
}
.detail-text2{
	font-size: 14px;
	color: #000000;
	margin-top: 30px;
}
.product-detail-box{
	padding-bottom: 70px;
}
.detail1{
	margin-top: 70px;
}
.section-bg3{
	background-color: #f8f8f8;
}
.detail1-left{
	background-color: #fff;
	float: left;
	width: 65%;
}
.detail1-left-container{
	padding: 70px 80px;
}
.detail-pic{
margin:0;
padding:0;
}
.detail1-right{
	float: right;
	width: 30%; padding-bottom:20px;
}
.line6{
	height: 21px;
	border-left: 3px solid #1449a1;
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}
.side-bar{
	float: left;
	font-size: 18px;
	color: #3b3939;
}
.side-a{
	margin-top: 20px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.side-a { overflow:hidden;
    transition: transform 1s ease;
}
    .side-a img:hover {
        transform: scale(1.2);
    }
    .title1 {
        line-height: 46px;
        font-size: 16px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        background-color: rgba(0,0,0,0.3);
        text-align: center;
    }
.title1 a{
	color: #fff;
}
/*移动端页面*/
 @media (max-width: 1200px) {
 	.mid-title {
 		margin-top: 50px;
 	}
 	.more-1 {
 		margin: 56px auto 0px auto;
 	}
 	.mid-title {
 		font-size: 26px;
 	}
	 .news-middle-container {
  padding: 0 18px;
}
	 .box11{
		 margin-top: 13px;
	 }
	 .more-b {
  margin-top: 169px;
}
	 .logo-box-right-container {
  padding: 39px 36px 0 38px;
}
	 .in-text {
  margin-top: 26px;
}
	 .logo-box-right {
  height: 383.5px;
}
	 a.bordered-link1 {
  padding: 5px 34px;
}
 }
 @media (max-width: 992px) {
 	.type-box {
 		padding: 0 18px;
 	}
	 	 .more-b {
  margin-top: 129px;
}
	 .aa{
		margin-bottom: 21px;
	 }
	 .project-more {
  height: 34px;
  line-height: 34px;
}
	 .more {
  margin: 54px auto 0 auto;
}
	  .logo-box-right {
    height: 294.5px;
  }
	 .logo-box-right-container {
    padding: 28px 25px 0 24px;
  }
	 .in-title {
  font-size: 22px;
}
	   .in-text {
    margin-top: 15px;
  }
	 .more-c {
  margin-top: 26px;
}
	 .contact-1 {
  margin-left: 30px;
  padding: 13px 0;
}
	 .footer-logo img {
  width: 133px;
}
	 .footer-nav {
  padding-left: 51px;
}
	 .mySwiper2 {
  width: 92%;
}
 }
 @media (max-width: 768px) {
 	.type-box {
 		padding: 0 16px;
 	}
	  .more-b {
    margin-top: 127px;
  }
	 	 .more {
  margin: 40px auto 0 auto;
}
 }
 @media (max-width: 576px) {
 	#cssmenu > ul > li {
 		line-height: 80px;
 	}
 	.type-xs {
 		margin-bottom: 40px;
 	}
 	.type-list-1 {
 		margin-bottom: 0px;
 	}
 	.more-1 {
 		margin: 14px auto 0px auto;
 	}
  .more-a {
    margin-top: 64px;
    margin-bottom: 100px;
  }
	 .news-left {
  width: 30%;
}
	 .news-middle{
		width: 70%; 
	 }
	 a.bordered-link1 {
  padding: 11px 14px;
}
	   .more-b {
    margin-top: 119px;
  }
	 .about-title {
  font-size: 26px;
  color: #FFFFFF;
}
	   .more {
    margin: 0px auto 0 auto;
  }
	 .section-bg {
  margin-top: 50px;
}
	 .new-container {
  margin-bottom: 40px;
}
	 .project-box{
		 margin-bottom: 20px;
	 }
	 .logo-box-left {
  float: left;
  width: 100%;
}
	  .logo-box-right {
    width: 100%;
	height: 368px;
  }
	 .contact-left{
		 width: 100%;
	 }
	 .contact-1{
		 margin-left: 31px;
	 }
	 .footer-nav {
    padding-left: 18px;
  }
	 .footer-nav ul li {
  padding-right: 27px;
}
	 .detail-left {
  float: left;
  width: 100%;
}
	 .mySwiper2 {
  height: 300px!important;
}
	 .detail-right {
  float: left;
  width: 100%;
}
	 .detail-text {
  margin-top: 35px;
  margin-bottom: 35px;
}
	 .detail-name {
		 font-size: 24px;
  margin-top: 24px;
  margin-bottom: 20px;
}
	 .detail-text2 {
  margin-top: 20px;
}
	 .detail1-left {
  background-color: #fff;
  float: left;
  width: 100%;
}
	 .detail1-left-container {
  padding: 27px 24px;
}
	 .detail1 {
  margin-top: 26px;
}
	 .detail1-right {
  float: right;
  width: 100%;
		 margin-top: 30px;
		 margin-bottom: 30px;
}
 }