/*index css*/
.title{font-size:26px;margin-bottom: 10px;color:#586062}
.title font{font-size:20px;color:#999}/*11-15修改*/
.title i{color:#0082c9;}/*11-15修改*/
.content{display: inline-block;font-size: 18px;margin-top:10px;line-height:30px;color:#586062}
h2{text-align:center}
.image{padding:20px 40px}
.image a{display:inline-block}
.image img {width:100%;overflow:hidden;}
@media (max-width:767px) {.image img{width:100%;}}	
.main-container {min-width:100% !important}
.space{padding:40px 80px}/*11-15修改*/
@media (max-width:767px) {.space{padding:40px 0px}} /*11-15修改*/
.field_space{padding:90px 0 60px 0}/*11-15修改*/
.acivity_space{padding:50px 0 0 0;overflow:hidden}
.container_bg{width:100%;background-color:#fbfbfb;}
.container_l{background-color:#fff}
.container_l_mobile{background-color:#fff;display:none;}
.container_q{width:100%;background-color:#fbfbfb;text-align:center;font-size:18px;padding:40px 20px;}
.container_q.space{padding:40px 20px;line-height:40px;}
.container_f{width:100%;background-color:#0082c9;text-align:center;color:#bac1c8;font-size:18px}
.new_pic{width:120px;height:80px;overflow:hidden}/*11-15修改*/
@media (max-width:767px) {.new_pic{width:100px;height:80px;overflow:hidden}} /*11-15修改*/

.headding_h{padding-top:8px;height:28px; vertical-align:middle;overflow:hidden;}
.datecolor{color:#919191}
.btn_space{margin:20px 0 0 0}
.pic_space{float:none;display:inline-block;padding:20px 0 10px 0;vertical-align:top;}

.media{margin-top:0}
.media-list{padding:0 0 5px 0;}
.media-list li:hover{transition:all linear 0.3s;background:#f1f1f1;}
.media-body a{display:block}/*11-15修改*/
.media-body font{display:inline-block;float:right}/*11-15修改*/
@media (max-width:767px) {.media-heading.headding_h{font-size:14px;height:24px}}	
/*新闻滚动css*/		
#scrollDiv{height:335px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*//*11-15修改*/
#scrollDiv li{height:110px; vertical-align:bottom; zoom:1; border-bottom:#CCC dotted 1px;padding:15px;}/*11-15修改*/
#scrollDiv li:hover{ transition:all linear 0.3s;box-shadow: 0 0 8px #CCC;height:110px;background:#f1f1f1;}/*11-15修改*/
#scrollDiv li a{ color:#333; text-decoration:none;}
#scrollDiv li a:hover{ color:#0082c9; text-decoration:none;}
.l_right{float:right}/*11-15修改*/
.l_right h3{ width:100px; float:left;}
.l_right small{font-size:13px;margin-right:5px;padding-top:8px;}/*11-15修改*/
.media-body, .media-left, .media-right{vertical-align:middle}/*11-15修改*/
@media (max-width:350px){.new_pic{width:90px;height:70px;}.title{font-size:20px;margin-bottom: 5px;color:#586062;}.title font{font-size:16px;color:#999}.l_right small{padding:4px 8px;}}/*11-15修改*/
/*新闻滚动css*/
/*招聘css*//*11-15修改*/
.recruit{display:block;background-size: cover;height:280px;background: url(../image/recruit-bg.jpg) no-repeat;background-position: top left; background-attachment:fixed}
.recruit .recruit-bg{padding: 3.2em 0;color:#fff;text-align:center;display:block;height:280px;background: rgba(0,0,0,0.7);}
.recruit .recruit-bg p{color: #fff;padding: 15px 30px;margin:10px}
.recruit .recruit-bg a{display:inline-block;padding: 10px 40px;text-decoration: none;border: 2px solid #fff;color: #fff;background: none;transition:all linear 0.3s;font-size:16px}
.recruit .recruit-bg a:hover,.recruit .recruit-bg a:focus{border: 2px solid #0082c9;background:#0082c9;transition:all linear 0.3s;}
@media (max-width:768px){.recruit .recruit-bg h1{font-size:20px}.field_space{padding:60px 0 0 0}}
/*招聘css*//*11-15修改*/
.thumbnail{border:none;margin-bottom:0px;border-radius:0px;}
.thumbnail .caption{padding:10px 0 10px 0 }
.thumbnail .list_space{box-shadow: 0 3px 6px rgba(0,0,0,0.12);border-radius: 50%;display: flex;width:150px;height:150px;margin:10px auto;transition:all linear 0.5s;-webkit-transition:all linear 0.5s;}
.thumbnail img{width:100%;padding:0px;}
.thumbnail.active{position:relative;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;bottom:0px;font-size:24px}
.thumbnail.active .c_text{ transition:all linear 0.2s;-webkit-transition:all linear 0.2s;font-size:24px}
.thumbnail:hover.active .c_text,.thumbnail:focus.active .c_text{color:#5cb85c;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.thumbnail .list_btn{}
.thumbnail.active .list_btn{display:none;transition:all linear 0.5s;-webkit-transition:all linear 0.5s;}
.thumbnail:hover.active .list_btn,.thumbnail:focus.active .list_btn{display:block;background-color: #5cb85c;border-color: #4cae4c;color:#fff;text-align:center;width:30%;margin:10px auto;border-radius:80px;transition:all linear 0.5s;-webkit-transition:all linear 0.5s;}
.thumbnail:hover.active,.thumbnail:focus.active{transition:all linear 0.3s;-webkit-transition:all linear 0.3s;bottom:20px}
@media (max-width:768px) {.container_l_mobile{display:block;}.container_l{display:none;}.thumbnail.active .c_text{ transition:none;-webkit-transition:none;}.thumbnail.active{transition:none;-webkit-transition:none; }.thumbnail:hover.active .c_text,.thumbnail:focus.active .c_text{transition:none;-webkit-transition:none}}
@media (max-width:768px) {.mobile_footer{display:none;}}
.c_title{text-align:center;margin:0 10px 10px 10px;color:#586062;line-height:36px}
.c_text{height:35px;text-align:center;color:#586062;}
.col_q{display:inline-block}
.footer-guild {text-align: left;}
.footer-guild a{color:#bac1c8}
.footer-guild a:hover{transition:all linear 0.4s;color:#fff;text-decoration: underline;}
.container_f h6 {padding-top: 15px;font-size: 16px;}
.container_f p {font-size: 14px;line-height: 30px;}
.footer-j-copyright {
    background: #fbfbfb;
    padding: 20px 0;
    color: #6e6e6e;
    text-align: center;
}
.footer-copyright{font-size: 14px;padding:15px 0;margin:20px 0 0 0;color:#89b0d7;border-top:1px solid #639cd5}
@media (max-width:768px) {.footer-guild{text-align:center}.footer-servie h2{font-size:22px}.pic_space{border-right:none;border-bottom:1px solid #f0f0f0;}}
/*index css*/
.ss-background {position: absolute;bottom:0; z-index: 2;margin:0 auto}

/*置顶 css*/
#scrollUp:hover {background-color: #333;}
#scrollUp {
    background-color: #777;
    color: #eee;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    bottom: 70px;
    right: 45px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
	border-radius:10px;
    opacity: .8;
}
.sub-banner{width:100%;height:200px;}
/*公司介绍*/
.sub-introduce{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)),url(../image/sub_introduce.jpg) no-repeat;background-size:cover}
/*事业内容*/
.sub-career{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1)),url(../image/sub_content.jpg) no-repeat;background-size:cover}
/*企业动态*/
.sub-news{background:linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.1)),url(../image/sub_news.jpg) no-repeat;background-size:cover}
/*诚聘英才*/
.sub-recruit{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)), url(../image/sub_recruit.jpg) no-repeat;background-size:cover}
/*联系我们*/
.sub-contact{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)), url(../image/sub_contact.jpg) no-repeat;background-size:cover}

.sub-banner img{width:400px;margin-right:25px}
.sub-img{position: absolute;right:0px;top:90px;-webkit-animation: myfirst 1s ease-out forwards;-moz-animation: myfirst 1s ease-out forwards; animation: myfirst 1s ease-out forwards;}
@keyframes myfirst{
0% {
    transform: translate(-30px);
    opacity: 0;
}
20% {
    transform: translate(-20px);
    opacity: 0;
}
50% {
    transform: translate(-10px);
    opacity: 1;
}

70% {
    transform: translate(-5px);
    opacity: 1;
}

100% {
    transform: translate(0);
    opacity: 1;
}
}
@media (max-width: 768px){.sub-banner{height:120px;background-position: center;background-size:cover}.sub-banner img{width:200px;margin-right:25px;}}
@media (max-width: 1100px){.sub-img{position: absolute;right:0px;top:70px}}

/*news*/
.n-lable{padding:2px 5px;margin-right:5px;color:#fff;font-size:12px}
.n-color-1{background-color:#0082c9;}
.n-color-2{background-color:#f0ad4e;}
.n-color-3{background-color:#5cb85c;}


/*日文事业内容 */
.career_j{width:100%;text-align:center;padding:60px;box-shadow: 0 0 8px #CCC;font-size:16px;box-sizing:border-box;background:#fff;}
.career_title{display:block;width:50px;height:3px;background:#8dc3f1;border-left: 8px solid #1964c1;border-radius:10px;text-align: center;margin: 8px auto;} 
.career_j h3.title{font-size:24px;}
.career_bg{background:#1964c1;border-radius:5px;height:180px;}
.career_bg a{padding:36px 0;color:#FFF;display:block;}
.career_hover1{background:url(../image/carrer_j_05.png) #8dc3f1 no-repeat center center;background-size:cover;border-top-right-radius:0px;border-bottom-right-radius:0px;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.career_hover2{background:url(../image/carrer_j_06.png) #8dc3f1 no-repeat center center;background-size:cover;transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.career_hover3{background:url(../image/carrer_j_07.png) #8dc3f1 no-repeat center center;background-size:cover;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.career_hover4{background:url(../image/carrer_j_08.png) #8dc3f1 no-repeat center center;background-size:cover;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;border-top-left-radius:0px;border-bottom-left-radius:0px}
.career_hover1:hover,.career_hover1:focus{background:#1964c1; transition:all linear 0.8s;-webkit-transition:all linear 0.8s;}
.career_hover2:hover,.career_hover2:focus{background:#1964c1; transition:all linear 0.8s;-webkit-transition:all linear 0.8s;}
.career_hover3:hover,.career_hover3:focus{background:#1964c1; transition:all linear 0.8s;-webkit-transition:all linear 0.8s;}
.career_hover4:hover,.career_hover4:focus{background:#1964c1; transition:all linear 0.8s;-webkit-transition:all linear 0.8s;}
.career_bg img{width:100%;max-width:150px;}
.career_border{border-right:1px solid #fff}
.career_shadow{box-shadow: 0px 0px 6px #ccc;}
.career_space{padding:0 0 20px 0}
.container_mobile_q{display:none}
@media (max-width: 768px){.career_j{padding:30px 20px}.container_mobile_q{display:none}}
@media (min-width: 268px) and (max-width:768px){.career_j{font-size:12px}.career_bg{height:120px;border-radius:0}.career_bg a{padding:10px 5px;}.career_hover1,career_hover4{border-radius:none}.career_hover1{border-right:1px solid #fff;border-bottom:1px solid #fff;}.career_hover2{border-right:none;border-bottom:1px solid #fff;}.career_space{padding: 0}.container_q{display:none}.container_mobile_q{display: block}.col_border{border-bottom:1px solid #f1f1f1;margin:0 16px}.col_q{display:block}}
/*
.career_space{margin:40px 0 0 0}
.career_pic{background:none;}
.career_list{text-align:center}
.career_list a{ width:230px; height:230px;display:inline-block; position:relative; overflow:hidden;}
.career_list a img{width:220px; height:220px;display:block; position:absolute; } 
.career_list a img.face{ top:0;transition:all linear 0.5s}
.career_list a img.back{ top:100%;transition:all linear 0.5s}
.career_list a:hover img.face{ top:-100%; transition:all linear 0.5s}
.career_list a:hover img.back{ top:0;transition:all linear 0.5s}
@media (min-width: 768px) and (max-width: 1110px){.career_j{padding:20px 10px}.career_list a{ width:180px; height:180px;}.career_list a img{width:170px; height:170px; } }
@media (min-width: 268px) and (max-width:768px){.career_j{padding:20px 0px}.career_list a{ width:150px; height:150px; }.career_list a img{width:140px; height:140px; } }
*/
/*日文地图url(../images/guid.jpg) */
.map_j{width:100%;height:auto;margin:0 auto; background:#fff;background-size: contain;text-align:center;overflow:hidden;}
.map_j .map_pic{width:100%;max-width:1258px;border-bottom:3px dashed #8dc3f1;}

/* 技术优势 20221220 */
.jsysN{ margin: 20px 0; background: #fafafa;}
.jsysN dl{ width: 33.3%; padding:1% 2% 0;float: left; text-align: left; height: auto; overflow: hidden;}
.jsysN dl:hover{ background: #e9f6ff;}
.jsysN dl dt{ padding: 0 0 0 30px; line-height: 40px; font-size: 16px; background:url(../image/jsicon.png) no-repeat 0 center;}
.jsysN,.jsysN dl dd{ width: 100%; height: auto; overflow: auto;}
.jsysNtxt{line-height: 24px; padding: 10px 0 0;  min-height: 170px;  }