@charset "utf-8";

/*banner*/
.inside_banner{ width:100%; overflow:hidden; position: relative;}

.inside_banner img{ display:block; width:100%; height:auto;-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}
.inside_banner img.m_banner{ display:none;}

@media screen and (max-width:900px){
.inside_banner img.pc_banner{ display:none;}
.inside_banner img.m_banner{ display:block;margin-top: 8vh;}
}


.inside_content{ width:1680px; margin:0 auto 0 auto;}

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

.inside_content{ width:96%;}

}

.top_mag{ margin-top: 5%;}

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

.top_mag{ margin-top: 6%;}

}

/*inside_nav*/
.inside_nav_container{ width: 100%; position: absolute; left: 0; bottom:0;}
.inside_nav{ width:1680px;overflow:hidden; background: rgba(249,249,242,0.9); padding: 15px 30px; box-sizing: border-box; border-radius: 15px 15px 0 0; margin: 0 auto; position: relative;}
.inside_nav p{ font-size:15px; line-height:1.5em; letter-spacing: 0.6px;color:#525252;}
.inside_nav p i{ display:inline-block; float:left; margin:2px 13px 0 0;}
.inside_nav p a{color:#525252;}
.inside_nav p a:last-child{ color: #be1920;}
.inside_nav p a:hover{color: #be1920;}
.inside_nav h4{ font-weight: normal; color: #525252; font-size: 15px;line-height:1.5em; letter-spacing: 0.6px; position: absolute; right: 0; bottom: 0;padding: 15px 30px; border-left: 1px solid #c3c1c1;text-transform: uppercase;}

@media screen and (max-width:1700px){
.inside_nav{ width:96%;}
}

@media screen and (max-width:900px){
.inside_nav p{ font-size:14px;line-height: 1.5em;}
.inside_nav h4{ display: none;}
.inside_nav{padding: 1.5% 2.5%;}
}
@media screen and (max-width:560px){
  .inside_nav{padding: 2.5vw 4vw;border-radius: 5px 5px 0 0;}
  .inside_nav p i{ margin-right: 8px;}
}

/* about */
.nav_mob{ display: none;}
.about_container{ box-sizing: border-box; padding: 0 30px;}
.about_content_left{ width: 21.6%; float: left; }
.about_content_left2{ width: 100%;border-right: 1px solid #d5d5d5;box-sizing:border-box; float: left;}

.about_left_title{ width: 100%; margin-top: 70px;}
.about_left_title h3{ font-weight: normal; color: #4b4b4b; letter-spacing: 0.6px; line-height: 1em; font-size: 38px;}
.about_left_title h4{font-weight: normal;font-family:"Arial"; font-size: 22px; line-height: 1em; color: #626262; margin-top: 15px; letter-spacing: 0;text-transform: uppercase;}
.about_content_left_list{ width: 100%;margin-top: 30px;}
.about_content_left_list ul li{ width: 100%;letter-spacing: 0.6px;}
.about_content_left_list ul li a{ width: 100%;box-sizing: border-box; padding: 20px 6%; display:block; background: transparent; color: #444444; font-size: 20px; line-height: 1em;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.about_content_left_list ul li.cur a,.about_content_left_list ul li:hover a{ background: #be1920; color: #fff;}

@media screen and (max-width:1450px){
.about_left_title h3{ font-size: 36px;}
.about_left_title h4{ font-size: 20px;}
}

@media screen and (max-width:1100px){
  .about_content_left_list ul li a{ padding: 15px 6%;}
  .about_container{ padding: 0;}
}

@media screen and (max-width:1000px){
.about_content_left_list ul li a{ font-size: 18px;}
}


@media screen and (max-width:900px){
.nav_mob{ display:block;}
.about_content_left{ width: 100%; float: none; }
.about_content_left2{border-right: none;float: none;}
.about_left_title{ margin-top: 5%;}
.about_content_left_list{ margin-top: 3%;}
.nav_mob{ width: 100%; background: #f0f0f0; position:relative; text-align: left; box-sizing: border-box; padding: 17px 10px;}

.nav_mob h3{font-size:22px; line-height:1em; font-weight: normal; color: #be1920;}
.nav_mob h3 i{ display:block; position:absolute; right:10px; top:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; height: 100%;}
.nav_mob h3 i span{  font-style:normal; text-align:center; display:block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: url(../images/m_icon1.png) no-repeat center center; background-size: 100%; width: 30px; height:100% ;}
.nav_mob h3 i span.daohang2{ display:none;background: url(../images/m_icon2.png) no-repeat center center; background-size: 100%;}
.nav_mob h3 i.guanbi{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.nav_mob h3 i.guanbi span.daohang1{ display:none;}
.nav_mob h3 i.guanbi span.daohang2{ display:block;}

.about_content_left_list ul{ margin: 0; display: none; background: #fafafa;}
.about_content_left_list ul li{ border-bottom: 1px solid #eaeaea; padding: 0; text-align: center;}
}

@media screen and (max-width:560px){
.about_left_title h3{ font-size: 6vw;}
.about_left_title h4{ font-size: 4vw; margin-top: 2vw;}
.about_left_title{ margin-top: 6%;}
.about_content_left_list{ margin-top: 4%;}
.nav_mob{ padding:17px 4vw; }
.nav_mob h3{ font-size: 4.2vw;}
.nav_mob h3 i{ right: 4vw;}
.about_content_left_list ul li a{ font-size: 4vw;padding: 4vw 0;}
.nav_mob h3 i span{ width: 25px;}
}

.about_content_right{ width: 75.3%; float: right; margin-top: 70px;}
.about_content_right_word img{ display: block; width: 80%; height: auto;}
.about_content_right_word img.inside_about_img{ margin-bottom: 40px;}
.about_content_right_word p{ font-size: 16px; line-height: 1.9em; color: #5b5b5b; letter-spacing: 0.8px; margin-top: 15px;}

@media screen and (max-width:900px){
.about_content_right{ width: 100%; margin-top: 3%;}
.about_content_right_word img.inside_about_img{ margin-bottom: 20px;}
}

@media screen and (max-width:560px){
.about_content_right{margin-top: 4%;}
.about_content_right_word img.inside_about_img{ margin-bottom: 4vw;}
.about_content_right_word p{ font-size: 3.8vw; margin-top: 2.6vw;line-height: 1.8em;}
}


/* dangjian */

.dangjian_content_left{ width: 100%; float: none; border-right: none; box-sizing: border-box;}
.dangjian_content_right{width: 100%; float: none; margin-top: 40px;}
.dangjian_peitu{ width: 100%;margin-bottom: 40px;}
.dangjian-next,.dangjian-prev{ width: 37px; height: 69px; position:absolute; top: 50%; margin-top: -34.5px; z-index: 2;}
.dangjian-next{ background: url(../images/jiantou_you.png) no-repeat center center;background-size: 100%; right: 1.5%;}
.dangjian-prev{ background: url(../images/jiantou_zuo.png) no-repeat center center;background-size: 100%; left: 1.5%;}
.dangjian_peitu .swiper-slide-active img{-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}

@media screen and (max-width:900px){
.dangjian_content_right{ margin-top: 3%;}
.dangjian_peitu{ margin-bottom: 20px;}
}

@media screen and (max-width:560px){
.dangjian_content_right{ margin-top: 4%;}
.dangjian_peitu{ margin-bottom: 4vw;}
.dangjian-next,.dangjian-prev{width: 24px;
    height: 45px;margin-top: -22.5px;    opacity: 0.8;}
}


/* project */
.project_list_right_content ul li{ width: 48.5%; float: left; margin: 0 3% 3% 0; background: #f8f8f8;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.project_list_right_content ul li:nth-child(2n){ margin-right: 0;}
.project_list_right_content ul li:hover{ box-shadow: 0 0 20px #c4c4c4;}
.project_list_img{ width: 100%; overflow: hidden;}
.project_list_img img{ display: block; width: 100%;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.project_list_right_content ul li:hover .project_list_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}
.project_list_word{ width: 100%; box-sizing:border-box; padding: 4%; position: relative;}
.project_list_word h3{ font-weight: normal; letter-spacing: 0.4px; font-size: 22px; line-height: 1.5em; color: #333333; margin-bottom: 10px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.project_list_right_content ul li:hover h3{ color: #be1920;}
.project_list_word p{ color: #807f7f; font-size: 16px; line-height: 1.5em; letter-spacing: 0.6px; margin-top: 5px;}
.project_list_word h6{ width: 65px; position: absolute; right: 4%; bottom: 16%;}
.project_list_word h6 img{ display: block; width: 100%; height: auto;}

.fenye{ width:100%; text-align:center; margin-top:3%; border-top: 1px solid #be1920;}

.fenye_word{ text-align:center; display:inline-block; margin-top: 2%;}

.fenye_word a{ font-size:16px; margin:0 3px; color:#333; line-height: 1.5em;padding:2px 2px;}

.fenye_word a.cur2,.fenye_word a:hover{ color: #be1920;border-bottom: 1px solid #be1920;}

@media screen and (max-width:1920px){
.project_list_word h6{ bottom: 1.4vw;}
}

@media screen and (max-width:1450px){
.project_list_word h3{ font-size: 20px;}
.project_list_word h6{ width: 58px;bottom: 1.5vw;}
}

@media screen and (max-width:900px){
.project_list_word h6{ width: 48px; bottom: 2.5vw;}
.project_list_word{ padding: 5%;}
}

@media screen and (max-width:560px){
.fenye_word a{ font-size: 3.6vw;}
.fenye_word{ margin-top: 5%;}
.project_list_right_content ul li{ width: 100%; margin-right: 0;}
.project_list_word{ padding: 4%;}
.project_list_word h6{bottom: 4vw;width: 12vw;}
.project_list_word p{ font-size: 3.8vw;}
.project_list_word h3{ font-size: 4.2vw;}
}

/* project_detail */
.project_detail_top .swiper-slide img{ display: block; width: 100%; height: auto;}
.project-detail-next,.project-detail-prev{ width: 37px; height: 69px; position:absolute; top: 50%; margin-top: -34.5px; z-index: 2;}
.project-detail-next{ background: url(../images/jiantou_you.png) no-repeat center center;background-size: 100%; right: 1.5%;}
.project-detail-prev{ background: url(../images/jiantou_zuo.png) no-repeat center center;background-size: 100%; left: 1.5%;}
.project_detail_top .swiper-slide-active img{-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}

.project_top_quan .swiper-pagination-bullet{ width:18px; height:18px; margin:0 5px; background: #000; opacity: 0.5;}

.project_top_quan .swiper-pagination-bullet-active{ background:#be1920; opacity: 1;}

.swiper-container-horizontal>.project_top_quan {
        bottom: 20px!important;}


@media screen and (max-width:560px){
.project-detail-next,.project-detail-prev{width: 24px;
    height: 45px;margin-top: -22.5px;    opacity: 0.8;}
.project_top_quan .swiper-pagination-bullet{ width:14px; height:14px; margin:0 5px;}
.swiper-container-horizontal>.project_top_quan {
        bottom: 10px!important;}
}

.project_detail_top_word{ width: 100%; margin-top: 4%;}
.project_detail_top_word h3{ font-weight: normal; color: #333333; font-size: 30px; line-height: 1.4em; letter-spacing: 0.4px;}
.project_detail_top_word h3 i{ width: 35px;box-sizing: border-box; float: left; margin: 5px 16px 0 0;}
.project_detail_top_word h3 i img{ width: 100%; height: auto;}
.project_detail_top_word h6{font-family:"Arial"; text-transform: uppercase; font-weight: normal; font-size: 19px; color: #9b9b9b; letter-spacing: 0.4px; line-height: 1.3em; margin-top: 8px;}
.project_detail_line{ width: 100%; height: 1px; background: #d5d5d5; margin: 25px 0;}
.project_detail_top_word h4{ color: #333333; letter-spacing: 0.4px; font-weight: normal; line-height: 1.5em; font-size: 20px;}
.project_detail_top_word h4 span{ margin-left: 4%;}
.project_detail_bottom_word{ margin-top: 4%;}

.fenye2{ width:100%; margin-top:5%;}
.fenye2 h6{ font-weight:normal; font-size:14px; line-height:1.5em; margin-top:10px; color: #be1920;}
.fenye2 a{ color:#505050;}
.fenye2 a:hover{color: #be1920;}

@media screen and (max-width:1450px){
.project_detail_top_word h3{ font-size: 28px;}
.project_detail_top_word h3 i{ width: 30px; margin: 6px 12px 0 0;}
.project_detail_top_word h6{ font-size: 18px;}
}

@media screen and (max-width:560px){
.fenye2 h6{ font-size: 3.4vw;}
.project_detail_top_word h3{ font-size: 4.6vw;}
.project_detail_top_word h3 i{ width: 5.5vw; margin: 0.5vw 2vw 0 0;}
.project_detail_top_word h6{ font-size: 4vw;}
.project_detail_top_word h4{ font-size: 4.2vw;}
.project_detail_line{ margin: 4% 0;}
}

.related_title{ width: 100%; overflow:hidden; margin-top: 5%;}
.related_title h3{ font-weight: normal; color: #be1920; font-size: 28px; line-height: 1.5em; letter-spacing: 0.6px; margin-bottom: 18px;}

.related_container{ width: 100%; position: relative; margin-top: 3%;}
.related_content{ width: 90%; margin: 0 auto;}
.relater_img{ width: 100%; overflow: hidden;}
.relater_img img{ width: 100%; height: auto; display: block; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.related_content .swiper-slide:hover .relater_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.related_content_bottom{ width: 100%; background: #f8f8f8;}
.related_content_word{ width: 100%; box-sizing: border-box; padding: 4.5% 5%;}
.related_content_word h3{ font-weight:normal; letter-spacing: 0.4px; color: #333333; font-size: 16px; line-height: 1.5em;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.related_content_word h6{ width: 47px; margin-top: 10px;}
.related_content_word h6 img{ display:block; width: 100%; height: auto;}
.related_content .swiper-slide:hover .related_content_word h3{ color: #be1920;}
.related-next,.related-prev{ width: 19px; height: 34px; z-index: 2; position: absolute; top: 50%; margin-top: -17px;}
.related-next{ right: 0; background: url(../images/xiangmu_you.png) no-repeat center center; background-size: 100%;}
.related-prev{ left: 0; background: url(../images/xiangmu_zuo.png) no-repeat center center;background-size: 100%;}

@media screen and (max-width:1450px){
.related_title h3{ font-size: 26px;}
}
@media screen and (max-width:1100px){
.related_content{ width: 86%;}
}

@media screen and (max-width:560px){
.related-next,.related-prev{ width: 14px; height: 25px;margin-top: -12.5px; background-size: 100%;}
.related_content{ width: 84%;}
.related_container{ margin-top: 4%;}
.related_content_word h3{ font-size: 3.6vw; height: 3em;}
.related_content_word{ padding: 5% 5.5%;}
.related_content_word h6{ width: 8vw;}
.related_title h3{ font-size: 4.8vw; margin-bottom: 2.5vw;}
}

/* news */

.news_list_top_content{ width: 100%; background: #f8f8f8; border-radius: 15px; padding: 3.5%; position: relative; box-sizing: border-box;}
.news_list_top_left{ width: 49%; float: left; overflow: hidden; border-radius: 10px; height: 0; padding-bottom: 27.5%;}
.news_list_top_left img{ display: block; width: 100%; height: auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.news_list_top_left:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.news_list_top_right{ width: 42%; position: absolute; height: 100%; right: 3.5%; top: 0;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}
.news_list_top_right h5{ font-weight: normal; color: #8c8c8c; line-height: 1.5em;}
.news_list_top_right h5 span{ font-weight: bold; font-size: 28px; color: #be1920; margin-right: 3px;}

.news_list_top_right h3{ color: #333333; font-size: 22px; line-height: 1.6em; letter-spacing: 0.4px; font-weight: normal; margin-top: 3%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_list_top_right h3:hover{color: #be1920;}
.news_list_top_right p{ color: #7e7e7e; font-size: 15px; line-height: 1.6em; margin-top: 2%; letter-spacing: 0.8px; width: 100%;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.news_list_top_right h6{ width: 65px; margin-top: 4%;}
.news_list_top_right h6 img{ width: 100%; height:auto; display: block;}


@media screen and (max-width:1450px){
.news_list_top_right h3{ font-size: 20px; line-height: 1.4em;}
.news_list_top_right h5 span{ font-size: 26px;}
.news_list_top_right h6{ width: 58px;}
}

@media screen and (max-width:1300px){
.news_list_top_right p{ display: none;}
.news_list_top_right h6{ margin-top: 5%;}
}
@media screen and (max-width:1050px){
.news_list_top_left{ width: 100%; padding-bottom: 55.84%;}
.news_list_top_right{ position: static; display:inline-block; height: auto; width: 100%; float: none; top: 0; right: 0; margin-top: 4%;}
.news_list_top_right p{ display: block;}
}
@media screen and (max-width:560px){
.news_list_top_right h3{ font-size: 4.2vw; line-height: 1.6em;}
.news_list_top_right p{ font-size: 3.6vw;}
.news_list_top_right h6{ margin-top: 3%;}
.news_list_top_right h5{ font-size: 3.2vw;}
.news_list_top_right h5 span{ font-size: 5.2vw;}
.news_list_top_right h6{ width: 12vw;}
.news_list_top_content{ padding: 5% 3.5%;}
.news_list_top_right{ margin-top: 5%;}
}

.news_list_bottom_content ul li{ width: 100%; padding: 4% 3.5%; box-sizing:border-box;background: #f8f8f8;}
.news_list_bottom_content ul li:nth-child(odd){ background: #fff;}
.news_list_bottom_content ul li .news_list_top_right{ position: static; right: 0; top: 0; display: inline-block; width: 100%;}
.news_list_bottom_content ul li .news_list_top_right p{ margin-top: 0.8%; width: 80%;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}
.news_list_bottom_content ul li .news_list_top_right h3{ margin-top: 2.5%;}
.news_list_bottom_content ul li .news_list_top_right h6{ margin-top: 5%;}
.fenye3{ margin-top: 6%;}

@media screen and (max-width:1450px){
.news_list_bottom_content ul li .news_list_top_right p{ width: 100%;}
}

@media screen and (max-width:1200px){
.news_list_bottom_content ul li .news_list_top_right p{ -webkit-line-clamp: 2;}
}

@media screen and (max-width:1050px){
.news_list_bottom_content ul li .news_list_top_right{ margin-top: 0;}
}

@media screen and (max-width:560px){
.news_list_bottom_content ul li .news_list_top_right p{ margin-top: 2%;}
.news_list_bottom_content ul li .news_list_top_right h3{ margin-top: 3%;}
}

/* news_detail */
.related_news_content{ width: 100%; box-sizing: border-box;}
.related_news_content .about_left_title h3{ border-bottom: 1px solid #d5d5d5; padding-bottom: 20px;}
.related_news_content ul li{  font-size: 16px; line-height: 1.6em; letter-spacing: 0.8px; padding: 15px 0; border-bottom: 1px dotted #c9c9c9;}
.related_news_content ul li a{color: #333333;}
.related_news_content ul li a:hover{color: #be1920;}

@media screen and (max-width:900px){
.related_news_content{ display: none;}
}


.news_detail_right_content{ width: 100%;}
.inside_news_top{ width:100%; border-bottom:1px dotted #c9c9c9; padding-bottom:2%;}
.inside_news_top h3{ font-size:24px; line-height:1em; border-left:3px solid #be1920; padding-left:10px; font-weight:normal; color:#be1920;letter-spacing: 0.6px;}

.inside_news_top h6{ font-weight:normal; font-size:16px; color:#333333; line-height:1.5em; position:relative; margin-top:2.3%; letter-spacing: 0.6px;}
.inside_news_top h6 span{ position:absolute; right:0;}

.inside_news_xiang_word h1{ font-size:26px; line-height:1.5em; color:#3e3e3e; font-weight:normal; text-align:center; margin:3.5% auto 2%;letter-spacing: 0.6px;}

.inside_news_xiang_word p{ font-size:16px; line-height:2em; margin-top:15px; text-indent:2em; color:#3a3a3a;}

.inside_news_xiang_word img{max-width:100%; height:auto!important;margin-left: -2em;    display: block;
    margin: 0 auto;}

@media screen and (max-width:1450px){
.inside_news_xiang_word h1{ font-size: 24px;}
.inside_news_top h3{font-size: 22px;}
}
@media screen and (max-width:900px){
.inside_news_xiang_word h1{font-size: 22px;}
.inside_news_top h3{ display: none;}
.inside_news_top h6{ margin-top: 0;}
}
@media screen and (max-width:560px){
.inside_news_top h6{font-size: 3.6vw;}
.inside_news_xiang_word h1{font-size: 4.7vw;margin: 5% auto 3%;}
.inside_news_xiang_word p{font-size: 3.8vw; line-height: 1.8em; margin-top: 2.6vw;}
}

/* recruit */
.bg_color{ width: 100%; background: #f0f0f0; padding-bottom: 5%; overflow: hidden;}
.recruit_inside_nav_container .inside_nav{ border-bottom: 1px solid #c3c1c1;}
.no_mag{ margin-bottom: -5%;}

.recruit_list_word_content{ width: 100%;}
.recruit_list_word_content ul li{ width: 48.5%; float: left; border-radius: 10px; box-sizing: border-box; margin: 0 3% 3% 0; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: #fff url(../images/recruit_bg.png) no-repeat right center; box-sizing: border-box; padding: 3.5% 3.5% 1.8%;}
.recruit_list_word_content ul li:nth-child(2n){ margin-right: 0;}
.recruit_list_word_content ul li h3{ color: #333; width: 80%;font-weight:normal; font-size: 22px; line-height: 1.5em; letter-spacing: 0.6px; padding-bottom: 20px; border-bottom: 1px solid #c5c4c4; margin-bottom: 18px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.recruit_list_word_content ul li h3 i{ width: 26px; float: left; margin:2px 15px 0 0;}
.recruit_list_word_content ul li h3 i img{ width: 100%; height: auto; display: block;}
.recruit_list_word_content ul li p{ color: #7b7b7b; font-size: 16px; line-height: 1.5em; letter-spacing: 0.6px; margin-top: 8px;}
.recruit_list_word_content ul li p span{ margin-left: 5%;}
.recruit_list_word_content ul li p.recruit_date{ margin-top: 15px;}
.recruit_list_word_content ul li h6{ margin-top: 10px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; width: 65px; float: right;}
.recruit_list_word_content ul li h6 img{ width: 100%; height: auto; display: block;}

.recruit_list_word_content ul li:hover{box-shadow: 0 0 20px #9e9d9d;}
.recruit_list_word_content ul li:hover h3{color: #be1920;}

@media screen and (max-width:1450px)
{
.recruit_list_word_content ul li h3 i{ width: 22px;}
.recruit_list_word_content ul li h3{ font-size: 20px;}

.recruit_list_word_content ul li h6{ width: 58px;}
}

@media screen and (max-width:1100px)
{
.recruit_list_word_content ul li p{ font-size: 15px;}
}

@media screen and (max-width:900px)
{
.nav_mob2{ background: #fff;}
}



@media screen and (max-width:800px)
{
.recruit_list_word_content ul li{ width: 100%; margin-right: 0;}
.recruit_list_word_content ul li:nth-child(3n){ margin-right: 0;}
.recruit_list_word_content ul li{ padding: 3% 4%;}
}

@media screen and (max-width:560px)
{
.recruit_list_word_content ul li h3{ font-size: 4.2vw; padding-bottom: 2.5vw; margin-bottom: 2.5vw; width: 78%;}
.recruit_list_word_content ul li p{ font-size: 3.6vw; margin-top: 1.2vw;}
.recruit_list_word_content ul li{ padding: 4% 5%;}
.recruit_list_word_content ul li p span{ margin-left: 4vw;}
.recruit_list_word_content ul li h3 i{ width: 4.5vw; margin: 0.5vw 2vw 0 0;}
.recruit_list_word_content ul li p.recruit_date{ margin-top: 2.5vw;}
.recruit_list_word_content ul li h6{ width: 12vw;}
}

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

  .no_mag{ margin-bottom: -6%;}
}


/* recruit_detail */
.recruit_detail_content{ width: 100%;}

.top_title{ width:100%; height:90px; background:#be1920; padding:0 3.5%; box-sizing:border-box;}
.top_title h4{ font-size:22px; line-height:90px;background: url(../images/zhaopin_icon1.png) no-repeat left center;
padding-left: 40px;box-sizing: border-box; color:#fff; font-weight:normal; letter-spacing: 0.6px;}

.renzi_xiangqing_word{ background:#fff; padding:1.5% 3.5%;box-sizing:border-box;}

.renzi_xiangqing_word p{ font-size:18px; line-height:1.6em; margin:12px 0; color: #333; letter-spacing: 0.6px;}
.renzi_xiangqing_word_top p span{ margin-left: 4%;}

.top_title2{ background:none;}
.top_title3 h4{color:#333; background:url(../images/zhaopin_icon2.png) no-repeat left center;}
.top_title4 h4{color:#333; background:url(../images/zhaopin_icon3.png) no-repeat left center;}
.top_title5 h4{color:#333; background:url(../images/zhaopin_icon4.png) no-repeat left center;}

.renzi_xiangqing_word2 p{font-size:16px; color: #4b4b4b; line-height: 1.8em;}
.renzi_xiangqing_word2 i{font-style: normal; color: #be1920;}
.renzi_xiangqing_lianxi span{ margin-left: 3%;}

.fenye_recruit{padding: 0 3.5%; box-sizing: border-box;}

@media screen and (max-width:1450px)
{
.top_title h4{ font-size: 20px;}
}
@media screen and (max-width:900px)
{
  .top_title h4{ line-height: 60px;}
  .top_title{ height: 60px;}
}

@media screen and (max-width:560px)
{
  .top_title h4{font-size: 4.2vw; background-size: 6vw;}
  .renzi_xiangqing_word p{ font-size: 4vw;margin: 1.5vw 0;}
  .renzi_xiangqing_word_top p span{ display: block; margin-left: 0; margin: 1% 0;}
  .renzi_xiangqing_word2 p{font-size:3.8vw; margin: 1.5vw 0; line-height: 1.7em;}
  .renzi_xiangqing_word{ padding: 2% 4%;}
.fenye_recruit{ padding: 0;}
.renzi_xiangqing_lianxi span{ display: block; margin-left: 0;}
}

/* keyan */
.keyan_content_word{ margin-top: 40px;}
.keyan_content_word h3{ font-weight: normal; font-size: 24px; line-height: 1.5em; letter-spacing: 0.6px; margin-top: 25px;}
.keyan_content_word h3 i{ width: 30px; float: left; margin: 3px 16px 0 0;}

@media screen and (max-width:1450px)
{
.keyan_content_word h3{ font-size: 22px;}
.keyan_content_word h3 i{ width: 28px; margin: 3px 10px 0 0;}
}

@media screen and (max-width:900px)
{
.keyan_content_word{ margin-top: 20px;}
}

@media screen and (max-width:560px)
{
.keyan_content_word{ margin-top: 4vw;}
.keyan_content_word h3{ font-size: 4.4vw; margin-top: 3vw; border-bottom: 1px solid #d5d5d5; padding-bottom: 2.5vw;}
.keyan_content_word h3 i{ width: 5.5vw; margin: 0.5vw 2vw 0 0;}
}

/* contact */
#map{width:100%;height:350px;border:#ccc solid 1px;font-size:12px; box-sizing: border-box;}
.contact_tel_container{ width: 100%; position: relative; margin-top: 2%;}
.contact_tel_left{ width: 36.8%; float: left; height: 310px; position: relative; overflow: hidden;}
.contact_tel_left_word{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.8); text-align: center;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; box-sizing: border-box; padding: 0 10px;}
.contact_tel_left_word h3{ font-size: 28px; letter-spacing: 0.6px; color: #be1920; line-height: 1.4em;}
.contact_tel_left_word img{ display: block; margin: 20px auto 10px; width: 150px; border: 1px solid #be1920;}
.contact_tel_left_word p{ font-size: 16px; line-height: 1.5em; letter-spacing: 0.6px;color: #be1920;}

.contact_tel_right{ width: 61%; position: absolute; right: 0; height: 100%; overflow: hidden;}
.contact_tel_right ul{ height: 100%; position: relative;}
.contact_tel_right ul li{ width: 48.5%; float: left; height:49%; margin: 0 3% 2% 0; background: #f8f8f8; box-sizing: border-box; display: block;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; padding: 0 30px; text-align: center;}
.contact_tel_right ul li:nth-child(2n){ margin-right: 0;}
.contact_tel_right ul li:nth-child(n+2){ margin-bottom: 0;}
.contact_tel_right ul li h4{ color: #5e5e5e; font-size: 16px; line-height: 1.5em; letter-spacing: 0.6px; font-weight: normal; display: table; margin: 0 auto;}
.contact_tel_right ul li h4 i{ height: 20px; float: left; margin: 2px 6px 0 0;}
.contact_tel_right ul li h4 i img{ display: block; height: 100%; width:  auto;}
.contact_tel_right ul li p{ font-size: 22px; line-height: 1.5em; color: #333; letter-spacing: 0.2px; margin-top: 5px;}
.contact_tel_right ul li:first-child p{ font-size: 26px; color: #be1920; font-weight: bold; letter-spacing: 0;}
.contact_tel_right ul li:first-child+li p{ font-size: 18px; letter-spacing: 0.4px;}

@media screen and (max-width:1550px) {
  .contact_tel_right ul li:first-child p{ font-size: 24px;}
  .contact_tel_left_word h3{ font-size: 26px;}
}

@media screen and (max-width:1450px) {
  .contact_tel_right ul li:first-child p{ font-size: 22px;}
  .contact_tel_left_word h3{ font-size: 24px;}
  .contact_tel_right ul li{ padding: 0 10px;}
}

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

  .contact_tel_left_word h3{ font-size: 22px;}
  .contact_tel_right ul li p{ font-size: 20px;}
  .contact_tel_right ul li:first-child p{ font-size: 20px;}
  .contact_tel_right ul li:first-child+li p{ font-size: 16px;}
}

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

  .contact_tel_left_word h3{ font-size: 18px;}
  .contact_tel_right ul li p{ font-size: 18px;}
  .contact_tel_right ul li:first-child p{ font-size: 18px;}
}

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

.contact_tel_right{ width: 100%; position: static; height:auto;}
.contact_tel_right ul li{ height: 18vw; padding: 0 4vw;}
.contact_tel_left{ width: 100%; float: none; margin-top: 2%;}
.contact_tel_left img.contact_tel_left_bg{ width: 100%; height: auto;}
.contact_tel_left{ height: auto;}
}

@media screen and (max-width:560px) {
#map{width:100%;height:45vw;}
.contact_tel_right ul li{ height: 36vw;padding: 0 2.5vw;}
.contact_tel_right ul li h4{ font-size: 3.8vw;}
.contact_tel_right ul li h4 i{ height: 4.5vw;margin: 0.5vw 1vw 0 0;}
.contact_tel_right ul li p{ font-size: 4vw; margin-top: 1vw;}
.contact_tel_right ul li:first-child p{ font-size: 4vw; }
.contact_tel_right ul li:first-child+li p{ font-size: 4vw;}
.contact_tel_left_word h3{ font-size: 5vw;}
.contact_tel_left_word img{ margin: 3.5vw auto 2.5vw; width: 50%;}
.contact_tel_left_word p{ font-size: 3.8vw;}
.contact_tel_left{ margin-top: 3%;}
.contact_tel_container{ margin-top: 3%;}
}

/* form */
.form_word_content{ width: 100%; margin-top: 4%;}

.form_word_content form .base_form{ width: 47.5%; float: left; border-bottom: 2px solid #be1920; margin-right: 5%; box-sizing: border-box; position: relative; padding:0 20px 10px; margin-bottom: 3%;}
.form_word_content form .base_form span{ position:absolute;right:70px; bottom:20px;}
.form_word_content form .base_form:nth-child(2n){ margin-right: 0;}
.base_form p{ float: left; font-size: 18px; line-height: 1.5em; color: #333333; margin-right: 5px; letter-spacing: 0.6px;}
.form_word_content .base_form input{border:none; background:none;outline:none;  float: left; width: 60%; line-height: 1.5em;font-size: 18px; margin-bottom: 0px;color: #545454;font-family: "Microsoft YaHei","Arial"; letter-spacing: 0.6px; font-weight: normal;}
.form_word_content .base_form img{height: 32px; float: right; display: block; margin-bottom: 5px;}
.form_word_content textarea{ width: 100%;border:none; background:none;outline:none; box-sizing: border-box; border: 2px solid #be1920; height: 270px; margin-top: 1%; padding: 25px 30px;font-family: "Microsoft YaHei","Arial"; color: #545454; font-size: 18px; letter-spacing: 0.6px;}

.form_word_content textarea::-webkit-input-placeholder{
          color:#333;
}
.form_word_content textarea::-moz-placeholder{
          color:#333;
}
.form_word_content textarea:-moz-placeholder{
          color:#333;
}
.form_word_content textarea:-ms-input-placeholder{
          color:#333;
}
.form_word_content button{ border:none; background:none;outline:none; width:360px; height: 70px; line-height: 70px;  text-align: center; background: #be1920; border-radius: 5px; overflow: hidden; font-size: 22px; color: #fff; letter-spacing: 0.6px; display:block;margin: 3.5% auto 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.form_word_content button:hover{background: #fa8c35;}

@media screen and (max-width:1450px){
.form_word_content button{ width: 300px; height: 60px; line-height: 60px;}
.form_word_content .base_form img{height: 30px;}
.form_word_content .base_form input{ width: 55%;}
}
@media screen and (max-width:1300px){
  .form_word_content .base_form input{ width: 50%;}
  .base_form p{ font-size: 16px;}
  .form_word_content .base_form input{ font-size: 16px;}
  .form_word_content textarea{ font-size: 16px;}
}

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

.form_word_content .base_form input{ width: 43%;}
}
@media screen and (max-width:900px){
.form_word_content form .base_form{ width: 100%;}
.form_word_content .base_form input{ width: 68%;}
.form_word_content .base_form img{ height: 30px;}
}

@media screen and (max-width:560px){
.form_word_content button{ width: 70%; font-size: 4vw; height: 12vw; line-height: 12vw;}
.base_form p,.form_word_content textarea,.form_word_content .base_form input{ font-size: 3.8vw;}
.form_word_content .base_form input{ width: 46vw;}
.form_word_content .base_form img{ height: 6vw;}
.form_word_content form .base_form{ padding: 0 2.5vw 2vw; margin-bottom: 4vw;}
.form_word_content textarea{ height: 30vw;padding: 2vw 2.5vw;}

.form_word_content form .base_form span{bottom:13px;}
.form_word_content{ margin-top: 5%;}
.related_title{ margin-top: 6%;}
}

/* department contact */
.department_container{ width: 100%; margin-top: 3%;}
.department_container ul li{ width: 32%; float: left; margin: 0 2% 2% 0; box-sizing: border-box; background: #f8f8f8; height: 170px;    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; padding: 0 30px;
    }
.department_container ul li:nth-child(3n){ margin-right: 0;}
.department_container ul li h3{ font-size: 24px; line-height: 1em; color: #333; font-weight: normal; letter-spacing: 0.6px; border-left: 6px solid #e6656b; box-sizing: border-box; padding-left: 13px; text-align: left; margin-bottom: 13px;}
.department_container ul li p{ font-size: 20px; line-height: 1.4em; color: #5e5e5e; letter-spacing: 0.2px;}

@media screen and (max-width:1450px){
  .department_container ul li h3{ font-size: 22px;}
  .department_container ul li p{ font-size: 18px;}
  .department_container ul li{ padding: 0 2%; height: 150px;}
}

@media screen and (max-width:1100px){
  .department_container ul li h3{ font-size: 20px;}
  .department_container ul li p{ font-size: 16px;}
}
@media screen and (max-width:650px){
.department_container ul li{ width: 49%;}
.department_container ul li:nth-child(3n){ margin-right: 2%;}
.department_container ul li:nth-child(2n){ margin-right: 0;}
}

@media screen and (max-width:560px){
.department_container ul li{ height: 30vw; padding: 0 4vw;}
.department_container ul li h3{ font-size: 4.2vw; padding-left: 2vw; margin-bottom: 2vw;}
.department_container ul li p{ font-size: 3.8vw;}
.department_container{ margin-top: 4%;}
}

/* honor */
.honor_heng_content{ width: 100%;font-size:0;}
.honor_heng_content ul li{ width: 32%;  margin: 0 2% 3% 0; text-align: center; display: inline-block;*display:inline;*zoom:1;vertical-align: top; }
.honor_heng_content ul li:nth-child(3n){ margin-right: 0;}
.honot_img{ width: 100%; box-sizing: border-box; border: 1px solid #d2d0d1; overflow: hidden;}
.honot_img img{ display: block; width: 100%; height: auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.honor_heng_content ul li:hover .honot_img img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}
.honor_heng_content ul li p{ font-size: 16px; line-height: 1.5em; color: #444444; letter-spacing: 0.6px; margin-top: 4.5%;}
.honor_shu_content ul li{ width: 23.5%;}
.honor_shu_content ul li:nth-child(3n){ margin-right: 2%;}
.honor_shu_content ul li:nth-child(4n){ margin-right: 0;}

@media screen and (max-width:560px){
.honor_heng_content ul li p{ font-size: 3.6vw;}
.honor_heng_content ul li{width: 49%;}
.honor_heng_content ul li:nth-child(3n){margin-right: 2%;}
.honor_heng_content ul li:nth-child(2n){ margin-right: 0;}
.honor_heng_content ul li p{ margin-top: 2.5vw;}
.honor_shu_content ul li{ width: 49%;}
}

.honor_title{ margin-top: 3%;}
.guojiaji_honor_content{ width: 100%; margin-top: 3%;}
.guojiaji_honor_content h3{ font-weight: normal; font-size: 20px; line-height: 1.5em; color: #fff; letter-spacing: 0.6px;display: box;              /* OLD - Android 4.4- */

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;}

.guojiaji_honor_content h3 span,.guojiaji_honor_content p span{ padding: 10px 30px; box-sizing: border-box; background: #be1920;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; float:left;
}
.guojiaji_honor_content h3 span i{ width: 30px; float: left; margin:2px 10px 0 0;}
.guojiaji_honor_content h3 span i img{ width: 100%; height: auto;}
.guojiaji_honor_content h3 span.guojiaji1,.guojiaji_honor_content p span.guojiaji1{ width: 41%; margin-right: 1%;}
.guojiaji_honor_content h3 span.guojiaji2,.guojiaji_honor_content p span.guojiaji2{ width: 43%;margin-right: 1%; }
.guojiaji_honor_content h3 span.guojiaji3,.guojiaji_honor_content p span.guojiaji3{ width: 14%;}
.guojiaji_honor_content h3 span.guojiaji1 i{ margin-top: -2px;}

.guojiaji_honor_content p{ font-size: 16px;  line-height: 1.5em;color: #333333; letter-spacing: 0.6px; margin-top: 8px;display: box;              /* OLD - Android 4.4- */

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;}
.guojiaji_honor_content p span{ background: #e3e3e3; padding: 15px 30px;}
.guojiaji_honor_content p i{ display: none;}
.guojiaji_honor_content h3:after,.guojiaji_honor_content p:after{
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;

}

.guojiaji_honor_content p:nth-child(odd) span{ background: #f6f6f6;}

@media screen and (max-width:1500px){
.guojiaji_honor_content h3 span i{ width: 25px;margin: 3px 7px 0 0;}
}

@media screen and (max-width:1400px){
  .guojiaji_honor_content h3 span,.guojiaji_honor_content p span{ padding: 10px 15px;
  }
}

@media screen and (max-width:1100px){
.guojiaji_honor_content h3 span i{ display: none;}
}

@media screen and (max-width:560px){
.guojiaji_honor_content h3{ display: none;}
.guojiaji_honor_content p{ display: block; font-size:4vw; box-sizing: border-box; padding: 2vw 4vw;}
.guojiaji_honor_content p span{ display: block; float: none; padding: 0; margin: 1.2vw 0; background: none;}
.guojiaji_honor_content p:nth-child(odd) span{ background: none;}
.guojiaji_honor_content p{ background: #e3e3e3;}
.guojiaji_honor_content p:nth-child(odd){ background: #f6f6f6;}
.guojiaji_honor_content p span.guojiaji1{ width: 100%; margin-right: 0;}
.guojiaji_honor_content p span.guojiaji2{ width: 100%;margin-right: 0; }
.guojiaji_honor_content p span.guojiaji3{ width: 100%;}
.guojiaji_honor_content p i{ display:inline-block; color: #be1920; font-style: normal;}
.guojiaji_honor_content{ margin-top: 4%;}
}


.zhuanli_honor_content h3 span.guojiaji1,.zhuanli_honor_content p span.guojiaji1{ width: 24%; margin-right: 1%;}
.zhuanli_honor_content h3 span.guojiaji2,.zhuanli_honor_content p span.guojiaji2{ width: 24%;margin-right: 1%; }
.zhuanli_honor_content h3 span.guojiaji3,.zhuanli_honor_content p span.guojiaji3{ width: 50%;}

.zhuanli_honor_content p span.guojiaji1{ word-break:break-all;}

@media screen and (max-width:560px){
.zhuanli_honor_content p span.guojiaji1{ width: 100%; margin-right: 0;}
.zhuanli_honor_content p span.guojiaji2{ width: 100%;margin-right: 0; }
.zhuanli_honor_content p span.guojiaji3{ width: 100%;}
.zhuanli_honor_content p span.guojiaji1{ word-break:normal;}
}

/*floor*/
.floorcon{ position:relative;}
.floor{ position:absolute; left:0; top:-110px;}


/*sitemap*/
.content_sitemap{ width:100%; overflow:hidden; margin:0 auto;border: 1px solid #ccc;
padding: 40px 30px 0 30px;box-sizing:border-box;-webkit-box-sizing: border-box; }

.content_sitemap ul{ margin-bottom:40px; width:100%; overflow:hidden;}
.content_sitemap h3{ font-size:21px; line-height:24px; border-bottom:1px dotted #ccc;padding-bottom:15px; color:#313131; }
.content_sitemap h3 a{color:#313131; }

.content_sitemap ul li{ float:left; padding-right:25px; font-size:16px; line-height:20px; margin-top:15px;}

.content_sitemap ul li a{ color:#636363;}

.content_sitemap ul.xxww li{ padding-right:0; width:100%;}


@media screen and (max-width:900px) {
.content_sitemap{
padding: 20px 10px 0 10px; }
.content_sitemap ul{ margin-bottom:20px;}
.content_sitemap h3{ font-size:18px; padding-bottom:10px;}
.content_sitemap ul li{  padding-right:15px; font-size:15px;  margin-top:10px;}
}

/*404*/

.mag404{ width:100%; height:70px;}
.content404{ width:100%; margin:0 auto 0 auto;}
.top404{ width:100%; text-align:center;}

.top404 img{ display:block; max-width:50%; height:auto; margin:0 auto;}

.top404 h3{ font-size:20px; font-weight:normal; line-height:1.5em; margin-top:2%; color:#3f3f3f;}


.bottom404{ width:100%; margin-top:4%;}
.bottom404 h3{ font-size:21px; line-height:1.5em; border-bottom:1px dotted #bdbdbe; text-transform:uppercase;  color:#313131; padding-bottom:15px; margin-top:30px;}
.bottom404 h3 a{color:#464646;}

.bottom404 h4{ font-size:20px; font-weight:normal; text-transform:capitalize; margin-top:10px;    line-height: 2em;}

.bottom404 h4 a{ color:#626262; margin-right:2%;}


@media screen and (max-width: 1200px){
.top404 img{ max-width:80%; }
}

@media screen and (max-width: 600px){
.top404 h3{ font-size:14px;}
.top404 img{ max-width:100%; }
.bottom404 h3{ font-size:18px;padding-bottom:12px; margin-top:12px;}
.bottom404 h4{ font-size:16px;}
}