body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:12px; background:#001d33; color: #fff;}
ul,li{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
input,textarea{ background: rgba(255,255,255,0.15); border: none; }
a{ text-decoration:none; color:#fff;}


/* index style start */
.index{ clear:both; display:block; width:1200px; margin:40px auto; }
.top{ clear: both; display: block; width: 100%; height: 95px; border-bottom: 1px solid #b5e582; }
.topC{ clear: both; display: block; height: 95px; margin: 0px 2.5%; position: relative; }


.logo{ width: 160px; position: absolute; left: 0px; bottom: 8px; }
.logo img{ border: 0px; height: 50px; }




/* menu style ========================================= */
.menuM, .menuOpen{ display: none; }
.nav { clear: both; display: block; position: absolute; left: 200px; bottom: 15px;  height: 40px; line-height: 40px; text-transform: uppercase; }
.nav li { display: inline-table; float: left; position: relative; margin-right: 30px; }
.nav li a{ font-weight: bold; font-size: 16px; }
.nav li.last { background: none;}
.nav .on{ clear: both; display: block; color: #B5E582; }
.nav li:hover a{ color: #B5E582; clear: both; display: block; width: 100%; text-align: center;}

.nav li.selected .submenu { display: block;}
.nav li .submenu { display: none; position: absolute; top: 40px; left: 0px; width: 250px; z-index: 10000; background: #3a5385; border-radius: 7px; }
.nav li .submenu a { clear: both; display: block; width: 100%; text-align: left; text-indent: 1em; height: 45px; line-height: 45px; color: #fff; font-size: 14px; }
.nav li .submenu div strong a:hover { background: #fff; color: #3a5385; text-decoration: none;}
.nav li .submenu div span a{ display: block; width: 100%; font-size: 12px; height: 27px; line-height: 27px; text-indent: 2em; color: #ddd; font-weight: normal; }
.nav li .submenu div span a:hover{ text-decoration: underline; }
/*
.nav li span:hover{ }
.nav li span:hover a{ text-decoration: none;}
.nav li span {}
.nav li span .on {}
.nav li span a { font-size: 15px;}
*/


/* iconfont */
.headLink{ position: absolute; right: 340px; top: 15px; display: flex; flex-wrap: wrap; }
.headLink a{ display: flex; flex-direction: column;  margin-left: 15px; cursor: pointer; }
.headLink a .icon{ width: 20px; height: 20px; color: #fff; }
.headLink a span{ display: none; position: absolute; right: 0px; top: 20px; padding: 10px; background: rgba(0,0,0,1); z-index: 200; width: 270px; border-radius: 8px; font-size: 16px; }
.headLink a:hover span{ display: flex; flex-wrap: nowrap; transition: all 0.5s; justify-content: center; }


.headOther{ position: absolute; right: 0px; top: 10px; display: flex; font-size: 16px; justify-content: end; }
.headOther .icon{ width: 30px; height: 20px; margin-right: 5px; }
.headTel{ display: flex;  justify-content: center; align-items: center; margin-right: 20px; }
.headLan{ display: flex;  justify-content: center; align-items: center; margin-right: 20px;}
.headLan a{ display: flex;  justify-content: center; align-items: center; }


/* banner */
.swiper-container { width: 100%; height: 650px; overflow: hidden;}
.swiper-slide .curimg{width: 100%; height: 100%; border: 0; z-index: 100;}
.swiper-slide .curimg img{ border: 0px; width: 100%; height: 100%; }
.swiper-slide .curtxt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; align-items: center; justify-content: center; flex-direction: column; display: flex; }
.swiper-slide h2{ font-size: 38px; color: #fff; margin: 0px; padding: 0px; text-shadow: 1px 1px 1px #555; }
.swiper-slide p{ color: #B5E582; font-size: 25px; margin: 30px 0px; padding: 0px; }
.swiper-slide a{ color: #B5E582; font-size: 18px; padding: 20px 50px; margin-top: 30px; border: 2px solid #B5E582; border-radius: 5px; text-decoration: none; }


/* index ad text */
.index_text{ display: flex; justify-content: space-between; margin: 30px 0px; padding: 50px 0px; box-sizing: border-box; border-top: 1px solid #b5e582; border-bottom: 1px solid #b5e582; }
.index_text_text{ display: flex; width: 33%; align-items: center; justify-content: center; color: #e2f5ea; font-size: 22px; }
.index_text_text a{ background: #3a5385; color: #fff; padding: 20px 40px; border-radius: 8px; transition: all 0.4s; }
.index_text_text a:hover{ background: #B5E582; color: #3a5385; transition: all 0.4s; }



/* index */
.indexChannel{ display: flex; width: 100%; padding: 0px 2.5%; box-sizing: border-box; justify-content: space-between; margin: 40px 0px; }
.indexChannelOne{ display: flex; width: 30%; height: 350px; position: relative; }
.indexChannelImg{ position: absolute; left: 0; top: 0; width: 100%; height: 350px; z-index: 100; }
.indexChannelImg img{ border: 0px; width: 100%; height: 100%; }
.indexChannelTxt{ background: rgba(0,0,0,0.3); box-sizing: border-box; padding: 60px 30px 30px 30px; position: absolute; left: 0px; top: 0px; width: 100%; height: 350px; z-index: 200; display: flex; flex-direction: column; justify-content: flex-start;}
.indexChannelTxt .indexChannelTitle{ font-size: 40px; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;  }
.indexChannelTxt .indexChannelList{ clear: both; display: block; padding-top: 20px; }
.indexChannelTxt .indexChannelList a{ clear: both; display: block; line-height: 30px; font-size: 16px; color: #edf4f0; text-shadow: 1px 1px 1px #666;  }


.indexProduct{ display: flex; flex-direction: column; width: 100%; padding: 0px 2.5%; box-sizing: border-box;}
.indexProduct .subCases{ margin-top: 20px; }
.indexProduct .subCases li div a{ border: 1px solid #3a5385; }


/* copyright */
.copyOther{ display: flex; width: 100%; padding:20px 2.5%; box-sizing: border-box; justify-content: space-between; border-top: 1px solid #3a5385; }

.copyContact{ display: flex; flex-direction: column; width: 430px; margin-right: 30px;}
.copyContact li{ clear: both; display: flex; margin-top: 20px; }
.copyContact li .icon{ display: flex; width: 30px; height: 30px; margin-right: 16px; font-size: 24px; }
.copyContact li span{ display: flex; flex: 1; font-size: 15px; color: #e2f5ea; }



.copyMenu{ display: flex; flex: 1; justify-content: space-between; }
.copyMenuOne{ display: flex; flex-direction: column; }
.copyMenuTit{ clear: both; display: block; font-size: 16px; color: #e2f5ea; text-transform: uppercase; }
.copyContactName{ clear: both; display: block; font-size: 18px; font-weight: bold; margin: 15px 0px; }
.copyMenuList{ clear: both; display: block; margin-bottom: 20px; }
.copyMenuList li{ clear: both; display: block; height: 30px; line-height: 30px; }
.copyMenuList a{ clear: both; display: block; color: rgba(255,255,255,0.45); font-size: 14px; }
.copyMenuList a:hover{ clear: both; display: block; color: #b5e582; }



.copyInfo{ clear: both; display: block; border-top: 1px solid #3a5385; padding: 20px 0px; font-size: 14px; }
.copyInfoC{ display: flex; justify-content: space-between; width: 100%; color: #e2f5ea; padding: 0px 2.5%; box-sizing: border-box; }
.copytext{ display: flex; }
.copySupport{ display: flex; }


/* =========== sub page content  */

.left{ display: flex; flex-direction: column; width:300px; margin-right: 20px; }
.right{ display: flex; flex-direction: column; flex: 1; border: 1px solid #ddd; }
.right a:hover{ text-decoration:underline;}
.indexContent{ display: flex; justify-content: space-between; width: 100%; box-sizing: border-box; background: #fff; padding: 35px 2.5%; color: #3a5385; }
.indexContent a{ color: #3a5385; font-size: 16px; }
.clear{ clear:both; display:block;}



.pageBanner{ clear: both; display: block; width: 100%;  position: relative; }
.pageBanner span{ clear: both; display: block; width: 100%; z-index: 100; }
.pageBanner img{ border: 0px; width: 100%; }
.pageBanner p{ clear: both; display: flex; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; margin: 0px; padding: 0px; z-index: 200; align-items: center; justify-content: center; font-size: 40px; text-transform: uppercase; text-shadow: 0px 1px 2px #3a5385; color: #FFF; }

/* sub left style */
.leftTit{ clear:both; display: block; height: 50px; line-height: 50px; background: #3a5385; text-indent: 1em; font-size: 16px; color: #fff; text-transform: uppercase; }

.leftList{ display: flex; width: 100%; background: #edf4f0; }
.leftList ul{ display: flex; width: 100%; flex-direction: column; margin: 0px 15px; padding: 15px 0px; box-sizing: border-box; }
.leftList li{ display: flex; flex-direction: column; margin-bottom: 15px; }
.leftList li strong a{ display: flex; width: 100%; line-height: 45px; background: rgba(0,0,0,0.15); border-radius: 3px; color: #3a5385; text-indent: 1em; }
.leftList li span a{ display: flex; width: 100%; line-height: 30px; text-indent: 1em; }
.leftList li a:hover{ color: #fff; background: #3a5385; transition: all 0.4s; }
.leftList .cur strong a{ color: #fff; background: #3a5385; transition: all 0.4s; }



.leftContactTit{ clear:both; display: block; border: 1px solid #ddd; border-bottom: none; margin-top: 20px; }
.leftContactTit img{ border: 0px; width: 100%; }
.leftContact{ clear:both; display: block; background: #f4f4f4; border: 1px solid #ddd; margin-bottom: 12px; padding: 15px; border-top: none; }



/* sub right style */
.location{ clear:both; display: block; height: 50px; line-height: 50px; background: #3a5385; text-indent: 1em; font-size: 16px; color: #fff; text-transform: uppercase; }
.locationName{ float: left; display: block; text-indent: 1em; font-size: 16px; }
.locationURL{ float: right; display: block; margin-right: 15px; font-size: 12px; }
.locationURL a{ color: rgba(255,255,255,0.6); }



/* sub news list */
.subNews{ clear:both;}
.subNews li{ clear:both; display:block; height:45px; line-height:45px; text-indent:1em; border-bottom:1px dashed #e3e3e3; font-size:14px;}
.subNews li span{ float:right; margin-right:5px;}
.title{ clear:both; line-height:60px; font-size:24px; font-weight:bold; overflow: hidden; }
.subNewsContent{ clear:both; display: block; margin: 20px 0px; font-size: 14px; color: #666; }
.subNewsContent img{ border: 0px; max-width: 100%; height: auto; }
.protext{ clear:both; margin:10px 0px;}

/* sub Download list */
.subDownload{ clear:both;}
.subDownload li{ display: flex; line-height:45px; border-bottom:1px dashed #e3e3e3; font-size:14px; padding: 10px 20px;}
.subDownload li span{ display: flex; flex: 1; margin-right: 20px; font-size: 14px; }
.subDownload li a{ display: flex; padding: 0px 10px; font-size: 16px; background: linear-gradient(180deg, #f8f8f8, #ccc); border: 1px solid #e3e3e3; border-radius: 8px; }
.subDownload li a:hover{ background: #ccc; text-decoration: none; }



/* sub pic list */
.subCases{ clear: both; display: block; }
.subCases ul{ display: flex; width: 100%; flex-wrap: wrap; justify-content: start; }
.subCases li{ display: flex; flex-direction: column; width: 23%; margin-right: 2.66% }
.subCases li:nth-child(4n){ margin-right: 0px; }
.subCases li div a{ display: flex; width: 100%; height: 200px; justify-content: center; align-items: center; /* border: 1px solid #e3e3e3; */ overflow: hidden; box-sizing: border-box; }
.subCases li div img{ border: 0px; max-width: 100%; max-height: 100%; }
.subCases li span{ display: flex; line-height: 30px; margin: 10px 0px; justify-content: center; align-items: center; }


/* sub product list */
.productContent{ clear: both; display: block; width: 1200px; margin: 15px auto; border: 1px solid #e3e3e3; }
.subProlist ul{ display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
.subProlist li{ display: flex; width: 48%; margin: 20px 0; padding: 10px; border: 1px solid #e3e3e3; box-sizing: border-box; }

.subProlistPic{ display: flex; width: 150px; box-sizing: border-box; margin-right: 20px; }
.subProlistPic a{ clear: both; display: block; width: 100%; border: 1px solid #e3e3e3;}
.subProlistPic img{ clear: both; display: block; border: 0px; width: 100%; max-height: 100%; }

.subProlistTxt{ display: flex; flex: 1; flex-direction: column; }



/* sub right products content style */
.proTop{ display: flex; flex-direction: column; margin:15px 0px;}
.proPic{ display: flex; width:90%;  margin: 10px auto; border:1px solid #e3e3e3; text-align:center; }
.proPic img{ border:0px; max-width:100%; }

.proMiaoshu{ display: flex; flex-direction: column; flex: 1; }


.borderBorder{ border-collapse: collapse; line-height: 28px; text-align: left; margin: 15px 0px; }
.borderBorder td{ padding: 0px 3px 0px 8px; }
.borderBorder strong{ clear: both; display: block; width: 100%; text-align: center; }

/* sub style start */

.subContent{ clear:both; margin:15px;}

.subProImgPic{ clear:both; text-align:center;}
.subProImgPic img{ border:0px; max-width:580px; max-height:250px;}


.page{ clear:both; display:block; margin:15px 0px; font-size:16px; text-align: center; }
.page a:nth-child(1){ display: none; }
.page a{ display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; background: #f7f7f7; border: 1px solid #e3e3e3; }
.page b{ display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; background: #fc5a0a; border: 1px solid #e3e3e3; color: #FFF; }
.preNext{ display: flex; flex-direction: column; margin:10px 0px; padding-top:10px; border-top:1px solid #e3e3e3;}





@media screen and (max-width:1000px){
	.top{ display: flex; background: rgba(255,255,255,1); padding: 0px; }
	.topC{ display: flex; width: 100%; margin: 0px; padding: 0px; }
	.topC{ display: flex; width: 100%; justify-content: space-between; align-items: center; }
	.logo{ display: flex; position: unset; margin-left: 15px; }
	.nav{ display: none;}
	.menuM{ display:none;	position: fixed; flex-direction: column; right: 0px; top: 0px; width: 100%; padding: 20px; box-sizing: border-box; height: 100%; background: #fff; z-index: 600; }
	.menuM li strong a{ display: flex; flex-direction: column; color: #3a5385; font-size: 18px; margin-top: 20px; }
	.secMenu{ display: flex; flex-direction: column; margin-left: 20px; }
	.secMenu a{ font-size: 16px; color: #666; }
	.thirdMenu{ display: flex; flex-wrap: wrap; }
	.thirdMenu span{ display: flex; width: 50%; }
	.thirdMenu a{ display: flex; width: 100%; font-size: 13px; color: #999; }


	
	
	.menuOpen{ display: flex; position: fixed; top: 25px; right: 10px; z-index: 400;}
	.menuOpen img{ border: 0px; width: 40px; height: 40px; }
	
	.menuClose{ position: fixed; top: 25px; right: 10px; z-index: 500;}
	.menuClose img{ border: 0px; width: 40px; height: 40px; }
	
	.headLink{ display: none; }
	.headOther{ position: unset; }
	.headOther .icon{ width: 45px; height: 40px; }
	.headLan{ position: unset; color: #333; }
	.headLan a{ display: flex; align-items: center; color: #333; }
	.headTel{ display: none; }
	

	
	.index_text{ flex-direction: column; }
	.index_text_text{ justify-content: center; width: 100%; margin-bottom: 20px; }
	.index_text_text:last-child{ margin-bottom: 0px; }
	
	.indexChannel{ flex-direction: column; }
	.indexChannelOne{ width: 100%; margin-bottom: 2.5%; }
	
	
	.swiper-slide .curtxt{ position: unset; display: flex; justify-content: center; align-items: center; }
	.swiper-slide h2{ width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 40px; }
	
	/* sub page style */
	.pageBanner{ display: none; }
	
	
	.indexContent{ flex-direction: column; }
	
	.left{ width: 100%; }
	.leftTit{ display: none; }
	.leftList{ background: none; }
	.leftList ul{ flex-direction: column; flex-wrap: wrap; margin: 0px 0px; padding: 0px; }
	.leftList ul li a{ padding: 0px 10px; margin-right: 20px; height: 30px; line-height: 30px; font-size: 12px; }
	
	
	
	.right{ border: 0px; }
	.location{ display: none; }
	.subContent{ margin: 0px; padding: 0px; }
	
	.subCases ul{ justify-content: space-between; }
	.subCases li{ width: 48%; margin-right: 0px; }
	/*.subCases li:nth-child(2n){ margin-right: 0px; } */
	
	.subProlist{ flex-direction: column; }
	.subProlist li{ width: 100%; margin: 0px 0px 10px 0px; padding: 0px; border: none; }
	.proTop{ margin: 0px; width: 100%; flex-direction: column;}
	.proPic{ width: 100%; margin-right: 0px; }
	.proPic img{ border: 0px; margin: 0px auto;}
	
	
	.copyOther{ flex-direction: column; }
	.copyContact{ width: 100%; }
	.copyMenu{ display: none; }
	.copyInfoC{ flex-direction: column; }
}