/*内页*/
.subpage {width: 100%; min-height:600px; padding-bottom:10%;}
.subpage_main { width:100%; max-width:1240px; margin:0px auto;font-size:16px; line-height:30px}
.subpage_main img { width:auto; max-width:1240px; margin:15px auto;}
.subnav { width: 100%; text-align: center; min-height: 60px; margin: 70px 0px 50px 0px }
.subnav ul li { display:inline-block; margin:0px 5px;width:212px; height:54px; line-height:54px; text-align:center; font-size:18px; color:#333; border:#e6e6e6 1px solid; border-radius:30px; box-shadow:3px 3px 3px #eaeaea}
.subnav ul li:hover { background:#5ead00; border:#5ead00 1px solid; color:#fff; }
.subnav ul li:hover a { color:#fff;}
.subnav ul li.on {background:#5ead00; border:#5ead00 1px solid; color:#fff;}
.subnav ul li.on a { color:#fff;}
.m_page_nav {display:none;margin-top:50px;}
.m_page_nav li{width: 100%;}
.m_page_nav li dl{display: block; border-bottom:#eaeaea 1px solid; box-shadow:3px 3px 3px #f5f5f5;}
.m_page_nav li dl dt{padding:1.2% 1.5% 1% 1.5%; cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
.m_page_nav li dl dt span{font-size:20px; color: #333; line-height: 200%; color:#5ead00}
.m_page_nav li dl dt i{transition: 0.6s; width:21px; height:20px; background:url(../images/down.png) no-repeat center center; margin-right:8px;}
.m_page_nav li.active dl dt i { background:url(../images/top.png) no-repeat center center}
.m_page_nav li dl dd{display: none; padding:0; border-top: 1px solid #d0d0d0; background: #f8f8f8;}
.m_page_nav li dl dd a{display: block; font-size: 18px; color: #434144; line-height: 200%; padding: 1.2% 0; border-bottom: 1px solid #cecece; text-align: center;}
.m_page_nav li dl dd a:last-child{border-color: transparent;}
.m_page_nav li dl dd a.active{color: #f8b62d;}
.m_page_main {padding:0px 1rem 1.5rem 1rem;}


.m_page_title { width: 100%; height: 56px; text-align: center; display: block; background: url(../images/m_index_title.png) no-repeat center top; margin:40px 0px 30px 0px; }
.m_page_title span.title { font-size:24px; height:36px; display:block; line-height:36px;font-weight:bold; color:#333; padding-left:50px;}
.m_page_title span.fu { display:block; font-size:14px; color:#ccc; font-weight:normal;}

.m_page_main { width: 100%; max-width: 1240px; margin: 0px auto; padding-bottom:80px; font-size: 16px; line-height: 30px; border-bottom: #ddd 1px solid }
.m_page_main img { width:100%; max-width:1240px; overflow:hidden;}
.m_page_main:last-child { padding-bottom:0px; border-bottom:0}

.pic_list { width: 100%}
.pic_list li { width:23%; height: 350px; padding: 20px; border: #eaeaea 1px solid; box-shadow: 3px 3px 3px #eaeaea; display: table-cell; vertical-align: middle; float: left; margin: 0px 12px 28px 12px; background: #fff; }
.pic_list li a{display: block; width: 100%; height: 100%;}
.pic_list li .pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
.pic_list li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pic_list li p{transition: 0.6s; margin-top: 15px; padding: 0px; font-size: 16px; color: #434144; line-height: 24px; text-align: center;}
.pic_list li:hover {border:#5ead00 1px solid}
.pic_list li:hover p{color:#5ead00;}

.honor{ z-index: 1; position: relative; font-size:16px; }
.honor::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%;}
.honor_hd{position: relative; padding:0 50px;}
.honor_hd .swiper-container{ padding: 0px 0px 30px 0px; position: relative; }
.honor_hd .swiper-container:after{position: absolute; left: 0; top:16px; content: ""; width: 100%; height: 1px; background:#c8c8c8;}
.honor_hd .swiper-slide{transition: 0.4s; position: relative; padding-top: 32px; font-size: 24px; font-family: "Arial"; color: #666; text-align: center; cursor: pointer;}
.honor_hd .swiper-slide:after{z-index: 1; transition: 0.4s; position: absolute; left: 50%; top: 12px; margin-left: -4px; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #cccccc;}
.honor_hd .swiper-slide-active{color: #ebb700}
.honor_hd .swiper-slide-active:after {background-color:#ebb700}
.honor_hd .swiper-button-prev{transition: 0.4s; width: 32px; height: 32px; left: 0; top: 0; margin-top:0px; background: url("../images/btn_prev2.png") center center no-repeat; outline: none;}
.honor_hd .swiper-button-next{transition: 0.4s; width: 32px; height: 32px; right: 0; top: 0; margin-top:0px; background: url("../images/btn_next2.png") center center no-repeat; outline: none;}
.honor_hd .swiper-button-prev:hover{background-image: url("../images/btn_prev3.png");}
.honor_hd .swiper-button-next:hover{background-image: url("../images/btn_next3.png");}
.honor_bd{ z-index: 1; position: relative; padding: 40px; background: #fff; border:#f7f7f7 20px solid; }
.honor_bd::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width:1240px; height: 100%;}
.honor_bd .swiper-slide{ display: flex; align-items: flex-start; justify-content: space-between; background: #fff; }
.honor_bd .swiper-slide .honor_bd_words{width: 44.167%;}
.honor_bd .swiper-slide .honor_bd_words h5{ display: inline-block; font-size:24px; font-weight: bold; color: #e5b200; border-top: 2px solid #e5b200; padding-top: 15px; margin-bottom: 10px; }
.honor_bd .swiper-slide .honor_bd_words dl{margin-top: 10px;}
.honor_bd .swiper-slide .honor_bd_words dl dd{ font-size: 16px; color: #666; line-height: 24px; display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px; }
.honor_bd .swiper-slide .honor_bd_words dl dd em{ position: relative; display: inline-block; min-width:4.5em; padding-left: 1.5em; color: #333; }
.honor_bd .swiper-slide .honor_bd_words dl dd em:before{position: absolute; left: 5px; top: 50%; content: ""; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #3d3d3d;}
.honor_bd .swiper-slide .honor_bd_pic{display: block; position: relative; width: 510px; /*width: 55.834%; padding: 19.854% 0;*/ overflow: hidden;}
.honor_bd .swiper-slide .honor_bd_pic img{/*position: absolute; left: 0; top: 0;*/ width: 100%; height: 100%; object-fit: cover;}

.sub_title {font-size:40px; display: block;padding-top:80px}
.sub_title span { display: block; padding-bottom: 0px; height: 40px; padding-bottom: 5px; overflow: hidden; line-height: 36px; color: #333; }
.sub_title p.heng { width:60px; height:4px; background:#f8c311; overflow:hidden; margin-top:10px}

.newsList { width: 100%; margin: 0px; padding: 0px 0px 50px 0px;-webkit-animation:gdownIn 2s 1s both; -moz-animation:gdownIn 2s 1s both; animation:gdownIn 2s 1s both; }
.newsList li{ width:100%; padding:40px 0px;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 250px; border-bottom: #ddd 1px dotted;}
.newsList li div.list_detail {width:100%; margin:0px auto; position:relative}
.newsList li .list_main{ overflow: hidden; height: 165px; }
.newsList li .bd_r{ width: 265px; height: 165px; overflow: hidden; float: left; margin-right: 30px; }
.newsList li .bd_r img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 100%; height: 100%; }
.newsList li:hover .bd_r img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.newsList li .bd_l{ font-size:1em; color: #8d8b8b; padding: 0 0px 0px 30px; border-left: 1px dotted #e6e6e6; font-family: Arial; width: 60px; text-align: right; position: relative; }
.newsList li .bd_l_day{ display: block; font-size: 3.5em; color: #e20000; line-height: 50px; }
.newsList li .bd_c{ width: 100%; padding: 0; }
.newsList li .list_title{ font-size: 1.4em; font-weight: normal; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms }
.newsList li:hover .list_title { transition: all ease 600ms; color: #5ead00}
.newsList li .see_number{ color: #999; line-height: 30px; display: block; font-size: 12px; }
.newsList li .see_number em { margin-right:10px}
.newsList li .list_p{ font-size: 14px; color: #666; line-height:20px; height:42px; overflow: hidden; padding: 0px; }
.newsList li .bd_c .arrow{ width: 148px; height: 35px; border: 1px solid #e2e2e2; background: url("../images/arrow.png") no-repeat center center; transition: all ease 600ms; color: #186ce8; margin-top: 15px; }
.newsList li:hover .bd_c .arrow{ width: 200px; transition: all ease 600ms; background: url("../images/arrow1.png") no-repeat center center #5ead00; border: #5ead00 1px solid; }
.newsList li:hover .list_title a{color:#5ead00;}
.newsList li a i{display: inline-block;vertical-align:middle; margin:-1px 5px 0 -5px; width: 0px; height: 1px; background-color: #fff; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.newsList li a:hover i{ width: 30px; background: #5ead00; }

.news_top_title { padding:0px; text-align: center; margin: 60px auto 30px auto;}
.news_top_title h4 { font-size: 28px; line-height:35px; text-align: center; display: block; padding-bottom: 30px }
.news_top_title p { background:#f7f7f7; padding:5px 0px; line-height:20px; text-align:center; font-size:14px}
.news_top_title p span { display:inline-block; margin:0px 10px}
.news_neirong { width:100%;}
.news_neirong img { width:auto; max-width:100%; margin:15px auto;}
.share { height: 60px; line-height: 60px; font-size: 14px; color: #666; position: relative; margin-top: 50px; border-bottom: #f1f1f1 1px solid; border-top: #f1f1f1 1px solid; overflow: hidden; padding: 15px 0px; }
.share span { position: absolute; left: 0px; top: 0px }

.news_other { width: 100%; display: block; margin: 0px; padding: 30px 0px;}
.news_other h4 { background: none; height: auto; padding-bottom: 5px; }
.news_other li {line-height:32px; height:32px; font-size:16px; background:url(../images/notice_icon.png) no-repeat left center; padding-left:15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_other li span { font-size:14px; color: #999; margin-left: 30px; }

.return {margin:30px auto 0px auto; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#5ead00; display:block; display:none}
.return a { color:#fff;}

.page_numbers{text-align: center;padding:40px 0px;}
.page_numbers a.previous_page, .page_numbers a.next_page{ width:36px; height: 36px; line-height: 36px; color: #fff; text-align: center; font-size:18px; background:#5ead00;border-radius:5px;}
.page_numbers a{ display: inline-block; height:36px; line-height: 36px; width: 36px; background: #fff; text-align: center; font-size: 16px; color: #666; border-radius:5px; }
.page_numbers a:hover{ background: #f2c114; color: #fff; }
.page_numbers a.cur{ background: #f2c114; color: #fff; }

.contact { padding:30px 0px}
.contact p{ height:28px; line-height:28px; margin-top:15px; font-size:16px;}
.contact p img { width:28px; height:28px; border:#5ead00 1px solid; border-radius:50%; vertical-align:bottom; margin-right:10px}

#bmap{margin-top:40px; width: 100%; height: 410px; border: 1px solid #e1e1e1;}
#bmap img{max-width:none;}
.BMap_bubble_content{max-width:380px;}
.BMap_bubble_content p{font-size: 14px; color: #434144; line-height: 180%;}
.BMap_bubble_content p:nth-of-type(1){font-size: 16px; font-weight: bold; color: #bf0008; margin-bottom: 5px;}

.product_menu { width:241px; float:left; margin-top:60px}
.product_menu h2 { width:241px; height:93px; line-height:93px; text-align:center; font-size:28px; color:#fff; font-weight:bold; display:block; background:url(../images/pro_bg.jpg) no-repeat}

.product_menu ul{ display: inline-block; width: 241px; border: #5ead00 2px solid; border-radius: 0px 0px 10px 10px; background: #fff; margin-bottom: 30px; }
.product_menu #pc { display:block}
.product_menu #phone {display:none}
.product_menu ul li h3 { background: url(../images/promenu_bg.jpg) repeat-x left bottom; width:100%; height:60px; line-height:60px; font-size: 18px;cursor: pointer; border-bottom:#d8d8d8 1px solid; position:relative; }
.product_menu ul li h3 i { width:15px; height:15px; position:absolute; display:block; background:url(../images/jia.png) no-repeat center center; right:15px; top:24px}
.product_menu ul li h3:hover{background:url(../images/promenu_hover.jpg) repeat-x left bottom ;color:#5ead00; font-weight:bold; border-bottom:#5ead00 1px solid}
.product_menu ul li h3 a{ font-size:18px; color:#666; padding-left:20px;}
.product_menu ul li h3:hover a{color:#5ead00;}
.product_menu ul li.selected h3 {background:url(../images/promenu_hover.jpg) repeat-x left bottom ; color:#5ead00; font-weight:bold;border-bottom:#5ead00 1px solid }
.product_menu ul li.selected h3 a{color:#5ead00;}
.product_menu ul li:hover h3 i,.product_menu ul li.selected h3 i { background:url(../images/jian.png) no-repeat center center;}
.product_menu ul li:last-child h3 { border-bottom:0; border-radius:0px}
.product_menu ul li.selected:last-child h3 {border-bottom:#5ead00 1px solid;border-radius:0px}
.product_menu .list-item {border-bottom:#d8d8d8 1px solid;padding:10px 0px; display:none}
.product_menu ul li.selected .list-item { display:block}
.product_menu .list-item ul li {margin-bottom:1px}
.product_menu .list-item > a{ display: block; font-size:16px; height:50px; line-height:50px; padding-left:25px; background: url(../images/icon.png) 208px center no-repeat; color: #666;}
.product_menu .list-item > a:hover,.submenu .list-item > a.on{background:url(../images/icon_hover.png) 208px center no-repeat #fdfaf0; color:#ebb700; font-weight:bold}

.prolist { border: #5ead00 2px solid; border-radius: 10px; width: 100%; margin-top: 30px; background: #fff; }
.prolist h2 { background:#5ead00; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; display:block; border-radius:5px 5px 0px 0px; width:237px}
.prolist_swiper{ position: relative; display: block !important; margin:10px auto; }
.prolist_swiper .swiper-slide{position:relative;text-align:center; padding:20px 0px}
.prolist_swiper_btn .swiper-button-prev{ transition: 0.6s; z-index: 10; opacity: 1; background: url(../images/prev_v.png) no-repeat 5px center; width: 28px; height: 60px; border: #5ead00 2px solid; left: -2px; top: 48%; }
.prolist_swiper_btn .swiper-button-prev:hover {background:url(../images/prev_v.png) no-repeat -24px center #5ead00;}
.prolist_swiper_btn .swiper-button-next{ transition: 0.6s; z-index: 10; opacity: 1; background: url(../images/next_v.png) no-repeat 10px center; width: 28px; height: 60px; border: #5ead00 2px solid; right: -2px; top: 48%; }
.prolist_swiper_btn .swiper-button-next:hover {background:url(../images/next_v.png) no-repeat -24px center #5ead00;}

.product_content { width: 960px; float: right; margin-top: 60px }
.product_content h2.subpage_title { width: 100%; padding-left: 20px; height: 84px; line-height: 84px; border-bottom: #f2f2f2 2px solid; display: block; position: relative; font-size: 28px; background: url(../images/title.jpg) no-repeat left center; margin-bottom: 50px; }
.product_content h2.subpage_title span { position:absolute; text-align:right; font-size:14px; color:#ccc; right:0px; top:2px;}
.product_content h2.subpage_title a { font-size:14px; margin:0 8px}

.sub_product { margin-left: -30px; margin-bottom: 30px }
.sub_product li { width: 298px; height: 400px; float: left; overflow: hidden; padding-top: 15px; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; border: #eaeaea 1px solid; font-size: 16px; text-align: center; margin: 0px 0px 30px 30px; font-size: 16px }
.sub_product li p.pic { width: 90%; height: auto; overflow: hidden; margin: 0px auto 0px auto; }
.sub_product li img { width:100%; height:auto}
.sub_product li:hover { border: #5ead00 1px solid; }
.sub_product li:hover a { color:#5ead00; }

/*== 产品详情 ==*/
.pro_view1{ margin-top: 0px; display: flex; align-items: flex-start; justify-content: space-between; }
.pro_view1_left{ position: relative; width: 48.1429%; padding: 10px; border: 1px solid #eee; box-shadow: 3px 3px 3px #eaeaea; }
.pro_view1_bd .swiper-slide{ position: relative; padding: 10px 0px; }
.pro_view1_bd .swiper-slide .pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
.pro_view1_bd .swiper-slide .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view1_bd .swiper-slide p{ position: absolute; left: 0; bottom: 0px; width: 100%; font-size: 18px; color: #fff; line-height: 20px; padding: 10px 20px; background: rgba(0,0,0,0.5); text-align: center; z-index: 10; }
.pro_view1_hd{ position: absolute; left: 0; bottom: 60px; width: 100%; padding: 0 10px; }
.pro_view1_hd .swiper-slide{width: auto;}
.pro_view1_hd .swiper-slide a{ display: block; position: relative; width: 40px; height: 40px; overflow: hidden; background: #fff; }
.pro_view1_hd .swiper-slide a img{transition: 0.6s; border: 1px solid #cccccc; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view1_hd .swiper-slide.active a img{border-color: #313131;}
.pro_view1_right{width: 47.5%;}
.pro_view1_right h3{ margin-top: 5px; font-size: 24px; color: #000; }
.pro_view1_word{ margin-top: 20px; padding: 0; align-items: flex-start; justify-content: space-between; width: 100%; }
.pro_view1_word ul{width: 100%; }
.pro_view1_word ul li{ font-size: 14px; color: #666; line-height: 20px; align-items: flex-start; justify-content: flex-start; padding: 10px 20px 10px 100px; position: relative; text-align: left; }
.pro_view1_word ul li:nth-of-type(1){margin-top: 0;}
.pro_view1_word ul li span{ position: absolute; left: 20px; top: 9px; color: #5ead00; font-weight: bold }
.pro_view1_word ul li i:last-child{display: none;}
.pro_view1_word figure{min-width: 155px; width: 155px;}
.pro_view1_word figure .pic{width: 100%;}
.pro_view1_word figure .pic img{width: 100%; object-fit: contain;}
.pro_view1_word figure p{margin-top: 10px; font-size: 16px; color: #474443; text-align: center;}
.pro_view1_word2 { display: flex; align-items: center; justify-content: flex-start; margin: 30px 0px 15px 0px; }
.pro_view1_word2 a{margin-right: 20px; color:#fff;}
.pro_view1_word2 a:last-child{margin-right: 0;}

.bdsharebuttonbox a{transition: 0.6s; float: left; padding: 15.5px !important; margin: 0 10px 0 0 !important; font-size: 14px !important; color: #717171 !important; display: flex; align-items: center; justify-content: space-between; height: 31px !important; line-height: 31px !important; border-radius: 50% !important; background-position: unset !important;}
.bdsharebuttonbox a:last-child{margin: 0 !important;}
.bdsharebuttonbox .bds_more{padding: 0 !important; margin: 0 5px 0 0 !important; border-radius: 0% !important; background: transparent !important;}
.bdsharebuttonbox .bds_weixin{background: url("../images/share_ico1.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .bds_tsina{background: url("../images/share_ico2.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_qzone{background: url("../images/share_ico3.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_tqq{background: url("../images/share_ico4.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_renren{background: url("../images/share_ico5.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox a:hover{background-color: #536072 !important;}
.pub_bdsharebuttonbox a:hover{background-color: transparent !important;}
.pub_bdsharebuttonbox .bds_weixin,.pub_bdsharebuttonbox .bds_weixin:hover{background-color: #3eb135 !important;}
.pub_bdsharebuttonbox .bds_tsina,.pub_bdsharebuttonbox .bds_tsina:hover{background-color: #df4d69 !important;}
.pub_bdsharebuttonbox .popup_qzone,.pub_bdsharebuttonbox .popup_qzone:hover{background-color: #eecf3d !important;}
.pub_bdsharebuttonbox .popup_tqq,.pub_bdsharebuttonbox .popup_tqq:hover{background-color: #45aaf2 !important;}
.pub_bdsharebuttonbox .popup_renren,.pub_bdsharebuttonbox .popup_renren:hover{background-color: #1361a7 !important;}
.m_pro_view_back{ margin: 3% 0 3% auto; width: 80px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: #5ead00; display:none }
.m_pro_view_back a {color:#fff;}
.pro_link{ z-index:1;position: relative; font-size: 16px; color:#fff; width:40%; height:48px; border-bottom: 3px solid #f2c114; background: #5ead00; display: flex; justify-content: center; flex-direction: column; align-items: center; }
.pro_link::before{transition: 0.6s; z-index: 1; position: absolute; right: 0; bottom: -3px; content: ""; width: 0; height: 3px; background: #5ead00;}
.pro_link::after{transition: 0.6s; z-index: -1; position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 100%; background: #f2c114;}
.pro_link:hover::before,.pro_link:hover::after{width: 100%;}

.pro_view2 { width:100%; margin-top:40px;}
.pro_view2 h2 { background:url(../images/pro_xx_bg.jpg) no-repeat; width:100%; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold; display:block; padding-left:30px; border:0; margin-bottom:0}
.pro_view2_word { border:#eee 1px solid; box-shadow:3px 3px 3px #eaeaea; padding:20px; background:#fff}
.pro_view2_word img { max-width:100%}

.pro_view3 { margin-top: 50px; width: 100%; display:none; }
.pro_swiper{position: relative; display: block !important;}
.pro_swiper .swiper-slide{position: relative; background:#fff; box-shadow:3px 3px 3px #eaeaea; border:#eaeaea 1px solid; text-align:center; padding:20px}
.pro_swiper_btn .swiper-button-prev{transition: 0.6s; z-index: 1; opacity: 1; width:35px; height:35px; background:url(../images/prev_v.png) no-repeat -20px center #5ead00; left:0}
.pro_swiper_btn .swiper-button-next{transition: 0.6s; z-index: 1; opacity: 1; width:35px; height:35px; background:url(../images/next_v.png) no-repeat -18px center #5ead00; right:0}
.pro_swiper_btn .swiper-button-prev:hover ,.pro_swiper_btn .swiper-button-next:hover{ background-color:#519500}

.pro{display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.pro li{position: relative; height: 100%;}
.pro a{ display: block; width: 100%; height: 100%; }
.pro .pro_pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden; margin-bottom:10px}
.pro .pro_pic img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: scale-down;}
.pro .pro_pic:after{transition: 0s; position: absolute; left: -400px; top: 0; transform: skewx(-25deg); content: ""; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.pro .pro_pic:hover:after{transition: 0.6s; left: 450px; width: 200px;}
.pro li p{ line-height:20px; text-align:center;}


@media only screen and (min-width:1200px) and (max-width:1239px){
.subpage_main {padding:0px 1.5%}
.sub_title {padding-top:60px; font-size:36px}
.product_content {width:890px;}
.sub_product li {width:30%}

}

@media only screen and (min-width: 0) and  (max-width:1199px) {
.slider,.search,.subnav {display:none}
.m_page_nav { display:block}

.subpage_main {padding:0px 1.5%;color:#474747}
.m_page_main { color:#474747}

.product_menu #pc , .product_menu .tel, .product_menu .prolist, .product_content h2.subpage_title {display:none}
.product_menu #phone {display:block}

.product_content { width:100%; margin:30px auto 0px auto; float:none}
.m_pro_view_back { display:block;}

.pro_view1{display: block;}
.pro_view1_left{width: 100%;}
.pro_view1_right{width: 100%;}
.pro_view1_right h3{margin-top: 35px;}
.pro_view1_word3 { display:none}

.m_pro li{width: 32%; margin-top: 2%; margin-right: 2%;}
.pro li:nth-of-type(-n+3),
.m_pro li:nth-of-type(-n+3){margin-top: 0}
.pro li:nth-of-type(3n),
.m_pro li:nth-of-type(3n){margin-right: 0;}
.pro_link{font-size:18px;font-weight: bold;min-width:260px;width:2.4rem; min-height:40px; height: auto; line-height: 260%; display: inline-block; text-align: center;}

.pro_view3 { display:block}

}

@media only screen and (min-width: 0) and (max-width: 1024px){
.subpage {padding-bottom:10%;}

.honor{padding-top:0rem; padding-bottom:.5rem;}
.honor_bd{padding:1rem; background: #fff; border:#f7f7f7 10px solid; }
.honor_bd::after{display: none;}
.honor_bd .swiper-slide{display: block;font-size:1.2rem;}
.honor_bd .swiper-slide .honor_bd_words{width: 100%;}
.honor_bd .swiper-slide .honor_bd_words h5{border: none;}
.honor_hd .swiper-container{padding:0px 0 20px 0px;}
.honor_hd .swiper-container:after{top:16px;}
.honor_hd .swiper-button-prev{margin-top:0px;}
.honor_hd .swiper-button-next{margin-top:0px;}
.honor_bd .swiper-slide .honor_bd_words h5{font-size:1.2rem;}
.honor_bd .swiper-slide .honor_bd_words dl{margin-top: .15rem;}
.honor_bd .swiper-slide .honor_bd_words dl dd{font-size:1rem; line-height: 180%;}
.honor_bd .swiper-slide .honor_bd_words dl dd em{min-width:4em; font-size:1rem; padding-left: 1em;}
.honor_bd .swiper-slide .honor_bd_words dl dd em:before{position: absolute; left: 5px; top: 50%; content: ""; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #3d3d3d;}
.honor_bd .swiper-slide .honor_bd_pic{margin-top:1rem; width:100%}

.sub_title { display:none}
.newsList li { width:98%; margin:0px auto}
.newsList li div.list_detail {width:100%;}
.return { display:block}

#bmap{margin-top:6%; width: 100%; height:300px; margin-bottom:50px}
.BMap_bubble_content p{font-size: 18px;}
.BMap_bubble_content p:nth-of-type(1){font-size: 20px;}

.product_menu { width:98%; margin:40px auto; float:none}
.product_menu .tel { display:none}
.product_menu h2 {display:none}
.product_menu #pc { display:none}
.product_menu #phone {display:block}

.product_menu ul{ display: inline-block; width:100%; border:0; border-bottom:#d8d8d8 1px solid;text-align:center; border-radius:0; margin:0px }
.product_menu ul li h3 {height:50px; line-height:50px; position:inherit; border:#d8d8d8 1px solid;border-bottom:0}
.product_menu ul li h3 i {position:inherit; display:inline-block; margin-left:10px}
.product_menu ul li.selected h3 { border:#5ead00 1px solid;}
.product_menu ul li:last-child h3 {border:#d8d8d8 1px solid;border-bottom:0}
.product_menu ul li.selected:last-child h3 {border:#5ead00 1px solid;}
.product_menu .list-item { border:#d8d8d8 1px solid; border-bottom:0; border-top:0}
.product_menu ul li.selected .list-item { display:block}
.product_menu .list-item > a{ display: block; font-size:16px; height:40px; line-height:40px;color: #666; background:none}
.product_menu .list-item > a:hover,.submenu .list-item > a.on{background:#fdfaf0; color:#ebb700; font-weight:bold}

.sub_product {width:100%; margin-left:0px;}
.sub_product li {width:30%; height:0; float:left; padding:20px 0 40% 0;margin:0px 1.4% 3% 1.6%;overflow: hidden;  }
.sub_product li p.pic { margin-bottom:20px}

.pro_view1{margin-top: 0;}
.pro_view1_bd .swiper-slide p{font-size: 18px; line-height: 30px; padding: 10px;}
.pro_view1_hd{bottom: 76px; padding: 0 16px;}
.pro_view1_hd .swiper-slide a{width: 40px; height: 40px;}
.pro_view1_right h3{margin-top: 4%; font-size: 22px;}
.pro_view1_word{margin-top: 2%;}
.pro_view1_word pre{font-size: 18px; line-height: 1.8em;}
.pro_view1_word2{margin-top: 4%; padding: 4% 0; display: block;}
.pro_view1_word2 ul li{margin-top: 1%; font-size: 18px; line-height: 1.8em;}
.pro_view1_word3{margin-top: 4%;}
.pro_view1_word3 .pub_link2{width: 250px; border-color: #536072; background: #f9bf46;}
.pro_view1_word3 .pub_link2::before{background: #536072;}
.pro_view1_word3 .pub_link2::after{background: #f9bf46;}
.pro_view1_word3 .pub_link2.design_btn{border-color: #f9bf46; background: #536072;}
.pro_view1_word3 .pub_link2.design_btn::before{background: #f9bf46;}
.pro_view1_word3 .pub_link2.design_btn::after{background: #536072;}
.pro_view1_word3 a{margin-right: 20px;}
.pro_view1_right .pro_view1_word3:nth-of-type(4),
.pro_view1_right .pro_view1_word3:nth-of-type(5){display: none;}

.pro_swiper_btn{margin-top: 3%;}
.pro_swiper_btn .swiper-button-prev{margin-right: 20px;}

.m_pro{margin-top: 6%; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.m_pro a{display: block; width: 100%; height: 100%;}
.m_pro .pro_pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
.m_pro .pro_pic img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.m_pro .pro_pic:after{transition: 0s; position: absolute; left: -400px; top: 0; transform: skewx(-25deg); content: ""; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.m_pro .pro_pic:hover:after{transition: 0.6s; left: 450px; width: 200px;}
.m_pro .pro_words{padding: 4%; text-align: center;}
.m_pro .pro_words h5{font-size: 18px; font-weight: normal; color: #434144; line-height: 110%;}
.m_pro .pro_words p{margin-top: 5px; font-size: 16px; font-family: "Arial"; color: #979797; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media only screen and (min-width: 0) and (max-width: 900px){
.sub_product li {width:30%; height:0; float:left; padding:10px 0 45% 0;margin:0px 1.4% 3% 1.6%;overflow: hidden;  }
	
}
@media only screen and (min-width: 0) and (max-width: 768px){
.m_page_nav li dl dt{padding:1.6% 1.5% 1.2% 1.5%;}
.m_page_nav li dl dt span{ margin-right:5px}
.m_page_nav li dl dt i{ margin-right:4px}
.m_page_nav li dl dd a{font-size: 16px; padding: 1.6% 0;}

.honor{padding-top:0rem; padding-bottom:.5rem;}
.honor_hd{padding:0 30px;}
.honor_hd .swiper-container{padding:0px 0 20px 0px;}
.honor_hd .swiper-container:after{top:16px;}
.honor_hd .swiper-slide{font-size:1.2rem;}
.honor_hd .swiper-button-prev{margin-top:0px;}
.honor_hd .swiper-button-next{margin-top:0px;}
.honor_bd{padding:1rem;}
.honor_bd .swiper-slide .honor_bd_words h5{font-size:1.2rem;}
.honor_bd .swiper-slide .honor_bd_words dl{margin-top: .15rem;}
.honor_bd .swiper-slide .honor_bd_words dl dd{font-size:14px; line-height: 160%;}
.honor_bd .swiper-slide .honor_bd_words dl dd em{min-width:4em; font-size:1rem; padding-left: 1em;}
.honor_bd .swiper-slide .honor_bd_words dl dd em:before{position: absolute; left: 5px; top: 50%; content: ""; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #3d3d3d;}
.honor_bd .swiper-slide .honor_bd_pic{margin-top:1rem; width:100%}

.newsList { padding-bottom:30px;}
.newsList li div.list_detail {width:100%;}
.newsList li .list_title {font-size:18px}
.newsList li {padding:26px 0px; height:212px}
.newsList li .bd_r { display:none}

.news_top_title {margin:50px auto 30px auto;}
.news_top_title h4 { font-size:24px; line-height:30px; text-align: center; display: block; padding-bottom: 30px }
.news_other li span { display:none}

#bmap { margin-bottom:50px}
.BMap_bubble_content p{font-size: 14px;}
.BMap_bubble_content p:nth-of-type(1){font-size: 16px;}

.sub_product li {width:30%; height:0; float:left; padding:10px 0 42% 0;margin:0px 1.4% 3% 1.6%;overflow: hidden; line-height:20px }
.sub_product li p.pic { margin-bottom:0px}

.pro_view1_bd .swiper-slide p{font-size: 16px; line-height: 24px;}
.pro_view1_hd{bottom: 70px;}
.pro_view1_hd .swiper-slide a{width: 35px; height: 35px;}
.pro_view1_right h3{font-size: 20px;}
.pro_view1_word pre{font-size: 16px;}
.pro_view1_word2 ul li{font-size: 16px;}
.pro_link { min-width:48%}
.pro_view1_word2 a { margin-right:10px}

.pro_view1_word3 .pub_link2{width:220px;}


.m_pro li{width: 49%; margin-top: 2%; margin-right: 2%;}
.pro li:nth-of-type(-n+2),
.m_pro li:nth-of-type(-n+2){margin-top: 0}
.pro li:nth-of-type(2n),
.m_pro li:nth-of-type(2n){margin-right: 0;}
}
@media only screen and (min-width: 0) and (max-width: 640px){
.sub_product li {width:30%; height:0; float:left; padding:10px 0 43% 0;margin:0px 1.4% 3% 1.6%;overflow: hidden;  }

}
@media only screen and (min-width: 0) and (max-width: 520px){
.m_page_nav li dl dt{padding:2.2% 2% 2% 2%;}
.m_page_nav li dl dt span{font-size:16px;}
.m_page_nav li dl dt i{ margin-right:2px}
.m_page_nav li dl dd a{font-size: 14px; padding: 2.2% 0;}
.m_page_main { font-size:14px; line-height:24px; padding-bottom:50px;}

.honor{padding-top:0rem; padding-bottom:.5rem;}
.honor_hd{padding:0 30px;}
.honor_hd .swiper-container{padding:0px 0 20px 0px;}
.honor_hd .swiper-container:after{top:16px;}
.honor_hd .swiper-slide{font-size:1.2rem;}
.honor_hd .swiper-button-prev{margin-top:0px;}
.honor_hd .swiper-button-next{margin-top:0px;}
.honor_bd{padding:1rem;}
.honor_bd .swiper-slide .honor_bd_words h5{font-size:1.2rem;}
.honor_bd .swiper-slide .honor_bd_words dl{margin-top: .15rem;}
.honor_bd .swiper-slide .honor_bd_words dl dd{font-size:14px; line-height: 160%;}
.honor_bd .swiper-slide .honor_bd_words dl dd em{min-width:4em; font-size:1rem; padding-left: 1em;}
.honor_bd .swiper-slide .honor_bd_words dl dd em:before{position: absolute; left: 5px; top: 50%; content: ""; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #3d3d3d;}
.honor_bd .swiper-slide .honor_bd_pic{margin-top:1rem; width:100%}

.newsList { padding-bottom:10px;}
.newsList li div.list_detail {width:100%;}
.newsList li .list_title {font-size:18px}
.newsList li {padding:20px 0px; height:200px}
.newsList li .bd_r { display:none}

.news_top_title {margin:50px auto 30px auto;}
.news_top_title h4 { font-size:20px; line-height:28px; text-align: center; display: block; padding-bottom: 30px }
.news_neirong { font-size:14px; line-height:24px;}
.news_other li {line-height:30px; height:30px;}
.news_other li a { font-size:14px}
.news_other li span { display:none}

.contact { padding:20px 0px}
.contact p { font-size:14px; margin-top:5px}
.contact p img { display:none;}
#bmap { margin-bottom:50px}
.BMap_bubble_content p{font-size:12px;}
.BMap_bubble_content p:nth-of-type(1){font-size:14px;}

.product_menu { margin:30px auto; width:96%}
.product_menu ul li h3 {height:40px; line-height:40px;}
.product_menu ul li h3 a { font-size:16px}
.product_menu ul li h3 i { width:13px; height:13px;}
.product_menu .list-item > a{font-size:14px; height:36px; line-height:36px;}

.sub_product { margin-bottom:10px}
.sub_product li {width:46%; height:0; float:left; padding:10px 0 61% 0;margin:0px 2% 4% 2%;overflow: hidden; line-height:20px;}
.sub_product li a { font-size:14px}

.page_numbers a.previous_page, .page_numbers a.next_page{display:inline-block}
.page_numbers a{ display:none;}
.page_numbers a.cur{ display:none}

.pro_view1_bd .swiper-slide p{font-size: 14px; line-height: 20px; }
.pro_view1_hd{bottom: 66px;}
.pro_view1_hd .swiper-slide a{width: 30px; height: 30px;}
.pro_view1_right h3{font-size: 18px;}
.pro_view1_word pre{font-size: 14px;}
.pro_view1_word2 ul li{font-size: 14px;}
.pro_link { min-width:46%; font-size:16px}
.pro_view1_word2 a { margin-right:10px}
.pro_view2 { margin-top:30px}
.pro_view2 h2 { font-size:16px}
.pro_view2_word { font-size:14px; line-height:24px;}
.pro_view1_word3 .pub_link2{width: 50%;}
.pro_swiper .swiper-slide { box-shadow:0}
.pro_swiper_btn .swiper-button-prev{margin-right: 15px; font-size: 25px; width: 35px; height: 35px;}
.pro_swiper_btn .swiper-button-next{font-size: 25px; width: 35px; height: 35px;}

}
@media only screen and (min-width: 0) and (max-width: 479px){
.sub_product li {width:46%; height:0; float:left; padding:10px 0 61% 0;margin:0px 2% 4% 2%;overflow: hidden; line-height:20px;}
}
@media only screen and (min-width: 0) and (max-width: 414px){
	
.sub_product li {width:46%; height:0; float:left; padding:10px 0 65% 0;margin:0px 2% 4% 2%;overflow: hidden; line-height:20px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.sub_product li {width:46%; height:0; float:left; padding:10px 0 66% 0;margin:0px 2% 4% 2%;overflow: hidden; line-height:20px;}
}
@-moz-document url-prefix() {
.sub_product li {width:46%; height:0; float:left; padding:10px 0 65% 0;margin:0px 2% 4% 2%;overflow: hidden; line-height:20px;}
}

}
@media only screen and (min-width: 0) and (max-width: 320px){
.sub_product { margin-bottom:0px}
.sub_product li {width:46%; height:0; float:left; padding:0 0 68% 0;margin:0px 2% 4% 2%;overflow: hidden; line-height:18px;}
.pro_swiper .swiper-slide { box-shadow:0; border:0}
.pro_link { min-width:46%; font-size:16px}

}