*{margin:0; padding:0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size: 14px;background: #fff;color: #333;}
h1,h2,h3,h4,h5{ font-weight:normal; padding:0; margin:0;}
a {color: #333;text-decoration: none;}
a:hover {color: #0e75c8;}
li{list-style:none;}
img{display:block; max-width:100%; }
em{font-style:normal;}
h1,h2,h3,h4{font-weight:normal; font-size:14px;}
.fl{float:left}
.fr{float:right}
.clear{clear:both; }
.container {padding: 0;width: 1200px;margin: 0 auto;}
.pc{display:block;}
.pcshow{display:block;}
.mobileshow{display:none;}
.imghover{-webkit-transition: all linear 0.4s; transition: all linear 0.4s; z-index: 10; }
.imghover:hover{ z-index: 10; -webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15); }
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
.row{display:flex; justify-content:space-between; align-items:center; flex-direction:row}
.column{display:flex; justify-content:space-between; align-items:center; flex-direction:column}
/*::-webkit-scrollbar{width:8px;height:10px}
::-webkit-scrollbar-track{border-radius:0;background:#fff;}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4);background-color:#03459b;}*/

.top{padding:5px 0; border-bottom:1px solid #ededed}
.top .container{display:flex; justify-content:flex-end; }
.top a{margin-left:10px;padding:0 20px;background: #f2f2f2;color:#333; font-size:12px; line-height:24px; display:inline-block; }
.header .logo{display:flex;  }
.header .logo img{height:65px;}
.header .logo h1{line-height:65px;font-size:26px; font-weight:bold; letter-spacing:2px;}
.header .nav a{color:#222222;font-size:16px;line-height: 80px;display: block;padding:0 20px;}
.header .nav .active{color:white;background: #e50014;}
.footer{background: #2c3e50; overflow:hidden;}
.footer ul{ padding-bottom:40px; overflow:hidden; padding-top:40px; display:flex; justify-content:space-between;}
.footer ul li{width:20%; }
.footer ul li span{display:block;color:white;font-weight:bold;font-size:15px;margin-bottom:20px}
.footer ul li a{display: block;color:#ddd;margin-top:10px; line-height:24px;}
.footer ul li.lianxi{width:30%; padding-right:5% }
.footer ul li.lianxi a{display:flex; }
.footer ul li.lianxi .iconfont{font-weight:normal; font-size:18px; padding-right:5px; }
.footer ul li.ewm{width:10%; text-align:center}
.bottom{background: #e50014; padding:5px 0;}
.bottom a{ line-height:25px; color:#fff;  font-size:12px; }

.banner{ position: relative;}
.banner img{ width:100% }
.banner .inner{ position:absolute;  width:300px; bottom:20%; left:50%;  margin-left:-200px; display:flex; justify-content:center; }
.banner .inner a{ background-color:rgba(0,0,0,0.8); margin:0 10px; width:200px;  text-align:center;  line-height:45px; color:#fff;  }
.banner-ny{width:100%; position:relative;}
.banner-ny img{width:100%}
.subnav {display:flex; justify-content:center; position:absolute; bottom:5%; left:50%; margin-left:-600px; }
.subnav a{ width:180px; margin:0 15px; line-height:45px; background-color:#fff; color:#333; font-size:16px; text-align:center; border-radius:4px;-webkit-transition: all linear 0.4s; transition: all linear 0.4s; z-index: 10;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.subnav a.on,.subnav a:hover{background-color:#e50014; color:#fff;}
.ten{margin-top:45px;height:10px;background: #e50014;}
.page{overflow: hidden;width:1200px;margin:0 auto}
.page ul{float:right;overflow: hidden;margin:100px 0}
.page ul li{float:left;border:1px solid #e50014;width:27px; height:27px;text-align: center;line-height: 27px;margin-left:10px;}
.page ul li img{margin:0 auto;margin-top:9px}
.page ul li a{color:#e50014;font-weight:bold}
.page ul .current1{background: #e50014}
.page ul .current1 a{color:white}

.index-product{ }
.index-product a{display:block;font-size:40px;text-align: center;font-weight:bold;color:#fff;padding-top:50px}
.index-product a span{font-size:40px;color:#e50014}
.index-product img{margin:0 auto;margin-top:15px}
.index-product li{color:#333;text-align: center;margin-top:30px;font-size:20px;padding-bottom:60px}
.index-product-list{ display:flex; flex-wrap:wrap; justify-content:space-around}
.index-product-list a{position:relative; width:16.66666%;    padding-bottom: 50px; overflow:hidden}
.index-product-list a img{width:100%;margin:80px auto 30px;}
.index-product-list .tit{text-align:center; font-size:16px; line-height:30px;}
.index-product-list a .mask{position:absolute; top:200%; width:90%; padding:5%; bottom:0; background-color:rgba(229,0,20,0.8); -webkit-transition: all linear 0.4s; transition: all linear 0.4s; z-index: 10; }
.index-product-list a .mask .title{color:#fff; font-weight:bold; text-align:left;font-size: 20px;}
.index-product-list a .mask .con{color:#fff; margin-top:20px; line-height:30px;}
.index-product-list a:hover .mask{top:0;}
.index-about{background: #e50014;  padding-bottom: 3%;}
.index-about a{display:block;font-size:40px;text-align: center;font-weight:bold;color:white;padding-top:50px}
.index-about img{margin:0 auto;margin-top:15px}
.index-about li{color:white;text-align: center;font-size:18px;font-weight:bold;width:800px;margin:0 auto;line-height: 36px;margin-top:30px;padding-bottom:50px}
.index-about li span{color:#c0392b;font-size:18px}
.index-about .cer{width:1100px; margin:auto;}
.index-bg{background: url(../images/bg.png);height:290px;}
.index-bg li{float:left;width:25%;}
.index-bg ul{width:1200px;margin:0 auto;overflow: hidden;}
.index-bg li img{margin:0 auto;margin-top:50px}
.index-bg li span{display: block;text-align: center;color:white;font-weight:bold;margin-top:30px;font-size:16px}
.index-news{width:1200px;margin:0 auto;overflow: hidden;margin-top:50px}
.index-news dl{width:299px;background: #33485d;float:left;margin-left:1px;margin-top:35px;margin-bottom:70px}
.index-news dl dd:nth-child(1){font-size:20px;font-weight:bold;color:white;padding:35px 0;text-align: center;}
.index-news dl dd:nth-child(2){height:5px;background: #e50014;}
.index-news dl dd:nth-child(3){color:white;margin: 0 20px;padding:35px 0;line-height: 24px;}
.index-news dl dd:nth-child(4){height:1px;background: white;}
.index-news dl a{border:1px solid white;width:180px;height: 70px;text-align: center;font-size:14px;padding-top:0;line-height: 70px;margin:35px auto}
.index-news .current{padding:35px 0;margin-top:0}
.index-news .current1{background: #e50014;border:1px solid #e50014;color:white}
.bg1{background: url(../images/bg1.png);}
.index-contact a{display:block;font-size:40px;text-align: center;font-weight:bold;color:white;padding-top:50px;letter-spacing: 20px;}
.index-contact img{margin:0 auto;margin-top:15px}
.bg1 ul{margin-top:50px;padding-bottom:60px}
.bg1 ul .input{width:1200px;height:40px;margin:0 auto;display: block;margin-top:10px;text-indent: 15px;background: #33485d;color:#929999}
.bg1 ul textarea{width:1200px;height:80px;margin:0 auto;display: block;margin-top:10px;text-indent: 15px;background: #33485d;color:#929999;border:0;line-height: 30px;}
.bg1 ul .button{padding:0 30px;line-height: 40px;margin:0 auto;background: #e50014;color:white;display: block;margin-top:40px;}

.contact .row{padding:5% 0 2%;}
.contact .row p{ font-size:16px; color:#333; line-height:30px;margin: 10px 0;}
.contact .row .iconfont{font-size:18px; color: #e50014; padding-right: 10px; font-weight:bold; }
.contact .right p{color:#e50014; text-align:right; font-size:20px; letter-spacing:2px;}
.contact .right .icon-dianhua1{font-size:36px; color:#666;}
.contact .right h1{color:#333; font-size:36px; font-weight:bold;}
.contact .map{width:100%}
.contact .qaq{margin:2% auto; }
.contact .qaq ul{ background: #f5f5f5; margin:10px auto;padding:30px 40px;}
.contact .qaq .question{display:flex;align-items:center; cursor:pointer;}
.contact .qaq .question span{ background-color:#e50014; width:25px; height:25px; color:#fff; text-align: center; line-height: 25px; border-radius: 6px; margin-right:10px; }
.contact .qaq .question p{ font-size:15px; flex:1; }
.contact .qaq .question em{font-size:24px; }
.contact .qaq .answer{ display:none; padding: 20px; margin-top: 15px; background-color:#fff; }
.contact .qaq .answer p{font-size:14px; line-height:22px; margin-bottom:10px;}
.contact .message{background: #f5f5f5;width:1200px;margin:0 auto;margin-top:70px;overflow: hidden;margin-bottom:100px}
.contact .message ul{overflow: hidden;width:1120px;margin:0 auto;margin-top:30px}
.contact .message ul li{width:520px;float:left}
.contact .message ul li input{display: block;margin-top:20px;width:520px; height:45px;text-indent:10px;border:1px solid #dedede}
.contact .message ul textarea{float:right;width:520px;height:243px;margin-top:20px;border:1px solid #dedede;color:#999; padding: 20px;}
.contact .message .button{width:165px;height:36px;background: #e50014;color:white;float:right;margin:50px 0;margin-right:40px}

.about{}
.about .company{ overflow: hidden;margin-top:50px; margin-bottom:30px;}
.about .company ul:nth-child(1){width:320px; float:left}
.about .company ul:nth-child(1) li{width:180px; height:160px; }
.about .company ul:nth-child(1) li {padding-top:20px; padding-left:50px}
.about .company ul:nth-child(1) li img{width:80px}
.about .company ul:nth-child(1) li a:nth-child(2){float:left;width:2px; height:86px;background: #e50014;margin-left:18px;margin-top:5px}
.about .company ul:nth-child(1) li a:nth-child(3){float:left;margin-top:10px}
.about .company ul:nth-child(1) li a:nth-child(3) span{display: block;margin-left:30px;color:#cbcdcd;font-size:20px} 
.about .company ul:nth-child(1) li a:nth-child(3) span:nth-child(3){color:#e50014;}
.about .company ul:nth-child(1) img:nth-child(2){margin-top:35px}
.about .company ul:nth-child(2){width:560px; float:left}
.about .company ul:nth-child(2) li:nth-child(1){border:1px solid #e50014;width:556px; height:80px;margin-top:100px;margin-left:20px}
.about .company ul:nth-child(2) li:nth-child(1) a{display: block;border:1px solid #e50014;width:556px; height:80px;margin-left:-4px;margin-top:-4px;background: white;font-size:24px;color:#e50014;font-weight:bold;line-height: 80px; text-align:center; }
.about .company ul:nth-child(2) li:nth-child(2){margin-left:30px;margin-top:40px}
.about .company ul:nth-child(2) li:nth-child(2) p{color: #333;line-height: 24px;margin-bottom: 15px;}
.about .company ul:nth-child(3){width:244px; float:right;}
.about  .company  ul:nth-child(3) li:nth-child(1){margin-top:100px;}
.about  .company  ul:nth-child(3) li:nth-child(2){margin-top:50px;margin-left:-110px}
.about .honor{display:flex; justify-content:space-between;}
.about .honor ul:nth-child(1){width:180px}
.about .honor-swiper{  width:900px;}

.solve{}
.solvelist ul{overflow: hidden;border-bottom:1px dashed #e0e0e0;padding:50px 0}
.solvelist ul li:nth-child(1){float:left;width:84px; height:84px;background: #f2f2f2;}
.solvelist ul li:nth-child(1) a{display: block;text-align: center;}
.solvelist ul li:nth-child(1) a:nth-child(1){font-size:28px;margin-top:12px;}
.solvelist ul li:nth-child(2){width:1080px;float:right}
.solvelist ul li:nth-child(2) a:nth-child(1){font-size:16px;font-weight:bold;margin-bottom:5px;display: block;}
.solvelist ul li:nth-child(2) a:nth-child(2) p{ font-size: 13px; margin-top: 10px; line-height: 20px;}

.news .news-list{overflow: hidden;width:1200px;margin:0 auto}
.news .news-list img{width:100%; border: 1px solid #ddd;}
.news .news-list ul{float:left;width:360px; margin-top:100px;position: relative;margin-left:30px}
.news .news-list ul li:nth-child(2){color:#e50014;font-size:16px;font-weight:bold;margin-top:20px}
.news .news-list ul li:nth-child(3){color: #333; font-size: 13px; margin-top: 10px; line-height: 22px;}
.news .news-list ul li:nth-child(4) a{display: block;color:#333; border:1px solid #ddd; width:28%;text-align: center;line-height: 36px;border-radius: 4px;margin-top:20px}
.news .news-list ul li:nth-child(4) a:hover{background-color:#e50014; color:#fff;border:1px solid #e50014;}
.news .news-list ul li:nth-child(5){width:80px; height:66px;background: #e50014;position:absolute;top:2px;left:2px}
.news .news-list ul li:nth-child(5) span{color:white;display: block;text-align: center}
.news .news-list ul li:nth-child(5) span:nth-child(1){font-size:18px;font-weight:bold;margin-top:8px}
.news .news-details{position: relative; margin-top:5%; }
.news .news-details ul:nth-child(1){font-size:28px; color:#e50014;font-weight:bold;text-align: center; }
.news .news-details ul:nth-child(2){margin-top:60px;line-height: 28px;}
.news .news-details ul:nth-child(3){position: absolute;left:0; top:0;width:80px; height:66px;background: #e50014;}
.news .news-details ul:nth-child(3) li{color:white;display: block;text-align: center}
.news .news-details ul:nth-child(3) li:nth-child(1){font-size:18px;font-weight:bold;margin-top:8px}
.news .next0{overflow: hidden;width:1200px; margin:0 auto;border-top:2px solid #efefef;margin-top:60px;margin-bottom:100px}
.news .next0 .next1{float: left;margin-top: 12px;}
.news .next0 .next2{float: left;margin-top: 12px;}
.news .next0 .next3{float:right;width:130px; height:30px;background: #e50014;color:white;line-height: 30px;text-indent:20px;border-radius:4px;position: relative;margin-top:12px}
.news .next0 a img{position: absolute;top:14px;right:24px}
.products{margin-top:3%;}
.products.more{width:1200px;margin:0 auto}
.products .more a{display: block;width:170px; height:50px;background: #e50014;margin:50px auto;color:white;line-height: 50px;text-indent:30px;border-radius:4px;position: relative;}
.products .more a img{position: absolute;top:24px;right:26px}
.product-list{display:flex; flex-wrap:wrap;}
.product-list .item{width:380px; position:relative; margin: 15px 10px; overflow:hidden; background-color:#fff;padding-bottom: 15px; }
.product-list .item img{width:90%; margin:auto;}
.product-list .item .title{font-size:16px; line-height:30px; color:#333; text-align:center}
.product-list .item .mask{position:absolute; top:200%; width:90%; padding:5%; bottom:0; background-color:rgba(229,0,20,0.8); -webkit-transition: all linear 0.4s; transition: all linear 0.4s; z-index: 10; }
.product-list .item .mask .title{color:#fff; font-weight:bold; text-align:left}
.product-list .item .mask .con{color:#fff; margin-top:20px; line-height:30px;}
.product-list .item:hover .mask{top:0;}
.productinfo{ margin-top:60px; position: relative;padding: 5% 0; }
.productinfo .container{display:flex;}
.productinfo::before{content:""; background-color:#e50014; position:absolute; top:0;bottom: 0; left:0; width:50%;}
.productinfo::after{content:""; background-color:#333; position:absolute; top:0; bottom: 0;left:50%; width:50%;}
.productinfo .product-swiper{width:500px;margin-left: 150px;}
.productinfo .product-swiper .swiper-pagination{width:95%; text-align:right;}
.productinfo .infos{flex:1; padding-left:5%; z-index:999;    padding-top: 2%; }
.productinfo .infos h1{ color: #fff; font-size: 22px; font-weight: bold;}
.productinfo .infos .box{margin-top:30px;}
.productinfo .infos .box b{color: #e0e0e0;}
.productinfo .infos .box p{color: #e0e0e0; line-height:30px;}
.productinfo .jj{ font-size: 42px; color: #f95c6a; z-index: 99; position: absolute; left: 50%; margin-left: -450px;}
.productinfo .enname{font-size: 40px; color: #d7d6d6; z-index: 99; position: absolute; text-align: center; top: -30px; text-transform: uppercase; width: 100%;/*mix-blend-mode: difference*/ opacity:0.6}


@media screen and (max-width:1200px) {
    .pcshow{display:none;}
    .mobileshow{display:initial;}
    .container{width:100%}
    .top{padding:5px 3%;}
    .top .container{justify-content:flex-end;}
    .top a.pcshow{display:none}
    .header {width: 100%; overflow: hidden; z-index: 999; flex-wrap:wrap; background-color:#fff;}
    .header .logo img{height:50px;}
    .header .logo h1{line-height:50px; font-size:20px; }
    .header .nav{width:100%; background-color:#fff;}
    .header .nav li{width:20%; text-align:center;}
    .header .nav li:first-child{display:none}
    .header .nav a{padding:0; line-height:35px; font-size:14px;}

    .footer ul{padding:5%;}
    .footer ul li{display:none}
    .footer ul li.lianxi{display:block; width:100%}
    .bottom{display:none}
    .subnav{ margin-left:auto; left: 3%;right: 3%; width: 94%;}
    .subnav a{line-height:35px; width: auto; flex: 1; margin: 0 5px; font-size:14px; }
    .page{ width:90%; margin:auto; }
    .page ul{margin:5% 0;}

    .index-product a{font-size:22px; padding-top:5%; }
    .index-product-list{padding:0 2%; }
    .index-product li{font-size: 14px; padding-bottom:5%;}
    .index-product-list a{width:48%;border: 1px solid #ddd;margin-bottom:2%;padding-bottom: 0;}
    .index-product-list a img{width:90%; margin:2% auto;}
    .index-product-list .tit{font-size:14px; background-color:#e50014; color:#fff; line-height:40px }
    .index-about{padding-bottom:0;}
    .index-about a{font-size:22px;}
    .index-about li{width:90%; padding:2% 5%; font-size:14px; line-height:30px; margin-top:5px;}
    .index-about .cer{width:100%}
    .index-bg{height:auto; padding-bottom:5%;}
    .index-bg ul{width:100%;}
    .index-bg li{width:50%;}
    .index-bg li span {font-size:14px;}
    .index-bg li img{width:80px;}
    .index-news{margin-top:0; width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; padding:0 1%;}
    .index-news dl{width:49%; margin:1% 0;}
    .index-news dl dd:nth-child(1){font-size:16px; padding:15px 0; }
    .index-news dl dd:nth-child(2){height:2px; background:#ddd;}
    .index-news dl dd:nth-child(3){padding:5%; margin:0; font-size:13px;}
    .index-news dl a{width:100%; border:none; height:35px; line-height:35px; margin:10px 0;}
    .bg1{display:none}

    .product-list{padding:2%;justify-content: space-between;}
    .product-list .item{width:49%; margin:1% 0;}
    .productinfo{margin-top:0; padding:0;}
    .productinfo::before,.productinfo::after{display:none}
    .productinfo .container{flex-wrap:wrap;}
    .productinfo .product-swiper{width:100%; margin-left:0; }
    .productinfo .infos{padding:4%; width:100%; background-color:#e50014}
    .productinfo .enname{top:5%; font-size:14px;}
    .productinfo .jj{display:none}

    .news .news-list{width:94%; padding:5% 3%; background-color:#f2f2f2; }
    .news .news-list ul{float:none; width:100%; margin:1% auto; padding-bottom: 2%;  background-color: #fff;}
    .news .news-list ul li:nth-child(2){padding: 0 3%;}
    .news .news-list ul li:nth-child(3){padding: 0 3%;}
    .news .news-list ul li:nth-child(4) a{margin: 10px auto; width:90%;}
    .news .news-details{padding:5%}
    .news .news-details ul:nth-child(1){font-size:24px;}
    .news .news-details ul:nth-child(3){left:5%; display:none; }
    .news .next0{width:90%; padding:0 5%;}
    .news .next0 .next1{float:none; width:100%; line-height:50px;}

    .solvelist ul{padding:5%;}
    .solvelist ul li:nth-child(1){display:none;}
    .solvelist ul li:nth-child(2){width:100%; float:none}
    .solvelist ul li:nth-child(2) a:nth-child(1){font-size:18px;}

    .about .company{margin:5% auto;}
    .about .company ul:nth-child(1) li{display:none}
    .about .company ul:nth-child(1){width:100%; float:none}
    .about .company ul:nth-child(1) img:nth-child(2){margin-top:0;}
    .about .company ul:nth-child(2){float:none; width:100%;}
    .about .company ul:nth-child(2) li:nth-child(1){width:96%; margin:10px auto;height:60px;}
    .about .company ul:nth-child(2) li:nth-child(1) a{width:100%; line-height:60px; height:60px; }
    .about .company ul:nth-child(2) li:nth-child(2){margin:0; padding:4%;}
    .about .company ul:nth-child(3){display:none}
    .about .honor{display:none}

    .contact .row{padding:5%; flex-wrap: wrap;    flex-direction: column-reverse;}
    .contact .row .left{width:100%; margin-top:15px; border-top:1px solid #ddd; padding-top:15px;}
    .contact .row .right{width:100%}
    .contact .right p{text-align:left}
    .contact .right h1{font-size:26px;}
    .contact .right .icon-dianhua1 {font-size:24px; }
    .contact .row p{font-size:15px; }
}