/*css*/
@import "common.css";
body{ background-color:#ffffff;}

/*区块样式*/
.area1150{width:1150px; height:auto;margin:0 auto;}

/*页眉区块样式*/
.topmblock{background-color:#162C7C; width:100%; height:30px; margin:0 auto; text-align:center;}
.topmblock_m{ float:left; text-align:left; width:500px;}
.topmblock_m li{float:left; color:#818FC1;font-size:12px; line-height:30px; margin-right:20px;}
.topmblock_m li font{font-size:12px; color:#818FC1;line-height:30px; }

.searchformtop{float:right;width:600px; text-align:right; padding-top:8px;}
.searchformtop a img{ max-height:15px;}

/*logo区块样式*/
.topblock{background-color:#203993; width:100%; height:80px; margin:0 auto; text-align:center; border-bottom:#6F7CAB 6px solid;}

/*logo*/
.logo{float:left; width:270px; height:80px; overflow:hidden;}



/*内页主体区块宽度控制*/
.blockcommon{width:100%; margin:0 auto;}
.blockcommon_l{width:270px; float:left;}
.blockcommon_r{width:860px; float:right;}




/*主导航*/
.navmenu{margin:0 auto;float:right; width:880px; text-align:right;}

#jsddm {
	margin: 0;
	padding:0;
	margin:0 auto; text-align:center;
	background-color:#203993;
	
}
#jsddm li {
	float: left;
	list-style: none;
	height:80px;
	line-height:80px;
}
#jsddm li a {
	display: block;
	text-align:center; font-size:20px;
	background: #203993;
	height:80px;
	line-height:80px;
	text-decoration: none;
	border-right:0px solid #0364C7;
	width:145px;
	color: #ffffff;
	white-space: nowrap
}
#jsddm li a:hover {
	background: #0558AC;
}
#jsddm li ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #0364C7;
	position: absolute;
	visibility: hidden;
	z-index:9999;
}
#jsddm li ul li {
	float: none;
	width:145px;
	display: inline
}
#jsddm li ul li a {
	width:145px;
	font-size:12px;
	height:30px;
	line-height:30px;
	background: #0558AC;
	color: #ffffff;
	border-bottom: 1px solid #0364C7;
	border-right:0px solid white;
}
#jsddm li ul li a:hover {
	background: #01478E;
}

/*按钮样式*/
	.grebtn{
		display: inline-block;
		padding: 0.5em 2em;
		border: 1px solid;
		border-radius: 2px;
		vertical-align: bottom;
		font-weight: inherit;
		border-color: #01478E #01478E;
		background-color: #0558AC;
		box-shadow: inset 0 0 1px rgba(255,255,255,.6), 0 1px #01478E;
		color: #fff;
		text-shadow: 0 -1px #01478E;
		margin: 0px auto;
	}
	
	

/*首页产品*/
.prolistPICHome{width:1135px;margin:0 auto; overflow:hidden; margin-top:20px; padding-left:15px;}
.prolistPICHome li{margin-right:25px;margin-bottom:15px; float:left; display:inline;}
.prolistPICHome li a{ display:block; width:202px; height:202px; overflow:hidden; border:#efefef 1px solid;border-radius:10px;}
.prolistPICHome li a img{ max-width:202px; max-height:202px;}					
.prolistPICHome li a:hover{border:#ff6600 1px solid;}
.prolistPICHome li a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;}
.prolistPICHome li a:hover img{transform:scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}	
.prolistPICHome li span{ display:block; width:202px; height:50px; font-size:14px; line-height:22px; text-align:center; padding-top:6px;}

/*20220120添加*/
.prolisthome{width:1150px; margin:10px 0 20px 0;}
.prolisthome a{display:inline-block;margin:0 10px; width:202px; height:260px;}
.prolisthome a p{width:202px; height:202px;overflow:hidden;border:#efefef 1px solid;border-radius:10px;}
.prolisthome a p img{max-width:202px; max-height:202px;}
.prolisthome a p:hover{border:#ff6600 1px solid;}
.prolisthome a p img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;}
.prolisthome a p img:hover{transform:scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
.prolisthome a span{display: block;width: 202px;height: 50px;font-size: 14px;line-height: 22px;text-align: center;padding-top:8px;}
	

/*首页客户20220120*/
.colisthome{width:1150px;margin:10px 0 10px 0;}
.colisthome a{display:inline-block;margin:0 10px 20px 10px; width:202px; height:107px;overflow:hidden;border:#efefef 1px solid;}
.colisthome a img{max-width:200px;}
.colisthome a:hover{border:#ff6600 1px solid;}
.colisthome a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;}
.colisthome a img:hover{transform:scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}

/*页面路径*/
.pathblock{background-color:#162C7C; width:100%; height:36px; margin:0 auto; text-align:center; margin-bottom:20px;}
.pathblock1{ float:left; text-align:left; width:800px;color:#ffffff;font-size:12px; line-height:36px;}
.pathblock2{float:right;width:350px; margin:0 auto; text-align:right;}
.pathblock2 a{ display:block; width:40px; height:36px; float:right;}
.pathblock2 a font{  text-align:left;color:#ffffff;font-size:16px; line-height:36px;}



/*产品*/
.proview{width:400px; float:right; text-align:left; overflow:hidden;}
.proview h4{color: #555;
	font-size: 24px;
    font-weight:600;
    margin-bottom: 10px;}
	
.proview p{		
	font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
	margin-bottom: 20px;
    font-size:16px;
	color: #777777;
    font-weight:400; 
	max-height:192px;/*8行；7行= max-height:192px;*/
	overflow:hidden;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ff6600;
    border-color: #ff6600;
    border-color: #ff6600 #ff6600 #ff6600;
}

.btn-primary:hover{color: #ffff00;}

.btn{
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571;
}
.btn-md{
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
}

/*产品介绍*/
.procontent{ width:860px; margin:0 auto; text-align:left; overflow:hidden;}
.procontentbt{ width:100%; margin:0 auto;height:40px; line-height:40px; text-align:left;}

.procontentbt h4{ display:inline;float:left; width:130px; height:40px; line-height:40px; font-weight:bold; text-align:center; border-left:#eee 1px solid;border-top:#eee 1px solid;border-right:#eee 1px solid; border-radius: 10px 10px 0px 0px;}
.procontentbt span{display: inline; width:727px;height:40px; line-height:40px; float:right;border-bottom:#eee 1px solid;}

.procontentdiv{
width:818px;border-left:#eee 1px solid;border-bottom:#eee 1px solid;border-right:#eee 1px solid; text-align:left; margin:0 auto; padding:20px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
}

/*关联产品*/
.procontentRelated{ width:860px; margin:0 auto; text-align:left; overflow:hidden;}
.procontentRelatedbt{ width:100%; margin:0 auto;height:40px; line-height:40px; text-align:left;}
.procontentRelatedbt h4{ display:inline;float:left; width:210px; height:40px; line-height:40px; font-weight:bold; text-align:center; border-left:#eee 1px solid;border-top:#eee 1px solid;border-right:#eee 1px solid; border-radius: 10px 10px 0px 0px;}
.procontentRelatedbt span{display: inline; width:647px;height:40px; line-height:40px; float:right;border-bottom:#eee 1px solid;}

.procontentRelateddiv{
width:818px;border-left:#eee 1px solid;border-bottom:#eee 1px solid;border-right:#eee 1px solid; text-align:left; margin:0 auto; padding:20px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
}

/*关联产品图列表*/
.prorelatedPIC{width:820px;margin:0 auto; overflow:hidden;}
.prorelatedPIC li{margin-right:20px; float:left; display:inline;}
.prorelatedPIC li a{ display:block; width:188px; height:188px; overflow:hidden; border:#efefef 1px solid;border-radius:10px;}
.prorelatedPIC li a img{ max-width:188px; max-height:188px;}
						
.prorelatedPIC li a:hover{border:#ff6600 1px solid;}
.prorelatedPIC li a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;}
.prorelatedPIC li a:hover img{transform:scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}	
					
.prorelatedPIC li span{ display:block; width:190px; height:30px; font-size:14px; line-height:30px; text-align:center;}

/*产品分类*/
.probt{height:38px; line-height:38px; border-radius: 6px 6px 0 0;background: #f5f5f5;
    border: 1px solid #ddd; text-align:left; background-color:#F5F5F5; color:#777777; font-size:14px; font-weight:bold; padding-left:15px;}
	
.psortlist{padding:10px 15px 15px 15px; text-align:left;border-bottom: 1px solid #ededed;border-left: 1px solid #ededed;border-right: 1px solid #ededed;border-radius: 0 0 6px 6px; background-color:#FBFBFB;}
			
.psortlist li{line-height:35px; height:35px; border-bottom:#efefef 1px solid; padding:0 20px;}
.psortlist li:hover{ background-color:#ff6600; color:#ffffff;}
			
.psortlist li a{display:block; width:100%;font-size:14px; line-height:35px; height:35px;}	
.psortlist li a:hover{ color:#ffffff;}

.Curlia{ background-color:#ff6600;}
.Curlia a{ color:#ffffff;}


/*产品列表*/
.prolist{ width:850px; margin:0 auto; text-align:left; overflow:hidden;}
.prolistbt{ width:100%; margin:0 auto;height:40px; line-height:40px; text-align:left;border-bottom:#eee 1px solid;}
.prolistbt h4{
display:inline;float:left; padding:0 20px; height:38px; line-height:38px; font-size:16px; color:#203993; font-weight:600; text-align:center; 
border-left:#eee 1px solid;border-top:#eee 1px solid;border-right:#eee 1px solid; border-radius: 10px 10px 0px 0px;border-bottom:#203993 2px solid;}
.prolistbt span{display: inline; height:40px; line-height:40px;float:right;}


.prolistPIC{width:850px;margin:0 auto; overflow:hidden; margin-top:20px;}
.prolistPIC li{margin-right:20px;margin-bottom:15px; float:left; display:inline;}
.prolistPIC li a{ display:block; width:195px; height:195px; overflow:hidden; border:#efefef 1px solid;border-radius:10px;}
.prolistPIC li a img{ max-width:195px; max-height:195px;}
						
.prolistPIC li a:hover{border:#ff6600 1px solid;}
.prolistPIC li a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;}
.prolistPIC li a:hover img{transform:scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}	

.prolistPIC li span{ display:block; width:195px; height:50px; font-size:14px; line-height:22px; text-align:center; padding-top:6px;}

/*内页NEWS*/
.nnewslist{list-style:none; width:850px; margin-top:20px;}

.nnewslist li{padding:0px; margin:0px;margin:0 auto; height:70px;border-bottom:#efefef 1px solid; overflow:hidden;padding:0 10px;}
.nnewslist li:hover{ background-color:#efefef;}

.nnewslistYMD{ width:60px; float:left; height:60px; margin-top:10px;}
.nnewslistYMD p{ width:60px; height:30px; line-height:30px;font-size:20px;color:#777777; font-weight:600; background-color:#EFF2FF; text-align:center; padding:0; margin:0;border-radius: 6px 6px 0px 0px;}
.nnewslistYMD span{ display:block;width:60px; height:20px; line-height:20px; font-size:12px; color:#ffffff; background-color:#ff6600; text-align:center; padding:0; margin:0;border-radius:0px 0px 6px 6px;}

.nnewslist li a{display:block; width:750px;float:right; font-size:16px; color:#777777;height:50px; line-height:50px; text-decoration:none; text-align:left; margin-top:10px;}
.nnewslist li a:hover{color:#ff6600;}

/*文章内容样式*/
.articleview{width:850px; text-align:left; margin-top:20px;}
.articleview h4{display:block;width:850px;font-size:24px; line-height:35px; font-weight:bold; text-align:left;}

.articleview p font{ display:block; float:left;}

.articleview p,.articleview p font{width:850px;font-size:12px; height:40px; line-height:40px; color:#777777;text-align:left;border-bottom:#efefef 1px solid;}

.articleviewcontent{ padding:10px 0;}

.articleviewcontent p,.articleviewcontent div{height:auto; border-bottom:none; padding-bottom:10px;}
.articleviewcontent,.articleviewcontent p,.articleviewcontent div{
font-size:14px;line-height:26px;color:#777777;
}

.articleviewcontent p img,.articleviewcontent div img,.articleviewcontent img{ max-width:850px;}


/*合作媒体滚动*/
.linklogo{list-style:none; width:1830px; margin:0; padding:0;}
.linklogo li{display:block; float:left; width:110px; height:35px; border:#D0D0D0 1px solid; overflow:hidden; margin-right:10px;margin-bottom:10px;}
.linklogo li:hover{border:#ff6600 1px solid;}
.linklogo li a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em; max-width:110px;}
.linklogo li a:hover img{transform:scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}

/*友情链接滚动*/
.comlogo{list-style:none; width:1420px; margin:0; padding:0;}
.comlogo li{display:block; float:left; width:130px; height:50px; border:#efefef 1px solid; overflow:hidden; margin-right:10px;margin-bottom:10px;}
.comlogo li:hover{border:#ff6600 1px solid;}
.comlogo li a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em; max-width:130px;}
.comlogo li a:hover img{transform:scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}


.area100{width:100%; height:auto; text-align:center; margin-top:20px; padding:15px 0; background-color:#393939;}


/*相册样式*/
.gallery{width:100%;margin:0 auto;}


.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}





/* 尾部样式 */
.footerblock{background-color:#162C7C;width:100%;text-align:center;}
.footerblock2{background-color:#162C7C;width:100%;text-align:center;}
.footerblock2 a{ font-size:12px; color:#818FC1;}
.footerblock2 a:hover{ color:#ffff00;}

.footercotanctus{width:620px; float:left; text-align:left; overflow:hidden;}
.footercotanctus h4,.footerInquiry h4{ display:block; width:100%; height:40px; line-height:40px; text-align:left; color:#818FC1; font-size:18px;}
.footercotanctus ul{ margin:0 auto;}
.footercotanctus ul li{ float:left; width:300px;font-size:12px; color:#818FC1; line-height:24px;text-align:left; }
	
.footerInquiry{ width:500px; float:right;}
.footerInquiryview{font-size:12px; color:#818FC1; line-height:20px;text-align:left;}
.footerInquiryEMIAL{ text-align:left; padding-top:5px;}
.footerInquiryEMIAL input{ font-size:12px; border:#efefef 1px solid; height:26px; line-height:26px; text-align:left; width:300px; padding:0 10px;border-radius:4px;}
	
.footerInquirySubmit{ padding:5px 0; text-align:left;}
	
.submitM{
			background:#ff6600;
			color:#fff;
			border:none;
			width:80px;
			height:30px;
			line-height:30px;
			font-size:14px;
			border-radius:4px;
		}



 /* 分页样式 */
.pages{ width:100%; text-align:center; padding:10px 0; clear:both;}
.pages span,.pages a,.pages b{ font-size:14px;margin:0 2px;}
.pages span font{ color:#f00; font-size:14px;}
.pages a,.pages b{ border:1px solid #494383; background:#fff; padding:3px 10px; text-decoration:none}
.pages span { padding-right:15px }
.pages b,.pages a:hover{ background:#494383; color:#fff;}