html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px;}
body.ov{ overflow: hidden; }
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#eb1b1b}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}

.w1200{ width: 1400px; margin: auto; }
.content{ margin:20px auto; }
.middle{ padding: 30px 0;     float: none;}
/* 漂浮文字图层 */
.txt {
  position: absolute; /* 漂浮关键 */
  left: 11%;     /* 左右位置 */
  top: 330px;     /* 上下位置 */
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  /* 加半透明背景更好看 */
  background: rgba(0,0,0,0.2);
  padding: 15px 30px;
  border-radius: 8px;
}

.top{ margin: auto; height: 100px; position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 9999; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.top .w1200{ padding-top: 15px; }
.logo{ float: left;}
.nav{ float:right; font-size: 16px;  }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;padding-bottom: 20px;}
.nav li a{ display: block;  padding:0 30px; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold;  }
.nav li a:hover{  color: #eb1b1b;}
.nav li.on a{color: #eb1b1b; }
.nav li:last-child a{ background: #eb1b1b; color: #fff; margin-top: 5px; height: 40px; line-height: 40px; border-radius: 50px; }
.nav li:last-child a:hover{ background: #0B57A7; }


.web_dian{ height: 80px; }
.box{ padding:0.8rem 0;  background-repeat: no-repeat; background-position: center; background-size: cover; }
.box1{ background: #f2f2f2; }

.index_dh{ margin: auto; }
.index_dh h2{ font-size: 0.34rem; font-weight: bold; display: inline-block; }
.index_dh b{ font-size: 0.24rem; color: #999;  font-family: Arial;  padding-left: 5px; text-transform:uppercase; }

.pic_list{ margin:auto; width: 1400px; position: relative; padding:40px 0; }
.pic_list li{ background: #fff; }
.pic_list li .pic1 span{padding-top:66%;}
.pic_list li .text{ margin:auto; text-align: center; padding:20px 20px 0 20px; transition: all 0.5s; }
.pic_list li .text h3{ font-size: 20px; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pic_list li .text p{ color:#999; margin:10px auto; }
.pic_list li .text em{ display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 40px; margin:auto; border:#c12020 1px solid; color: #c12020;  opacity: 0;  transition: all 0.5s; }
.pic_list li:hover .text{transform: translateY(-40px);}
.pic_list li:hover .text em{  opacity: 1; }
.pic_list li:hover .bak{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic_list .swiper-button-next, .pic_list .swiper-button-prev{ background: #ff0000; width: 0.7rem; height: 0.7rem; border-radius: 100%; outline:none; margin: 0 -100px;   }
.pic_list .swiper-button-next:after, .pic_list .swiper-button-prev:after{ font-size: 20px; color: #fff;  }



.pic_list .swiper-pagination{ bottom: 0; outline:none;}
.pic_list .swiper-pagination-bullet{ background: #ff0000; opacity: .3; width: 15px; height: 10px; border-radius: 10px; outline:none;}
.pic_list .swiper-pagination-bullet-active{ background: #ff0000; width: 25px; opacity: 1;}




.box2{ padding: 1rem 0; }
.box2 .w1200{display: flex; align-items: center;}
.about_l{ float: left; width: 43%; margin-right: 7%;  }
.about_r{  width: 50%; height:500px; /*position: relative;*/ padding-bottom: 20px;background: #fff; }
.about_dh{ margin:auto; }
.about_dh h2{ font-size: 0.36rem; display: inline-block; font-weight: bold; margin-right: 10px; }
.about_dh span{ font-family: Arial; font-size: 0.24rem; color: #999; text-transform:uppercase; }
.about_con{ font-size: 16px; line-height:2; margin:45px auto; color: #666; }
.more{ margin:auto; }
.more a{ display: block; width: 170px; height: 50px; line-height: 50px; font-size: 16px; background: #fe0000; color: #fff; text-align: center; border-radius: 30px; transition: all 0.5s;}
.more a em{ display: block; float: left; margin-left: 20px; }
.more a i{ display: block; float: right; margin-right:10px; width: 36px; height: 36px; line-height:36px; background: #fff; border-radius: 100%; color: #999; text-align: center; margin-left: 30px; font-size: 26px; margin-top: 7px; }

.more a:hover{transform: translateX(10px);}
.about_r .pic{ margin-right: 20px; border-radius: 10px;  overflow:hidden;}
.about_r .pic span{ padding-top: 65%; border-radius: 10px; }
.about_r i{ display: block; width: calc(100% - 20px); height:calc(100% - 20px);border-radius: 10px; right: 0; top: 20px; position: absolute; z-index: 0;}


.box3{ padding: 0.5rem 0; }


.new_dh{position: relative; width:100%;  }
.new_dh h2{ font-size: 0.36rem; display: inline-block; font-weight: bold; margin-right: 10px; }
.new_dh span{ font-family: Arial; font-size: 0.24rem; color: #999; text-transform:uppercase; }
.box3 ul{ margin:auto; width:100%; overflow: hidden;  }

.box3 ul li{ background: #f0f1f6; width:46%; float:left; border:1px solid #f0f1f6; float:left; margin:15px 1%; }
.box3 ul li .pic{width:304px; height:206px; float:left; padding:15px 15px; }
.box3 ul li .new_nr{width:305px; float:left; margin-top:5px;}
.box3 ul li .new_nr .biaoti{ width:100%; float:left; height:30px;line-height: 50px; font-size: 16px;}
.box3 ul li .new_nr .miaoshu{ width:100%;  float:left; line-height: 30px; font-size: 14px; margin-top:20px;color: #666; overflow:hidden; }
/********底部导航*******/
.box4{ background: #27316e; margin: auto; padding:50px 0px 20px 0; color: #999; }
.box4 .w1200{display: flex; align-items: center;}
.box4  a{ color:#fff;}
.box4 a:hover{  color: #469c35;}
.f_lxwm{ margin:30px auto; float:left; width:100%;  } 
.f_lxwm p{ margin:15px auto; color: #fff; font-size: 16px;  }
.f_lxwm p i{ color: #fff;}
.f_lxwm_l{ float: left; width: 100%; margin-right: 2%; margin-bottom:1%;}
.f_lxwm_r{  float: left;width: 21.5%;}
.foot{ border-bottom:#262626 1px solid;  margin-bottom:20px; }
.foot_l{ width: 33%; margin-right:2%; }
.mess{ overflow: hidden; padding:20px 0; }
.copy a{color: #fff; }
.copy{ text-align: center; color: #fff; margin:0 1%;  }

/************/

.f_daohang{ margin:0 auto; float:left; width:100%; margin-top:-100px;  } 
.f_daohang p{ margin:15px auto; color: #fff; font-size: 16px;  }
.f_daohang p i{ color: #fff;padding-right: 10px; padding:15px 10px 0 0;}

/************/
.foot_but{ margin:30px auto; }
.foot_nav{ width: 60%; font-size: 16px;}

.foot_dh{  color: #fff; font-size: 20px; font-weight:bold;}
.foot_nav dl{ margin:10px auto; }
.foot_nav dl dd{ float: left; width: 40%; margin-bottom: 10px; }
.foot_nav dl dd a{ color: #fff; }
.wei{width:130px; height:130px; background-color:#fff; border-radius: 20px; float:left; margin:0 10px;  }
.wei{ background-color:#F00; text-align:center; font-size:16px; color:#fff;}
.wei img{ border-radius: 10px; float:left; margin-bottom:10px;}

/***************************************/

.nbanner{ margin: auto; overflow: hidden }
.nbanner .pic span{ padding-top: 26%; }
.wzdh{ background: #fff; border-bottom: #ddd 1px solid; height: 60px;  line-height: 60px; }
.n_dh1{ float: left; }
.n_dh1 a{ display: inline-block; height: 58px; line-height: 58px;  padding: 0 10px; margin-right: 10px; /*border-bottom: #469C35 3px solid;*/ font-size: 16px; }
.n_dh1 a.on{ font-weight: bold; color: #eb1b1b; border-bottom: #eb1b1b 3px solid; }
.route{  float: right; color: #666; }
.route a{color: #666;}
.route a:hover{ color: #eb1b1b; }
.route1{ float: none; }

/**************联系我们*************/
.contacts{position: relative; width:100%; height:600px; overflow:none;}
.contacts img{ width:435px; height:250px; float:left; padding:15px 15px;}


/*
.wzdh{ background: #fff; border-bottom: #ddd 1px solid; height: 60px;  line-height: 60px; }
.n_dh1{ float: left; }
.n_dh1 a{ display: inline-block; height: 58px; line-height: 58px;  padding: 0 10px; margin-right: 10px;  font-size: 16px; }
.n_dh1 a.on{ font-weight: bold; color: #469C35; border-bottom: #469C35 3px solid; }
.route{  float: right; color: #666; }
.route a{color: #666;}
.route a:hover{ color: #469C35; }
.route1{ float: none; }

*/
.left{ width: 21.5%; margin-right: 30px; }
.right{ overflow: hidden;   }
.n_name{ margin:auto; border-bottom: #ddd 1px solid; line-height: 45px; height: 45px; }
.n_name h2{ display: inline-block; border-bottom: #2c70da 1px solid;  font-size: 24px; }

.n_dh{ margin:auto;   }
.n_dh a{ border-bottom: #ddd 1px solid; height: 50px; line-height: 50px; font-size: 16px; display: block; }
.n_dh a i{ padding-right: 5px; }
.n_dh a.on { color: #469C35; font-weight: bold; }

.pic_list1{}
.pic_list1 li{ float: left; width: 31.83%; }
.pic_list1 li a{ display: block; }
.pic_list1 li .pic1{ border: #eee 1px solid; }
.pic_list1 li .pic1 span{ padding-top:66%; }
.pic_list1 li .pic1 i{ position: absolute; display: block; width: 50px; height: 50px;  background: rgba(70,156,53,0.9); color: #fff; top: 50%;  left: 50%; transform: translate(-50%, -50%) scale(0);font-size: 26px; text-align: center; line-height: 50px; border-radius: 100%; transition: all 0.5s; }
.pic_list1 li.li1{ margin-left: 0.8%; margin-bottom: 10px; }
.pic_list1 li h3{ font-size: 14px; margin:auto; padding: 10px; text-align: center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; min-height: 22px; }
.pic_list1 li:hover .pic1:before{ content: ""; width: 100%; height: 100%; background:rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; z-index: 1;  }
.pic_list1 li:hover .pic1 i{ transform: translate(-50%, -50%) scale(1); z-index: 2;  }




.pic_list1 .test {
    width:100%;
    height:100%;
    background-color:#000;
    position:fixed;
    top:0;
    left:0;
    z-index:99995;
    opacity:0.6;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=30);
    display:none;
}
.pic_list1 .log_window {
    width: 100%; height: 100%;
    margin: auto;
    position: fixed;
    z-index:99999;
    top: 0; left: 0; overflow: auto;
    display:none;
}

.pic_list1 .log_window .log_box{ display: flex; align-items: center;z-index:888;  position: absolute;    float: none; left: 0; top:20px; height: calc(100% - 20px);  width: 100%;}
.pic_list1 .log_window .log_box .log_nr{width:800px; max-width: 90%; background:#fff; margin:auto;}
.pic_list1 .log_window .con{ padding:0 20px 10px 20px; position: relative;  }
.pic_list1 .log_window .pic1{  width: 100%;  text-align:center; font-size:20px; }
.pic_list1 .log_window .pic1 span{ padding-top: 100%;}
.pic_list1 .log_window .text{ overflow: hidden; }
.pic_list1 .log_window .text .tit{ margin:auto; }
.pic_list1 .log_window .text .tit h3{ font-size: 22px; font-weight: bold; }
.pic_list1 .log_window .text .tit span{ color: #999; font-size: 16px; display: block; margin:auto; }
.pic_list1 .log_window .text .tit p{ font-size: 18px; font-weight: bold; margin-top: 10px; }
.pic_list1 .log_window .text .text_con{ margin:10px auto 20px auto;  }
.pic_list1 .log_window .text .text_con ul li{ margin:5px auto; float: none; width: 100%; }
.pic_list1 .log_window .text .text_con ul li:before{font-family:"iconfont"; content: "\e617";   font-size: 12px; margin:0 2px 0 0px; }
.pic_list1 .log_window .gb{ text-align: right; padding: 10px;   }

.pic_list1 .log_window .gb i{ font-size: 20px; }




.product{ margin:20px auto 30px auto; }
.pic_ll{ float: left; width: 40%; margin-right: 2%; }

.pic_ll .pic1{ /*width: 80%; */margin:auto; }
.pic_ll .pic1 span{ padding-top: 100%; }
.pic_rr{ overflow: hidden; }
.pic_rr h1{ font-size: 24px; color: #0F75BC; font-weight: bold; }
.pic_rr span{ display: block; color: #999; font-size: 15px; }
.pic_rr .con{ margin:15px auto; line-height: 2; color: #666;  }


.pic_dk_dh{ margin:auto; border-bottom: #eee 1px solid; }
.pic_dk_dh a{ float: left; display: block; margin-right: 10px; background: #f3f3f3; color: #3A3A3A; padding:10px 25px; font-size: 16px; }
.pic_dk_dh a:hover,.pic_dk_dh a.on{ background: #eb1b1b; color: #fff; }
.pic_dk_con{ margin:20px auto; font-size: 16px; line-height: 1.8; }
.pic_dk_con .con{ display: none; }
.pic_dk_con .con.block{ display: block; }



.mess p{ margin:30px auto; background: #ececec;  border-radius: 5px;}
.mess p input{ background: none; border: none; height: 50px; line-height: 50px; text-indent: 10px; color: #333; font-size: 16px; width: 100%; }
.mess dd{background: #ececec; padding: 10px;  border-radius: 5px;}
.mess dd textarea{background: none; border: none; width: 100%; height: 100px; font-size: 16px; color: #33;}
.mess p input.button{ background: #eb1b1b; text-align: center; border-radius: 5px; font-weight: bold; color:#fff; }