@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;text-align: center;line-height:55px;}
.ny_nav .ul_ny_nav li a:after{ position:absolute; content:""; width:100%; height:4px; background:#d0ec4e; 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;    justify-content: space-between;}
.breadcrumb .mbx{max-width:70%;}
.breadcrumb li{ position:relative; padding:10px 4px;display: inline-block;}
.breadcrumb li a{ color:#999;}
.breadcrumb li:after{ content:"/"; margin-left:8px; color:#999;}
.breadcrumb li:last-child:after{ display:none;}
.form{position:inherit;}


.pro_list .description{line-height: 1.4em;white-space: pre-line;overflow: hidden;height: 2.8em;margin-bottom: 0.5em;text-align: center;}
.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#d0ec4e !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:#d0ec4e !important;border-radius: 36px;color:#fff !important;}

.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: 18px;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:#d0ec4e;border-color:#d0ec4e;}
.ismyspan{transform: rotate(45deg) !important;}
.pro_list li .pro_choose .span_on{ background:#d0ec4e; border-color:#d0ec4e;}
.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:#d0ec4e; 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:#d0ec4e; 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;}


/* 产品展示 */
.pro_show{ max-width:1200px; margin:50px auto 100px; display:flex;}
.pro_show_l{}
.pro_img_b{ position:relative; width:580px; height:580px; display:flex; align-items:center; justify-content:center; border-radius:15px; overflow:hidden; box-sizing:border-box; border:1px solid #f2f2f2;}
.pro_img_b .pro_det_img{ max-height:100%;}
.pro_img_b .icon_zoom{ position:absolute; width:35px; right:15px; bottom:15px;}
.pro_img_s{ display:flex; margin-top:26px; flex-wrap:wrap; width:580px;}
.pro_img_s li{ border-radius:10px; width:80px; height:80px; box-sizing:border-box; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; margin-right:10px; margin-bottom:10px;}
.pro_img_s li img{ max-height:100%;}
.pro_img_s .pro_img_s_on{ border:1px solid #ccc;}

.pro_show_r{ margin-left:50px; padding:50px 0;width: 100%;}
.pro_show_r .pro_name{ font-size:36px; font-weight:bold; margin-bottom:24px;}
.pro_show_r ol{line-height:26px;white-space:pre-wrap;}
.pro_show_r ol li{ font-size:16px; margin-bottom:16px; color:#666;}
.pro_show_r .div_models{ padding:1em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:36px 0;}
.pro_show_r .div_models p{ color:#000;}
.pro_show_r .div_models p span{ color:#666;}
.pro_show_r .a_pdf{ display:inline-flex; align-items:center; background:#d0ec4e; padding:6px 1em; border-radius:5em;margin: 10px 4px 0 0;}
.pro_show_r .a_pdf img{ height:28px; margin-right:8px;}
.pro_show_r .a_pdf p{ color:#2a2a2a;}
.pro_show_r .a_pdf:hover p{ color:#2a2a2a;}

.pro_show_r select{padding:6px 2px;cursor:pointer;}
.pro_show_r .mydownload{display:none;border:1px solid#d0ec4e;padding:7px 12px;background:#d0ec4e;cursor: pointer;margin:20px 0 0 6px;border-radius: 4px;}
.pro_info{text-align: center;}
.bg_color{ background:#f9f9f9;}

.pro_show_r .mynewdownload h2{color:#000;}
.pro_show_r .mynewdownload a{padding: 10px 16px;background:#f3d600;border-radius:35px;cursor:pointer;margin:10px 10px 0 0;float:left;}


.ul_info_nav{ width:1200px; margin:0 auto; border:1px solid #e2e2e2; border-radius:5em; background:#fff; display:flex; align-items:center; padding:14px 80px 14px; box-sizing:border-box; position:relative; top:-35px; z-index:9;}
.ul_info_nav li{ flex:1; text-align:center;}
.ul_info_nav li p{ border-bottom:1px solid #fff; display:inline-block; line-height:1em; padding:6px 0; position:relative; font-size:18px; cursor:pointer;}
.ul_info_nav li p:after{ position:absolute; content:""; display:block; width:100%; height:2px; background:#fff; bottom:-4px; left:0px;}

.ul_info_nav .li_on p{ border-bottom:1px solid#d0ec4e;}
.ul_info_nav .li_on p:after{ background:#d0ec4e;}

.ul_info_nav_jq{ position:fixed; top:60px; left:50%; transform:translateX(-50%); z-index:99999; width:1200px;}

.char{ max-width:1200px; margin:0 auto; padding:30px 0;}
.char_jq{ padding:100px 0 30px;}
.char .det_title{ text-align:center; font-size:28px; font-weight:bold;}
.char .char_info{ padding:60px 0; text-align:center; justify-content:space-between;word-break: break-word;text-indent: 2em;line-height: 24px;} 
.char .char_info img{display: inline-block;}
.char .char_info .char_text{ width:47%;}
.char .char_info .char_text h2{ font-size:20px; font-weight:bold; line-height:1.35em; margin-bottom:1em;}
.char .char_info .char_text p{ font-size:16px; color:#666; margin:10px 0;}

.para{ max-width:1200px; margin:0 auto; padding:80px 0;}
.para .det_title{ text-align:center; font-size:28px; font-weight:bold;}
.para .para_db{ display:inline-flex; align-items:center; padding:10px 20px; border-radius:5em; background:#d0ec4e;}
.para .para_db img{ height:22px; margin-right:8px;}
.para .para_db p{}
.para .para_td{ margin-top:20px;overflow:hidden;}
.para .para_td_jq{ height:auto; overflow:inherit;}
.para .para_td table{ border:1px solid #ccc;width: 100%;border-collapse:collapse;border-width:thin;margin:0 auto;}
.para .para_td table tr td{ padding:14px 10px; line-height:1.5em;border: 1px solid #ccc;}
.para .para_td table tr .mytd1{font-size:18px; width:300px;}
.para .para_td .p_tips{ margin:1em 0 4em; color:#797979; white-space:pre-wrap;font-size:13px;}
.para .para_td .p_tips span{ font-size:18px;}
.div_more{ position:relative;}
.div_more .para_more{ display:block; width:200px; border:1px solid #666; border-radius:5em; padding:14px 0; text-align:center; margin:0 auto; cursor:pointer;}
.div_more:after{ position:absolute; content:""; width:100%; height:400px; top:-400px; left:0; background:linear-gradient(to bottom,transparent 0%,#fff 80%);}
.div_more_jq:after{ display:none;}

.oper_video{ max-width:1200px; margin:0 auto; padding:80px 0;}
.oper_video .det_title{ text-align:center; font-size:28px; font-weight:bold; margin-bottom:50px;}
.oper_video .div_video{ position:relative;}
.oper_video .div_video .icon_play{ position:absolute; z-index:9; width:84px; height:84px; left:50%; top:50%; margin-left:-42px; margin-top:-42px; cursor:pointer;}

.rela_pro{ max-width:1200px; margin:0 auto; padding:80px 0;}
.rela_pro .det_title{ text-align:center; font-size:28px; font-weight:bold; margin-bottom:50px;}
.ul_pro_con{ display:flex; flex-wrap:wrap; border-top:1px solid #e2e2e2;}
.ul_pro_con li{ width:33.33%; padding:20px; box-sizing:border-box; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; -webkit-transition:background 0.5s;}
.ul_pro_con li:nth-child(3n){ border-right:none;}
.ul_pro_con li:hover{ background:#f8f8f8;}
.ul_pro_con li .pro_img{ width:358px; height:358px; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.ul_pro_con li .pro_img img{ max-height:100%;}
.ul_pro_con li .pro_name{ margin-top:24px; 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;}
.ul_pro_con li .pro_info{ padding:16px 16px 0; margin:16px 0; height:64px; overflow:hidden; border-top:1px solid #e2e2e2;}
.ul_pro_con li .pro_info p{ color:#666; padding:0px 0 0px 10px; margin-bottom:8px; position:relative;}
.ul_pro_con li .pro_info p:after{ position:absolute; content:""; width:3px; height:3px; border-radius:100%; background:#797979; left:0px; top:8px;}
.ul_pro_con li .pro_more{ display:block; margin:0 auto 20px; text-align:center; width:100%; padding:12px 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;}
.ul_pro_con li .pro_more:hover{ background:#d0ec4e; border-color:#d0ec4e;}

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