@charset "utf-8";
body{margin:0px; padding: 0px; list-style: none;background-color: #ffffff;font-size:17px;line-height: 28px;}
p{margin:0px;padding:0px;}

/*显示主体部分通用样式*/
.main{ font-size: 14px; line-height: 30px; text-align: left;}
.ArticleTitle{text-align: center;font-size:20px; line-height: 50px;}
.ArticleInfo{font-size:12px;line-height: 40px;color:#666666;text-align: center;}
.ArticleContent{font-size:14px;text-align: left;}
.ArticleContent ul{margin:auto;padding:auto; list-style:inherit;}
.ArticleContent ul li{margin:auto;padding:initial;list-style:inherit;}
/*table隔行显示不同颜色*/
.ArticleContent table tr:nth-child(odd){background:#f3f3f3;}
.ArticleContent table tr:hover{background:#dfdfdf;}

.ArticleContent table td{padding-top: 2px;padding-right: 4px;padding-left: 4px;padding-bottom: 2px;}
.ArticleContent table{ margin-left:auto; margin-right: auto;}
.ArticleContent table,.main table td{border-collapse:collapse; border:solid #cccccc;	border-width:1px 1px 1px 1px;}
.ArticleContent img{ max-width:100%; height:auto;}

/*路径样式---------------------------------------------------------------------------------------*/
.pathList {}
.pathList a{font-size: 14px;line-height: 25px;color: #666666;text-decoration: none;}
.pathList span{font-size: 14px;line-height: 25px;color: #AFAFAF;text-decoration: none;}
/*以上通用样式不能随便修改------------------------------------------------------*/


/*底部样式，自行修改-------------------------------------------------------------------------------*/
.web-floor {
	background-color: #0043AB;padding-bottom: 40px; padding-top: 40px; width:100%;display: inline-block;
}
.web-floor div,.web-floor a,.web-floor a:visited,.web-floor a:hover{
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color: #ffffff;
}
.sub-input-box{border:1px solid #ffffff;background-color: #ffffff;margin-top:15px;}
.sub-input-box input{border:0px;line-height: 60px;width: 100%;margin:0px;padding: 10px 20px;list-style: none;height: 60px;background-color: #344E7C;color:#ffffff;}



@media screen and (min-width:1px){
	.web-hand{padding:0px 30px;text-align: center;margin-top:30px;height:70px;}

	.left-line{border-left: 0px solid #ffffff; height: auto;display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}
	.right-line{border-right: 0px solid #ffffff;height: auto;display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}
	.sub-btn{margin:0px;padding: 2px 70px;list-style: none;color:#ffffff;line-height: 45px;border-radius: 30px;background-color: #344E7C;border: 1px solid #ffffff;margin-top:15px;font-size:14px;}
	.index-logo{padding-top:0px;height:240px;width: auto;}
	.right-menu{position: fixed; right:5px;bottom:5px; z-index: 66666;}
	.mobile-top{margin-top:30px;}
	.pro-top-pro{text-align: center;padding:30px 0px;}


	.index-logo-title-box{position:absolute;bottom:10px; left:0px;width:100%;}
.index-logo-title ul{width:100%;border-right: 1px solid #344E7C;display: inline-block;}
.index-logo-title ul li{width:50%;float:left;border-left: 1px solid #344E7C;}
.index-logo-title-cn{font-size:16px;color:#344E7C;text-align: center;}
.index-logo-title-en{font-size:8px;color:#344E7C;text-align: center;}

.color-img-box{text-align: center;margin-top: 30px;}
.color-img-box ul{display: inline-block; }
.color-img-box ul li{float:left;width:60px;}
.color-btn{width:50px;height: 50px;border-radius: 25px;display: block;cursor: pointer;border: 1px solid #AFAFAF;}


.arealist ul li{width:calc(50% - 6px);float:left;background-color:rgba(225,227,238,0.2);padding:45px 0px;margin:3px; min-height: 280px;}


.news-list ul li .news-img{width:100%;height: auto; float:none;}
.news-list ul li .newlist-txt{width: 100%; float:none;}
.newlis-title{color:#344E7C;font-size:22px;line-height: 40px;}
.newslist-date{font-size:16px;line-height: 30px;color:#606060;}
.newlist-content{font-size:14px;line-height:20px;color:#606060;}
}
@media screen and (min-width:980px){
	.web-hand{padding:0px 80px;text-align: center;margin-top:30px;height:70px;}

	.left-line{border-left: 1px solid #ffffff; height: 100px;display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}
	.right-line{border-right: 1px solid #ffffff;height: 100px;display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}
	.sub-btn{margin:0px;padding: 2px 70px;list-style: none;color:#ffffff;line-height: 45px;border-radius: 30px;background-color: #344E7C;border: 1px solid #ffffff;margin-top:65px;font-size:14px;}

	.pro-top-pro{text-align: center;padding:20px 0px;}
	.pro-top-pro img{max-height: 250px; width:auto;}
	.index-logo{padding-top:50px;height: 300px;width: auto;}

	.right-menu{position: fixed; right:20px;bottom:45%; z-index: 66666;}
	.mobile-top{margin-top:0px;}

	.index-logo-title-box{position:absolute;bottom:20px; left:0px;width:100%;}
.index-logo-title ul{width:100%;border-right: 1px solid #344E7C;display: inline-block;}
.index-logo-title ul li{width:50%;float:left;border-left: 1px solid #344E7C;}
.index-logo-title-cn{font-size:18px;color:#344E7C;text-align: center;}
.index-logo-title-en{font-size:12px;color:#344E7C;text-align: center;}

.arealist ul li{width:calc(33.33% - 6px);float:left;background-color:rgba(225,227,238,0.2);padding:45px 0px;margin:3px;min-height: auto;}


.news-list ul li .news-img{width:240px;height: 128px; float:left;}
.news-list ul li .newlist-txt{width: calc(100% - 260px); float: right;}

.newlis-title{color:#344E7C;font-size:27.5px;line-height: 40px;}
.newslist-date{font-size:19.5px;line-height: 30px;color:#606060;}
.newlist-content{font-size:19.5px;line-height: 30px;color:#606060;}

}

@media screen and (min-width:1200px){
	.web-hand{padding:0px 80px;text-align: center;margin-top:50px;height:70px;}

	.pro-top-pro{text-align: center;padding:30px 0px;}
	.pro-top-pro img{max-height: 350px; width:auto;}
	.index-logo{padding-top:80px;height: 320px;width: auto}

	.index-logo-title-box{position:absolute;bottom:20px; left:0px;width:100%;}

	.index-logo-title ul{width:100%;border-right: 1px solid #344E7C;display: inline-block;}
	.index-logo-title ul li{width:25%;float:left;border-left: 1px solid #344E7C;}
	.index-logo-title-cn{font-size:20px;color:#344E7C;text-align: center;}
	.index-logo-title-en{font-size:12px;color:#344E7C;text-align: center;}


}
@media screen and (min-width:1600px){
	.web-hand{padding:0px 80px;text-align: center;margin-top:50px;height:70px;}


	.index-logo-title-box{position:absolute;bottom:120px; left:0px;width:100%;}
	.pro-top-pro{text-align: center;padding:60px 0px;}
	.pro-top-pro img{max-height:400px; width:auto;}
	.index-logo{padding-top:0px;height: 320px;width: auto;}

	.index-logo-title ul{width:100%;border-right: 1px solid #344E7C;display: inline-block;}
	.index-logo-title ul li{width:25%;float:left;border-left: 1px solid #344E7C;}
	.index-logo-title-cn{font-size:25px;color:#344E7C;text-align: center;}
	.index-logo-title-en{font-size:12px;color:#344E7C;text-align: center;}

	.color-img-box{text-align: center;margin-top: 30px;}
.color-img-box ul{display: inline-block; }
.color-img-box ul li{float:left;width:100px;}
.color-btn{width:80px;height: 80px;border-radius: 40px;display: block;cursor: pointer;border: 1px solid #AFAFAF;}
}


/*网站新的开始*/
.index-hand{ position:fixed; width:100%;top:0px;left:0px;z-index: 666666;}
.logo{padding-top:12px;}

.hand-btn{height: 70px;}
.hand-btn ul{display: inline-block;}
.hand-btn ul li{float:left;}
.hand-btn ul li a,.hand-btn ul li a:hover{color:#344E7C;font-size: 16px;line-height: 20px; padding:10px 15px 20px 15px;display: block; text-decoration: none;}
.hand-btn ul li.OnBtn a{color:#ffffff;font-size: 16px;line-height: 20px; padding:10px 15px 20px 15px;background-color:#344E7C;display: block;}
/* .hand-about-btn{} */
.hand-about-btn ul li{float:left;margin-left:26px;padding-top:15px;}
.hand-about-btn ul li a,.hand-about-btn ul li a:hover{color:#344E7C;font-size: 14px;line-height: 20px;text-decoration: none;}

.section{position: relative;}
.index-pro-title{text-align: center; color:#ffffff;font-size:32px; line-height: 41px;}

.pro-top-box{width:100%;padding:50px 0px 80px 0px;}
.pro-title{text-align: center; color:#ffffff;font-size:32px; line-height: 41px;}

.pro-top-ico{text-align: center;width:900px;max-width: 100%;margin: 0px auto;}
.pro-top-ico a,.pro-top-ico a:hover{width:220px;color:#ffffff;border: 1px solid #ffffff;border-radius:30px;line-height: 55px;display: block;text-decoration: none;display: inline-block;}
.pro-num{width:auto;max-width: 100%;max-height: 62px;}

.bg-color{background-color: #E1E3EE;}
.box-padding{padding:120px 0px;}


.pro-info-title{ color:#1D4565;padding:0px 0px 20px 0px;font-size:26px;min-height: 55px;}
.pro-info-title-line{border-bottom:#1D4565 1px solid;margin-bottom: 15px;}
.pro-txt-color{color:#1D4565;}

.tech-txt{width:calc(100% - 150px);background-color:rgba(52,78,124,0.24);font-size:14px;text-align: right;color:#717071;font-weight: 100pro-top-ico;}





.pro-img-title-bg{background-color: #344E7C;text-align: center; padding:40px 0px 10px 0px;}.pro-img-title-bg img{max-width: 100%;}
/* 
.pro-num{width:550px;max-width: 100%;} */

.top-title{text-align: center;margin:40px 0px 20px 0px;width: 100%;}
.top-title img{width:auto;height: 100px;}

.arealist{margin-top:45px;display: inline-block; padding-bottom: 60px;}

.arealist-icon{text-align: center; height: 65px;}
.arealist-title{font-size:24px;line-height: 40px;text-align: center;}
.arealist-txt{font-size:12px;text-align: center}

.about-box{padding:65px 0px 100px 0px;}
.about-txt{border-top:4px solid #006096;border-left:4px solid #006096;border-right:4px solid #006096;width:1081px;max-width: 100%;margin-left:auto;margin-right:auto;padding:40px;color:#606060;}
.about-img{width:1081px;max-width: 100%;margin-left:auto;margin-right:auto;margin-top:10px;}

/* 
<div class="width-100 display-inline-block">
<div class="float-left service-img"><img src="{$img}"/></div>
<div class="float-right service-box">
<div class="service-title">{$x_className}</div>
<div class="service-txt">{$content}</div>
<div class="service-download">{$download-0}</div>
</div>
</div> */
.service-img{width:50px;}
.service-box{width:calc(100% - 50px);}
.service-title{font-size:24px;line-height: 40px;color:#606060;}
.service-txt{font-size:14px;color:#606060;}

.bg-logo{background-image: url(images/bg-logo.png);background-repeat: no-repeat; background-position: left bottom; }

.about-news{padding:60px 0px;min-height: 700px;}

.news-list{}
.news-list ul li{border-bottom: 1px solid #cccccc;display: inline-block;width: 100%;padding:20px 0px;}




.download{}
.download a{color:#606060;display: block;border-radius: 20px;line-height: 35px;border: 1px solid #606060;text-align: center;padding:3px 20px; display: inline-block;}




.right-menu ul li{position: relative; width:50px; height: 50px;margin-top:4px;}
.right-menu ul li a{ width:50px; height: 50px;display: block; background-color: #216f91;color:#ffffff;text-align: center;text-decoration: none;}
.right-menu ul li span{font-size:40px;line-height: 50px;}
.right-menu ul li .rm-txt{position: absolute;right:60px;top:10px;width:80px;text-align: right;font-size:14px;display: none;}
.right-menu ul li:hover .rm-txt{position: absolute;right:60px;top:10px;width:80px;text-align: right;font-size:14px;display: inline;}

.menu-btn{ padding-top:20px} .menu-btn span{font-size:30px;line-height: 30px;}

.mobile-menu{position: fixed;top:0px;left:0px;width:100%;height:100%;z-index: 888888;background-color:#006096; display: none;}
.closemenu{text-align: right;padding-top:10px;padding-right: 10px;} .closemenu span{color:#ffffff;font-size: 40px;line-height: 40px;}
.mobile-menu-list{margin-top:5px;}
.mobile-menu-list ul li{padding:4px 0px;}
.mobile-menu-list ul li a{font-size:30px;line-height: 55px;color:#ffffff;text-decoration: none;}
/* .mobile-about-btn{} */
.mobile-about-btn  ul li{float: left;width:33.33%;text-align: center;}
.mobile-about-btn  ul li a{font-size:20px;line-height: 30px;color:#ffffff;text-decoration: none;}