@charset "utf-8";
/* CSS Document */
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
body,td,th {font-size: 13px;color: #333333;}
a:link {color: #333333;text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: none;color: #0c6cb0;}
a:active {text-decoration: none;}
ul,li,div,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form{ padding:0; margin:0; list-style:none;}
.clear{ clear:both;}
.pt30{ padding-top:30px;}
.mainbox{ width:1200px; margin:0 auto; clear:both;}
img{ border:0;}
*{box-sizing:border-box;}
/*****header******/
.logo{ padding:10px 0px; float:left;}
/******menu******/
#header{ clear:both; width:100%; position:fixed; z-index:10; height:80px; background:#FFF;}
.hd_g{ clear:both; height:80px;}
.menu{ float:right; height:80px; line-height:78px;}
.menu li{ float:left; padding:0 15px;}
.menu li a{ font-size:16px; font-family:微软雅黑; display:block;}
.menu li a:hover{ color:#0d6db0; border-bottom:2px #0d6db0 solid;}
.menu .clt a{ color:#0d6db0; border-bottom:2px #0d6db0 solid;}

.telh {
  line-height: calc(38 / 20 * 1em);
  border: 1px solid #ebebeb;
  border-radius: calc(38 / 20 * 1em);
  font-size: calc(20 / 16 * 1em);
  color: #6c81b0;
  padding: 0 17px 0 41px !important;
  background: url("../images/tel.png") no-repeat left 15px center;
  font-family: Arial;
  font-weight: bold;
  margin-top: calc(35 / 20 * 1em);
  margin-left: 1vw; width:175px; float:right; float:16px;
}
.telh a{ font-size:16px;}
.telh i{font-style: normal;font-size:16px;}
/******banner******/
.banner, .banner .bd ul li a {display: block;height: 635px;background-repeat: no-repeat;background-position: center center;width: 100%}
.banner .hd {bottom:10px;left:0;text-align: center;width: 100%;}
.banner .hd ul li {width: 12px;height: 12px;overflow: hidden;font-size: 10px;margin: 0 3px;background: #fff;display: inline-block;border-radius: 12px;}
.banner .hd ul li.on {background: #0d6db0;}
.rel {position:relative}
.abs {position:absolute;}

/*****product****/
.Hometitle{position: relative;z-index: 1; padding-bottom: 2vw;color: #333; text-align: center; }
.Hometitle .cn{font-size:36px; font-family:'HarmonyOS_Sans_SC_Medium';}
.Hometitle .cn span{display: inline-block;position: relative;line-height:0.8; }
.Hometitle .cn span:before{position: absolute;content: '';z-index: -1;width:calc(35 / 46 * 1em);height:calc(35 / 46 * 1em);background: url(../images/tit-bg.png) no-repeat center center;right:calc(-23 / 46 * 1em); top:calc(-15 / 46 * 1em);background-size: contain;}
.Hometitle .intro{padding:calc(10 / 18 * 1em) 0 calc(24 / 18 * 1em);position: relative; font-size:18px; color: #555; line-height: 1.75;}
.Hometitle .intro:before{position: absolute;content: '';width:calc(40 / 20 * 1em);height: 2px;background-color: #6C81B0;left:50%; bottom: 0; margin-left: calc(-20 / 20 * 1em);}

.fw_list{ clear:both; width:100%;}
.fw_list li{ border:1px #e1e1e1 solid; margin:5px; float:left; width:calc(25% - 10px);}
.fw_list li label{ overflow:hidden; display:block;cursor:pointer}
.fw_list li a{ color:#000;}
.fw_list li a:hover{ color:#0c6cb0;}
.fw_list li img{ width:100%; height:210px;display: block;transition: all 1s;}
.fw_list li:hover img{transform: scale(1.35);}

.fw_list li h3{ font-size:17px; font-weight:normal; margin:10px 0; padding:0px 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.fw_list li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; color:#666666; padding:0 15px}
.fw_list li div{ margin:10px 15px 0 15px; transition: all 1s; position: relative; height: 47px;line-height: 47px;color: #777;font-size: 14px;border-top: solid 1px #dedede;background: url(../images/jt.png) no-repeat right center;}
.fw_list li div:before{position: absolute;content: '';width: 0%;height: 1px;background: #0c6cb0;transition: all 1s;top: -1px;}
.fw_list li:hover div:before{width:100%;}
.fw_list li div i{ width:19px; height:10px; display:block; float:right;}


/***case*
.case_list{ clear:both; width:100%;}
.case_list li{ float:left;position:relative; margin:5px;}
.case_list li img{ width:390px; height:280px;}
.case_list li a{ color:#FFF; font-size:15px;}
.case_list li a div{position:absolute; bottom:4px; height:40px; line-height:40px; background-color:rgba(0,0,0,0.6); overflow:hidden; width:100%; text-align:center;}
.case_list li a:hover div{ height:240px; width:350px;font-size:13px; padding:20px; line-height:21px;}
.case_list li a:hover div p{ font-size:15px; font-weight:bold; padding:10px 0;}**/

.case_list{ clear:both; width:100%;}
.case_list li{margin:0 25px; float:left; width:calc(33.33% - 50px); text-align:center;}
.case_list li label{ overflow:hidden; display:block;cursor:pointer}
.case_list li a{ color:#000;}
.case_list li a:hover{ color:#0c6cb0;}
.case_list li img{ width:100%; height:280px;display: block;transition: all 1s;}
.case_list li:hover img{transform: scale(.75);}
.case_list li h3{ font-size:17px; font-weight:normal; margin:10px 0; padding:0px 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}


/**about***/
.abbg{ background:#f2f4f8; clear:both; width:100%; padding:30px 0;}
.abbox{ clear:both; padding-top:30px; line-height:25px;}
.abbox img{ float:left; padding-right:30px;}

/**news***/
.news_img{ clear:both; padding-top:30px;}
.news_img li{ float:left; margin:0 20px;width:calc(25% - 40px); }
.news_img li img{ width:100%; height:130px;}
.news_list{ clear:both; padding-top:20px;}
.news_list li{ float:left; line-height:35px; width:calc(50% - 50px); margin:0 25px;}
.news_list li span{ float:right;}

/***footer***/
.ftbg{ clear:both; padding:30px 0; background:#3f4044; width:100%;}
.ft_cop{ float:left; color:#FFF; line-height:24px;}
.ft_menu{ clear:both; padding-bottom:10px;}
.ft_menu span{ padding:0 8px; color:#FFF; font-family:宋体;}
.ft_cop a{ color:#FFF; font-size:15px;}
.ft_cop a:hover{ color:#CCC;}
.ft_er{ float:right;}

/******内页样式*****/
.ab_fl{ clear:both; width:100%; text-align:center;display:table;}
.ab_fl li{ float:left;float:none;display:inline;zoom:1; padding:0 10px;}
.ab_fl li a{ line-height:40px; border:2px #e3e3e3 solid; width:160px; text-align:center; display:inline-block; font-size:18px;}
.ab_fl li a:hover{ background:#0c6cb0; border:2px #0c6cb0 solid; color:#FFF;font-size:18px;}
.ab_fl .cli a{background:#0c6cb0; border:2px #0c6cb0 solid; color:#FFF;font-size:18px;}

.nei_txt{ clear:both; line-height:24px; padding:30px 0;}

/******nei product*******/
.product_list{ clear:both;display:block; padding:10px 0;}
.product_list li{ float:left; padding:5px;background:#f4f4f4; margin:10px;}
.product_list li img{ width:270px; height:210px;}
.product_list li p{ padding:5px; display:block; text-align:center;}

.zn_news{ clear:both; width:100%;}
.zn_news li{ float:left; padding:0 10px; width:380px; margin:10px 0;}
.zn_news li img{ width:370px; height:225px; padding:2px; background:#e5e5e5;}
.zn_news li h3{ font-size:18px; color:#000;}
.zn_news li h3 a{ color:#000; padding:10px 0; display:block;}
.zn_news li h3 a:hover{ color:#235ca9;}
.zn_news li h3 p{ line-height:24px;}

.nei_news{width:100%; clear:both; padding:15px 0;}
.nei_news dt{ background:#0c6cb0; width:100px; height:85px; float:left; text-align:center; color:#FFFFFF;}
.nei_news dt h3{ background:#FFFFFF; text-align:center; color:#000000;margin:10px; padding:5px 0; font-size:18px; font-weight:normal;}
.nei_news dd{ float:right; width:1080px;}
.nei_news dd h3{ padding-bottom:5px; font-size:16px;}
.nei_news dd p{ line-height:22px;}

/*******page*******/
#bottompage{clear:both;height:auto;text-align:center; width:auto; line-height:20px;}
#bottompage ul{list-style:none; margin:0px; padding:0px;}
#bottompage ul li{float:left;display:block;margin-left:2px; padding:2px;width:auto;height:25px;border:1px solid #eee;text-align:center;}
#bottompage ul li.nextprev span{ width:50px; display:block; background-color:#FFF;}
#bottompage ul li.pagenum{ width:auto; display:block;  background-color:#FFF;}
#bottompage ul li.pagenum a{ display:block; padding:0px 5px;}
#bottompage ul li span{display:block;width:auto;height:20px; background-color:#700000;}
#bottompage ul li.nextprev{width:50px; display:block; background-color:#FFF;}
#bottompage ul li span{display:block;background-color:#FFFFFF; width:auto; }
#bottompage ul li.currentpage{font-weight:bold; background-color:#0c6cb0; display:block; color:#FFF; width:23px;}
#bottompage ul li.currentpage span{display:block;background-color:#09F; }
#bottompage span.recordcount{display:block; background-color:#09F; padding-left:20px; margin-left:10px;border:0px;cursor:pointer;}
#bottompage{font-size:12px;font-family:arial,宋体;margin-top:30px;}