*{margin: 0;padding: 0; font-family: '微软雅黑';}
body{width: 100%;overflow-x: hidden;background: #fff;color: #555; font-size: 14px;line-height: 26px;}
li{list-style: none;}
a{text-decoration: none;display: block;}
a:hover{color:#1959b9}
img{max-width: 100%;display: inline-block;}
.fillimg{width: 100%;height: 100%;}
input{outline: none;;}
.clearfix{clear: both;}
.c00{color: #ffa200;}
.c01{color:#555;}
.c02{color: #999;}
.c03{color: #fff;}
.s14{font-size: 14px;;}
.s16{font-size: 16px;;}
.white-bg{background: #fff;}
.gray-bg{background: #f5f5f5;;}
.no-wrap{display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.three-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;}
.w-inner{width: 1200px;margin: 0 auto;}
.center{text-align: center;}
.fontw4{font-weight: 400;}
.overf-h{overflow: hidden;}
.left{float:left;}
.right{float:right;}
.relative{position: relative;}
.pt50{padding-top: 50px;;}
.pt20{padding-top: 20px;;}
.pb20{padding-bottom: 20px;;}
.pb50{padding-bottom: 50px;;}
.mt5{margin-top: 5px;;}
.mt10{margin-top: 10px;;}
.mt20{margin-top: 20px;;}
.mb10{margin-bottom: 10px;;}
.ml20{margin-left: 20px;;}
.mr20{margin-right: 20px;;}
.flex{display: flex;}
.flex01{flex: 1;}
.flex-bt{justify-content: space-between;}






.banner{width: 100%;overflow-x: hidden;position: relative;}

.swiper-pagination-bullet-active{background: #5893ef;}
.swiper-pagination{z-index: 1;}

.header{z-index: 99;;}
.header .welcome{background: #ffd200;height: 34px;;}
.header .welcome h4{background: url(../image/noticeicon.png) no-repeat left center;color: #fff;font-weight: 400;line-height: 34px;font-size: 12px;padding-left: 22px;width:880px;
height:34px; overflow: hidden;}
.header .welcome .phone{background: url(../image/phoneicon.png) no-repeat left center;color: #fff;font-weight: 400;line-height: 34px;font-size: 12px;padding-left: 22px;;}
.logo{width: 240px;margin-right: 20px;padding-top: 30px;;}
.logo img{width: auto;height: 40px;;}
.nav ul li{position: relative;padding: 20px;}
.nav ul li .first-nav{height: 60px;line-height: 60px;display: block; color: #555;}
.nav ul li:hover .first-nav{color: #ffd200;transition: 0.4s all;}
.nav ul .big-active .first-nav{color: #ffd200;}

.nav ul li .second-nav{position: absolute;width: 140px;background: #fff;z-index: 999;top: 100px;border:solid 1px #eee;left: 50%;margin-left: -70px;border-top: solid 2px #ffd200; display: none;;}
.nav ul li .second-nav dt{border-bottom:solid 1px #eee;padding: 10px;line-height: 26px;position: relative;text-indent: 0;}
.nav ul li .second-nav dt a{color: #555;}
.nav ul li .second-nav dt:hover a{color:#ffd200; transition: 0.4s all;;}
.nav ul li:hover .second-nav{display: block;transition: 0.2s all;}
.search{margin-top: 34px;background: #f5f5f5;}
.search input{border: none;background: none;height:34px;line-height:34px;width: 180px;padding: 0 10px;color: #999;font-size: 12px;; }
.search .search-btn{width: 40px;height: 34px;background: url(../image/searchicon.png) no-repeat center #ffd200;cursor: pointer;border:none;}


.big-title{padding-top: 50px;padding-bottom: 30px;;}
.big-title .ch h2{font-size: 24px;margin-top: 5px;;}
.big-title-bg .ch h2{color: #fff;}
.big-title .en{text-transform: uppercase;;}
.big-title .en::before{content: "";position: absolute;width: 40px;height: 1px;left: 50%;top: 12px;background: #ddd;margin-left: 50px;;}
.big-title .en::after{content: "";position: absolute;width: 40px;height: 1px;right: 50%;top: 12px;background: #ddd;margin-right: 50px;;}


.procuct-categ .w-inner{top: -120px;z-index: 999;border-radius: 15px;box-shadow: 0 5px 30px 0 #eee;;padding-left: 50px;padding-right: 50px;width: 1100px;;}
.pcateg-items ul li{width: 16%;padding: 20px 2%;}
.pcateg-items ul li .img{width: 100px;margin: 0 auto;height: 100px;margin-bottom: 25px;border:solid 1px #eee;border-radius: 50%;overflow: hidden;}
.pcateg-items ul li:hover .img{box-shadow: 0 5px 20px 2px #eee;transition: 0.4s all;}
.pcateg-items ul li:hover .tit{color: #ffd200;transition: 0.4s all;}


.about-intro .left-intro{width: 46%;float: left;overflow: hidden;}
.about-intro .left-intro .tit{font-size: 24px;margin-bottom: 20px;position: relative;padding-left: 35px;;}
.about-intro .left-intro .tit::before{content: "";position: absolute;width: 50px;height: 1px;background: #ffd200;left: 0; top: 10px;;}
.about-intro .left-intro .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;margin-left: 35px;;}
.about-intro .left-intro .more{width: 68px;height: 68px;background: url(../image/more-btn.png) no-repeat center;margin: 30px 0 0 35px;}
.about-intro .right-img{width: 48%;float: right;}
.about-intro .right-img .num{position: absolute;right: 0;top: 0;}
.about-intro .right-img .num dt{line-height: 60px;width: 120px;text-align: right;font-size: 26px;color: #dbdbdb;cursor:pointer;position: relative;}
.about-intro .right-img .num dt::after{content: "";width: 50px;height: 1px;background: #dbdbdb;bottom: -1px;right: 0;position: absolute;}
.about-intro .right-img .num .active{color: #ffd200;}
.about-intro .right-img .num .active::after{content: "";width: 120px;height: 1px;background: #ffd200;}
.about-intro.right-img .num .num-img li{width: 486px;;}
.about-intro .right-img .num dt:hover{color: #ffd200;transition: 0.4s all;}
.about-intro .right-img .num dt:hover::after{content: "";width: 120px;height: 1px;background: #ffd200;}



.products{background: url(../image/p-bg.jpg) no-repeat center;}
.products .prod-categ dt{display: inline-block;margin: 0 15px;cursor: pointer;}
.products .prod-categ .active{color: #ffd200;border-bottom: solid 2px #ffd200;}
.prod-items ul li{width: 23%;margin-right: 2.666%;border-bottom: solid 1px #555;padding-bottom: 10px;;}
.prod-items ul li:nth-of-type(4n){margin-right: 0;}
.prod-items ul li .img{height: 276px;overflow: hidden;}
.prod-items ul li .name{font-size: 16px;padding: 10px 0 8px 0;color: #fff;text-align: left;}
.prod-items ul li .desc{font-size: 12px;text-align: left;}
.prod-items ul li:hover{border-bottom: solid 1px #ffd200;transition: 0.4s all;}
.prod-items ul li:hover .name {color: #ffd200;transition: 0.4s all;}

.more-btn{width: 150px;height: 50px;line-height: 50px;font-size:16px;margin: 60px auto;background: #ffd200;border-radius: 5px;}
.more-btn:hover{box-shadow: #ffd200 0px 0px 47px -8px;transition: 0.2s all;color: #333;}


.evaluate .avator{width: 94px;height: 94px;border:solid 1px #f5f5f5;border-radius: 50%;overflow: hidden;margin: 25px auto;;}
.evaluate .desc .yin{position: absolute;top: 0;left: 0;background: url(../image/yin01.png) no-repeat left center;width: 34px;height: 25px;;}
.evaluate .desc .yin02{position: absolute;bottom: 0;right: 0;background: url(../image/yin02.png) no-repeat right center;width: 34px;height: 25px;}
.evaluate .desc{width: 70%;margin: 30px auto;padding: 0 8%;;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #eee;width: 12px;height: 12px;border-radius: 50%;position: relative;z-index: 99;margin: 0 10px;;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{width: 28px;height: 28px;border: solid 6px #ffd200;background: #fff;box-sizing: border-box;position: relative;top: -4px;;}
.bx-wrapper .bx-pager::after{width: 200px;height: 2px;background: #eee;content: ""; position: absolute;bottom: 18px;left: 50%;margin-left: -100px;;}


.dm{height: 230px;}
.dm .w-inner{width: 1100px;padding-left: 50px;padding-right: 50px;;}
.dm .w-inner .left{width: 65%;margin-top: 35px;;}
.dm .w-inner .right{width: 30%;border: #ffd200 2px solid;width: 160px;height: 48px;color: #ffd200;border-radius: 5px;margin-top: 36px;line-height: 48px;;}
.dm .w-inner .right:hover{background: #ffd200;color: #fff;transition: 0.2s all;}



.news .p-categ dt{display: inline-block;margin: 0 15px;cursor: pointer;}
.news .p-categ .active{color: #ffa200;border-bottom: solid 2px #ffd200;}

.news{background: #fafafa;}
.news-items .left{width: 49%;padding-bottom: 15px;background: #fff;}
.news-items .right{width: 49%;}
.news-items .left .img{width: 92%;height: 320px;overflow: hidden;margin: 20px 4%;margin-bottom: 5px;;}

.news-items .title{font-size: 16px;font-weight: 400;padding: 10px 4%;width: 92%;}
.news-items .desc{padding: 0 4%;width: 92%;min-height: 45px;}
.news-items .right li{margin-bottom: 15px;height: 120px;background: #fff;position: relative;padding-top: 20px;;}
.news-items .right li .img{width: 140px;height: 110px;position: absolute;left: 15px;top: 15px;}
.news-items .right li h3{padding-left: 180px;width: 380px;padding-right: 20px;}
.news-items .right li .desc{padding-left: 180px;width: 380px;padding-right: 20px;}
.news-items .right-cont:hover h3{color: #ffd200;transition: 0.2s all;}



.friendlink{padding: 10px 0;}
.friendlink ul li{width: 16.66%;}
.friendlink ul li img{margin: 0 auto;filter: grayScale(100%);height: 120px;width: auto;max-width: 80%;display: block;}
.friendlink ul li:hover img{filter: grayScale(0);transition: 0.2s all;}


.footer{background: #2b2c2e;color: #888;padding-top: 30px;;}
.footer .left{width:70%;}
.footer .right{width:20%;text-align: right;}
.footer .f-nav li{display: inline-block;padding: 0 15px;position: relative;}
.footer .f-nav li:nth-of-type(1){padding-left: 0;}
.footer .f-nav li::after{content: ""; position: absolute;right: 0;top: 6px;width: 1px;height: 12px;background: #666;;}
.footer .f-nav li a{color: #888;}
.footer .f-nav li:nth-last-child(1)::after{width: 0;}
.footer .f-nav li:hover a{color: #ffd200;transition: 0.2s all;}
.footer .contact-info span{display: block;margin-bottom: 12px;;}
.footer .contact-info span img{width: 16px;margin-right: 8px;position: relative;top: 3px;;}
.footer .more-btn{border-radius: 25px;margin: 0;margin-bottom: 15px;display: inline-block;}
.footer .more-btn:hover{box-shadow: none;}
.footer .code img{width: 120px;margin-top: 10px;;}
.copyr{border-top: solid 1px #333; padding: 20px 0;color: #555;}



.fixed-code{position: fixed;top:450px;right: 50px;z-index: 99999;width: 180px;padding: 20px; box-shadow: 0 1px 6px 1px #ddd;box-sizing: border-box;background: #fff;border-radius: 5px;overflow: hidden; }
.fixed-code .codeimg{width: 140px;}
.fixed-code h2{font-size: 18px;margin-bottom: 5px;}
.fixed-code .c00{color: #ffa200;}




.dm-banner .w-inner .name{position: absolute;bottom: 50px;padding-left: 14px;;}
.dm-banner .w-inner .name::after{content: "";left: 0 ;top: 0;width: 3px;height: 28px;background: #ffa200;position: absolute;}
.dm-banner .w-inner .name h1{display: inline-block;}

.content{min-height: 300px;padding-bottom: 60px;background: #f5f5f5;}
.leftcateg{width: 280px;margin-right: 40px;}
.leftcateg .prod-categ ul li{border:solid 1px #ffa200;margin-bottom: 20px;background: #fff;}
.leftcateg .prod-categ ul li a{line-height: 40px;padding: 10px 5%;color: #ffa200;font-size: 16px;width: 90%;text-align: left;}
.leftcateg .prod-categ ul li:hover{background: #ffa200;transition: 0.2s all;}
.leftcateg .prod-categ ul li:hover a{color: #fff;transition: 0.2s all;}
.leftcateg .prod-categ ul .active{background: #ffa200;}
.leftcateg .prod-categ ul .active a{color: #fff;}

.right-lists{width: 830px;padding: 40px 15px 40px;;}
.right-lists .lists ul li{width: 29%;margin:0 2.165% 15px;border:solid 1px #f5f5f5;box-sizing: border-box;padding-bottom: 15px;;}
.right-lists .lists ul li .img{width: 200px;height:200px;box-sizing: border-box;overflow: hidden;background: #fff;margin: 20px auto;;}
.right-lists .lists ul li .name{padding: 0 3%;width: 94%;padding-bottom: 0;color: #555;text-align: center;}
.right-lists .lists ul li:hover .name{color: #ffa200;transition: 0.2s all;}



.right-details{padding-left: 40px;padding-right: 40px;width: 780px;}
.right-details .details .l-img{width: 300px;float: left;border: solid 1px #eee;margin-right: 30px;box-sizing: border-box;overflow: hidden;font-size: 0; line-height: 0}
.right-details .details .l-img img{width: 100%;}
.right-details .details .r-tit{width: 400px;float: left;}
.right-details .details .r-tit h1{font-size: 20px;line-height: 32px;margin-top: 15px;font-weight: 400;}

.details .details0{margin-top: 60px;border: solid 1px #eee;box-sizing: border-box;;}
.details .details0 .intro-tit{line-height: 40px;background: #f5f5f5;font-weight: normal;border-bottom: solid 1px #eee;position: relative;height: 40px;;}
.details .details0 .intro-tit span{background: #fff;font-size: 18px;line-height: 44px;padding: 0 30px;display: inline-block;border-right: solid 1px #eee;position: absolute;height: 41px;background: #fff;left: 0;}
.details .details0 .intros{min-height: 200px;padding: 40px;;}
.others-products{border: solid 1px #eee;box-sizing: border-box;margin-top: 30px;padding-bottom: 5px;;}

.others-products .tit{border-bottom: solid 1px #eee;line-height: 40px;text-indent: 10px;font-size: 16px;color: #555;}
.others-products .o-lists{min-height: 100px;width: 760px;overflow: hidden;margin: 10px auto;;}
.others-products .o-lists .img{height: 175px;overflow: hidden;}
.others-products .o-lists .name{padding: 10px;;}
.others-products .o-lists .swiper-slide:hover .name{color: #ffa200;transition: 0.2s all;}
.others-products .swiper-slide{border: solid 1px #ededed;box-sizing: border-box;;}
.others-products .swiper-button-prev{width: 28px;height: 56px;background-image: url(../image/manual_move_btn.png);top: 50%;margin-top: -28px;background-position: 0 0;left: 10px;background-size: cover;}
.others-products .swiper-button-next{width: 28px;height: 56px;background-image: url(../image/manual_move_btn.png);top: 50%;margin-top: -28px;background-position: -28px 0;right: 10px;background-size: cover;}


.four-block ul{border-top:solid 1px #eee;border-left:solid 1px #eee;box-sizing: border-box;min-height: 238px;border-bottom: none;}
.four-block ul li{border-right: solid 1px #eee;box-sizing: border-box;width: 25%;min-height: 238px;border-bottom: solid 1px #eee;}

.four-block ul li .icon-img{width: 50px;margin:0 auto;height: 60px; margin-bottom: 15px;;}
.four-block ul li:hover{background: #f7f7f7;}

.store-lists{background: #f5f5f5;;}
.store-lists ul li{width: 48.5%;margin-bottom: 20px;background: #fff;border:solid 1px #eee;box-sizing: border-box;padding: 15px 1.5%;margin-right: 3%;}
.store-lists ul li:nth-of-type(2n){margin-right: 0;}
.store-lists ul li .img{width: 30%;margin-right: 7%;height: 160px;overflow: hidden;}
.store-lists ul li .intro{width: 60%;}


#solution .right-lists .lists li{width: 96%;margin: 0 2% 20px;border: none;border-bottom: dashed 1px #dedede;padding-bottom: 20px;;}
#solution .right-lists .lists .flex .img{width: 120px;height: 120px;border:solid 1px #dedede;margin: 0; margin-right: 20px;;}
#solution .right-lists .lists li:hover .fontw4{color: #ffa200;transition: 0.2s all;}
#solution .right-lists .lists li .time{ color: #666; font-size: 12px; margin-top:10px;}

.w-details{margin-left: 15px;margin-right: 15px;position: relative;top: -20px;;}
.w-details .top{border-bottom: dashed 1px #ccc;margin-bottom: 20px; }

.w-details .top{ padding:10px 0;}
.w-details .tit{ font-size: 18px;border-bottom: dashed 1px #ccc; padding:10px 0; margin-bottom:20px;line-height: 32px;}
.w-details .top .tit0{ width:660px; overflow: hidden; font-size: 18px; }




.aboutus .about-items .intro{width: 360px;padding: 50px;position: relative;top: -300px;}
.aboutus .about-items .slogan{width: 26%;padding: 5% 5% 2% 10%;margin: 8%;margin-bottom: 5%; height:120px;}
.aboutus .about-items .slogan::before{content: "";left: 0 ;top: 0;width: 31px;height: 28px;position: absolute;background: url(../image/yin03.png) no-repeat;}
.aboutus .about-items .slogan::after{content: "";right: 0 ;bottom:50px;width: 31px;height: 28px;position: absolute;background: url(../image/yin04.png) no-repeat;}

.honor-list ul li{width: 23.75%;margin-right:1.666% ;}
.honor-list ul li:nth-of-type(4n){margin-right: 0;}
.honor-list ul li .img{width:100%;height: 210px;}
.honor-list ul li .img img{transform: scale(1);}
.honor-list ul li:hover img{transform: scale(0.9);transition: 0.2s;}
.environment ul li{height: 320px;width: 33.33%;}
.environment ul li img{transform: scale(1);}
.environment ul li:hover img{transform: scale(1.1);transition: 0.2s;}

.dev-progress ul{padding-top: 30px;;}
.dev-progress ul::after{background: url(../image/dev00.png) no-repeat;width: 24px;height:31px;content: "";position: absolute;top: 0;left: 50%;margin-left: -12px;;}
.dev-progress ul li{width: 60%;margin:0 auto;position: relative;}
.dev-progress ul li .img{width: 40%;;}
.dev-progress ul li .img::after{width: 68px;height: 1px;background: #ffa200;position: absolute;right: -68px;top: 20px;content: "";}
.dev-progress ul li .info{width: 45%;}
.dev-progress ul li .line{width: 1px;height:100%;background: rgba(253,170,40,0.5);position: absolute;left: 50%;top: 0;display: block;}
.dev-progress ul li .line::after{width: 20px;height: 20px;background: url(../image/dev01.png) no-repeat;position: absolute;left: 50%;top: 60px;content: "";margin-left: -10px;;}
.dev-progress ul li .info p{padding-left: 12px;;}
.dev-progress ul li .info p::after{width: 5px;height: 5px;background: #ffa200;position: absolute;left: 0;top: 10px;content: "";border-radius: 50%;;}
.dev-progress ul li:nth-of-type(2n) .img{float: right;}
.dev-progress ul li:nth-of-type(2n) .img::after{left: -68px;top: 20px;content: "";right: auto;}
.dev-progress ul li:nth-of-type(2n) .info{float: left;}
.dev-progress ul li:nth-of-type(2n) .info h2{text-align: right;}
.dev-progress ul li:nth-of-type(2n) .info p{text-align: right;padding-right: 12px;padding-left: 0;}
.dev-progress ul li:nth-of-type(2n) .info p::after{left: auto;top: 10px;content: "";right:0 ;}


.message{background: url(../image/contact-bg.jpg) no-repeat;}
.message .form{width: 50%;margin: 0 auto;}
.message .form input{height: 32px;line-height: 32px;padding: 10px 3%;width: 94%;border: solid 1px #ededed;border-radius: 2px;;}
.message .form label{display: inline-block;width: 80px;position: relative;top: -5px;;}
.message .form .items{width: 94%;margin: 0 3%;margin-bottom: 20px;float: left;}
.message .form .items-t{width: 94%;margin: 0 3%;margin-bottom: 20px;;}
.message .form textarea{height: 140px;line-height: 32px;padding: 5px;width: 94%;padding:0 3%;outline: none;border: solid 1px #ededed;border-radius: 2px;}
.message .form .t{top: -150px;}
.message .form input[type="button"]{display:block;margin:20px auto;width: 94%;height: 50px;line-height: 50px;text-align: center;background: #ffd200;font-size: 16px;border: none;color: #333;padding: 0;cursor: pointer;border-radius: 5px;;}


.page .pageoption{text-align: center;margin: 20px 0;margin-top: 30px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;}
.page .pageoption ul li a{display: block;color: #555;}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #ffa200}
.page .pageoption ul .current span{color: #fff;border:1px solid #ffa200;}
.page .pageoption ul li a:hover{background: #ffa200}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #ffa200;}
.fanpage{margin: 20px 0;}
.fanpage ul li a{ display: inline-block; color: #666}
.fanpage ul li a:hover{color: #ffa200;}

.none{display: none;;}