@import url(animate.css);
@import url(../layui/css/layui.css);

@font-face {
    font-family: 'chakrapetch bold';
    src: url('../fonts/chakrapetch bold.eot');
    src: url('../fonts/chakrapetch bold.eot') format('embedded-opentype'),
         url('../fonts/chakrapetch bold.woff2') format('woff2'),
         url('../fonts/chakrapetch bold.woff') format('woff'),
         url('../fonts/chakrapetch bold.ttf') format('truetype'),
         url('../fonts/chakrapetch bold.svg#chakrapetch bold') format('svg');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot') format('embedded-opentype'),
         url('../fonts/Poppins-Regular.woff2') format('woff2'),
         url('../fonts/Poppins-Regular.woff') format('woff'),
         url('../fonts/Poppins-Regular.ttf') format('truetype'),
         url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
}
@font-face {
    font-family: 'Knockout-HTF51-Middleweight';
    src: url('../fonts/Knockout-HTF51-Middleweight.eot');
    src: url('../fonts/Knockout-HTF51-Middleweight.eot') format('embedded-opentype'),
         url('../fonts/Knockout-HTF51-Middleweight.woff2') format('woff2'),
         url('../fonts/Knockout-HTF51-Middleweight.woff') format('woff'),
         url('../fonts/Knockout-HTF51-Middleweight.ttf') format('truetype'),
         url('../fonts/Knockout-HTF51-Middleweight.svg#Knockout-HTF51-Middleweight') format('svg');
}
/*animation*/
@keyframes fadeInUps {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 50px, 0);

        transform: translate3d(0, 50px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}
@keyframes fadeInLefts {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(50px, 0px, 0);

        transform: translate3d(50px, 0px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}
@keyframes fadeInRights {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-150px, 0px, 0);

        transform: translate3d(-150px, 0px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}
.fadeInUp{

    animation-name: fadeInUps;

    animation-delay: .1s;

}
.fadeInLeft{

    animation-name: fadeInLefts;

    animation-delay: .1s;

}
.fadeInRight{

    animation-name: fadeInRights;

    animation-delay: .1s;

}
/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
html{
	background:#fff;
}
body{
	font-size:16px;
	overflow-x:hidden;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
	-webkit-font-smoothing: subpixel-antialiased;
	color:#000;
}
img{
	border:none;
}
img.auto{
	max-width: 100%;
	height: auto;
	display: block;
}
a{
	text-decoration:none;
	color: #000;
}
a:hover{
	text-decoration:none;
	color: #E83800;
}
ul{
	list-style:none;
}
hr{
	border:none;
	border-bottom:1px solid #c8c8c8;
	display:block;
	margin-top:10px;
}
.yuanjiao45{
	-moz-border-radius: 45px;      /* Gecko browsers */
    -webkit-border-radius: 45px;   /* Webkit browsers */
    border-radius:45px;            /* W3C syntax */
}
.yuanjiao25{
	-moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
}
.yuanjiao5{
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}
.yuanjiao10{
	-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
.yuanjiao{
	-moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
}
.clear{
	width:100%;
	clear:both;
}
.mt20{
	margin-top:20px;
}
.mt40{
	margin-top:40px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.pt40{
	padding-top: 40px;
}
.pb40{
	padding-bottom: 40px;
}
.zone{
	width: 100%;
	overflow: hidden;
}
.main{
	width:1400px;
	overflow:hidden;
	margin:0px auto;
}
.content{
	line-height:30px;
}
.content img{
	max-width:100%;
	height:auto;
}

/* banner */
.index-banner-pagination{
	width: 100%;
	height: 40px;
	position: absolute;
	left:0;
	bottom:10px;
	z-index: 10;
}
.index-banner-pagination .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background:#fff;
	opacity: 0.7;
}
.index-banner .swiper-slide img{width: 100%;}
.header_zone{
	width: 100%;
	position:absolute;
	z-index: 99;
	left:0;
	top:0;
	transition: 0.6s;
}
.header_zone:hover{
	background:rgba(0, 0, 0, 0.5);
}
/* 统一定义头部高度 */
.header_zone,
.logo,
.language,
.nav .nLi h3 a{
	height: 90px;

}
.nav .nLi h3 a{
	line-height: 90px;
}
/* 统一定义头部高度end */
.header{
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.nav{
	margin-left: auto;
	margin-right: 80px;
	flex-shrink: 0;
	display: flex;
}
.nav .nLi{
	flex-shrink: 0;
}
.nav .nLi h3 a{
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	display: block;
}
.nav .nLi h3 a:hover,
.nav li.on h3 a,
.language a:hover{
	color: #E83800;
}
.nav .sub{ 
	display:none; 
	width:100%; 
	left:0; 
	top:100%;  
	position:absolute; 
	background:#fff;
}



.language{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	color: #fff;
	position: relative;
}
.language .iconwangzhi{
	font-size: 26px;
	color: #fff;
}
.language .iconjiantou-xia{
	font-size: 14px;
	color: #fff;
}
.language ul li:nth-child(2){
	width: 100%;
	position: absolute;
	left:0;
	top:100%;
	height: 42px;
	background:rgba(0, 0, 0, 0.5);
	text-align: center;
	display: none;
	transition: 0.6s;
}
.language:hover ul li:nth-child(2){
	display: block;
}
.language ul li a{
	font-size: 16px;
	display: block;
	color: #fff;
	line-height: 42px;
	width: 100%;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
/* 下拉菜单 */
.sub_box{
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
.sub_box::before{
	content: "";
	width: 1000px;
	height: 100%;
	background: #f8f8f8;
	position: absolute;
	right:100%;
	top:0;
	transform: translateX(300px);
}
.sub_box_slide{
	display: flex;
	flex-grow: 1;
}
.sub_box_slide .hd{
	width: 300px;
	flex-shrink: 0;
	background: #f8f8f8;
	position: relative;
}
.sub_box_slide .hd ul{
	width: 100%;
	padding-right: 35px;
}
.sub_box_title_a{
	font-size: 28px;
	margin-bottom: 35px;
}
.sub_box_slide .hd ul li a{
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}
.sub_box_slide .hd ul li a{
	font-size: 18px;
}
.sub_box_slide .hd ul li.on a{
	color: #E83800;
	font-weight: bold;
}
.sub_box_slide .hd ul li .iconfont{
	font-size: 20px;
}
.sub_box_slide .bd ul{
	padding-left: 35px;
	padding-right: 35px;
}
.sub_box_slide .bd ul li{
	float: left;
	width: 31.33333333%;
	overflow: hidden;
	margin-right: 2%;
	text-align: center;
}
.sub_box_slide .bd ul li:last-child{
	margin-right: 0;
	float: right;
}
.sub_box_slide .bd ul li .pic {
	display: block;
	overflow: hidden;
	aspect-ratio: 1/1;
	position: relative;
}
.sub_box_slide .bd ul li .pic img {
	transition: 0.6s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.sub_box_slide .bd ul li h4{
	font-weight: normal;
	display: block;
	margin-top: 10px;
	font-size: 16px;
    height: 60px;
}
.sub_box_title_b{
	font-size: 22px;
	display: block;
	margin-bottom: 35px;
}
.sub_box_slide_more{
	margin-top: 60px;
	font-size: 18px;
	display: block;
	color: #E83800;
}
.sub_box_slide_more .iconfont{
	margin-left: 20px;
}
.sub_box .son_box{
	display: flex;
}
.sub_box .son_box .pic{
	width: 240px;
	overflow: hidden;
	flex-shrink: 0;
}
.sub_box .son_box .info{
	flex-grow: 1;
	padding-left: 30px;
	color: #666;
	line-height: 30px;
}
.sub_box .sub_newslist{
	display: flex;
	flex-direction: column;
}
.sub_box .sub_newslist dd{
	line-height: 40px;
}
/* 下拉推荐 */
.sub_box_tuijian{
	width: 300px;
	flex-shrink: 0;
}
.tuijian{
	position: relative;
	overflow: hidden;
}
.tuijian h4{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.5);
	font-weight: normal;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 1;
}
.tuijian img{
	transition: 0.6s;
}
.tuijian:hover img{
	transform: scale(1.1);
}
.index-product-zone{
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../images/index-product-zone.jpg) top center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.common_title{
    display: flex;
    flex-direction: column;
    animation-name: fadeInUps;
}
.common_title .en_title{
    font-size: 24px;
    font-family: 'chakrapetch bold';
    text-transform: uppercase;
}
.common_title .cn_title{
    font-size: 48px;
    font-weight: bold;
    margin-top: 20px;
}
.common_title .cn_title span{
    color: #e83800;
}
#index-product-title{
    text-align: center;
}
.index-product-swiper{
    margin-top: 20px;
}
.index-product-swiper .swiper-slide h3{
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    display: block;
    margin-top: 30px;
}
.index-product-prev,
.index-product-next{
    width:60px;
    height: 60px;
    -moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
    border:2px solid #ddd;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
    cursor: pointer;
    z-index: 99;
}
.index-product-prev:hover,
.index-product-next:hover{
    border-color: #E83800;
}
.index-product-prev{
    left:25%;
}
.index-product-next{
    right:21%;
}
.index-product-prev .iconfont,
.index-product-next .iconfont{
    line-height: 60px;
    font-size: 40px;
    color: #ddd;
}
.index-product-prev:hover .iconfont,
.index-product-next:hover .iconfont{
    color: #E83800;
}
.index-product-category-zone{
    position: relative;
    overflow: hidden;
}
.index-product-category{
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
}
#index-product-category-title{
    position: absolute;
    left:0;
    top:90px;
}
.index-product-category-zone #products-background-text{
    font-family: 'chakrapetch bold';
    font-size: 320px;
    color: #F8F8F8;
    position: absolute;
    z-index: -1;
    right:0;
    top:100%;
    text-transform: uppercase;
    margin-top: -320px;
}
.category-slide{
    display: flex;
    justify-content: space-between;
}
.category-slide .bd{
    flex-grow: 1;
    padding-right: 140px;
    padding-top: 180px;
}
.category-slide .bd ul{
    display: flex;
    flex-direction: column;
}
.category-slide .bd .cate-info{
    line-height: 35px;
}
.category-slide .bd .cate-pic{
    margin-top: 40px;
}
.category-slide .bd .cate-pic img{
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 550px;
}
.category-slide .hd{
    width: 370px;
    flex-shrink: 0;
}
.category-slide .hd ul li{
    border-bottom: 1px solid #ddd;
}
.category-slide .hd ul li a{
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center;
    
}
.category-slide .hd ul li h3{
    font-size: 18px;
    font-weight: normal;
}
.category-slide .hd ul li .icon{
    width: 120px;
    height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.category-slide .hd ul li .icon img{
    max-width: 100%;
    height: auto;
    transition: 0.6s;
}
.category-slide .hd ul li .grey-icon{
    filter: grayscale(100%);
}
.category-slide .hd ul li.on{
    border-color: #E83800;
}
.category-slide .hd ul li.on h3{
    color: #E83800;
}
.category-slide .hd ul li.on .grey-icon{
    filter: initial;
}
#more-category{
    display: flex;
    align-items: center;
    margin-top: 50px;
    font-family: "Poppins-Regular";
    font-size: 18px;
    padding-left: 20px;
}
#more-category .iconfont{
    margin-left: 10px;
    color: #E83800;
    font-size: 20px;
}
.index-solution-zone{
    position: relative;
}
.index-soolution{
    position: absolute;
    left:20%;
    transform: translateX(-50%);
    top:0;
    z-index: 10;
    width: auto;
}
#index-solution-title{
    position: absolute;
    left:0;
    top:100px;
    color: #fff;
    z-index: 10;
}
.index-solution-slide .bd img{width: 100%;}
.index-solution-slide .hd{
    padding-top: 315px;
}
.index-solution-slide .hd ul li{
    width: 265px;
    height: 70px;
    margin-bottom: 28px;
    background: rgba(0,0,0,0.3);
}
.index-solution-slide .hd ul li a{
    color: #fff;
    font-size: 20px;
    line-height: 70px;
    display: block;
    padding-left: 45px;
}
.index-solution-slide .hd ul li a span{
    font-family: "Poppins-Regular";
}
.index-solution-slide .hd ul li.on{
    background: #E83800;
}
.about-zone{
    background: url(../images/about_zone.jpg) right top no-repeat;
    overflow: visible!important;
    position: relative;
    z-index: 99;
    padding-bottom: 90px;
}
.index-about{
    overflow: visible!important;
    display: flex;
    justify-content: space-between;
}
.about-left{
    width: 700px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-left .item{
    width: 333px;
    height: 393px;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    transition: 0.6s;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 70px;
    flex-direction: column;
}
.about-left .item:hover{
    background: #fdeae4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdeae4 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdeae4), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #fdeae4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  #fdeae4 0%,#ffffff 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  #fdeae4 0%,#ffffff 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #fdeae4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdeae4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.about-left .item .icon{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-left .item .color-icon{
    display: none;
}
.about-left .item:hover .grey-icon{
    display: none;
}
.about-left .item:hover .color-icon{
    display: block;
}
.about-left .item .shuzi{
    margin-top: 20px;
    display: flex;
    align-content: flex-start;
    color: #5f5f5f;
}
.about-left .item .counter{
    font-size: 60px;
    font-family: 'Poppins-Regular';
    font-weight: bold;
}
.about-left .item .shuzi sup{
    vertical-align: super;
    font-size: 24px;
    font-weight: normal;
    margin-top: 15px;
    margin-left: 5px;
}
.about-left .item .info{
    font-size: 24px;
    color: #3e3e3e;
    margin-top: 10px;
}
.about-left .item:nth-child(1){
    margin-top: -70px;
}
.about-left .item:nth-child(2){
    margin-top: -40px;
}
.about-left .item:nth-child(3){
    margin-top: -30px;
}
.about-left .item:hover .shuzi,
.about-left .item:hover .info{
    color: #E83800;
}
.about-right{
    width:620px;
    padding-top: 100px;
}
#about-title{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.about_more{
    width: 155px;
    height: 45px;
    border: 1px solid #E83800;
    text-align: center;
    line-height: 43px;
    color: #E83800;
    transition: 0.6s;
}
.about_more:hover{
    background: #E83800;
    color: #fff;
}
.about-info{
    margin-top: 125px;
}
.company-name{
    font-size: 30px;
}
.company-profile{
    margin-top: 20px;
    line-height: 35px;
    color: #666;
}
#about-txt{
    margin-top: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: 2s;
    animation:xuanzhuan 5s linear infinite;
}

@keyframes xuanzhuan{
   100%{transform:rotate(360deg);}
}

.advantage-zone{
    background: url(../images/advantage-zone.jpg) top center no-repeat;
}
#advantage-title{
    text-align: center;
}
.index-advantage{
    position: relative;
    padding-bottom: 110px;
    overflow: visible;
}
.advantage-txt{
    margin-top: 180px;
    width: 705px;
    float: right;
}
.advantage-txt .shang{
    font-size: 36px;
    font-weight: bold;
}
.advantage-txt .zhong{
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.advantage-txt .zhong .shuzi{
    font-size: 70px;
    color: #e74109;
    font-family: 'Poppins-Regular';
    font-weight: bold;
    vertical-align: super;
}
.advantage-txt .zhong .shuzi sup{
    vertical-align: super;
    font-size: 30px;
    margin-left: 5px;
    font-weight: normal;
    margin-top: -5px;
}
.advantage-txt .zhong .title{
    margin-left: 10px;
    margin-top: 20px;
}
.advantage-txt .xia{
    font-size: 18px;
    line-height: 40px;
    margin-top: 35px;
    color: #666;
}
.index-advantage #place{
    font-size: 18px;
    position: absolute;
    left:365px;
    top:555px;
}
.advantage-list{
    margin-top: 145px;
    display: flex;
    justify-content: space-between;
}
.advantage-list .item{
    width: 325px;
    background: #fff;
    transition: 0.6s;
    -moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    box-shadow: 0px 0px 10px 10px #eee;
}
.advantage-list .item:hover{
    background: #E83800;
}
.advantage-list .item .icon{
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.advantage-list .item .icon img{
    max-height: 60px;
    transition: 0.6s;
}
.advantage-list .item .white-icon{
    display: none;
}
.advantage-list .item:hover .color-icon{
    display: none;
}
.advantage-list .item:hover .white-icon{
    display: block;
}
.advantage-list .item h3{
    display: block;
    font-size: 22px;
    font-weight: normal;
    margin-top: 30px;
}
.advantage-list .item .description{
    margin-top: 25px;
    color: #666;
    line-height: 35px;
}
.advantage-list .item:hover h3,
.advantage-list .item:hover .description{
    color: #fff;
}
.news-zone{
    position: relative;
    background: #f8f8f8;
}
.index-news{
    overflow: visible;
    position: relative;
    z-index: 1;
    padding-bottom: 90px;
}
.news-zone #news-background-text{
    font-family: 'chakrapetch bold';
    font-size: 320px;
    color: #F1F1F1;
    position: absolute;
    z-index: 0;
    left:80px;
    top:100%;
    text-transform: uppercase;
    margin-top: -370px;
}
.index-news-slide{
    display: flex;
    justify-content: space-between;
}
.index-news-slide .hd{
    width:315px;
    flex-shrink: 0;
}
.index-news-slide .bd{
    width: 940px;
    flex-shrink: 0;
}
#news-title{
    margin-top: 135px;
    margin-bottom: 50px;
}
.index-news-slide .hd ul li{
    width: 230px;
    height: 55px;
    border: 1px solid #ddd;
    transition: 0.6s;
    margin-bottom: 20px;
}
.index-news-slide .hd ul li:hover,
.index-news-slide .hd ul li.on{
    border-color: #E83800;
    background: #E83800;
}
.index-news-slide .hd ul li a{
    display: block;
    line-height: 53px;
    text-align: center;

}
.index-news-slide .hd ul li:hover a,
.index-news-slide .hd ul li.on a{
    color: #fff;
}
.index-news-slide .bd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.index-news-slide .bd ul li{
    -moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
    overflow: hidden;
    box-shadow: 0px 0px 10px 10px #eee;
    width: 450px;
    transition: 0.6s;
}
.index-news-slide .bd ul li:hover{
    box-shadow: 0px 0px 10px 10px #ddd;
}
.index-news-slide .bd ul li .info{
    background: #fff;
    padding-top: 35px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 35px;
    
}
.index-news-slide .bd ul li .info h3{
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.7;
}
.index-news-slide .bd ul li .info .date{
    color: #a7a8a8;
    display: block;
    margin-top: 20px;
    font-family: 'Poppins-Regular';
}
.index-news-slide .bd ul li:nth-child(1){
    margin-top: 235px;
}
.index-news-slide .bd ul li:nth-child(2){
    margin-top: 105px;
}
.index-news-slide .bd ul li:nth-child(3){
    margin-left: auto;
    align-self: flex-end;
    margin-top: -50px;
}
.feedback-zone{
    background: url(../images/feedback-zone.jpg) bottom center no-repeat;
    padding-top: 110px;
    padding-bottom: 90px;
}
.index-feedback{
    display: flex;
    justify-content: space-between;
}
.feedback-left{
    width:430px;
    flex-shrink: 0;
    color: #fff;
    margin-top: 40px;
}
.feedback-right{
    width: 751px;
    flex-shrink: 0;
}
.feedback-left .shang{
    margin-top: 90px;
    font-size: 24px;
}
.feedback-left .zhong{
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.7;
}
.feedback-left .xia{
    margin-top: 70px;
}
.feedback-left .xia a{
    width: 230px;
    height: 55px;
    border: 1px solid #fff;
    transition: 0.6s;
    text-align: center;
    line-height: 53px;
    font-size: 18px;
    display: block;
    color: #fff;
}
.feedback-left .xia a .iconfont{
    margin-right: 10px;
    font-size: 24px;
}
.feedback-left .xia a:hover{
    background: #E83800;
    border-color: #E83800;
}
.feedback-right .item{
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
}
.feedback-right .item:nth-child(5){
    border-bottom: none;
}
.feedback-right .item label{
    width: 150px;
    flex-shrink: 0;
    font-size: 18px;
    color: #fff;
    padding-left: 40px;
}
.feedback-right .item:nth-child(1) label{
    background: url(../images/f1.png) left center no-repeat;
}
.feedback-right .item:nth-child(2) label{
    background: url(../images/f2.png) left center no-repeat;
}
.feedback-right .item:nth-child(3) label{
    background: url(../images/f3.png) left center no-repeat;
}
.feedback-right .item:nth-child(4) label{
    background: url(../images/f4.png) left center no-repeat;
}
.feedback-right .item:nth-child(5) label{
    background: url(../images/f5.png) left center no-repeat;
}
.feedback-right .item .itext{
    flex-grow: 1;
    background: none;
    outline: none;
    border: none;
    color: #fff;
    font-size: 16px;
}
.feedback-right .icontent{
    width: 100%;
    height:195px;
    background: url(../images/icontent.png) center center no-repeat;
    outline: none;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 20px;
    line-height: 1.7;
}
.feedback-right .ibtn{
    margin-top: 40px;
    width: 227px;
    height: 58px;
    background: #E83800;
    text-align: center;
    line-height: 58px;
    cursor: pointer;
    outline: none;
    border: none;
    transition: 0.6s;
    font-size: 18px;
    color: #fff;
}
.feedback-right .item .layui-form-select{
    flex-grow: 1;
    background: transparent;
    color: #999;
    font-size: 16px;
}
.feedback-right .item .layui-input{
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
}
.feedback-right .item .layui-input:focus{
    border-color:transparent !important;
    box-shadow: none;
}
.feedback-right .item .layui-form-select dl dd.layui-this{
    color: #E83800;
}
.footer-zone{
    background: url(../images/footer-zone.jpg) bottom center no-repeat #1C1B16;
}
.footer-logo{
    padding-top: 60px;
    padding-bottom: 45px;
    background: url(../images/footer-logo-background.png) bottom center no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-nav{
    padding-top: 60px;
    padding-bottom: 100px;
    display: flex;
    justify-content: space-between;
}
.footer-nav dl{
    display: flex;
    flex-direction: column;
}
.footer-nav dl dt{
    display: block;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}
.footer-nav dl dt a{
    font-size: 20px;
    color: #fff;
}
.footer-nav dl dd a{
    color: #d9d9d9;
    line-height: 40px;
}
.footer-nav dl.last{
    width: 435px;
    flex-shrink: 0;
}
.subscribe{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background:#363530 ;
}
.subscribe .fitext{
    flex-grow: 1;
    padding-left: 15px;
    padding-right: 15px;
    height: 55px;
    line-height: 55px;
    background: none;
    outline: none;
    border: none;
    color: #d9d9d9;
}
.subscribe .fibtn{
    padding-right: 15px;
    width: 50px;
    flex-shrink: 0;
    height: 55px;
    background: url(../images/send.png) left center no-repeat;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 0;
    text-indent: -999em;
    line-height: 0;
}
.subscribe .fibtn:hover{
    background: url(../images/send_on.png) left center no-repeat;
}
.footer-contact-info{
    margin-top: 20px;
}
.footer-contact-info table tr td{
    padding-top: 7px;
    padding-bottom: 7px;
}
.footer-contact-info,
.footer-contact-info a,
.copyright,
.copyright a{
    color: #d9d9d9;
}
.copyright{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
}
.copyright .links a{
    margin-left: 25px;
}
.copyright .links a .iconfont{
    margin-right: 6px;
}
.footer a:hover{
    color: #E83800!important;
}
/* 内页 */
.page-banner{
    position: relative;
    overflow: hidden;
}
.page-banner img{width: 100%;}
.page-banner-content{
    position: absolute;
    z-index: 10;
    left:50%;
    transform: translateX(-50%);
    bottom: 55px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    align-items: flex-end;
}
.page-banner-content .content{
    padding-right: 50px;
}
.page-banner-content .content h2{
    font-size: 40px;
}
.page-banner-content .content .description{
    margin-top: 25px;
    font-size: 20px;
}
.page-banner-content .position{
    padding-left: 55px;
    background: url(../images/home.png) left center no-repeat;
    font-size: 20px;
}
.page-banner-content .position a{
    color: #fff;
}
.page-banner-content .position a:hover{
    color: #E83800;
}
.about-page-zone1{
    background: url(../images/about_page_zone1.jpg) right top no-repeat;
}
.about-page-box1{
    margin-top: 105px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.about-page-box1 .left{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
}
.about-title-a{
    display: flex;
    flex-direction: column;
}
.about-title-a .cn-title{
    font-size: 72px;
    font-weight: bold;
}
.about-title-a .en-title{
    font-size: 24px;
    font-weight: bold;
    font-family: 'Poppins-Regular';
    margin-top: 5px;
}
#about-title1{
    text-align: right;
}
.about-page-box2{
    margin-top: 105px;
    display: flex;
    justify-content: space-between;
}
.about-page-box2 .left{
    width: 605px;
    flex-shrink: 0;
}
.about-page-box2 .right{
    width: 715px;
}
.about-page-box2 .right .txt-a{
    margin-top: 80px;
    font-size: 30px;
}
.about-page-box2 .right .txt-b{
    margin-top: 20px;
    font-size: 40px;
    font-weight: bold;
}
.about-page-box2 .right .txt-c{
    margin-top: 80px;
    font-size: 18px;
    line-height: 3;
}
#about-txt2{
    margin-top: 90px;
    display: block;
    float: right;
    transition: 2s;
    animation:xuanzhuan 5s linear infinite;
}
.about-page-zone2{
    margin-top: 70px;
}
.about-title-b{
    position: relative;
    text-align: center;
    padding-top: 50px;
}
.about-title-b .en-title{
    font-size: 280px;
    text-transform: uppercase;
    color: #FCF1EF;
    font-family: 'Knockout-HTF51-Middleweight';
}
.about-title-b .cn-title{
    position: absolute;
    width: 100%;
    text-align: center;
    top:0;
    z-index: 1;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.5;
}
.about-page-zone2 .middle{
    padding-bottom: 40px;
    background: url(../images/about-page-zone2.jpg) bottom center no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.about-page-zone2 .middle .line{
    width: 1px;
    height: 145px;
    background-color: #ccc;
}
.about-page-zone2 .middle .txt{
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 18px;
}

.about-list{
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
}
.about-list .item{
    width: 333px;
    height: 393px;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    transition: 0.6s;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 70px;
    flex-direction: column;
}
.about-list .item:hover{
    background: #fdeae4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdeae4 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdeae4), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #fdeae4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  #fdeae4 0%,#ffffff 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  #fdeae4 0%,#ffffff 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #fdeae4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdeae4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.about-list .item .icon{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-list .item .color-icon{
    display: none;
}
.about-list .item:hover .grey-icon{
    display: none;
}
.about-list .item:hover .color-icon{
    display: block;
}
.about-list .item .shuzi{
    margin-top: 20px;
    display: flex;
    align-content: flex-start;
    color: #5f5f5f;
}
.about-list .item .counter{
    font-size: 60px;
    font-family: 'Poppins-Regular';
    font-weight: bold;
}
.about-list .item .shuzi sup{
    vertical-align: super;
    font-size: 24px;
    font-weight: normal;
    margin-top: 15px;
    margin-left: 5px;
}
.about-list .item .info{
    font-size: 24px;
    color: #3e3e3e;
    margin-top: 10px;
}
.about-list .item:hover .shuzi,
.about-list .item:hover .info{
    color: #E83800;
}
.about-page-zone3{
    margin-top: 80px;
    background: url(../images/licheng-zone.jpg) bottom center no-repeat;
    padding-bottom: 105px;
}
#about-title2{
    text-align: center;
}
.licheng-box{
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.licheng-swiper{
    width: 875px;
    height: 600px;
    overflow: hidden;
    background: url(../images/licheng-line.png) 220px top repeat-y;
    padding-left: 260px!important;
    margin-left: 0!important;
}
.licheng-pic{
    width: 381px;
    margin-top: 35px;
}
.licheng-swiper .swiper-slide{

}
.licheng-swiper .swiper-slide .year{
    font-size: 24px;
    font-family: 'Knockout-HTF51-Middleweight';
    position: relative;
}
.licheng-swiper .swiper-slide .year::before{
    content: "-   ";
}
.licheng-swiper .swiper-slide .description{
    font-size: 18px;
    line-height: 1.7;
    margin-top: 10px;
}
.licheng-swiper .swiper-slide-active .year{
    color:#e74109;
}
.licheng-swiper .swiper-slide-active::before{
    content: "";
    width: 10px;
    height: 49px;
    background: #e74109;
    position: absolute;
    z-index: 10;
    left:-40px;
    top:10px;
}
#current-year{
    font-size: 160px;
    color: transparent;
    font-family: 'Knockout-HTF51-Middleweight';
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    z-index: 10;
    writing-mode: vertical-lr; /* 从左到右 */
    /* 设置描边宽度及颜色 */
    text-stroke: 1px #e74109;
    /* 兼容Webkit(Chrome/Safari)内核浏览器的写法 */
    -webkit-text-stroke: 1px #e74109;
}
.about-page-zone4{
    margin-top: 90px;
}
#about-title4{
    text-align: center;
}
#about-title4 .en-title{
    font-size: 24px;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    font-weight: normal;
}
#yuanjing{
    margin-top: 90px;
    background: url(../images/yuanjing.jpg) center center no-repeat;
}
.wenhua .main{
    color: #fff;
    height: 434px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wenhua .main .title{
    font-size: 36px;
    font-weight: bold;
}
.wenhua .main .description{
    font-size: 24px;
    line-height: 1.7;
    margin-top: 20px;
}
#yuanjing .main{
    text-align: right;
}
#shiming{
    background: url(../images/shiming.jpg) center center no-repeat;
}
.about-page-zone5{
    margin-top: 90px;
}
#about-title5{
    text-align: center;
}
.zhengshu-box{
    overflow: visible!important;
}
.zhengshu-swiper{
    margin-top: 80px;
    position:relative;
}
.zhengshu-swiper .zhengshu-next,
.zhengshu-swiper .zhengshu-prev{
    position: absolute;
    z-index: 19;
    top:50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
}
.zhengshu-swiper .zhengshu-next:hover,
.zhengshu-swiper .zhengshu-prev:hover{
    color: #e83800;
}
.zhengshu-swiper .zhengshu-next .iconfont,
.zhengshu-swiper .zhengshu-prev .iconfont{
    font-size: 30px;
}
.zhengshu-swiper .zhengshu-next{
    right:-50px;
}
.zhengshu-swiper .zhengshu-prev{
    left:-50px;
    transform: rotateY(180deg);
}
.zhengshu-swiper .swiper-slide{
    position:relative;
    overflow: hidden;
}
.zhengshu-swiper .swiper-slide:hover{
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px;
}
.zhengshu-swiper .swiper-slide .zhezhao{
    width: 100%;
    height: 80%;
    position: absolute;
    left:0;
    bottom:0;
    /* Permalink - use to edit and share this gradient. 永久链接 - 用于编辑和分享此渐变： https://colorzilla.com/gradient-editor/#ffffff+0,e83800+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e83800 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e83800)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e83800 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  #ffffff 0%,#e83800 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e83800 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #ffffff 0%,#e83800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e83800',GradientType=0 ); /* IE6-9 */
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 40px;
    color: #fff;
    transform: translateY(100%);
    transition: 0.6s;
}
.zhengshu-swiper .swiper-slide:hover .zhezhao{
    opacity: 0.7;
    transform: translateY(0);
}
.zhengshu-swiper .swiper-slide .zhezhao .title{
    font-size: 20px;
}
.zhengshu-swiper .swiper-slide .zhezhao .date{
    margin-top: 15px;
}
.about-page-zone6{
    margin-top: 150px;
}
.about-page-zone7{
    margin-top: 90px;
}
#about-title7{
    text-align: center;
}
.factory-swiper{
    margin-top: 70px;
}
.factory-swiper-pagination{
    margin-top: 70px;
    text-align: center;
}
.factory-swiper-pagination .swiper-pagination-bullet{
    width: 30px;
    height: 5px;
    background: #7F7F7F;
    border-radius: 3px;
    opacity: 1;
}
.factory-swiper-pagination .swiper-pagination-bullet-active{
    background: #e83800;
}
.about-page-zone8{
    margin-top: 115px;
    background: url(../images/about-page-zone8.jpg) right bottom no-repeat;
    padding-bottom: 100px;
}
#about-title8 .en-title{
    font-size: 24px;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    font-weight: normal;
    line-height: 2;
}


#demo-a {
    overflow:hidden;
    width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
}
#demo-a img,
#demo-b img {
    height: 110px;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}
#indemo-a,
#indemo-b {
    float: left;
    width: 800%;
}
#indemo-a a{
    margin-right: 25px;
}
#demo1-a,
#demo1-b {
    float: left;
}
#demo2-a,
#demo2-b {
    float: left;
}

#demo-b{
    overflow:hidden;
    width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#indemo-b a{
    margin-left: 25px;
}
.sub-categorys{
    overflow: visible;
    margin-top: -68px;
    position: relative;
    z-index: 10;
}
.sub-categorys ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-categorys ul li{
    margin-left: 1px;
    margin-right: 1px;
    flex-grow: 1;
    position: relative;
}
.sub-categorys ul li .subnav{
    position: absolute;
    top: 100%;
    min-width: 100%;
    left: 0;
    display: none;
    transition: max-height 0.3s ease;
}
.sub-categorys ul li:hover .subnav{
    display: block;
    max-height: 500px;
}
.sub-categorys ul li:hover .subnav a,.sub-categorys ul li .subnav a,.sub-categorys ul li.active .subnav a{
    background: #fff; color: #000;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid #f7f7f7;
}
.sub-categorys ul li .subnav a:hover,.sub-categorys ul li.active .subnav a:hover{
    color: #fff;
    background: #e83800;
}
.sub-categorys ul li a{
    display: block;
    line-height: 68px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 18px 21px 57px 0px rgba(214, 214, 214, 0.46);
    background: #fff;
    transition: 0.6s;
    text-align: center;
}
.sub-categorys ul li:hover a,
.sub-categorys ul li.active a{
    background: #e83800;
    color: #fff;
}
.product-advantage{
    margin-top: 90px;
    padding-bottom: 80px;
}
#product-advantage-title{
    text-align: center;
}
ul.product-advantage-list{
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}
ul.product-advantage-list li{
    width: 23%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
ul.product-advantage-list li .icon img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
ul.product-advantage-list li:hover .icon img{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
ul.product-advantage-list li h5{
    display: block;
    margin-top: 40px;
    font-size: 24px;
    font-weight: normal;
}
ul.product-advantage-list li .description{
    margin-top: 30px;
    color: #666;
    line-height: 2;
}
.product-list-zone{
    background: url(../images/product-list.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}
#prolist-title{
    text-align: center;
}
#prolist-title .en-title{
    font-size: 24px;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    font-weight: normal;
    line-height: 2;
}
ul.prolist{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.prolist li{
    width: 31%;
    overflow: hidden;
    margin-top: 30px;
    transition: 0.6s;
}
ul.prolist li .pic{
    display: block;
    overflow: hidden;
}
ul.prolist li .pic img{
    transition: 0.6s;
}
ul.prolist li h3{
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    font-weight: normal;
    transition: 0.6s;
    margin-top: 20px;
}
ul.prolist li:hover .pic img{
    transform: scale(1.1);
}
/* 分页 */
.page {
	text-align:center;
	font-size:0;
	margin-top:50px;
}
.page li {
	display:inline!important;
	margin:auto !important
}
.page a,.page span {
	display:inline-block!important;
	margin-left:5px;
	width:38px;
	height:38px;
	border:1px solid #999999;
	text-align:center;
	line-height:38px;
	color:#333333;
	position:relative;
	border-radius:2px;
	font-size:16px;
	overflow:inherit!important;
    transition: 0.6s;
}
.page a.btn:before {
	content:"";
	width:8px;
	height:8px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-4px 0 0 -4px;
	box-sizing:border-box;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
	-webkit-transform:rotateZ(45deg);
	-moz-transform:rotateZ(45deg);
	-ms-transform:rotateZ(45deg);
	transform:rotateZ(45deg);
}
.page a.next:before {
	-webkit-transform:rotateZ(-135deg);
	-moz-transform:rotateZ(-135deg);
	-ms-transform:rotateZ(-135deg);
	transform:rotateZ(-135deg);
}
.page .active span,.page a:hover {
	border-color:#e83800;
	background:#e83800;
	color:#fff;
}
.page .active:before,.page a:hover:before {
	border-color:#fff;
}

.product_detail{
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}
.product_gallery{
    width: 600px;
}
.product_info{
    width: 700px;
    display: flex;
    flex-direction: column;
}
.product_info h2{
    font-size: 24px;
    font-weight: normal;
    margin-top: 30px;
}
.product_info .description{
    margin-top: 30px;
    color: #666;
    line-height: 2.3;
    font-size: 18px;
}
.tags{
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.tags span{
    display: block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    margin-right: 10px;
    font-weight: bold;
    transition: 0.6s;
}
.tags span:hover{
    border-color:#e83800;
	background:#e83800;
	color:#fff;
}
.xunjia-btn{
    width: 150px;
    height: 60px;
    margin-top: auto;
    background: #e83800;
    font-size: 20px;
    border-radius: 2px;
    text-align: center;
    line-height: 60px;
    color: #fff;
}
.xunjia-btn:hover{
    opacity: 0.8;
    color: #fff;
}
.product-miaoshu{
    margin-top: 70px;
}
.product-title-zone{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background:#e83800;
    font-size: 20px;
    color: #fff;
}
.grey-zone{
    background: #f1f1f1;
}
.miaoshu-box{
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.miaoshu-box .info{
    width: 65%;
}
.miaoshu-box .pic{
    width: 30%;
}
.miaoshu-box .info .title{
    font-size: 36px;
    color: #e83800;
}
.miaoshu-box .info .description{
    line-height: 2;
    color: #666;
    margin-top: 50px;
}
.product-xijie .zone{
    padding-top: 100px;
    padding-bottom: 100px;
}
.product-xijie .zone:nth-child(odd){
    background:#f1f1f1
}
.xijie-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xijie-box .info{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.xijie-box .pic{
    width: 30%;
}
.xijie-box .info .title{
    display: flex;
    align-items: center;
    font-size: 32px;
    color: #e83800;
}
.xijie-box .info .title .iconfont{
    font-size: 42px;
    margin-right: 20px;
}
.xijie-box .info .description{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ddd;
    display: flex;
}
.xijie-box .info .description .iconfont{
    width: 43px;
    flex-shrink: 0;
    margin-top: 5px;
    color: #e83800;
    font-size: 14px;
}
.xijie-box .info .description .txt{
    line-height: 2;
    color: #666;
}
.product-xijie .zone:nth-child(odd) .xijie-box{
    flex-direction: row-reverse;
}
.canshu-box{
    padding-top: 100px;
    padding-bottom: 100px;
}
.service-box{
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    justify-content: space-between;
}
.service-box .item{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.service-box .item p{
    font-size: 26px;
    margin-top: 20px;
    display: block;
}
.related-box{
    padding-top: 100px;
    padding-bottom: 100px;
}
.related-swiper .swiper-slide{
    border: 1px solid #ddd;
}
.related-swiper .swiper-slide a{
    display: flex;
    padding: 30px 20px;
    align-items: center;
}
.related-swiper .swiper-slide a img{
    height: 100px;
    width: auto;
    display: block;
}
.related-swiper .swiper-slide a h3{
    margin-left: 40px;
    font-weight: normal;
    line-height: 2;
}
.related-swiper .swiper-slide:hover{
    border-color: #e83800;
}
.related-pagination{
    margin-top: 40px;
    text-align: center;
}
.related-pagination .swiper-pagination-bullet-active{
    background:#e83800;
}
.newslist-box{
    overflow: visible;
    padding-top: 50px;
    padding-bottom: 100px;
}
.newslist-a{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newslist-a li{
    transition: 0.6s;
    margin-top: 50px;
    width: 433px;
    overflow: hidden;
    background: #F7F7F7;
    text-align: center;
}
.newslist-a li:hover{
    -webkit-box-shadow: 0px 7px 22.36px 3.64px rgba(200, 197, 206, 0.38);
    box-shadow: 0px 7px 22.36px 3.64px rgba(200, 197, 206, 0.38);
    background: #fff;
}
.newslist-a li .pic{
    display: block;
    overflow: hidden;
}
.newslist-a li .pic img{
    transition: 0.6s;
}
.newslist-a li:hover .pic img{
    transform: scale(1.1);
}
.newslist-a li h3{
    height: 100px;
    line-height: 100px;
    display: block;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: normal;
}
.picScroll-left{
    width: 100%;
    position: relative;
}
ul.picList li{
    display: flex;
    background: #f9f9f9;
}
ul.picList li .pic{
    width: 650px;
    flex-shrink: 0;
    display: block;
    overflow: hidden;
}
ul.picList li .info{
    flex-grow: 1;
    
}
ul.picList li .info a{
    padding: 50px 35px 50px 35px;
    display: flex;
    flex-direction: column;
}
ul.picList li .info h3{
    padding-bottom: 25px;
    border-bottom: 2px solid #ddd;
    font-size: 24px;
    font-weight: normal;
    color: #e83800;
}
ul.picList li .info .description{
    color: #666;
    line-height: 2;
    margin-top: 20px;
}
ul.picList li .info .date{
    color: #999;
    margin-top: 30px;
}
.picScroll-left .hd{
    position: absolute;
    z-index: 10;
    left:685px;
    bottom:25px;
    display: flex;
    align-items: center;
}
.picScroll-left .hd a{
    cursor: pointer;
}
.picScroll-left .hd a .iconfont{
    font-size: 28px;
    color: #e83800;   
}
.picScroll-left .hd ul{
    display: flex;
    align-items: center;
}
.picScroll-left .hd ul li{
    width: 10px;
    height: 10px;
    -moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
    background:#ccc;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
}
.picScroll-left .hd ul li.on{
    background-color: #e83800;
}

.newslist-b{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newslist-b li{
    transition: 0.6s;
    margin-top: 50px;
    width: 433px;
    overflow: hidden;
    background: #F7F7F7;
}
.newslist-b li:hover{
    -webkit-box-shadow: 0px 7px 22.36px 3.64px rgba(200, 197, 206, 0.38);
    box-shadow: 0px 7px 22.36px 3.64px rgba(200, 197, 206, 0.38);
    background: #fff;
}
.newslist-b li .pic{
    display: block;
    overflow: hidden;
}
.newslist-b li .pic img{
    transition: 0.6s;
}
.newslist-b li:hover .pic img{
    transform: scale(1.1);
}
.newslist-b .info{
    padding: 25px 25px 20px 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.newslist-b li h3{
    display: block;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
}
.newslist-b li .line{
    display: block;
    width: 40px;
    height: 2px;
    background: #e83800;
    margin: 13px 0 10px;
}
.newslist-b li p{
    margin-bottom: 8px;
    line-height: 32px;
    color: #999999;
    height: 64px;
    overflow: hidden;
}
.newslist-b li .other{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newslist-b li .date{
    font-size: 14px;
}
.newslist-b li .other .iconfont{
    font-size: 24px;
    color: #e83800;
}
.news-detail-zone{
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: -34px;
}
.news-detail-box{
    background: #fff;
    overflow: hidden;
    padding: 50px 70px 50px 70px;
}
.news-title{
    font-size: 28px;
    font-weight: normal;
    color: #e83800;
    display: block;
}
.news-info{
    display:flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}
.news-info .time{
    display: flex;
    align-items: center;
    color: #666;
}
.news-info .time .iconfont{
    margin-right: 15px;
    font-size: 18px;
}
.news-content{
    padding-top: 50px;
    padding-bottom: 50px;
    line-height: 2.5;
}
.news-links{
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #ddd;
}
.news-links .item a{
    display: flex;
    align-items: center;
    color: #e83800;
    font-size: 18px;
    cursor: pointer;
}
.news-links .item .iconfont{
    font-size: 30px;
    margin-right: 10px;
    transition: 0.6s;
}
.news-links .item:hover .iconfont{
    transform: scale(0.8);
}
.news-links .item .iconjiantouyou1{
    margin-right: 0;
    margin-left: 10px;
}

/* Contact页面 */
.contact-items{
    display: flex;
    width: 50%;
    margin-top: 70px;
    justify-content: space-between;
}
.contact-items .item{
    background: #fff;
    padding: 50px 40px;
    display: flex;
    border: 1px solid #ddd;
    flex-direction: column;
}
.contact-items .item h3{
    font-size: 24px;
    font-weight: normal;
}
.contact-items .item .line{
    width: 33px;
    height: 3px;
    background: #000;
    margin-top: 30px;
    margin-bottom: 35px;
}
.contact-items .item table td{
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.7;
    color: #666;
}
.contact-items .item table td a{
    color: #666;
}
.contact-feedback{
    background: #fff;
    margin-top: 70px;
    overflow: hidden;
    padding: 65px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.feedback-txt{
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 40px;
}
.contact-feedback-form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact-feedback-form .item{
    width: 49.5%;
    margin-bottom: 10px;
}
.contact-feedback-form .item .ctext{
    width:100%;
    padding-left: 25px;
    padding-right: 25px;
    height: 60px;
    line-height: 60px;
    display: block;
    overflow: hidden;
    border: none;
    outline: none;
    background: #999999;
    color: #fff;
}
.contact-feedback-form .item .ctext::placeholder,
.contact-feedback-form .item .ccontent::placeholder{
    color: #fff;
}
.contact-feedback-form .item-full{
    width: 100%!important;
}
.contact-feedback-form .item .ccontent{
    width:100%;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    border: none;
    outline: none;
    background: #999999;
    color: #fff;
    height: 180px;
}
.contact-feedback .cbtn{
    width: 200px;
    height: 50px;
    background-color: #e83800;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.6s;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.contact-feedback .cbtn:hover{
    opacity: 0.8;
}
.contact-map{
    margin-top: 50px;
    border: 1px solid #ddd;
}
.product-xijie .xijie .table{
    border: none;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.product-xijie .xijie tr:nth-child(even){
    background: #f1f1f1;
}
.product-xijie .xijie tr td{
    border: none;
    display: inline-block;
    width: 700px;
    max-width: 50%;
    padding: 20px;
    text-align: left;
}
.product-xijie .xijie tr td img{
    max-width: 100%;
}
.product-xijie .xijie tr td h3{
    font-size: 32px;
    font-weight: normal;
    color:#e83800
}
.product-xijie .xijie tr td ul{
    list-style-type: circle;
}
.product-xijie .xijie tr td ul li{
    color: #666;
    line-height: 2;
    border-bottom: 1px dashed #ddd;
    padding: 40px 0 40px 40px;
    position: relative;
}
.product-xijie .xijie tr td ul li::before{content: "\e6b3"; position: absolute; left: 0; top:50px; font-family: "iconfont" !important; color: #e83800;}
.contactbox{
    display: flex;
    gap: 30px;
}
.video-thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    background: #000;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
  }
  .video-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
  }
  .play-btn::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 20px;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #fff;
  }
  .video-thumb video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
  }