/*头部样式*/
.top{height: 34px;background: url(../images/top1.jpg) center no-repeat;}
.k1{font:12px/34px "微软雅黑";color: #999;}
.k1 a{color: #999;}
.k2{font:14px/34px "微软雅黑";color: #fff;}
#header{height: 100px;box-shadow: 0 0 10px 0 rgba(0,0,0,.4);position: relative;z-index: 500;}
.logo{float:left;width: 530px;line-height: 100px;}



.case_list li .hover{
    display: none;
    position:absolute;
    width: 270px;
    height:35px;
    left: 0;
    bottom:90px;
    text-align: center;
    text-indent: 30px;
    font: 14px/40px "å¾è½¯é›…黑";
    color: #fff;
    background: url(../images/zx.png) 95px center no-repeat rgba(218,37,28,.8);
}
.case_list li:hover .hover{display:block;}

/*热门关键词*/
.search{height: 65px;box-shadow: 0 0 8px 0 rgba(0,0,0,.4);}
.hotSearch{width:420px;float:left;font:12px/65px "微软雅黑";color: #999;}
.hotSearch a{margin-right:6px;color: #999;}


/*搜索*/
#formsearch{width:310px;float:right;font-size: 0;margin-top: 10px;border-bottom: 1px solid #999;}
#formsearch input{background:none;border:none;line-height:30px;height:30px;outline: none;}
#formsearch input#keyword{color:#999;width:290px;}
#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;}



.z4B{
    width: 1200px;
    margin: 0 auto;
}


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

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

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

.left .box h3 {line-height: 50px;padding-left: 34px;background: #0c74e9;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;}
.black span{display: block;font:16px/45px "微软雅黑";color: #666;background: url(../images/blk.png) center no-repeat;}

/*z1*/
.z1{margin-top: 70px;}
.z1Box{margin-top: 20px;}
.z1L{width: 280px;}
.z1L h2{padding-left: 15px;font:bold 24px/60px "微软雅黑";color: #fff;padding-top: 20px;background: url(../images/z1Lt.png) no-repeat;}
.z1L ul{height:1022px;border:1px dashed #d1d1d1;padding-top: 15px;border-top: none;overflow: hidden;}
.z1L ul li{margin-bottom: 12px;position: relative;}
.z1L ul li>a{display: block;border-left: 4px solid #da251c;padding-left: 15px;font:16px/45px "微软雅黑";background-color: #f2f2f2;margin-bottom: 6px;}
.z1L ul li:after{content: "";position: absolute;width: 15px;height: 15px;background: url(../images/z1Ll.png) no-repeat;right: 19px;top: 15px;transition:.3s;}
.z1L ul li div{}
.z1L ul li p a{display: block;text-indent: 38px;font:14px/34px "微软雅黑";color: #333;}
.z1L ul li:hover:after{transform:rotate(90deg);}
.z1L ul li.on:after{transform:rotate(90deg);}
.z1R{width: 880px;}
.z1R ul li{float: left;margin-right: 20px;margin-bottom: 15px;}
.z1R ul li:nth-child(3n){margin-right: 0;}
.z1R ul li p{width: 280px;height: 210px;overflow: hidden;position: relative;}
.z1R ul li p a img{width: 280px;height: 210px;transition:.36s;}
.zaia{padding-left: 12px;position:absolute;width: 100%;left: 0;bottom:-100%;text-align: center;text-indent: 30px;font:14px/40px "微软雅黑";color:#fff!important;background: url(../images/zx.png) 95px center no-repeat rgba(218,37,28,.8);transition:.36s;}
.z1R ul li h3{text-align: center;font:14px/44px "微软雅黑";color: #333;}
.z1R ul li:hover p a img{transform:scale(1.2);}
.z1R ul li:hover .zaia{bottom: 0;}

/*z2*/
.z2{padding-top: 70px;background-color: #f2f2f2;margin-top: 55px;padding-bottom: 70px;}
.z2Box{margin-top: 15px;}
.z2Box .prev,.z2Box .next{position: absolute;top:42px;width: 26px;height: 51px;cursor: pointer;}
.z2Box .prev{left: -50px;}
.z2Box .next{right: -50px;transform:scale(-1);}
.z2Box ul li{float: left;margin-right: 13px;}
.z2Box ul li img{width: 220px;height: 120px;padding: 4px;border:1px solid #d1d1d1;}
.z2Box ul li h3{text-align: center;font:14px/26px "微软雅黑";color: #333;}

/*ht*/
.ht{width: 1920px;text-align: center;position: relative;left:calc(50% - 960px);}

/*z3*/
.z3{height: 1200px;background: url(../images/z3.jpg) center no-repeat;}
.ad{width: 520px;position: absolute;}
.ad h1{font:bold 24px/60px "微软雅黑";color: #0c74e9;}
.ad p{margin-top: 20px;font:16px/24px "微软雅黑";color: #333;padding-left: 20px;background: url(../images/z3P.png) left 5px no-repeat;}
.ad1{top: 260px;left: 47px;}
.ad1 h1{background: url(../images/ad1.png) left bottom no-repeat;}
.ad2{top: 575px;right: 0;}
.ad2 h1{background: url(../images/ad2.png) left bottom no-repeat;}
.ad3{top: 900px;left: 47px;}
.ad3 h1{background: url(../images/ad3.png) left bottom no-repeat;}
.adMg{position: absolute;}
.mg1{right: 0;top: 105px;}
.mg2{left: 0;top: 505px;}
.mg3{right: 0;top:780px;}

/*z4*/
.z4{margin-top: 50px;}
.z4 h1{font:bold 20px/45px "微软雅黑";color: #0c74e9;}
.z4L{width: 833px;}
.z4L h1{background: url(../images/z4L.png) bottom left no-repeat;margin-bottom: 15px;}
.z4L dl{margin-bottom: 12px;overflow: hidden;}
.z4L dl dt{float: left;width: 190px;height: 140px;}
.z4L dl dd{width: 625px;float: right;}
.z4L dl dd h2{font:bold 14px/45px "微软雅黑";color: #666;}
.z4L dl dd h2:after{content: "";display: block;width: 18px;height: 2px;background-color: #999;}
.z4L dl dd p{font:12px/24px "微软雅黑";color: #666;margin-top: 10px;}
.z4L dl dd p a{color: #da251c;}
.z4R{width: 280px;position: relative;}
.z4R h1{background: url(../images/z4R.png) bottom left no-repeat;margin-bottom: 15px;}
.z4R ul li{float: left;text-align: center;}
.z4R ul li img{width: 280px;height: 210px;}
.z4R ul li h3{font:14px/2 "微软雅黑";color: #333;}
.z4R .prev,.z4R .next{position: absolute;cursor: pointer;top: 150px;z-index: 10;}
.z4R .prev{left: 10px;}
.z4R .next{right: 10px;transform:scale(-1);}
.z4B{margin-top: 25px;}
.z4B h1{background: url(../images/z4B.png) bottom left no-repeat;margin-bottom: 10px;font: bold 20px/45px "微软雅黑";
    color: #0c74e9;}
.z4B ul li{float: left;margin-right: 27px;}
.z4B ul li img{width: 280px;height: 210px;}
.z4B ul li h3{text-align: center;font:14px/3 "微软雅黑";color: #666;}

/*z5*/
.z5{padding-top:75px;height: 447px;background: url(../images/z5.png) center top no-repeat;margin-top: 70px;}
.z5L{width: 558px;line-height: 371px;}
.z5L img{vertical-align: bottom;}
.z5R{width: 547px;font:14px/24px "微软雅黑";color: #fff;}
.z5R img{margin-bottom: 25px;}
.z5R h3{margin-top: 55px;}
.z5R h3 a{margin-right: 10px;}

/*z6*/
.z6{padding-top: 75px;background-color: #f2f2f2;padding-bottom: 70px;}
.z6Box{margin-top: 15px;}
.z6Box ul li{float: left;margin-right: 13px;}
.z6Box ul li img{width: 280px;height: 210px;padding:4px;border:1px solid #dedede;}
.z6Box ul li h3{text-align: center;font:16px/2 "微软雅黑";color: #333;}
.z6Box ul li:hover img{border-color: #da251c;}
.z6Box ul li:hover h3{color: #da251c;}
.z6Box .prev,.z6Box .next{position: absolute;top:95px;width: 26px;height: 51px;cursor: pointer;}
.z6Box .prev{left: -50px;}
.z6Box .next{right: -50px;transform:scale(-1);}
.z6Box ul li{float: left;margin-right: 13px;}

.z6Box ul li p{
    width: 280px;
    height: 210px;
    overflow: hidden;
    position: relative}
.z6Box ul li  p a{
    padding-left: 40px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -100%;
    text-align: center;
    text-indent: 30px;
    font: 13px/40px "微软雅黑";
    color: #fff;
    background: url(../images/zx.png) 95px center no-repeat rgba(218,37,28,.8);
    transition: .36s;}
.z6Box ul li:hover p a{bottom: 0;}
/*z7L*/
.z7{margin-top: 75px;}
.z7L{width: 770px;}
.z7 h1{padding-left: 25px;font:18px/60px "微软雅黑";color: #fff;background-color: #0c74e9;}
.z7 h1 span{margin-left: 5px;font-size: 12px;color: #439bff;text-transform: uppercase;vertical-align: middle;}
.z7 h1 a{float:right;display: inline-block;margin-right:20px;width: 498px;background: url(../images/nsMore.png) right center no-repeat;height: 60px;}
.z7Lbox{padding:25px 25px 0 25px;border:1px solid #dedede;border-top: none;}
.z7Lbox dl{overflow: hidden;padding-bottom: 25px;border-bottom: 1px solid #dedede;}
.z7Lbox dl dt{float: left;}
.z7Lbox dl dt img{width: 240px;height: 160px;}
.z7Lbox dl dd{width: 460px;float: right;}
.z7Lbox dl dd h2{font:16px/26px "微软雅黑";color: #333;margin-top: 10px;}
.z7Lbox dl dd p{font:14px/24px "微软雅黑";color: #666;margin-top: 10px;}
.z7Lbox dl dd p a{color: #0c74e9;}
.z7Lbox ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top: 10px;position: relative;}
.z7Lbox ul:after{content: "";position: absolute;height: 140px;width: 1px;background-color: #dedede;left:50%;top:calc(50% - 70px);}
.z7Lbox ul li{font:14px/40px "微软雅黑";color: #666;padding-left: 25px;background: url(../images/z7Lli.png) left center no-repeat;width: 275px;}
.z7Lbox ul li a{color: #666;}
.z7Lbox ul li:hover{background: url(../images/z7LliOn.png) left center no-repeat;}
.z7Lbox ul li:hover a{color: #da251c;}
.z7R{width: 400px;}
.z7R h1 a{width: 240px;}
.z7R .bd{padding: 23px 23px 8px;border:1px solid #dedede;border-top: none;height:511px;overflow: hidden;}
.z7R .bd ul li{padding:10px 0;border-bottom: 1px solid #dedede}
.z7R .bd ul li a{display: block;font:14px/26px "微软雅黑";color: #0c74e9;}
.z7R .bd ul li a:before{content: "问";display:inline-block;width: 18px;height: 18px;background-color: #0c74e9;margin-right: 8px;text-align: center;font:12px/18px "微软雅黑";color: #fff;vertical-align: middle;}
.z7R .bd ul li p{font:14px/24px "微软雅黑";padding-left: 27px;position: relative;margin-top: 10px;}
.z7R .bd ul li p:before{content: "答";display:inline-block;width: 18px;height: 18px;background-color: #666;margin-right: 8px;text-align: center;font:12px/18px "微软雅黑";color: #fff;position: absolute;left: 0;top:3px;}

/*z8*/
.z8{margin-top: 75px;padding-top: 30px;height: 395px;background: url(../images/z8.jpg) center top no-repeat;}
.z8Box{width: 560px;}
.z8Box h1{font:bold 24px/1 "微软雅黑";color: #da251c;}
.z8Box .zx{font:14px/3 "微软雅黑";color: #333;}
.z8Box form{}
.z8Box form label{display: block;margin-bottom: 15px;font:14px/30px "微软雅黑";color: #333;}
.z8Box form label input{width: 260px;height:30px;background-color: #fff;border:none;border-radius: 5px;margin-left: 10px;font:12px/30px "微软雅黑";text-indent: 5px;}
.z8Box form label textarea{width: 505px;height: 80px;background-color: #fff;border:none;border-radius: 5px;margin-left: 10px;padding: 0;font:12px/30px "微软雅黑";text-indent: 5px;}
.z8Box form label[for="content"]{margin-bottom: 0;}
.z8Box form label span{vertical-align: top}
.z8Box input{height:30px;background-color: #fff;border:none;border-radius: 5px;margin-left:55px;}
#checkCodeImg2{margin-right: 28px;}
.z8Box input[type="submit"]{width: 90px;height: 35px;background-color: #0c74e9;font:12px/35px "微软雅黑";color: #fff;cursor: pointer;margin-left: 57px;margin-top: 10px;}
.z8Box input[type="reset"]{width: 90px;height: 35px;background-color: #333;font:12px/35px "微软雅黑";color: #fff;cursor: pointer;margin-left:30px;margin-top: 10px;}


/*页面底部*/
.footer{background-color: #222;padding-top:60px;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: #da251c;}
.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:14px/50px "微软雅黑";}
.nav_foot p{display: flex;justify-content:space-between;flex-wrap:wrap;}
.nav_foot a{color: #999;transform:translateY(-18px);display: inline-block;width:100px;}

.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;padding-top: 25px;font:12px/2 "微软雅黑";color: #fff;width: 400px;}
.f_link a{color: #999;margin-right: 5px;}

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