*{
	font-family: "微软雅黑";
}
.center_width{
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}
ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
p{
	margin-bottom: 0;
	line-height: .3rem;
}
a{
	text-decoration: none !important;
}
html{font-size: 625%;}
/*首页导航*/
body{
	position: relative;
}
.mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	top: 0;
	left: 0;
	display: none;
	z-index: 2;
}
.navbar-default .navbar-brand{
	padding-top: .15rem;
	margin-right: .7rem;
	height: .83rem;
}
.navbar-brand>img{
	width: 1.84rem;
	height: .62rem;
}
.navbar-default{
	border: 0;
	height: .83rem;
	background: #fff;
	margin-bottom: 0;
	border-radius: 0;
}
.navbar-default .container>.navbar-header{
	height: .83rem;
	position: relative;
}
.navbar-default .navbar-nav>li.pc{
	display: block;
}
.navbar-default .navbar-nav>li.mobile{
	display: none;
}
.navbar-default .navbar-nav>li{
	border-bottom: 0;
}
.navbar-default .navbar-nav>li>a{
	height: .83rem;
	line-height: .83rem;
	padding: 0 .15rem;
	transition: background .3s linear;
	color:#383838;
	font-size: .16rem;
}
.navbar-default .navbar-nav>li.on>a,.navbar-default .navbar-nav>li:hover>a{
	color:#fff;
	background: #0068B7;
}
.dropdown{
	float: right;
}
.dropdown > li{
	height: .83rem;
	line-height: .83rem;
	font-size: .16rem;
	cursor: pointer;
	-moz-user-select:none;
}
.dropdown-menu{
	border-radius: 0;
	margin-top: 0;
	min-width: .8rem;
	text-align: center;
	cursor: pointer;
	background: rgba(0,104,183,.7);
	border: 0;
}
.dropdown-menu li{
	line-height: .3rem;
	font-size: .16rem;
	padding: 0 .1rem;
	color: #fff;
	background: rgba(0,104,183,0.1);
	transition: all .3s linear;
}
.dropdown-menu li:hover{
	background: rgba(21,160,255,.7);
}
/*.language{
	float: right;
	cursor: pointer;
}
.language li{
	position: relative;
	height: .83rem;
	line-height: .83rem;
}
.language li img{
	display: inline-block;
	margin-left: .1rem;
}
.language li ul{
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 2;
	display: none;
}*/
/*.language > li:hover ul{
	display: block;
}*/
.language li ul li{
	width: 100%;
	background: #fff;
	height: .4rem;
	line-height: .4rem;
	padding: 0 .1rem;
	color:#000;
}
.language li ul li:hover{
	background: #EEE;
}

.navbar-nav>li{
	position: relative;
	/*border-bottom: 1px solid #f8f8f8;*/
}
.navbar-nav>li ul{
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 2.1rem;
	background: rgba(0,104,183,.7);
	padding: .15rem 0 .2rem;
	display: none;
	z-index: 9;
}
.navbar-nav>li ul li{
	line-height: .3rem;
	overflow: hidden;
}
.navbar-nav>li ul li a{
	color: #fff;
	font-size: .16rem;
	padding: 0 .08rem;
	display: block;
	width: 100%;
	transition: background .3s linear;
	background: rgba(0,104,183,0.1);
	/*border-bottom: 1px solid #ccc;*/
}
.navbar-nav>li ul li:hover a{
	background: rgba(21,160,255,.7);
}
#carousel-example-generic,.banner{
	margin-top: .83rem;
}

.dropdown-menu>li>a{
	color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background: none;
	color: #fff;
}
/*底部*/
.footer{
	overflow: hidden;
	width: 100%;
	background: #333;
	padding-bottom: .2rem;
}
.footer .left{
	overflow: hidden;
	padding-top: .3rem;
}
.footer .left p,.footer .left h4,.footer .right p,.footer.mobile p,.footer.mobile h4{
	color: #ddd;
	font-size: .14rem;
	line-height: .24rem;
}
.footer .left h4{
	margin: .2rem 0 0;
}
.footer .left span{
	margin-left: .4rem;
}
.footer .left span,.footer .left span a{
	color: #ddd;
	font-size: .14rem;
}
.footer .right{
	padding-top: .25rem;
}
.footer .right p{
	float: left;
	margin: .35rem 0 0 1rem;
}
.footer .right img{
	float: right;
	display: block;
	width: .96rem;
	height: .96rem;
}
.banner.mobile,.footer.mobile{
	display: none;
}
.footer.mobile .box{
	overflow: hidden;
}
.banner img{
	display: block;
	width: 100%;
}

body{
	position: relative;
}
.fixed{
	overflow: hidden;
	z-index: 3;
	right: 10px;
	bottom: 1.6rem;
	position: fixed;
	cursor: pointer;
}
.fixed img{
	width: .54rem;
	height: .54rem;
}
@media (max-width: 1600px){
	.fixed{
		right: 10px;
	}
}
@media (min-width: 1200px){
	.common_center{
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	.container{
		width: 1200px;
		padding: 0;
	}
	.solution .right .content,.product .right .content{
		padding: 0 !important;
	}
	.solution .right .content li{
		margin-right: .55rem !important;
		width: 29% !important;
		padding: 0 !important;
	}
	.product .right .content li{
		margin-right: .55rem !important;
		width: 29% !important;		
	}
	.solution .right .content li:nth-child(3n),.product .right .content li:nth-child(3n){
		margin-right: 0 !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	html{font-size: 500%}
	.navbar-default .navbar-brand{
		margin-right: .3rem;
	}
	.news ul li{
		margin-right: 0 !important;
	}
	.footer .right p{
		margin-left: .8rem !important;
	}
	.solution .left,.news .left{
		width: 25% !important;
	}
	.solution .right,.news .right{
		width: 75% !important;
	}
	.solution .right .content,.product .right .content{
		padding: 0 !important;
	}
	.solution .right .content li{
		margin-right: .3rem !important;
		width: 30% !important;
		padding: 0 !important;
	}
	.product .right .content li{
		margin-right: .3rem !important;
		width: 30% !important;		
	}
	.solution .right .content li:nth-child(3n),.product .right .content li:nth-child(3n){
		margin-right: 0 !important;
	}
	.news .right a .font{
		width: 3.8rem !important;
	}
	.product_detail .detail .info div:first-child,.product_detail .detail .info div:last-child{
		width: 25% !important;
	}
	.case .case_list li a .layer{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	html{font-size: 450%}
	.container{
		width: 100%;
		padding: 0;
	}
	.navbar-default .navbar-brand{
		margin-right: 0;
	}
	.case .box .list{
		height: 100% !important;
	}
	.footer .right p{
		margin-left: .5rem !important;
	}
	.product .box > a.left{
		left: 15px;
	}
	.product .box > a.right{
		right: 15px;
	}
	.solution .left,.news .left{
		width: 25% !important;
	}
	.solution .right,.news .right{
		width: 75% !important;
	}
	.solution .right .content li,.product .right .content li{
		margin-right: .3rem !important;
		width: 30% !important;
		padding: 0 !important;
	}
	.solution .right .content li:nth-child(3n),.product .right .content li:nth-child(3n){
		margin-right: 0 !important;
	}
	.product_detail .detail .info div:first-child,.product_detail .detail .info div:last-child{
		width: 25% !important;
	}
	.case .case_list li a .layer{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 840px){
	.dropdown{
		display: none;
	}
	.navbar-default .navbar-nav>li>a{
		padding: 0 .14rem;
	}
	.movie ul li{
		width: 50% !important;
	}
	.navbar-default .navbar-brand{
		margin-right: 0;
	}
	.honour .box h1, .case .box h1{
		width: 90% !important;
    	margin: 0 auto !important;
    }
    .honour .box h1::before,.case .box h1::before{
    	width: 1.45rem !important;
		left: 8px !important;
    }
    .honour .box h1::after,.case .box h1::after{
    	width: 1.45rem !important;
		right: 8px !important;
    }
}
@media (max-width: 430px){
	.product_detail .detail .info span{
		display: block !important;
	}
	.product_detail .detail .info .size,.product_detail .detail .info .size span{
		float: none !important;
		height: auto !important;
	}
	.product_detail .detail .info .size span .br{
		display: none !important;
	}
}
@media (max-width: 406px){
	.product .box .content p span{
		display: block !important;
	}
}
.mobile{
	display: none;
}
@media (max-width: 767px){
	html{font-size: 400%;}
	.common_center{
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
	}
	.container{
		width: 100%;
		padding: 0;
	}
	.mobile{
		display: block;
	}
	.banner.mobile img{
		display: block;
		width: 100% !important;
	}
	.container>.navbar-header{
		width: 100%;
	}
	#carousel-example-generic,.footer{
		display: none;
	}
	.banner{
		display: none !important;
	}
	.banner.mobile,.footer.mobile{
		display: block !important;
	}
	.navbar-brand>img{
		margin-left: .15rem;
	}
	.navbar-default .navbar-toggle{
		border: 0;
		margin-right: 0;
		padding-right: 0;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: #0068b7;
		width: .31rem;
		height: .05rem;
		border-radius: 0;
	}
	.navbar-default .navbar-header .menu{
		display: block;
		width: .31rem;
		height: .23rem;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background: none;
	}
	.footer.mobile img{
		display: block;
		width: .96rem;
		height: .96rem;
		margin: .4rem auto .1rem;
	}
	.footer.mobile p,.footer.mobile h4{
		text-align: center;
		line-height: .35rem;
	}
	.footer.mobile span{
		margin-left: .4rem;
	}
	.footer.mobile span,.footer.mobile span a{
		color: #ddd;
		font-size: .14rem;
	}
	.navbar-fixed-top .navbar-collapse{
		max-height: 1000px;
		width: 49%;
		background: #191818;
		position: absolute;
		top: 0;
		right: 0;
		padding-left: 0;
	}
	.navbar-nav{
		margin: 0 !important;
		min-height: 1000px;
	}
	.navbar-default .navbar-nav>li.pc{
		display: none;
	}
	.navbar-default .navbar-nav>li.mobile{
		display: block;
	}
	.navbar-fixed-top .navbar-collapse{
		border: 0;
	}
	.navbar-default .navbar-nav>li.mobile.close_icon a{
		display: block;
		height: .7rem;
		line-height: .7rem;
	}
	.navbar-default .navbar-nav>li.mobile.close_icon a img{
		display: block;
		width: .17rem;
		height: .17rem;
		float: right;
		margin: .25rem .13rem .25rem 0;
	}
	.navbar-default .navbar-nav>li.mobile.close_icon a span{
		display: block;
		width: .45rem;
		height: .7rem;
		float: right;
	}
	.navbar-default .navbar-nav>li.mobile.language p{
		width: 100%;
		height: .6rem;
		line-height: .6rem;
		font-size: .16rem;
		padding-left: .15rem;
		border-top: 1px dashed #303030;
	}
	.navbar-default .navbar-nav>li.mobile.language p a{
		color:#585858;
		position: relative;
	}
	.navbar-default .navbar-nav>li.mobile.language p a:first-child{
		margin-right: .25rem;
	}
	.navbar-default .navbar-nav>li.mobile.language p a:first-child::after{
		content:"";
		display: block;
		width: 1px;
		height: 13px;
		position: absolute;
		top: 2px;
		right: -8px;
		background: #686868;
	}
	.navbar-default .navbar-nav>li.mobile.language p a.active{
		color:#30a7e0;
	}
	.navbar-nav>li ul{
		width: 100%;
		position: relative;
		padding: 0;
	}
	.navbar-default .navbar-nav>li>a{
		color:#585858;
		background: none;
		height: .6rem;
		line-height: .6rem;
	}
	.navbar-default .navbar-nav>li.on>a,.navbar-default .navbar-nav>li:hover>a{
		color:#30a7e0;
		background: none;
	}
	.navbar-nav>li ul li a{
		height: .83rem;
		line-height: .83rem;
		background: #e8e8e8;
		color: #383838;
	}
	.navbar-nav>li ul li a:hover{
		background: #0068B7;
		color: #fff;
	}
	.navbar-default .navbar-brand{
		padding-top: .1rem;
	}
	.fixed{
		right: .1rem;
		bottom: 4rem;
	}
	.about .left,.solution .left,.news .left{
		width: 100% !important;
		padding-top: .15rem !important;
	}
	.solution .left .big,.product .left .big{
		width: 2000px;
		/*padding-left: .1rem;*/
		overflow: hidden;
		position: relative;
	}
	.about .left .mobile_nav,.news .left .mobile_nav{
		overflow: hidden !important;
		width: 90% !important;
		margin: 0 auto .3rem !important;
	}
	.solution .left .mobile_nav,.product .left .mobile_nav{
		overflow: hidden !important;
		width: 90% !important;
		margin: 0 auto .3rem !important;
		padding-bottom: .2rem !important;
		position: relative !important;
		background: url("../images/jiantou.png") left bottom no-repeat;
		background-size: 100%;
	}
	.solution .left .mobile_nav .bottom_line,.product .left .mobile_nav::after{
		/*content:"";*/
		width: 48.5%;
		height: 1px;
		background: #0068B7;
		position: absolute;
		left: 0;
		bottom: 3px;
	}
	.movie ul li a .img,.movie ul li .layer,.movie ul li{
		height: 100% !important;
		margin-bottom: 0 !important;
	}
	.news ul li img{
		height: 100% !important;
	}
	.about .right,.solution .right{
		width: 100% !important;
	}
	.solution .left h1,.news .left h1,.product .left h1,.product_detail .box h2{
		display: none;
	}
	.honour .box > p, .case .box > p, .case_detail .box h2,.solution .right h2,.solution_detail .box h2,.news .right h2,.news_detail .box h2,.news_detail .detail .title a.back,.product .right h2{
		display: none !important;
	}
	.solution_detail,.news_detail,.case_detail,.product_detail{
		background: #fff !important;
	}
	.product_detail .explain{
		background: #F9F9F9 !important;
	}
	.about .left ul li,.news .left ul li{
		float: left;
		margin-right: .2rem !important;
	}
	.solution .left ul li{
		float: left;
	}
	.about .left ul li a,.solution .left ul li a,.news .left ul li a{
		background: #fff !important;
		color: #555555 !important;
		border: 1px solid #DBD9D9 !important;
		width: 1.48rem !important;
		height: .4rem !important;
		line-height: .4rem !important;
	}
	.about .left ul li.active a,.solution .left ul li.active a,.news .left ul li.active a{
		color: #0068B7 !important;
		border: 1px solid #0068B7 !important;
	}
	.honour,.case{
		padding-top: .25rem !important;
	}
	.case_detail,.solution_detail,.solution{
		padding-bottom: 0 !important;
	}
	.solution_detail .detail a{
		margin: .25rem 0 .7rem !important;
	}
	.news_detail{
		padding-bottom: 1rem !important;
	}
	.case .case_list li:last-child{
		display: block !important;
	}
	.honour .box .page,.case .page{
		width: 100% !important;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		margin: .2rem auto 0 !important;
	}
	.solution .page,.news .page,.product .page{
		width: 100% !important;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		margin: .2rem auto 0 !important;
	}
	.honour .box .content li{
		padding: 0 5px !important;
		margin-bottom: 0 !important;
	}
	.honour .box .content li p{
		height: .64rem !important;
	}
	.honour .box h1, .case .box h1{
		width: 90% !important;
    	margin: 0 auto !important;
    }
    .honour .box h1::before,.case .box h1::before{
    	width: 1.45rem !important;
		left: 8px !important;
    }
    .honour .box h1::after,.case .box h1::after{
    	width: 1.45rem !important;
		right: 8px !important;
    }
	.solution .right .content{
		padding: 0 !important;
	}
	.solution .right .content li{
		margin-right: 4% !important;
		width: 48% !important;
		padding: 0 !important;
	}
	.solution .right .content li p{
		-webkit-line-clamp: 6 !important;
	}
	.solution .right .content li:nth-child(2n){
		margin-right: 0 !important;
	}
	.news .right{
		width: 100% !important;
	}
	.news .right a > img{
		padding: 0;
		margin-right: 0 !important;
	}
	.news .right a .font{
		width: 50% !important;
	}
	.news .right a .time{
		padding-left: .15rem !important;
	}
	.news_detail .detail .img{
		width: 100% !important;
	}
	.news_detail .detail .img img{
		margin: 0 auto !important;
		height: auto !important;
	}
	.news_detail .detail .title .left{
		float: none !important;
	}
	.news_detail .detail h1{
		text-align: center;
		margin: .1rem auto !important;
	}
	.news_detail .detail .title p{
		text-align: center;
	}
	.news_detail .detail p span{
		margin-right: .15rem !important;
	}
	.news_detail .detail p span:last-child{
		margin-right: 0 !important;
	}
	.contact{
		padding-bottom: 1rem !important;
	}
	.contact p{
		width: 90% !important;
		margin: 0 auto .15rem !important;
	}
	.contact .info .left{
		margin-bottom: .2rem !important;
	}
	.contact .info .right{
		padding-left: 15px !important;
	}
	.contact .info .right img{
		float: left !important;
		height: auto !important;
	}
	.contact .info:last-child{
		border-bottom: 1px solid #f4f4f4;
	}
	.contact .info ul li::before{
		top: .1rem !important;
	}
	.product_detail .detail .info{
		padding-bottom: 0 !important;
	}
	.product_detail .detail .info .mobile{
		display: block !important;
	}
	/*.product_detail .detail .info div:first-child,.product_detail .detail .info div:last-child{
		width: 50% !important;
	}*/
	.case .case_list li a .layer{
		display: none !important;
	}
	
	.solution .left ul,.product .left ul{
		display: none !important;
	}
	.solution .left ul.mobile_nav,.product .left ul.mobile_nav{
		display: block !important;
	}
	.swiper-container {
    	width: 100%;
	}
	.swiper-slide {
	    text-align: center;
	    background: #fff;
	    /* Center slide text vertically */
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -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-scrollbar{
		width: 97.8%;
		opacity: 1 !important;
		position: absolute !important;
		bottom: 3px !important;
		left: 0;
	}
	.swiper-scrollbar-drag{
		height: 1px;
		background: #1574BD;
	}
	.dropdown{
		display: none;
	}
}

@media (max-width: 330px){
	.product_detail .detail .info .size span .br{
		display: block !important;
	}
}