@charset "utf-8";
/* CSS Document */
*{ margin: 0 auto; padding: 0; border: 0;  font-size: 14px;outline:medium;box-sizing: border-box;font-family: "Arial";}
a{ text-decoration: none; color: #000; }
img{ display:block; max-width: 100%; height: auto !important; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.big img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}


/*common*/
.fl, .l{ float: left; }
.fr, .r{ float: right; }
.c{ clear: both; }
.w{max-width: 1400px;position: relative;}
.w2{max-width: 1200px;}
.m{display: none;}

/*head*/
.top{background: #f5f3f3;line-height: 50px;font-size: 14px;color: #666;}
.top span{padding-left: 25px;margin:0 10px;background-repeat: no-repeat;background-position: left center;display: inline-block;}
#time{background-image: url("../images/ico-time.png");}
#mail{background-image: url("../images/ico-mail.png");}
#tel{background-image: url("../images/ico-tel.png");}
.head{padding: 20px 0;}
.head .logo{max-width: 300px;width: 25%;}
.head .nav{width: 55%;margin-left: 5%;display: flex;}
.head .nav a{line-height: 80px;font-size: 16px;display: inline-block; font-weight: bold;text-transform: uppercase;float: left;text-align: center;}
.menuBtn{display: none;position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 9;width: 40px;/*height: 26px;*/cursor: pointer;transition: .3s;z-index: 150;}
.menuBtn b {display: block;height: 2px;background-color: #8f8f8f;margin: 8px 0;transition: .3s;}
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 0px; top: 50%; width: 40px;}
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.head .search{width: 15%;background: #f5f3f3;border-radius: 15px;margin-top: 25px;}
.head .search input{width: calc(100% - 35px);float: left;padding-left: 15px;background: none;line-height: 30px;}
.head .search button{width: 30px;height: 30px;background: none;}
.banner{background: url("../images/banner.jpg") no-repeat center;height: 600px;position: relative;}
.banner .item{position: relative;}
.banner .item .w{height: 100%;overflow: auto;}
.banner .item .w .pic{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);}
.banner .item .w .text{width: 35%;margin-top: 10%;}
.banner .item .w .text h1{font-size: 50px;font-family: "Arial";font-weight: bold;line-height: 200%;}
.banner .item .w .text p{font-size: 24px;font-family: "Arial";color: #666;}
.banner .item .w .text a{display: inline-block;background: #0966d8;line-height: 40px;padding: 0 20px;color: #fff;font-size: 16px;text-align: center;margin-top: 3%;}
.banner .item .w .img{height: 70%;width: 65%;top: 15%;position: absolute;left: 62%;transform: translateX(-50%);}
.banner .item .w .img img{height: 100% !important;object-fit: contain;}
.banner .item.s104 .w .img{height: 90%;top: 5%;left: 55%;}
.banner .slick-next,.banner .slick-prev{width: 50px;height: 50px; position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;background-size: 100%;}
.banner .slick-next{right: 2%;background: url("../images/arr-r.png") no-repeat center;background-size: 100%;}
.banner .slick-prev{left: 2%;background: url("../images/arr-l.png") no-repeat center;background-size: 100%;}

.tit{line-height: 50px;margin: 2% auto 1%;}
.tit h2{font-size: 36px;font-weight: bold;text-transform: uppercase;}
.tit .more{float: right;font-size: 18px;color: #666;}
.products{overflow: visible;padding-bottom: 3%;}
.products ul li{width:32%;float: left;margin-right: 2%;margin-bottom: 2%; border: 1px solid #ccc;}
.products ul li:nth-child(3n){margin-right: 0;}
.products ul li .pic{height: 0;padding-bottom: 60%;position: relative;}
.products ul li .pic img{max-width: 90%;position: absolute;margin: 0;max-height: 90%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.products ul li .text{background: #e3e3e3;line-height: 50px;padding:0 5%;}
.products ul li .text a{font-size: 18px;font-weight: bold;}
.products ul li .text span{font-size: 14px;color: #666;float: right;}
.products ul li:hover{border-color: rgb(0 0 0 / 5%);box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 5%);}

.about{background: #eee;padding: 3% 0;}
.about .text{width: 55%;}
.about .text h2{font-size: 36px;font-weight: bold;text-transform: uppercase;line-height: 200%;}
.about .text p{font-size: 16px;line-height: 200%;color: #666;}
.about .pic{width: 40%;}

.ex-list ul{overflow: auto;}
.ex-list ul li{width: 23.5%;float: left;position: relative;margin-right: 2%;margin-bottom: 2%;}
.ex-list ul li:nth-child(4n){margin-right: 0;}
.ex-list ul li .pic{height: 0;padding-bottom: 90%;position: relative; border: 1px solid #ddd;}
.ex-list ul li .pic img{max-width: 90%;position: absolute;margin: 0;max-height: 90%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.ex-list ul li .text{padding:20px;text-align: center;}
.ex-list ul li .text a{display: block;font-size: 18px;font-weight: bold;line-height: 120%;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.quote{box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 5%);margin: 3% auto;padding: 2% 4%;border-bottom: 10px solid #e3e3e3;}
.quote h3{font-size: 22px;}
.quote form{display: flex;justify-content: space-between;margin: 2% auto;}
.quote label,.quote button{border: 1px solid #d7d7d7;min-width:20%;padding: 0 10px;margin: 0;}
.quote input,.quote select,.quote option,.quote button{line-height: 40px;font-size: 16px;height: 40px;color: #666;background: none;}
.quote button{cursor:pointer;line-height: 42px;height: 42px;background: #efefef;}
.quote p{font-size: 16px;color: #666;line-height: 150%;}

.nbanner{position: relative;}
.nbanner .text{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);}
.nbanner .text h1{font-size: 60px;color: #fff;}

.position{margin-top: 3%;color: #666;}
.position a{color: #666;}

.main{margin: 3% auto 7%;}
.main .menu{margin: 5% auto;display: flex;justify-content: space-between;border-bottom: 1px solid #ddd;}
.main .menu a{display: inline-block;font-size: 18px;line-height: 300%;text-align: center;margin: 0;width: 25%;}
.main .menu a.on{border-bottom: 3px solid #0966d8;}
.main .tit h2{font-size: 60px;font-weight: normal;line-height: 200%;}
.main .content *{font-size: 18px;line-height: 200%;color: #333;}
.main .value{overflow: auto;margin-top: 50px;background: #efefef;}
.main .value dl{overflow: auto;width: 25%;float: left;padding: 20px 0; text-align: center;}
.main .value dl dd{color: #000;line-height: 120%;margin: 5px auto;}
.main .history dl{overflow: auto;display: flex;}
.main .history dl dt{width: 100px; font-size: 32px;color: #0966d8;font-weight: bold;}
.main .history dl dd{width: calc(100% - 100px);border-left: 1px solid #0966d8;padding:10px 0 5% 10%;position: relative;}
.main .history dl dd::before{content: '';width: 15px;height: 15px;border-radius: 50%;border: 1px solid var(--default,#0966d8);background: radial-gradient(var(--default,#0966d8) 25%, transparent 30%) 50% 50% no-repeat, linear-gradient(to left, #fff,#fff) left top no-repeat;background-size: 100% 100%, 100% 100%;position: absolute;top: 23px;left: -9px;}
.main .contact dl dt{font-weight: bold;}
.main .left{background: #f5f3f3;width: 300px;}
.main .left a{display: block;line-height: 50px;font-size: 16px;border-bottom: 1px solid #ddd;color: #666;padding: 0px 20px;}
.main .left dt a:hover,.main .left dt a.on{background: #666;color: #fff;}
.main .left dd a:hover,.main .left dd a.on{background: #aaa;color: #fff;}
.main .left dt a{font-weight: bold;}
.main .left dd a{padding-left: 35px;}
.main .right{width: calc(100% - 350px);}
.prolist ul{overflow: auto;border: 1px solid #eee;}
.prolist ul li{width: 33.33%;float: left;position: relative;}
.prolist ul li:after {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-shadow: 1px 0 #eeeeee, 0 1px #eee;z-index: 2;pointer-events: none;}
.prolist ul li .pic{height: 0;padding-bottom: 90%;position: relative;}
.prolist ul li .pic img{max-width: 90%;position: absolute;margin: 0;max-height: 90%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.prolist ul li .text{padding:20px;background: #f8f8f8;}
.prolist ul li .text a{display: block;font-size: 18px;font-weight: bold;line-height: 120%;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.prolist ul li .text span{color: #999;}
.pages{text-align: center;margin: 5% auto 0;}
.pages a{margin: 10px;border: 1px solid #ddd;line-height: 30px;display: inline-block;padding: 0 15px;}
.pages a.page-num-current{background: #eee;}

.show{max-width: 1200px;margin-bottom: 5%;}
.proinfo{margin-bottom: 6%;}
.proinfo .pic{width: 100%; border: 1px solid #ddd;position: relative;}
.proinfo .pic .slide{width: 100%;}
.proinfo .pic .slide .img{position: relative;height: 600px;}
.proinfo .pic .slide .img img{transform: translate(-50%,-50%);position: absolute;left: 50%;top: 50%;max-width: 80%;max-height: 80%;}

.slide .slick-next,.slide .slick-prev{width: 50px;height: 50px; position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;background-size: 100%;}
.slide .slick-next{right: 2%;background: url("../images/arr-r.png") no-repeat center;background-size: 100%;}
.slide .slick-prev{left: 2%;background: url("../images/arr-l.png") no-repeat center;background-size: 100%;}


.proinfo .title{margin: 2% auto;position: relative;}
.proinfo .title h1{font-size: 32px;font-weight: bold;line-height: 200%;}
.proinfo .title span{font-size: 18px;color: #bbb;}
.proinfo .inquire-btn{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 160px;height: 40px;background:#0966d8;line-height: 40px;text-align: center;color: #fff;cursor: pointer;}

.show .tit{font-size: 24px;border-bottom: 1px solid #ddd;margin: 1% auto 2%;font-weight: bold;line-height: 250%;}
.show .pics{overflow: auto;display: flex;margin-bottom: 3%;}
.show .pics .item{/*float: left;*/margin: 0 1%;text-align: center;}
.show .pics .item .img{height: 150px !important;}
.show .pics .item p{font-size: 16px;line-height: 120%;margin: 5px auto;}
.show .con,.show .con *{font-size: 16px;line-height: 150%;}
.show .con img{display: initial;}
.show .con table{width: 100%;border-left: 1px solid #ddd;border-top: 1px solid #ddd;background: #fcfcfc;margin: 15px auto;}
.show .con table td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 20px;}
.show .con table td,.show .con table td *{line-height: 120%;font-size: 14px;}
.show .con table tr:first-child{background: #eee;}

.show .inquire .row{display: flex;margin-bottom: 30px;justify-content:space-between;position: relative;}
.show .inquire .row label{display: inline-block;width: 100%;margin: 0;border: 1px solid #d2d2d2;padding-left: 15px;text-transform: uppercase;font-size: 14px;}
.show .inquire .row label.half{width: 48.5%;}
.show .inquire .row label input{width: calc(100% - 120px);}
.show .inquire .row label input,.show .inquire .row label select,.show .inquire .row label textarea{font-size: 14px;line-height: 45px;height: 45px; padding: 0 10px;background: none;font-weight: bold;}
.show .inquire .row label textarea{min-height: 100px;width:calc(100% - 10px);line-height: 150%;padding: 15px 0;}
.show .inquire .button{display: inline-block;background: #0966d8;line-height: 45px;padding: 0 20px;color: #fff;font-size: 16px;text-align: center;width: 100%;}

.map{width: 100%;height: 400px;}


.float{position: fixed;right: 1%;bottom: 30%}
.float .con{position: relative;}
.float .wechat{width: 50px;}
.float .code{position: absolute;right: 110%;bottom: 0;width: 160px;border: 1px solid #ddd;display: none;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.float:hover .code{display: block;}

.foot{background: #555;padding-top: 4%;color: #fff;line-height: 200%;}
.foot .l{max-width: 155px;}
.foot .l p{margin-top: 20px;}
.foot .l p a{display: inline-block;margin: 3px;}
.foot .pro{float: left;width: calc(100% - 350px);/*margin-left: 9%;*/}
.foot .pro a{color: #fff;width: 33%;float: left;display: block;}
/*.foot .r{max-width: 315px;}*/
.foot .copyright{border-top: 1px solid #888;line-height: 50px;text-align: center;margin-top: 3%;}