@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;}
.down_con{ max-width:1200px; margin:0 auto 0px;}
.h2_title{ font-size:26px; font-weight:bold; padding:50px 0; line-height:1em; text-align:center;}
.div_type{ display:flex; background:#434a53; padding:0 360px; margin:0 -360px 50px;}
.div_type .div_type_l{ background:#2e3540; width:800px; padding:30px 20px 0; box-sizing:border-box;}
.div_type .div_type_l .ul_choose{display:flex;}
.div_type .div_type_l .ul_choose:first-child{ margin-bottom:12px;}
.div_type .div_type_l .ul_choose h3{ color:#fff;width: 80px;text-align: right;}
.div_type .div_type_l .ul_choose ul{display:flex; align-items:center;flex-wrap: wrap;flex: 1;}
.div_type .div_type_l .ul_choose ul li a{color:#ccc; margin: 0 0 16px 30px; display:flex; align-items:center; cursor:pointer;}
.div_type .div_type_l .ul_choose li span{ display:block; width:20px; height:20px; box-sizing:border-box; border-radius:3px; border:1px solid #ccc; margin-right:8px; position:relative;}
.div_type .div_type_l .ul_choose .li_choose_on span:after{ position:absolute; content:""; left:50%; margin-left:-2.5px; display:inline-block; width:4px; height:12px; border-width:0px 2px 2px 0px; border-color:#f6d300; border-style:solid; transform:rotate(45deg);}

.div_type .div_type_r{ background:#242a35; width:400px; padding:30px 20px; box-sizing:border-box;}
.div_type .div_type_r a{ background:#f6d300; color:#2a2a2a; padding:10px 24px; border-radius:5px; display:inline-block;cursor: pointer;margin:20px 0 0 0;}

.ul_down{ padding:0 15px; margin:0 -30px; display:flex; flex-wrap:wrap;}
.ul_down li{ display:flex; padding:40px; box-sizing:border-box; border:1px solid #eaeaea; border-radius:5px; width:calc(50% - 30px); margin:0 15px 30px; -webkit-transition:box-shadow 0.5s, border 0.5s;}
.ul_down li .li_down_l{ position:relative; margin-right:20px;}
.ul_down li .li_down_l img{ height:54px; padding-right:10px;}
.ul_down li .li_down_l p{ width:40px; text-align:center; background:#333333; color:#fff; border-radius:3px; padding:4px 0; font-size:12px; position:absolute; right:0; top:27px;}
.ul_down li .li_down_r{}
.ul_down li .li_down_r h3{ font-size:20px; margin-bottom:20px;}
.ul_down li .li_down_r a{ margin-bottom:32px;font-size: 12px;text-decoration: underline;cursor:pointer;display: inline-block;}
.ul_down li .li_down_r p{ display:flex; align-items:center;}
.ul_down li .li_down_r p span{ background:#f2f2f2; display:flex; align-items:center; padding:8px 20px; border-radius:5em; margin-right:20px; color:#666;}
.ul_down li .li_down_r p span img{ height:16px; margin-right:8px;}

.ul_down li:hover{ box-shadow: 0px 15px 30px -10px rgba(0,0,0,0.2); border-color:#f2f2f2;}

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