@charset "utf-8";





@import url("animate.css");

@import url("aos.css");

@import url("pintuer-2.0.css");

@import url("swiper.5.3.6.css");

@import url("owl.carousel.min.css");

/*@import url("owl.carousel.css");

@import url("owl.theme.default.css");*/

@import url("../slick/slick.css");

@import url("../slick/slick-theme.css");

@import url("font-awesome.css");

@import url("iconfont.css");

@import url("reset.css");


.a_nsyzc {
    display: inline-block;
    width: 100px;
}
.a_nsyzc img {}

.navbar-after {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-after .drop {width: 130px;}

.figure_banner_img {
	position: relative;
	margin: 0 auto;
}
.figure_banner_img img{
	/*height: 200px;
    object-fit: cover;*/
}
.figure_banner_img .pc_img {display: block;}
.figure_banner_img .m_img {display: none;}

.swiper-container {

      width: 100%;

      height: 300px;

      margin-left: auto;

      margin-right: auto;

    }



    .swiper-slide {

      background-size: cover;

      background-position: center;

    }



    .gallery-top {

      height: 80%;

      width: 100%;

    }



    .gallery-thumbs {

      height: 20%;

      box-sizing: border-box;

      padding: 10px 0;

    }



    .gallery-thumbs .swiper-slide {

      width: 25%;

      height: 100%;

      opacity: 0.4;

    }



    .gallery-thumbs .swiper-slide-thumb-active {

      opacity: 1;

    }

.pc_banner {display: block;}
.m_banner {display: none;}

.bdtj {display: none;}

.pages .nav-page {flex-wrap: wrap;}

.pages .nav-page li {margin-bottom: 5px;transition: .5s;}

/*.pages .nav-page li:hover {background-color: rgba(239, 123, 27, 0.5);}*/

.pages .nav-page li:hover a {color: #ef7b1b;}

.pages .nav-page li.active a {color: #fff;}

.pages .nav-page li.active,
.pages .nav-page li .page-num-current,
.pages .nav-page li .page-num-current:hover {
	color: #fff;
	background-color: #ef7b1b;
}

.pages li select {color: #ef7b1b;}



.alert>[data-dismiss] {

    position: absolute;

    right: 1rem;

    top: 1rem;

    cursor: pointer;

    color: #f00;

    font-size: 30px;

}



.fh_a {
	position: relative;
    color: #fff !important;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    display: block;
    margin: 10px 10px 0;
    background: #ef7b1b;
    border-radius: 5px;
    padding: 5px 8px;
    border: 1px solid #ef7b1b;
    transition: all .5s;
}
.fh_a:hover {
	color: #ef7b1b !important;
	background: #fff;
	border-color: #ef7b1b;
}



.nav-breadcrumb {
	color: #fff;
	padding: 15px;

	margin: 0 auto 30px;

	background-color: #ef7b1b !important;

}
.nav-breadcrumb a {
	color: #fff;
	font-size: 20px;
	line-height: 25px; 
}

.nav-breadcrumb .active a {background-color: transparent !important;}



.h2_title {

	color: #333;

	font-size: 35px !important;

	line-height: 40px;

	text-align: center;

	margin: 0 auto;

}

.h2_title span {

	color: #999;

	font-size: 15px;

	line-height: 20px;

	text-transform: uppercase;

	display: block;

	margin: 15px auto 0;

}



.menu_nav {

	position: relative;

	margin: 0 auto;

	background: #f0f0f0;

}

.menu_nav .ul {

	margin: 0 auto;

	height: 60px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: end;

}

.menu_nav .ul li {

	position: relative;

	margin-right: 100px;

	/*border-bottom: solid 1px transparent;*/

	transition: .5s;

}

.menu_nav .ul li:last-child {margin: 0;}

/*.menu_nav .ul .active,

.menu_nav .ul li:hover {border-bottom: solid 1px #ef7b1b;}*/

.menu_nav .ul li:hover::after,

.menu_nav .ul .active::after {

	content: "";

    width: 100%;

    height: 2px;

    background: #ef7b1b;

    position: absolute;

    top: auto;

    bottom: -18px;

    left: 0;

    right: auto;

    transition: .5s;

}

.menu_nav .ul li a {

	color: #666;

	font-size: 16px;

	line-height: 20px;

	text-align: center;

}

.menu_nav .ul .active a,

.menu_nav .ul li:hover a {color: #ef7b1b;}



.menu_ul {

	position: relative;

	margin: 0 auto;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: end;

}

.menu_ul li {

	padding: 5px 20px;

    margin-right: 15px;

    margin-bottom: 15px;

	border: solid 1px #ddd;

	transition: .5s;

}

.menu_ul .active,

.menu_ul li:hover {

	background: #ef7b1b;

	border-color: #ef7b1b;

}

.menu_ul li a {

	color: #666;

	font-size: 18px;

	line-height: 20px;

	text-align: center;

}

.menu_ul .active a,

.menu_ul li:hover a {color: #fff;}



.detail_tiele {

    width: 100%;

    margin: 0 auto;

    /*padding-bottom: 10px;

    border-bottom: 1px dashed #ddd;*/

}

.detail_tiele .h3 {

    color: #333;

    font-size: 25px !important;

    line-height: 30px;

    margin: 0px auto;

}

.detail_tiele .ul_title {

    display: flex;

    flex-wrap: wrap;

    justify-content: end;

    align-items: center;

    margin: 20px auto;

}

.detail_tiele .ul_title li {

    color: #999;

    font-size: 13px;

    margin: 0 20px 10px 0;

}



.header {
    margin: 0 auto;
    position: relative;
    /*top: 0;
    z-index: 9;
    right: 0;
    left: 0;
    background: #fff;*/
}

.header .navbar-logo img {width: 150px;}

.header .nav>li>a {

	color: #333;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    padding: 10px;

}

.header .pc_nav {padding: 0px !important;}

.header .pc_nav .navbar-body {

	flex-grow: 0;

	margin: 0 auto;

}

.header .pc_nav .drop .button {outline: 0;}

.header .pc_nav .drop img,

.header .m_nav .drop img {

	margin: 0 10px 0 0px;

    display: inline-block;

}

.header .button .fa {margin-right: 10px;transition: .5s;}

.header .button {transition: .5s;}

.header .button:hover {

	color: #ee7a00;

    border: solid 1px #ee7a00 !important;

    background: #fff;

    transition: .5s;

}

.header .m_nav {

	display: none;

	/*background-image: linear-gradient(60deg, #fbed96 0%, #abecd6 100%);*/
	background: #fff !important;

}

.header .pc_nav .drop>.dropdown,

.header .m_nav .drop>.dropdown {min-width: 3rem;}

.header .m_nav .navbar-body {display: none;}

.header .m_nav .navbar-addon a {color: #333;}

.header .m_nav .button {color: #333;border: solid 1px #333 !important;}

.header .m_nav .button:hover {

    background-color: transparent;

    border: solid 1px #fff !important;

}

.header .pc_nav .list-box>a {padding: 5px;}
.header .pc_nav .list-box>a:nth-child(3) {display: none;}

.header .pc_nav .list-box>a:hover {color: #ef7b1b;}

.header .m_nav .nav {color: #333;}

.header .pc_nav .nav>li>a:hover,

.header .pc_nav .nav>li.active>a,

.header .m_nav .nav>li>a:hover,

.header .m_nav .nav>li.active>a {color: #ef7b1b;}



.figure_banner {

	position: relative;

	margin: 0px auto 0;

}

.figure_banner .nav.nav-turn>li>a {

    padding: 0;

    width: 2.5em;

    height: 8px;

    border-radius: 0.2em !important;

}

.figure_banner .nav.nav-turn>li.active {

    color: #ef7b1b;

}



.enterprise_profile {

	position: relative;

	margin: 50px auto 0;

}

.enterprise_profile .figure_img {

	margin: 20px auto 0;

}

.enterprise_profile .figure_img .scale_img {border-radius: 10px;}

.enterprise_profile .figure_img .figcaption_txt {padding-left: 40px;}

.enterprise_profile .figure_img .figcaption_txt .h2 {

	color: #333;

    font-size: 30px !important;

    line-height: 35px;

    margin: 0 auto;

}

.enterprise_profile .figure_img .figcaption_txt .span {

	color: #333;

    font-size: 24px;

    line-height: 25px;

    margin: 15px auto 20px;

    display: block;

}

.enterprise_profile .figure_img .figcaption_txt .p {

	color: #666;

    font-size: 16px;

    line-height: 30px;

    margin: 0px auto;

}

.enterprise_profile .figure_img .figcaption_txt .p1 {text-indent: 35px;}

.enterprise_profile .figure_img .figcaption_txt .more {

    color: #ef7b1b;

    font-size: 15px;

    line-height: 20px;

    display: block;

    position: absolute;

    bottom: 0;

    right: 0

}

.enterprise_profile .grid {margin: 50px auto;}

.enterprise_profile .txt:first-child {border: none;}

.enterprise_profile .txt {

	text-align: center;

	border-left: solid 1px #ddd;

}

.enterprise_profile .txt .h3 {

	color: #333;

    font-size: 50px !important;

    line-height: 55px;

    font-weight: 600;

    margin: 0px auto;

}

.enterprise_profile .txt span {

	color: #666;

    font-size: 20px;

    line-height: 25px;

}



.best_selling_products {

	position: relative;

	margin: 0px auto 20px;

	padding: 50px 0;

	background: #f6f6f6;

}

.best_selling_products .list {

    position: relative;

	margin: 50px auto 0;

}

.best_selling_products .figure_img {background: #fff;margin: 0 10px;}

.best_selling_products .figure_img a:focus {outline: 0;}

.best_selling_products .figure_img .scale_img {height: auto;}

.best_selling_products .figure_img .scale_img .icon span {

    width: 50px;

    height: 50px;

    line-height: 50px;

    display: block;

    background: rgba(239, 123, 27, 0.7);

    border-radius: 100%;

}

.best_selling_products .figure_img .scale_img .icon {

	position: absolute;

	top: -100%;

    bottom: 100%;

	left: 0;

	right: 0;

	background: rgba(0, 0, 0, 0.5);

	display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s;

}

.best_selling_products .figure_img:hover .scale_img .icon {top:0;bottom: 0;transition: .5s;}

.best_selling_products .figure_img .scale_img .icon span .fa {

	color: #fff;

	font-size: 18px;

}

.best_selling_products .figure_img .figcaption_txt {

	padding: 15px 10px;

	transition: .5s;

}

.best_selling_products .figure_img:hover .figcaption_txt {background: #e8862f;}

.best_selling_products .figure_img .figcaption_txt h3 {

	color: #333;

	font-size: 16px !important;

	line-height: 20px;

	margin: 0px auto 15px;

}

.best_selling_products .figure_img:hover .figcaption_txt h3 {color: #fff;}

.best_selling_products .figure_img .figcaption_txt span {

	color: #333;

	font-size: 15px;

	display: block;

    width: 130px;

    height: 35px;

    line-height: 35px;

    margin: 0 auto;

    border: 1px solid #ddd;

}

.best_selling_products .figure_img:hover .figcaption_txt span {

	color: #fff;

	border-color: #fff;

	background: #ef7b1b;

}

.best_selling_products .slick-dots li.slick-active button::before {

    color: #ef7b1b;

}

.best_selling_products .slick-dots li button::before {color: #333;}

.best_selling_products .list .fa {}

.best_selling_products .list .prev {

	position: absolute;

	left: -30px;

    top: 40%;

}

.best_selling_products .list .next {

	position: absolute;

	right: -30px;

    top: 40%;

}



.company_news {

	position: relative;

	margin: 50px auto;

}

.company_news .figure_img .scale_img img {

	width: auto;

	margin: 0;

}

.company_news .figcaption_txt {padding-left: 30px;}

.company_news .figcaption_txt .title_a {

	color: #010101;

	font-size: 18px;

	line-height: 20px;

}

.company_news .figcaption_txt .title_a:hover {

	color: #ef7b1b;

	background-image: linear-gradient(transparent calc(100% - 1px),#ef7b1b 1px);

}

.company_news .figcaption_txt .small {

	color: #999;

	font-size: 12px;

	line-height: 15px;

	display: block;

	margin: 30px auto 0;

}

.company_news .figcaption_txt .p {

	color: #666;

	font-size: 13px;

	line-height: 20px;

	margin: 10px auto 15px;

}

.company_news .figcaption_txt .more {

	color: #ef7b1b;

	font-size: 13px;

	line-height: 20px;

	display: block;

	border: 1px solid transparent;

}

.company_news .figcaption_txt .more:hover {

	color: #666;

	/*border-color: #ef7b1b;*/

}

.company_news .list {

	display: flex;

    justify-content: flex-end;

}

.company_news .news_img_txt {margin: 40px auto 0;}

.company_news .list .ul {margin: 0 0 0 0;}

.company_news .list .ul li {padding: 0px 0 15px;}

.company_news .list .ul li a:hover {padding-left: 15px}

.company_news .list .ul li a {

	color: #666;

	font-size: 15px;

	line-height: 20px;

}

.company_news .list .ul li a:hover {color: #ef7b1b;}

.company_news .list .ul li a small {}

.company_news .list .ul li a span {margin-left: 15px;}

.company_news .list .more {

	color: #ef7b1b;

	font-size: 13px;

	line-height: 20px;

	text-align: right;

	display: block;

	border: 1px solid transparent;

}

.company_news .list .more:hover {

	color: #666;

	/*border-color: #ef7b1b;*/

}



.cooperative_partner {

	position: relative;

	margin: 50px auto;

}

.cooperative_partner .list {margin: 50px auto;}

.cooperative_partner .list .scale_img {

	margin-bottom: 30px;

}

.cooperative_partner .list img {

	display: block;

	width: auto;

	cursor: grab;

	border: 1px solid #ddd;

}

.cooperative_partner .list .scale_img:hover img {

	border: 1px solid #ef7b1b;

	transform: inherit;

    -webkit-transform: inherit;

}



.main_supplier {

	position: relative;

	margin: 50px auto;

}

.main_supplier .list {margin: 50px auto;}

.main_supplier .list .scale_img {margin-bottom: 30px;}

.main_supplier .list .scale_img img {

	display: block;

	width: auto;

	cursor: grab;

	border: 1px solid #ddd;

}

.main_supplier .list .scale_img:hover img {

	border: 1px solid #ef7b1b;

	transform: inherit;

    -webkit-transform: inherit;

}



.footer {

	position: relative;

	margin: 0 auto;

	padding: 15px 0px;

	background: #515151;

}

.footer .ul li {margin-right: 15px;}

.footer .ul li:last-child {margin: 0;}

.footer .ul li a {

	color: #ccc;

	font-size: 15px;

	line-height: 20px;

	position: relative;

}

.footer .ul li a::after {

	content: "|";

	position: absolute;

    top: 0;

    bottom: auto;

    left: auto;

    right: -10px;

}

.footer .ul li:last-child a::after {

	content: "";

	display: none;

}

.footer .ul li:hover a {color: #ef7b1b;}

.footer .tips_a {position: relative;}

.footer .tips_a .qrcode {

	position: absolute;

	top: -200px;

    bottom: auto;

    left: -70px;

    right: 0;

    z-index: 1;

    width: 195px;

    height: 195px;

    background: #fff;

    padding: 0px;

    border-radius: 10px;

    box-shadow: 0 4px 6px #323436;

    display: none;

    -webkit-transition: all 300ms ease 0s;

    -moz-transition: all 300ms ease 0s;

    -ms-transition: all 300ms ease 0s;

    -o-transition: all 300ms ease 0s;

    transition: all 300ms ease 0s;

}

.footer .tips_a .qrcode::after {

    width: 0;

    height: 0;

    border-top: 8px solid #fff;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    margin-left: -4px;

    position: absolute;

    z-index: 1;

    left: 50%;

    top: 100%;

    content: '';

}

.footer .ul li a:hover .qrcode {display: block;}

.footer .p {

	color: #ccc;

	font-size: 15px;

	line-height: 20px;

	text-align: right;

	margin: 0 auto;

}

.footer .p a {color: #ccc;}

.footer .p a:hover {color: #ef7b1b;}



.about {

	position: relative;

	margin: 50px auto;

}

.about .content {

	position: relative;

	margin: 0px auto;

}

.about_main .content {

	position: relative;

	margin: 0px auto;

	width: 66%;

}

.about .content img {max-width: 100%;}

.about .about_h2 {

	font-size: 30px !important;

    line-height: 35px;

    color: #333;

    text-align: center;

    margin: 0 auto 30px;

}

.about .about_p {

	color: #666;

	font-size: 16px;

    line-height: 41px;

    text-indent: 30px;

    margin: 0 auto;

}

.about .about_img {margin: 50px auto;}

.about .center_txt {

	margin: 50px auto;

    width: 86%;

}

.about .center_txt .figure_img {

	width: 50%;

	padding: 0 15px;

}

.about .center_txt .figure_img .figcaption_txt {

	color: #ef7b1b;

	font-size: 25px;

    line-height: 30px;

	text-align: center;

    margin: 15px auto 0;

}

.about .bottom_txt {

    margin: 50px auto;

    width: 81%;

}

.about .bottom_txt .figure_img {

	width: 50%;

	padding: 0 15px;

}

.about .zzry {margin: 0 -10px;}

.about .grid .scale_img {padding: 0 10px;}

.about .gszz {justify-content: center;}

.about .owl_list {

	position: relative;

	width: 80%;

	margin: 15px auto 0;

}

.about #sync2 .owl-nav button.owl-next, 

.about #sync2 .owl-nav button.owl-prev {

	 top: 20px;

}

.about #sync2 .owl-nav button.owl-prev {

    left: -35px;

    right: auto;

}

.about #sync2 .owl-nav button.owl-next {

    right: -35px;

    left: auto;

}

/*.about .owl-carousel .owl-nav.disabled, 

.about .owl-carousel .owl-dots.disabled {

	display: block;

}

.about .owl-carousel .owl-nav.disabled {

    margin: 0 auto;

}

.about .owl-carousel .owl-nav button {

	position: absolute;

	top: 0px;

	margin: 0 !important;

    background: #f6f6f6 !important;

    outline: 0;

}

.about .owl-carousel .owl-nav .owl-prev {

	left: -50px;

    right: auto;

    width: 30px;

    height: 75px;

}

.about .owl-carousel .owl-nav .owl-next {

	left: auto;

    right: -50px;

    width: 30px;

    height: 75px;

}

.about .owl-carousel .owl-nav .fa::before {

    color: #666;

    font-size: 40px;

    font-weight: 100;

}*/

.about_jrshc {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about_jrshc .jrshc_ul {

	width: 15%;

}

.about_jrshc .jrshc_ul li a {

	color: #333;

    font-size: 20px;

    line-height: 25px;

    display: block;

    text-align: center;

    padding: 15px;

    background: #fff;

    border-bottom: solid 1px #333;

}

.about_jrshc .jrshc_ul li:hover a,

.about_jrshc .jrshc_ul .active a {

	color: #fff;

	background: #ef7b1b;

	border-color: #ef7b1b;

}

.about_jrshc .jrshc_txt {width: 82%;}

.about_jrshc .fold {display: none;}

.about_jrshc .jrshc_txt .jrshc_h2 {

	color: #fff;

    font-size: 16px !important;

    line-height: 20px;

    padding: 10px 0 10px 30px;

    background: #ef7b1b;

}

.about_jrshc .jrshc_txt .txt {

	margin: 20px auto 0;

}

.about_jrshc .jrshc_txt .txt .p {

	color: #999;

    font-size: 16px;

    line-height: 30px;

	margin: 0px auto;

}

.about_jrshc .jrshc_txt .txt .span {

	color: #333;

    font-size: 18px;

    line-height: 20px;

    display: block;

    margin: 0px auto 5px;

}

.timeline.timeline-aside {

    padding-left: 12%;

}

.about .timeline.timeline-aside .timeline-title {

	color: #333;

    font-size: 20px;

    line-height: 25px;

    position: absolute;

    left: -12rem;

    top: 0;

    width: 10rem;

    text-align: left;

}

.about .timeline>li.active:not(:last-child)::before {

    border-left: solid 2px #ef7b1b;

}

.about .timeline>li.active::after {

    left: -10px;

    top: 0;

    width: 20px;

    height: 20px;

    background-color: #ef7b1b;

    border-color: transparent;

}

.about .timeline .timeline-body span {

	color: #666;

    font-size: 18px;

    line-height: 20px;

}

.about .timeline .timeline-body img {margin: 15px 0 0 0;}



.product {

	position: relative;

	margin: 0px auto 20px;

}

.product .product_list {

    position: relative;

	margin: 50px -15px 0;

}

.product .product_list .figure_img {

	background: #fff;

	padding: 0 15px;

	margin-bottom: 30px;

	transition: .5s;

}

.product .product_list .figure_img:hover {transform: translate3d(0, -3px, 0);}

/*.product .product_list .figure_img::last-child {margin-bottom: 0px;}*/

.product .product_list .figure_img a:focus {outline: 0;}

.product .product_list .figure_img .scale_img {border: 1px solid #ddd;height: auto;}

.product .product_list .figure_img:hover .scale_img {border-color: #ef7b1b;}

.product .product_list .figure_img .scale_img .icon span {

    width: 50px;

    height: 50px;

    line-height: 50px;

    display: block;

    background: rgba(239, 123, 27, 0.7);

    border-radius: 100%;

}

.product .product_list .figure_img .scale_img .icon {

	position: absolute;

	top: 100%;

    bottom: -100%;

	left: 0;

	right: 0;

	background: rgba(0, 0, 0, 0.5);

	display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s;

}

.product .product_list .figure_img:hover .scale_img .icon {top:0;bottom: 0;transition: .5s;}

.product .product_list .figure_img .scale_img .icon span .fa {

	color: #fff;

	font-size: 18px;

}

.product .product_list .figure_img .figcaption_txt {

	padding: 15px 10px;

	border: 1px solid #ddd;

	transition: .5s;

}

.product .product_list .figure_img:hover .figcaption_txt {

	border-color: #ef7b1b;

	background: #ef7b1b;

}

.product .product_list .figure_img .figcaption_txt h3 {

	color: #333;

	font-size: 16px !important;

	line-height: 20px;

	margin: 0px auto 15px;

}

.product .product_list .figure_img:hover .figcaption_txt h3 {color: #fff;}

.product .product_list .figure_img .figcaption_txt span {

	color: #333;

	font-size: 15px;

	display: block;

    width: 130px;

    height: 35px;

    line-height: 35px;

    margin: 0 auto;

    border: 1px solid #ddd;

    background: transparent;

    transition: .5s;

}

.product .product_list .figure_img:hover .figcaption_txt span {

	color: #fff;

	border-color: #fff;

	background: #e8862f;

}



/*.product_info .fdj {margin: 0 auto;}

.product_info .zoom_img  {

	position: relative;

	overflow: hidden;

	padding: 15px;

    border: solid 1px #ddd;

}

.product_info .owl_list {

	position: relative;

	width: 80%;

	margin: 15px auto 0;

}

.product_info .owl-carousel .owl-nav.disabled, 

.product_info .owl-carousel .owl-dots.disabled {

	display: block;

}

.product_info .owl-carousel .owl-nav.disabled {

    margin: 0 auto;

}

.product_info .owl-carousel .owl-nav button {

	position: absolute;

	top: 0px;

	margin: 0 !important;

    background: #f6f6f6 !important;

    outline: 0;

}

.product_info .owl-carousel .owl-nav .owl-prev {

	left: -50px;

    right: auto;

    width: 30px;

    height: 75px;

}

.product_info .owl-carousel .owl-nav .owl-next {

	left: auto;

    right: -50px;

    width: 30px;

    height: 75px;

}

.product_info .owl-carousel .owl-nav .fa::before {

    color: #666;

    font-size: 40px;

    font-weight: 100;

}

.owl_img a {

	display: block;

	border: solid 3px transparent;

}

.owl_img a:hover,

.owl_img .zoomGalleryActive {

    border: solid 3px #ef7b1b;

}*/

.product_info .right_txt {padding-left: 50px;}

.product_info .right_txt .h3 {

	color: #333;

	font-size: 30px !important;

    line-height: 35px;

    margin: 0px auto;

}

.product_info .right_txt .ul {margin: 30px auto;}

.product_info .right_txt .ul li {

	color: #666;

	font-size: 20px;

    line-height: 25px;

    margin: 30px auto;

}

.product_info .btn_txt {

	height: 50px;

    display: flex;

    align-items: center;

    margin: 60px auto 0;

}

.product_info .btn_txt a {

    color: #fff;

    font-size: 15px;

    line-height: 20px;

    position: relative;

    text-align: center;

    padding: 5px 20px;

    background: #ef7b1b;

    border-radius: 5px;

    margin: 0px 20px 0 0;

}

.product_info .tips_a:hover {color: #fff;}

.product_info .tips_a .qrcode {

	position: absolute;

	top: -175px;

    bottom: auto;

    left: -100px;

    right: 0;

    z-index: 1;

    width: 300px;

    height: 190px;

    padding: 0px;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 4px 6px #323436;

    display: none;

    -webkit-transition: all 300ms ease 0s;

    -moz-transition: all 300ms ease 0s;

    -ms-transition: all 300ms ease 0s;

    -o-transition: all 300ms ease 0s;

    transition: all 300ms ease 0s;

}

.product_info .tips_a .qrcode::after {

    width: 0;

    height: 0;

    border-top: 8px solid #fff;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    margin-left: -4px;

    position: absolute;

    z-index: 1;

    left: 50%;

    top: 100%;

    content: '';

}

.product_info .tips_a:hover .qrcode {

	display: flex;

	align-items: center;

}

.product_info .h2 {

	color: #333;

	font-size: 25px !important;

    line-height: 30px;

    margin: 20px auto;

    padding: 15px 25px;

    background: #ececec;

}

.product_info .content {

	position: relative;

	margin: 0px auto;

}

.product_info .content img {max-width: 100%;}



.quality {

	position: relative;

	margin: 50px auto;

}

.quality .quality_list .figure_img {

	margin: 0 auto 50px; 

	transition: .5s;

}

.quality .quality_list .figure_img:hover {

	-webkit-transform: translateY(-10px);

    transform: translateY(-10px);

}

.quality .quality_list .figure_img:last-child {/*margin: 0 auto;*/}

.quality .quality_list .figure_img .figcaption_txt {padding: 0;}

.quality .quality_list .figure_img .figcaption_txt .title_a {

	position: relative;

	color: #333;

	font-size: 25px;

	line-height: 30px;

	padding-left: 40px;

}

.quality .quality_list .figure_img:hover .figcaption_txt .title_a {color: #ef7b1b;}

.quality .quality_list .figure_img .figcaption_txt .title_a::before {

	content: "";

    width: 20px;

    height: 20px;

    background: #ef7b1b;

    position: absolute;

    top: 7px;

    bottom: auto;

    left: 0;

    right: auto;

    border-radius: 100%;

    transition: .5s;

}

.quality .quality_list .figure_img .figcaption_txt .p {

	color: #333;

	font-size: 15px;

	line-height: 25px;

	text-indent: 35px;

	padding: 0 135px 0 30px;

	margin: 30px auto 0;

}



.news {

	position: relative;

	margin: 50px auto;

}

.news .figure_img {

	margin: 0 auto 50px;

    padding-bottom: 50px;

    border-bottom: 1px dashed #ddd;

	transition: .5s;

}

.news .figure_img:hover {

	-webkit-transform: translateY(-10px);

    transform: translateY(-10px);

}

.news .figure_img:last-child {

	margin: 0 auto;

    padding-bottom: 0px;

    border-bottom: none;

}

.news .figure_img .time {

	display: flex;

    align-items: center;

    justify-content: center;

	width: 20%;

    height: 120px;

    margin-right: 30px;

	border-top: 1px solid #333;

    border-bottom: 1px solid #333;

    background-color: #fff;

    transition: .5s;

}

.news .figure_img:hover .time {

	border-top-color: #e8862f;

	border-bottom-color: #e8862f;

    background-color: #e8862f;

}

.news .figure_img .time span {

	display: block;

	color: #333;

	font-size: 30px;

	line-height: 35px;

	transition: .5s;

}

.news .figure_img .time small {

	display: block;

	color: #333;

	font-size: 18px;

	line-height: 20px;

	margin: 5px auto;

	transition: .5s;

}

.news .figure_img .time small:nth-child(3) {

	display: block;

	color: #999;

	font-size: 15px;

	line-height: 20px;

}

.news .figure_img:hover .time span,

.news .figure_img:hover .time small {color: #fff;}

.news .figure_img .scale_img {width: 70%;}

.news .figure_img .figcaption_txt {

	margin-top: 40px;

}

.news .figure_img .figcaption_txt .a_title {position: relative;}

.news .figure_img .figcaption_txt .a_title h3 {

	color: #333;

	font-size: 18px !important;

	line-height: 25px;

	margin: 0px auto 15px;

	transition: .5s;

}

.news .figure_img:hover .figcaption_txt .a_title h3 {color: #ef7b1b;}

.news .figure_img .figcaption_txt .a_title p {

	color: #999;

	font-size: 15px;

	line-height: 25px;

	margin: 0px auto;

}

.news .figure_img .figcaption_txt .a_more {

	color: #333;

    font-size: 15px;

    line-height: 20px;

    padding: 10px 20px;

    border: 1px solid #333;

    position: absolute;

    right: 0px;

    bottom: 20px;

}

.news .figure_img:hover .figcaption_txt .a_more {

	color: #ef7b1b;

	border-color: #ef7b1b;

}



.news_info .content {

	position: relative;

	margin: 20px auto;

}

.news_info .content img {max-width: 100%;}

.news_info .content .p {

	color: #666;

	font-size: 15px;

	line-height: 25px;

    text-indent: 30px;

	margin: 0px auto 15px;

}



.contact {

	position: relative;

	margin: 50px auto;

}

.contact .h3 {

	color: #333;

	font-size: 20px;

	line-height: 25px;

	margin: 0 auto;

}

.contact .p {

	color: #666;

	font-size: 15px;

	line-height: 25px;

    white-space: pre-line;

    margin: 30px auto;

}

.contact .top_txt {

	margin: 20px auto;

}

.contact .top_txt .span {

	color: #666;

	font-size: 15px;

	line-height: 20px;

}

.contact .top_txt .span .fa {

	color: #fff;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin: 0 15px 0 0;

    background: #83cd59;

    border-radius: 100%;

}

.contact .ul {

	margin: 20px 0 0 50px;

    width: 30%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.contact .bottom_txt {

	margin: 20px auto 50px;

}

.contact .bottom_txt .span {

	color: #666;

	font-size: 15px;

	line-height: 20px;

}

.contact .bottom_txt .span .fa {

	color: #fff;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin: 0 15px 0 0;

    background: #00b9fb;

    border-radius: 100%;

}

.contact .bottom_txt .txt {

	width: 35%;

	margin: 30px 0 30px 50px;

	display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.contact .bottom_txt .h1 {

	margin: 0 15px 0 0;

	text-align: center;

}

.contact .bottom_txt .h1 img {margin: 0;}

.contact .bottom_txt .h1 span {

	color: #666;

	font-size: 16px;

	line-height: 20px;

	display: block;

}

.contact .bottom_txt .p {

	color: #666;

	font-size: 15px;

	line-height: 30px;

    white-space: pre-line;

    margin: 10px auto;

}

.contact .ul li {

	color: #666;

	font-size: 15px;

	line-height: 20px;

	width: 50%;

}

.contact .map_ditu img {

	width: auto;

	max-width: inherit;

}

.contact .map_ditu .map {

	width: 100%;

    height: 500px;

}





#fl_info strong,

#ly_info strong {

	color: #333;

	font-size: 30px;

	font-weight: 500;

	line-height: 35px;

	text-align: center;

	margin-bottom: 20px;

}

#ly_info .input-required::before {

	content: "*";

    padding-left: 0.25rem;

    color: #f00;

}

#ly_info .input-required::after {

	content: "";

}

#ly_info .flex {

    display: flex;

    align-items: center;

    justify-content: end;

}

#ly_info .dialog-body {padding: 50px;background-color: #fff !important;}

#ly_info .form {

	margin-top: 20px;

	background-color: #fff !important;

}

#ly_info label {vertical-align: bottom;}



#ly_info .form .input {

    padding: 5px 10px 0 10px;

    border: none;

    border-bottom: solid 1px #ddd;

}

#ly_info .form .textarea {

	margin-bottom: 20px;

	border: solid 1px #ddd;

	background: #f8f8f8;

}

#ly_info .form .input:focus {

    border-color: #ef7b1b;

    outline: 0;

    -webkit-box-shadow: inset 1px 1px 0px #ef7b1b, 1px 0 0px #ef7b1b;

    box-shadow: inset 1px 1px 0px #ef7b1b, 1px 0 0px #ef7b1b;

}

#ly_info .form .input::-webkit-input-placeholder {

	color:#666;

	font-size: 13px;

	line-height: 20px;

}

#ly_info .form .input:-moz-placeholder {

	color:#666;

	font-size: 13px;

	line-height: 20px;

}

#ly_info .form .input::-moz-placeholder {

	color:#666;

	font-size: 13px;

	line-height: 20px;

}

#ly_info .form .input:-ms-input-placeholder {

	color:#666;

	font-size: 13px;

	line-height: 20px;

}

#ly_info .form .form-button {

	display: flex;

	align-items: center;

	margin-top: 20px;

}

#ly_info .form .button {

	background-color: #f07b1b;

    width: 30%;

    padding: 5px;

    color: #fff;

    font-size: 18px;

}

#ly_info .form .button:focus {

    border-color: #ef7b1b;

    outline: 0;

}

#fl_info .txt {

    overflow: scroll;

    height: 300px;

    white-space: pre-line;

    line-height: 30px;

    width: 98%;

    margin: 0 auto;

}

#fl_info, #ly_info {left: 15px;right: 15px;}

.btn_a {

	border-bottom-right-radius: inherit;

    border: solid 1px #f07b1b;

    padding: 8px 0px;

    color: #333;

    font-size: 18px;

    line-height: 20px;

    display: block;

    width: 30%;

    text-align: center;

    margin-left: 15px;

}

#fl_info .btn_a {width: 10%;}

.bg-0 {background-color: rgba(0, 0, 0, 0.7);}



.pro-nav .slick-current .pro-nav-thumb {border: solid 2px #ef7b1b;}

.pro-nav .pro-nav-thumb a:focus {

    outline: 0 !important;

}

.content_video {
	width: auto;
	height: 500px;
	margin: 0 auto;
	display: block;
}


#side{position:fixed;width:54px;height:220px;right:0;bottom:30px;z-index:100;opacity: 0.5;transition: all 0.5s;}
#side:hover{opacity: 1;}
#side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444}
#side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;background:#000;opacity:.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden}
#side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:.8;filter:Alpha(opacity=80)}
#side ul li .sidetop:hover{opacity:1;filter:Alpha(opacity=100)}
#side ul li i{float:left;display:inline-block;width:54px;height:54px;text-align:center;line-height:54px;color:#fff;font-size:24px}
#side ul li span{float:left;display:inline-block;width:106px;height:54px;text-align:center;line-height:54px;color:#fff;font-size:14px}
#side .code_img{display:none;position:absolute;top:54px;right:54px;width: 124px;}
#side .code_img img{width:124px;height:124px;/*border-left:2px solid #000;border-bottom:2px solid #000*/}

/*.header {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 10;
    position: fixed;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / 15%);
}*/
.header .nav>li>a,.header .pc_nav .drop .button {color: #000;}
.header .pc_nav .drop .button:hover {background: transparent;}
.f_nav {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	background: #fff;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.f_nav .nav>li>a,.f_nav .pc_nav .drop .button {color: #000;}
.index_video {display:block;margin: 0 auto;}