/*头部样式*/




.topLink{float:right;text-align:right;margin-top: 20px;}
.k2{font:bold 14px/45px "微软雅黑";color: #444;}


/*热门关键词*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.hotSearch a{margin-right:6px;}


/*搜索*/
#formsearch{font-size: 0;}
#formsearch input{background:none;border:none;line-height:30px;height:30px;outline: none;}
#formsearch input#keyword{padding-left:10px;color:#b1b1b1;width:234px;border:1px solid #eee;}
#formsearch input#s_btn{width:50px;cursor:pointer;height: 32px;font-size: 0;background: url(ss.png) center no-repeat #236cb8;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1200px;margin:0 auto;position: relative;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



/*------------内页-------------------*/

.left {width: 225px;float: left;}

.left .box {margin-bottom: 10px;}

.left .box h3 {line-height: 50px;padding-left: 34px;background: #3480ce;font-size: 16px;color: #fff;font-weight: 400;position: relative}

.left .box h3:after{content:"";position: absolute;width:5px;height:20px;top:16px;left:15px;background: #fff}

.left .box .content {padding: 5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position:relative;left:50%;margin-left: -960px;}
.n_banner img{width:1920px;height: 300px;}

.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp {border-bottom:1px solid #eee;}

.sitemp h2 {width: 340px;float: left;line-height: 40px;text-align: left;font-size: 16px;color:#333;}

.sitemp .site {width: 380px;float: right;text-align: right;line-height: 40px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}

/*black*/
.black{text-align: center;font:bold 36px/1 "Arial";color: #666;text-transform: uppercase;}
.black span{color: #236cb8;}
.black+h2{text-align: center;font:500 26px/40px "微软雅黑";color:#333;background: url(blk.png) center no-repeat;}
.black+h2 span{color: #236cb8;}

/*z1*/
.z1{margin-top: 55px;}
.z1Box{margin-top: 40px;}
.z1L{width: 256px;}
.z1L h3{font:bold 20px/64px "微软雅黑";color: #fff;padding-top: 10px;background:url(z1LH.png) 38px 32px no-repeat #156dc9;text-align: center;}
.z1L ul li>a{display: block;border-left: 10px solid #156dc9;padding-left: 25px;font:16px/52px "微软雅黑";color: #fff;background: url(z1Lli.png) 205px center no-repeat #2b2b2b;}
.z1L ul li dl dd>a{display: block;font:16px/48px "微软雅黑";color: #4d4d4d;padding-left: 60px;margin-bottom: 1px;background: url(z1Ldl.png) 38px center no-repeat #f1f1f1;}
.z1L ul li dl dd:last-child>a{margin-bottom: 0;}
.z1R{width: 900px;}
.z1Mg{text-align: center;}
.z1R>ul{margin-top:30px;display: flex;justify-content:space-between;margin-left: -6px;margin-right: -6px;}
.z1R>ul li{padding:8px;border:1px solid #a0a0a0;transition:.5s;margin:0 6px;padding-bottom: 0;}
.z1R>ul li img{width: 274px;height: 274px;}
.z1R>ul li h3{text-align: center;font:12px/46px "微软雅黑";color: #1f1f1f;}
.z1R>ul li:hover{border-color: transparent;box-shadow: 0 0 8px rgba(87,87,87,.4)}
.z1B{margin-top: 27px;position: relative;}
.z1B .hd{position:absolute;z-index: 5;right: 25px;bottom: 20px;}
.z1B .hd li{font-size: 0;width: 8px;height: 8px;border:1px solid #fff;display: inline-block;margin-left: 8px;border-radius: 100%;cursor: pointer;}
.z1B .hd li.on{background-color: #fff;}
.z1Mess{margin-top: 24px;height: 126px;background-color: #156dc9;}
.z1Mess h2{width: 641px;margin:15px 0;text-align: center;float: left;height: 96px;border-right: 1px solid #fff;font:23px/2 "微软雅黑";color: #fff;}
.z1Mess h2 span{display: block;}
.z1Mess>a{display: block;width: 140px;text-align: center;font:18px/48px "微软雅黑";color: #c00;float: right;background-color: #fff;border-radius:8px;margin:38px 55px 0 0;}

/*z2*/
.z2{margin-top: 70px;padding-top: 70px;height: 675px;background: url(z2.jpg) center top no-repeat;}
.z2 h1{text-align: center;font:26px/1 "微软雅黑";color: #fff;}
.z2 h1+h2{text-align: center;font:bold 36px/1.5 "Arial";color: #fff;text-transform: uppercase;}
.z2 h1+h2 span{color: #c00;}
.z2 h1+h2+h3{font:26px/1.5 "微软雅黑";color: #c00;background: url(blk2.png) center no-repeat;text-align: center;}
.z2 ul{margin-top:105px;display: flex;justify-content:space-between;}
.z2 ul li{width: 230px;height: 350px;background-color: #fff;}
.z2 ul li div{height: 117px;width: 117px;overflow: hidden;margin:0 auto;margin-top: -55px;}
.z2 ul li div img{display: block;transition:.5s;height: 117px;width: 117px;}
.z2 ul li h3{text-align: center;margin-top: 45px;font:20px/1 "微软雅黑";color: #156dc9;}
.z2 ul li p{width: 175px;margin:0 auto;margin-top: 40px;font:14px/25px "微软雅黑";color: #666;}
.z2 ul li:hover div img{transform:translateY(-117px);}


 @media (max-width:1750px) {
	.z2{ display:none}
}
	 @media (max-width:780px) {
	.z2{ display:none}
}
 @media (max-width:640px) {
	.z2{ display:none}
}



/*z3*/
.z3{margin-top: 80px;}
.z3L{width: 595px;}
.z3L h1{margin-top: 40px;font:bold 38px/1 "微软雅黑";color: #666;text-transform: uppercase;}
.z3L h1 span{color: #156dc9;}
.z3L h1:after{content: "";display: inline-block;width: 40px;height: 5px;background-color: #156dc9;margin-left: 5px;}
.z3L h1+h2{font:28px/48px "微软雅黑";color: #666;}
.z3L h1+h2 span{color: #156dc9;}
.z3T{margin-top: 30px;font:14px/30px "微软雅黑";color: #333;}
.z3 a.more{float: right;width: 148px;text-align: center;font:14px/38px "微软雅黑";color: #000;border:1px solid #a0a0a0;margin-top: 20px;}
.z3 a.more:hover{background-color: #156dc9;color: #fff;border-color: #156dc9;}
.z3R{width: 555px;height: 407px;overflow: hidden;}
.z3R img{transition:.5s;}
.z3R img:hover{transform:scale(1.1);}

 @media (max-width:1750px) {
	
.z3{ display:none}
}
	 @media (max-width:780px) {
	.z3{ display:none}
}
 @media (max-width:640px) {
	.z3{ display:none}
}


/*z4*/
.z4{margin-top: 87px;padding-top: 70px;height: 575px;background: url(z4.jpg) center no-repeat;}
.z4 dl{margin-top: 50px;width: 33.33%;float: left;}
.z4 dl dt{height: 180px;overflow: hidden;position: relative;}
.z4 dl dt img{transform:translateY(-180px);transition:.5s;width:400px;height:180px;}
.z4 dl dt:before{content:attr(alt);position: absolute;left: 0;width:400px;height: 180px;background: rgba(0,0,0,.5);text-align: center;font:bold 28px/180px "微软雅黑";color: #fff;z-index: 3;bottom: 100%;transition:.5s;}
.z4 dl dd{height: 180px;background-color: #fff;padding:0 15px;position: relative;z-index: 5;}
.z4 dl dd:before{content: "";position: absolute;border:12px solid transparent;border-bottom: 15px solid #fff;bottom:100%;left: 45px;}
.z4 dl dd h3{font:16px/2.5 "微软雅黑";color: #236cb8;transform:skew(-10deg);padding-top: 10px;}
.z4 dl dd h3 span{font-size: 20px;font-family: "宋体";font-weight: bold;}
.z4 dl dd p{font:14px/2 "微软雅黑";color: #282828;}
.z4 dl:hover dt img{transform:none;}
.z4 dl:hover dt:before{bottom: 0;}
.z4 dl:nth-child(2) dd h3{color: #c00;padding-top: 30px;}
.z4 dl:nth-child(2) dd:before{border:12px solid transparent;border-top: 15px solid #fff;top:100%;}

 @media (max-width:1750px) {
	.z4{ display:none}
}
	 @media (max-width:780px) {
	.z4{ display:none}
}
 @media (max-width:640px) {
	.z4{ display:none}
}
/*z5*/
.z5{margin-top: 108px;}
.z5Box{margin-top: 45px;}
.z5L{width: 530px;}
.z5L li{height: 405px;background-color: #f4f3f3;}
.z5L li div{height: 248px;overflow: hidden;}
.z5L li div img{transition:.5s;}
.z5L li h3{width: 490px;margin:0 auto;font:16px/40px "微软雅黑";color: #404040;margin-top:10px;}
.z5L li>a>p{width: 490px;margin:0 auto;font:14px/26px "微软雅黑";color: #404040}
.z5L li>a>span{float: right;margin-right: 20px;width: 88px;text-align: center;font:14px/24px "微软雅黑";color: #236cb8;background-color: #fff;margin-top: 10px;}
.z5L li:hover div img{transform:scale(1.1);}
.z5L li:hover>a>span{background-color: #236cb8;color: #fff;}
.z5R{width: 630px;}
.z5R li{margin-top: 8px;margin-bottom: 40px;border-bottom: 1px solid #d2d2d2;height:100px;}
.z5R li:before{content: attr(title);display: inline-block;text-align: center;width: 30px;font:16px/100px "微软雅黑";color: #000;background-color: #d2d2d2;margin-right: 15px;vertical-align: top;}
.z5R li a{display: inline-block;width: 580px;}
.z5R li h3{font:16px/2 "微软雅黑";color: #404040;padding-top:5px;}
.z5R li h3 span{float: right;font-size: 14px;color: #808080;}
.z5R li p{font:14px/24px "微软雅黑";color: #808080;}
.z5R li:hover:before{background-color: #156dc9;color: #fff;}

/*z6*/
.z6{margin-top: 150px;height: 425px;background: url(z6.jpg) center top no-repeat;border-bottom: 1px solid #fff;}
.z6Top{text-align: center;font:16px/70px "微软雅黑";color: #fff;border-bottom: 1px solid #fff;}
.z6Top a{color: #fff;}
.z6Box{margin-top: 55px;}
.z6L{width: 365px;font:14px/3 "微软雅黑";color: #fff;}
.z6R{width: 650px;margin-top: 23px;}
.z6R form textarea{float: left;width: 332px;height: 192px;border:1px solid #fff;background: none;font:14px/30px "微软雅黑";color: #e7e7e7;text-indent: 10px;}
.z6F{width: 300px;}
.z6F lable{font:14px/22px "微软雅黑";color: #e7e7e7;display:block;margin-bottom: 15px;}
.z6F input[type="text"]{width: 245px;height: 22px;border:1px solid #fff;background: none;float: right;}
.z6F span{font:14px/22px "微软雅黑";color: #e7e7e7;}
.z6F input[name="checkcode"]{width: 110px;float: none;margin-left: 10px;}
.z6F a{font:14px/22px "微软雅黑";color: #e7e7e7;margin-left: 5px;}
.z6F input[type="submit"]{display: block;width: 100px;text-align: center;font:14px/33px "微软雅黑";color: #000;background-color: #fff;border:none;margin-top: 20px;cursor: pointer;}