@charset "utf-8";
/* CSS Document */

@font-face {font-family: '微软雅黑';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
*{padding:0;margin:0;font-family: "微软雅黑";}
body{overflow-x: hidden;min-width: 1200px;}
body,html,ul,li,a,ol,dl,dt,dd,span,mark,h1,h2,h3,h4,h5,h6,font,address{list-style: none;text-decoration: none;font-style:normal;background:none;border:none;font-weight:normal;}
img {border: none;transition:all 0.3s ease-in 0s;}
a{color:#666;}
.wrap{width:100%;float:left;}
.fw {margin: 0 auto;width: 1180px;}
.main{/*margin-top:40px;margin-bottom:40px;padding-bottom:40px;float:left;*/}
#main{margin:0;padding:0;}
.container{margin:0 auto;width:1200px;}
.indexContainer{margin:0 auto;width:1254px;}
input {border: none;background: none;}
input, textarea {outline: 0;font-size: 14px;-webkit-appearance: none;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.clear{clear:both;float:none}
.pl {float: left;}
.pr {float: right;}
.hide{display:none;}
.show{display:block;}
.orange{color:#f38100;}
.blue{color:#0089e1;}
.mt3{margin-top:30px;}
.mt5{margin-top:50px;}
.mt9{margin-top:90px;}
.ml17{margin-top:170px;}
.mb5{margin-bottom:50px;}
.mr8{margin-right:80px;}


header{width:100%;height:220px;float:left;background:#FFF;}
.top{height:40px;line-height:40px;overflow:hidden;background:#2250a9;box-sizing:border-box;}
.top p{font-size:12px;color:#fff;}
.top p a{height:12px;display:block;font-size:12px;margin-top:14px;color:#fff;float:left;line-height:12px;padding:0 10px;}
.top p span{float:left;color:#FFF;}

nav{width:100%;height:55px;background:url(../images/navImg.jpg) no-repeat center top;border-top:1px solid #ccc;float:left;text-align: center;}
nav ul{display:inline-block;max-width: 1200px;}
nav ul li{width:135px;height:55px;line-height:55px;float:left;background:url(../images/navImg2.jpg) no-repeat left center;}
nav ul li a{display:inline-block;font-size:14px;color:#191919;border-top:1px solid #fff;}
nav ul li span{width:1px;display:inline-block;color:#000;float:left;display:none;}
nav ul li:hover a,nav ul li.hover a{color:#2250a9;border-top:3px solid #2358a6;margin-top:-2px;}
nav ul li.active,nav ul li:first-child{background:none;}

.navComm a,.navComm:hover a{border:none;color:#FFF;margin-top:0;}
.navComm a img{margin:20px 10px 0 0;}

.nav_weixin{cursor:pointer;position:relative;}
.weixin{display:block;position:absolute;top:55px;left:-1px;background:rgba(255,255,255,.6);min-width:132px;z-index:9999;display:none;}
.weixin img{width:110px;margin:15px auto 0;}

.nav_weixin:hover .weixin{display:block;}



.min-banner,.min-banner img{width:100%;float:left;}


/**动画放大**/
.ImgEnlarge{display:block;overflow:hidden;margin:0 auto;}
.ImgEnlarge img{width:100%;}
.FlashEnlarge ul li:hover img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
/**延迟时间**/
.delay2{animation-delay:.2s;-webkit-animation-delay:.2s;}
.delay3{animation-delay:.3s;-webkit-animation-delay:.3s;}
.delay4{animation-delay:.4s;-webkit-animation-delay:.4s;}
.delay5{animation-delay:.5s;-webkit-animation-delay:.5s;}
.delay6{animation-delay:.6s;-webkit-animation-delay:.6s;}
.delay7{animation-delay:.7s;-webkit-animation-delay:.7s;}
.delay8{animation-delay:.8s;-webkit-animation-delay:.8s;}
.delay9{animation-delay:.9s;-webkit-animation-delay:.9s;}
.delay10{animation-delay:1s;-webkit-animation-delay:1s;}
.delay11{animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.delay12{animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.delay13{animation-delay:1.3s;-webkit-animation-delay:1.3s;}

/**关键字搜索**/
.hotKey{height:100px;overflow:hidden;}
.hotKey h3{width:670px;float:left;font-size:14px;color:#666;}
.hotKey h3 span{line-height:100px;float:left;}
.hotKey h3 p{width:600px;line-height:14px;margin:43px 0 0;float:left;}
.hotKey h3 a{margin:0 10px 10px;font-size:14px;display:block;float:left;color:#666;}
.hotKey h1{float:right;height:48px;margin-top:26px;}
.hotKey input{width:448px;height:44px;border:2px solid #e0e0e0;background:#FFF;font-size:12px;color:#ccc;padding-left:15px;float:left;}
.hotKey h1 a{width:58px;height:48px;display:block;float:right;background:#2250a9;margin-left:-2px;}


.indexProduct{height:800px;background:#e2e7f0;}
aside{width:280px;margin-top:70px;}
aside ul li{width:100%;overflow:hidden;margin:0 0 0;border-bottom:1px solid #ccc;background:#FFF;}
aside ul li a{width:220px;height:100%;display:block;color:#444;padding:27px 30px;font-size:16px;float:left;}
aside ul li p{width:206px;display:inline-block;float:left;}
aside ul li span{display:inline-block;width:14px;height:14px;float:left;margin-top:4px;background:url(../images/asideImg.png) no-repeat center top;}
aside ul li img{float:left;}

aside ul li:hover a,aside ul li.hover a{background:#0463b6;color:#FFF;}
aside ul li:hover img,aside ul li.hover img,aside ul li #subnav li.hover img,aside ul li #subnav li:hover img{opacity:1;}
aside ul li:hover span,aside ul li.hover span{background:url(../images/asideImg2.png) no-repeat center top;}

aside ul li #subnav li a,aside ul li #subnav li{background:none;border:none;border-radius:0;margin:0;color:#4f4f4f;font-size:14px;}
aside ul li #subnav li a{width:220px;padding:0 30px;margin-top:26px;}
aside ul li #subnav li{background:#;}
aside ul li #subnav li img{opacity:0;margin-left:0;margin-top:5px;float:right;}
aside ul li #subnav li h3{width:90%;margin-left: 3%;line-height:20px;float:left;font-weight:normal;}

aside ul li #subnav li:hover aaside ul li #subnav li:hover a,aside ul li #subnav li.hover a{color:#1dbb64;}

#subnav{width:100%;display:none;padding:0 0 30px;float:left;}
aside ul li.hover #subnav{display:block;}


/**产品列表**/
.asideRight{width:878px;margin-top:60px;}
.asideRightTop{width:100%;height:72px;float:left;margin-top:10px;}
.asideRightTop h3{width:807px;font-size:18px;color:#494a4a;float:left;}
.asideRightTop h3 span{width:100%;font-size:26px;font-weight:bold;color:#2250a9;display:block;margin-top:-7px;}
.asideRightTop p{width:71px;height:72px;float:left;}

.ContRight ul{width:100%;float:left;margin-top:15px;}
.ContRight ul li{width:240px;height:240px;float:left;margin-right:79px;background:#e2e2e2;margin-bottom:20px;}
.ContRight ul li{width:280px;height:280px;float:left;margin-right:19px;background:#000;overflow:hidden;}

.ContRight ul li a{width:274px;height:274px;color:#444;border:3px solid #ccc;display:block;overflow:hidden;}
.ContRight ul li img{width:274px;height:274px;transition:all 0.3s ease-in 0s;}
.ContRight ul li h3 a{width:100%;height:100%;line-height:40px;text-align:center;border:none;font-size:14px;}
.ContRight ul li:hover a{color:#0463b6;}
.ContRight ul li:hover img{width:120%;height:120%;margin:-10%;}
.ContRight ul li.active{margin-right:0;}


/**列表分类**/
.page{width:100%;text-align:center;float:left;}
.page ol{display:inline-block;margin:40px 0 0;}
.page ol li{width:33px;height:33px;border:1px solid #eee;float:left;line-height:33px;margin:0 5px;}
.page ol li.butLeft,.page ol li.butRight{width:70px;}
.page ol li:hover a,.page ol li.hover a{color:#FFF;background:#04326f;display:block;}



/**友情链接**/
.friendlink{height:75px;background:#FFF;line-height:75px;}
.friendlink h3 span{font-size:14px;color:#333;}
.friendlink h3 a{margin-left:10px;font-size:14px;}

/**页尾**/
footer{clear: both;float: none;height:390px;background: #194395;}
.footerTop{height:330px;}
.footerTop div{margin-top:60px;}
.footerTop dl{float:left;margin-right:80px;}
.footerTop dl dt{font-size:16px;color:#FFF;}
.footerTop dl dd a{font-size:14px;color:#c8dbff;display:block;line-height:30px;}
.footerTop dl dd{margin-top:20px;}

.footerTel{width:350px;}
.footerTel h3{font-size:24px;font-weight:bold;color:#FFF;}
.footerTel p{font-size:14px;color:#c8dbff;line-height:30px;margin:5px 0;}
.footerTel p a{color:#c8dbff;}
.footerTel .follow{width:100%;margin-top:10px;border-top:1px solid #999;}
.footerTel mark{display:block;color:#FFF;width:100%;font-size:18px;margin:20px 0 10px;}
.footerTel span{float:left;margin-right:20px;}

.copybottom{height:60px;line-height:60px;font-size:14px;border-top:1px solid #c8dbff;box-sizing:border-box;color:#FFF;}
.link a{margin:0 10px;color:#ddd;}
.copyright p,.copyright p a{color:#ddd;font-size:14px;}


#JNDiv_1,#JNDiv_2,#JNDiv_3,#JNDiv_4,#JNDiv_5,#JSDiv_1,#JSDiv_2,#JSDiv_3{display:none;}


	
.classOther{text-align:center;margin:20px 0 0 0;float:left;}
.classOther ul{display:inline-block;}
.classOther ul li{float:left;width:100px;height:40px;margin:0 5px;border:1px solid #ccc;text-align:center;line-height:40px;font-size:16px;}
.classOther ul li a{display:block;}


.mobile{}

@media screen and (min-width:1200px){
	.wrap,footer,header{width:100%;}
	}
@media screen and (max-width:1200px){
	.wrap,footer,header,.container{width:100%;}
	.hotKey h1{display:none;}
	}
	@media screen and (max-width:800px){
	.wrap,footer,header,.container{width:100%;}
	}	
@media screen and (max-width:600px){
	.wrap,footer,header,.container{width:100%;}
	}