@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:nth-child(6){ padding:0 20px; cursor:pointer; position:relative; width: 170px;}
.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 {display: block;height: 60px;color: #000;position: relative;font-weight: 700;margin-top: 30px;text-align: center;}
.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;}

.pro_div_con{max-width: 1200px;margin:0 auto;}
.pro_div_con .secondtype{width: 100%;background: #f9f9f9;margin:30px 0;}
.pro_div_con .secondtype li{float: left;margin:0 2.5% 0 2%;}
.pro_div_con .secondtype li a{width:100%;color: #6f6f6f;display: block;padding:18px 0;cursor: pointer;border-bottom: 3px solid #f9f9f9;;}
.pro_div_con .secondcolor,.secondtype li a:hover{color:#000 !important;border-bottom:3px solid #f6d300 !important;}

.pro_div_con .thirdtype{width: 100%;}
.pro_div_con .thirdtype li{float: left;margin: 0 3% 10px 1%;}
.pro_div_con .thirdtype li a{width:100%;display: block;padding: 10px 12px;color: #6f6f6f;cursor: pointer;text-align: center;}
.pro_div_con .thirdcolor,.thirdtype li a:hover{color: #000 !important;background: #f6d300 !important;border-radius: 36px;}

.pro_div_con .pro_list{width: 100%;display: flex;flex-wrap: wrap; margin:30px 0 0 0;}
.pro_div_con .pro_list li{width:25%;padding:20px;box-sizing: border-box;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}

.pro_div_con .pro_list li:nth-of-type(4n){border-right: none;}
.pro_div_con .pro_list li:nth-of-type(1){border-top: 1px solid #e2e2e2;}
.pro_div_con .pro_list li:nth-of-type(2){border-top: 1px solid #e2e2e2;}
.pro_div_con .pro_list li:nth-of-type(3){border-top: 1px solid #e2e2e2;}
.pro_div_con .pro_list li:nth-of-type(4){border-top: 1px solid #e2e2e2;}

.pro_div_con .pro_list li:hover{background: #f8f8f8;}
.pro_div_con .pro_list li h2{margin: 24px 0 20px;font-size: 20px;font-weight: bold;text-align: center;line-height: 1.5em;height: 3em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pro_div_con .pro_list li .imga{width: 259px;height: 259px;display:flex; align-items:center; justify-content:center;overflow: hidden;}
.pro_div_con .pro_list li .clickimg{background: #fff;height: 100%;max-width: inherit;}

.pro_div_con .pro_bottom{border-top:1px solid #e2e2e2;padding:24px 0 0 0;}
.pro_div_con .pro_list li .pro_choose{display: inline-flex;align-items: center;cursor: pointer;}
.pro_div_con .pro_list li .pro_choose span{display: block;width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 3px;margin-right: 12px;box-sizing: border-box;position: relative;}

.pro_div_con .pro_list li .pro_more{display: block;text-align: center;width: 50%;padding: 8px 0;font-size: 14px;border-radius: 5em;border: 1px solid #333;color: #333;cursor: pointer;box-sizing: border-box;-webkit-transition: background 0.5s, border 0.5s;float:right;margin:-6px 0 0 0;}
.pro_div_con .pro_list li .pro_more:hover{background: #f6d300;border-color: #f6d300;}
.ismyspan{transform: rotate(45deg) !important;}
.pro_list li .pro_choose .span_on{ background:#f6d300; border-color:#f6d300;}
.pro_list li .pro_choose .span_on:after{ position:absolute; content:""; left:50%; top:50%; margin-left:-3px; margin-top:-7px; display:inline-block; width:4px; height:10px; border-width:0px 2px 2px 0px; border-color:#2a2a2a; border-style:solid; transform:rotate(45deg);}

.duibi{ position:fixed; right:0; bottom:140px; z-index:99; border-radius:5px 0px 0px 5px; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); width:350px; overflow:hidden;}
.duibi_t{ display:flex; align-items:center; justify-content:space-between; background:#f6d300; padding:10px 20px; cursor:pointer;}
.duibi_t p{ display:flex; align-items:center;}
.duibi_t p img{ margin-right:8px; height:24px;}
.duibi_t span{ display:inline-block; width:6px; height:6px; border-width:0px 2px 2px 0px; border-color:#2a2a2a; border-style:solid; transform:rotate(-135deg);}
.ismyspan{transform: rotate(45deg) !important;}
.duibi_b{ padding:30px 20px; display:none;}
.duibi_b .choose_pro{ background:#f2f2f2; border-radius:5em; display:flex; align-items:center; justify-content:space-between; padding:11px 20px; margin-bottom:30px; cursor:pointer;position: relative;}
.duibi_b .choose_pro select{border:none;width: 100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height: 26px;background: none;}
.duibi_b .choose_pro span{ position:absolute; width:6px; height:6px; border-width:0px 2px 2px 0px; border-color:#2a2a2a; border-style:solid; transform:rotate(45deg);right: 24px;top: 16px;}
.duibi_b .ul_duibi{ border-top:1px solid #e2e2e2; margin-bottom:30px;}
.duibi_b .ul_duibi li{ border-bottom:1px solid #e2e2e2; font-size:14px; padding:1em 8px; display:flex; align-items:center; justify-content:space-between;}
.duibi_b .ul_duibi li p{}
.duibi_b .ul_duibi li span{ width:18px; height:18px; position:relative; cursor:pointer;}
.duibi_b .ul_duibi li span:before{ position:absolute; content:""; display:block; width:16px; height:2px; background:#999; transform:rotate(45deg); top:10px; right:0;}
.duibi_b .ul_duibi li span:after{ position:absolute; content:""; display:block; width:16px; height:2px; background:#999; transform:rotate(-45deg); top:10px; right:0;}
.duibi_b .a_duibi{ display:block; width:72%; margin:0 auto 30px; text-align:center; padding:14px 2em; font-size:14px; border-radius:5em; background:#f6d300; color:#2a2a2a; cursor:pointer; box-sizing:border-box;}
.duibi_b .clear_pro{ display:flex; align-items:center; justify-content:center; cursor:pointer;}
.duibi_b .clear_pro img{ height:20px; margin-right:4px;}
.duibi_b .clear_pro p{ color:#999;}

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