@charset "utf-8";
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:52px;background-color:rgba(0,0,0,0.8);z-index:9700;display:none;}
.sj_head{width:100%;height:52px;padding:0 4%;position:fixed;left:0;top:0;z-index:9900;background:#FFF;display:none;}
.sj_head_logo{width:80%;height:52px;float:left;overflow:hidden;}
.sj_head_logo img{width:auto;height:32px;margin-top:10px;float:left;}
.sj_head_logo b{width:auto;height:52px;float:left;font-size:18px;color:#FFF;line-height:72px;font-family:Tahoma, Geneva, sans-serif;}

.sj_head_bar{width:7%;max-width:30px;height:47px;padding:10px 0;position:absolute;right:4%;top:2px;z-index:9;cursor:pointer;}
.sj_head_bar .bar{width:100%;height:3px;margin:3px auto;display:block;background-color:#333;float:left;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav_all{width:100%;height:100%;padding:52px 0;position:fixed;left:0;top:0;display:none;overflow:auto;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:9800;}
.sj_nav{width:100%;height:100%;overflow:auto;}
.sj_nav_li{margin:0 4%;position:relative;}
.sj_nav_li .navn{
    font-size: 16px;
    color: #FFF;
    display: block;
    line-height: 48px;
    height: 69px;
	padding:10px 0;
	border-bottom:1px solid rgba(73, 73, 73, 0.59);
    transition: all 0.36s;
	cursor:pointer;
	position:relative;
}
.sj_nav_li .navn span{
    display: block;
    background: url(../images/right_arrow.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:6px;
	top:28px;
}
.sj_nav_li.current .navn span{transform: rotate(90deg);}

.sj_nav_li_son{margin:0 4%;font-size:16px;display:block;background:rgba(0,0,0,1);display:none;}
.sj_nav_li_son_li{height:69px;line-height:48px;padding:10px 4%;font-size:16px;color:#FFF;display:block;border-bottom:1px solid rgba(73, 73, 73, 0.59);position:relative;cursor:pointer;}
.sj_nav_li_son_li span{
    display: block;
    background: url(../images/right_arrow.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:calc(4% + 6px);
	top:28px;
}

@media screen and (max-width: 1800px){
	.index-product-type li{padding:30px 0;padding-left:40%;}
}
@media screen and (max-width: 1680px){
	.index-product-type li{padding:20px 0;padding-left:40%;}
	.index-reason{height:720px}
}
@media screen and (max-width: 1440px){
	.header .tel p{font-size:14px;}
	.index-product-type{padding-bottom:60px;}
	.index-product-type li{padding:15px 0;padding-left:40%;}
	.index-product-type li .txt h3{font-size:16px;}
	.index-advantage-list li .txt{font-size:18px;}
	.index-advantage-swiper .swiper-slide .txt{padding:4% 4% 0;}
	.index-advantage-swiper .swiper-slide .txt .des{margin-top:5%;}
	.index-advantage-swiper .swiper-slide .txt .more{margin-top:5%;}
	.index-reason{height:640px}
	.inner-company-culture-list{height:586px;}
}
@media screen and (max-width: 1200px){
	.pub{width:90%;}
	.header .nava li .li-b{font-size:14px;}
	.header .tel p{font-size:12px;}
	
	.index-company-left{width:56%;float:left;}
	.index-company-left h1{font-size:30px;line-height:36px;padding:46px 0 10px;background-size:100% 80px;}
	.index-company-left i{font-size:20px;line-height:32px;}
	.index-company-left ul li{margin-top:50px;}
	.index-company-earth{width:44%;}
	
	.index-product-title .title{padding-right:200px;}
	.index-product-title .title h2{font-size:30px;line-height:36px;}
	.index-product-type{padding-bottom:40px;}
	.index-product-type li{padding:10px 0;padding-left:20%;}
	.index-product-list{width:66%;margin-left:4%;margin-right:5%;}
	
	.index-advantage-title h1{font-size:30px;line-height:36px;padding:46px 0 10px;background-size:auto 80px;}
	.index-advantage-list li .txt{font-size:16px;}
	.index-advantage-box{margin-top:40px;padding:30px;}
	.index-advantage-swiper .swiper-slide .img{width:50%;}
	.index-advantage-swiper .swiper-slide .txt{width:50%;padding:3% 4% 0;}
	.index-advantage-swiper .swiper-slide .txt .title .icon{width:40px;padding-bottom:8px;margin-right:30px;}
	.index-advantage-swiper .swiper-slide .txt .title .icon img{height:40px;}
	.index-advantage-swiper .swiper-slide .txt .title .con h3{font-size:30px;line-height:36px;}
	.index-advantage-swiper .swiper-slide .txt .title .con p{line-height:20px;margin-top:0;}
	.index-advantage-swiper .swiper-slide .txt .des{height:60px;}
	
	.index-reason{height:600px}
	.index-reason-title{width:36%;}
	.index-reason-title h2{font-size:30px;line-height:36px;}
	.index-reason-title i{font-size:20px;line-height:32px;}

	.index-title h2{font-size:30px;line-height:36px;}
	
	.index-process-list li:nth-of-type(1){padding:6% 4% 6% 5%;}
	.index-process-list li:nth-of-type(2){padding:6% 5% 6% 4%;}
	
	.index-news-list a .img span{width:45%;font-size:14px;}
	.index-news-list a .title{font-size:18px;margin-top:10px;}
	.index-news-list a p{margin-top:0px;}
	
	.inner-company-culture-list{height:506px;}
	
	.productDetails-img{width:420px;}
	.productDetails-info{width: calc(100% - 440px);height:420px;}
	.productDetails-info .con{height:190px;}
	.productDetails-info .parm{margin-top:10px;}
	.productDetails-info .tips{height:72px;font-size:15px;line-height:24px;}
	.productDetails-info .link{font-size:14px;margin-right:10px;margin-top:20px;padding:0 15px;}
	.productDetails-info .tel{font-size:14px;padding:0 15px;}

	

}
/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:52px;}
	.pub{width:100%;padding-left:4%;padding-right:4%;}
	.header{display:none;}
	.sj_head{display:block;}
	.swiper-banner{top:52px;}
	
	.main .box{padding:6% 0;}
	.main .box2{padding:0 0 6%;}
	.more{width:50%;height:42px;font-size:15px;line-height:42px;margin:3% auto 0;}

	
	.index-company-left{width:100%;}
	.index-company-left h1{font-size:20px;line-height:24px;padding:6px 0;background-size:auto 36px;}
	.index-company-left i{font-size:16px;line-height:24px;}
	.index-company-left .con{font-size:15px;line-height:24px;margin-top:3%;}
	.index-company-left .more{display:none;}
	.index-company-left ul li{width:46%;margin:6% 2% 0;}
	.index-company-left ul li .num{font-size:20px;line-height:36px;}
	.index-company-left ul li .num b{font-size:32px;}
	.index-company-left ul li .tips{height:40px;font-size:14px;color:#999;line-height:20px;overflow:hidden;}
	.index-company-earth{width:90%;margin-left:5%;}


	.index-product-title .title{padding-right:0;}
	.index-product-title .title h2{font-size:20px;line-height:24px;}
	.index-product-title .title p{font-size:15px;line-height:24px;margin-top:3%;color:#666;}
	.index-product-title .more{display:none;}
	
	.index-product-type{width:100%;padding-bottom:0;margin-top:6%;}
	.index-product-type li{width:50%;padding:2% 4%;float:left;}
	.index-product-type li .txt h3{font-size:16px;color:#666;}
	.index-product-type li .txt p{font-size:12px;color:#999;}

	.index-product-list{width:92%;margin:6% 4%;}
	.index-product-list-swiper .swiper-nav{height:32px;line-height:32px;padding-right:0;margin-top:6%;}
	.index-product-list-swiper .swiper-nav .swiper-nav-btn{width:100px;}
	.index-product-list-swiper .swiper-nav .swiper-nav-btn>a{width:32px;height:32px;margin-right:10px;line-height:30px;}
	.index-product-list-swiper .swiper-nav .swiper-nav-line{width: calc(100% - 200px);margin-top:18px;}
	.index-product-list-swiper .swiper-nav .swiper-nav-number{height:32px;line-height:32px;font-size:15px;overflow:hidden;}
	.index-product-list-swiper .swiper-nav .swiper-nav-number span{font-size:20px;}
	
		
	.index-relevant{padding:6% 0;font-size:16px;line-height:24px;}
	.index-relevant .pub{height:auto;display: block;}
	.index-relevant-title{width:100%;}
	.index-relevant-list{height:48px;font-size:15px;margin-top:3%;}
	.index-relevant-list li{margin:0 10px 0 0;}
	
	
	.index-advantage-title h1{font-size:20px;line-height:24px;padding:6px 0;background-size:auto 36px;}
	.index-advantage-title p{font-size:15px;line-height:24px;color:#666;}
	
	.index-advantage-list{margin-top:3%;}
	.index-advantage-list li{width:32%;margin-top:3%;}
	.index-advantage-list li .icon{width:42px;height:42px;}
	.index-advantage-list li .icon>div>p{padding:9px;}
	.index-advantage-list li .icon>div>p>img{height:24px;}
	.index-advantage-list li .txt{font-size:14px;color:#333;margin-top:0;}
	.index-advantage-list i{width:2%;height:42px;margin-top:3%;}
	.index-advantage-list i.m{display:none;}
	
	.index-advantage-box{margin-top:6%;padding:0;background:none;}
	.index-advantage-swiper .swiper-slide{padding:4%;background-color:#f2f7fb;}
	.index-advantage-swiper .swiper-slide .txt{width:46%;height:auto;padding:0;float:right;}
	.index-advantage-swiper .swiper-slide .txt .title{display: -webkit-block;display: block;}
	.index-advantage-swiper .swiper-slide .txt .title .icon{width:24px;padding-bottom:3%;border:none;}
	.index-advantage-swiper .swiper-slide .txt .title .icon img{height:20px;}
	.index-advantage-swiper .swiper-slide .txt .title .con h3{font-size:18px;line-height:24px;}
	.index-advantage-swiper .swiper-slide .txt .title .con p{font-size:12px;line-height:16px;margin-top:0;}
	.index-advantage-swiper .swiper-slide .txt .des{display:none;}
	.index-advantage-swiper .swiper-slide .txt .more{display:none;}
	.index-advantage-swiper .swiper-slide .m-des{display:block;}
	
	
	.index-reason{padding:6% 0;height:auto;}
	.index-reason-title{width:100%;margin-top:0;}
	.index-reason-title h2{font-size:20px;line-height:24px;}
	.index-reason-title i{font-size:16px;line-height:24px;margin-top:0;}
	.index-reason-title p{font-size:15px;line-height:24px;margin-top:3%;}
	.index-reason-title .more{display:none;}
	
	.index-reason-list{width:100%;height:auto;margin-top:6%;}
	.index-reason-list li{width:100%;height:auto;padding:6% 4%;display:-webkit-block;display:block;}
	.index-reason-list li:after{width: 100%;left: 0;background-color: rgba(0,0,0,0.3);}
	.index-reason-list li .title{writing-mode:horizontal-tb;font-size:18px;line-height:24px;}
	.index-reason-list li .title i{font-size:14px;margin-top:0;line-height:20px;display:block;}
	.index-reason-list li .con{display:none;}
	.index-reason-list li .con2{display:block;}
	.index-reason-list:hover li:hover{width:100%;}
	.index-reason-list:hover li:not(:hover){width:100%;}
	
	
	.index-title h2{font-size:20px;line-height:24px;}
	.index-title h2:before{top: 5px;}
	.index-title h2:after{top: 5px;}
	.index-title i{font-size:15px;color:#666;line-height:24px;margin-top:0;padding-bottom:8px;}
	
	
	.index-shows-list{margin-top:3%;}
	.index-shows-list a{width:48.5%;margin-top:3%;margin-right:3%;margin-left:0;}
	.index-shows-list a:nth-of-type(1){width:48.5%;margin-right:3%;}
	.index-shows-list a:nth-of-type(2n){width:48.5%;margin-right:0;}
	.index-shows-list a:nth-of-type(5){display:none;}
	
	
	.index-process-list{margin-top:6%;}
	.index-process-list li{width:100%;}
	.index-process-list li:nth-of-type(1){padding:6% 4%;}
	.index-process-list li:nth-of-type(2){padding:6% 4%;}
	
	
	.index-news-list{margin-top:2%;}
	.index-news-list a{width:100%;margin-left:0;margin-top:4%;}
	.index-news-list a .img{width:36%;float:left;}
	.index-news-list a .img span{display:none;}
	.index-news-list a .title{width:60%;height:24px;font-size:15px;line-height:24px;margin-top:0;float:right;}
	.index-news-list a p{width:60%;height:40px;font-size:14px;line-height:20px;margin-top:2%;float:right;}
	
	
	.inner{margin-top:0;}
	.inner .box{padding:6% 0;}
	.inner-location{display:none;}

	.inner-banner{height:auto;}
	.inner-title h2{font-size:20px;line-height:24px;}
	.inner-title h3{font-size:12px;line-height:20px;}

	
	.inner-company-profile{width:100%;margin-left:0;padding:6% 0;}
	.inner-company-profile h1{font-size:16px;line-height:24px;margin-bottom:3%;display:none;}
	.inner-company-profile p{font-size:15px;line-height:24px;}
	
	.inner-company-advataage-left{width:100%;}
	.inner-company-advataage-left ul li{margin-top:6%;}
	.inner-company-advataage-left ul li i{font-size:30px;line-height:1px;}
	.inner-company-advataage-left ul li b{font-size:16px;line-height:32px;}
	.inner-company-advataage-left p{font-size:15px;line-height:24px;}
	.inner-company-advantage-right{width:36%;margin-top:6%;}
	
	.inner-company-shows-list{margin-top:3%;}
	.inner-company-shows-list a{width:48.5%;margin-top:3%;margin-right:3%;}
	.inner-company-shows-list a:nth-of-type(2n){margin-right:0;}
	.inner-company-shows-list a .productMobile{color:#FFF;}
	
	.inner-company-honor-list{margin-top:6%;}
	.inner-company-honor-list .swiper-nav-btn{width:84px;line-height:30px;margin:6% auto 0;}
	.inner-company-honor-list .swiper-nav-btn>a{width:32px;height:32px;margin:0 5px;}
	
	.inner-company-culture-list{height:auto;}
	.inner-company-culture-list li{width:100%;height:auto;padding:6% 0;border-right:none;border-bottom:1px solid #acd0e9;}
	.inner-company-culture-list li:nth-of-type(4n){border-bottom:0;}
	.inner-company-culture-list li img{height:32px;}
	.inner-company-culture-list li h3{font-size:18px;line-height:24px;margin:2% 0;}
	.inner-company-culture-list li i{width:1px;height:20px;}
	.inner-company-culture-list li p{height:auto;font-size:15px;line-height:24px;margin-top:2%;}
	
	
	.inner-application-box .container h2{width:100%;font-size:18px;line-height:24px;}
	.inner-application-box .container p{width:100%;font-size:15px;line-height:24px;margin:8% auto;}
	.inner-application-box .container span{width:auto;height:40px;font-size:18px;line-height:36px;}
	
	.inner-news-list{min-height:300px;}
	.inner-news-list a{width:100%;margin-bottom:4%;margin-right:0;}
	.inner-news-list a .img{width:36%;float:left;}
	.inner-news-list a .container{width:56%;padding:0;margin-right:4%;float:right;}
	.inner-news-list a .title{height:24px;font-size:15px;line-height:24px;margin-top:2%;}
	.inner-news-list a .con{height:40px;font-size:14px;line-height:20px;margin-top:1%;}
	.inner-news-list a .time{display:none;}
	.inner-news-list a span{height:1px;}
	
	
	.inner-contact-tel{width:100%;}
	.inner-contact-tel h2{font-size:20px;line-height:24px;padding-bottom:12px;}
	.inner-contact-tel h2:after{width:40px;}
	.inner-contact-tel i{font-size:15px;line-height:24px;margin-top:3%;}
	.inner-contact-tel ul{margin-top:6%;}
	.inner-contact-tel ul li{margin-top:6%;}
	.inner-contact-tel ul li .txt{padding-left:15px;}
	.inner-contact-tel ul li .txt p{font-size:15px;}
	.inner-contact-tel ul li .txt p:nth-of-type(2){font-size:16px;margin-top:1%;}
	.inner-contact-tel .erweima{margin-top:6%;}
	.inner-contact-map{width:100%;height:200px;position:relative;margin-top:10%;}
		
	
	.inner-message-title{width:100%;margin-top:0;}
	.inner-message-title h2{font-size:20px;line-height:24px;}
	.inner-message-title h2:after{width:40px;}
	
	.inner-message-title i{font-size:15px;line-height:24px;margin-top:3%;}
	.inner-message-title .tel{font-size:15px;line-height:24px;margin-top:6%;}
	.inner-message-title .tel p{font-size:18px;line-height:32px;}
	
	.inner_message_form{width:100%;margin-top:10%;}
	.inner_message_form .input .input-name{font-size:15px;line-height:24px;color:#999;}
	.inner_message_form .input input{height:40px;margin-bottom:4%;font-size:15px;line-height:40px;}
	.inner_message_form .guestimg{width:120px;height:39px;top:24px;}
	.inner_message_form .submit{width:46%;height:40px;margin-top:2%;line-height:40px;}
	.inner_message_form .submit:hover{border-radius:20px;}	
	
	
	.inner-product-type{height:42px;}
	.inner-product-type .title{width:30%;height:40px;font-size:16px;line-height:40px;}
	.inner-product-type ul{width:70%;height:40px;}
	.inner-product-type ul li{height:40px;font-size:13px;line-height:40px;}
	.inner-product-type .in{display:none;}
	
	.inner-product-list{margin-bottom:4%;}
	.inner-product-list a{width:48.5%;margin-top:3%;margin-right:3%;}
	.inner-product-list a:nth-of-type(2n){margin-right:0;}
	
	.inner-product-title h2{font-size:20px;line-height:24px;}
	.inner-product-title i{font-size:12px;line-height:20px;}
	
	.inner-product-class{margin-top:2%;text-align:center;}
	.inner-product-class a{
		height:34px;
		font-size:14px;
		line-height:32px;
		padding-left:24px;
		padding-right:10px;
		margin:1%;
		background:url(../images/innerProductType.png) no-repeat 6px center;
	}
	.inner-product-class a.select{background:url(../images/innerProductType2.png) no-repeat 6px center #0173bc;}
	

	.articleDetails{padding:0;background:none;}
	.articleDetails_title{font-size:18px;color:#333;line-height:24px;}
	.articleDetails_time{margin-top:4%;}
	.articleDetails_time span{height:32px;font-size:12px;color:#999;line-height:32px;margin:0 2%;}
	.articleDetails_con{margin-top:6%;min-height:auto;}
	.articleDetails_con p{font-size:15px;line-height:28px;margin-top:2%;text-indent:0;}
	.articleDetails_con img{max-width:100%;}


	.productDetails-img{width:100%;background:none;}
	.productDetails-info{width:100%;height:auto;padding:0;margin-top:6%;float:right;background:none;}
	.productDetails-info h2{font-size:20px;line-height:32px;}
	.productDetails-info .line{margin-top:10px;}
	.productDetails-info .con{height:auto;margin-top:4%;}
	.productDetails-info .bt{margin-top:2%;font-size:16px;line-height:24px;}
	.productDetails-info .tips{height:auto;margin-top:2%;font-size:15px;line-height:24px;}
	.productDetails-info .parm{margin-top:2%;}
	.productDetails-info .parm li{width:40%;margin-right:10%;margin-top:4%;}
	.productDetails-info .parm li img{height:20px;margin-right:6px;}
	.productDetails-info .link{width:38%;height:42px;font-size:14px;line-height:42px;float:left;margin-right:0;margin-top:6%;padding:0;border-radius:20px;}
	.productDetails-info .tel{width:60%;height:42px;font-size:14px;line-height:40px;float:right;margin-top:6%;padding:0;border-radius:20px;}
	
	.productDetails-sidebar{display:none;}
	.productDetails-intro{width:100%;padding:0;margin-top:6%;background:none;}
	.productDetails-intro .title{font-size:16px;padding-bottom:8px;line-height:32px;}
	
	.productDetails-intro .content{margin-top:6%;}
	.productDetails-intro .content p{font-size:15px;line-height:28px;margin-top:2%;text-indent:0;}
	.productDetails-intro .content img{margin-top:2%;}
	.productDetails-intro .content table{margin-top:4%;}
		
		
	.productMobile{display:block;}
	.productHover {display:none;}
		
		
	.footer{padding:5% 0;}
	.footer-nava{padding-bottom:5%;}
	.footer-nava .logo{width:100%;}
	.footer-nava .logo img{width:auto;max-height:36px;margin:auto;}
	.footer-nava ul{display:none;}
	.footer-bottom{padding-top:5%;}
	.footer-bottom .icp{width:100%;text-align:center;}
	.footer-bottom .icp h2{font-size:18px;line-height:32px;margin-bottom:3%;}
	.footer-bottom .icp p{font-size:14px;line-height:20px;}
	.footer-bottom .contact{display:none;}
	.footer-bottom .erweima{display:none;}
	
	
	/* --翻页-- */
	.txt-upDown{font-size:12px;margin-top:4%;}
	.txt-upDown-li{width:46%;}
	
	/* --分页-- */
	.de-page-mian{margin:4% 0 0;}
	.de-page-mian .page-inner a.page-btn {display:none;}
	.de-page-mian .page-inner span {display:none;}
	.de-page-mian .page-inner input {display:none;}

	
}
@media screen and (max-width: 772px){
	
}
@media screen and (max-width: 584px){
	
}