@charset "utf-8";
/* CSS Document */
.header{position: fixed;background-color: #fff;z-index: 100;left: 0;right: 0;}
.topLine{height: 28px;line-height: 28px;background-color: #e7eef7;overflow: hidden;}
.topLine span{float: right;padding-left: 31px;font-size: 12px;color: #6e7479;}
.topLine span img{float: left;display: block;padding-top: 7px;padding-right: 10px;}

.menu{height: 90px;overflow: hidden;}
.menu img.logoImg{display: block;float: left;padding: 22px 0;width: 162px;height: 90px;}

.menu .topMenu{float: left;width:816px;padding-left: 50px;}
.menu .topMenu li{float: left;width:106px;line-height: 88px;text-align: center;}
.menu .topMenu li.proServer{width: 120px;}
.menu .topMenu li>a{font-size: 18px;color: #1f1f1f;cursor: pointer;}
.menu .topMenu li ul.dropDownMenu{position: absolute;z-index: 10;top:90px;background-color: #e7eef8;height:auto;overflow: hidden;display: none;}
.menu .topMenu li ul.dropDownMenu li{line-height: 26px;text-align: left;padding: 10px 18px;border-left: 1px solid #fff;border-right: 1px solid #cbd2dc;min-width: 168px;height: 100%;}
.menu .topMenu li ul.dropDownMenu li.xtfaBox{min-width: 240px;}
.menu .topMenu li ul.dropDownMenu li h6{font-size: 14px;color: #3e3e40;font-weight:bold;line-height:26px;}
.menu .topMenu li ul.dropDownMenu li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.menu .topMenu li ul.dropDownMenu li p a{color: #595d60;}
.menu .topMenu li ul.dropDownMenu li p a:hover{color: #1b78cf;}
.menu .topMenu li ul.dropDownMenu li p.morelink a{color: #1c77d2;}
.menu .topMenu li.channel>a{padding-bottom:31px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#1a78cf;}

.menu .searchLine{float: right;padding-top: 30px;position:relative;}
.menu .searchLine input{border: 1px solid #dcdcdc;background-color: #eff3f6;font-size: 14px;padding: 0 10px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;float: left;width:192px;height:30px;}
.menu .searchLine span.searchBtn{background-color: #1a78d2;border-top-right-radius: 3px;border-bottom-right-radius: 3px;display: block;float: left;width:40px;height:30px;}
.menu .searchLine span.searchBtn img{width:20px;height:20px;margin-top:5px;margin-left:10px;}
.goback{font-size:12px;color:#909090;position:absolute; right: -187px;top: 15px;}
.goback a {font-size:12px;color:#909090;}
.hottel{font-size:22px;color:#ffffff ;position:absolute; right: 136px;top: 29px;}
/* banner */
.banner{background-color: #072654;width: 100%;height:auto;overflow: hidden;}
.slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;}

.slideBox .prev,.slideBox .next{position:absolute;  top:45%;display:block; width:30px; height:60px;}
.slideBox .prev{background: url(../images/banner_left.png) no-repeat center;left:5%;}
.slideBox .next{background: url(../images/banner_right.png) no-repeat center;right:5%;}

.contentBg{background: url(../images/contentBg.jpg) repeat;height:100%;padding-top:90px;}

.newsTitle{background: url(../images/newTitleBg.png) repeat-x;background-position-y:50px;padding: 35px 0 30px}
.newsTitle h5{font-size: 28px;color: #3d3d3d;display: block;float: left;padding-right: 15px;background: url(../images/contentBg.jpg) repeat;}
.newsTitle .moreBtn{padding-left: 15px;float: right;line-height: 37px;}
.newsTitle .moreBtn a{font-size: 16px;color: #3d3d3d;border: 1px solid #cfd2db;border-radius: 3px;	padding:7px 20px;background-color: #f4f5f9;cursor: pointer;}

.newsTabTitle{width: 300px;background-color: #fff;margin: 0 auto;border-radius: 3px;}
.newsTabTitle li{float: left;width: 150px;height: 36px;overflow: hidden;line-height: 36px;color: #3c3c3c;text-align: center;font-size: 18px;color: #3d3d3d;cursor: pointer;}
.newsTabTitle li.curNewsTab{background-color: #1a78cf;color: #fff;border-radius: 3px;}

.newsTabCon{padding:30px 0 56px;}
.newsTabCon li{width: 45%;float: left;background-color: #fff;margin:1%;padding: 1.5%;border-radius: 2px;}
.newsTabCon li:hover{box-shadow: 4px 4px 8px #bcbcbc;cursor: pointer;}
.newsTabCon li img{float: left;width: 240px;height: 180px;padding-right: 20px;}

.newsTabCon li .newsTabConTxt{float: left;max-width: 285px;}
.newsTabCon li .newsTabConTxt h6{font-size: 18px;color: #3d3d3d;line-height: 30px;height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsTabCon li .newsTabConTxt p{font-size: 16px;color: #7a7a7a;line-height: 24px;height:20px;overflow: hidden;}
.newsTabCon li .newsTabConTxt p.newDetailTxt{height: 92px;margin: 8px 0 22px;}
/*产品列表*/
.products{border-bottom: 3px solid #fff;}
.products h5{text-align: center;font-size: 28px;color: #3d3d3d;line-height: 50px;}
.products p{text-align: center;font-size: 18px;color: #7a7a7a;line-height: 30px;padding-bottom: 20px;}

.products ul li{float: left;overflow: hidden;height:100%;width: 20%}
.products ul li .placeItem{padding-top: 75%;position: relative;}
.products ul li .itemContent{position: absolute;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.products ul li img{display: block;width: 100%;height: 100%;}

.products ul li .proTopBox{position: absolute;top:0;left:0;width:100%;height: 100%;z-index: 2;background-color: rgba(0,0,0,.3);opacity: 0;transition:opacity 1s;}
.products ul li .textContent{width: 90%;position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.products ul li .proTopBox h5{padding-top: 5%;font-size: 20px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.products ul li .proTopBox p{font-size: 16px;color: #fff;height:66px;overflow: hidden;padding: 0;margin-bottom: 15px;}
.products ul li .proTopBox a{background-color: #1d639c;border-radius: 3px;color: #fff;width: 75px;	height: 28px;line-height: 28px;display: block;text-align: center;margin: 0 auto;}
.products ul li:hover .proTopBox{opacity: 1}
.footer{background-color: #245c8f;padding: 50px 0 40px;overflow: hidden;}
.footer ul li{float: left;width: 300px;height:200px; border-left: 1px solid #2c699f;border-right:1px solid #1c486f;}
.footer ul li h6{color: #fff;font-size: 18px;font-weight: normal;line-height: 40px;}
.footer ul li p,.footer ul li p a{color: #9bc6ec;font-size: 16px;}
.footer ul li p{line-height: 36px;}

.footer ul li.footProServer{width: 190px;border-left: none;}
.footer ul li.footLink{text-align: center;width: 272px;}
.footer ul li.footTel{padding-left: 95px;width: 510px;}
.footer ul li.footWx{width: 210px;padding-left: 95px;border-right: none;}
.footer ul li.footWx img{padding-top: 20px;}

.footerCopy{background-color: #1a4e7d;text-align: center;color: #6b99c2;height: 51px;line-height: 51px;overflow: hidden;}

/*媒体*/
/*媒体*/
@media screen and (max-width:1280px){
	.products ul li .textContent{padding-top: 7px}
	.products ul li .proTopBox h5{font-size: 18px}
	.products ul li .proTopBox p{font-size: 14px;margin-bottom: 5px}
	}