@charset "utf-8";
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;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;display:none;background:url(../images/header-bg.png) repeat left top;}
.sj_head_logo{width:80%;height:52px;float:left;overflow:hidden;}
.sj_head_logo img{width:auto;height:28px;margin-top:13px;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:#FFF;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;
}

.sj_nav .lang{width:24px;height:24px;margin:4%;background:url(../images/lang2.png) no-repeat center;animation:rt 2s infinite linear;cursor:pointer;}

.slide-language{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);z-index:9999;overflow:hidden;display:none;}
.slide-language .box{width:100%;height:100%;display:table;margin:auto;position:relative;}
.slide-language ul{display:table-cell;vertical-align:middle;}
.slide-language ul li{width:100%;margin:2% 0;float:left;color:#e6e6e6;line-height:32px;}
.slide-language ul li img{width:30%;float:left;-webkit-filter:grayscale(100%);filter:grayscale(100%);display:none;}
.slide-language ul li .con{width:100%;text-align:center;float:right;}
.slide-language ul li a{font-size:16px;color:#e6e6e6;display:block;margin-bottom:16px;}
.slide-language ul li .zone{font-size:20px;margin-bottom:16px;}
.slide-language ul li:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.slide-language ul li a:hover{color:#248eb8;}

.close{width:7%;max-width:30px;height:52px;padding:11px 0;position:absolute;right:4%;top:0;z-index:95;cursor:pointer;}
.close .bar{width:100%;height:3px;margin:5px auto 0;display:block;background-color:#FFF;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.close .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close .bar:nth-child(2){
	margin-top:-3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slide-product .close{display:block;}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.header .box{width:72%;}
	.slide-inner{width:90%;left:5%;}
	.slide-inner .banner_img{width:64%;}
	
	.index-product-list li .box{margin-top:10px;}
	.index-product-list li .box .type{margin-top:5px;}
	.index-product-list li .box .des{max-height:84px;margin-top:20px;}
	.index-product-list li .box .more{margin-top:20px;}


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

	
	
}
/* --转成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;}
	
	.slide-inner{width:92%;left:4%;}
	.slide-inner .banner_img{width:68%;}
	.slide-inner .banner1_1{right:4%;top:32%;}
	.slide-inner .banner2_1{left:4%;top:32%;bottom:auto;}
	.slide-inner .banner3_1{right:4%;top:32%;}
	.slide-inner .banner4_1{left:4%;top:32%;}
	.slide-inner .banner5_1{right:4%;top:32%;}
	
	.index-title h3{font-size:16px;line-height:20px;}
	.index-title h2{font-size:18px;line-height:24px;}
	.index-title p{font-size:15px;margin-top:4%;}
	
	.index-video{padding:6% 0 0;}
	.index-video-list{margin-top:4%;border-bottom:none;}
	.index-video-list a{width:48%;padding-bottom:0;margin-right:4%;border-bottom:none;}
	.index-video-list a:nth-of-type(5n){margin-right:4%;}
	.index-video-list a:nth-of-type(2n){margin-right:0;}
	.index-video-list a .img{border-radius:6px;}
	.index-video-list a .img span{width:20px;height:20px;margin-left:-10px;margin-top:-10px;background-size:100%;}
	.index-video-list a p{height:40px;font-size:15px;line-height:40px;}
	.index-video-list a:hover{border-bottom:none;}

	.index-product{padding:6% 0;}
	.index-product-list li{margin-top:6%;}
	.index-product-list li .box{width:100%;margin-top:0;}
	.index-product-list li .box h2{font-size:16px;font-weight:bold;margin-top:4%;line-height:24px;}
	.index-product-list li .box .type{margin-top:2%;}
	.index-product-list li .box .type a{height:24px;font-size:15px;line-height:24px;margin-top:2%;padding-left:12px;background-size:6px auto;}
	.index-product-list li .box .des{max-height:none;font-size:14px;line-height:24px;margin-top:4%;}
	.index-product-list li .box .more{width:100%;height:48px;margin:4% auto 0;}
	.index-product-list li .img{width:100%;float:right;}
	

	.index-achievement{padding:6% 0;}
	.index-achievement .index-achievement-type{margin-top:4%;}
	.index-achievement-type a{width:33.33%;height:40px;font-size:15px;line-height:32px;padding-bottom:8px;}
	.index-achievement-type a.cur{background-size:auto 8px;}
	
	.index-achievement-list{margin-top:2%;}
	.index-achievement-list li table{line-height:20px;}
	.index-achievement-list li table tr td{font-size:12px;padding:2px;}
	.index-achievement-list li table .firstRow td{padding:10px 2px;}
	.index-achievement-list li .slide-down{font-size:12px;line-height:40px;}
	
	.index-company{padding:12% 0;}
	.index-company h1{font-size:20px;line-height:32px;}
	.index-company h2{font-size:16px;line-height:24px;margin:3% 0;}
	.index-company p{font-size:15px;line-height:24px;}
	.index-company a{width:60%;height:42px;line-height:40px;margin:6% auto 0;}
	.index-company a b{font-size:16px;}

	.index-customer{padding:6% 0;}
	.index-customer-list{margin-top:4%;}
	.index-customer-list a{width:33.33%;}
	
	.index-news{padding:6% 0;}
	.index-news-list li{width:100%;margin-right:0;margin-top:4%;}
	.index-news-list li .img{width:32%;}
	.index-news-list li .box{width:64%;}
	.index-news-list li .box h3{height:24px;font-size:15px;line-height:24px;}
	.index-news-list li .box p{height:48px;font-size:14px;line-height:24px;margin-top:4px;}
	.index-news-list li .box .more{display:none;}
	
	.footer{padding:12% 0 6%;}
	.footer-top .nava{display:none;}
	.footer-top .ewm{width:100%;}
	.footer-top .ewm img{width:40%;max-width:124px;}
	.footer-top .ewm p{margin-top:3%;}
	
	.footer-tel{margin-top:6%;padding:0 4% 4%;}
	.footer-tel li{width:100%;font-size:16px;line-height:24px;margin-right:0;margin-top:4%;position:relative;}
	.footer-tel li img{width:24px;margin-top:0;position:absolute;right:0;top:50%;margin-top:-12px;}
	.footer-tel li .con{width:100%;padding-left:0;padding-right:36px;border-left:none;}
	.footer-tel li .con .t1{font-size:14px;margin-bottom:2%;}
	
	.footer-icp{line-height:24px;margin-top:6%;}
	.footer-icp span{margin-left:0;display:block;}
	
	
	.inner-banner-title{width:92%;font-size:20px;line-height:32px;left:4%;margin-top:-16px;}
	.location{font-size:12px;padding:10px 0;}
	.location img{height:14px;margin-right:10px;}
	
	.inner-title{border-bottom:1px solid #DDD;}
	.inner-title h2{height:36px;font-size:18px;line-height:32px;padding-bottom:6px;border-bottom:2px solid #193c6d;}
	.inner-title h3{height:36px;font-size:16px;line-height:32px;padding-bottom:6px;margin-left:2%;}
	.inner-title2{margin-top:6%;}
	.inner{padding:6% 0;}
	.inner-list{padding:2% 0 6%;}
	
	
	.inner-product a{width:48%;margin-right:4%;margin-top:4%;}
	.inner-product a:nth-of-type(3n){margin-right:4%;}
	.inner-product a:nth-of-type(2n){margin-right:0;}
	.inner-product a .img span{font-size:18px;}
	.inner-product a .title{height:24px;font-size:16px;line-height:24px;margin-top:4%;}
	.inner-product a .con{height:40px;font-size:14px;line-height:20px;margin-top:2%;}
	
	.inner-product-left{width:100%;}
	.inner-product-left h1{font-size:18px;line-height:24px;text-align:center;display:block;}
	.inner-product-img{margin-top:4%;}
	.inner-product-type{margin-top:4%;}
	.inner-product-type li{height:42px;font-size:16px;line-height:42px;}
	
	.inner-product-right{width:100%;margin-top:4%;}
	.inner-product-right h1{display:none;}
	.inner-product-right .content{margin-top:0;}
	.inner-product-right .content p{font-size:15px;line-height:28px;}
	.inner-product-right .charact{font-size:15px;line-height:28px;padding:4%;margin-top:4%;}
	.inner-product-right .charact .lb{width:100%;}
	.inner-product-right .charact .rb{width:100%;}
	
	.inner-product-achievement{margin-top:4%;}
	.inner-product-imglist li{width:48%;margin-right:4%;margin-top:4%;}
	.inner-product-imglist li:nth-of-type(3n){margin-right:4%;}
	.inner-product-imglist li:nth-of-type(2n){margin-right:0;}
	.inner-product-video li{width:48%;margin-right:4%;margin-top:4%;}
	.inner-product-video li iframe{height:124px;}
	
	
	.inner-company h2{font-size:16px;margin:6% 0 4%;}
	.inner-company p{font-size:15px;line-height:28px;}
	
	.inner-experience li{width:100%;margin:3% 0;}
	.inner-experience li h2{font-size:18px;line-height:24px;padding:5px 30px;}
	.inner-experience li span{font-size:16px;margin-left:20px;}
	.inner-experience li p{font-size:15px;line-height:28px;margin-top:4%;}
	
	.company-honor-list{display:none;}
	.company-honor-list2{margin-top:4%;display:block;}
	
	.inner-article-title h2{font-size:18px;line-height:24px;margin-bottom:4%;}
	.inner-article-title .tips{font-size:12px;line-height:20px;padding:5px 0;}
	.inner-article-container{margin-top:6%;}
	.inner-article-container p{margin-top:4%;text-indent:0;}
	.inner-article-container img{margin:4% auto 0;}

	
	.inner-join{padding-bottom:0;}
	.inner-join li{width:100%;margin-right:0;margin-top:6%;}
	.inner-join li .con{padding:4%;background-size:auto 30%;}
	.inner-join li .con p{font-size:14px;line-height:20px;}
	.inner-join li .con p:nth-of-type(1){font-size:16px;margin-bottom:4%;}
	.inner-join li .box{position:relative;}
	.inner-join li .box .btn{width:50%;height:42px;font-size:16px;line-height:42px;margin-top:4%;}


	.inner-contact li{width:100%;margin-right:0;margin-top:4%;padding:4%;}
	.inner-contact li img{height:32px;}
	.inner-contact li .box{min-height:inherit;margin-top:4%;}
	.inner-contact li .box p{font-size:15px;line-height:24px;padding-top:0;}
	.inner-map{margin-top:6%;}
	.inner-map #dituContent{height:220px;}
	
	
	.inner-video{margin-top:4%;}
	.inner-video a{width:48%;margin-right:4%;}
	.inner-video a:nth-of-type(3n){margin-right:4%;}
	.inner-video a:nth-of-type(2n){margin-right:0;}
	.inner-video a p{height:50px;font-size:15px;line-height:50px;}
	.inner-video a iframe{height:124px;}
	
	/* --翻页-- */
	.txt-upDown{margin:6% auto 0;font-size:14px;}
	.txt-upDown-li{width:100%;height:46px;line-height:46px;padding:0 16px;background:none;border-bottom:2px solid #193c6d;}
	.txt-upDown-li .arrow{width:10%;height:46px;float:right !important;text-align:center;}
	.txt-upDown-li .title{width:90%;height:46px;}
	.txt-upDown-li.txt-right{text-align:left;}
	
	.page{margin-top:6%;}

}
@media screen and (max-width: 772px){
	
	#dituContent{height:300px;}
	
}
@media screen and (max-width: 584px){
	
	#dituContent{height:200px;}
	
}