@charset "utf-8";
/* CSS Document */
.sp_header{display:flex;padding:8px 0;justify-content:space-between}
.sp_logo{width:50%}
.sp_logo img{width:100%;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0083cc;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:auto;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#008cd4}
.sjj_nav ul li ul li>ul{margin-left:10px}

@media (min-width:1024px){
	.pcmedia{display:block;}
	.wapmedia{display:none;}
	
}
@media (max-width:1023px){
    /* 手机导航开始 */
	.pcmedia{display:none;}
	.wapmedia{display:block;}
	.wapmedia img{width:100%;}
    /* 手机导航结束 */
	.index_pro,.index_about,.partner,.contentnav{padding:2rem 0;}
	
	.keywords{widtd:100%; line-height:35px;border-bottom:#d8d8d8 1px solid;padding:.5rem 0;}

.picFocus .hd ul li img{ width:85px;border:2px solid #ddd; cursor:pointer; margin-right:5px;   }

.picScroll-left{ overflow:hidden; position:relative; width:100%; background:url(../images/wqimg39.jpg) center top no-repeat; background-size:cover;}
.picScroll-left .hd{ overflow:hidden; width:90%;left:5%; height:80px; position: relative;bottom:-30px;padding:0 1rem; }
.picScroll-left .bd ul li .pic img{display:block;width:100%;margin-bottom:3rem;}
.picScroll-left .bd ul li .title{ position: absolute;width:95%;right:5%;top:88%;color:#FFF;font-size:1.125rem; text-align:center;}
.title h1{ display:inline-block;font-size:30px;line-height:50px;margin:0 1rem 0 0;background-image: -webkit-linear-gradient(left, #0088d2, #ebb515);
    background-image: linear-gradient(left, #0088d2, #ebb515);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
	
.about_left{width:100%;margin-right:0;}
.about_right{width:100%;margin-top:1rem;}
.culture-li {
	position: relative;
	float: left;
	width: 100%;
}
.proname{position: relative;right:0;top:40%; font:1.5rem/2.25rem ''; text-align:center;}
.proname h1{font-size:36px;line-height:55px;background-image: -webkit-linear-gradient(left, #0088d2, #ebb515);
    background-image: linear-gradient(left, #0088d2, #ebb515);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

	.keyword_text{float:left;width:100%;}
.search{float:right;width:100%;margin:10px 0;}

.partner_list ul li{float:left;width:33.3%;}

}

