/*头部样式*/
#header{width:1200px;margin:0 auto;overflow: hidden;height: 132px;}
.logo{float:left;width: 515px;padding-top: 10px;}

.topLink{float:right;width: 615px;margin-top: 33px;}
.k2{padding-left: 50px;background: url(../images/tel.png) left center no-repeat;font:14px/25px "微软雅黑";color: #606060;width: 160px;}


/*搜索*/
#formsearch{
  float:left;
  font-size: 0;
  border-top: 6px solid #f0f0f0;
  border-right: 4px solid #f0f0f0;
  border-bottom: 5px solid #f0f0f0;
  border-left: 8px solid #f0f0f0;
}
#formsearch input{background:none;border:none;line-height:35px;height:35px;outline: none;}
#formsearch input#keyword{padding-left:10px;color:#666;width:240px;}
#formsearch input#s_btn{width:50px;cursor:pointer;background: url(../images/ss.png) center no-repeat #5c5e61;font-size: 0;}

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





/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;}

/*页面底部*/
#footer{background-color: #4b4b4b;padding-top: 50px;color:#fff;padding-bottom: 70px;}
#footer a{color:#fff;}
.f-contact{
  width: 325px;
  position: relative;
  font:14px/30px "微软雅黑";
}
.f-contact::after{
  content: "";
  position: absolute;
  width: 1px;
  height: 240px;
  background-color: #737373;
  right: 0;
  top: -32px;
}
.f-contact h1{
  font:bold 30px/1 "微软雅黑";
}
.f-contact h1 span{
  display: block;
  line-height:42px;
  text-transform: uppercase;
  font-size: 15px;
}

.nav_foot{
  margin-left: 25px;
  width: 520px;
  font:14px/40px "微软雅黑"
}
.nav_foot h1{
  font:bold 14px/40px "微软雅黑"
}

.copyright{
  margin-top: 35px;
  font:13px/25px "微软雅黑"
}
.f-code{
  width: 285px;
  margin-top: 10px;
}

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

.left .box{margin-bottom:10px;}
.left .box h3{line-height:40px;background:#2344a4;font-size:18px;color:#fff;text-align:center;font-weight:normal;}
.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;margin:0 auto}


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

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

.right{width:920px;float:right;padding-bottom:10px;}
.sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#2344a4;}
.sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;}
.sitemp .site a{color:#fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

.navigation a{font-size:25px;}
/* z1 */
.z1{
  height: 600px;
  background: url(../images/z1.png) center 65px no-repeat #e8ebec;
}
.z1 ul li{
  position: absolute;
  transition: .5s;
}
.z1 ul li:nth-child(1){
  left: 0;
  top:76px;
}
.z1 ul li:nth-child(2){
  left: 578px;
  top:40px;
}
.z1 ul li:nth-child(3){
  left: 0;
  top:320px;
}
.z1 ul li:nth-child(4){
  left: 578px;
  top:320px;
}
.z1 ul li:hover{
  transform: scale(1.1);
  z-index: 10;
}

/* z2 */
.z2{
  padding-top: 120px;
  height: 654px;
  background: url(../images/z2.jpg) center top no-repeat;
}
.z2 h1{
  padding-left: 15px;
  color: #fff;
  text-transform: uppercase;
  font:38px/1 Impact;
}
.z2 h1 span{
  display: block;
  font:bold 31px/50px "微软雅黑";
}
.z2-left{
  width: 752px;
  margin-top: 50px;
  position: relative;
}
.z2-left .prev,.z2-left .next{
  position: absolute;
  z-index: 10;
  width: 49px;
  height: 49px;
  background: url(../images/z2Arr.png) center no-repeat #264ab2;
  bottom: -25px;
}
.z2-left .next{
  background: url(../images/z2Arr.png) center no-repeat rgba(0,0,0,.85);
  transform: scale(-1);
  left: 49px;
}
.z2-right{
  width: 428px;
  margin-top: 85px;
  color: #fff;
}
.z2-right h2{
  font:bold 49px/1 "微软雅黑"
}
.z2-txt{
  margin-top: 50px;
  font:14px/30px "微软雅黑"
}
.z2-right a.more{
  display: block;
  margin-top: 50px;
  width: 150px;
  text-align: center;
  font:14px/40px "微软雅黑";
  color: #fff;
  border:2px solid #fff
}

/* z3 */
.z3{
  padding-top: 85px;
}
.z3-left{
  width: 216px;
  height: 676px;
  border:1px solid #2344a4;
  padding: 10px;
}
.z3-inner{
    background-color: #f7f5f6;
    height: 100%;
}
.z3-left h1{
  text-align: center;
  text-transform: uppercase;
  font:bold 28px/1.2 Arial;
  color: #333;
  padding-top: 28px;
}
.z3-left h1 span{
  display: block;
  font:24px/36px "微软雅黑"
}
.z3-left h1 span:after{
  content: "";
  display: block;
  width: 190px;
  margin:0 auto;
  margin-top: 10px;
  height: 2px;
  background-color: #000;
}
.z3-left ul{margin-top: 10px;}
.z3-left ul::after{
  content: "";
  display: block;
  width: 188px;
  height: 2px;
  background-color: #000;
  margin: 0 auto;
  margin-top: 38px;
}
.z3-left ul li{
  width: 186px;
  margin:0 auto;
}
.z3-left ul li a{
  display: block;
  padding-left: 48px;
  font:14px/58px "微软雅黑";
  color: #333;
  border-bottom: 1px dashed #d5d3d4;
  background: url(../images/z3Li.png) 14px center no-repeat;
  white-space: nowrap;
}
.z3-left ul li a:hover{
  color: #2344a4;
  background: url(../images/z3LiOn.png) 14px center no-repeat;
}
.z3-left a.more{
  display: block;
  width: 190px;
  text-align: center;
  margin:40px auto;
  font:bold 14px/34px "微软雅黑";
  color: #fff;
  background-color: #2344a4;
}
.z3-right{
  width: 940px;
}
.z3-right h1{
  font:16px/40px "微软雅黑";
  color: #333;
  padding-left: 20px;
  background: url(../images/z3H1.png) left center no-repeat;
  border-bottom: 1px solid #2344a4;
}
.z3-right h1 a{
  float: right;
  font:16px/40px "微软雅黑";
  color: #333;
}
.z3-right ul{
  margin-top: 29px;
}
.z3-right ul li{
  float: left;
  margin-right: 20px;
  margin-bottom: 38px;
  position: relative;
}
.z3-right ul li:nth-child(3n){margin-right: 0;}
.z3-right ul li p{
  width: 298px;
  height: 230px;
  border:1px solid #999;
  overflow: hidden;
}
.z3-right ul li p img{
  width: 298px;
  height: 230px;
  transition: .5s;
}
.z3-right ul li:hover p img{transform: scale(1.2);}
.z3-right ul li h3{
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0;
  top: 192px;
  text-align: center;
  font:14px/40px "微软雅黑";
  color: #fff;
  background: rgba(0,0,0,.4)
}
.z3-right ul li a.more,.z3-right ul li a.mess{
  display: inline-block;
  margin-top: 22px;
  width: 142px;
  text-align: center;
  font:16px/38px "微软雅黑";
  color: #333;
  border:1px solid #333;
}
.z3-right ul li a.mess{
  margin-left: 8px;
  color: #2344a4;
  border-color: #2344a4;
}

/* z4 */
.z4{
  padding-top: 150px;
  position: relative;
  z-index: 10;
  margin-top:50px;
  background: url(../images/z4.png) center top no-repeat;
  height: 889px;
}
.z4-main{
  width: 1100px;
  margin:0 auto;
  color: #fff;
}
.z4-main>h1{
  text-align: center;
  font:20px/1 "Times New Roman";
  text-transform: uppercase;
}
.z4-main>h1 span{
  display: block;
  font:bold 30px/60px "微软雅黑";
}
.z4-main>h2{
  text-align: center;
  margin-top: 30px;
}
.z4-txt{
  text-align: center;
  font:16px/30px "微软雅黑";
  margin-top: 35px;
}
.z4-main>ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.z4-main>ul li a{
  display: block;
  width: 520px;
  text-align: center;
  margin-top: 50px;
  border:3px solid #fff;
  font:30px/94px "微软雅黑";
  color: #fff;
  background: url(../images/z4Arr.png) 435px center no-repeat;
}
.z4-main>ul li a img{
  margin-right: 15px;
  filter: grayscale(100%) brightness(1000%);
}
.z4-main>ul li a:hover{
  color: #2344a4;
  background: url(../images/z4ArrOn.png) 435px center no-repeat #fff;
}
.z4-main>ul li a:hover img{
  filter: none;
}

/* box6 */
.tit1{text-align: center;}
.box6{
    overflow: hidden;
    padding:76px 0 57px;
}
.b6_index{
    overflow: hidden;
    padding-top:38px;
}

.newstit{
    width: 100%;
    margin-bottom: 19px;
    overflow: hidden;
}
.newstit span{
    color: #2d2d2d;
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
}
.newstit a span{
    color: #a1a2a2;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
}
.b6c1_left{
    width: 772px;
    margin-left: 9px;
    overflow: hidden;
}

.news_left{
    width: 291px;
}
.news_right{
    width: 463px;
}
.news_right li{
    width: 100%;
    border-top: 1px solid #e3e3e3;
    padding:30px 0 26px;
    overflow: hidden;
}
.news_right li .newsin_left{
    width: 92px;
    overflow: hidden;
    text-align: right;
}

.news_right li .newsin_left p{
    color: #2d2d2d;
    font-size: 33px;
    line-height: 33px;
}
.news_right li .newsin_left p:last-of-type{
  text-align: center;
    color: #494949;
    font-size: 18px;
}
.newsin_right{
    width: 335px;
    text-align: left;
}
.newsin_right p{
    color: #575757;
    font-family: "宋体";
    font-size: 15px;
    line-height: 25px;
}
.newsin_right p:first-of-type{
    color: #000000;
    font-size: 16.5px;
    font-family: "微软雅黑";
    margin-bottom: 13px;
    line-height: 16.5px;
}

.news_right li:hover .newsin_right p:first-of-type{
  color: #2344a4
}

.b6c1_right{
    width: 340px;
    margin-right: 12px;
}
.b6c1_right .news_bot{
    width: 305px;
    margin-top: 27px;
}
.b6c1_right .news_bot li{
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    margin-top: 30px;
}
.b6c1_right .news_bot li:last-of-type{
    border-bottom: none;
}
.b6c1_right .news_bot li .newsin_left1{
    width: 33px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #000000;
    font-size: 16px;
    background: #ececec;
}
.b6c1_right .news_bot li .newsin_right1{
    width: 267px;
    box-sizing: border-box;
    padding-left: 15px;
    color: #000000;
    font-size: 16px;
    line-height: 30px;
}

.b6c1_right .news_bot li:hover .newsin_right1{
  color: #2344a4
}