@charset "UTF-8";


@font-face { font-family: 'Montserrat'; src: url("../font/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal;font-display：swap; }
@font-face { font-family: 'Montserratb'; src: url("../font/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display：swap;}
@font-face { font-family: 'Montserratl'; src: url("../font/Montserrat-Light.ttf") format("truetype"); font-weight: normal; font-style: normal;font-display：swap; }
@font-face { font-family: 'Montserratbk'; src: url("../font/Montserrat-Black.ttf") format("truetype"); font-weight: normal; font-style: normal;font-display：swap; }


* { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; font-family: 'Montserrat', Arial, Helvetica, sans-serif;font-size: 14px;transition: 0.5s}
img { width: 100%; display: block; }
input, button, textarea, video, select { border: transparent; outline: transparent; background: none; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #3a3a3a; transition: 0.5s}
i { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }

.imageContainer.ne{padding:0!important}
.df, .flex, .flex-clo, .header .top_nav .nav_list, .pages_infos .header_desc_box .desc span, .about_related_list .related_item.right_related .contact_detail .add_btn .iconfont, .pros_list .pro_item .pro_infos, .pros_list.pro_cls .pro_item .pro_infos span, .pros_list.pro_cls_list .pro_item, .flex-sb, .header_b-c-ul>li a  {
   display: -webkit-box; display: -ms-flexbox; display: flex; }
.jc, .flex, .flex-clo, .header .top_nav .nav_list, .pages_infos .header_desc_box .desc span, .about_related_list .related_item.right_related .contact_detail .add_btn .iconfont, .pros_list .pro_item .pro_infos, .pros_list.pro_cls .pro_item .pro_infos span, .pros_list.pro_cls_list .pro_item, .header_b-c-ul>li a  { 
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.jfs, .header .sub_menu_box a, .pic_info_box .pic_info_list .pic_info_item, .pro_main_box .menu_news_item .menu_news_infos, .footer_box .foot_menu_box .foot_menu_item a { 
  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.jsb, .flex-sb {
   -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.jse {
   -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
.flex_wrap, .aic, .flex,  .flex-clo, .header .top_nav .nav_list, .pages_infos .header_desc_box .desc span, .about_related_list .related_item.right_related .contact_detail .add_btn .iconfont, .pros_list .pro_item .pro_infos, .pros_list.pro_cls .pro_item .pro_infos span, .pros_list.pro_cls_list .pro_item, .flex-sb, .header_b-c-ul>li a { 
  -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.afs, .pro_main_box .menu_news_item .menu_news_infos, .support_list .support_item .sup_item_infos, .support_list .support_item.email_link .sup_item_infos a { 
  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.col, .flex-clo, .pro_main_box .menu_news_item .menu_news_infos, .about_related_list .related_item.right_related, .pros_list.pro_cls_list .pro_item, .support_list .support_item .sup_item_infos, .support_list .support_item.email_link .sup_item_infos a { 
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.wrap {
   -ms-flex-wrap: wrap; flex-wrap: wrap; }
.self,  .footer_box .foot_menu_box .foot_menu_item { 
  -ms-flex-item-align: normal; -ms-grid-row-align: normal; align-self: normal; }
.ttu, .footer_box .foot_menu_box .foot_menu_item a { 
  text-transform: uppercase; }
.ttc { text-transform: capitalize; }
.header .top_nav .nav_list a{
  text-transform: capitalize;
}
.anim, .more_btn, .header .top_nav .nav_list, .header .top_nav .nav_list a, .header .top_nav .nav_list .drop_list, 
.header .top_nav a, .header .top_nav a .iconfont, .header .top_nav .search_form, .header .top_nav .search_form input, 
.header { -webkit-transition: all .3s; transition: all .3s; }
.anim2, .header .hd_inner, .pros_list .pro_item .pro_infos { -webkit-transition: all .5s; transition: all .5s; }
.rel, .header, .header .top_nav .nav_list, .header .top_links .top_menu_btn, .banner_box,  .pro_menu_box, .header_t_l, .header_t_r{ position: relative; }
.abs, .banner_box .ban_list .ban_info_box, .banner_box .swiper-pagination-ban, .menu_box .inner_box .index_menu_item::before, .pic_info_box .pic_info_list .pic_info_item.text_item::after, .pic_info_box .pic_info_list .pic_info_item.item_pic_text::after, .pro_main_box .inner_pro_main::after, .about_list .about_item.about_item_info::after, .header_t-r-zs ul{ position: absolute; }
.hd_cont.flex-sb.wid.hei{width: 100%;}

.flex-start{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;display: flex; }

.margin, .mwid, .wid { margin: 0 auto; }
.hei, .header .top_nav .nav_list { height: 100%;width: 100%;}
ul.top_nav.flex.hei.wrap.abs .nav_list{justify-content: flex-end;text-align: right;height: auto;background: #2354cf;display: block}
.cen, .has_bg_info .info_box .desc, .pros_list .pro_item .pro_infos p, .download_list .download_item table th, .download_list .download_item table tbody td { text-align: center; }
.hand, input, button, textarea, video, select, a, i, del, .header .top_nav .nav_list, .banner_box .swiper-pagination-ban, .pros_list .pro_item .pro_infos { cursor: pointer; }
.hide, .banner_box .swiper-container-ban, .about_list .about_item .about_pic, .pro_infos_box .pro_infos_list .pro_info_item .pro_pic { overflow: hidden; }
.line { width: 90px; height: 4px; background: #2354cf; }
.more_btn { width: 36px; height: 36px; border: 1px solid #aaa; }
.more_btn .iconfont { color: #aaa; font-size: 18px; }
.more_btn:hover { background: #2354cf; border-color: #2354cf; }
.more_btn:hover .iconfont { color: #fff; }
.rect { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 14px; height: 14px; background: #2354cf; }
.hr_line { border: 1px solid #eee; border-bottom: none; }
ul.top_nav.flex.hei.wrap.abs li.nav_list a{height: 36px;line-height: 36px;color: #ffffff;display: block;text-align: right;padding-top: 0;
    padding-bottom: 0;}
.flex_wrap{flex-flow: wrap}
.wid{max-width: 94%;margin: auto}
.bg_wid{max-width: 94%;margin: auto}
.pc{display: block}
.md{display: none}

.imageContainer {
    height: auto!important;
}
/*头部*/
.head{position: relative;z-index: 999;background: #ffffff}
.head_top{height: 30px;line-height: 30px;background: #aad9d5;display: none}
.head_top ul li a{font-size: 12px;}
.head_top ul li{margin-right: 20px}
.head_center_logo img{height: 76px;padding: 10px 0;}
.head_center_all{padding: 0px 0}
.seach{width: 60%;height: 40px;border:1px solid #dddddd;background: #fafafa;position: relative}
.seach input{height: 100%;padding: 0 10px;width: 100%}
.seach form{height: 100%}
.seach span{height: 100%;padding:0 10px;position: absolute;right: 0;line-height: 40px;font-size: 24px;cursor: pointer}
.head_center_right span{font-size: 24px;padding: 0 10px}
.head_bottom_all{border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd}
.head_center_bottom_ul li{padding: 16px 14px}
.down {
    position: absolute;
    width: 94%;
	margin-top: 16px
}
.down h2{height: 60px;background: #000000;color: #ffffff;line-height: 60px;font-size: 24px;padding: 0 20px;}
.down_ul{padding: 20px 40px}
.down_ul>li{margin-bottom: 40px;padding-right: 10px;}
.down_ul li{padding: 0;width:100%}
.down_ul_class li{width: 94%}
.down_ul li a{display: block;padding: 5px 0;}
.down_ul>li>a{
    padding: 16px 0;
    display: block;
    padding-bottom: 5px;
}
.down{display: none;transition: 0.5s;background: #ffffff;left: 3%}
ul.head_center_bottom_ul.flex.flex-start>li:hover .down{display: block;transition: 0.5s}
ul.down_ul.flex.flex-start.flex_wrap>li{margin-bottom: 0;}





.index_product_one-left{margin: 12px;margin-left: 0;margin-right: 6px; width: calc(50% - 6px)}
.index_product_one-left-img{margin-bottom: 12px;position: relative}
.index_product_one a:hover img{
	transform: scale(1.1)
}
.index_product_one a{overflow: hidden}
.index_product_one-left-img h2, .index_product_one-right h2{font-size: 48px;position: absolute;color: #ffffff;    text-shadow: 0 0 3px #000000ba;}
.index_product_one-left-img:nth-child(2n){margin-bottom: 0}
.index_product_one-right{margin: 12px;margin-right: 0;margin-left: 6px;width: calc(50% - 6px)}
.swiper-button-next_index_product.icon.iconfont.icon-left.abs, .swiper-button-next_index_logo.icon.iconfont.icon-left.abs{
    width: 47px;
    height: 47px;
    border-radius: 0px;
    overflow: hidden;
    color: #ffffff;
    background: #00000020;
    text-align: center;
    line-height: 48px;
    font-size: 32px;
    font-weight: bold;
    bottom: 50%;
    transform: translateY(50%);
    left: 5px;
	cursor: pointer;
	z-index: 999
}
.swiper-button-prev_index_product.icon.iconfont.icon-left.abs, .swiper-button-prev_index_logo.icon.iconfont.icon-left.abs{
    width: 47px;
    height: 47px;
    border-radius: 0px;
    overflow: hidden;
    color: #ffffff;
    background: #00000020;
    line-height: 48px;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    bottom: 50%;
	left: auto;
    top: 50%;
    transform: rotate(180deg) translateY(50%);
    right: 5px;
	cursor: pointer;
	z-index: 999
}
.index_product_two_all.bg_wid .index_product_two>.icon.iconfont:hover{
	background: #000000
}
.qq{display: none}
.index_product_two_cp>a{display: block;overflow: hidden}
.index_product_two_cp:hover .qx{
	display: none
}
.index_product_two_cp:hover .qq{
	display: block
}
.index_product_two_cp_text h2 a{font-weight:bold;display:block;margin-bottom:5px;}
.index_product_two_cp_text h2{padding-left: 10px}
.index_product_two_cp_text p{line-height:1.5;margin-bottom:20px;padding-left: 10px}
.index_product_two_cp:hover .index_product_two_cp_text h2{padding-left: 15px;}
.index_product_two_cp:hover .index_product_two_cp_text p{padding-left: 15px;}
.index_product_two_cp:hover a{font-weight: bold}
.index_product_two_cp:hover a.flex.flex-sb{background: #000000}
.index_product_two_cp:hover a span{transform: rotate(45deg)}
.index_product_two_cp a span{font-size: 18px}
.index_product_two_cp a.flex.flex-sb{height: 40px;width: 100%;line-height: 40px;background: #666666;color: #ffffff;padding: 0 20px}
.index_product_two_cp_text{padding-top:15px;background: #ffffff;position: relative;}

.index_product_two_cp{transition: 0.5s}
.index_product_two{background:#f2f0ec;padding: 20px 0;}
.index_product_two_cp_shop.icon.iconfont.icon-gouwuche1 {
    width: 40px;
    height: 40px;
    background: #666666;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-size: 18px;
    position: absolute;
    top: -20px;
    right: 10px;
    border-radius: 80px;
	cursor: pointer
}
.index_product_two_cp_shop.icon.iconfont.icon-gouwuche1:hover{background:#000000;}



.index_dz_all{
	width:100%;
	background:url(../images/rawImage.jpg) no-repeat;
	background-attachment: fixed;
	padding: 60px 0;
	background-size: cover;
	margin-top: 12px;
	background-position: bottom
}
.index_dz_text h2 {
    font-size: 24px;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
}
.index_dz_text p {
    font-size: 14px;
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
	line-height: 1.5
}
.index_dz_text a {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    background: transparent;
    color: #000000;
    border: 1px solid #000000;
	transition: 0.5s
}
.index_dz_text a:hover{background: #000000;color: #ffffff;}

.index_dz_text {
   padding: 40px;
    background: #ffffff;
    display: inline-block;
    width: auto;
    max-width: 100%;
    text-align: center;
}
.index_about-left{width:50%;}
.index_about-all {
    background: #f2f0ec;
    margin: 15px 0;
}
.index_about-left>h2{
	    font-size: 24px;
    text-align: left;
    margin-bottom: 20px;
}
.index_about-left {
	text-align: left;
    padding: 20px 40px;
}
.index_about-left p{line-height: 1.5}
.index_about-left a{display:inline-block;padding:15px 30px;border:1px solid #000000;margin-top:40px;}
.index_about-left a:hover{background: #000000;color:#ffffff}
.index_about_left_text_one{width: 33%;text-align: center;margin:40px 0}
.demo h2{font-size:32px;}
.demo p{display:block;width:100%}
.index_partner{padding-top: 40px;display: none}
.index_partner h2{font-size:32px;margin-bottom:20px;text-align: center}

.index_partner img{
    transition: 0.5s;
    cursor: pointer;
    background: #FFFFFF;
    padding: 20px 10px;
}
.index_partner img:hover{
	-webkit-filter: grayscale(0%);
	transition: 0.5s;
	cursor: pointer;
}
.index_partner .swiper-pagination.swiper-paginationlogo.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{text-align: right}
.index_partner_all.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events{padding-bottom:50px}
.index_partner .swiper-pagination.swiper-paginationlogo.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px;}
.index_new>h2{font-size: 32px;margin-bottom: 20px;text-align: center;margin-top: 30px}
.index_new_one{
	width: calc((100% - 24px) / 3);
	margin-right: 12px
}
.index_new_one_img{transition: 0.5s}
.index_new_one_img a{display: block;overflow: hidden}
.index_new_one:hover .index_new_one_img img{transform: scale(1.1)}
.index_new_one:nth-child(3n){
	margin-right: 0;
}
.index_new_one_text{padding:12px 0;}
.index_new_one_text h2{margin-bottom:5px;font-weight:bold;}
.index_new_one_text p{margin-bottom:15px;}
.index_new_zs.flex {
    margin-bottom: 40px;
}



.about-lx{
	background: url(../images/about3.jpg) no-repeat;
       background-size: cover;
	    position: relative;
}
.about-lx-foin{padding:60px 0;}
form.flex.newsletter.flex_wrap input {
    border: 1px solid #888888;
    margin: 1% 0;
    padding: 0 6px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
	padding: 10px;
}
form.flex.newsletter.flex_wrap input.wpcf7-form-control.wpcf7-submit.in_submit{
	width: 100%;
	padding: 0px
}
form.flex.newsletter.flex_wrap input.wpcf7-form-control.wpcf7-submit.in_submit:hover{
	background: #000000;color: #ffffff
}
form.flex.newsletter.flex_wrap input:nth-child(2n) {
    margin-right: 0
}
form.flex.newsletter.flex_wrap textarea{
	width: 100%;min-height: 50px;
}
.about-lx-right{
    background: #ffffff;
    width: 600px;
    margin-left: auto;
	padding: 40px
}
.about-lx-right h2{font-size:32px;margin-bottom:20px;}
form.flex.inquiry input, form.flex.inquiry textarea{width: calc(50% - 6px);margin-right: 12px;height: 40px;line-height: 40px;border:1px solid #efefef;padding: 10px;margin-bottom: 12px;}
form.flex.inquiry input:nth-child(2n), form.flex.inquiry textarea{margin-right: 0;}
form.flex.inquiry textarea{width:100%;min-height:60px;line-height:1.5}
form.flex.inquiry input.wpcf7-form-control.wpcf7-submit{width:100%;line-height:1.5;height:auto;}
form.flex.inquiry input.wpcf7-form-control.wpcf7-submit:hover{background:#000000;color:#ffffff}





.foot {
    background: #f5f5f5;
}
.foot-logo img{width: auto}
.foot-all {
    margin: auto;
    padding: 50px 0 20px 0;
}
.foot-content {
    width: 23%;
    float: left;
}
.foot-content.foot-content-contact {
    width: 26%;
}
.foot-content h2 {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.foot-content h2 {
    color: #000000;
    font-size: 20px;
    text-transform: uppercase;
}
.foot-content.foot-content-contact ul {
    width: 80%;
}
.foot-logo{margin-bottom: 40px;margin-top: 14px;}
.foot-content ul li {
    margin-bottom: 0;
    font-size: 14px;
    color: #686868;
    line-height: 36px;
}
.foot-content.foot-content-contact ul li {
    margin-bottom: 12px;
    display: flex;
    line-height: 1.5;
}
.foot-content ul li span {
    margin-right: 10px;
	display: inline-block;
	min-width: 40px
}
.foot-content ul li a {
    font-size: 14px;
    color: #686868;
}
.clear_fixed, .clear {
    clear: both;
}
a.social {
	display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
	width: 30px;
    padding: 2px;
}
.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-pointer-events .swiper-slide{
	display: flex;justify-content:center;align-items: center;position: relative
}
.mySwiper_text{
	position: absolute;
}
.mySwiper_text h2{    font-size: 48px;
 
	text-align: center;
	color: #ffffff;
    text-shadow: 0 0 3px #000000ba;
}
.mySwiper_text p{
   text-align: center;
    font-size: 18px;
    width: 60%;
    margin: 20px auto;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 0 0 3px #000000ba;
    font-weight: bold;
}
.mySwiper_text a{
	display: inline-block;
    padding: 15px 30px;
    background: #000000;
    color: #ffffff;
    font-size: 18px;
}
.mySwiper_text{
	text-align: center;
	width: 100%;
}
.index_banner a{display: block;position: relative}
.index_banner ul.move-ul {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
	top: 0;left: 0;
}
.index_banner ul.move-ul li{
display: block;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}
.index_banner ul.move-ul li .imageContainer.ne{display: flex!important;align-items: center;height: 100%!important}



.hy-top ul {
    display: inline-block;
}
.hy-top ul li {
    display: inline-block;
    font-size: 12px;
}
.ht-top-ul-ts a {
    font-weight: bold;
}

.hy-top {
    margin: 1% auto;
    margin-bottom: 0;
    margin-bottom: 1rem;
}




.product{margin: auto;}
.product>h2 {
    font-size: 38px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    margin-bottom: 2%;
}
.product>h2 span{font-size: 38px}
.producb-top {
    padding-top: 0rem;
    padding-bottom: 2rem;
	display: flex;
    align-items: center;
}
.producb-top.producb-top-tt-ts{
	flex-flow: row-reverse;
}
.producb-top-tt-ts .producb-top-center{
	margin-left: 0;
	margin-right: 4rem
}
.producb-top-tt-ts .producb-top-left{
	margin-right: 0;
	margin-left: 20px;
}
.tables-bottom>ul{
	margin-bottom: 40px;
}
.producta>h2{font-size:30px;text-align: center;margin:2% auto;text-transform: uppercase;}
.producb .product ul li:nth-child(1){
	margin-left: 0
}
.producb .product ul li:nth-child(4n){
	margin-right:0;
}
.producb .product ul li:nth-child(5n){
	margin-left: 0
}
.sort{display: inline-block}
.sort ul li{display: block;}
.hy-left{display:inline-block;float: right;display: none}
.sort-w{position: relative;}
.sort-w{padding-right:45px;background: url(../images/link_icons.png) right -7292px no-repeat scroll transparent;line-height: 28px;    border-right: 1px solid #000000;padding-left: 16px;}
.sort-u{    height: 0;
	padding: 0 1%;
    overflow: hidden;line-height:2.1;position: absolute;
background-color:#ffffff;
z-index: 9999;
	
}
.sort:hover .sort-u{height: auto;}
 .sort-u li:hover {border-bottom: 1px solid #111111;}
.sort:hover .sort-w{background: url(../images/link_icons.png) right -7477px no-repeat scroll transparent;}
.hover .quickaddd{display: block}
.email-img img{width:auto}

.product-pro-more {
    width:calc((100% - 36px) / 4);margin-right:12px;margin-bottom:12px;
    position: relative;
    transition: 0.5s;
	display: inline-block
}
.product-pro-more{margin-bottom: 20px;}
.product-pro-all-text{padding-top: 15px;padding-bottom: 20px;}
.product-pro-all-text h2{
    margin-bottom: 10px;
    font-size: 16px;
}
.product-pro-all-text p{
	margin-bottom: 20px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-all;
}
.tables-bottom{display:none;}
.product ul li{width:calc((100% - 36px) / 4);margin-right:12px;margin-bottom:12px}
.product ul li:nth-child(4n){margin-right:0;}





/*产品详情*/
/*products-产品 左边*/
.hy-product-detail-content .hy-p-d-c-l-c{width:30%;float:left;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t {
    width: 80%;
    border: 1px solid #e9e9e9;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    float: left;
}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img{position: relative;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img,
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .right-big-pic{width: 100%;margin: 0 auto;}    
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .right-big-pic{overflow: hidden;display: none;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img .zoom{display: none;background: rgba(150,235,255,.3);cursor: move;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img a img{width:100%;display: block;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-b{width:571px;margin-top:10px;}

.hy-product-detail-content .small_img ul li{float:left;width:15%;margin-right:1%;margin-bottom: 1%;border:1px solid #e9e9e9;}
.hy-product-detail-content .small_img ul li:hover{border:1px solid #666;}
.hy-product-detail-content .small_img ul li img{display: block; width:100%;}
.hy-product-detail-content .small_img ul .currentli{border:1px solid #666;}
.small_img ul{display: flex;justify-content: space-between;margin-top:2%}
.clearfix{width:0;}
.hy-p-d-c-l-c-b {
   
    margin-right: 0;
    width: 20%;
    float: left;
}

.bx-wrapper{position: relative;}
.bx-controls-direction .bx-prev{background:url(../images/cp-left.png) 0 6px;background-repeat: no-repeat}
.bx-controls-direction a{position: absolute;
    top: 50%;
    margin-top: -12px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;}
.bx-controls-direction .bx-next{right:0px;background:url(../images/cp-right.png) 16px 6px;background-repeat: no-repeat}
.bx-controls-direction a{position: absolute;
    top: 50%;
    margin-top: -12px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;}
.bx-pager-item{display: none;}
.slideba img{width:80%;margin:0 10%;}
.hy-product-detail-content {
   
	margin-top:2%;
	margin-bottom: 40px;
}
li.slideba {
    margin-bottom: 10%;
}
.currentli img {
    width: 90%;
    border: 1px #000000 solid;
    margin-right: 10%;
    margin-left: 0;
}


/*产品右边*/
.hy-p-d-c-r {
   width: 70%;
    float: left;
    padding-left: 3%;
}
.hy-top ul{display: inline-block;}
.hy-top h2{    float: right;
    font-size: 24px;
    width: 50%;
    text-align: right;
    font-weight: bold;}
.hy-top ul li{display: inline-block;font-size:12px;}


.hy-p-c-r-nr-zj ul li:hover{background:#000000;color:#ffffff;}
.hy-p-c-r-nr-zj ul li img{width:100%;}
.hy-p-c-r-nr{width:100%;}
.hy-p-c-r-nr-top>span {
    display: inline-block;
    float: left;
    font-size: 24px;
    width: 50%;
    margin-bottom: 3%;
	color:#444444;
	    font-family: SANSSB;
		
}
.hy-p-c-r-nr-zj ul li{
    display: inline-block;
    width: 46%;
	margin-right: 2%;
	    height: 50px;
    padding: 2px 1.5%;
    box-shadow: 0 0 2px 0px #b2b2b2;
    cursor: pointer;
	    margin-bottom: 14px;
	line-height: 45px;

}
.hy-p-c-r-nr-zj ul li span{
	width: 40px;
	height: 40px;
	display: inline-block;
	    margin-right: 4%;
	    margin-top: 5px;
}
.hy-p-c-r-nr-zj p{
	display: inline-block
}
.hy-p-c-r-nr-top{
	margin-top:4%
}
.hy-p-c-r-nr-top::after{
	content: "";
	display: block;
	clear: both
}
.hy-p-c-r-nr-top .pro-title{
	width: 100%
}
.hy-p-c-r-nr-top>span:nth-child(2) {
    
    text-align: left;
	font-size:16px
   
 
}
.hy-p-c-r-nr-top .move-ul p{font-size:14px;line-height: 1.7;color:#444}
.size-guide{text-align: right;cursor: pointer;}
.hy-p-c-r-nr-top>spam{display: inline-block;float:right;font-size:16px;
color:#444
}
.hy-p-c-r-nr-top>p{    display: inline-block;
    line-height: 1.7;
    font-size: 14px;
    margin: 0;
    margin-bottom: 0;
	color:#444;
}
.hy-p-c-r-nr-zj>p{    margin-bottom: 20px;font-size: 16px;}
.hy-p-c-r-nr-bott {
    margin: 8% 0;
	    margin-bottom: 4%;
}
.hy-p-c-r-nr-bott>span{font-size:16px;display: inline-block;float:left;}
.hy-p-c-r-nr-bott>spam{font-size:16px;display: inline-block;float:right;}
.hy-p-c-r-nr-bott>ul{display:block;float: left;width:100%;margin-top: 2%;}
.hy-p-c-r-nr-bott>ul li {
    display: inline-block;
  
    background-color: #f8f8f8;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    padding-top: 1px;
   
    margin-right: 2%;
	cursor: pointer;
}
.hy-p-c-r-an>a {
    width: auto;
    border: 1px solid #b2b2b2;
    color: #0d0d0d;
    background-color: #00000000;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
}
.hy-p-c-r-an .hy-p-ys {
       display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    line-height: 40px;
    padding: 0 40px;
}
.hy-p-c-r-an form#xunpan {
        display: inline-block;
    height: 40px;
    background: #000000;
    line-height: 40px;
    color: #ffffff;
    padding: 0;
    border: 0px;
    margin-right: 20px;

}
.hy-p-c-r-an {
    display: flex;
    align-items: center;
}
.hy-p-c-xl>p{padding:2% 25%;text-align: center;color:#313131;font-size:12px;}
.hy-p-c-xlb ul li{padding:2%;border-top:1px solid #eeeeee;}
.proct-zj button{width:50%;display: inline-block;float:left;font-size:14px;padding:1.2%;border:1px #f8f8f8 solid;background-color:#f8f8f800}
.proct-zj .proct-zj-bu {background-color:#f8f8f8;border:1px solid #f8f8f8;}
.proct-botto{width:80%;margin:2% auto;}
.proct-botto>h2{text-align: center;}
.proct-botto>p{text-align: center;}
.proc-top{text-align: center;margin:2% auto;width:80%;}
.proct-n{width:80%;margin:2% auto;}
.proct-n img{width:100%;}
.proc-like p{text-align: center;color:#767676;}
.you-like-img{width:23%;margin:1%;float:left;}
.you-like-img img{width:100%;margin-bottom: 4%}
.you-like-img span{width:100%;display: block;line-height: 1.7;color:#767676}
/* detail from comments */
form.det-fronm{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
form.det-fronm input,form textarea,form.det-fronm button{border: 1px solid #888888;margin: 1% 0;padding: 0 6px;font-size: 14px;}
form.det-fronm input{width: 48%;line-height: 2.5rem;}
form.det-fronm textarea{width: 100%;font-family: Arial, Helvetica, sans-serif;padding: 6px;}
form.det-fronm button{width: 30%;line-height: 2.5rem;transition: all .3s;    background: #000000;
    color: #ffffff;border:1px solid #000000;cursor: pointer;}
form.det-fronm button:hover{background: #000;color: #fff;}
form.det-fronm input:focus,form.det-fronm textarea:focus{box-shadow: 0 0 30px rgba(0,0,0,.15);}
.current{background:#000000;color:#ffffff;}




.road-list.wid{
	height: 50px;
	line-height: 50px;
}
.road-list.wid a{font-weight: bold}
.content-all>h2 {
    text-align: center;
    font-size: 18px;
    color: #888;
    margin-top: 20px;
}
.content-all>h4 {
    margin-bottom: 26px;
    font-size: 36px;
    color: #0a0a0a;
    text-align: center;
    width: 420px;
    margin: 20px auto;
    line-height: 1.2;
}
.content-all>hr {
    margin: 0 auto;
    margin-bottom: 40px;
    height: 4px;
    width: 150px;
    margin-top: 25px;
    background: #e42729;
    border: 1px solid #00000000;
}
.conter-top{
	    background-color: #f8f8f8;
	margin-bottom: 40px;
}
.conter-top-left {
    width: 50%;
    background-color: #f8f8f8;
    padding: 2% 0;
    float: left;
}
.conter-top-right {
    width: 50%;
    float: left;
    padding: 2% 0;
    background-color: #ffffff;
}
.clear_fixed {
	clear: both;
}
.conter-left {
    float: left;
    line-height: 1.7;
    width: 50%;
    margin-left: 40%;
}
.conter-left h3 {
    margin-bottom: 4%;
    font-size: 18px;
}
.conter-left>p {
    font-weight: 200;
    color: #606060;
}
.conter-left p span {
    font-size: 16px;
    font-weight: bold;
	display: block;
    width: 100%;
}
.conter-left p {
    font-size: 14px;
    margin: 6% 0;
}
.your-rknam{margin: 20px 0;}
.conter-left p a {
    font-weight: 200;
    color: #606060;
}
.conter-right {
    margin-left: 10%;
}
.conter-right h3 {
    margin-bottom: 4%;
    font-size: 18px;
}
.your-rknam span {
    display: block;
    width: 100%;
    font-size: 14px;
}
.your-rknam input {
    margin-top: 1%;
    background-color: #f8f8f8;
    padding: 10px 1%;
    width: 70%;
    border: 1px solid #666;
}
.melssage textarea {
    background-color: #f8f8f8;
    width: 70%;
    margin-top: 1%;
    padding: 10px 2%;
    height: 100px;
	border: 1px solid #666;
}
.mes-bu {
    width: 70%;
    height: 40px;
    font-size: 18px;
    background-color: #090909;
    color: #ffffff;
    border: 0;
}
.conter-center-img{display:flex;
align-items:center;justify-content:center;position:relative;
}
.conter-center-img a{
	position: absolute;
    height: 50px;
    border: 1.5px solid #878787;
    left: 50%;
    line-height: 50px;
    border-radius: 30px;
    padding: 0 5%;
    transform: translate(-50%);
    top: 48%;
    background: #fff;
    color: #878787;
}
.conter-center-img a:hover{background:#000000;color:#ffffff}




/*news*/
.news_bottom{display: flex;flex-flow: wrap}
.col_lift{width:calc((100% - 75px) / 4);margin-right:25px;margin-bottom:25px;display: inline-block;}
.col_lift:nth-child(4n){margin-right:0;}
.col_right-zi p{
	   overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-all;margin-bottom: 15px;color:#666666
}
.col_right-zi h3{font-size:18px;margin:10px 0;margin-bottom: 5px;
height: 44px;
overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-all;
}
.col_right-1 {
    padding: 0 20px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.col_right-zi h5{margin-bottom:10px;color: #666666}
.col_lift:hover{box-shadow: 0 0 2px 2px #00000050}

.all_tittle h2{
	font-size: 36px;
    color: #0a0a0a;
    text-align: center;
    width:100%;
    margin: 20px auto;
    line-height: 1.2;
}
.all_tittle>hr {
    margin: 0 auto;
    margin-bottom: 40px;
    height: 4px;
    width: 150px;
    margin-top: 25px;
    background: #e42729;
    border: 1px solid #00000000;
}


/*关于我们*/
.about-all .imageContainer.ne{
	padding: 0!important
}
.about-all-top{
display: flex;
	justify-content: space-between;
	max-width: 94%;
	margin: auto
}
.about-all {
    padding: 70px 0;
	padding-top: 30px;
}
.about-all-top {
    display: flex;
    justify-content: space-between;
    max-width: 94%;
    margin: auto;
	align-items: center;
	margin-bottom: 70px;
}
.about-top-left {
       width: 30%;
}
.about-top-left img{
	width: 100%
}
.about-top-right {
    width: 68%;
    line-height: 1.75;
    padding-right: 0;
}
.about-top-right h2{
	    font-size: 38px;
    font-weight: 500;
    color: #3b3d42;
}
.about-top-right>p {
    line-height: 2.0;
    font-size: 16px;
    color: #4c4d4f;
	margin: 4% 0
}

.counter-all {
        display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    text-align: center;
    width: 33%;
    margin-bottom: 20px;
}
.counter-all p{
	    width: 100%;color:#4c4d4f
}
.counter{
	font-size:32px;
	margin-right: 10px;
	color:#4c4d4f
}
.counter-all-b{
	    display: flex;
    align-items: baseline;
    justify-content: center;
	margin: auto
}
.demo {
        display: flex;
    flex-flow: wrap;
}
.counter-all-b{flex-flow: wrap}
.counter-all-b span{display: block;width: 100%}
.counter{font-weight: bold}
.about-center{
	max-width: 94%;
	margin: auto
}
.about-center p {
    line-height: 2.0;
    font-size: 16px;
    color: #4c4d4f;
    margin: 2% 0;
	margin-bottom: 4%
}
.about-center h2 {
    font-size: 38px;
    font-weight: 500;
    color: #3b3d42;
	text-transform: uppercase
}
.about-center-all {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 0 20px;
}
.about-contact-all{
	height: 600px;
    background: url(../images/index-productbj.png) no-repeat;
    padding: 108px 0;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    margin: 70px 0;
    background-size: cover;
}
.about-contact{
	max-width: 94%;
	margin: auto
}
.about-contact h2 {
    font-size: 38px;
    font-weight: 500;
    color: #3b3d42;
    text-transform: uppercase;
}
.about-contact>p {
    line-height: 2.0;
    font-size: 16px;
    color: #4c4d4f;
    margin: 2% 0;
    margin-bottom: 4%;
}
.about-contact>a{
	display: inline-block;
	padding: 2% 4%;
	font-size:24px;
	border:1px solid #888888;
	line-height: 1
}
.about-contact>a span img{
	margin-left: 20px;
	margin-top:-8px;
}
.about-contact>a:hover{
	background: #0563a3;
	color:#fff;
	border:1px solid #0563a3
}
.about-contact>a:hover img{
	    filter: brightness(1000%);
	
}
.about-production{
	max-width: 94%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	    flex-wrap: wrap;
	overflow: hidden
}
.about-production h2, .about-bottom h2{
	width: 100%;    font-size: 38px;
    font-weight: 500;
    color: #3b3d42;
    text-transform: uppercase;
	margin-bottom: 40px;
}
.about-bottom{
	max-width: 94%;
	margin:40px auto
}
.about-production-img{
	width: 38%;
}
.about-production-img img{
	width: 100%
}
.about-production-img-right{
	width: 55%;
	display: flex;
	justify-content: end;
	flex-flow: wrap;
}
.about-production-img-right li{
	width: calc((100% - 60px) / 3);
	margin-right: 30px;
	margin-bottom: 30px;
}
.about-production-img-right li:nth-child(3n){
	margin-right: 0
}
.about-bottom .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
	display: none
}
.about-bottom  .bx-wrapper .bx-controls-direction a.disabled{
	display: block
}
.about-bottom .bx-controls-direction .bx-prev, .about-bottom .bx-controls-direction .bx-next{
	background:url(../images/about-center.png) no-repeat;
	background-size:100%
}
.about-bottom .bx-controls-direction .bx-prev{
	left: -30px;
	transform: rotate(180deg)
}
.about-bottom .bx-controls-direction .bx-next{
	right: 0px;
	transform: rotate(0deg)
}
.about-center-logo img{max-width: 45%;display: inline-block;margin-top: 20px;margin-bottom: 40px}
		.ress{display: flex;align-items: center;}
		.ress img{max-width: 100%;width: auto;margin-top: 20px;margin-bottom: 40px}
		.ress_left p{margin: 0;}
		.ress_left{
			    margin-top: 20px;
    		margin-bottom: 40px;
			width: 60%
		}
		.ress_left h2{margin-bottom: 40px;}
		.ress_right{width: 70%;}
		.ress_right img{width: 100%}
		.about-center-all{flex-flow: wrap}
		.about-center-all-a {
    width: 30%;
}
		.about-center-all-img  span{
			font-size: 24px;
			color: #e42729
		}
		
		ul.download_con {
    background: url(http://www.lefunland.com/images/time_z_bg.jpg) repeat-y 50% 30%;
    width: 100%;
    margin: auto;
}
		ul.download_con li {
    position: relative;
    background: #ededed;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 45%;
    margin-bottom: 20px;
	padding-left: 40px;
}
		li.download_right img {
    position: absolute;
    right: 0%;
    margin-right: -20px;
    top: 50%;
    margin-top: -20px;
			width: auto;
}
		li.download_left{float: left}
		li.download_right {
    float: right;
}
		li.download_left img {
    position: absolute;
    left: 0%;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px;
			width: auto
}
		.clearfix{clear: both}
.swiper-button-next_about.icon.iconfont.icon-left.abs{
	width: 47px;
    height: 47px;
    border-radius: 0px;
    overflow: hidden;
    color: #ffffff;
    background: #00000020;
    text-align: center;
    line-height: 48px;
    font-size: 32px;
    font-weight: bold;
    bottom: 50%;
    transform: translateY(50%);
    left: 5px;
    cursor: pointer;
    z-index: 999;
}
.swiper-button-prev_about.icon.iconfont.icon-left.abs{
	    width: 47px;
    height: 47px;
    border-radius: 0px;
    overflow: hidden;
    color: #ffffff;
    background: #00000020;
    line-height: 48px;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    bottom: 50%;
    left: auto;
    top: 50%;
    transform: rotate(180deg) translateY(50%);
    right: 5px;
    cursor: pointer;
    z-index: 999;
}
ul.download_con{margin-bottom:40px;}

.hy-p-c-r-nr-top>.move-ul {line-height:1.5;margin-bottom:40px;}
.conter-center{margin-bottom: 40px}
.product-pro-all-img:hover .qx{display:none}
.product-pro-all-img:hover .qq{display:block}






.index-tittle{
width: 100%;
    margin: 12px auto;
    margin-bottom: 0;
	    background: #f2f0ec;
}

.index-tittle h2{
    font-size: 42px;
    text-align: left;
}
.index-tittle-left, .index-tittle-right{width: 50%}
.index-tittle-right {
    width: calc(50% - 6px);
    margin-left: 6px;
}
.index-tittle-left{padding: 40px;    background: #f2f0ec; }
.index-tittle.flex{align-items:normal}
.index-tittle hr{width:200px;margin:15px auto;height:5px;background: #000000;margin-left: 0;display: none}
.index-tittle h3{

    font-size: 18px;
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 10px;

}
.index-tittle p{line-height:1.5;text-align:left;}
.index-tittle-left {
   width: 94%;
    padding: 40px;
    background: #f2f0ec;
    border-radius: 8px;
    box-shadow: 0 0 10px 1px #80808050;
	
}
.index-tittle-all>.index-tittle.flex{
	padding: 0px 0;
justify-content: flex-end;
    align-items: center;
    margin: 0;
	background: #ffffff
}
.index_about-right{width: 50%}
ul.move-ul.yjrl{width:94%;margin: auto;margin-bottom: 20px}
ul.move-ul.yjrl .imageContainer{height:auto!important;text-align: center}
ul.move-ul.yjrl .imageContainer.wd01, ul.move-ul.yjrl .imageContainer.wd02, ul.move-ul.yjrl .imageContainer.dw0, ul.move-ul.yjrl .imageContainer.dw1{width:25%!important;padding: 0.5%!important}
ul.move-ul.yjrl .imageContainer img{width:auto!important;max-width:100%!important}
.foot-logo-bz a img{
	    height: 65px;
}
.foot-logo-bz{margin-top: 30px;}
.foot-logo-bz a{
	display:inline-block;
	margin-right: 20px;margin-bottom: 20px;
}