@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_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:#f6d300; 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 #f6d300;padding:7px 12px;background: #f6d300;cursor: pointer;margin:20px 0 0 6px;border-radius: 4px;}
.pro_info{}
.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 #f6d300;}
.ul_info_nav .li_on p:after{ background:#f6d300;}

.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; align-items: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:#f6d300;}
.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:#f6d300; border-color:#f6d300;}

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


