html,body{margin:0;padding:0;font-family:'微软雅黑';min-width:1250px;}
ul,li{margin:0;padding:0;list-style:none;}
img{border:0;}
a{text-decoration:none;color:#000;}
.cb,.hide{display:none;}

.mainview{height:100%;overflow:hide;}

.m{width:1200px;margin:0 auto;}
.mt{margin-top:150px;}
.mm{width:90%;margin:0 auto;}

.header{position:fixed;left:0;right:0;top:0;z-index:10000;background:#fff;background:rgba(255,255,255,0.8);}
.header .logo{float:left;margin:20px 0;}
.header .logo img{height:45px;}
.header .menu{float:right;margin-right:30px;}
.header .menu li{position:relative;display:inline-block;line-height:89px;}
.header .menu li a{position:relative;display:block;padding:0 10px;text-align:center;}
.header .menu li ul{display:none;position:absolute;left:-30%;top:100%;right:-30%;background:#fff;background:rgba(255,255,255,0.8);}
.header .menu li a:hover,.header .menu li a.cur{color:#4ba5ea;font-weight:bold}
.header .menu li:hover ul{display:block;}
.header .menu li li{display:block;line-height:20px;padding:10px 0;}
.header .menu li a.first span{display:none;position:absolute;left:50%;top:75%;width:40px;height:2px;margin-left:-20px;background:#4ba5ea;}
.header .menu li a.first.cur span,.header .menu li a.first:hover span{display:inline-block;}

.header .hotphone{float:right;margin:20px 0;padding-left:50px;background:url(../images/phoneicon.png) 0 center no-repeat;}
.header .hotphone .b{font-size:20px;font-weight:bold;}
.header{}

.banner{height:100%;}
.banner img{width:100%;height:100%;object-fit:cover;}


.aboutbox{background:url(../images/aboutbg.png) center center repeat-x;}
.aboutbox .a{margin-top:80px;float:left;width:40%;}
.aboutbox .a img{width:100%;}
.aboutbox .b{margin-top:0;overflow:hidden;background:#fff;padding:50px 100px;}
.aboutbox .b .b1{line-height:40px;font-size:25px;font-weight:bold;white-space:nowrap;}
.aboutbox .b .b1 span{display:inline-block;width:50px;height:1px;margin-left:30px;background:#4ba5ea;vertical-align:middle;}
.aboutbox .b .b2{font-size:14px;color:#757575;line-height:30px;}

.aboutbox .b .b3{font-size:14px;margin-top:20px;text-indent:2em;}

.aboutbox .b .b4{white-space:nowrap;padding:30px 0;}
.aboutbox .b .b4 li{display:inline-block;width:22%;}
.aboutbox .b .b4 li .img img:last-child{display:none;}
.aboutbox .b .b4 li a{line-height:30px;width:100px;text-align:center;display:inline-block;font-size:14px;font-weight:bold;}
.aboutbox .b .b4 li a:hover{color:#4ba5ea;}
.aboutbox .b .b4 li a:hover .img img{display:none;}
.aboutbox .b .b4 li a:hover .img img:last-child{display:inline-block;}

.aboutbox .more{padding:0;text-align:right;}
.aboutbox .more a{display:inline-block;padding:0 50px 0 30px;line-height:35px;border-radius:30px;background:#4ba5ea url(../images/jiantou.png) 100px center no-repeat;color:#fff;}


.boxtitle{text-align:center;}
.boxtitle .bt1{font-size:25px;font-weight:bold;line-height:50px;}
.boxtitle .bt2{font-size:15px;color:#707172;}
.boxtitle.white{color:#fff;}
.boxtitle.white .bt2{color:#fff;}

.productbox{background:url(../images/productbg.png) center center repeat-x;}

.productbox .list{height:300px;margin-top:80px;}
.productbox .list ul{height:100%;}
.productbox .list li{position:relative;float:left;width:16.666%;height:100%;overflow:hidden;}
.productbox .list li a{display:block;height:100%;}
.productbox .list li .more{position:absolute;left:0;right:0;bottom:-130px;margin:30px;line-height:30px;color:#fff;background:#f46225;border-radius:30px;transition:all 0.5s;padding:0;}
.productbox .list li .text{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:30px 0;background:#fff;transition:all 0.5s;}
.productbox .list li .text .num{position:absolute;top:-20px;left:50%;width:30px;height:30px;line-height:30px;margin-left:-15px;border-radius:100%;background:#43a3e7;color:#fff;}
.productbox .list li .text .tit{font-size:16px;transition:all 0.5s;}

.productbox .list li a:hover .text{top:0;background:rgba(0,0,0,0.5);}

.productbox .list li a:hover .text .num{top:10%;background:none;font-size:30px;}

.productbox .list li a:hover .text .tit{margin-top:40%;color:#fff;}
.productbox .list li a:hover .more{bottom:30px;}

.productbox .more{clear:both;padding-top:50px;text-align:center;}
.productbox .more a{display:inline-block;padding:0 50px 0 30px;line-height:35px;border-radius:30px;background:#4ba5ea url(../images/jiantou.png) 100px center no-repeat;color:#fff;}


.newsbox{background:url(../images/newsbg.png) center center repeat-x;}

.newsbox .list{margin-top:50px;}
.newsbox .list li{float:left;width:32%;margin-right:2%;}
.newsbox .list li:last-child{margin-right:0;}
.newsbox .list li img{width:100%;height:100%;object-fit:cover;}
.newsbox .list li .img{height:200px;overflow:hidden;}
.newsbox .list li a{display:block;padding:15px;font-size:14px;color:#898989;line-height:30px;}
.newsbox .list li a:hover{background:#fff;}
.newsbox .list li .tit{color:#000;}
.newsbox .list li .more{display:none;height:20px;background:url(../images/jiantou2.png) right center no-repeat;}
.newsbox .list li a:hover .tit{color:#f46225;}
.newsbox .list li a:hover .more{display:block;}

.newsbox .more{clear:both;padding-top:50px;text-align:center;}
.newsbox .more a{display:inline-block;padding:0 50px 0 30px;line-height:35px;border-radius:30px;background:#4ba5ea url(../images/jiantou.png) 100px center no-repeat;color:#fff;}


.casebox{background:url(../images/casebg.png) center center repeat-x;}

.casebox .list{margin-top:50px;}
.casebox .list li{float:left;width:32%;margin-bottom:2%;margin-right:2%;}
.casebox .list li:nth-child(3n){margin-right:0;}
.casebox .list li img{width:100%;height:100%;object-fit:cover;}
.casebox .list li .img{height:200px;overflow:hidden;}
.casebox .list li .tit{position:absolute;left:0;right:0;bottom:-100%;background:rgba(0,0,0,0.6);padding:0 20px;line-height:30px;color:#fff;transition:all 0.5s;}
.casebox .list li a{position:relative;display:block;height:100%;overflow:hidden;}
.casebox .list li a:hover .tit{bottom:0;}
.casebox .more{clear:both;padding-top:0;text-align:center;}
.casebox .more a{display:inline-block;padding:0 50px 0 30px;line-height:35px;border-radius:30px;background:#4ba5ea url(../images/jiantou.png) 100px center no-repeat;color:#fff;}


.servicebox{background:url(../images/servicebg.png) center center repeat-x;}
.servicebox .m{position:relative;height:80%;}
.servicebox .a{position:relative;float:left;width:55%;margin-top:50px;}
.servicebox .a img{width:100%;}
.servicebox .a .text{position:absolute;left:30px;bottom:30px;background:rgba(97,135,276,0.8);color:#fff;padding:10px 20px;font-size:14px;line-height:30px;}
.servicebox .a .text .t1{font-size:20px;font-weight:bold;line-height:30px;}
.servicebox .a .text .t1 span{margin-left:30px;display:inline-block;width:40px;height:2px;background:#fff;vertical-align:middle;background:#fff;}
.servicebox .b{position:absolute;right:0;width:50%;top:50px;text-align:center;height:90%;}
.servicebox .b a{color:#fff;}
.servicebox .b .img{background:#fff;height:450px;}
.servicebox .b .img img{width:100%;height:100%;object-fit:contain;}
.servicebox .b .tit{line-height:50px;white-space:nowrap;tex-overflow:ellipsis;overflow:hidden;}
.servicebox .b li{float:left;width:50%;color:#fff;}



.contactbox{background:url(../images/contactbg.png) center center repeat-x;}

.contactbox .list{margin-top:150px;}
.contactbox .list .item{float:left;width:25%;text-align:center;color:#fff;line-height:30px;}




.footer{display:none;color:#fff;font-size:14px;background:#000;padding:20px 0;overflow:hidden;}
.footer a{color:#fff;font-size:14px;}
.footer.inner{display:block;}
.footer.home{display:block;position:fixed;z-index:100;left:0;right:0;bottom:0;}
.footer .a{float:left;}
.footer .b{float:right;}


.innav{white-space:nowrap;text-align:center;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #eee;overflow-x:auto;}
.innav li{display:inline-block;}
.innav li a{display:block;padding:0 20px;}


.productlist li{float:left;width:23.5%;margin-right:2%;margin-bottom:2%;}
.productlist li:nth-child(4n){margin-right:0;}
.productlist li a{display:block;}
.productlist li .img{padding-top:120%;position:relative;overflow:hidden;border:1px solid #ccc;}
.productlist li .img img{position:absolute;left:1%;right:1%;top:1%;bottom:1%;width:98%;height:98%;object-fit:contain;}


.newslist li{clear:both;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;overflow:hidden;}
.newslist li .img{float:left;width:150px;height:150px;overflow:hidden;margin-right:30px;}
.newslist li .img img{width:100%;height:100%;object-fit:cover;}

.page{clear:both;text-align:center;padding;20px 0;margin-bottom:50px;}
.page a{display:inline-block;line-height:30px;padding:0 10px;border:1px solid #aaa;margin:10px;font-size:14px;}
.page a.cur{background:#4ba5ea;color:#fff;border-color:#4ba5ea;}

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


.showinfo .bigimg{display:inline-block;border:1px solid #ccc;padding:4px;margin-bottom:15px;}
.showinfo .smallimg li{display:inline-block;margin:0 5px;border:1px solid #ccc;}
.showinfo .smallimg img{width:87px;height:70px;object-fit:contain;}
.showinfo .tit{text-align:center;border-bottom:1px solid #eee;margin-bottom:10px;padding:5px;}
.showinfo .info{text-align:center;}
.showinfo img{max-width:100%;}