@charset "utf-8";
	@charset "utf-8";
	html,body{overflow-x:hidden; margin:0; padding:0!important;}
	.container-fluid{padding:0;}
	a{text-decoration:none; color:#222;}
	.page-product-detail .content .articles .item .txt{text-align:left;}
	.container{max-width:1180px}
	.index-body{background-color:#f9f9f9;}
	.mainbox{margin:0 auto; max-width:1430px;}
	.no-unline{text-decoration:none;}
	
	.index-body .title{color:#333;}
	.index-header {background:#000; color:#fff; height:60px; line-height:58px; position:relative}
	.index-header a{color:#fff; }
	.index-header .nav-link:focus, .nav-link:hover{outline:none;border-bottom:0!important;}
	.index-header .aboutus .dropdown-toggle::after {display:none;}
	.index-header .nav-link:focus, .nav-link:hover{color:#FFF!important}
	.index-header .nav-link{padding:0 1rem;}
	.index-header .menuimgtxt .btn{line-height:33px;}
	.index-header .nav .nav-item>a{border:1px solid #000;}
	.index-header .index-logo img{max-height:50%; margin-bottom:3px;}
	.index-product_tab h1, .index-solution h1, .index-news h1{font-weight:600}

	.nav__content, .nav__content a{color:#fff;}
	.index-header .phone-back{position:absolute; z-index:99999; left:15px; top:0; font-size:2.2rem; display:none;}

	.dropdown-menu{min-width:100%!important; max-width:100%; background: #222; transform: translate(0px, 60px)!important;}
	.dropdown-menu dd a{color:#fff; border-bottom: 1px solid #eee; width:80%; margin:0 auto;display:list-item; list-style-type:square; padding-left:5px; padding-right:5px; text-decoration:none; line-height:33px;}
	.dropdown{padding:0px;}

	.dropdown .show{background:#222; color:#fff; top:-3px!important;
	border-radius:0; border:1px solid #eee!important; border-top:0!important;}
	.dropdown-item{padding:0}
	.dropdown-menu i{margin-right:6px;}
	.dropdown-menu dt a{color:#c6e1f8; text-decoration:none;}
	.dropdown-menu dt {font-size:1.2rem; white-space: nowrap;}
	.dropdown-menu dd {white-space: nowrap;}
	.dropdown-menu dt i, .dropdown-menu dt a i{font-size:1.3rem; font-weight:400;}
	.nav {visibility:visible; position:static;}
	body{margin-top:0; padding-top:0}
	.index-search{background:#000000d8; height:60px; position:fixed; z-index:9999999; width:100%; top:0; left:0; display:none; line-height:60px;}
	.index-search .input-group{margin:10px auto;}
	.index-search:last-child{line-height:60px; font-size:30px; text-align:center}
	.index-search span.s-close {font-size:2rem; cursor:pointer;}
	/*.carousel-inner img{min-height:750px;}*/
	.dropdown-item.active, .dropdown-item:active{background-color: #969696;}

	.index-solution .swiper-pagination-bullet-active{width:30px; height:8px; border-radius:8px;}
	.index-solution {background:#eee; padding:3rem 15px; margin:0 -20px;}
	.index-solution .swiper-slide img {
		border:0;
		border-radius:30px;
	}

	.index-solution .swiper-slide{width:63%; max-width:1200px;}
	.index-solution .swiper-pagination{position:relative;}
	.index-solution .swiper-pagination-bullet-active{background:#000;}

	.index-solution .solut_swiper img{max-height:320px;}
	.index-solution h2{font-weight:800; font-size:2.6rem;}
	.index-solution h5{font-weight:800; font-size:1.5rem;}
	.index-solution .swiper-slide a:hover{color:#000;}
	.index-solution .txtbox{max-width:1200px; margin: 0 auto;}
	.index-solution .carousel-control-next-icon, .index-solution .carousel-control-prev-icon{width:4rem; height:4rem;}
	.index-solution .prev-btn, .index-solution .next-btn{display:none; border: 0;}
	.index-solution .swiper-slide-active .prev-btn, .index-solution .swiper-slide-active .next-btn{display:block;}

	.index-solution .carousel-control-prev-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
	}
	.index-solution .carousel-control-next-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}

	.index-solution .carousel-control-prev-icon:hover {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
	}
	.index-solution .carousel-control-next-icon:hover {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}

	.index-aboutus {
		width:100%;
		height: fit-content;
        padding-bottom: 38px;
		padding-top:4rem;
		background:url(/uploads/xwz/jjbg.jpg) center no-repeat;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		color:#eee;
	}

	.index-aboutus .maintxt{letter-spacing: 2px; line-height:1.8rem}
	.index-aboutus .container{max-width:999px;}
	.index-aboutus .count-item {font-weight:900; font-size: 3rem; }
	.index-aboutus h6{font-size: 1.1rem;}

	.page-collection{padding:30px;}
	.page-collection .note{margin-top:20px;}
	.page-collection #btnSave{margin-top:15px; background-color:#666; border-color:#666;}
	.page-collection .field-validation-valid[data-valmsg-for="Role"], .page-collection .field-validation-valid[data-valmsg-for="Channel"] {margin-top:30px; display:block;}

	.index-honour{padding:100px 10px;}
	.index-honour i{font-size:50px; color:#ba8f6f;}
	.index-honour h6{color:#888;}

	.index-footer {background:#000;}
	.index-footer dt{margin-bottom: 15px; font-size:16px; color:#fff;}
	.index-footer dd{margin-bottom: 10px; font-size:14px; color:#ddd;}
	.index-footer dt a{font-size:16px; color:#fff; text-decoration:none;}
	.index-footer dd a{font-size:14px; color:#ddd; text-decoration:none;}
	.index-footer .copyright{font-size:14px; color:#999; text-decoration:none;}
	.index-footer .copyright a{font-size:14px; color:#999; text-decoration:none;}
	.index-footer .copyright .footlogo{width: 220px; margin-top: -38px}
	.index-footer .fm-line{background-color:#ddd; height:2px; margin:15px auto; width:60px; opacity:0.9;}


	.index-product_tab{padding:3rem 0; background:#fff;}	
	.index-product_tab .cpbox{padding-left:0.8rem}	
	.index-product_tab .cpitem{margin-bottom:0.8rem; padding:0; margin-right:0.8rem; border-radius:20px; overflow:hidden; min-width:30%; position:relative;}
	.index-product_tab .cpitem img{width:100%; height:100%; transition: all 1s; cursor:pointer;}
	.index-product_tab .cpitem:hover img{transform: scale(1.2);}
	.index-product_tab .cpitem:hover .cptxt p:first-child{
		animation:fadeInDown 500ms;
		animation-delay:200ms;
		/*Safari 和 Chrome:*/
		-webkit-animation:fadeInDown 500ms;
	}

	.index-product_tab .cpitem:hover .cptxt p:last-child{
		animation:fadeInRightBig 800ms;
		animation-delay:500ms;
		/*Safari 和 Chrome:*/
		-webkit-animation:fadeInRightBig 800ms;
	}

	.index-product_tab .container{max-width:1180px}
	.index-product_tab .cptxt{position:absolute; left:0.8rem; top:0.8rem; color:#fff; padding: 3px 15px;}
	.index-product_tab .cptxt p{margin-bottom: 0.2rem;}
	.index-product_tab .cptxt p:first-child{opacity:0.9; font-weight:600;}
	.index-product_tab .cptxt p:last-child{font-size:2rem; font-weight:700; letter-spacing:2px;}

	.index-news{padding:3rem 0; background:#fff;}
	.index-news .news-scroll{padding:20px; background:#eee; overflow-y:scroll; height:44rem; margin-right: -12px;}
	.index-news .news-scroll .time{color:#666;}
	.index-news .news-scroll a{text-decoration:none; font-size:16px; color:#222; margin-bottom:20px; display:list-item; list-style-type:none;}
	.index-news .news-txt span{color:#ababab; padding-right:10px;} 
	.index-news .summary{overflow:hidden; text-overflow:ellipsis; height: 66px}
	.index-news .news-scroll-outer{background:#eee; padding:20px; border-radius:30px 0 0 30px; padding-right:0; overflow:hidden;}
	.index-news .news-imgtxt{margin-bottom: 15px;}
	.index-news .news-img{border-radius:30px; overflow:hidden;}
	.index-news .container{max-width:1200px;}
	.index-news .news-txt{padding: 10px 0;}
	.index-news .news-scroll .time{text-align:right; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
	.index-news .news-img img{width:100%; height:255px; transition: all 1.2s;}
	.index-news .news-img img:hover{transform: scale(1.2);}
	.index-news a:hover{color:#000;}
	.index-news .newtag{color:#777!important;}

	.crumb {background-color: #666;}
	.qqservice div.conbox>a{background-color:#333;}
	.qqservice{z-index:999;}
	.crumb .container .sitemap a{text-decoration:none;}

	.page-product-detail table.pramaters caption, .reproducts .prolist .item h3,.selectedproducts .tbproducts th.protitle, .page-about .leftcol ul li a.active{background-color: #666;}
	.page-product-detail table.pramaters tr:nth-child(2n+1) {background-color: #eee;}
	.page-product-detail .tab-container .tab-header1 a.active {border-bottom: 2px #666 solid;color:#666;}
	.page-product-detail .tech .tctitle, .page-product-detail .tctitle1{color:#666;}
	.owl-theme .owl-dots, .owl-theme .owl-nav{margin-top:15px;}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#666; width:10px; height:10px;}
	.page-about .leftcol ul li a.active, .page-products .actions button{
		background: #777;
		background: -webkit-linear-gradient(45deg,#777,#555);
		background: linear-gradient(45deg,#777,#555);
		color: #fff;
	}
	.page-service .content .tableone tr th{text-align:center;background-image: -webkit-linear-gradient(90deg, #333 0%,#666 100%);}
	.page-service .filters .item .inputgroup button,.paged ul li.active a{background: linear-gradient(to top,#333,#666);}
	.page-news .back a:hover {background-color: #666;}
	.page-news .back a{border: 1px #666 solid; color:#666;}
	caption{text-align:center; caption-side:top;}
	.paged ul li a{border: 1px #666 solid;}
	.paged ul li a:hover{background: linear-gradient(to top,#333,#666); color:#fff!important;}
	.qqservice .back-to-top a.conbox{background-color:#888;}
	.page-categories h3.title{padding-bottom:10px;}
	.phone-menu{position:absolute; right:20px; padding:0 5px; color:#fff; border:1px solid #fff; z-index:99999; font-size:2rem; border-radius:3px; top:0.7rem; cursor: pointer; line-height:2rem;}
	.page-solution .packaging .item h4{margin:1.5rem 0;}
	.page-enginee .hosts .item h4, .page-enginee .hosts .item p{margin:1rem 0;}
	.page-quality .quality-content .title, .page-quality .quality-content .three .item h3{margin:2rem 0;}
	.page-quality .quality-content .three .item p{line-height:2rem;}
	.page-quality .quality-content .des, .page-develop .title{margin: 1rem auto;}
	.page-home .a1 .item aside h4{margin:2.8rem 0;}
	.page-products h3{margin:2rem auto;}
	.page-about h3, .page-service h3{margin:2rem 0;}
	.page-news .art-header h1{color:#222;}
	.page-categories .item .txt a{line-height:2.2rem;}
	.pagination{display:block;}
	.tab-body .apps h3, .tab-body .tcth h3{margin:1.8rem;}
	.page-products .productlist .item a{margin-bottom:1.2rem;}
	.tbproducts td, .tbproducts th{border-right:1px dashed #ccc;}
	#particles-js{width:100%; height:100%; max-height:900px; position:absolute; left:0; top:0; opacity:0.3;}

	@media(max-width:768px){
		.index-news .news-scroll-outer{padding:10px; border-radius:20px;}    
		.index-news .news-scroll{margin-left:-20px; margin-right:-20px;}
		.index-aboutus{height:auto; padding:1.2rem;}
		.index-solution .swiper-slide{width:100%;}
		.index-news .news-scroll{overflow:hidden;}
		.index-solution{margin:0;}
		.index-product_tab .cpitem{min-width:40%;}
		.index-product_tab .cptxt p:first-child{font-size:0.8rem}
		.index-product_tab .cptxt p:last-child{font-size:0.8rem}
		.h-fixed{position:fixed; z-index:99999; width:100%; opacity:0.98;}
		.index-search{width:80%;}
		.index-search .w-50{width:80%!important;}
		.qrcodephone .iconfont{font-size:1.2rem; letter-spacing:6px;}
		.index-news .news-img{border-radius:10px;}
		.page-product-detail table.pramaters th{width:90px;}
		.page-product-detail table.pramaters td{overflow-wrap: break-word; word-break: break-all;}
		.index-news .news-img img{height:100%;}
		.banner > .container {text-align:center;}
	}


	@media(min-width: 768px) and (max-width: 1399px){
		.sol_item .d-md-block {display: none!important;}
		.index-product_tab .cptxt p:first-child{font-size:0.8rem}
		.index-product_tab .cptxt p:last-child{font-size:1.6rem}
		.index-solution .txtbox {zoom:0.8;}
		.qqservice{zoom:0.8;}
		
	}


	.offcanvas {background:#000; z-index:99999;}
	.nav__list-item{opacity:1;background:#333;}
	.nav__content{padding-top:60px;}
	.nav__content a{font-size:1.2rem;}
	
	.dropdown{position:static;}
	.staticer{position:static!important;}
	.relater{position:relative!important;}
	.menuimgtxt{max-width:fit-content;}
	
    .hoverable {
        transition: all .2s ease-in-out;
        transform: scale(1);
    }
    
    .hoverable:hover {
        transform: scale(1.1);
    }