a{text-decoration: none;}
a:hover{text-decoration: none;}
.navbar{
	    position: fixed;
	    width: 100%;
	    top: 0px;
	    z-index: 99999;
}
.navbar .navbar-brand img{/*padding: 5px 0px;*/width: 122px;}
.navbar-toggler i{color: #fff; font-size: 30px;}
.navbar button{ border: none; outline: none}
.navbar-collapse{margin-left: 30%;}
.nav-link {color: #fff; margin-left: 5%;width: 100%;}
.nav-item a:hover {color: #63B8FF;}
.nav-item .active {color: #63B8FF;}
.dropdown-menu{border:none;border-radius:none;}
.dropdown-menu li {text-align: center;white-space: nowrap; padding: 8px 8px;}
.carousel-item img{display: block;max-width: 100%;object-fit: cover;}
 .carousel-caption {
	 width: 50%;
     position: absolute;
     right: 5%;
     bottom: 120px;
     left: 5%;
	top: 12%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
	text-align: unset;
 }
 .asseenon{}
 .swiper-pagination{position: unset!important;}
 .carousel-item h5{font-size: 55px; font-family: Roboto-Bold-3;}
 .carousel-item p{font-size: 35px;}
.carousel-control-next, .carousel-control-prev{width: 5%;}
.decor{background-color: #0d6efd;color: #fff;margin-top: 5%;border-radius: 3px;width:180px;}
.carousel-caption a:hover{background-color: #0b5ed7;color: #fff;}
.carousel-item .btn:hover {color: #fff;}
.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-pagination-bullet {
	    width: 18px!important;
	    height: 3px!important;
	    display: inline-block!important;
	    border-radius: unset!important;
		margin-right: 5px;
	}
.dropdown-menu li a{color: #fff;}
/*.swiper-slide .imgs{margin-bottom: 5%;}*/
.swiper-pagination-bullet-active{background: #63B8FF!important;}
.top2{margin: 3%;}
.top2 .title{margin: 3%;text-align: center;font-size: 18px;font-family: Roboto-Bold-3; font-weight: 700;}

.top3{background-color: #fafafa;margin-top: 5%;margin-bottom: 5%;padding-bottom: 50px;}
.top3 .title {font-size: 49px;padding-top: 50px;padding-bottom: 20px;font-family: Roboto-Bold-3;}
.cplist {margin-top: 1%;margin-bottom: 1%;}
.cplist .cplb{border: none;}
/*.cplist .cplb img{border-radius: 24px 24px 0px 0px;}*/
.cplb ul {padding-left: 20px;height: 180px;}
.cplb li{ margin-bottom: 5px;color: #666;}
.learn-more{
	display: block;
	color: #63B8FF;
	font-family: Roboto-Regular-14;
	margin-bottom: 2%;
}
.top4 .title{
	font-size: 49px;
    margin: 20px 0;
    font-family: Roboto-Bold-3;
	text-align: center;
	}
.Product_desc {padding: 5%;}
.Product_desc p{line-height: 30px;}
.Product_img img{width: 100%;height: auto;}
.top5{margin-top: 5%;margin-bottom: 5%;}
.top5 .title{font-size: 49px;margin: 20px 0;font-family: Roboto-Bold-3;text-align: center;}
.top5 .rutu {margin-top: 2%;}
.top5 .rutu img{width: 100%;height: auto;}

.top6{background: #000;color: #fff;width: 100%;padding: 50px 10px 0;}
.top6 .db_dh h1{font-family: Roboto-Bold-3;font-size: 18px; font-weight: 600;}
.top6 .db_dh ul{padding-left: 0px;}
.top6 .db_dh ul li {list-style: none;line-height: 30px;}
.top6 .db_dh ul li a{color: #c5c9cd;}
.top6 .db_bot{text-align: center;margin-top: 2%;}
.top6 .db_bot p{color: #fff; font-size: 20; font-weight: 600;}

/*product*/
.product-banner img{
	width: 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	}
.product-title{position: absolute;top: 15%;color: #fff;}
.product-title h1 {font-size: 70px;line-height: 1.1; font-weight: 700;font-family: Roboto-Bold-3; color: #fff;}
.product-title p{font-size: 32px; margin-top: 10px; font-family: Roboto-Bold-title;}
.product-shop {
	background: #63B8FF;
	width: 214px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 59px;
    font-size: 17px;
    display: block;
    font-family: Roboto-Bold-3;
    display: inline-block;
    margin-right: 30px;
	}
.product-2 {margin-top: 5%;margin-bottom: 5%;}
.screen-boxs{position: relative;display: inline-block;}
.screen-boxs img{width: 100%;height: auto;}
.screen-boxs .title {position: absolute;top: 0;}
.screen-boxs .title p{
	padding-left: 40%;
	margin-top: 8%;
	font-family: Roboto-Bold-title;
    font-weight: 700;
    color: #333;
	font-size: 39px;
	    line-height: 52px;
	} 
.screen-title {
	height: 200px;
	    margin-top: 4%;
	    padding: .2rem;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		background: #f3f3f3;
		border-radius: 24px;
}
.screen-title p{
	line-height: 43px;
	    font-size: 39px;
	    background-image: linear-gradient(57deg, #f6814f, #e265e7 12%, #61b3ee 38%, #1cd0b6 70%, #30efd8);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
		ont-family: Roboto-Bold-title;
		    font-weight: 700;
		    color: #333;
}
.screen-aways{position: relative;display: inline-block;}
.screen-aways img{width: 100%;height: auto;}
.screen-aways .title{position: absolute;top: 0;  padding: 40px 45px;}
.screen-aways .title p{font-size: 28px;line-height: 32px;font-family: Roboto-Bold-title;font-weight: 700;color: #333;}

.screen-left {float: left;}
.screen-right {float: left;margin-left: 3%;}

.screen-mighy{position: relative;display: inline-block; margin-top: 3%;}
.screen-mighy img{width: 100%;height: auto;}
.screen-mighy .title{position: absolute;top: 0;  padding: 40px 45px;}
.screen-mighy .title p{font-size: 28px;line-height: 32px;font-family: Roboto-Bold-title;font-weight: 700;color: #fff;}

.product-3 {margin-bottom: 5%;}
.product-hfimg img {width: 100%;height: auto;}
.product-hfimg .info {position: absolute;top: 0;  padding: 5% 10%;}
.product-hfimg {position: relative;display: inline-block; margin-top: 3%;}
.product-hfimg .info .title{
	margin-top: 10%;
	line-height: 52px;
	    font-size: 39px;
	    font-family: Roboto-Bold-title;
	    font-weight: 700;
		color: #fff;
}
.product-hfimg .info .content{
	font-family: Roboto-Light-whiteDesc;
	    font-size: 17px;
	    font-weight: 300;
	    line-height: 30px;
	    margin-top: 41px;
	    width: 50%;
	    padding-bottom: 56px;
		color: #fff;
}
.ysimg {margin: 5%;}
.ysimg img{width: 100%;}
.ysinfo h1 {
	font-size: 39px;
	    font-family: Roboto-Bold-title;
	    font-weight: 700;
	    color: #333;
	    line-height: 52px;
}
.ysinfo {margin: 5%;}
.ysinfo p{
	font-size: 17px;
	    font-family: Roboto-Light-whiteDesc;
	    font-weight: 300;
	    color: #333;
	    line-height: 30px;
	    margin-top: 41px;
	    width: 498px;
}
.product-5{margin-top: 5%; margin-bottom: 5%;}
.product-6{margin-top: 5%; margin-bottom: 5%;}
.product-7{margin-top: 5%; margin-bottom: 5%;}
.product-8{margin-top: 5%; margin-bottom: 5%;}
.product-9{margin-top: 5%; margin-bottom: 5%;}
.product-10{margin-top: 5%; margin-bottom: 15%;}

.case .title{
	font-size: 39px;
    font-family: Roboto-Bold-title;
    font-weight: 700;
    line-height: 52px;
	text-align: center;
	}
.case .desc{margin-top: 5%;}
.case .desc img {width: 100%; height: auto;}

/*newslist*/
.newslist {margin-bottom: 3%;}
.newslist-banner img{
	width: 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	}
.newslist-title{position: absolute;top: 15%;color: #fff;}
.newslist-title h1 {font-size: 70px;line-height: 1.1; font-weight: 700;font-family: Roboto-Bold-3; color: #fff;}
.newslist-title p{font-size: 32px; margin-top: 10px; font-family: Roboto-Bold-title;}


.news-list {display: flex;border: 1px solid #dedede;margin-bottom: 5%;}
.news-img img{width: 100%;height: auto;}
.news-btn{border: 1px solid; border-radius: 2px; line-height: 20px; background: #63B8FF; color: #fff;margin-bottom: 2%;}

.news-list .button a:hover{border: 1px solid; border-radius: 2px; line-height: 20px; background: #92c7f3; color: #fff;}
.news-list  .content {margin-left: 10%;margin-top: 5%;}
.news-list .content .time{font-family: cursive;font-size: 14px;margin-bottom: 2%;}
.news-list .content h1{font-size: 22px;font-family: auto;font-weight: 550;margin-bottom: 2%;color: #333;}
.news-list .content p{font-family: monospace; font-size: 16px;}
.news-list .content .xian{border-bottom: 1px solid #ddd8d8;}
.news-list .content .tongji-left{float: left;}
.news-list .content .tongji-left span{font-family: cursive;}
    
.news-list .content .tongji-right{float: right;}
.news-list .content .tongji-right i{color: #e84a43;} 
.news-list .content .tongji{margin-top: 3%;}

.news-content {margin-top: 5%;margin-bottom: 10%;}
.news-lt { overflow: hidden;display: block;margin-bottom: 3%;}
.news-lt ul li {list-style: none;float: left;width: 20%;border: 1px solid #dedede;border-radius: 2%;padding: 10px;margin-left: 2%;}
.news-lt ul li a {color: #000;  text-align: center; display: block;  white-space: nowrap;overflow: hidden;  text-overflow: ellipsis;}
.news-xq{width: 80%;margin: 0 auto;}
.news-xq .zz-time{margin-bottom: 3%;}
.news-xq .zz-time span{font-family: cursive;}
.news-xq .title{ font-family: auto; font-weight: 550;font-size: 18px;margin-bottom: 3%;}
.news-xq .desc{font-family: monospace;line-height: 30px;}
.news-xq .desc img{width: 100%;height: auto;}
.news-xq .top-xian {border-top: 1px solid #ddd8d8;margin-bottom: 1%;}
.news-xq .bottom-xian {border-bottom: 1px solid #ddd8d8;margin-top: 1%;} 
.news-xq .tubiao a{padding: 0 0 20px 20px;}
.news-xq .tubiao i{color: #333;}
.news-xq  .tongji-left{float: left;}
.news-xq  .tongji-left span{font-family: cursive;}
    
.news-xq .tongji-right{float: right;}
.news-xq  .tongji-right i{color: #e84a43;} 
.news-xq  .tongji{margin-top: 1%;}
.support-tipss{background-color:#888;}
.support-tips{background: #fbfbfb;}
.support-tipss P{color:#FFF;text-align:center; height: 43px; line-height: 43px;}
.support-tips P{text-align:center; height: 43px; line-height: 43px;color: #555;}
.support-banner img{
	width: 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	}

.support{margin-top:5%;}
.support-case{margin-top: 10%;}
.support-case h2 {text-align:center;font-size:30px;font-weight: bold;}
.desc p{ margin-bottom: 0px; text-align: center;}
.support-img{width:80%;height:auto;margin-left: 10%;}
.support-list a{padding: 0;
    margin-left: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    outline: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    border-bottom: 1px dashed #666;
}
.support-2{margin-bottom:5%;}

.shop{margin-top:2%;}
.shop-banner img{width:100%; height:auto;}
.shop-2{margin-top:5%;margin-bottom:5%;}
.shop-list{margin-bottom: 5%;margin-top: 5%;}
.shop-list .shop-img{border-radius:10px;background-color: #f3f3f3;}
.shop-list .shop-img img{width:100%;height:auto;padding: 10%;}
.shop-list .title{font-size: 19px;color: #333; font-weight: 600;text-align: center; margin-top: 2%;}
.shop-list .jiage{font-size:18px;color: #333; text-align: center;margin-top: 2%;}
.shop-list .tubiao {margin-top:2%;margin-bottom:2%;text-align: center;}
.shop-list .tubiao img {width:60%;height:auto;margin-bottom:5%}




@media screen and (max-width: 768px) {
	.navbar{position: unset;}
	.product-title p{display:none;}
.navbar-collapse{margin-left: 0%;}
/* .carousel{margin-top: 15%;} */
.product-title h1 {font-size: 30px;}
.product-title {top: 16%;text-align: center;}
.screen-boxs .title p {font-size: 19px;}
.screen-title {height: 100px;margin-bottom: 5%;}
.screen-title p {font-size: 19px;}
.screen-aways .title p {font-size: 19px;}
.screen-mighy .title p {font-size: 19px;}
.product-hfimg .info .title {font-size: 19px;}
.product-hfimg .info .content{display: none;}
.ysinfo h1 {font-size: 19px;}
.ysinfo p {width: auto;}
.case .title { font-size: 19px;}
.case .desc {font-size: 14px;line-height: 30px; font-family: emoji;}
.product-shop{ display: none;}
.newslist-title h1{font-size: 20px;text-align: center;}
.newslist-title {top: 18%;}
.newslist-title p {display: none;}
.news-list{display: block;}
.news-list .content .tongji-left{margin-bottom: 5%;}
.newss {padding: 5%;}
}