@CHARSET "UTF-8";

/*头部样式*/
p{margin:0;}
.fl{float:left;}
.fr{float:right;}
.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{margin-top:36px;}


.com-img{ display:inline; overflow:hidden;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.wh{max-width:1430px;margin:0 auto;padding:0 15px;}




.top1{color:#666666;font-size:14px;background:#f2f3f5;height:35px;line-height:35px;overflow:hidden;}
.top1 a{color:#666666;}

.top2{height:113px;overflow:hidden;}
.logo{line-height:113px;}
.k2{margin-top:30px;font-size:14px;color:#666666;line-height:23px;background: url(../images/t.png) no-repeat left bottom;padding-left:47px;}
.k2 p:nth-child(2){color:#006dbb;font-size:30px;font-weight:bold;}




.top3{height:45px;background:#006dbb;}


/*热门搜索*/
.sch{height:40px;line-height:40px;background: #fafafa}
.hotSearch{float:left;font-weight:normal;color:#666;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color:#666;}
.hotSearch a:hover{color:#1f94fe;}





/*搜索和热门搜索*/
.search {
    position: relative;
    float:left;
    width:23px;
    height:45px;
    cursor: pointer;
    z-index: 99;
  
}

.search1 {
    width:23px;
    height:45px;
    background: url(../images/ss.png) no-repeat;
}

#formsearch1 {
    position: absolute;
    z-index: 20;
    top:45px;
    right:0;
    display: none;
    width: 350px;
    margin-left: -20px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

#formsearch1 input {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 34px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#formsearch1 input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.sinput {
    position: relative;
    height: 36px;
}

#formsearch1 input#keyword {
    outline: none;text-indent:6px;
}

#formsearch1 input#s_btn {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: -1px;
    width: 39px;
    height: 34px;
    border: 0;
   outline:none;color:#fff;background:#006dbb;
    cursor: pointer;font-size:13px;
}


.search .triangle {
    position: absolute;
    top: -15px;
    right: 0;
    display: none9;
    overflow: hidden;
    width: 320px;
    height: 15px;
}



/* 导航样式 */
.x-menu{float:left;width:82%;}

.x-menu > li {
  float: left;
  position: relative;
 text-align:center;
}

.x-menu > li > a {
  display: block;
  font-size:16px;
  color: #fff;
  line-height:45px;padding:0 28px;
}

.x-menu > li > a:hover {
  background: #fff;
  color: #006dbb;
}

.x-menu > li.active > a {

}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 150%;
  left: -25%;
  top: 65px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}

.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}









/*主体样式*/
.navigation{float:right;width:100px;}

.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}




/*主体样式*/

.box1{background:url(../images/bj1.png) no-repeat;background-size:100% 100%;padding:50px 0;overflow:hidden;}
.bt{text-align:center;}
.bt h2{color:#333333;font-size:30px;background:url(../images/bt.png) no-repeat center center;font-weight:bold;}
.bt h3{color:#666666;font-size:16px;font-weight:normal;text-transform:uppercase;margin-top:8px;}
.ptt{color:#333333;font-size:18px;font-weight:bold;margin-top:55px;position:relative;background:url(../images/x1.png) no-repeat left center;padding-left:14px;}
.ptt span{color:#333333;font-size:12px;font-weight:normal;text-transform:uppercase;margin-left:10px;}
.ptt a{color:#333333;font-size:14px;font-weight:normal;text-transform:uppercase;position:absolute;right:0;top:0;}


.product_list11{margin-top:50px;display: flex; justify-content: space-between;flex-wrap:wrap;}
.product_list11 li{width:23%;text-align:center;margin-bottom:37px;}
.product_list11 li .img{width:100%;display:block;}
.product_list11 li img{width:100%;display:block;}
.product_list11 li h3{color:#333333;font-size:16px;line-height:48px;height:48px;overflow:hidden;}
.product_list11 li h3 a{color:#333333;}



.box2{overflow:hidden;position:relative;background:url(../images/bj2.png) no-repeat;background-size:cover;padding:50px 0;}
.index-c4 ul{display:flex;justify-content:space-between;}
.index-c4 ul li{
  width: 19.3%;
}


.index-c4 ul li a{
  display: block;
  position: relative;
}
.index-c4 ul li .wz{
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  padding: 15%;
  text-align: center;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}
.index-c4 ul li a > img{
  width: 100%;
  height: auto;
}
.index-c4 ul li .wz .conn{
  padding-top: 110%;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}
.index-c4 ul li .wz h3{
  font-size: 28px;
  color: #fff;
  line-height:40px;
  
}

.index-c4 ul li .wz dt{
  font-size: 14px;
  color: #fff;
  line-height: 2;
  height: 0;
  font-weight: normal;
  overflow: hidden;
  margin-top: 30px;
  display: block;
}
.index-c4 ul li .wz dt span{
  display: block;width:43px;height:43px;margin:0 auto;
  margin-top: 36%;
}
.index-c4 ul li:hover .wz{
  background: rgba(0, 0, 0, 0.6);
}

.index-c4 ul li:hover .wz .conn{
  padding-top:42%;
}
.index-c4 ul li:hover .wz dt{
  height: auto;
}


.coverline {
  position: absolute;
  left: 20px;
  top: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  padding: 20px;
  z-index: 99;
}


.index-c4 ul li .overlay-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: rgba(255, 255, 255, .3);
}

.index-c4 ul li .overlay-left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2px;
  height: 0;
  background-color: rgba(255, 255, 255, .3);
}

.index-c4 ul li .overlay-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  background-color: rgba(255, 255, 255, .3);
}

.index-c4 ul li .overlay-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 0;
  background-color: rgba(255, 255, 255, .3);
}

.index-c4 ul li:hover .overlay-bottom {
  animation: borderslideBottom .15s linear 1;
  -moz-animation: borderslideBottom .15s linear 0s 1;
  -webkit-animation: borderslideBottom .15s linear 0s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.index-c4 ul li:hover .overlay-left {
  animation: bordersildeLeft .2s linear .15s 1;
  -moz-animation: bordersildeLeft .2s linear .15s 1;
  -webkit-animation: bordersildeLeft .2s linear .15s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.index-c4 ul li:hover .overlay-top {
  animation: bordersildeTop .15s linear .35s 1;
  -moz-animation: bordersildeTop .15s linear .35s 1;
  -webkit-animation: bordersildeTop .15s linear .35s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.index-c4 ul li:hover .overlay-right {
  animation: bordersildeRight .2s linear .5s 1;
  -moz-animation: bordersildeRight .2s linear .5s 1;
  -webkit-animation: bordersildeRight .2s linear .5s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@-moz-keyframes borderslideBottom {
  from {
      width: 0
  }
  to {
      width: 100%
  }
}

@-webkit-keyframes borderslideBottom {
  from {
      width: 0
  }
  to {
      width: 100%
  }
}

@keyframes borderslideBottom {
  from {
      width: 0
  }
  to {
      width: 100%
  }
}

@-moz-keyframes bordersildeLeft {
  from {
      height: 0
  }
  to {
      height: 100%
  }
}

@-webkit-keyframes bordersildeLeft {
  from {
      height: 0
  }
  to {
      height: 100%
  }
}

@keyframes bordersildeLeft {
  from {
      height: 0
  }
  to {
      height: 100%
  }
}

@-moz-keyframes bordersildeTop {
  from {
      width: 0
  }
  to {
      width: 100%
  }
}

@-webkit-keyframes bordersildeTop {
  from {
      width: 0
  }
  to {
      width: 100%
  }
}

@keyframes bordersildeTop {
  from {
      width: 0
  }
  to {
      width: 100%
  }
}

@-moz-keyframes bordersildeRight {
  from {
      height: 0
  }
  to {
      height: 100%
  }
}

@-webkit-keyframes bordersildeRight {
  from {
      height: 0
  }
  to {
      height: 100%
  }
}

@keyframes bordersildeRight {
  from {
      height: 0
  }
  to {
      height: 100%
  }
}


@media (max-width: 1200px) {
  .index-c4 ul li .wz{
    padding: 10%;
  }
  .coverline{
    padding: 10px;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
  .index-c4 ul li .wz dt{
    display: none;
  }
  .index-c4 ul li:hover .wz .conn{
    padding-top: 80%;
  }
}

@media (max-width: 768px){
	 .index-c4 ul{flex-wrap:wrap;}
	  .index-c4 ul li{
	    width: 49%;margin-bottom:10px;
	  }
	.index-c4 ul li:last-child{
	   display:none;
	}
	  .index-c4 ul li .wz h3{
	    font-size: 20px;
	  }
}


.cpys{width:100%;margin:0 auto;}
.cpys img{width:100%!important;display:block;height:auto!important;;}




.box3{overflow:hidden;background:url(../images/bj3.png) no-repeat;background-size:cover;padding:50px 0;margin-top:50px;}
.box3 .cont{margin-top:50px;display:flex;justify-content:space-between;}
.abpic{width:48.3%;}
.abpic img{width:100%!important;display:block;height:auto!important;}
.about{width:49.2%;}
.abtt{text-align:center;color:#333333;font-size:31px;background:url(../images/x2.png) no-repeat center bottom;padding-bottom:18px;font-weight:bold;}
.ab{color:#333333;font-size:16px;line-height:26px;margin-top:8px;}
a.am{display:block;text-align:center;margin:0 auto;color:#333333;font-size:16px;border:1px solid #908e8c;width:148px;line-height:36px;margin-top:10px;}


.box4{overflow:hidden;margin-top:50px;}
.box4 .cont{margin-top:50px;display:flex;justify-content:space-between;}
.xw{width:31.36%;}
.xw img{width:100%!important;display:block;height:auto!important;}
.xw2{width:67.29%;}
.sort22{border-bottom:1px solid #9a9a9a;position:relative;padding-bottom:18px;}
.sort22 li{margin-left:5%;float:left;position:relative;}
.sort22 li a{color:#696868;font-size:18px;}
.sort22 li:hover:after{content:"";width:69px;height:3px;background:#006dbb;position:absolute;display: block;top:42px;left:0;} 
.sort22 li:hover a{color:#006dbb;font-weight:bold;}
.sort22 a.nm{color:#7e7e7e;font-size:16px;text-transform:uppercase;position:absolute;right:0;top:0;}

.xlist1{margin-left:5%;}
.xlist1 li{margin-top:30px;}
.xlist1 li .time{width:8%;text-align:center;color:#696868;font-size:46px;}
.xlist1 li .time span{color:#696868;font-size:16px;display:block;}
.xlist1 li .det{width:88%;margin-top:10px;}
.xlist1 li h3{color:#333333;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xlist1 li h4{color:#696868;font-size:16px;line-height:26px;margin-top:10px;height:52px;overflow:hidden;}
.xlist1 li:hover h3{color:#006dbb;}









/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

/*友情链接*/
.f_link{line-height:24px;color:#333;font-size:14px;padding:30px 0;}
.f_link a{color:#333;padding-right:5px;}
.f_link a:hover{color:#006dbb;}


/*页面底部*/
.foot{overflow:hidden;background:url(../images/foot.png) no-repeat;background-size:cover;padding:60px 0 50px;}
.foot1{width:83%;}
.fnav{width:100%;line-height:43px;overflow:hidden;height:43px;background:#006dbb;margin-bottom:50px;}
.fnav li{float:left;margin-left:3.6%;}
.fnav li a{color:#fff;font-size:16px;}
.lx{color:#e2e2e2;font-size:16px;line-height:26px;}
.fx{width:100%;margin:50px auto;}
.fx img{width:100%;}
.copyright{color:#e2e2e2;font-size:14px;line-height:25px;}
.copyright a{color:#e2e2e2;}
.code{width:11.79%;margin-top:50px;}
.code img{width:100%;}






/*------------内页-------------------*/
.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto;}




.left{width:225px;float:left;}
.sort_menu{}
.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 p.content{padding:5px;}

.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

.xypg-right-content  .content{margin-top:10px;}




@media (max-width:1024px) {
  .box3 .cont{flex-wrap:wrap;}
  .abpic{width:100%;}
  .about{width:100%;}
  .box4 .cont{flex-wrap:wrap;} 
  .xw{width:100%;}
  .xw2{width:100%;margin-top:30px;}
  .fnav li{margin-left:2%;}
  .fnav li a{font-size:15px;}
  .lx{font-size:15px;}

}



@media (max-width: 768px) {
 .xypg-right-content img{max-width:100%!important;width:auto!important;height:auto!important;}
 .xlist1 li .time{width:10%;}
 .code{margin-top:0px;}

}


@media (max-width:640px) {
  .product_list11 li{width:48%;}
  .bt h2{background:none;font-size:25px;}
  .bt h3{font-size:14px;}
  .ptt{font-size:16px;}
  .ptt a{font-size:13px;}
  .product_list11 li h3{font-size:14px;}
  .abtt{font-size:25px;margin-top:15px;}
  .ab{color:#333333;font-size:14px;line-height:24px;}
  a.am{font-size:14px;border:1px solid #908e8c;width:123px;line-height:30px;}
  .sort22 li{}
  .sort22 li a{font-size:16px;}
  .sort22 a.nm{font-size:16px;}
  .sort22 li:hover:after{content:"";width:69px;height:3px;background:#006dbb;position:absolute;display: block;top:39px;left:0;} 
 .xlist1 li .time{width:16%;font-size:44px;}
 .xlist1 li .time span{font-size:14px;}
 .xlist1 li .det{width:80%;}
 .xlist1 li .det h3{font-size:16px;}
 .xlist1 li .det h4{font-size:14px;line-height:24px;height:48px;}
 .foot1{width:100%;}
 .foot{padding:30px 0;} 
 .fx{margin:30px 0;} 
.lx{font-size:14px;line-height:22px;}
.copyright{font-size:12px;line-height:22px;}
.product_detail .list{margin-left:0;}

}

/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #333;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}