/*重置reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ul, ol { list-style:none; }
a { text-decoration:none; color:#000; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
@font-face{ font-family: 'yyzt'; src: url(../fonts/STXINGKA.ttf);}
/*清除浮动*/

/*--------------------正文开始---------------------------------*/

body { font:12px "微软雅黑", Arial, Helvetica, sans-serif; }
.clear{clear: both;}
/*头部*/
.header_t{margin:0 auto;width: 1120px;}
#header {z-index:100;position: absolute;width: 100%;}
#logo { float:left;width:170px; height:125px;}
#logo img{ width:170px; height:125px;}
#header .tel{ text-align:left;color:#0c0c0c;padding-top:33px; float: left; line-height: 35px;padding-left: 770px; }
#header .tel span{font-size:18px; line-height:40px; color:#1d2087; letter-spacing:0px;background: url(../images/tel.png) left center no-repeat;font-weight: 600;padding: 5px 0px;padding-left:30px;}
#header .right {float:left;width:950px;height:75px; }
.timg{ width: 100%; overflow: hidden;}
.timg img{width:1920px;margin:0 calc(50% - 960px);}

/*导航*/

.header{ width:950px; height:50px;float: left;}
.header .nav{padding-left: 90px;height:50px;line-height:50px;position: relative;z-index: 111;}
.header .nav li{float: left;width:122px;height:50px;text-align: center;}
.header .nav li a{ font-size: 16px;  line-height:50px; display: block;color: #414141;}
.header .nav li a:hover{ color: #1d2088;position: relative;}
/*.header .nav li a:hover:after{content:" ";width: 110px;height:2px;position: absolute;background:#006abc;left:0px;top: 0;}*/
.header .nav li .second-nav{ display: none;position: relative;  }
.header .nav li .second-nav li{position: relative;width: 100%;height:40px;line-height:40px;background-color: rgba(255, 255, 255, 0.6);}
.header .nav li .second-nav li a{ height:40px; line-height:40px; font-size: 14px;color: #000000;}
.header .nav li .second-nav li a:hover{ color: #1d2088;  }
.header .nav li .second-nav li .third-nav{width: 160px;display: none;margin-left: 100%;margin-top: -40px;}
/*banner*/
.swiper-container {width: 100%;height:100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;

      /* Center slide text vertically */

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide img{width: 100%;}
.swiper-pagination-bullet {
 width:12px;
 height:12px;
 display:inline-block;
 border-radius:100%;
 background:#fff;
 opacity:.8
}
.swiper-pagination-bullet-active {
 opacity:1;
 background:#0371e2
}

.swiper-container{
--swiper-theme-color: #ff6600;/* 设置Swiper风格 */
--swiper-navigation-color: #0371e2;/* 单独设置按钮颜色 */
--swiper-navigation-size: 50px;/* 设置按钮大小 */
}




.brand{width: 100%; overflow: hidden;}
.brand a{display: block;width: 100%;height: 180px; position: absolute;}
.brand img{width:1920px;margin:0 calc(50% - 960px);}
.wlbj{margin:0 auto; width:1120px;}
.wapper{ }
.wapper1{background: url(../images/bg1.jpg) center top no-repeat;}
.wapper2{background: url(../images/bg2.jpg) center top no-repeat; }

.wow {
  visibility: hidden;
  /* 调整top值来控制起飞的高度 */
  position: relative;
  top: 30px; /* 根据需要调整这个值 */
}
.chanpin {padding-bottom:10px;margin-top: 20px; }
.chanpin h2{font-size:48px;line-height:60px;text-align: center;  color:#4c4b4b; position: relative; padding-top:50px; height: 120px;}
.chanpin h2 small{display: block;font-size:18px;font-weight: 400;line-height: 40px;color: #757575; }
.chanpin h2 a{position:absolute;right:10px; font-size: 14px; color:#494949;font-weight:400;line-height: 40px;top: 85px;  }
.chanpin .cp{float: left;}
.chanpin .cp li {float:left;   text-align: center;margin-bottom:30px;position: relative; }
.chanpin .cp li img { width:336px; height:330px; text-align: center;display: block;  transition: transform 0.5s ease; /* 平滑过渡效果 */
  transform: scale(1); /* 默认缩放比例 */ }
.chanpin .cp li:hover img { transform: scale(1.05); /* 鼠标滑过时放大的缩放比例 */}
.chanpin .cp li span {  color:#464646; font-size:20px;/*position:absolute;margin-top: -70px; background-color:rgba(0,0,0,0.7);*/display: block; color:#252526;line-height:30px;padding-top: 10px; }
.chanpin .cp li small{ display: block; color:#77777a;font-size: 14px;line-height:25px;}
.chanpin .cp li div{font-size: 12px;color:#1d2087;line-height: 25px; }
.chanpin .cp li:nth-child(3n+2),.chanpin .cp li:nth-child(3n+3){margin-left:56px;}
.chanpin .cp li span:hover{color:#1d2087;  }

.more{text-align: center;}

.anli{padding-left:560px;width:480px;  }
.anli .box{padding-top:108px;text-align: center;color:#fff;height: 300px;  }
.anli .box h3{font-size:36px; }
.anli .box small{font-size:13px;display: block;padding:5px 0px;   }
.anli .box a{color:#fff;border-radius: 30px;border: 1px solid #fff;padding:10px 20px;display: block;width:100px;margin:10px auto;font-size: 14px;}
.anli_f{background:#0f8e47; }
.anli_s{background:#1d2087; }

.pingjia{width:510px;   }
.pingjia{text-align: left;color:#fff;height: 340px;padding-top: 120px;  }
.pingjia h3{font-size:36px; }
.pingjia small{font-size:14px;display: block;padding:40px 0px; line-height: 20px;  }
.pingjia a{color:#fff;border-radius: 30px;border: 1px solid #fff;padding:10px 20px;display: block;font-size: 14px;width: 100px;text-align: center;}


.about h2{font-size:48px;line-height:60px;text-align: center;  color:#4c4b4b; position: relative; padding-top:50px; height: 120px;}
.about h2 small{display: block;font-size:18px;font-weight: 400;line-height: 40px;color: #757575; } 
.abcontent{font-size:16px; text-align:left;   line-height:33px;color:#5f5e5e;letter-spacing:1px; }
.abcontent img {float: left;width:558px;padding-right: 30px;height: 426px; }
.about .more {margin-top:30px;  }
.about .more a{padding:5px 50px;   color:#2c2c2c; font-size: 14px;text-align: left; float: left;border:1px solid #1d2087; border-radius: 50px; }



.newslist{height: 700px;}
.newslist h2{font-size:48px;line-height:60px;text-align: center;  color:#4c4b4b; position: relative; padding-top:50px; height: 120px;}
.newslist h2 small{display: block;font-size:18px;font-weight: 400;line-height: 40px;color: #757575; }
.newslist h2 a{position:absolute;right:10px; font-size: 14px; color:#494949;font-weight:400;line-height: 40px;top: 85px;  }
.newslist .newstop{width:560px;float: left; }
.newslist .newstop .pict{ width:560px;   height: 320px;}
.newslist .newstop .pict img{  width:560px; height:320px;}
.newsbot{padding:5px 5px; }
.newslist .newstop  a{font-size:20px; line-height:40px;display: block; color: #332f2f;}
.newslist .newstop  span{float: right;font-size:16px; line-height:40px;color: #1e2023;}
.newslist .newstop p{font-size: 14px; color:#5e5e5e;line-height:22px; }
.list{ text-align: left; float: left;width:455px;padding-left:105px; }
.list li{height:140px;padding-right: 20px;position: relative;}
.list li a{ color:#332f2f; font-size:18px; line-height:45px; display: block;}
.list li p{color:#5e5e5e; font-size:14px; line-height:25px; display: block;}
.list li span{color:#332f2f; font-size:18px; line-height:45px;float: right;}
.list li:hover a{color:#1d2087; }









#bottom {background:#1d2087;}
#bottom .wlbj{background: url("../images/f_logo.gif") left top no-repeat;}
#link { width:1120px; line-height:30px;  font-size:16px; color:#fff; text-align:left;}
#link dl {}
#link dl span {float:left;  line-height:30px;}
#link span { color:#fff; font-size:14px; }
#link dl  a { display:block;  line-height:30px; color:#fff; float:left; font-size:14px; }
#link dl dd a:hover { text-decoration:underline; }









/*footer*/

.dnav{ text-align:center;height:70px;padding-left: 70px;}
.dnav li {float: left;width: 140px;text-align:center;}
.dnav li a {color: #fff;  font-size: 16px;line-height: 70px;text-align: left; }



.contact {text-align: left;width:470px;float: left;font-size:16px; color:#fff;line-height: 38px;padding-left: 340px;background: url("../images/flogo.gif") left top no-repeat;}
.contact h2{ font-size:18px;height:40px; text-align: left;font-weight: 600;color: #fff;line-height: 35px; }
.contact span {line-height:45px;  font-size:26px; color:#fff; text-align:left; padding-left: 5px; padding-top: 25px;font-weight: 600; }
.code{float:right; text-align: center;width: 310px;padding-top:40px; }
.code img{width: 140px;text-align: center;}




.footer { }

.footer p{ line-height:50px;  font-size:14px; color:#fff; text-align:left;width: 1120px;margin: 0 auto;}











.back { position:absolute; margin-top:-22px;left:48.5%;}







.bjs{background:#f4f4f4;padding-top: 15px;padding-bottom: 35px; }

.bjs .wlbj{background:#fff;padding: 0px 10px; }

.pright{float: left;}

.pleft{float: left;width: 900px;margin-left: 10px;background: #fff;}

.listbox{padding-top: 10px;}



.pright{width:210px;float:left;overflow:hidden;}

.pright h2{ padding-left:27px; background:#1d2087; height:80px; line-height:80px; font-size:24px; color:#fff;}

.pright .tbox{width:200px; border:5px solid #1d2087;  }

.d6{width:100%;overflow:hidden;padding-bottom:6px;clear:both;display:inherit;}

.d6 li a{text-align:left; padding-left:26px;height:51px; font-size:16px;line-height:51px;display:block;color:#666;}

.d6 li a:hover{text-decoration:none;}	





.pagelist {  color:#000;text-align: center;}

.pageinfo{display:inline-block;}

.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last{padding:10px 15px;display:inline-block; font-size: 12px;color: #3f3f3f;border:1px solid #b7b7b7;margin:20px 5px; }

.pagelist a{ color:#000;}

.pagelist li {padding:0px 5px;float: left;}





.n-pages {}

.n-pages { width:910px; padding-left:30px;}

.n-pages li{ font-size:14px; color:#afafaf; line-height:60px; border-bottom:1px #999 dotted;}

.n-pages a { font-size:16px; color:#262626;  text-decoration:none;}

.n-pages a:hover { color:#000;}

.n-pages span{ float:right; padding-right:10px;}

.aboutus{ font-size:12px;line-height:25px; font-weight:200px; letter-spacing:1px; color:#000;}

.aboutus ul li{ text-align:center;}







.map {width:1080px;padding:0px 20px 0px 20px;border-bottom:1px solid #dedede;height:60px;line-height:60px;overflow:hidden;margin-bottom: 15px;}

.map_title {width:200px;line-height:60px;font-size:22px;overflow:hidden;float:left;color:#008c3b; }

.map_nav {color:#666;width:800px;text-align:right;line-height:60px;float:right}

.map_nav a{color:#666; }



.viewbox{ padding:10px 30px; overflow:hidden;padding-bottom:8px;}

.viewbox .title{ padding-top:30px;line-height:86px;text-align:center;overflow:hidden;padding-top:10px;}

.viewbox .title h1{font-size:24px;color:#2b2b2b;}

.viewbox .info{height:34px;line-height:30px;text-align:center;overflow:hidden;color:#666;}

.viewbox .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}

.viewbox .info a{color:#690;}



.viewbox .infolist{width:318px;float:left;}

.viewbox .infolist small{width:100px;text-align:right;display:block;float:left;font-size:12px;line-height:31px;color:#999;clear:left;height:31px;overflow:hidden;}

.viewbox .infolist span{width:150px;line-height:30px;float:left;height:31px;overflow:hidden;}

.viewbox .picview{ text-align:center;}

.viewbox .picview1{ text-align:center; float: left; width:100%;}

.viewbox .labeltitle{ border-bottom:2px solid #999;height:23px;clear:both;overflow:hidden;margin:0px auto 0px;padding-top:10px;}

.viewbox .labeltitle strong{width:80px;height:23px;line-height:23px;text-align:center;color:#000;letter-spacing:1px;display:block;float:left;background:#efefef;overflow:hidden;}



.viewbox .content{font-size:14px;padding:12px 16px;line-height:25px;color:#333;}

.viewbox .handle{height:59px;padding-top:12px;overflow:hidden;clear:both;}

.viewbox .handle .context ul li{font-size: 14px;line-height:29px;color:#888;}

.viewbox .handle .context ul li a{font-size: 14px;color:#666;}





/*产品列表*/

/*

.pfenlei{ width:230px; position: relative;background: #fff; }

.pfenlei h2{background:#1655d3;height: 80px;color:#fff;font-size: 28px;text-align: center;padding-top:30px; line-height: 30px; }

.pfenlei h2 small{display: block;text-align: center;font-size: 14px;}

.pfenlei .lnav{width:230px;position: relative;z-index:1;padding-top: 10px;}

.pfenlei .lnav li{width:230px;height:55px;line-height:55px;position: relative;z-index: 10; border-bottom: 1px solid #f4f4f4; }

.pfenlei .lnav li a{ font-size: 18px; height:55px; line-height:55px; display: block;color: #1f1f1f;padding-left: 25px;}

.pfenlei .lnav li a em{float: right;padding-right: 40px;font-style:normal;}

.pfenlei .lnav li a:hover{ color: #fff;background:#1655d3; }

.pfenlei .lnav li .lsecond-nav{ width:230px;display: none;position:absolute;z-index: 1000;left: 230px;top:-55px;border: 1px solid #f4f4f4;border-left: 0px;}

.pfenlei .lnav li .lsecond-nav li{width: 100%;height: 55px;line-height: 55px;background:#fff;border-bottom: 1px solid #f4f4f4;}

.pfenlei .lnav li .lsecond-nav li a{ height: 55px; line-height: 55px; font-size: 18px;color: #454545;}

.pfenlei .lnav li .lsecond-nav li a:hover{ color: #fff; background:#1795ff; }

.pfenlei .lnav li .lsecond-nav li .lthird-nav{width: 160px;display: none;margin-left: 100%;margin-top: -40px;}

.pimg{width: 230px;margin-top: 15px;}

.pimg img:nth-child(2){margin-top: 15px;}

*/









/*新闻列表*/



.e22 li{ float:left;margin:10px 13px;}

.e22 li  img{border:1px solid #666;width:270px;display:block;}

.e22 li span {color:#474747;display:block; font-size:18px;line-height:50px;text-align:center;}

.e22 li:hover * {color:#000; }



.newsbox{background:#fff;overflow: hidden;padding:0px 30px;  }



.e2 li{ font-size:14px; color:#afafaf; line-height:60px; border-bottom:1px #666 dotted;}



.e2 a { font-size:16px; color:#262626;  text-decoration:none;}



.e2 a:hover { color:#000;}



.e2 span{ float:right; padding-right:10px;}

/*

.e2 li{list-style:none;height:220px;margin-top:49px;border-bottom: 1px solid #e4e4e4;}

.e2 li  img{ float: left; padding-right: 20px;width:250px; height:186px;}

.e2 li span { font-size: 18px;color:#3f3f3f;display:block; line-height:60px;text-align:left;}

.e2 li p{color: #646363;line-height:30px; font-size: 16px;}

.e2 li span:hover {color:#000;}

.e2 li small{font-size: 16px;color: #646363;line-height: 45px;}

*/



/*案例*/

.anlibox{background:#fff;overflow: hidden;padding-top: 5px; }

.anlibox h2{height:40px;line-height: 40px;font-size: 30px;color:#444444;padding:30px 0px; padding-left:30px;font-weight: 600; }

.anlibox h2:before{content:"";width: 7px;height: 40px; background: #0648cf;position: absolute;margin-left: -15px;}



.e21 li{ float:left;margin:10px 9px;}

.e21 li  img{width:355px;display:block;}

.e21 li span {color:#474747;display:block; font-size:18px;line-height:50px;text-align:center;}

.e21 li:hover * {color:#1655d3; }



/*关于我们*/

.aboutbox{background:#fff;overflow: hidden; padding: 15px;}

.aboutus{font-size: 14px;color: #666;line-height:30px;padding-bottom: 20px;}







/*联系我们*/

.contactbox{background: #fff;padding: 10px;}



.contactbt{margin-top:50px;}

.conbtl{float:left;width: 545px;}

.conbtr{float:left;width: 545px;margin-left: 10px;}

.conbtl h2{font-size: 24px;color: #2c2c2c;border-bottom: 1px dashed #878787;line-height: 55px;font-weight:600;}

.conbtl p{font-size: 18px;color: #2c2c2c;line-height: 50px;padding-bottom: 30px;}

.conbtr h2{font-size: 24px;color: #2c2c2c;border-bottom: 1px dashed #878787;line-height: 55px;font-weight:600;padding-left: 5px;}

.conbtr p{font-size: 18px;color: #2c2c2c;line-height:40px;padding-bottom: 30px;padding-left: 5px;}





/*产品详情*/

.product_content{float: left;width: 870px;background: #fff;padding: 20px; }

.litpic {text-align: center;}

.product_content h1{font-size: 30px;color: #3b3b3b;line-height:100px;text-align: center;}

.product_content li{float: left;width:417px;font-size: 18px;color: #3b3b3b;line-height:40px; }





.box_content img{width: 100%;}

.box_content{font-size: 14px;color: #666;line-height: 30px;}







