@media (max-width:767px){.side-float-l,.side-float-r{display:none}
.root .body .banner{position:relative;border-bottom:7px solid #f0f0f0}
.root .body .banner .banner-wrap{position:relative}
.root .body .banner .banner-wrap .swiper-wrapper{height:175px}
.root .body .banner .banner-wrap .swiper-wrapper .swiper-slide{background-position:center;background-repeat:no-repeat;background-size:auto 100%;height:100%}
.root .body .banner .banner-wrap .swiper-pagination{position:absolute;bottom:10px;left:0;width:100%;text-align:center}
.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#555;margin:0 5px;opacity:.8;border:1px solid #fff;cursor:pointer}
.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch{background:#fff}
.root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev{position:absolute;top:50%;width:50px;height:80px;display:none;margin-top:-40px;opacity:.3}
.root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover{opacity:.7;cursor:pointer}
.root .body .banner .banner-wrap .swiper-button-prev{background:rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;left:20px}
.root .body .banner .banner-wrap .swiper-button-next{background:rgba(0,0,0,.1) url(../images/next.png) no-repeat center;right:20px}
.root .body  .notice{display:block;height:40px;line-height:40px;background:#fff;padding-left:80px;width:100%;position:relative;z-index:1}
.root .body  .notice .swiper-container{width:100%;height:inherit;line-height:inherit;background-color:#fff;white-space:nowrap;overflow:hidden}
.root .body  .notice .swiper-container a{color:#666;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:70%;min-width:150px;font-size:13px;vertical-align:middle}
.root .body  .notice .swiper-container a:hover{color:#0154dd}
.root .body  .notice .swiper-container span{float:left;width:30%;text-align:center;color:#999;font-size:13px;min-width:65px;vertical-align:middle}
.root .body  .notice .nt-left{width:70px;background-color:#0154dd;height:inherit;line-height:inherit;font-size:13px;color:#fff;text-align:center;position:absolute;left:0;top:0}
.root .body  .notice .nt-left:after{display:block;content:'';border-style:solid;border-color:transparent transparent transparent #0154dd;border-width:7px;position:absolute;top:50%;margin-top:-7px;left:100%}
.root .body  .notice .nt-left .notice-icon{background:url(../images/notice.png) no-repeat center;background-size:100%;padding:0 8px;vertical-align:middle;margin-right:5px}
.root .body  .notice .nt-right{width:100px;height:100%;position:absolute;right:0;top:0;background:#ddd;display:none}
.root .body  .notice .nt-right .prev{float:left;height:100%;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center}
.root .body  .notice .nt-right .next{float:left;height:100%;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center}
.root .body .news-center{padding:10px 0 0 0;border-bottom:7px solid #f0f0f0}
.root .body .news-center .tit{text-align:center;padding-bottom:10px}
.root .body .news-center .tit .zh{font-size:16px;height:24px;line-height:24px;color:#0154dd;font-weight:700;position:relative}
.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .news-center .tit .zh:after{right:50%;margin-right:-120px}
.root .body .news-center .tit .zh:before{left:50%;margin-left:-120px}
.root .body .news-center .tit .en{display:none;font-size:12px;color:#c3c3c3;padding-top:0}
.root .body .news-center .news-content{overflow:hidden;position:relative;padding-left:120px}
.root .body .news-center .swiper-container{overflow:hidden;float:left;position:absolute;top:0;left:0}
.root .body .news-center .swiper-wrapper .swiper-slide{background-color:#f7f7f7;width:120px;height:76px;margin-bottom:9px;float:none}
.root .body .news-center .swiper-wrapper .swiper-slide a{display:block;padding:5px;width:100%;height:100%}
.root .body .news-center .swiper-wrapper .swiper-slide a img{width:100%;height:100%}
.root .body .news-center .swiper-pagination{float:right;width:100%;overflow:hidden}
.root .body .news-center .swiper-pagination .swiper-pagination-switch{margin-bottom:9px;overflow:hidden;background-color:#f7f7f7;position:relative;min-height:76px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch a{text-decoration:none}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date{display:none;background-color:#f1f1f1;font-size:14px;text-align:center;padding-top:5px;color:#999}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month{display:inline-block}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year{display:inline-block}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content{padding:6px 7px 6px 7px;float:none}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{color:#fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{width:100%;color:#444;font-size:12px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary{color:#999;line-height:22px;height:44px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .products{padding:10px 0;background-color:#fff;border-bottom:7px solid #f0f0f0}
.root .body .products .tit{text-align:center;padding-bottom:10px}
.root .body .products .tit .zh{font-size:16px;height:24px;line-height:24px;color:#0154dd;position:relative;font-weight:700}
.root .body .products .tit .zh:after,.root .body .products .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .products .tit .zh:after{right:50%;margin-right:-120px}
.root .body .products .tit .zh:before{left:50%;margin-left:-120px}
.root .body .products .tit .en{display:none;font-size:14px;color:#c3c3c3;padding-top:5px}
.root .body .products .products-list{position:relative}
.root .body .products .swiper-container{width:100%;height:222px}
.root .body .products .swiper-slide{width:100%}
.root .body .products .swiper-slide a{width:100%;text-decoration:none;display:block;margin:0 auto}
.root .body .products .products-wrap{width:100%;margin:0 auto;border-radius:10px;overflow:hidden;position:relative}
.root .body .products .products-wrap .p-images{width:100%}
.root .body .products .products-wrap .p-images img{width:100%;height:222px}
.root .body .products .products-wrap .p-summary{padding:7px;background-color:rgba(0,0,0,.4);position:absolute;bottom:0;left:0;width:100%;text-align:center}
.root .body .products .products-wrap .p-summary .ps-tit{font-size:14px;color:#fff}
.root .body .products .products-wrap .p-summary .ps-tit span{display:inline-block;width:auto}
.root .body .products .products-wrap .p-summary .ps-sum{display:none}
.root .body .products .swiper-pagination{display:none;padding:15px 0;text-align:center}
.root .body .products .swiper-pagination .swiper-pagination-switch{display:inline-block;width:15px;height:15px;background-color:#999;border-radius:50%;margin:0 5px}
.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch{background-color:#0154dd}
.root .body .products .swiper-pagination .swiper-pagination-switch:hover{cursor:pointer}
.root .body .products .swiper-products-next,.root .body .products .swiper-products-prev{position:absolute;top:50%;width:50px;height:80px;margin-top:-40px;opacity:.3;display:none}
.root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover{opacity:.7;cursor:pointer}
.root .body .products .swiper-products-prev{background:rgba(0,0,0,.1) url(../images/prev.png) no-repeat center}
.root .body .products .swiper-products-next{background:rgba(0,0,0,.1) url(../images/next.png) no-repeat center}
.root .body .aboutus{padding:0 0 40px 0;background:0 0}
.root .body .aboutus .aboutus-w{padding:15px 10px;background-color:#fff;box-shadow:none}
.root .body .aboutus .tit .zh{font-size:16px;color:#333;border-bottom:2px solid #0154dd;padding-bottom:2px;margin-right:10px;font-weight:700;vertical-align:bottom}
.root .body .aboutus .tit .en{vertical-align:bottom;font-size:12px;color:#999}
.root .body .aboutus .au-wrap{color:#666;font-size:16px}
.root .body .aboutus .au-wrap .au-summary{margin-bottom:20px;width:100%;line-height:28px}
.root .body .aboutus .au-wrap .au-summary .au-font{margin:10px 0 15px 0;font-size:14px;color:#999;height:200px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:7;-moz-line-clamp:7;-ms-line-clamp:7;-o-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a{display:inline-block;height:30px;width:100px;font-size:14px;text-decoration:none;text-align:center;line-height:30px;color:#fff;background-color:#0154dd}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover{background-color:#1397fd}
.root .body .aboutus .au-wrap .au-video{height:270px;width:100%}
.root .body .aboutus .au-wrap .au-video #my-video{width:100%!important;height:100%!important}
.root .body .aboutus .au-wrap .au-video video{width:100%;height:100%}
}
@media (min-width:768px){.side-float-l{display:block;position:fixed;left:80px;top:120px;z-index:1000;background-color:#fff}
.side-float-r{display:block;position:fixed;right:80px;top:120px;z-index:1000;background-color:#fff}

.root .body  .notice{display:block;height:55px;line-height:55px;background:#ddd;box-shadow:1px 3px 3px #ddd;z-index:1}
.root .body  .notice .swiper-container{width:524px;height:inherit;line-height:inherit;background-color:#fff;padding-left:20px;overflow:hidden;float:left}
.root .body  .notice .swiper-container a{color:#666;float:left;max-width:384px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.root .body  .notice .swiper-container a:hover{color:#0154dd}
.root .body  .notice .swiper-container span{float:left;color:#999;width:120px;text-align:center}
.root .body  .notice .nt-left{width:100px;background-color:#0154dd;height:inherit;line-height:inherit;font-size:16px;color:#fff;text-align:center;position:relative}
.root .body  .notice .nt-left:after{display:block;content:'';border-style:solid;border-color:transparent transparent transparent #0154dd;border-width:10px;position:absolute;top:50%;margin-top:-10px;left:100%}
.root .body  .notice .nt-left .notice-icon{background:url(../images/notice.png) no-repeat center;padding:2px 11px;vertical-align:middle;margin-right:5px}
.root .body  .notice .nt-right{width:122px;height:100%}
.root .body  .notice .nt-right .prev{float:left;height:100%;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center}
.root .body  .notice .nt-right .next{float:left;height:100%;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center}
.root .body .news-center{margin:0 auto;padding:40px 0}
.root .body .news-center .tit{text-align:center;padding-bottom:20px}
.root .body .news-center .tit .zh{font-size:24px;height:24px;line-height:24px;color:#0154dd;position:relative}
.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .news-center .tit .zh:after{right:50%;margin-right:-140px}
.root .body .news-center .tit .zh:before{left:50%;margin-left:-140px}
.root .body .news-center .tit .en{font-size:14px;color:#c3c3c3;padding-top:5px}
.root .body .news-center .news-content:after,.root .body .news-center .news-content:before{display:table;line-height:0;content:"";clear:both}
.root .body .news-center .swiper-container{overflow:hidden;float:left;height:225px;width:400px;border:3px solid #eee;box-shadow:1px 1px 5px #ccc}
.root .body .news-center .swiper-wrapper .swiper-slide{background-color:#0e0e0e}
.root .body .news-center .swiper-wrapper .swiper-slide a{display:block;width:100%;height:100%}
.root .body .news-center .swiper-wrapper .swiper-slide a img{width:100%;height:100%}
.root .body .news-center .swiper-pagination{float:right;width:320px;height:225px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch{height:50px;margin-bottom:9px;overflow:hidden;background-color:#f7f7f7;box-shadow:1px 1px 5px #ccc}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date{width:65px;height:100%;background-color:#f1f1f1;font-size:14px;text-align:center;padding-top:5px;color:#999}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month{display:inline-block;border-bottom:1px solid #c9c9c9}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year{display:inline-block}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content{width:255px;padding:6px 7px 0 7px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{color:#444;font-size:12px;font-weight:700}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary{color:#999}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch{background-color:#0148bd;color:#fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date{background-color:#0154dd;color:#fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date .month{border-bottom:1px solid #fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .title{color:#fff}
.root .body .products{padding:40px 0;background-color:#eee}
.root .body .products .tit{text-align:center;padding-bottom:40px}
.root .body .products .tit .zh{font-size:24px;height:24px;line-height:24px;color:#0154dd;position:relative}
.root .body .products .tit .zh:after,.root .body .products .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .products .tit .zh:after{right:50%;margin-right:-140px}
.root .body .products .tit .zh:before{left:50%;margin-left:-140px}
.root .body .products .tit .en{font-size:14px;color:#c3c3c3;padding-top:5px}
.root .body .products .products-list{position:relative}
.root .body .products .swiper-container{height:360px;margin-left:-16px;width:779px}
.root .body .products .swiper-slide a{text-decoration:none;display:block;width:235px;height:360px;margin:0 auto}
.root .body .products .products-wrap{width:235px;height:360px;margin:0 auto;background-color:#fff;transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s}
.root .body .products .products-wrap:hover{background-color:#f7f7f7;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px)}
.root .body .products .products-wrap:hover .p-summary .ps-tit span{border-bottom:1px solid #0154dd;width:100%}
.root .body .products .products-wrap .p-images{width:235px;height:210px}
.root .body .products .products-wrap .p-images img{width:100%;height:100%}
.root .body .products .products-wrap .p-summary{padding:0 15px}
.root .body .products .products-wrap .p-summary .ps-tit{font-size:16px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;margin-bottom:20px}
.root .body .products .products-wrap .p-summary .ps-tit span{display:inline-block;height:50px;border-bottom:1px solid #0154dd;width:auto}
.root .body .products .products-wrap .p-summary .ps-sum{color:#999;font-size:14px;line-height:22px;height:44px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .products .swiper-pagination{padding:15px 0;text-align:center}
.root .body .products .swiper-pagination .swiper-pagination-switch{list-style:none;display:inline-block;width:15px;height:15px;background-color:#999;border-radius:50%;margin:0 5px}
.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch{background-color:#0154dd}
.root .body .products .swiper-pagination .swiper-pagination-switch:hover{cursor:pointer}
.root .body .products .swiper-products-next,.root .body .products .swiper-products-prev{position:absolute;top:50%;width:50px;height:80px;margin-top:-40px;opacity:.3;display:none}
.root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover{opacity:.7;cursor:pointer}
.root .body .products .swiper-products-prev{background:rgba(0,0,0,.1) url(../images/prev.png) no-repeat center}
.root .body .products .swiper-products-next{background:rgba(0,0,0,.1) url(../images/next.png) no-repeat center}
.root .body .aboutus{padding:105px 0 40px 0;background:url(../images/aboutus-bg.jpg) no-repeat top}
.root .body .aboutus .aboutus-w{padding:35px 35px 55px 35px;background-color:#fff;box-shadow:1px 1px 5px #aaa}
.root .body .aboutus .tit .zh{font-size:24px;color:#333;border-bottom:2px solid #0154dd;padding-bottom:2px;margin-right:10px}
.root .body .aboutus .tit .en{font-size:14px;color:#999}
.root .body .aboutus .au-wrap{color:#666;font-size:16px}
.root .body .aboutus .au-wrap .au-summary{margin-bottom:20px;width:100%;line-height:28px}
.root .body .aboutus .au-wrap .au-summary .au-font{max-height:145px;margin:45px 0 45px 0;padding:0;word-break:break-all;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;-ms-line-clamp:5;-o-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a{display:inline-block;height:30px;width:100px;font-size:14px;text-decoration:none;text-align:center;line-height:30px;color:#fff;background-color:#0154dd}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover{background-color:#1397fd}
.root .body .aboutus .au-wrap .au-video{height:270px;width:100%}
.root .body .aboutus .au-wrap .au-video #my-video{width:100%!important;height:100%!important}
.root .body .aboutus .au-wrap .au-video video{width:100%;height:100%}
}
@media (min-width:992px){.side-float-l{display:block;position:fixed;left:80px;top:120px;z-index:1000;background-color:#fff}
.side-float-r{display:block;position:fixed;right:80px;top:120px;z-index:1000;background-color:#fff}

.root .body  .notice{display:block;bottom:0;height:64px;line-height:64px;background:#ddd;box-shadow:1px 3px 3px #ddd;z-index:1;width: 1200px;margin: 0 auto}
.root .body  .notice .swiper-container{width:757px;height:inherit;line-height:inherit;background-color:#fff;padding-left:40px;overflow:hidden;float:left}
.root .body  .notice .swiper-container a{color:#666;float:left;max-width:775px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.root .body  .notice .swiper-container a:hover{color:#0154dd}
.root .body  .notice .swiper-container span{float:left;color:#999;width:145px;text-align:center}
.root .body  .notice .nt-left{width:100px;background-color:#0154dd;height:inherit;line-height:inherit;font-size:16px;color:#fff;text-align:center;position:relative}
.root .body  .notice .nt-left:after{display:block;content:'';border-style:solid;border-color:transparent transparent transparent #0154dd;border-width:10px;position:absolute;top:50%;margin-top:-10px;left:100%}
.root .body  .notice .nt-left .notice-icon{background:url(../images/notice.png) no-repeat center;padding:2px 11px;vertical-align:middle;margin-right:5px}
.root .body  .notice .nt-right{width:135px;height:100%}
.root .body  .notice .nt-right .prev{float:left;height:100%;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center}
.root .body  .notice .nt-right .next{float:left;height:100%;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center}
.root .body .news-center{margin:0 auto;padding:40px 0}
.root .body .news-center .tit{text-align:center;padding-bottom:30px}
.root .body .news-center .tit .zh{font-size:24px;height:24px;line-height:24px;color:#0154dd;position:relative}
.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .news-center .tit .zh:after{right:50%;margin-right:-140px}
.root .body .news-center .tit .zh:before{left:50%;margin-left:-140px}
.root .body .news-center .tit .en{font-size:14px;color:#c3c3c3;padding-top:5px}
.root .body .news-center .news-content:after,.root .body .news-center .news-content:before{display:table;line-height:0;content:"";clear:both}
.root .body .news-center .swiper-container{overflow:hidden;float:left;height:304px;width:540px;border:3px solid #eee;box-shadow:1px 1px 5px #ccc}
.root .body .news-center .swiper-wrapper .swiper-slide{background-color:#0e0e0e}
.root .body .news-center .swiper-wrapper .swiper-slide a{display:block;width:100%;height:100%}
.root .body .news-center .swiper-wrapper .swiper-slide a img{width:100%;height:100%}
.root .body .news-center .swiper-pagination{float:right;width:420px;height:304px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch{height:65px;margin-bottom:15px;overflow:hidden;background-color:#f7f7f7;box-shadow:1px 1px 5px #ccc}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date{width:72px;height:100%;background-color:#f1f1f1;font-size:16px;text-align:center;padding-top:8px;color:#999}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month{display:inline-block;border-bottom:1px solid #c9c9c9;padding:2px 0}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year{display:inline-block;padding:2px 0}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content{width:348px;padding:13px 10px 0 10px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{color:#444;font-size:14px;font-weight:700}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary{color:#999}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch{background-color:#0148bd;color:#fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date{background-color:#0154dd;color:#fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date .month{border-bottom:1px solid #fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .title{color:#fff}
.root .body .products{padding:40px 0;background-color:#eee}
.root .body .products .tit{text-align:center;padding-bottom:40px}
.root .body .products .tit .zh{font-size:24px;height:24px;line-height:24px;color:#0154dd;position:relative}
.root .body .products .tit .zh:after,.root .body .products .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .products .tit .zh:after{right:50%;margin-right:-140px}
.root .body .products .tit .zh:before{left:50%;margin-left:-140px}
.root .body .products .tit .en{font-size:14px;color:#c3c3c3;padding-top:5px}
.root .body .products .products-list{position:relative}
.root .body .products .swiper-container{height:360px;margin-left:-16px;width:1025px}
.root .body .products .swiper-slide a{text-decoration:none;display:block;width:317px;height:360px;margin:0 auto}
.root .body .products .products-wrap{width:317px;height:360px;margin:0 auto;background-color:#fff;transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s}
.root .body .products .products-wrap:hover{background-color:#f7f7f7;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px)}
.root .body .products .products-wrap:hover .p-summary .ps-tit span{border-bottom:1px solid #0154dd;width:100%}
.root .body .products .products-wrap .p-images{width:317px;height:210px}
.root .body .products .products-wrap .p-images img{width:100%;height:100%}
.root .body .products .products-wrap .p-summary{padding:0 15px}
.root .body .products .products-wrap .p-summary .ps-tit{font-size:16px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;margin-bottom:20px}
.root .body .products .products-wrap .p-summary .ps-tit span{display:inline-block;height:50px;border-bottom:1px solid #0154dd;width:auto}
.root .body .products .products-wrap .p-summary .ps-sum{color:#999;font-size:14px;line-height:22px;height:44px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .products .swiper-pagination{padding:15px 0;text-align:center}
.root .body .products .swiper-pagination .swiper-pagination-switch{list-style:none;display:inline-block;width:15px;height:15px;background-color:#999;border-radius:50%;margin:0 5px}
.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch{background-color:#0154dd}
.root .body .products .swiper-pagination .swiper-pagination-switch:hover{cursor:pointer}
.root .body .products .swiper-products-next,.root .body .products .swiper-products-prev{position:absolute;top:50%;width:50px;height:80px;margin-top:-40px;opacity:.3}
.root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover{opacity:.7;cursor:pointer}
.root .body .products .swiper-products-prev{background:rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;left:-50px}
.root .body .products .swiper-products-next{background:rgba(0,0,0,.1) url(../images/next.png) no-repeat center;right:-50px}
.root .body .aboutus{padding:105px 0 40px 0;background:url(../images/aboutus-bg.jpg) no-repeat top}
.root .body .aboutus .aboutus-w{padding:35px 35px 55px 35px;background-color:#fff;box-shadow:1px 1px 5px #aaa}
.root .body .aboutus .tit .zh{font-size:24px;color:#333;border-bottom:2px solid #0154dd;padding-bottom:2px;margin-right:10px}
.root .body .aboutus .tit .en{font-size:14px;color:#999}
.root .body .aboutus .au-wrap{color:#666;font-size:16px}
.root .body .aboutus .au-wrap .au-summary{width:420px;line-height:28px}
.root .body .aboutus .au-wrap .au-summary .au-font{max-height:145px;margin:45px 0 45px 0;padding:0;word-break:break-all;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;-ms-line-clamp:5;-o-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a{display:inline-block;height:30px;width:100px;font-size:14px;text-decoration:none;text-align:center;line-height:30px;color:#fff;background-color:#0154dd}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover{background-color:#1397fd}
.root .body .aboutus .au-wrap .au-video{height:270px;width:480px;background-color:#0e0e0e}
.root .body .aboutus .au-wrap .au-video #my-video{width:100%!important;height:100%!important}
.root .body .aboutus .au-wrap .au-video video{width:100%;height:100%}
}
@media (min-width:1200px){.side-float-l{display:block;position:fixed;left:80px;top:120px;z-index:1000;background-color:#fff}
.side-float-r{display:block;position:fixed;right:80px;top:120px;z-index:1000;background-color:#fff}
.root .body .banner{height:500px;position:relative;margin-top: 130px}
.root .body .banner .banner-wrap{position:relative}
.root .body .banner .banner-wrap .swiper-wrapper{height:500px}
.root .body .banner .banner-wrap .swiper-wrapper .swiper-slide{background-position:center;background-repeat:no-repeat;background-size:auto;height:100%}
.root .body .banner .banner-wrap .swiper-pagination{position:absolute;bottom:45px;left:0;width:100%;text-align:center}
.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#555;margin:0 5px;opacity:.8;border:1px solid #fff;cursor:pointer}
.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch{background:#fff}
.root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev{position:absolute;top:50%;width:50px;height:80px;margin-top:-40px;opacity:.3}
.root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover{opacity:.7;cursor:pointer}
.root .body .banner .banner-wrap .swiper-button-prev{background:rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;left:50px}
.root .body .banner .banner-wrap .swiper-button-next{background:rgba(0,0,0,.1) url(../images/next.png) no-repeat center;right:50px}
.root .body .banner .notice{display:block;position:absolute;left:50%;margin-left:-600px;bottom:0;height:64px;line-height:64px;background:#ddd;box-shadow:1px 3px 3px #ddd;z-index:1}
.root .body  .notice .swiper-container{width:965px;height:inherit;line-height:inherit;background-color:#fff;padding-left:40px;overflow:hidden;float:left}
.root .body  .notice .swiper-container a{color:#666;float:left;max-width:775px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.root .body  .notice .swiper-container a:hover{color:#0154dd}
.root .body  .notice .swiper-container span{float:left;color:#999;width:145px;text-align:center}
.root .body  .notice .nt-left{width:100px;background-color:#0154dd;height:inherit;line-height:inherit;font-size:16px;color:#fff;text-align:center;position:relative}
.root .body  .notice .nt-left:after{display:block;content:'';border-style:solid;border-color:transparent transparent transparent #0154dd;border-width:10px;position:absolute;top:50%;margin-top:-10px;left:100%;z-index:2}
.root .body  .notice .nt-left .notice-icon{background:url(../images/notice.png) no-repeat center;padding:2px 11px;vertical-align:middle;margin-right:5px}
.root .body  .notice .nt-right{width:135px;height:100%}
.root .body  .notice .nt-right .prev{float:left;height:100%;cursor:pointer;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center}
.root .body  .notice .nt-right .next{float:left;cursor:pointer;height:100%;width:50%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center}
.root .body .news-center{margin:0 auto;margin-top: .3rem;clear: both;}
.root .body .news-center .tit{text-align:center;padding-bottom:30px}
.root .body .news-center .tit .zh{font-size:24px;height:24px;line-height:24px;color:#0154dd;position:relative}
.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .news-center .tit .zh:after{right:50%;margin-right:-140px}
.root .body .news-center .tit .zh:before{left:50%;margin-left:-140px}
.root .body .news-center .tit .en{font-size:14px;color:#c3c3c3;padding-top:5px}
.root .body .news-center .news-content:after,.root .body .news-center .news-content:before{display:table;line-height:0;content:"";clear:both}
.root .body .news-center .swiper-container{overflow:hidden;float:left;height:400px;width:640px;border:3px solid #eee;box-shadow:1px 1px 5px #ccc}
.root .body .news-center .swiper-wrapper .swiper-slide{background-color:#0e0e0e}
.root .body .news-center .swiper-wrapper .swiper-slide a{display:block;width:100%;height:100%}
.root .body .news-center .swiper-wrapper .swiper-slide a img{width:100%;height:100%}
.root .body .news-center .swiper-pagination{float:right;margin:0;width:520px;height:400px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch{height:85px;margin-bottom:20px;background-color:#f7f7f7;overflow:hidden;box-shadow:1px 1px 5px #ccc}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date{width:72px;height:100%;background-color:#f0f0f0;font-size:16px;text-align:center;padding-top:18px;color:#999}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month{display:inline-block;border-bottom:1px solid #c9c9c9;padding:2px 0}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year{display:inline-block;padding:2px 0}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content{width:446px;padding:20px 10px 0 10px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title{color:#444;font-size:16px;font-weight:700;margin-bottom:10px}
.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary{color:#999}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch{background-color:#0148bd;color:#fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .date{background-color:#0154dd;color:#fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .date .month{border-bottom:1px solid #fff}
.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .content .title{color:#fff}
.root .body .products{padding:40px 0;background-color:#eee}
.root .body .products .tit{text-align:center;padding-bottom:40px}
.root .body .products .tit .zh{font-size:24px;height:24px;line-height:24px;color:#0154dd;position:relative}
.root .body .products .tit .zh:after,.root .body .products .tit .zh:before{content:'';display:block;height:1px;background-color:#0154dd;position:absolute;width:76px;top:50%}
.root .body .products .tit .zh:after{right:50%;margin-right:-140px}
.root .body .products .tit .zh:before{left:50%;margin-left:-140px}
.root .body .products .tit .en{font-size:14px;color:#c3c3c3;padding-top:5px}
.root .body .products .products-list{position:relative}
.root .body .products .swiper-container{height:278px;width:1233px}
.root .body .products .swiper-slide a{text-decoration:none;display:block;width:375px;height:278px;margin:0 auto}
.root .body .products .products-wrap{width:375px;height:278px;margin:0 auto;background-color:#fff;transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s}
.root .body .products .products-wrap:hover{background-color:#f7f7f7;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px)}
.root .body .products .products-wrap:hover .p-summary .ps-tit span{border-bottom:1px solid #0154dd;width:100%}
.root .body .products .products-wrap .p-images{width:370px;height:222px}
.root .body .products .products-wrap .p-images img{width:100%;height:100%}
.root .body .products .products-wrap .p-summary{padding:0 15px}
.root .body .products .products-wrap .p-summary .ps-tit{font-size:16px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;margin-bottom:20px}
.root .body .products .products-wrap .p-summary .ps-tit span{display:inline-block;height:50px;border-bottom:1px solid #0154dd;width:auto}
.root .body .products .products-wrap .p-summary .ps-sum{color:#999;font-size:14px;line-height:22px;height:44px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .products .swiper-pagination{padding:15px 0;text-align:center}
.root .body .products .swiper-pagination .swiper-pagination-switch{list-style:none;display:inline-block;width:15px;height:15px;background-color:#999;border-radius:50%;margin:0 5px}
.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch{background-color:#0154dd}
.root .body .products .swiper-pagination .swiper-pagination-switch:hover{cursor:pointer}
.root .body .products .swiper-products-next,.root .body .products .swiper-products-prev{display:block;position:absolute;top:50%;width:50px;height:80px;margin-top:-40px;opacity:.3}
.root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover{opacity:.7;cursor:pointer}
.root .body .products .swiper-products-prev{background:rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;left:-50px}
.root .body .products .swiper-products-next{background:rgba(0,0,0,.1) url(../images/next.png) no-repeat center;right:-50px}
.root .body .aboutus{padding:105px 0 40px 0;background:url(../images/aboutus-bg.jpg) no-repeat top}
.root .body .aboutus .aboutus-w{padding:35px 35px 55px 35px;background-color:#fff;box-shadow:1px 1px 5px #aaa}
.root .body .aboutus .tit .zh{font-size:24px;color:#333;border-bottom:2px solid #0154dd;padding-bottom:2px;margin-right:10px}
.root .body .aboutus .tit .en{font-size:14px;color:#999}
.root .body .aboutus .au-wrap{color:#666;font-size:16px}
.root .body .aboutus .au-wrap .au-summary{width:555px;line-height:28px}
.root .body .aboutus .au-wrap .au-summary .au-font{max-height:145px;margin:45px 0 45px 0;padding:0;word-break:break-all;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;-ms-line-clamp:5;-o-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a{display:inline-block;height:30px;width:100px;font-size:14px;text-decoration:none;text-align:center;line-height:30px;color:#fff;background-color:#0154dd}
.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover{background-color:#1397fd}
.root .body .aboutus .au-wrap .au-video{height:270px;width:480px;background-color:#0e0e0e}
.root .body .aboutus .au-wrap .au-video video{width:100%;height:100%}
}