@charset "utf-8";
/* CSS Document */

body{ overflow-x:hidden;}

.ny_nav{ border-bottom:1px solid #e2e2e2; width:100%; margin-top:20px;}
.ny_nav .ul_ny_nav{ display:flex; align-items:center; max-width:1200px; margin:0 auto;}
.ny_nav .ul_ny_nav li{ padding:0 20px; cursor:pointer; position:relative;}
.ny_nav .ul_ny_nav li:after{ position:absolute; content:""; display:block; width:1px; height:18px; background:#ccc; right:0; top:50%; margin-top:-9px;}
.ny_nav .ul_ny_nav li:first-child{ padding-left:0px;}
.ny_nav .ul_ny_nav li:last-child:after{ display:none;}
.ny_nav .ul_ny_nav li a{ display:block; height:60px; line-height:60px; color:#000; position:relative; font-weight:bold;}
.ny_nav .ul_ny_nav li a:after{ position:absolute; content:""; width:100%; height:4px; background:#f6d300; bottom:0px; left:50%; transform:translateX(-50%); width:0%;  -webkit-transition:width 0.5s;}
.ny_nav .ul_ny_nav li:hover a:after{ width:100%;}
.ny_nav .ul_ny_nav .li_ny_nav_on{}
.ny_nav .ul_ny_nav .li_ny_nav_on a:after{ width:100%;}

.breadcrumb{ display:flex; align-items:center; max-width:1200px; margin:0 auto 0px; padding:10px 0;}
.breadcrumb li{ position:relative; padding:10px 4px;}
.breadcrumb li a{ color:#999;}
.breadcrumb li:after{ content:"/"; margin-left:8px; color:#999;}
.breadcrumb li:last-child:after{ display:none;}


.con{ min-height:500px;}
.contact_con{ max-width:1200px; margin:0 auto 100px;}
.h2_title{ font-size:26px; font-weight:bold; padding:50px 0; line-height:1em; text-align:center;}
.contact_info{}
.contact_info .img_map{ margin:0 auto 60px;}
.ul_contact{ display:flex; padding:0 12px; margin:0 -24px;}
.ul_contact .li_contact{ width:calc(33.33% - 24px); margin:0 12px; border:1px solid #eaeaea; border-radius:5px; -webkit-transition: box-shadow 0.5s;}
.ul_contact .li_contact h2{ padding:16px 24px; border-bottom:1px solid #e2e2e2; display:flex; align-items:center;}
.ul_contact .li_contact h2 img{ height:30px; margin-right:12px;}
.ul_contact .li_contact h2 span{ font-size:20px; font-weight:bold;}

.ul_contact .li_contact .ul_text{ padding:16px 24px;}
.ul_contact .li_contact .ul_text li{ border-bottom:1px solid #f2f2f2; padding-bottom:16px; margin-bottom:16px;}
.ul_contact .li_contact .ul_text li:last-child{ border-bottom:none; margin-bottom:0px;}
.ul_contact .li_contact .ul_text li h3{ font-size:16px; margin-bottom:12px;}
.ul_contact .li_contact .ul_text li p{ color:#797979; line-height:1.5em;}

.ul_contact .li_contact:hover{ box-shadow: 0px 15px 30px -5px rgba(0,0,0,0.2);}


/*手机端样式*/
@media screen and (max-width: 768px){
}