@charset "utf-8";

@font-face {

    font-family: 'Anton';

    src: url('../font/Anton-Regular.eot');

    src: url('../font/Anton-Regular.eot?#iefix') format('embedded-opentype'),

        url('../font/Anton-Regular.woff2') format('woff2'),

        url('../font/Anton-Regular.woff') format('woff'),

        url('../font/Anton-Regular.ttf') format('truetype'),

        url('../font/Anton-Regular.svg#Anton-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}

body{ font-size: 16px; color: #333; overflow-x: hidden; font-family:"Microsoft YaHei","Source Han Sans CN","PingFang SC",Arial,sans-serif; padding-top: 140px;}

ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}

input,textarea,select,button{ font-size: 16px; outline:none; font-family:"Microsoft YaHei","Source Han Sans CN",Helvetica,Arial,Verdana,sans-serif; }

svg{ border: none;}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999;}

:-ms-input-placeholder {color: #999;}



a { text-decoration: none; color:#333; transition: color 0.56s ease;}

a:hover{ color: #c23535;}



.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}

.clearfix{zoom:1;}

.clear{ clear:both}

.overflow{overflow-y:hidden;}



img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}



.wrap{ width: 100%; padding: 0 70px;}

.ovh{overflow: hidden;}



.borderT{ border-top: 1px solid #dbdbdb;}



::-webkit-scrollbar { width: 8px;  height: 8px; background-color: rgba(24, 24, 24, .07); }

::-webkit-scrollbar-thumb {background: rgba(24, 24, 24, .3); border-radius: 8px; transition: background 0.4s ease;}

::-webkit-scrollbar-thumb:hover {background: #c23535;}



/*顶部*/

.header{ width: 100%; background:#fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1); position: fixed; left: 0; top: 0; z-index: 9999; transition: height 0.4s; }

.header .wrap{ height: 140px; transition: height 0.4s ease;}

.header .logo{ height: 140px; padding:36px 0 30px; overflow: hidden; transition: all 0.4s;}

.header .nav>ul>li{ line-height: 30px; position: relative; margin-right: 65px;}

.header .nav>ul>li>a{ font-size: 18px; color: #000; font-weight: 300; transition: color .4s; display: block;}

.header .nav>ul>li a:hover{ color: #c23535;}

.header .nav>ul>li.on>a{ color: #c23535;  }

.header .lang{ width: 80px; height: 34px; line-height: 32px; border: #ebebeb solid 1px; border-radius: 34px;}

.header .lang a{ display: block; background: url(../images/icon01.png) no-repeat 15px center; color: #898989; font-size: 15px; padding-left: 40px;}

.menu-toggle{display: none;}



.header.fixed .wrap{ height: 100px; }

.header.fixed .logo{ height: 100px; padding:15px 0;}



/*首页bannner*/

.banner { position: relative;}

.banner .swiper{ width:100%; overflow:hidden;}

.banner .swiper .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}

.banner .swiper .swiper-slide img{width:100%;}

.banner .pagination { width: 100% !important; position: absolute; left:0; bottom:40px!important;  z-index:111; text-align: center;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 15px;height: 15px; background:none; border: #fff solid 2px; margin: 0 10px; border-radius:12px !important; opacity: 1; cursor: pointer;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff;}

.banner .swiper-slide-active{opacity:1;}



.neiBanner{ height: 620px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative;}

.neiBanner .bannerText{ color: #fff; text-align: center;}

.neiBanner .bannerText dl{ font-size: 38px; text-transform: uppercase; font-weight: bold; border-bottom: #fff solid 1px; padding: 0 50px 10px;}

.neiBanner .bannerText ol{ font-size: 36px; font-weight: bold; padding-top: 10px;}



.title{text-align: center; margin-bottom: 45px;}

.title h3{ font-size: 68px; color: #ebebeb; line-height: 1; text-transform: uppercase;}

.title h2{ font-size: 30px; line-height: 1; margin-top: -45px;  padding-bottom: 45px;  position: relative;}

.title h2::after{ content: ""; width:250px; height: 2px; background: #c23535; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}



.ntitle{ padding: 40px 0;}

.ntitle h2{ font-size: 36px; color: #333; font-weight: 500; font-family:"Source Han Sans CN", "Microsoft YaHei", serif;}



.more{width: 122px; height: 38px; line-height: 36px; color: #333; border: #109838 solid 1px; display: block; text-align: center;transition: all .4s; }

.more:hover{ background: #109838; color: #fff;}



.indexOne{ padding: 50px 0;}

.indexOne .text{ font-size: 24px; text-align: center; line-height: 2; margin-bottom: 80px;}

.indexOne .list ul li{ width: 20%; text-align: center; padding: 0 60px; position: relative;}

.indexOne .list ul li::before{ content: ""; width: 1px; height: 100%; background: #d8d8d8; position: absolute; left: 0; top:0}

.indexOne .list ul li:nth-child(1)::before{ display: none;}

.indexOne .list ul li i{ width: 184px; height: 184px; background: #0f6dd1; box-shadow: 0 0 30px rgba(15, 109, 209, .5); border-radius: 184px; display: flex; justify-content: center; align-items: center; margin: 0 auto; position: relative; transition: background 0.4s; }

.indexOne .list ul li i::before{ content: ""; width: calc(100% - 32px); height: calc(100% - 32px); border: #fff solid 2px; border-radius: 180px; opacity: 0.6; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexOne .list ul li h3{ font-size: 18px; margin: 30px 0 15px;}

.indexOne .list ul li:hover i{ background: #109838; box-shadow: 0 0 30px rgba(16, 152, 56, .5); }



.indexTwo{ padding: 50px 0;}

.indexTwo ul{ margin: 0 -2px;}

.indexTwo ul li{ width: 25%; padding: 0 2px;}

.indexTwo ul li a{ display: block; position: relative;}

.indexTwo ul li dl{ padding-bottom: 146.596%;}

.indexTwo ul li h3{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 11; border-bottom: 1px solid rgba(255, 255, 255, .5); font-size: 24px; color: #fff; padding-bottom: 20px;}



.indexThree{ padding: 50px 0;}

.indexThree .title{ text-align: left;}

.indexThree .title h2{ margin-left: 125px;}

.indexThree .title h2::after{  left: -60px; transform: translateX(0);}

.indexThree .menu{ margin-bottom: 10px;}

.indexThree .menu ul li { margin-right:40px;}

.indexThree .menu ul li a{ background: #cccccc; line-height: 36px; font-size: 18px; color: #333; padding: 0 18px; display: block; transition: all 0.4s;}

.indexThree .menu ul li a:hover{ background: #c23535; color: #fff;}

.indexThree .box ul{ margin: 0 -15px;}

.indexThree .box ul li{ width: 33.33%; padding:0 15px; margin-bottom: 25px;}

.indexThree .box ul li a{ display: block; position: relative;}

.indexThree .box ul li dl{ padding-bottom: 48%;}

.indexThree .box ul li .con{ width: 100%; height: 100%; background-image: linear-gradient(to bottom right, #4079be, #bceeb1); padding: 35px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; transition: opacity 0.4s;}

.indexThree .box ul li .con h3{ color: #fff; font-size: 18px; line-height: 1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 27px; margin-bottom: 18px;}

.indexThree .box ul li .con dt{ height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #fff; font-size: 16px; line-height: 30px;}

.indexThree .box ul li .con dd{ display: none;}

.indexThree .box ul li a:hover .con{ opacity: 1;}

.indexThree .box ul li:nth-child(1){ width: 100%;}

.indexThree .box ul li:nth-child(1) a{ display: flex;}

.indexThree .box ul li:nth-child(1) .pic{ width: 65%;}

.indexThree .box ul li:nth-child(1) .con{ width: 35%; height: auto; position: relative; opacity: 1; background: #f5f5f5; display: flex; flex-direction: column;}

.indexThree .box ul li:nth-child(1) .con h3{ color: #333; border-bottom: #cfcfcf solid 1px;}

.indexThree .box ul li:nth-child(1) .con dt{ height: 240px; color: #333;  -webkit-line-clamp: 8; margin-bottom: 30px;}

.indexThree .box ul li:nth-child(1) .con dd{ width: 122px; height: 38px; line-height: 36px; color: #333; border: #109838 solid 1px; display: block; text-align: center; align-self: flex-end;}



.indexFour{ padding: 70px 0 80px; background: #f5f5f5;}

.indexFour .box { margin-bottom: 50px;}

.indexFour .box ul{margin: 0 -12px;}

.indexFour .box ul li{ width: 33.33%; padding: 0 12px; margin-bottom: 10px;}

.indexFour .box ul li a{height: 151px; background: #fff; padding: 30px 28px; display: block; transition: all .4s;}

.indexFour .box ul li dl{ float: left; width: 77px; height: 90px; color: #8d8d8d; border-right: #eee solid 1px; padding-top: 10px; transition: all .4s; }

.indexFour .box ul li dl b{font-size: 30px; line-height: 1; font-weight: 900; padding-bottom: 12px; margin-bottom: 10px; display: block; position: relative; transition: all .4s;}

.indexFour .box ul li dl b::after{ content: ""; width: 25px; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0; transition: all .4s;}

.indexFour .box ul li ol{ height: 90px; padding-left: 96px; background: url(../images/icon14.png) no-repeat 96px bottom; transition: all .4s;}

.indexFour .box ul li ol h3{ font-size: 18px; font-weight: 400; line-height: 1.4; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}

.indexFour .box ul li a:hover{ background: #c23535;}

.indexFour .box ul li a:hover dl{ color: #fff;}

.indexFour .box ul li a:hover dl b{ color: #fff;}

.indexFour .box ul li a:hover dl b::after{ background: #fff;}

.indexFour .box ul li a:hover ol{background: url(../images/icon14_02.png) no-repeat 96px bottom; }

.indexFour .box ul li a:hover ol h3{ color: #fff;}



.neiNav{ line-height: 85px; background: #dddbdb;}

.neiNav ul>li{ padding: 0 20px; position: relative;}

.neiNav ul>li>a{ color: #181818; font-size: 18px; display: block;}

.neiNav ul>li>a:hover{ color: #c23535;}

.neiNav ul>li:hover>a,.neiNav ul>li.on>a{color: #c23535;}

.neiNav ul>li .subnav{ width: 150%; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .15); padding: 10px 0; position: absolute; left: 50%; top: 85px; transform: translateX(-50%); z-index: 111; display: none;}

.neiNav ul>li .subnav a{ line-height:36px; text-align: center; display: block;}



.anchorPoint{padding-top:99px; margin-top:-99px;}



.aboutOne{ padding: 40px 0 60px;}

.aboutOne .box{ padding: 0 35px;}

.aboutOne .text{ width: 100%; font-size: 18px; line-height: 2.2;}
.aboutOne .text img{ float: right; margin: 0 0 10px 40px;}



.aboutTwo{ padding: 60px 80px; background: #f2f2f2;}

.aboutTwo .box{ position: relative;}

.aboutTwo .date{ font-size: 384px; font-family: 'Anton', Arial, sans-serif; color: #e5e5e5; text-align: center; line-height: 1; padding: 50px 0;}

.aboutTwo .date .con{ display: none;}

.aboutTwo .swiperBox{ width: 100%; position: absolute; left: 0; top: 0;  z-index: 111;}

.aboutTwo .swiperBox .text{ width: 100%; height: 165px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 15px;}

.aboutTwo .swiperBox .swiper-slide dl{ width: 105px; height: 105px; background-image: linear-gradient(to right,#dbdbdb , #f5f5f5); border: #ababab solid 1px; border-radius: 105px; margin:0 auto; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; cursor: pointer;}

.aboutTwo .swiperBox .swiper-slide.swiper-slide-thumb-active dl{  background: #c23535; border: #c23535 solid 1px; color: #fff;}

.thumbsBox ,.thumbsBox .wrap{ position: relative; z-index: 1;}

.thumbsBox::before{ content: ""; width: 100%; height: 2px; background: #cdcdcd; position: absolute; left: 0; top: 50%; margin-top: -1px;}

.thumbsBox .swiper-button-next, .thumbsBox .swiper-button-prev{ width: 46px; height: 46px; border-radius: 46px; background: #888; }

.thumbsBox .swiper-button-next:after,.thumbsBox .swiper-button-prev:after{ color: #fff; font-size: 25px;}

.thumbsBox .swiper-button-next.swiper-button-disabled, .thumbsBox .swiper-button-prev.swiper-button-disabled{ background: #ccc; opacity: 1;}

.thumbsBox .swiper-button-prev{ left: -50px;}

.thumbsBox .swiper-button-next{ right: -50px;}



.aboutThree .item{ width: 50%; height: 475px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer;}

.aboutThree .item h3{ color: #fff; font-size: 34px; margin-top: 10px;}

.aboutThree .item p{ color: #fff; font-size: 30px; text-transform: uppercase; font-weight: bold;}

.aboutThree .video{ background: url(../images/videoBg.jpg) no-repeat center; background-size: cover;}

.aboutThree .lianmeng{ background: url(../images/lianmengBg.jpg) no-repeat center; background-size: cover;}



.aboutFour{ padding: 50px 0 80px; background: url(../images/aboutFourBg.jpg) no-repeat right 40px;}

.honor ul{ margin: 0 -34px;}

.honor ul li{ width: 20%; padding: 0 34px; margin-bottom: 50px;}

.honor ul li dl{ padding-bottom: 70.68%;}

.honor ul li dl img{object-fit: inherit;}

.patent ul{ margin: 0 -50px;}

.patent ul li{ width: 20%; padding: 0 83px; margin-bottom: 50px;}

.patent ul li dl{ padding-bottom: 144.2%;  border: #b0b0b0 solid 1px;}

.patent ul li dl img{object-fit: inherit;}



.companyNews{ padding: 20px 0 60px;}

.companyNews .box .swiper{ padding-bottom: 70px; margin-bottom: 50px;}

.companyNews .box .item dl{ padding-bottom: 77.17%;}

.companyNews .box .item h3{ height: 60px; font-size: 25px; line-height: 30px; font-weight: normal; margin-top: 20px;}

.companyNews .box .item dd{ color: #b9b8b8; background: url(../images/icon10.png) no-repeat left center; padding-left: 25px; margin-top: 15px;}

.companyNews .box .item dt{ height: 40px; font-size: 15px; color: #626262; line-height:20px; font-weight: normal; margin-top: 15px; overflow: hidden;}

.companyNews .swiper>.swiper-pagination-bullets, .companyNews  .swiper-pagination-bullets.swiper-pagination-horizontal, .companyNews  .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0; z-index: 111;}

.companyNews .swiper>.swiper-pagination-bullets .swiper-pagination-bullet,.companyNews .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; border-radius: 20px; opacity: 1; }

.companyNews .swiper>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}



.companyNews .box{ overflow: hidden;}

.companyNews .box ul{ margin: 0 -30px;}

.companyNews .box ul li{ width: 25%; padding: 0 30px 60px; margin-bottom: 60px; border-bottom: 2px solid #dbdbdb;}



.industryNews{ padding: 20px 0 80px;}

.industryNews .box{padding-bottom: 60px;}

.industryNews .box ul li{ margin-bottom: 30px;}

.industryNews .box .pic{ width: 20%;}

.industryNews .box .pic dl{ padding-bottom: 65%;}

.industryNews .box .con{ width: 80%; padding-left: 45px;}

.industryNews .box .con h3{ font-size: 28px; font-weight: normal;}

.industryNews .box .con dd{ color: #b9b8b8; background: url(../images/icon10.png) no-repeat left center; background-size: 16px auto; padding-left: 25px; margin-top: 15px;}

.industryNews .box .con dt{ height: 50px; font-size: 16px; color: #626262; line-height: 25px; font-weight: normal; margin-top: 20px; overflow: hidden; }



.companyNews .more,.industryNews .more{ width: auto; height: 42px; line-height: 40px; border: #989898 solid 1px; background: #fff; border-radius: 3px; box-shadow: 0 3px 5px rgba(0, 0, 0, .2); display: inline-block; padding: 0 30px; margin: 0 auto;  transition: all .5s;}

.companyNews .more:hover,.industryNews .more:hover{ background: #c23535; border: #c23535 solid 1px; color: #fff;}



.bread{ line-height: 76px; background: #e6e6e6;}



.newsView{ padding: 45px 0 100px;}

.newsView .newsHead{ text-align: center; margin-bottom: 50px;}

.newsView .newsHead h1{ font-size: 24px; margin-bottom: 15px;}

.newsView .newsHead p{ font-size: 14px; }

.newsView .text{ line-height: 1.8; margin-bottom: 50px;}

.newsView .newsPage{ border-top: 1px solid #e0e0e0; padding-top: 20px; display: flex; justify-content: space-between;}

.newsView .newsPage a{ line-height: 26px; background: #143678; color: #fff; font-size: 14px; padding: 0 10px; border-radius: 5px;}

.newsView .newsPage a:hover{ background: #0a214e;}



.products{ padding: 20px 0 80px;}

.products .box{ overflow: hidden; padding-bottom: 10px;}

.products .box ul{ margin: 0 -10px;}

.products .box ul li{ width: 50%; padding:0 10px 30px; margin-bottom: 30px; border-bottom: #cccccc solid 1px;}

.products .box ul li a{ display: flex; justify-content: space-between; padding: 20px; transition: background .4s;}

.products .box ul li a:hover{ background: #f0efef;}

.products .box ul li .pic{ width: 31.2%;}

.products .box ul li .pic dl{ padding-bottom:92%;}

.products .box ul li .con{ width: 66%; display: flex; flex-direction: column;}

.products .box ul li .con h3{ font-size: 23px; color: #333; border-bottom: #e1e1e1 solid 1px; padding-bottom: 15px; margin-bottom: 30px; position: relative;}

.products .box ul li .con h3::before{ content: ""; width: 100px; height: 2px; background: #dd7a1f; position: absolute; left: 0; bottom: -1px;}

.products .box ul li .con dt{ height: 90px; line-height: 30px; font-size: 16px; color: #8d8d8d; overflow: hidden;}

.products .box ul li .con dd{ font-size: 15px; color: #8d8d8d; background: url(../images/icon11.png) no-repeat 85px center; margin-top: auto;}



.breadcrumbs{ line-height: 80px;}



.proview{ padding-bottom: 80px;}

.proview .prohead{ margin-bottom: 100px;}

.proview .prohead .pic{ width: 46%;}

.proview .prohead .con{ width: 50%; display: flex; flex-direction: column;}

.proview .prohead .con .t{ margin-bottom: 35px;}

.proview .prohead .con .t h1{ color: #024496; font-size: 24px; font-weight: normal;}

.proview .prohead .con .c{ line-height: 2;}

.proview .prohead .con .l{ width: 118px; height: 38px; line-height: 38px; margin-top: auto; margin-bottom: 50px;}

.proview .prohead .con .l a{ background: #024496; border-radius: 8px; color: #fff; text-align: center; display: block;}

.proview .proCon dl{ color: #fff; line-height: 66px; background: #024496; margin-bottom: 50px; padding: 0 20px;}

.proview .proCon .text{ text-align: center;}



.area { padding:60px 0 80px;}

.area .box{ background: #e6e6e6; margin-bottom: 80px;}

.area .box .con{ width: 45%; padding: 50px; }

.area .box .con .t { font-size: 36px; color: #0c5692; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; margin-bottom: 50px;}

.area .box .con .t span{ display: block;}

.area .box .con .t span:nth-child(2){ padding-left: 70px;}

.area .box .con .c{ line-height: 2.2;}

.area .box .pic{ width: 55%;}

.area .box .pic img{ width: 100%;}

.list { position: relative;}

.list .swiper-slide{ position: relative;}

.list .swiper-slide ol{ width: 100%; padding-left: 50px; position: absolute; left: 0; bottom:20px; z-index: 11;}

.list .swiper-slide ol h3{ color: #fff; font-size: 20px; font-weight: normal; font-family:"Source Han Sans CN","Microsoft YaHei",Arial,sans-serif;}

.list .swiper-slide ol p{ font-size: 12px; color: #ccc;}

.list .arrow-left,.list .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 50%; transform: translateY(-50%); z-index: 11;}

.list .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: -30px;}

.list .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: -30px;}



.case{ padding-bottom: 80px;}

.case .box{ overflow: hidden;}

.case .box ul{ margin: 0 -30px;}

.case .box ul li{ width: 25%; padding: 0 30px 45px; margin-bottom: 45px; border-bottom: #dadada solid 2px;}

.case .box ul li h3{ height: 50px; line-height: 25px; font-size: 20px; color: #444; font-weight: normal; overflow: hidden; margin-top: 20px;}



.contact{ padding:70px 0 80px;}

.contact .tit{ margin-bottom: 20px;}

.contact .tit h2{ font-size: 50px; font-weight: 500; font-family:"Source Han Sans CN","Microsoft YaHei",Arial,sans-serif;}

.contact .box{ background: #f3f3f3; padding:100px 50px; margin-bottom: 40px;}

.contact .box .con{ width: 50%; padding-right: 80px;}

.contact .box .con ul li{ font-size: 18px; margin-bottom: 30px; display: flex; align-items: center;}

.contact .box .con ul li i{ width: 70px;}

.contact .box .con ul ol{ border-top: 1px solid #000; font-size: 18px; line-height: 2; padding-top: 30px;}

.contact .box .message{ width: 50%;}

.contact .box .message ul{ display: flex; justify-content: space-between; margin-bottom: 20px;}

.contact .box .message ul ol{ width: 100%;}

.contact .box .message ul li{ width: 48%;}

.contact .box .message input{width: 100%; height: 42px; background: #fff; border: none; font-size: 15px; padding:0 10px;}

.contact .box .message textarea{width: 100%; height: 160px; background: #fff; border: none;  font-size: 15px; padding: 10px;}

.contact .box .message button{ width: 100%;  height: 42px; background: #333; border: none; color: #fff; font-size: 15px; cursor: pointer;}



.map{ height: 600px;}



.footer{ background: #666666; color: #cdcdcd; font-size: 14px;}

.footer a{ color: #cdcdcd;}

.footer a:hover{ color: #c23535;}

.footer .fmain{ padding: 50px 0;}

.footer .fmain .fleft .tit{ font-size: 16px; color: #fff; margin-bottom: 30px;}

.footer .fmain .fleft .fcontact dl{ font-size: 18px; margin-bottom: 10px;}

.footer .fmain .fleft .fcontact ol{ color: #fff; line-height: 2; margin-bottom: 30px;}

.footer .fmain .fright{ display: flex; flex-direction: column; align-items: flex-end;}

.footer .fmain .fright .fnav{ margin-bottom: 70px;}

.footer .fmain .fright .fnav ul li{ margin-left: 50px; position: relative;}

.footer .fmain .fright .fnav ul li::before{ content: ""; width: 1px; height: 12px; background: #999999; position: absolute; left:-25px; top:50%; transform: translateY(-50%);}

.footer .fmain .fright .fnav ul li:nth-child(1):before{ display: none;}

.footer .fmain .fright .fnav ul li a{ color: #fff; line-height: 1;}

.footer .fmain .fright .link dl{ font-size: 16px; font-weight: bold; text-align: right; margin-bottom: 20px;}

.footer .fmain .fright .link a{ width: 260px; height: 40px; line-height: 40px; text-align: center; background: #6c6c6c url(../images/icon07.png) no-repeat right 20px center; display: block;}

.footer .copyright{ line-height: 50px; border-top: 1px solid #8b8b8b;}



/*===/分页=============================*/

.fenye { text-align: center; font-size: 15px; width: 100%; height: 40px; margin: 10px 0 0px;}

.fenye .prev, .fenye .next { width: 40px; height: 40px; line-height: 40px; color: #8a8a8a;margin-right: 5px; display: inline-block; font-family: "宋体";font-size: 17px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}

.fenye a { width: 40px; height: 40px; line-height: 40px;  color: #8a8a8a; margin-right: 5px;display: inline-block; background: #fff; border: #EBEBEB solid 1px; border-radius: 6px;}

.fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}

.fenye a.current { color: #fff;  background: #242a34; margin-right: 5px; border: #242a34 solid 1px;}



/*搜索框*/

.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}

.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}

.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}

.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}



/* 弹出框 */

.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}

.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}

.tccBox .BoxCon .off{ width: 29px; height: 29px; background:url(../images/off.png) no-repeat center; position: absolute; top: -15px; right: -15px; cursor: pointer;}

.tccBox .BoxCon ul video{ max-width: 1000px;}





@media (max-width: 1680px) {

    .header .nav>ul>li{margin-right: 50px;}

}



@media (max-width: 1550px) {

    .wrap{ padding: 0 30px;}



    .neiBanner{ height: 480px;}



    .indexOne .text{ font-size: 20px;}

    .indexTwo ul li h3{ font-size: 20px; white-space: nowrap;}

    .indexFour .box ul li ol h3{ font-size: 16px;}



    .aboutOne .text{ font-size: 17px;}

    .aboutTwo .date{font-size: 350px;}

    .aboutThree .item h3{font-size: 25px;}

    .aboutThree .item p{ font-size: 25px;}



    .companyNews .box .item h3{ font-size: 20px;}

    .industryNews .box .con h3{ font-size: 22px;}



    .products .box ul li .con h3{ font-size: 20px; margin-bottom: 15px;}

    .products .box ul li .con dt{ height: 75px; line-height: 25px; font-size: 15px;}

}



@media (max-width: 1440px) {

    .header .nav>ul>li { margin-right: 30px; }



    .title h3 { font-size: 50px;}

    .title h2 { font-size: 24px; margin-top: -37px; padding-bottom: 30px;}



    .indexOne .text{ font-size: 16px;}

    .indexOne .list ul { margin: 0 -40px;}

    .indexOne .list ul li{ padding: 0 40px;}

    .indexOne .list ul li i { width: 150px; height: 150px;}

    .indexOne .list ul li i img{ height: 45px;}

    .indexOne .list ul li dt{ font-size: 15px;}

    .indexThree .box ul li .con dt{ font-size: 15px;}



    .neiNav{ line-height: 72px;}

    .neiNav ul>li>a{ font-size: 16px;}

    .neiNav ul>li .subnav{ top: 72px;}

    .neiNav ul>li .subnav a{ font-size: 15px;}



    .aboutOne .text{ font-size: 16px; line-height: 1.8;}

    .aboutThree .item img{ height: 70px;}

    .aboutThree .item h3 { font-size: 20px; }

    .aboutThree .item p { font-size: 20px; }



    .companyNews .box .item h3{ font-size: 18px;}

    .industryNews .box .con h3{ font-size: 20px;}

    .industryNews .box .con dt{ font-size: 15px;}



    .area .box .con .t { font-size: 30px; margin-bottom: 30px;}

    .area .box .con .c { line-height: 1.8; }



    .case .box ul li h3{ font-size: 18px;}



    .contact { padding: 50px 0 80px; }

    .contact .tit h2{ font-size: 40px;}

    .contact .box{ padding: 60px 50px;}

    .contact .box .con ul li{ margin-bottom: 25px;}



    .map { height: 500px; }

}



@media (max-width: 1366px) {

}

@media (max-width: 1300px) {

    .header .logo{padding: 38px 0 35px;}

    .header.fixed .logo { padding: 20px 0; }

    .header .nav>ul>li>a{ font-size: 17px;}



    .neiBanner { height: 400px; }

    .neiBanner .bannerText dl { font-size: 32px;}

    .neiBanner .bannerText ol { font-size: 30px;}



    .indexOne .text{ margin-bottom: 60px;}

    .indexOne .list ul li i { width: 140px; height: 140px; }

    .indexTwo { padding: 20px 0; }

    .indexTwo ul li h3{ font-size: 18px;}

    .indexThree .box ul li .con{ padding: 25px;}

    .indexThree .box ul li .con h3{ padding-bottom: 18px; margin-bottom: 15px;}

    .indexThree .box ul li .con dt{ height: 75px; line-height: 25px;}

    .indexThree .box ul li:nth-child(1) .con dt{ height: 200px;}



    .aboutThree .item{ height: 410px;}

    .honor ul{ margin: 0 -16px;}

    .honor ul li{ padding: 0 16px;}

    .patent ul { margin: 0 -25px; }

    .patent ul li{ padding: 0 60px;}



    .products .box ul li .con h3{font-size: 18px; margin-bottom: 10px; padding-bottom: 10px;}

    .products .box ul li .con dt { height: 66px; line-height: 22px; font-size: 14px; }

    .products .box ul li .con dd{ font-size: 14px;}



    .area .box{ margin-bottom: 50px;}

    .area .box .con .t { font-size: 26px; margin-bottom: 20px; }

    .area .box .con .c{ font-size: 15px;}

    .list .swiper-slide ol{ padding-left: 30px;}

    .list .swiper-slide ol h3{ font-size: 18px;}



    .case .box ul li h3{ font-size: 16px;}

}



@media (max-width: 1240px) {

    body{ padding-top: 100px;}

    .header .wrap{ height: 100px;}

    .header .logo{ height: 100px; padding: 22px 0;}

    .header.fixed .logo { padding: 22px 0; }



    .ntitle h2{ font-size: 32px;}



    .aboutOne .box { padding: 0; }



    .companyNews .box .item h3 { height: 48px; font-size: 16px; line-height: 24px; margin-top: 15px; }

    .companyNews .box .item dd{ font-size: 14px; margin-top: 10px;}

    .companyNews .box .item dt{ font-size: 14px;}



    .industryNews .box { padding-bottom: 40px; }

    .industryNews .box .con{ padding-left: 30px;}

    .industryNews .box .con h3{ font-size: 18px;}

    .industryNews .box .con dd{ font-size: 14px;}

    .industryNews .box .con dt{ margin-top: 10px;}



    .case .box ul li{ padding: 0 15px 40px; margin-bottom: 40px;}



    .contact .box .con ul li{ font-size: 16px; margin-bottom: 15px;}

    .contact .box .con ul ol{ font-size: 16px;}

    .map { height: 400px;}

}



@media (max-width: 1100px) {



    .wrap { padding: 0 20px; }

    

    .header .logo{ padding: 28px 0;}

    .header.fixed .logo { padding: 28px 0; }

    .header .nav>ul>li { margin-right: 20px; }

    .header .nav>ul>li>a { font-size: 16px; }

}



@media (max-width: 1030px) {



    .indexOne .list ul{ margin: 0 -20px;}

    .indexOne .list ul li { padding: 0 20px; }

    .indexOne .list ul li i { width: 130px; height: 130px; }



    .indexThree .box ul li .con dt {height: 50px;}

    .indexThree .box ul li:nth-child(1) .con dt { height: 125px; }



    .aboutTwo .swiperBox .swiper-slide dl { width: 80px; height: 80px;}

    .aboutTwo .date { font-size: 280px; padding: 20px 0;}

    .aboutTwo .swiperBox .text{ font-size: 15px; height: 140px;}



    .proview .prohead { margin-bottom: 60px; }

    .proview .prohead .con .t { margin-bottom: 20px; }

    .proview .prohead .con .c{ font-size: 15px; line-height: 1.7;}

    .proview .prohead .con .l{ margin-bottom: 10px;}

    .proview .proCon dl{ line-height: 50px; margin-bottom: 30px;}

}



@media screen and (max-width:750px){

    body{ font-size: 14px; padding-top: 60px;}

    .wrap{ width: 100%; padding: 0 15px;}



    .header{ width: 100%; height:60px; background:#fff;  position: fixed; top: 0; left: 0; z-index: 99999999; }

    .header .wrap { height: 60px; }

    .header .logo{ height: 60px; padding: 12px 0; }

    .header .headRight{ float: none; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);  background: #fff; display: none;}

    .header .nav{float: none;}

    .header .nav>ul{ display: block;  position: relative; z-index: 111;}

    .header .nav>ul>li{ margin-right: 0; line-height: 46px; border-bottom: #eee solid 1px; float: none;}

    .header .nav>ul>li a{ padding: 0 15px; font-size: 15px; display: block;}

    .header .lang{ margin-top: 10px; margin-left: 15px;}



    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}

    .header .menu-toggle span{ width:35px; height:2px; background:#000;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}

    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#000;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#000;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

    .header .menu-toggle.cur span{background-color:transparent;}

    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}

    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}



    .banner { position: relative;}

    .banner .swiper-container{ width:100%; overflow:hidden;}

    .banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}

    .banner .swiper-container .swiper-slide a{  display: block; width:100%;}

    .banner .swiper-container .swiper-slide img{width:100%;}

    .banner .pagination { width: 100% !important; position: absolute; left:0; bottom:10px!important;  z-index:111; text-align: center;}

    .banner .swiper-pagination-clickable .swiper-pagination-bullet{ display: inline-block; width: 10px;height: 10px;  margin: 0 3px; border-radius:12px !important; opacity: 1; cursor: pointer;}

    .banner .swiper-pagination-bullet-active { background: #fff;}

    .banner .swiper-slide-active{opacity:1;}



    .neiBanner{ height: 130px;}

    .neiBanner .bannerText dl { font-size: 20px; padding: 0 8px 5px;}

    .neiBanner .bannerText ol { font-size: 18px; padding-top: 7px;}



    .title{ margin-bottom: 30px;}

    .title h3 { font-size: 30px; }

    .title h2 { font-size: 20px; margin-top: -15px; padding-bottom: 20px; }

    .title h2::after{ width: 100px;}



    .ntitle { padding: 15px 0; }

    .ntitle h2 { font-size: 24px; }



    .indexOne { padding: 50px 0 20px; }

    .indexOne .text{ font-size: 15px; line-height: 1.6; margin-bottom: 40px;}

    .indexOne .list ul{ flex-wrap: wrap; justify-content: center; margin: 0 -10px;}

    .indexOne .list ul li{ width: 33.33%; padding: 0 10px; margin-bottom: 30px;}

    .indexOne .list ul li:nth-child(4):before{ display: none;}

    .indexOne .list ul li i { width: 90px; height: 90px; }

    .indexOne .list ul li i img { height: 24px; }

    .indexOne .list ul li h3 { font-size: 15px; margin: 15px 0 8px; }

    .indexOne .list ul li dt { font-size: 12px; }



    .indexTwo { overflow: hidden;}

    .indexTwo ul{ flex-wrap: wrap;}

    .indexTwo ul li{ width: 50%;}

    .indexTwo ul li dl{ padding-bottom: 120%;}

    .indexTwo ul li:nth-last-child(1){ width: 100%;}

    .indexTwo ul li:nth-last-child(1) dl{ padding-bottom: 50%;}

    .indexTwo ul li h3 { font-size: 17px; }



    .indexThree { padding: 35px 0;}

    .indexThree .menu ul{ justify-content: center;}

    .indexThree .menu ul li {margin:0 5px;}

    .indexThree .menu ul li a { font-size: 15px; padding: 0 15px;}

    .indexThree .title{ text-align: center;}

    .indexThree .title h2 { margin-left: 0; }

    .indexThree .title h2::after { left: 50%; transform: translateX(-50%); }

    .indexThree .box ul li{ width: 100% !important; margin-bottom: 10px;}

    .indexThree .box ul li a{ display: flex !important; flex-direction: column;}

    .indexThree .box ul li .pic{ width: 100% !important;}

    .indexThree .box ul li .con{ width: 100% !important; position: relative; opacity: 1;}

    .indexThree .box ul li:nth-child(1) .con{ background-image: linear-gradient(to bottom right, #4079be, #bceeb1);}

    .indexThree .box ul li:nth-child(1) .con h3{ color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .4);}

    .indexThree .box ul li:nth-child(1) .con dt{ color: #fff; margin-bottom: 0;}

    .indexThree .box ul li:nth-child(1) .con dd{ display: none;}

    .indexThree .box ul li .con h3 { font-size: 15px; padding-bottom: 10px; margin-bottom: 7px; }

    .indexThree .box ul li .con dt{ height: 40px !important; line-height: 20px !important; font-size: 14px !important;}



    .indexFour { padding: 45px 0 50px; }

    .indexFour .box{ margin-bottom: 20px;}

    .indexFour .box ul{ margin: 0;}

    .indexFour .box ul li{ width: 100%;  padding: 0;}

    .indexFour .box ul li a{ height: 100px; padding: 16px 25px;}

    .indexFour .box ul li dl{height: 68px; padding-top: 0;}

    .indexFour .box ul li dl b{ font-size: 23px;}

    .indexFour .box ul li ol{ height: 65px; background-size: 12px auto !important;}

    .indexFour .box ul li ol h3{ font-size: 15px;}



    .neiNav { line-height: 50px; width: 100%; overflow-x: auto;}

    .neiNav::-webkit-scrollbar{width:0px;height:0px;}

    .neiNav ul{ padding: 0 10px; justify-content: left;}

    .neiNav ul>li { padding: 0 10px;}

    .neiNav ul>li>a{ font-size: 15px; white-space: nowrap;}

    .neiNav ul>li .subnav { width: 200%; top: 50px; }

    .neiNav ul>li .subnav a { font-size: 13px; }

    .propage .neiNav{ padding: 10px 0; overflow:visible; line-height: 35px;}

    .propage .neiNav ul{ display: flex; flex-wrap: wrap;}

    .neiNav ul>li .subnav{ top: 35px;}



    .aboutOne { padding: 40px 0 50px; }

    .aboutOne .box{ display: block;}

    .aboutOne .text{ width: 100%; margin-bottom: 20px;}

    .aboutOne .text { font-size: 14px; line-height: 1.6; }

    .aboutOne .text img{ margin: 0 0 15px;}

    .aboutOne .pic{ width: 100%; padding: 0;}



    .aboutTwo { padding: 40px 30px 10px;}

    .aboutTwo .date { font-size: 130px; padding: 70px 0 30px;}

    .aboutTwo .swiperBox .text{ height: 90px; font-size: 12px; justify-content: flex-start;}

    .aboutTwo .swiperBox .swiper-slide dl { width: 70px; height: 70px; }

    .thumbsBox .swiper-button-next:after, .thumbsBox .swiper-button-prev:after { font-size: 15px; }

    .thumbsBox .swiper-button-next, .thumbsBox .swiper-button-prev { width: 36px; height: 36px;}

    .thumbsBox .swiper-button-prev { left: -25px; }

    .thumbsBox .swiper-button-next { right: -25px; }



    .aboutThree .item { height: 310px; }

    .aboutThree .item img { height: 50px; }

    .aboutThree .item h3 { font-size: 17px; }

    .aboutThree .item p { font-size: 12px; }



    .aboutFour { padding: 50px 0 60px; background-size: 30% auto;}

    .honor ul { margin: 0 -5px;}

    .honor ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}

    .patent { margin-bottom: 25px;}

    .patent ul { margin: 0 -5px;}

    .patent ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}



    .companyNews .box ul { margin: 0 -5px;}

    .companyNews .box ul li { width: 50%; padding: 0 5px 20px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; }

    .companyNews .box .item dd{font-size: 13px; background-size: 13px auto; padding-left: 20px; margin-top: 10px;}

    .companyNews .box .item dt { font-size: 13px; }



    .industryNews { padding: 20px 0 60px; }

    .industryNews .box { padding-bottom: 20px; }

    .industryNews .box .pic{ width: 100%; margin-bottom: 15px;}

    .industryNews .box .con{ width: 100%; padding: 0;}

    .industryNews .box .con h3 { font-size: 16px; }

    .industryNews .box .con dd { font-size: 13px; background-size: 13px auto; padding-left: 20px; margin-top: 10px;}

    .industryNews .box .con dt { height: 40px; font-size: 13px; line-height: 20px;}



    .bread { line-height: 50px;}



    .newsView { padding: 30px 0 60px; }

    .newsView .newsHead { margin-bottom: 25px; }

    .newsView .newsHead h1 { font-size: 17px;}



    .products { padding: 10px 0 60px; }

    .products .box ul li {  width: 100%; padding: 0 0px 15px; margin-bottom: 15px;}

    .products .box ul li a{ padding: 0; background: #fff !important;}

    .products .box ul li .con h3 { font-size: 16px;}

    .products .box ul li .con dt { height: 40px; line-height: 20px; font-size: 12px; }

    .products .box ul li .con dd { font-size: 12px; background-size: 10px auto; background-position: 70px center;}



    .proview { padding-bottom: 60px; }

    .proview .prohead{ display: block; margin-bottom: 30px;}

    .proview .prohead .pic { width: 100%; margin-bottom: 20px;}

    .proview .prohead .con { width: 100%;}

    .proview .prohead .con .t h1{ font-size: 19px;}

    .proview .prohead .con .c { font-size: 14px; line-height: 1.6; }

    .proview .prohead .con .l{ margin: 20px auto;}

    .proview .proCon dl { line-height: 40px; margin-bottom: 18px; }



    .area { padding: 15px 0 60px; }

    .area .box{ display: block; margin-bottom: 20px;}

    .area .box .con{ width: 100%; padding: 25px;}

    .area .box .con .t { font-size: 20px;}

    .area .box .con .t span{ display: inline-block;}

    .area .box .con .t span:nth-child(2){padding-left: 12px;}

    .area .box .con .c { font-size: 14px; line-height: 1.6;}

    .area .box .pic{ width: 100%;}

    .list .swiper-slide ol { padding-left: 15px; }

    .list .swiper-slide ol h3 { font-size: 16px; }

    .list .arrow-left, .list .arrow-right { width: 30px; height: 30px;}

    .list .arrow-left{ left: -10px;}

    .list .arrow-right{ right: -10px;}



    .case { padding-bottom: 60px;}

    .case .ntitle h2{ font-size: 18px; text-align: center;}

    .case .box ul{ margin: 0 -5px;}

    .case .box ul li{ width: 50%; padding: 0 5px 20px; margin-bottom: 20px; border-bottom: #dadada solid 1px;}

    .case .box ul li h3 { height: 40px; line-height: 20px; font-size: 15px; margin-top: 8px;}



    .contact { padding: 30px 0 60px; }

    .contact .tit{ display: none;}

    .contact .box { padding: 30px 20px; }

    .contact .box .con{ width: 100%; padding-right: 0; margin-bottom: 20px;}

    .contact .box .con ul li{ font-size: 15px;}

    .contact .box .con ul li i{ width: 35px; flex: 0 0 auto; margin-right: 10px;}

    .contact .box .con ul ol{ font-size: 15px; padding-top: 10px;}

    .contact .box .message{ width: 100%;}

    .contact .box .message ul{ margin-bottom: 10px; display: block;}

    .contact .box .message ul li{ width: 100%; margin-bottom: 10px;}

    .contact .box .message textarea{ height: 120px;}



    .map { height: 330px; }



    .footer .fmain{flex-wrap: wrap; padding: 35px 0;}

    .footer .fmain .fleft{ width: 100%; text-align: center; margin-bottom: 25px;}

    .footer .fmain .fleft .tit {font-size: 14px;margin-bottom: 10px;}

    .footer .fmain .fleft .fcontact ol {line-height: 1.5;margin-bottom: 10px;}

    .footer .fmain .fright{ width: 100%;}

    .footer .fmain .fright .fnav{ display: none;}

    .footer .fmain .fright .link{ width: 100%; }

    .footer .fmain .fright .link dl{font-size: 14px; margin-bottom: 10px; text-align: center;}

    .footer .fmain .fright .link a{ width: 100%;}

    .footer .copyright{ padding: 10px 0; font-size: 12px; line-height: 1.4;}



    /*===/分页=============================*/

    .fenye { text-align: center; font-size: 14px; width: 100%; height: 40px; margin: 10px 0 0px;}

    .fenye .prev, .fenye .next { width: 34px; height: 34px; line-height: 32px; margin-right: 2px; font-size: 16px; }

    .fenye a { width: 34px; height: 34px; line-height: 32px; margin-right:2px;}

    .fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}

    .fenye a.current { color: #fff;  background: #242a34; margin-right: 2px; border: #242a34 solid 1px;}



    .tccBox .BoxCon{ width: 90%;}

    .tccBox .BoxCon ul video{ width: 100%;}

    .search-dialog{ width: 95%;}

}