*{padding: 0;margin: 0;outline: none;}
html,body {font-size: 14px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #333;overflow-x: hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border: 0;display: block;}
a{color: inherit;text-decoration: none;}
ul li{list-style: none;float: left;}
input,input:focus,button,button:focus{border:0;outline: none;}
.clear{clear: both;}
.top{width: 100%;height: 110px;position: fixed;top: 0;background: #fff;z-index: 999;box-shadow:0px 1px 5px 1px rgba(204,204,204,0.4);}
.top-language{width: 90%;height: 20px;margin: 0 auto;}
.top-language-bg{width: 18px;height: 18px;margin: 2px 0 0 30px;float: right;font-size: 12px;background: #dddddd;line-height: 18px;border-radius: 50%;text-align: center;}
.top-language-bg span{transform: scale(0.8);display: block;}
.top-language .active{color: #fff;background: #000;}
.top-logo-nav{width: 90%;height: 85px;margin: 5px auto 0;}
.top-logo{float: left;margin-top: 22px;}
.top-nav{float: right;height: 84px;line-height: 55px;}
.top-nav ul li{padding: 15px 0 15px 28px;font-size: 16px;color: #777;}
.top-nav ul li a:hover{color: #000;}
.top-nav ul li a::after{width: 0px;height: 1px;background: #000000;content: "";display: block;margin: auto;}
.top-nav ul li a:hover::after{width: 35px;transition: all 0.5s;}
.top-nav ul li .x-top-nav{position: fixed;display: flex;top: 110px;width: 100%;left: 0%;min-height: 160px;display: none;background: #f5f5f5;padding: 15px 0;}
.top-nav ul li:hover .x-top-nav{display: block;}
.top-nav ul li .x-top-nav ul{width: 90%;margin: auto;display: flex;}
.top-nav ul li .x-top-nav ul li{flex: 1;max-width: 150px;padding:0 30px 0 0;}
.top-nav ul li .x-top-nav ul li:last-child{padding-right: 0;}
.top-nav ul li .x-top-nav ul li a::after{display: none;}
.top-nav ul li .x-top-nav ul li img{max-height: 120px;}
.top-nav ul li .x-top-nav ul li span{line-height: 24px;display: block;text-align: center;margin-top: 10px;}
.banner{width: 100%;margin-top: 110px;}
.classify{margin-top: 80px;text-align: left;}
.classify-title{font-size: 24px;line-height: 32px;text-align: center;}
.classify-etitle{color: #777;font-size: 12px;text-align: center;}
.classify-main{width: 90%;margin:35px auto 60px;}
.classify-main-content{width: calc(25% - 20px);float: left;margin: 10px;}
.classify-main-content-img{width: 100%;overflow: hidden;}
.classify-main-content-img img{transition: all 0.5s;}
.classify-main-content-text{width: 75%;float: left;height: 66px;line-height: 32px;transition: all 0.5s;}
.classify-main-content-description{color: #999;}
.classify-main-content-icon{width: 25%;float: right;color: #CCCCCC;font-size: 18px;text-align: right;height: 66px;}
.classify-main-content-icon i{margin: 15px;opacity: 0;transition: all 0.5s;}
.classify-main-content:hover img{transform: scale(1.05);transition: all 0.5s;}
.classify-main-content:hover .classify-main-content-text{padding-left: 20px;transition: all 0.5s;width: calc(75% - 20px);}
.classify-main-content:hover .classify-main-content-icon i{opacity: 1;margin-right: 20px;transition: all 0.5s;}
.btn-more{width: 220px;height: 46px;text-align: center;line-height: 48px;margin:55px auto 0;border: 1px solid #CCCCCC;color: #999999;font-size: 16px;transition: all 0.5s;}
.btn-more:hover{transition: all 0.5s;background: #999999;color: #FFFFFF;}
.about{background: #f5f5f5;width: 100%;height: 40vw;position: relative;}
.about-right-bg{width: 50%;background: url(../cn/img/aboutbg.jpg) center;background-size: cover;height: 100%;position: absolute;left: 50%;}
.about-left{position: absolute;width: 55vw;height: 85%;background: #FFFFFF;top: 7.5%;}
.about-left-main{width: 100%;max-width: 1170px;margin-left: auto;margin-right: auto;top: 0;left: 0;}
.about-left-div{width: 65%; max-height: 220px; padding: 10px;height: 10vw;border: 1px solid #ccc;position: relative;top: 10vw;}
.about-left-div-img{width: 100%;height: 100%;background: url(../cn/img/aboutleft.jpg) center;background-size: cover;}
.about-left-text{width: 40%;height: 150px;position: relative;top: 10vw;margin-top: 15px;padding-left: 10px;}
.about-left-title{display: inline-block;font-size: 18px;}
.about-left-etitle{display: inline-block;color: #777777;font-size: 12px;}
.about-left-description{line-height: 24px;color: #999999;margin-top: 20px;font-size: 13px;}
.prodisplay{margin: 55px auto 60px;}
.prodisplay-main{margin-top: 25px;height: 65px;}
.prodisplay-main-time{transform: rotate(-90deg) scale(1) translate(0px, -30px);width: 90px;font-size: 12px;display: block;color: #ccc;}
.prodisplay-main-model{font-size: 16px;color: #aaaaaa;font-weight: bold;margin-top: 0px;margin-left: 30px;}
.prodisplay-main-name{font-size: 16px;font-weight: bold;margin-left: 30px;}
.prodisplay .swiper-button-next,.prodisplay .swiper-button-prev{width: calc(20% - 12px);height: 100%;margin-top: 0;top: 0;background: rgba(255,255,255,0.9);cursor: default;}
.prodisplay .swiper-button-prev{left: 0;}
.prodisplay .swiper-button-next{right: 0;}
.swiper-button-bg{position: absolute;bottom: 0;text-align: center;width: 100%;outline: none;}
.swiper-button-bg i,.swiper-button-bg p{display: inline-block;margin: 0 4px;color: #BBBBBB;font-size: 16px;line-height: 24px;transition: all 0.5s;}
.swiper-button-bg:hover{cursor: pointer;}
.swiper-button-bg:hover i,.swiper-button-bg:hover p{color: #333333;transition: all 0.5s;}
.footer{width: 100%;margin: 50px auto 0;background: url(../cn/img/foot.jpg) center;}
.footer-bg{width: 100%;background-color: rgba(0,0,0,0.8);padding: 60px 0;}
.footer-main{width: 100%;max-width: 1170px;margin: auto;display: flex;}
.footer-main-con{flex: 2;color: #CCCCCC;font-size: 12px;border-right: 1px solid rgba(204, 204, 204, 0.2);}
.footer-main-con:last-child{border-right: 0;}
.footer-main-con2{margin: 15px auto;}
.footer-main-con2-title{font-size: 24px;line-height: 48px;}
.footer-main-con3{margin-top: 30px;font-size: 14px;}
.footer-main-con3-div{width: 100%;margin-bottom: 15px;}
.footer-main-con3-icon{width: 25px;border-right: 2px solid rgba(204, 204, 204, 0.6);font-size: 16px;display: inline-block;}
.footer-main-con3-text{display: inline-block;padding-left: 10px;}
.footer-main-con4{width: auto;margin: 5px 15px 0;}
.footer-main-con4-title{font-size: 15px;font-weight: bold;margin-bottom: 20px;color: #FFFFFF;}
.footer-main-con4-line{margin-top: 15px;min-height: 0px;height: 3px;width: 35px;background-color: rgb(96, 154, 177);}
.footer-main-con4-news{margin-top: 20px;margin-bottom: 30px;}
.footer-main-con4-text{font-size: 12px;color: rgb(204, 204, 204);-webkit-line-clamp: 4;line-height: 2em;margin-bottom: 15px;}
.footer-main-con4-time{color: #609ab1;}
.footer-main-con4-nav{margin-bottom: 15px;}
.footer-main-con4-nav a{display: inline-block;}
.footer-main-con4-nav-c{font-size: 13px;transition: all 0.8s;}
.footer-main-con4-nav-c:hover{color: rgb(96, 154, 177);transition: all 0.8s;}
.footer-main-con4-nav-e{color: rgb(96, 154, 177);font-size: 12px;font-style: italic;padding-left: 10px;}
.bottom{width: 100%;height: 85px;line-height: 85px;background: #222222;}
.bottom-main{max-width: 1170px;margin: auto;color: #CCCCCC;font-size: 12px;padding-left: 15px;}
.bottom-main a{display: inline-block;color: rgb(96,154,177);}
.main{width: 100%;max-width: 1170px;margin:30px auto 80px;}
.aboutall{height: 60px;line-height: 60px;color: #AAAAAA;padding: 0 15px;}
.aboutalll{width: 50%;min-width: 205px;float: left;}
.aboutallr{width: 50%;float: left;}
.aboutallrmenu{float: right;}
.aboutallrmenu ul li{margin: 0 0 0 15px;}
.aboutall a:hover{color: #f3782a;}
.aboutmain{padding: 0 15px;margin: 50px auto;min-height: 450px;}
.aboutmain-l{width: 35%;float: left;padding-right: 5%;}
.aboutmain-l p{font-size: 16px;line-height: 32px;}
.aboutmain-l span{font-size: 14px;line-height: 24px;color: #AAAAAA;}
.aboutmain-r{width: 60%;float: left;}
.aboutmain-r p{font-size: 16px;line-height: 28px;text-indent: 28px;margin-bottom: 15px;}
.contact-main{display: flex;margin-top: 30px;}
.contact-flex{flex: 1;text-align: center;}
.contact-flex i{font-size: 48px;color: #F3782A;}
.contact-flex p{line-height: 32px;font-size: 14px;}
.contact-flex-address{color: #808080;}
.pro-left{width: 218px;float: left;border: 1px solid #DDDDDD;border-top: 0;border-right: 0;}
.pro-left .on ul{display: block;padding: 0;margin: 0;}
.pro-left-title{display: block;line-height: 48px;background: #f2f2f2;color: #333333;cursor: pointer;border-top: 1px solid #DDDDDD;border-right: 1px solid #dddddd;padding-left: 15px;}
.pro-left-title i{width: 36px;line-height: 48px;text-align: center;}
.pro-left-main ul{display: none;}
.pro-left-main ul li{line-height: 24px;border-top: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;float:none;padding: 12px 0 12px 24px;}
.pro-left-main ul li a{display: block;color: #787878;text-decoration: none;}
.pro-left-main ul li:hover a{color: #FFFFFF;}
.pro-left-main ul li.active,.pro-left-main ul li:hover{background: #E89314;}
.pro-left-main .active a{color: #FFFFFF;}
.pro-right{width: calc(100% - 270px);float: left;margin-left: 50px;}
.pro-right h2{display: block;font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.pro-list{width: calc((100% / 3) - 22px);border: 1px solid #DDDDDD;float: left;margin: 0 10px 20px 10px;}
.pro-right-list{width: calc((100% / 3) - 22px);border: 1px solid #DDDDDD;float: left;margin: 0 10px 20px 10px;}
.pro-list-img{width: 100%;}
.pro-list-title{line-height: 24px;padding: 12px 0;font-size: 16px;text-align: center;border-top: 1px solid #DDDDDD;font-weight: bold;}
.pro-list:hover{box-shadow: 0px 0px 5px #888888;}
.pro-list:hover a{color: #E89314;}
.pro-list p{text-align: center;line-height: 48px;font-size: 16px;}
.pagelist{width: 100%;text-align: center;margin: 50px 0;}
.pagelist ul{display:table;margin: auto;}
.pagelist ul li{width: 24px;line-height: 24px;border: 1px solid #ccc;margin: 0 5px;float: left;color: #333;background: #fff;}
.pagelist .active{border: 1px solid #026933;background: #026933;color: #fff;}
.pro-main-img{/*width: 650px;height: 650px;*/margin:0;float: left;}
.pro-main-img img{/*width: 650px;height: 650px;*/}
.pro-canshu{float: left;margin: 0 0 0 50px;width: calc(100% - 400px);}
.pro-canshu ul{padding: 0;margin: 0;}
.pro-canshu ul li{line-height: 36px;}
.pro-canshu ul li span{font-weight: bold;}
.pro-canshu p{line-height: 24px;}
.pro-xiangqing{line-height: 24px;margin:30px auto 50px;font-size: 0px;min-height: 48px;}
.pro-xiangqing-p{width: 33%;display: inline-block;font-size: 14px;}
.pro-xiangqing-c{font-size: 14px;}
.pro-xiangqing-c p{font-size: 14px !important;}
.new-list{width: 100%;height: 150px;overflow: hidden;margin-bottom: 50px;}
.new-list-time{width: calc(15% - 1px);color: #888888;border-right: 1px solid #F3782A;float: left;}
.new-list-month,.new-list-year{font-size: 36px;display: block;line-height: 75px;}
.new-list-main{width: 50%;float: left;margin-left: 5%;}
.new-list-title{font-size: 16px;color: #434343;line-height: 24px;margin-bottom: 30px;}
.new-list-title:hover{color: #F3782A;}
.new-list-description{font-size: 14px;color: #999999;line-height: 24px;}
.new-list-img{width: 25%;float: left;margin-left: 5%;max-height: 150px;}
.new-list-img img{max-height: 150px;}
.new-title{text-align: center;line-height: 36px;font-size: 16px;margin-bottom: 30px;font-weight: bold;}
.new-main {font-size: 14px;line-height: 28px;text-indent: 28px;}
@media screen and (max-width: 767px) {
.top{height: 160px;}
.top-logo-nav{height: auto;max-width: 335px;}
.top-logo{float: none;margin-top: 0;}
.top-nav{float: none;height: auto;line-height: 36px;}
.top-nav ul li{width: calc(100% / 3);padding: 0;text-align:center;font-size: 14px;}
.banner{margin-top: 160px;}
.classify-main-content{width: calc(50% - 20px);}
.about{height: auto;}
.about-right-bg{width: 100%;left: 0;}
.about-left{width: 90%;left: 5%;}
.about-left-div{margin: 0 auto 5px;}
.about-left-text{width: 90%;text-align: center;margin: 5px auto 0;}
.about-left-description{margin-top: 5px;height: 50px;overflow: hidden;}
.footer-main{display: block;}
.bottom{height: auto;line-height: 32px;text-align: center;}
.bottom-main{width: calc(100% - 30px);padding: 0;}
.top-nav ul li:hover .x-top-nav{display: none;}
.aboutall{line-height: 36px;}
.aboutalll,.aboutallr,.aboutallrmenu{width: 100%;float: none;}
.aboutallrmenu ul li{width: 25%;margin: auto;}
.pro-left{width: 158px;}
.pro-left-main ul li{padding-left: 15px;}
.pro-right{width: calc(100% - 175px);margin-left: 15px;}
.pro-right-list{width: calc(100% - 2px);margin: 0 0 15px 0;}
.pro-list{width: calc((100% / 2) - 22px);}
.new-list-month, .new-list-year{font-size: 18px;}
.contact-main{display: block;}
.pro-main-img{width: 100%;height: auto;}
.pro-main-img img{max-width: 100%;height: auto;}
.pro-canshu{width: 100%;margin:50px 0 0 0;}
.pro-canshu ul li span{display: block;}
}
}