@charset "utf-8";
.main-width{width:84.375vw;margin:0 auto;}
.m-Top{margin-top:5.2vw;}
.other-banner{position:relative;}
.other-banner img{width:100%;height:auto;}
.other-banner .text{position:absolute;left:7.8125vw;top:47%;}
.other-banner .text h1{line-height:3vw;font-size:2.5vw;text-transform:uppercase;color:#e83a18;}
.other-banner .text .bread{line-height:1.3vw;padding:0;font-size:0.73vw;background:none;}
.other-banner .text.white h1{color:#fff;}
.other-banner .text.white .bread{color:#fff;}
.other-banner .text.white .bread a{color:#fff;}
.relid{display:none;}


.header{position:fixed;left:0;top:0;width:100%;height:5.2vw;background-color:#000;z-index:9999;transition:all .5s;}
.header .logo{float:left;}
.header .logo .pic{height:2.96875vw;margin-top:1.115vw;transition:all .5s;}
.header .logo .pic img{height:100%;width:auto;}
.header .logo .phone-menu{display:none;float:right;width:28px;height:18px;margin-top:16px;cursor:pointer;}
.header .logo .phone-menu span{display:block;width:28px;height:2px;background-color:#fff;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}
.header .logo .phone-menu .b1,.header .logo .phone-menu .b2{margin-bottom:6px;}
.header .nav{float:right;}
.header .nav .one > li{float:left;line-height:2.2vw;padding:2.2vw 0 0.8vw;margin-left:2vw;font-size:0.83vw;font-family:"Gotham-Bold";text-transform:uppercase;transition:all .5s;}
.header .nav .one > li a{color:#fff;}
.header .nav .one > li.active a{color:#1a97d3;}
.header.active .logo .phone-menu .b1{transform:rotate(45deg);}
.header.active .logo .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.header.active .logo .phone-menu .b3{transform:rotate(-45deg);}


.updated{padding:2.85vw 0;overflow:hidden;background-image:url(/images/updated-bg.jpg);background-size:100% auto;background-repeat:no-repeat;}
.updated .text{float:left;}
.updated .text h2{line-height:2.35vw;font-size:1.875vw;color:#fff;text-transform:uppercase;}
.updated .text p{line-height:1vw;font-size:0.73vw;color:#fff;}
.updated .enter{float:right;padding:0.675vw 0;font-size:0;}
.updated .enter input{height:2vw;margin-right:1vw;border:1px solid #ff866d;border-radius:3px;box-sizing:border-box;}
.updated .enter input[type="text"]{width:20vw;padding:0 10px;background-color:#fff;}
.updated .enter input[type="submit"]{width:7.8vw;background-color:#1a97d3;color:#fff;font-size:0.83vw;cursor:pointer;}


.footer{padding:2.6vw 0;background-color:#000;}
.footer .nav{display:none;padding-bottom:0.7vw;margin-bottom:2vw;border-bottom:1px solid #333;text-align:center;font-size:0;}
.footer .nav a{display:inline-block;line-height:1.875vw;margin:0 4.4vw 0.6vw;font-size:0.9375vw;text-transform:uppercase;font-family:"Gotham-Bold";color:#fff;}
.footer .nav a:hover{color:#1a97d3;}
.footer .sns{margin-bottom:1.5vw;text-align:center;font-size:0;}
.footer .sns a{display:inline-block;width:1.875vw;height:1.875vw;margin:0 0.78vw;background-image:url(/images/sns.png);background-size:400% 100%;}
.footer .sns .google{background-position-x:0;}
.footer .sns .facebook{background-position-x:-100%;}
.footer .sns .linkedin{background-position-x:-200%;}
.footer .sns .twitter{background-position-x:-300%;}
.footer .contact{text-align:center;}
.footer .contact p{position:relative;display:inline-block;line-height:1.5625vw;padding-left:1.3vw;margin:0 1vw;font-size:0.73vw;color:#fff;font-family:"Gotham-Medium";}
.footer .contact p span{font-family:"Gotham-Medium";color:#fff;}
.footer .contact p:after{content:"";position:absolute;left:0;top:0;width:1vw;height:1.5625vw;background-image:url(/images/contact-icon.png);background-size:400% 100%;}
.footer .contact .mob:after{background-position-x:0;}
.footer .contact .tel:after{background-position-x:-100%;}
.footer .contact .mail:after{background-position-x:-200%;}
.footer .contact .add:after{background-position-x:-300%;}


.copy-right{line-height:1.5vw;font-size:0.73vw;text-align:center;background-color:#000;color:#fff;}
.copy-right .main-width{padding:1.2vw 0;border-top:1px solid #333;}


.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:854px;height:480px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(/images/loadinglit.gif) no-repeat center;}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(/images/close.png);cursor:pointer;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


.page{text-align:center;clear:both;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 5px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}
.page ul li.thisclass a{background-color:#1a97d3;color:#fff;}
.page ul li a:hover{background-color:#1a97d3;color:#fff;}


.photowall{padding:1.4vw 1.4vw 0;overflow:hidden;}
.photowall .pic{margin-bottom:1.4vw;overflow:hidden;}
.photowall .pic img{width:100% !important;height:100% !important;transition:all .5s;}
.photowall .pic img:hover{transform:scale(1.02);}
.photowall .p1{float:left;width:50.5%;height:36vw;}
.photowall .p2{float:right;width:48%;height:17.3vw;}
.photowall .p3{clear:both;width:100%;}
.photowall .p3 img{height:auto !important;}


.index-main .slidebox{width:100%;position:relative;z-index:99;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;right:0;bottom:1.5vw;width:100%;height:0.9375vw;text-align:center;}
.index-main .slidebox .slidelist ul{display:inline-block;vertical-align:top;}
.index-main .slidebox .slidelist ul li{float:left;width:0.9375vw;height:0.9375vw;margin:0 0.3125vw;background-color:#f1f1f1;border-radius:50%;box-sizing:border-box;}
.index-main .slidebox .slidelist ul li.active{background-color:#1a97d3;}
.index-main .slidebox .item-btn{position:absolute;width:3.65vw;height:3.65vw;top:50%;margin-top:-1.825vw;background:url(/images/all-icon.png) no-repeat;cursor:pointer;transition:all .5s;}
.index-main .slidebox .item-btn:after{content:"";position:absolute;left:50%;top:50%;width:1.46vw;height:0.625vw;margin:-0.3125vw 0 0 -0.73vw;background-image:url(/images/btn.png);background-size:200% 200%;background-position-x:0;}
.index-main .slidebox .item-btn:hover{background-color:rgba(233,59,25,.5);}
.index-main .slidebox .prev{left:-4vw;}
.index-main .slidebox .prev:after{background-position-y:0;}
.index-main .slidebox .next{right:-4vw;}
.index-main .slidebox .next:after{background-position-y:-100%;}
.index-main .slidebox:hover .prev{left:1.5vw;}
.index-main .slidebox:hover .next{right:1.5vw;}


.index-adv{padding:4vw 0;overflow:hidden;}
.index-adv li{float:left;width:33.33333%;padding:0 2.5%;box-sizing:border-box;text-align:center;}
.index-adv li i{display:block;width:6.25vw;height:6.25vw;margin:0 auto 1.5vw;background-image:url(/images/index-adv-icon.png);background-size:300% 100%;}
.index-adv li .i1{background-position-x:0;}
.index-adv li .i2{background-position-x:-100%;}
.index-adv li .i3{background-position-x:-200%;}
.index-adv li h3{line-height:1.5625vw;font-size:0.9375vw;color:#fff;}
.index-adv li hr{width:3vw;margin:1vw auto 1.5vw;border:none;border-top:1px solid #1a97d3;}
.index-adv li p{line-height:1.3vw;font-size:0.73vw;color:#fff;}


.index-about{padding:5.2vw 0 4vw;background-image:url(/images/index-about-bg.jpg);background-size:100% auto;background-position:top;background-repeat:no-repeat;text-align:center;}
.index-about h2{line-height:2.6vw;font-size:2.5vw;color:#fff;text-transform:uppercase;}
.index-about i{display:block;width:11.15vw;height:2.13vw;margin:1.75vw auto 2.35vw;background-image:url(/images/index-title-icon.png);background-size:100% 100%;}
.index-about p{line-height:1.875vw;font-size:1.15vw;color:#f4f4f4;font-family:"Gotham-Light";}
.index-about .more{display:inline-block;line-height:2.6vw;padding:0 3vw;margin:2.35vw 0 4vw;background-color:#1a97d3;color:#fff;font-size:0.83vw;border-radius:1.3vw;vertical-align:top;}
.index-about .vicon{display:inline-block;width:2.6vw;height:2.6vw;margin:2.35vw 0 0 1vw;background-image:url(/images/play-icon.png);background-size:100% 100%;cursor:pointer;vertical-align:top;}
.index-about ul{width:103.0864%;overflow:hidden;}
.index-about li{position:relative;float:left;width:22%;height:25.5vw;margin-right:3%;padding:1vw;box-sizing:border-box;background-color:#000;transition:all .5s;}
.index-about li img{width:100%;height:auto;}
.index-about li h3{line-height:1.3vw;margin:1vw 0 0.5vw;font-size:0.9375vw;color:#fff;transition:all .5s;}
.index-about li p{line-height:1.3vw;margin-bottom:0.8vw;font-size:0.73vw;color:#999;transition:all .5s;}
.index-about li a{text-decoration:underline;font-size:0.83vw;font-family:"Gotham-Medium";opacity:0;color:#fff;transition:all .5s;}
.index-about li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0.26vw;background-color:#666;}
.index-about li:hover{background-color:#1a97d3;}
.index-about li:hover h3{color:#fff;}
.index-about li:hover p{color:#fff;}
.index-about li:hover a{opacity:1;}
.index-about li:hover:after{background-color:#1a97d3;}


.index-products{padding:4vw 0 6vw;}
.index-products h2{line-height:2.6vw;font-size:2.5vw;text-transform:uppercase;text-align:center;color:#fff;}
.index-products i{display:block;width:11.15vw;height:2.13vw;margin:1.75vw auto 2.35vw;background-image:url(/images/index-title-icon.png);background-size:100% 100%;}
.index-products .tab{margin-bottom:4vw;text-align:center;}
.index-products .tab span,.index-products .tab a{display:inline-block;line-height:2.6vw;margin:0 0.4vw;padding:0 3vw;font-size:0.83vw;text-transform:uppercase;cursor:pointer;border-radius:1.3vw;color:#ddd;}
.index-products .tab .on{background-color:#1a97d3;color:#fff;}
.index-products .cont .slide-pro{display:none;}
.index-products .cont .slide-pro.on{display:block;}
.index-products .cont .slide-pic{overflow:hidden;}
.index-products .cont .slide-pic ul{width:1000%;}
.index-products .cont .slide-pic li{float:left;width:20.15625vw;padding-bottom:1vw;margin-right:1.25vw;text-align:center;background-color:#fff;}
.index-products .cont .slide-pic li p{height:3.3vw;line-height:1.1vw;margin:1vw 0 0.3vw;padding:0 0.5vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.index-products .cont .slide-pic li .pic{height:0;padding-bottom:100%;box-sizing:border-box;}
.index-products .cont .slide-pic li .pic img{width:100%;height:auto;}
.index-products .cont .slide-pic li .star{position:relative;width:6.35vw;height:0.8vw;margin:0.3vw auto 0.7vw;}
.index-products .cont .slide-pic li .star:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/images/star-bg.png);background-size:6.35vw 100%;}
.index-products .cont .slide-pic li .star:after{content:"";position:absolute;left:0;top:0;width:90%;height:100%;background-image:url(/images/star.png);background-size:6.35vw 100%;}
.index-products .cont .slide-pic li .more{display:inline-block;line-height:1.75vw;padding:0 2vw;font-size:0.73vw;background-color:#1a97d3;color:#fff;border-radius:0.9vw;vertical-align:top;}
.index-products .cont .slide-pic li:hover .pic{border-color:#1a97d3;}
.index-products .cont .slide-pic li:hover p{color:#1a97d3;}


.index-case{position:relative;height:43.75vw;padding-top:7.29vw;box-sizing:border-box;}
.index-case .pic{position:absolute;left:0;top:0;width:100%;height:100%;}
.index-case .pic img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .5s;}
.index-case .pic .on{opacity:1;}
.index-case .text{position:relative;width:25.5vw;height:29.15vw;padding:3.385vw 2vw 3.125vw 2.6vw;background-color:#fff;z-index:2;box-sizing:border-box;}
.index-case .text h2{line-height:2.85vw;font-size:2.5vw;text-transform:uppercase;}
.index-case .text .tbox{position:relative;height:15.625vw;margin-bottom:1vw;}
.index-case .text .item{position:absolute;left:0;top:0;width:100%;height:100%;padding:1.3vw 0;opacity:0;box-sizing:border-box;transition:all .5s;}
.index-case .text .item h3{line-height:1.3vw;margin-bottom:0.78vw;font-size:0.9375vw;font-family:"Gotham-Medium";color:#1a97d3;}
.index-case .text .item p{line-height:1.5vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.index-case .text .item a{display:inline-block;padding:0 2.8vw;line-height:2.35vw;margin-top:1.875vw;border-radius:1.2vw;font-size:0.9375vw;background-color:#1a97d3;color:#fff;}
.index-case .text .item.on{opacity:1;}
.index-case .text .func{overflow:hidden;}
.index-case .text .func .btn{float:left;overflow:hidden;}
.index-case .text .func .btn span{position:relative;display:block;float:left;width:2.85vw;height:2.85vw;margin-right:0.52vw;background-color:#aaa;cursor:pointer;}
.index-case .text .func .btn span:after{content:"";position:absolute;left:50%;top:50%;width:0.42vw;height:0.8vw;margin:-0.4vw 0 0 -0.21vw;background-image:url(/images/case-btn.png);background-size:200% 100%;}
.index-case .text .func .btn span:hover{background-color:#1a97d3;}
.index-case .text .func .btn .prev:after{background-position:left;}
.index-case .text .func .btn .next:after{background-position:right;}
.index-case .text .func .num{float:right;height:1.5625vw;line-height:1.5625vw;margin-top:1.2875vw;color:#999;font-size:0.73vw;;font-family:"Gotham-Light";}
.index-case .text .func .num .act{font-size:1.25vw;color:#1a97d3;}

.index-news{padding:5.2vw 0;overflow:hidden;}
.index-news h2{line-height:2.6vw;font-size:2.5vw;text-transform:uppercase;text-align:center;color:#fff;}
.index-news i{display:block;width:11.15vw;height:2.13vw;margin:1.75vw auto 2.35vw;background-image:url(/images/index-title-icon.png);background-size:100% 100%;}
.index-news .pic{position:relative;float:left;width:25.52vw;height:30.177vw;margin-right:2.0875vw;overflow:hidden;}
.index-news .pic img{width:100%;height:100%}
.index-news .pic p{position:absolute;left:0;bottom:0;width:100%;line-height:2.85vw;text-align:center;background-color:#1a97d3;color:#fff;font-size:0.83vw;font-weight:bold;}
.index-news .listtwo{float:left;width:29.16vw;margin-right:2.0875vw;}
.index-news .listtwo li{height:14.8285vw;margin-bottom:0.52vw;padding:3vw;background-color:#f7f7f7;box-sizing:border-box;overflow:hidden;}
.index-news .listtwo li h3{line-height:1.5625vw;margin-bottom:0.6vw;font-size:0.83vw;text-transform:uppercase;font-family:"Gotham-Bold";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-news .listtwo li p{line-height:1.3vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-news .listtwo li .func{padding-top:0.8vw;margin-top:1.5vw;border-top:1px solid #e7e7e7;overflow:hidden;}
.index-news .listtwo li .func .time{float:left;}
.index-news .listtwo li .func .time .day{display:block;line-height:2.6vw;font-size:2.4vw;font-family:"Gotham-Bold";color:#999;}
.index-news .listtwo li .func .time .ym{display:block;line-height:1vw;font-size:0.73vw;font-family:"Gotham-Bold";color:#bbb;}
.index-news .listtwo li .func .more{float:right;display:block;width:1.15vw;height:0.73vw;margin-top:1.4vw;background-image:url(/images/arrow-btn.png);background-size:100% 200%;}
.index-news .listthree{float:left;width:25.52vw;}
.index-news .listthree li{height:9.8856vw;margin-bottom:0.52vw;padding:2.35vw 2.5vw;background-color:#f7f7f7;box-sizing:border-box;overflow:hidden;}
.index-news .listthree li .time{float:left;width:4.885vw;height:5.1856vw;padding-top:0.25vw;padding-right:1.5vw;margin-right:1.5vw;border-right:1px solid #e7e7e7;box-sizing:border-box;}
.index-news .listthree li .time .day{display:block;line-height:2.6vw;padding-bottom:0.5vw;margin-bottom:0.5vw;border-bottom:1px solid #e7e7e7;font-size:2.4vw;font-family:"Gotham-Bold";color:#999;}
.index-news .listthree li .time .ym{display:block;line-height:1vw;font-size:0.73vw;font-family:"Gotham-Bold";color:#bbb;}
.index-news .listthree li .text{float:left;width:14.135vw;}
.index-news .listthree li .text h3{line-height:1.5625vw;font-size:0.83vw;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-news .listthree li .text .more{display:block;width:1.15vw;height:0.73vw;margin-top:1vw;background-image:url(/images/arrow-btn.png);background-size:100% 200%;}


.cate-side{position:relative;float:left;width:19.8%;padding:3.65vw 0;border-right:1px solid #333;box-sizing:border-box;}
.cate-side .list{position:sticky;top:12.5vw;margin:0 auto;}
.cate-side .list h3{line-height:2.6vw;padding-left:5.5vw;margin-bottom:1.7vw;font-size:1.875vw;text-transform:uppercase;font-family:"Gotham-Bold";color:#fff;}
.cate-side .list img{width:11.2vw;height:auto;margin-left:5.5vw;margin-bottom:1.7vw;}
.cate-side .list li{position:relative;line-height:2.6vw;margin-bottom:0.5vw;padding-left:5.5vw;font-size:0.9375vw;font-family:"Gotham-Medium";cursor:pointer;transition:all .5s;}
.cate-side .list li a{color:#fff;}
.cate-side .list li:hover a{color:#1a97d3;}
.cate-side .list li.active,.cate-side .list li:hover{background-color:#fafafb;color:#1a97d3;}
.cate-side .list li.active a{color:#1a97d3;}
.cate-side .list li.active:after{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;background-color:#1a97d3;transition:all .5s;}
.cate-side .list .rec{padding:0 1.8vw 0 5.5vw;margin-top:5vw;}
.cate-side .list .rec h4{line-height:1.3vw;margin-bottom:0.8vw;padding-left:0.5vw;border-left:0.3125vw solid #1a97d3;font-size:0.9375vw;font-family:"Gotham-Bold";text-transform:uppercase;color:#fff;}
.cate-side .list .rec img{width:100%;height:auto;margin:0 0 0.5vw;}
.cate-side .list .rec p{position:relative;line-height:1.5vw;padding-left:0.9vw;border-bottom:1px solid #e5e5e5;font-size:0.625vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.cate-side .list .rec p a{color:#aaa;}
.cate-side .list .rec p:after{content:"";position:absolute;left:0;top:50%;width:0.37vw;height:0.37vw;margin-top:-0.185vw;border-radius:50%;background-color:#1a97d3;}
.cate-side .list.news{top:7vw;}
.contbox{float:left;width:80.2%;box-sizing:border-box;overflow:hidden;}


.loadbtn{padding:10px 0;text-align:center;clear:both;}
.loadbtn .more{display:block;clear:both;display:inline-block;line-height:2.9vw;padding:0 3.125vw;font-size:0.83vw;background-color:#1a97d3;color:#fff;text-transform:uppercase;border-radius:1.5vw;cursor:pointer;}
.loadbtn .nomore{display:none;font-size:0.83vw;color:#1a97d3;text-transform:uppercase;}
.loadbtn .loading{display:none;position:relative;width:36px;height:36px;margin:0 auto;}
.loadbtn .loading i:before{content:"";position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background-color:#fff;animation:load .4s;animation-iteration-count:infinite;}
.loadbtn .loading i:after{content:"";position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background-color:#fff;animation:load .4s;animation-iteration-count:infinite;}
.loadbtn .loading .i1:before{top:0;left:50%;}
.loadbtn .loading .i1:after{top:14.65%;left:85.35%;animation-delay:.05s;}
.loadbtn .loading .i2:before{top:50%;left:100%;animation-delay:.1s;}
.loadbtn .loading .i2:after{top:85.35%;left:85.35%;animation-delay:.15s;}
.loadbtn .loading .i3:before{top:100%;left:50%;animation-delay:.2s;}
.loadbtn .loading .i3:after{top:85.35%;left:14.65%;animation-delay:.25s;}
.loadbtn .loading .i4:before{top:50%;left:0;animation-delay:.3s;}
.loadbtn .loading .i4:after{top:14.65%;left:14.65%;animation-delay:.35s;}
.loadbtn.on .more{display:none;}
.loadbtn.on .loading{display:block;}
.loadbtn.hide .more{display:none;}
.loadbtn.hide .loading{display:none;}
.loadbtn.hide .nomore{display:block;}
@keyframes load{
0% {transform:scale(1);background-color:#ff876f;}
40% {transform:scale(2);background-color:#1a97d3;}
80% {transform:scale(1);background-color:#ff876f;}
100% {transform:scale(1);background-color:#ff876f;}
}



.main-about h2{line-height:2.6vw;font-size:2.5vw;color:#fff;}
.main-about .profile{padding:4vw 0 4.95vw;}
.main-about .profile .video{position:relative;}
.main-about .profile .video img{width:100%;height:auto;}
.main-about .profile .video i{position:absolute;left:50%;top:50%;width:3.8vw;height:3.8vw;margin:-3.9vw 0 0 -1.9vw;background-image:url(/images/play-icon.png);background-size:100% 100%;cursor:pointer;}
.main-about .profile .text{position:relative;width:76vw;margin:-4vw auto 0;padding:3.9vw 6.25vw;text-align:center;background-color:#fff;z-index:2;box-sizing:border-box;border-radius:0.52vw;box-shadow:0 0 1vw rgba(0,0,0,.3);}
.main-about .profile .text h2{margin-bottom:1.5vw;color:#333;}
.main-about .profile .text p{line-height:1.7vw;font-size:0.9375vw;}
.main-about .info{padding:6.25vw 0 1vw;}
.main-about .info li{position:relative;margin-bottom:5.25vw;overflow:hidden;}
.main-about .info li .a-point{position:relative;display:block;height:0;top:-8vw;}
.main-about .info li .pic{width:69.75%;overflow:hidden;}
.main-about .info li .pic img{width:100%;height:auto;}
.main-about .info li .text{position:absolute;top:50%;right:0;width:30vw;height:23.4375vw;padding:7vw 4vw 3vw;margin-top:-11.71875vw;background-color:#fff;box-sizing:border-box;overflow-y:auto;}
.main-about .info li .text span{position:absolute;left:3.5vw;top:3.5vw;line-height:5.2vw;font-size:6vw;color:#f4f4f4;font-family:"Gotham-Bold";}
.main-about .info li .text h3{position:relative;line-height:2vw;margin-bottom:1.875vw;font-size:1.875vw;z-index:2;}
.main-about .info li .text p{line-height:1.5625vw;font-size:0.83vw;}
.main-about .info li:nth-child(2n) .pic{float:right;}
.main-about .info li:nth-child(2n) .text{left:0;right:initial;}
.main-about .quality{padding:6.25vw 0 5vw;}
.main-about .quality .title{margin-bottom:2.6vw;overflow:hidden;}
.main-about .quality .title h2{float:left;}
.main-about .quality .title .btn{float:right;height:2.6vw;}
.main-about .quality .title .btn span{position:relative;display:block;float:left;width:2.6vw;height:2.6vw;margin-left:0.5vw;background-color:#212121;cursor:pointer;}
.main-about .quality .title .btn span:after{content:"";position:absolute;left:50%;top:50%;width:0.42vw;height:0.8vw;margin:-0.4vw 0 0 -0.21vw;background-image:url(/images/case-btn.png);background-size:200% 100%;}
.main-about .quality .title .btn span:hover{background-color:#1a97d3;}
.main-about .quality .title .btn .prev:after{background-position:left;}
.main-about .quality .title .btn .next:after{background-position:right;}
.main-about .quality .slide-pic{width:84.375vw;overflow:hidden;}
.main-about .quality .slide-pic li{float:left;width:84.375vw;overflow:hidden;}
.main-about .quality .slide-pic li .box{width:85.625vw;}
.main-about .quality .slide-pic li .box .item{float:left;width:20.15625vw;margin:0 1.25vw 1.25vw 0;text-align:center;}
.main-about .quality .slide-pic li .box .item img{width:100%;height:15.1vw;}
.main-about .quality .slide-pic li .box .item p{line-height:1.3vw;margin-top:0.26vw;font-size:0.83vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-about .quality.pro .slide-pic li .box .item{border:1px solid #e6e6e6;box-sizing:border-box;}
.main-about .quality.pro .slide-pic li .box .item img{width:100%;height:auto;}
.main-about .certificate{padding:5.2vw 0;overflow:hidden;}
.main-about .certificate h2{margin-bottom:3vw;text-align:center;}
.main-about .certificate .slide-cer{position:relative;}
.main-about .certificate .slide-pic{overflow:hidden;}
.main-about .certificate .slide-pic ul{width:1000%;}
.main-about .certificate .slide-pic li{float:left;width:19.27vw;margin-right:2.4316vw;}
.main-about .certificate .slide-pic li img{width:100%;height:auto;}
.main-about .certificate .btn{position:absolute;top:50%;width:2.6vw;height:2.6vw;margin-top:-1.3vw;background-color:#212121;cursor:pointer;}
.main-about .certificate .btn:after{content:"";position:absolute;left:50%;top:50%;width:0.42vw;height:0.8vw;margin:-0.4vw 0 0 -0.21vw;background-image:url(/images/case-btn.png);background-size:200% 100%;}
.main-about .certificate .btn:hover{background-color:#1a97d3;}
.main-about .certificate .prev{left:-5.2vw;}
.main-about .certificate .prev:after{background-position:left;}
.main-about .certificate .next{right:-5.2vw;}
.main-about .certificate .next:after{background-position:right;}
.main-about .faq{padding:5.2vw 0;overflow:hidden;}
.main-about .faq h2{margin-bottom:4vw;text-align:center;}
.main-about .faq .pic{float:right;width:42.1875vw;}
.main-about .faq .pic img{width:100%;height:auto;}
.main-about .faq .text{float:left;width:38vw;padding-top:2vw;}
.main-about .faq .text h3{line-height:2vw;margin-bottom:1.8vw;font-size:1.5625vw;}
.main-about .faq .text ul{position:relative;}
.main-about .faq .text ul:after{content:"";position:absolute;left:1vw;top:0;height:100%;border-left:1px dashed #bfbfbf;}
.main-about .faq .text li{position:relative;padding-left:3.125vw;margin-bottom:1.5vw;z-index:2;}
.main-about .faq .text li i{position:absolute;left:0;top:0;width:2vw;height:2vw;border:1px solid #bfbfbf;border-radius:3px;background-color:#fff;box-sizing:border-box;cursor:pointer;}
.main-about .faq .text li i:before{content:"";position:absolute;left:50%;top:50%;width:0.6vw;height:2px;margin:-1px 0 0 -0.3vw;background-color:#333;}
.main-about .faq .text li i:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:0.6vw;margin:-0.3vw 0 0 -1px;background-color:#333;}
.main-about .faq .text li .ask{line-height:1.3vw;padding:0.35vw 0;font-size:0.83vw;font-family:"Gotham-Bold";color:#333;}
.main-about .faq .text li .answer{display:none;padding-top:0.7vw;}
.main-about .faq .text li .answer p{line-height:1.3vw;font-size:.83vw;font-family:"Gotham-Light";color:#222;}
.main-about .faq .text li.on i{background-color:#1a97d3;}
.main-about .faq .text li.on i:after{display:none;}


.main-contact{padding:3.65vw 0;}
.main-contact .cont{padding:5.5vw;background-color:#090909;overflow:hidden;}
.main-contact .cont h2{line-height:2.35vw;margin-bottom:0.5vw;font-size:1.875vw;text-transform:uppercase;color:#fff;}
.main-contact .cont p{line-height:1.4vw;font-size:0.9375vw;color:#aaa;}
.main-contact .cont .way{float:left;width:32vw;}
.main-contact .cont .way ul{margin:3.5vw 0 2vw;}
.main-contact .cont .way li{line-height:1vw;padding-bottom:1vw;margin-bottom:1vw;border-bottom:1px solid #e7e7e7;font-size:0.73vw;color:#999;}
.main-contact .cont .way li span{display:block;line-height:1.3vw;margin-bottom:0.26vw;font-size:0.9375vw;font-family:"Gotham-Bold";color:#333;text-transform:uppercase;color:#fff;}
.main-contact .cont .way .sns{overflow:hidden;}
.main-contact .cont .way .sns h3{line-height:1.5625vw;margin-bottom:0.26vw;font-size:0.9375vw;font-family:"Gotham-Bold";color:#333;text-transform:uppercase;color:#fff;}
.main-contact .cont .way .sns a{display:inline-block;width:1.875vw;height:1.875vw;margin-right:1vw;background-image:url(/images/sns.png);background-size:400% 100%;font-size:0;}
.main-contact .cont .way .sns .google{background-position-x:0;}
.main-contact .cont .way .sns .facebook{background-position-x:-100%;}
.main-contact .cont .way .sns .linkedin{background-position-x:-200%;}
.main-contact .cont .way .sns .twitter{background-position-x:-300%;}
.main-contact .cont .enter{float:right;width:33vw;}
.main-contact .cont .enter .box{margin-top:2.1vw;font-size:0;}
.main-contact .cont .enter input,.main-contact .cont .enter textarea{width:100%;height:2.35vw;line-height:2.35vw;margin-bottom:2%;padding:0 10px;background-color:#191919;box-sizing:border-box;color:#fff;}
.main-contact .cont .enter textarea{height:7vw;line-height:1.3vw;padding:5px 10px;}
.main-contact .cont .enter .half{width:49%;}
.main-contact .cont .enter .left{margin-right:2%;}
.main-contact .cont .enter .sub{width:8.5vw;height:2.35vw;border-radius:1.2vw;background-color:#1a97d3;color:#fff;cursor:pointer;}
.map{height:30vw;}
.map iframe{border:none;width:100%;height:100%;}


.list-news .contbox{padding-right:7.3vw;}
.list-news .filter{position:relative;height:3.9vw;padding-left:3.65vw;border-bottom:1px solid #dadada;}
.list-news .filter .fbox{padding:1.16875vw 0;}
.list-news .filter .fbox label{position:relative;display:block;float:left;height:1.5625vw;line-height:1.5625vw;padding-left:2.6vw;margin-right:2.6vw;font-size:0.73vw;font-family:"Gotham-Medium";color:#1a97d3;text-transform:uppercase;}
.list-news .filter .fbox label:after{content:"";position:absolute;left:0;top:0;width:1.5625vw;height:1.5625vw;background-image:url(/images/products/filter-icon.png);background-size:100% 100%;}
.list-news .filter .fbox .fli{float:left;height:1.5625vw;padding:0.28125vw 0;box-sizing:border-box;}
.list-news .filter .fbox .fli span{display:inline-block;line-height:1vw;padding:0 2.6vw;border-left:1px solid #dadada;font-size:0.73vw;;cursor:pointer;}
.list-news .filter .fbox .fli .on{font-family:"Gotham-Medium";color:#1a97d3;}
.list-news .cont{padding:3.65vw 0 3.65vw 3.65vw;}
.list-news .cont ul{width:104.4%;margin-bottom:2vw;overflow:hidden;}
.list-news .cont li{display:none;float:left;width:29.112%;margin:0 4.221% 4.221% 0;}
.list-news .cont li .pic{height:0;padding-bottom:60%;overflow:hidden;}
.list-news .cont li .pic img{width:100%;height:auto;}
.list-news .cont li .text{height:8vw;padding-top:1vw;}
.list-news .cont li .text span{display:block;line-height:1vw;margin-bottom:0.3vw;font-size:0.73vw;color:#1a97d3;}
.list-news .cont li .text h3{line-height:1.1vw;margin-bottom:0.5vw;font-size:0.83vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;}
.list-news .cont li .text p{height:2.2vw;line-height:1.1vw;font-size:0.73vw;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .cont li .text .more{display:inline-block;line-height:1.5vw;padding:0 1.2vw;margin-top:0.8vw;background-color:#999;color:#fff;text-transform:uppercase;font-size:0.625vw;border-radius:0.8vw;}
.list-news .cont li .text .more:hover{background-color:#1a97d3;}
.list-news .cont li.onli.show{display:block;}


.main-news .contbox{padding-right:7.3vw;}
.main-news .newscont{padding:3.65vw 0 3.65vw 3.65vw;}
.main-news .newscont .title{padding-bottom:1.1vw;border-bottom:1px solid #e5e5e5;}
.main-news .newscont .title h1{line-height:2vw;margin-bottom:1vw;font-size:1.875vw;color:#fff;}
.main-news .newscont .title .info{overflow:hidden;}
.main-news .newscont .title .info p{float:left;line-height:1.2vw;margin-right:3vw;font-family:"Gotham-Medium";font-size:0.73vw;;color:#999;text-transform:uppercase;}
.main-news .newscont .title .info p span{color:#1a97d3;font-family:"Gotham-Book";text-transform:none;font-style:italic;}
.main-news .newscont .artcont{padding:1.5vw 0;line-height:1.3vw;font-size:0.73vw;color:#aaa;}
.main-news .newscont .artcont p{line-height:1.3vw;margin-bottom:1.5vw;font-size:0.73vw;color:#aaa;}
.main-news .newscont .artcont img{max-width:100% !important;height:auto !important;margin-bottom:1.5vw;}
.main-news .newscont .func{padding-bottom:2.5vw;border-bottom:1px solid #e5e5e5;}
.main-news .newscont .func .share{margin-bottom:2.5vw;overflow:hidden;}
.main-news .newscont .func .share span{display:block;float:left;line-height:2vw;margin-right:0.65vw;font-size:0.83vw;font-family:"Gotham-Medium";text-transform:uppercase;color:#fff;}
.main-news .newscont .func .share a{float:left;display:block;width:2vw;height:2vw;margin-right:0.65vw;background-image:url(/images/sns.png);background-size:400% 100%;background-position-y:0;}
.main-news .newscont .func .share a:hover{background-position-y:-100%;}
.main-news .newscont .func .share .google{background-position-x:0;}
.main-news .newscont .func .share .facebook{background-position-x:-100%;}
.main-news .newscont .func .share .linkedin{background-position-x:-200%;}
.main-news .newscont .func .share .twitter{background-position-x:-300%;}
.main-news .newscont .func .back{display:inline-block;line-height:3vw;padding:0 4vw;background-color:#1a97d3;color:#fff;font-size:0.83vw;text-transform:uppercase;border-radius:1.5vw;}
.main-news .newscont .func .back:before{content:"";display:inline-block;width:1.354vw;height:1.5625vw;margin:-0.1vw 0.8vw 0 0;vertical-align:middle;background-image:url(/images/icon-back.png);background-size:100% 100%;}
.main-news .newscont .related{padding-top:2.5vw;}
.main-news .newscont .related h2{line-height:2vw;margin-bottom:2vw;font-size:1.875vw;text-transform:uppercase;color:#fff;}
.main-news .newscont .related ul{width:104.4%;overflow:hidden;}
.main-news .newscont .related li{display:none;float:left;width:29.112%;margin-right:4.221%;}
.main-news .newscont .related li .pic{height:0;padding-bottom:60%;overflow:hidden;}
.main-news .newscont .related li .pic img{width:100%;height:auto;}
.main-news .newscont .related li .text{padding-top:1vw;}
.main-news .newscont .related li .text span{display:block;line-height:1vw;margin-bottom:0.3vw;font-size:0.73vw;color:#1a97d3;}
.main-news .newscont .related li .text h3{line-height:1.1vw;margin-bottom:0.5vw;font-size:0.83vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;}
.main-news .newscont .related li .text p{line-height:1.1vw;font-size:0.73vw;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-news .newscont .related li .text .more{display:inline-block;line-height:1.5vw;padding:0 1.2vw;margin-top:0.8vw;background-color:#999;color:#fff;text-transform:uppercase;font-size:0.625vw;border-radius:0.8vw;}
.main-news .newscont .related li .text .more:hover{background-color:#1a97d3;}
.main-news .newscont .related li.on{display:block;}


.list-case{padding:3vw 0;}
.list-case .filter{height:3.9vw;margin-bottom:2.6vw;}
.list-case .filter .item{position:relative;float:left;width:32.5%;height:3.5vw;margin-right:1.25%;border:1px solid #e6e6e6;box-sizing:border-box;overflow:hidden;}
.list-case .filter .item p{line-height:3.5vw;padding:0 1.8vw;font-size:1.25vw;text-transform:uppercase;font-family:"Gotham-Bold";color:#fff;cursor:pointer;}
.list-case .filter .item i{position:absolute;right:1.3vw;top:1.75vw;width:1vw;height:1vw;margin-top:-0.5vw;}
.list-case .filter .item i:before{content:"";position:absolute;left:0;top:50%;width:1vw;height:2px;margin-top:-1px;background-color:#333;}
.list-case .filter .item i:after{content:"";position:absolute;left:50%;top:0;width:2px;height:1vw;margin-left:-1px;background-color:#333;}
.list-case .filter .item .selbox{position:relative;display:none;box-shadow:0 0 5px rgba(0,0,0,.5);background-color:#fff;z-index:2;}
.list-case .filter .item .selbox span{position:relative;display:block;line-height:3.385vw;padding:0 1.8vw 0 3.3vw;border-bottom:1px solid #e6e6e6;font-size:0.9375vw;cursor:pointer;}
.list-case .filter .item .selbox span:after{content:"";position:absolute;left:1.8vw;top:50%;width:0;height:0;margin-top:-7px;border:7px solid transparent;border-left-color:#e33917;}
.list-case .filter .item .selbox span:hover{background-color:#1a97d3;color:#fff;}
.list-case .filter .item .selbox span:hover:after{border-left-color:#fff;}
.list-case .filter .item:nth-last-child(1){margin-right:0;}
.list-case .filter .item:hover p,.list-case .filter .item.active p{background-color:#1a97d3;color:#fff;}
.list-case .filter .item:hover i:before,.list-case .filter .item.active i:before{background-color:#fff;}
.list-case .filter .item:hover i:after,.list-case .filter .item.active i:after{background-color:#fff;}
.list-case .filter .item.on{overflow:visible;}
.list-case .filter .item.on p{background-color:#1a97d3;color:#fff;}
.list-case .filter .item.on i:before{background-color:#fff;}
.list-case .filter .item.on i:after{background-color:#fff;}
.list-case .filter .item.on .selbox{display:block;}
.list-case .cont{overflow:hidden;}
.list-case .cont ul{width:101.2345%;overflow:hidden;}
.list-case .cont li{display:none;float:left;width:23.78%;margin:0 1.22% 2.5% 0;}
.list-case .cont li .pic{height:0;padding-bottom:83.333%;overflow:hidden;}
.list-case .cont li .pic img{width:100%;height:auto;}
.list-case .cont li .text{padding:1vw 0.5vw;text-align:center;}
.list-case .cont li .text h3{line-height:1.3vw;font-size:0.9375vw;color:#fff;}
.list-case .cont li .text p{line-height:1vw;font-size:0.625vw;color:#aaa;}
.list-case .cont li .fvalue{display:none;}
.list-case .cont li.onli.show{display:block;}


.main-case{padding:2vw 0;}
.main-case .slide-case{margin-bottom:2.35vw;overflow:hidden;}
.main-case .slide-case .slide-pic{float:left;width:57.29vw;height:32vw;overflow:hidden;}
.main-case .slide-case .slide-pic li{float:left;width:57.29vw;height:32vw;}
.main-case .slide-case .slide-pic li img{width:100%;height:100%;}
.main-case .slide-case .dot-box{position:relative;float:right;width:23.5vw;height:32vw;padding:2.5vw;background-color:#090909;box-sizing:border-box;} 
.main-case .slide-case .dot-box .pos{height:100%;overflow:hidden;}
.main-case .slide-case .dot-box .slide-dot{height:21.425vw;}
.main-case .slide-case .dot-box .slide-dot ul{position:relative;}
.main-case .slide-case .dot-box .slide-dot li{width:18.5vw;height:10.3125vw;margin-bottom:0.8vw;}
.main-case .slide-case .dot-box .slide-dot li img{width:100%;height:100%;}
.main-case .slide-case .dot-box .btn{position:absolute;left:50%;width:1.2vw;height:0.73vw;margin-left:-0.6vw;background-image:url(/images/case/btn.png);background-size:200% 200%;background-position-x:0;cursor:pointer;}
.main-case .slide-case .dot-box .btn:hover{background-position-x:-100%;}
.main-case .slide-case .dot-box .prev{top:0.885vw;background-position-y:0;}
.main-case .slide-case .dot-box .next{bottom:0.885vw;background-position-y:-100%;}
.main-case .text{overflow:hidden;}
.main-case .text .info{float:left;width:13.6%;}
.main-case .text .info span{display:block;line-height:1.5625vw;font-size:0.9375vw;color:#999;}
.main-case .text .cont{float:left;width:86.4%;}
.main-case .text .cont h1{line-height:2.35vw;margin-bottom:0.8vw;font-size:1.875vw;color:#fff;}
.main-case .text .cont p{line-height:1.5625vw;font-size:0.73vw;font-family:"Gotham-Light";color:#aaa;}
.main-case .related{padding:4vw 0;overflow:hidden;}
.main-case .related h2{line-height:2.35vw;margin-bottom:2vw;font-size:1.875vw;text-transform:uppercase;color:#fff;}
.main-case .related ul{width:101.48%;}
.main-case .related li{display:none;float:left;width:23.54%;padding-bottom:1vw;margin-right:1.46%;text-align:center;background-color:#fff;}
.main-case .related li p{height:3vw;line-height:1vw;padding:0 0.5vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.main-case .related li .pic{height:0;margin-bottom:0.7vw;padding-bottom:100%;overflow:hidden;box-sizing:border-box;}
.main-case .related li .pic img{width:100%;height:auto;}
.main-case .related li:hover .pic{border-color:#c30d23;}
.main-case .related li.on{display:block;}



.side-pro{float:left;width:20vw;}
.side-pro .category h2{line-height:3.6vw;font-size:1.25vw;text-align:center;text-transform:uppercase;background-color:#f75333;color:#fff;}
.side-pro .category ul{padding:1.3vw 3vw;}
.side-pro .category li{line-height:2.35vw;font-size:0.9375vw;}
.side-pro .category li a{position:relative;display:block;padding-left:1.8vw;}
.side-pro .category li a:after{content:"";position:absolute;left:0;top:50%;margin-top:-0.4vw;border:0.4vw solid transparent;border-left-color:#c5c3c3;}
.side-pro .category li a:hover{color:#f75333;}
.side-pro .category li a:hover:after{border-left-color:#f75333;}
.side-pro .category li.active a{color:#f75333;}
.side-pro .category li.active a:after{border-left-color:#f75333;}
.side-pro .search{position:relative;height:3.5vw;padding-right:3.5vw;margin-bottom:1vw;border:1px solid #e6e6e6;}
.side-pro .search input[type="text"]{width:100%;height:3.5vw;line-height:3.5vw;padding:0 10px;box-sizing:border-box;font-size:0.9375vw;}
.side-pro .search input[type="submit"]{position:absolute;top:0;right:0;width:3.5vw;height:3.5vw;cursor:pointer;background-image:url(/images/search-icon.png);background-size:1.55vw 1.55vw;background-repeat:no-repeat;background-position:center;background-color:initial;border-left:1px solid #e6e6e6;}
.side-pro .hotpro{padding:1vw;border:1px solid #e6e6e6;}
.side-pro .hotpro li{height:6.5vw;padding-bottom:1vw;margin-bottom:1vw;border-bottom:1px dashed #e6e6e6;}
.side-pro .hotpro li .pic{position:relative;float:left;width:6.5vw;height:6.5vw;border:1px solid #e6e6e6;}
.side-pro .hotpro li .pic img{width:100%;height:100%;}
.side-pro .hotpro li .pic i{position:absolute;right:-1vw;top:-0.8vw;width:2.76vw;height:2.76vw;line-height:2.76vw;text-align:center;color:#fff;font-size:0.9375vw;font-family:"Gotham-Bold";background-image:url(/images/hot-icon.png);background-size:100% 100%;}
.side-pro .hotpro li .text{float:right;width:10.16vw;padding-top:0.5vw;}
.side-pro .hotpro li .text p{line-height:1.2vw;font-size:0.625vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.side-pro .hotpro li .text .more{display:block;width:5.73vw;line-height:1.5vw;margin-top:0.6vw;text-align:center;border-radius:0.8vw;background-color:#999;color:#fff;font-size:0.625vw;}
.side-pro .hotpro li .text .more:hover{background-color:#1a97d3;}
.side-pro .p-btn{margin-bottom:1vw;border:1px solid #e6e6e6;border-bottom:none;}
.side-pro .p-btn a{display:block;line-height:3.9vw;padding-left:3.9vw;border-bottom:1px solid #e6e6e6;font-size:1.25vw;font-family:"Gotham-Medium";color:#333;}
.side-pro .p-btn a:hover{background-color:#1a97d3;color:#fff;}


.cate-pro{padding:1vw 0;background-color:#424141;overflow:hidden;}
.cate-pro ul{display:flex;justify-content:space-between;}
.cate-pro li{line-height:1vw;font-size:0.73vw;}
.cate-pro li a{color:#fff;}
.cate-pro li.active a{color:#1a97d3;text-decoration:underline;}
.list-products{padding:2.35vw 0;overflow:hidden;}
.list-products .cont{width:100%;}
.list-products .cont .list ul{width:102.5%;}
.list-products .cont .list li{float:left;width:22.561%;margin:0 2.439% 2.439% 0;background-color:#fff;}
.list-products .cont .list li .pic{height:0;padding-bottom:100%;margin-bottom:0.7vw;overflow:hidden;}
.list-products .cont .list li .pic img{width:100%;height:auto;}
.list-products .cont .list li .text{padding:0 0.5vw 1vw;text-align:center;}
.list-products .cont .list li .text p{height:3.3vw;line-height:1.1vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.list-products .cont .list li .text .star{position:relative;width:6.35vw;height:0.8vw;margin:0.5vw auto 0;}
.list-products .cont .list li .text .star:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/images/star-bg.png);background-size:6.35vw 100%;}
.list-products .cont .list li .text .star:after{content:"";position:absolute;left:0;top:0;width:90%;height:100%;background-image:url(/images/star.png);background-size:6.35vw 100%;}
.list-products .cont .list li .text .more{display:inline-block;line-height:1.77vw;padding:0 2vw;margin-top:0.7vw;border-radius:0.9vw;background-color:#1a97d3;color:#fff;}
.list-products .cont .list li:nth-child(4n+1){clear:both;}


.main-products{padding:3.125vw 0 0;background-color:#000;}
.main-products .overview{margin-bottom:6.5vw;overflow:hidden;}
.main-products .overview .slide-pro{float:left;width:38.5vw;overflow:hidden;}
.main-products .overview .slide-pic{float:right;width:31.25vw;height:31.25vw;border:1px solid #cdcdcd;overflow:hidden;}
.main-products .overview .slide-pic li{float:left;width:31.25vw;height:31.25vw;}
.main-products .overview .slide-pic li img{width:100%;height:100%;}
.main-products .overview .slide-pic li iframe{width:100%;height:100%;}
.main-products .overview .slide-dot{position:relative;float:left;width:6vw;height:31.25vw;padding-top:2.125vw;box-sizing:border-box;}
.main-products .overview .slide-dot .hbox{height:27.2vw;overflow:hidden;}
.main-products .overview .slide-dot .pos{height:6vw;}
.main-products .overview .slide-dot .pos li{width:6vw;height:6vw;margin-bottom:1vw;border:1px solid #cdcdcd;box-sizing:border-box;overflow:hidden;cursor:pointer;}
.main-products .overview .slide-dot .pos li img{width:100%;height:100%;}
.main-products .overview .slide-dot .pos li.active{border-color:#1a97d3;}
.main-products .overview .slide-dot .btn{position:absolute;left:50%;width:2vw;height:1vw;margin-left:-1vw;background-image:url(/images/products/btn.png);background-size:200% 200%;cursor:pointer;}
.main-products .overview .slide-dot .btn:hover{background-position-x:-100%;}
.main-products .overview .slide-dot .prev{top:0;background-position-y:0;}
.main-products .overview .slide-dot .next{bottom:0;background-position-y:-100%;}
.main-products .overview .text{float:right;width:42.1875vw;padding:1vw 3vw 0;box-sizing:border-box;}
.main-products .overview .text h1{line-height:2vw;margin-bottom:1.5vw;font-size:1.8vw;text-transform:uppercase;font-family:"Gotham-Bold";color:#fff;}
.main-products .overview .text .info{margin-bottom:1.5vw;}
.main-products .overview .text .info p{line-height:2vw;font-size:0.9375vw;color:#fff;}
.main-products .overview .text .info p span{margin-right:0.5vw;font-family:"Gotham-Medium";color:#fff;}
.main-products .overview .text .share{margin-bottom:1.5vw;overflow:hidden;}
.main-products .overview .text .share span{float:left;display:block;line-height:1.875vw;margin-right:0.8vw;font-size:0.9375vw;font-family:"Gotham-Medium";color:#fff;}
.main-products .overview .text .share a{float:left;display:block;width:1.875vw;height:1.875vw;margin-right:0.78vw;background-image:url(/images/sns.png);background-size:400% 100%;font-size:0;}
.main-products .overview .text .share .google{background-position-x:0;}
.main-products .overview .text .share .facebook{background-position-x:-100%;}
.main-products .overview .text .share .linkedin{background-position-x:-200%;}
.main-products .overview .text .share .twitter{background-position-x:-300%;}
.main-products .overview .text .quote{display:block;line-height:2.5vw;border-radius:1.3vw;background-color:#1a97d3;color:#fff;font-size:0.9375vw;font-family:"Gotham-Medium";text-align:center;}
.main-products .overview .text .cway{margin-top:1vw;overflow:hidden;}
.main-products .overview .text .cway p{position:relative;float:left;line-height:1.5625vw;padding-left:1.3vw;color:#fff;}
.main-products .overview .text .cway p:after{content:"";position:absolute;left:0;top:0;width:1vw;height:1.5625vw;background-image:url(/images/contact-icon.png);background-size:400% 100%;}
.main-products .overview .text .cway .mob{margin-right:1.5vw;}
.main-products .overview .text .cway .mob:after{background-position-x:0;}
.main-products .overview .text .cway .mail:after{background-position-x:-200%;}
.main-products .overview .text .spec{margin-top:1vw;}
.main-products .overview .text .spec .sbox{border-bottom:1px solid #fff;}
.main-products .overview .text .spec .sbox h3{position:relative;line-height:3vw;font-size:0.9375vw;color:#fff;cursor:pointer;}
.main-products .overview .text .spec .sbox h3:after{content:"";position:absolute;right:0.5vw;top:1.5vw;width:0.9vw;height:0.42vw;margin-top:-0.21vw;background-image:url(/images/case-btn.png);background-size:100% 200%;transform-origin:center;transform:rotate(180deg);transition:all .5s;}
.main-products .overview .text .spec .sbox .scont{display:none;padding:0.5vw 0 1.5vw;line-height:1.5vw;font-size:0.73vw;color:#fff;}
.main-products .overview .text .spec .sbox .scont p{line-height:1.5vw;font-size:0.73vw;color:#fff;}
.main-products .overview .text .spec .sbox.on h3:after{transform:rotate(0deg);}
.main-products .detail{overflow:hidden;}
.main-products .detail .cont{float:right;width:62.5vw;}
.main-products .detail .cont h2{line-height:3.9vw;padding-left:2vw;margin-bottom:1.5625vw;border-left:0.3vw solid #1a97d3;background-color:#f2f2f2;text-transform:uppercase;font-size:1.875vw;}
.main-products .detail .cont .tbox{overflow-x:auto;}
.main-products .detail .cont .tbox table{width:100%;}
.main-products .detail .cont .tbox table th,.main-products .detail .cont .tbox table td{line-height:1.5vw;padding:0.25vw 2vw;border:1px solid #cdcdcd;text-align:left;}
.main-products .detail .cont .tbox table th{background-color:#f2f2f2;}
.main-products .detail .cont .depic{font-size:0;}
.main-products .detail .cont .depic img{width:100% !important;height:auto !important;}
.main-products .related{padding:5vw 0 3vw;overflow:hidden;}
.main-products .related h2{line-height:2.6vw;font-size:2.5vw;text-transform:uppercase;text-align:center;color:#fff;}
.main-products .related i{display:block;width:11.15vw;height:2.13vw;margin:1.75vw auto 2.35vw;background-image:url(/images/index-title-icon.png);background-size:100% 100%;}
.main-products .related ul{width:102%;}
.main-products .related li{display:none;float:left;width:18.039%;margin:0 1.961% 1.961% 0;background-color:#fff;}
.main-products .related li .pic{height:0;padding-bottom:100%;margin-bottom:0.7vw;overflow:hidden;}
.main-products .related li .pic img{width:100%;height:auto;}
.main-products .related li .text{padding:0 0.5vw 1vw;text-align:center;}
.main-products .related li .text p{height:3.3vw;line-height:1.1vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.main-products .related li .text .star{position:relative;width:6.35vw;height:0.8vw;margin:0.5vw auto 0;}
.main-products .related li .text .star:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/images/star-bg.png);background-size:6.35vw 100%;}
.main-products .related li .text .star:after{content:"";position:absolute;left:0;top:0;width:90%;height:100%;background-image:url(/images/star.png);background-size:6.35vw 100%;}
.main-products .related li .text .more{display:inline-block;line-height:1.77vw;padding:0 2vw;margin-top:0.7vw;border-radius:0.9vw;background-color:#1a97d3;color:#fff;}
.main-products .related li.on{display:block;}
.main-products .a-point{position:relative;display:block;height:0;top:-5vw;}


.search-results{padding:40px 0;}
.search-results h1{margin-bottom:30px;}
.search-results .cont ul{width:102%;}
.search-results .cont li{float:left;width:23.039%;margin:0 1.961% 1.961% 0;}
.search-results .cont li .pic{height:0;padding-bottom:100%;margin-bottom:0.7vw;border:1px solid #e6e6e6;overflow:hidden;}
.search-results .cont li .pic img{width:100%;height:auto;}
.search-results .cont li .text{text-align:center;}
.search-results .cont li .text p{line-height:1.1vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.search-results .cont li:nth-child(4n+1){clear:both;}
.search-results .sear-page{text-align:center;font-size:0;overflow:hidden;}
.search-results .sear-page span,.search-results .sear-page strong,.search-results .sear-page a{float:left;display:block;font-size:14px;padding:0 16px;line-height:40px;margin:0 5px 5px;background-color:#e7eaec;}
.search-results .sear-page span,.search-results .sear-page strong{cursor:default;}
.search-results .sear-page strong{background-color:#1a97d3;color:#fff;}
.search-results .sear-page a:hover{background-color:#1a97d3;color:#fff;}