/*头部样式*/
.top{height: 40px;background-color: #f2f2f2;font:12px/40px "微软雅黑";color: #666;}
.k1 a{color: #666;}

#header{width:1200px;margin:0 auto;height: 165px;}
.logo{float:left;width: 465px;height: 75px;border-right: 1px solid #999;margin-top: 45px;}
#header b{margin-left:10px;display: inline-block;font:18px/21px "微软雅黑";color: #333;margin-top:63px;}
#header b i{font:bold 18px/21px "微软雅黑";color: #ffc000;}

.k2{padding-left: 55px;margin-top:30px;width: 165px;background: url(../images/tel.png) left top no-repeat;font:24px/3 Arial;color: #1e50ae;}
.k2 p{
    line-height:28px;
    padding-top: 32px;}


/*热门关键词*/
.search{background-color: #f2f2f2;}
.hotSearch{width:400px;float:left;font:14px/60px "微软雅黑";color: #666;}
.hotSearch a{margin-right:6px;color: #666;}


/*搜索*/
#formsearch{width:320px;float:right;border-bottom: 1px solid #999;margin-top: 10px;font-size: 0;}
#formsearch input{background:none;border:none;line-height:30px;height:30px;outline: none;}
#formsearch input#keyword{padding-left:2px;color:#666;width:298px;font-size: 12px;}
#formsearch input#s_btn{width:16px;cursor:pointer;font-size: 0;background: url(../images/ss.png) center no-repeat;}

/*主体样式*/
#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: #1e50ae;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;}


/*white*/
.white{text-align: center;font:bold 34px/1 "微软雅黑";color: #fff;background: url(../images/wlk.png) center no-repeat;}
.white i{font-family: "宋体";color: #4a87f9;font-style: normal;}
.white i:after{content: "";display: inline-block;width: 6px;height: 6px;border-radius: 100%;background-color: #4a87f9;vertical-align: middle;margin:0 15px 0 6px;}
.white +h2{text-align: center;font:16px/45px "微软雅黑";color: #fff;}

/*black*/
.black{text-align: center;font:bold 34px/1 "微软雅黑";color: #1e50ae;background: url(../images/blk.png) center no-repeat;}
.black i{font-family: "宋体";color: #434343;font-style: normal;}
.black i:after{content: "";display: inline-block;width: 6px;height: 6px;border-radius: 100%;background-color: #1e50ae;vertical-align: middle;margin:0 15px 0 6px;}
.black +h2{text-align: center;font:16px/45px "微软雅黑";color: #666;}

/*z1*/
.z1{padding-top: 85px;background: url(../images/z1.jpg) center no-repeat;padding-bottom: 88px;}
.z1 ul{margin-top: 25px;display: flex;justify-content:space-between;}
.z1 ul li{box-sizing:border-box;height: 200px;padding-top: 8px;width: 235px;text-align: center;background: url(../images/z1li.png) right center no-repeat;}
.z1 ul li:last-child{background:none;}
.z1 ul li h2{width: 106px;height: 106px;margin:0 auto;border-radius: 100%;line-height: 106px;border:2px solid #ffc000;transition:.5s ease-in-out;}
.z1 ul li h3{font:bold 18px/24px "微软雅黑";color: #fff;margin-top: 10px;}
.z1 ul li p{text-transform: uppercase;font:10px/24px "微软雅黑";color: #999;}
.z1 ul li:hover h2{background-color: #ffc000;}
.z1 ul li:hover h3{color: #ffc000;}

/*z2*/
.z2{margin-top: 75px;}
.z2Box{margin-top: 10px;}
.z2L{width: 278px;border:1px solid #dedede;border-top: 10px solid #1e50ae;background-color: #f7f7f7;}
.z2L h2{padding-left:60px;font:bold 20px/2.5 "微软雅黑";color:#1e50ae;background: url(../images/p.png) 22px 17px no-repeat;padding-bottom: 10px;border-bottom: 1px solid #1e50ae;}
.z2L h2 span{display: block;font:16px/12px Arial;color: #999;text-transform: uppercase;}
.z2L ul{width: 240px;margin:0 auto;height: 410px;overflow: hidden;margin-top: 10px;}
.z2L ul li{padding-left: 35px;font:14px/50px "微软雅黑";color: #666;border-bottom: 1px solid #dedede;background: url(../images/z2lli.png) 18px center no-repeat;}
.z2L ul li a{color: #666;}
.z2L ul li:last-child{border-bottom: none;}
.z2L ul li:hover a{color: #ffc000;}
.z2R{width: 900px;}
.z2R li{float: left;margin-right: 14px;margin-bottom:5px;}
.z2R li:nth-child(3n){margin-right: 0;}
.z2R li img{padding: 4px;border:1px solid #dedede;width: 280px;height: 210px;}
.z2R li h3{text-align: center;font:14px/40px "微软雅黑";color: #333;}
.z2R li:hover img{border-color: #1e50ae }
.z2R li:hover h3{color: #1e50ae;}

/*z3*/
.z3{margin-top:55px;background: url(../images/z3.jpg) center top no-repeat;}
.z3 h1{text-align: center;font:bold 36px/50px "微软雅黑";color: #ffc000;padding-top: 10px;background: url(../images/z3h1.png) center bottom no-repeat;}
.z3 h1 span{font-size: 26px;color: #fff;font-weight: normal;}
.z3 h1 +h2{text-align: center;font:10px/2 "微软雅黑";color: #3a81e3;text-transform: uppercase;}
.z3Box{width: 1200px;margin:0 auto;margin-top: 60px;position: relative;height: 430px;}

.cir{position: absolute;z-index: 10;bottom: 0;left:calc(50% - 290px);}
.ad{position: absolute;transition:.3s ease-in-out;z-index: 20;box-sizing:border-box;cursor:default;}
.ad h2{font:bold 18px/2 "微软雅黑";color: #ffc000;}
.ad h2 span{display: block;font:15px/1.2 "微软雅黑";color: #fff;}
.ad1{text-align: right;padding-right: 98px;background: url(../images/01.png) right center no-repeat;bottom: 80px;left: 103px;height: 72px;padding-top:6px;}
.ad2{text-align: right;padding-right: 98px;background: url(../images/02.png) right center no-repeat;height: 72px;padding-top:6px;bottom: 225px;left: 10px;}
.ad3{text-align: center;padding-bottom: 85px;background: url(../images/03.png) bottom center no-repeat;top:-6px;left: 455px;}
.ad4{text-align: left;padding-left: 85px;height: 72px;padding-top:6px;background: url(../images/04.png) left center no-repeat;bottom: 223px;right: 17px;}
.ad5{text-align: left;padding-left: 85px;height: 72px;padding-top:6px;background: url(../images/05.png) left center no-repeat;bottom:80px;right:-5px;}
.ad1:hover,.ad2:hover{transform:translateX(-20px);}
.ad4:hover,.ad5:hover{transform:translateX(20px);}
.ad3:hover{transform:translateY(-20px);}

.z3T {width: 440px;position: absolute;top: 210px;left: 385px;z-index: 20;}
.z3T h3{text-align: center;text-transform: uppercase;font:12px/40px "微软雅黑";color: #4e87ea;position: relative;}
.z3T h3:after{content: "";display: inline-block;width: 98px;height: 1px;background-color: #4e87ea;bottom:5px;left:calc(50% - 49px);position: absolute;}
.z3T h4{font:24px/40px "微软雅黑";color: #fff;margin-bottom: 30px;}
.z3T h4 b{color: #ffc000;}
.rx{padding-left: 75px;font:14px/2 "微软雅黑";color: #fff;background: url(../images/ph.png) left center no-repeat;display: inline-block;}
.rx span{display: block;font:26px/1 Arial;color: #ffc000;}
a.zx{display: inline-block;width: 148px;height: 45px;border-radius:65px;margin-left: 15px;vertical-align: top;background: url(../images/zx.png) 20px center no-repeat #fff;text-indent: 60px;font:16px/45px "微软雅黑";color: #333;}


/*z4*/
.z4{margin-top: 75px;}
.z4 ul{margin-top: 10px !important;}
.z4 .prev,.z4 .next{position: absolute;cursor: pointer;top:90px;}
.z4 .prev{left: -70px;}
.z4 .next{right: -70px;}
.z4 ul li{float: left;margin-right: 12px;}
.z4 ul li img{padding: 4px;width: 280px;height: 210px;border:1px solid #dedede;}
.z4 ul li h3{font:16px/41px "微软雅黑";color: #333;text-align: center;}
.z4 ul li:hover img{border-color: #1e50ae;}
.z4 ul li:hover h3{color: #1e50ae;}

/*z5*/
.z5{margin-top: 60px;padding-top: 75px;background: url(../images/z5.jpg) center top no-repeat;padding-bottom: 75px;}
.z5L{width: 457px;padding-top: 35px;}
.z5R{width: 749px;height: 458px;background: url(../images/z5r.png) left top no-repeat;position: relative;z-index: 10;margin-left: -6px;margin-top: -5px; }
.z5R-B{width: 590px;margin:0 auto;padding-top: 15px;}
.z5R-B h1{font:bold 30px/68px "微软雅黑";color: #1e50ae;background: url(../images/z5rt.png) center bottom no-repeat;}
.z5R-B h1 b{color: #ffc000;margin-right: 5px;}

.z5T{font:14px/24px "微软雅黑";color: #666;margin-top: 20px;}
.z5R-B>a{display: block;margin-top: 25px;width: 178px;height: 38px;text-align: center;font:14px/38px "微软雅黑";color: #333;border:1px solid #333;}

/*z6*/
.z6{margin-top: 65px;}
.z6 .prev,.z6 .next{position: absolute;cursor: pointer;top:33px;}
.z6 .prev{left: -62px;}
.z6 .next{right: -62px;}
.z6 ul {margin-top: 10px !important;}
.z6 ul li{float: left;margin-right: 13px;}
.z6 ul li img{padding: 4px;border:1px solid #dedede;width: 220px;height: 100px;}
.z6 ul li h3{font:14px/30px "微软雅黑";color: #333;text-align: center;}

/*z7*/
.z7{padding-top: 70px;margin-top: 60px;background-color: #f7f7f7;padding-bottom: 75px;}
.z7L{width: 317px;}
.z7L h1{font:bold 18px/90px "微软雅黑";color: #fff;background: url(../images/hot.png) 20px center no-repeat #1e50ae;text-indent: 50px;}
.z7L h1 a{font-size: 12px;text-transform: uppercase;float: right;color: #fff;margin-right: 20px;font-weight: normal;}
.z7L ul{border:4px solid #dedede;padding:12px 10px 20px;border-top: none;}
.z7L ul li img{width: 290px;height: 190px;}
.z7L ul li h3{font:bold 14px/16px "微软雅黑";color: #333;border-left: 2px solid #154a98;text-indent: 8px;margin-top: 10px;margin-bottom: 10px;}
.z7L ul li p{font:12px/24px "微软雅黑";color: #666;}

.z7R{width: 860px;}
.z7R .hd{display: flex;height: 45px;border-bottom: 1px solid #d1d1d1;}
.z7R .hd li{width: 125px;margin-right: 55px;text-indent: 37px;font:bold 18px/1 "微软雅黑";color: #333;cursor: pointer;}
.z7R .hd li span{font:12px/18px "微软雅黑";color: #999;text-transform: uppercase;display: block;padding-bottom:5px;}
.z7R .hd li:nth-child(1){background: url(../images/n1.png) left top no-repeat;}
.z7R .hd li:nth-child(2){background: url(../images/n2.png) left top no-repeat;}
.z7R .hd li:nth-child(3){background: url(../images/n3.png) left top no-repeat;}
.z7R .hd li.on span{border-bottom: 2px solid #1e50ae;}

.z7R .bd{margin-top: 10px;}
.ns1{width: 267px;height: 171px;overflow: hidden;}
.z7J{width: 563px;}
.z7J li{overflow: hidden;transition:.8s ease-out;}
.z7J span{display:block;width: 90px;height:62px;text-align: center;float: left;font:14px/16px "微软雅黑";padding-top: 23px;color: #333;}
.z7J span b{display: block;font:30px/1 Arial;}
.z7J li a{display: block;width: 468px;float: right;}
.z7J li a h3{font:bold 14px/24px "微软雅黑";color: #333;padding-top:20px;}
.z7J li a p{font:12px/2 "微软雅黑";color: #666;}
.z7J li:hover{background-color: #1e50ae;}
.z7J li:hover span{color: #fff;}
.z7J li:hover a h3{color: #fff;}
.z7J li:hover a p{color: #89b9ff;}
.z7X{display: flex;justify-content:space-between;flex-wrap:wrap;}
.z7X li{padding-left: 13px;width: 402px;font:14px/50px "微软雅黑";background: url(../images/z7xli.png) left center no-repeat;border-bottom: 1px dashed #dedede;}
.z7X li:nth-child(7),.z7X li:nth-child(8){border-bottom: none;}

.nsS{position: absolute;right: 0;width: 260px;font-size: 0;}
.nsS input{outline: none;}
.nsS input[type="text"]{width: 214px;height: 32px;font: 12px/32px "微软雅黑";color: #999;text-indent: 10px;border:1px solid #dedede;border-right: none;}
.nsS input[type="submit"]{width: 45px;height: 34px;background: #1e50ae url(../images/nsss.png) center no-repeat;border:none;font-size: 0;cursor: pointer;}

/*页面底部*/
.footer{background-color: #222;padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #333;}
.f_lx{width: 333px;height: 233px;border-right: 1px solid #333;}
.f_lx h2{font:14px/1 "微软雅黑";color: #fff;}
.f_lx h3{margin-top: 25px;padding-left: 55px;font:12px/1.3 "微软雅黑";color: #999;background: url(../images/ftel.png) left top no-repeat;}
.f_lx h3 span{display: block;font:24px/32px Arial;color: #ffc000;}
.f_lx h4{font:12px/32px "微软雅黑";color: #999;}
.f-code{margin-top: 8px;}

.nav_foot{width: 200px;text-align: center;height: 233px;border-right: 1px solid #333;font:12px/32px "微软雅黑";}
.nav_foot a{color: #999;transform:translateY(-18px);display: inline-block;}

.copyright{width: 440px;margin-left: 70px;font:12px/32px "微软雅黑";color: #999;}
.copyright a{color: #999;}

.f_link{margin-top: 25px;border-top: 1px solid #333;width: 400px;padding-top: 25px;font:12px/2 "微软雅黑";color: #fff;}
.f_link a{color: #999;margin-right: 5px;}

.lk{width: 50px;margin-top: 5px;}
.lk li{height: 55px;line-height: 55px;background-color: #333;margin-bottom: 4px;text-align: center;}

.dianzizz {width:90px;height:90px;margin-left: 40px;}
.dianzizz img {width:100%;}
.dzgs {display: flex;
    justify-content: flex-start;}