@charset "utf-8";
/* CSS Document */
html{  font-size: 625%; height: 100%;}
@media only screen and (max-width: 1200px) { html{font-size: 540%; }}
@media only screen and (max-width: 992px) { html{ font-size: 480%; }}
@media only screen and (max-width: 768px) { html{ font-size: 400%; }}



.layui-layout{ padding-top: 70px;}
.layui-layout-admin .layui-header{ height: 70px; background-color: #333333;}
.layui-max {max-width: 1240px; margin: 0 auto; height:auto; padding-left:200px;display: block;}
.layui-diy-logo{ height: 70px; width: 170px; display: block; left: 0px; top: 0px;}
.layui-fulled{ width: 100%; height: auto; display: block;}
.layui-fulled-height{ height: 100%; width: auto; display: block;}
.layui-image{ display: block; }

.layui-nav .layui-nav-item{ height: 70px; line-height: 70px; margin: 0px 15px;}
.layui-nav .layui-nav-item a{ font-weight:bold; font-size: 16px; padding: 0px 5px;}
.layui-nav .layui-this::after, .layui-nav-bar{ background-color: #ef312d; height: 8px;}

.pager{ text-align: center;}

.absolute-tr{ right: 0px; top: 0px;}
.absolute-tl{ left: 0px; top: 0px;}
.absolute-bl{ left: 0px; bottom: 0px;}
.swiper-slide .title{ width: calc(100% - 20px); text-align: center; color: #FFFFFF; font-size: 36px; font-weight: bold;  text-transform:uppercase; padding: 10px;}
.swiper-slide .desc{ line-height: 22px; padding: 10px;}
.about-swiper-container .swiper-pagination{ position:static;}
.about-swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color: #333333; height: 8px; margin: 0px; width:60px; border-radius: 0px;}
.about-swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color: #df3230;}
.about-swiper-container .swiper-pagination .swiper-pagination-bullet:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.about-swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.color-white{ color: #FFFFFF;}


.layui-language{ padding-right: 10px; }
.layui-language, .layui-language a{ color: #ef312d; line-height: 70px; display:inline-block;font-size: 16px;}
.layui-tel_email{ display: inline-block;}
.layui-tel_email a{ padding: 0px 5px;}

.layui-min{ display: none;}
.layui-diy-nav{ position: absolute; right:15px; top: 20px; }
.layui-diy-nav .layui-icon{font-size: 25px; color: #999999;}

/*banner图*/
.swiper-wrapper .swiper-slide{ background-size: 100% 100%;}
.swiper-pagination-white .swiper-pagination-bullet-active{ background-color: #ef312d; border: solid 1px #ef312d;}

.layui-h3{ font-size:70px; color:#ef312d; font-weight:bold; text-transform:uppercase;  text-align: center; padding:80px 0px;}
.layui-pro-title{ background:rgba(0,0,0,0.3); position: absolute; left: 10px; top: 50%; width:calc(100% - 20px); color:#FFFFFF; text-align: center; text-transform:uppercase;  height: 140px; line-height:70px; padding: 30px 0px; font-size: 38px; font-weight: bold; margin-top: -100px;}
.layui-desc{ font-size:20px; font-weight: bold; line-height: 42px; margin-bottom: 15px; padding: 0px 5%; text-align: center;}
.layui-contact-desc{font-size:20px; font-weight: bold; line-height: 42px; margin-bottom: 15px;}
.layui-contact-info  .layui-contact-desc{ font-size: 16px;}

.layui-diy-footer{  background-color: #333333; color: #FFFFFF;}
.layui-copyright{ text-align: right; padding-top: 2%;}

.layui-contact-body{background: url("/themes/en/assets/images/contact_01.png") center top no-repeat; background-attachment: fixed}
.border-b{ border-bottom: solid 1px #000000;}
.layui-form-label{ text-align: left; padding: 9px 0px; width: 120px;}
.layui-contact-body .layui-input-block{ margin-left: 130px;}
.layui-contact-body .layui-form-item{ padding-bottom: 15px;}
.layui-contact-body .layui-input, .layui-contact-body .layui-input:active{ width:calc(100% - 30px); background: none; border: none; box-sizing:unset}
.layui-input:hover, .layui-textarea:hover{ border: none!important;}
.layui-contact-body .fulled{width: 100%; padding-bottom: 20px;}
.layui-contact-body .layui-textarea, .layui-contact-body .layui-textarea:hover{ border: solid 1px #000000; background: none; height: 220px; margin-top: 15px;}

.layui-news{ background:rgba(0,0,0,0.3); margin: 20px; width: calc(100% - 40px); padding:30px; padding-bottom: 15px;}
.layui-news-type{ background-color: #ef312d; border-radius: 15px; color: #FFFFFF; padding:20px 10px;  text-transform:uppercase; text-align: center; font-weight: bold; font-size: 30px;}
.layui-news-type a, .layui-news-type a:hover{color: #FFFFFF;}
@media(max-width:1600px){
	.layui-news-type{ font-size: 22px;}
}



.search{ border: solid 2px #f23737; width: 80%; max-width: 750px; height: 60px; background-color: #FFFFFF; position: relative; border-radius: 10px; overflow: hidden;}
.search-input{ width: 100%; height: 60px; border: none; text-indent: 10px;}
.search-btn{ background-color: #f23737; position: absolute; right: 0px; top: 0px; padding: 0px 50px; height: 60px; cursor: pointer;}

.news-list li{ height: 34px; line-height: 34px; overflow: hidden; background: url('../images/dian.png') no-repeat left center; text-indent: 20px; background-size: 10px 10px;}


.layui-news-list{padding: 50px; max-width: 1600px; margin: 0 auto;}
.layui-news-list .newstype_title{ background-color: #df3230; color: #FFFFFF;  text-transform:uppercase; font-size: 20px; width:calc(100% - 30px); text-align: center; font-weight: bold; padding: 12px 0px; position: absolute; left: 15px; bottom:15px;}
.news-more{color: #FFFFFF; background-color: #f23737; padding: 6px 20px; display: inline-block; margin-top: 20px;}
.news-more a , .news-more a:hover{color: #FFFFFF;}


.listss-news{padding: 50px; max-width: 1600px; margin: 0 auto; }
.listss-news .listss-news-title{border-bottom: solid 1px #333333; padding: 15px 0px; text-transform:uppercase; font-size: 36px;}
.listss-news .listss-news-title span{ border-left: solid 10px #ef312d; padding-left: 15px;}
.listss-news .listss-news-list  ul li { height: 40px; line-height: 40px; padding: 10px 0px ; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.listss-news .listss-news-list ul { padding: 15px; padding-top: 30px; min-height: 600px;}
.listss-news .listss-news-list ul li a{ font-size: 16px; }

.articles-news{padding: 50px; max-width: 1600px; margin: 0 auto;}
.articles-news .articles-news-top{border-left: solid 10px #ef312d; padding-left: 20px;}
.articles-news .articles-news-top .articles-news-top-title{text-transform:uppercase; font-size: 30px; font-weight: bold; padding-bottom: 15px;}
.articles-news .articles-news-top .articles-news-top-desc{ color:#999999; padding-top: 10px;}
.articles-news .articles-news-content{ font-size: 18px; line-height: 36px; padding:50px 50px}

.lists-product-item{ margin-bottom:20px;}
.lists-product-item img{ opacity: 0; min-height: 300px;}
.lists-product-item .absolute{ left: 0px; top: 0px;}
.lists-product-item .p_1{ font-size: 160px; font-weight: bold; color: #FFFFFF;}
.lists-product-item .p_2{ font-size: 68px; font-weight: bold; color: #FFFFFF;}

.listss-product{padding: 50px; max-width: 1600px; margin: 0 auto;}


.articles-product{padding: 50px; max-width: 1400px; margin: 0 auto;}
.articles-product-smallpic{ position: relative;}
.swiper-container{ margin: 50px; width: calc(100% - 100px);}
.articles-product-bigpic{ text-align: center; width: 100%;}
.articles-product-bigpic .articles-product-bigpic-item{ display: block;}

.articles-product-content{ padding-top: 50px;}
.articles-product-content-title{text-transform:uppercase; font-weight: bold; font-size: 26px; text-align: center;}
.articles-product-content-content{ padding-top: 50px; line-height: 30px; font-size: 14px;}

.articles-product-content-color{ color:#e02222; font-size: 16px; font-weight: bold; text-align: center; padding-top: 25px;}
.articles-product-content-button{ text-align: center; padding: 50px 0px;}
.articles-product-content-button .subBtn{ background-color: #e02222; color: #FFFFFF; cursor: pointer; border:none; padding: 10px 30px; text-transform:uppercase; font-weight: bold;}


.index_ad{ background: url("/themes/en/assets/images/index_ad.png") repeat-y left top; overflow: hidden;}
.index_ad .title{text-transform:uppercase; color:#FFFFFF; font-weight: bold; font-size: 36px; padding-top: 30px;}
.index_ad img{width: auto; height: auto;}
.flex-item{ width: 25%; float: left; text-align: center; padding:50px 0px;}



.layui-footer{ background: #EF312D;}
.layui-footer .layui-footer-top{ margin: 0 auto; max-width: 1920px;}
.layui-footer .layui-footer-font{ text-align: center; color: #FFFFFF; font-weight:700;  padding: 15px 0px;  -webkit-text-fill-color:transparent; -webkit-text-stroke-color:currentColor;  -webkit-text-stroke-width:1px}
.layui-footer .layui-footer-font a{color: inherit; transition:background-position .5s; background-image:linear-gradient(to left,currentColor 0,currentColor 50%,transparent 50%);
	background-clip:text;background-size:200%; box-shadow:none; text-decoration:none; font-size: 120px;}
.layui-footer .layui-footer-font a:hover{ color:currentColor; background-position:-100% 0;}


.partners-item{ width: 20%; display: inline-block; padding: 0px; float: left;}
.partners-item .pa-10{ padding: 10px 40px; display: block;}

.layui-main{ width: auto; max-width: 1440px;  padding: 15px; margin: 0 auto;}
.layui-layout-admin .layui-main{ margin: 0 auto; padding: 0px 15px;}
@media(max-width:1200px){
    .layui-max{ display: block;}
    .layui-min{ display: none;}
    .top-right{ display: none;}
	.layui-h3{ text-align:center; font-size:48px; padding:60px 0px;}
	.layui-pro-title{ height:72px; line-height:36px; padding: 14px 0px; font-size: 24px; font-weight: bold; margin-top: -50px;}
	.layui-desc{  padding: 0px 4%; font-size:16px;  line-height: 26px;}
	.layui-contact-desc{  padding: 0px 6%; font-size:16px;  line-height: 26px;}
	.layui-contact-info  .layui-contact-desc{ font-size: 14px;}
	.swiper-slide .title{ font-size:28px;}
	.layui-news-type{ font-size: 16px;}
	.layui-news-list .newstype_title{ font-size: 16px;}
	.listss-news .listss-news-title{ font-size: 30px;}
	.articles-news .articles-news-top .articles-news-top-title{text-transform:uppercase; font-size: 24px; font-weight: bold; padding-bottom: 15px;}
	.articles-news .articles-news-content{ font-size: 16px; line-height: 36px; padding:50px 30px}

	.lists-product-item .p_1{ font-size: 100px; font-weight: bold; color: #FFFFFF;}
    .lists-product-item .p_2{ font-size: 40px; font-weight: bold; color: #FFFFFF;}

	.listss-product{padding: 30px; max-width: 1600px; margin: 0 auto;}

	.index_ad .title{text-transform:uppercase; color:#FFFFFF; font-weight: bold; font-size:26px; padding-top: 30px;}
	.index_ad img{width: auto; height: 140px;}


	.layui-footer .layui-footer-font a{font-size:100px}
	.partners-item{ width:20%}
 
}

@media(max-width:1000px){
    .swiper-slide .title{ font-size:24px;}
	.layui-foot-logo{ display: none;}
	.layui-copyright{ text-align: center; padding-top:0px;}
	.layui-news-type{ font-size: 14px;}
	.layui-news-list .newstype_title{ font-size: 14px;}
	.listss-news .listss-news-title{ font-size: 20px;}

	.index_ad .title{text-transform:uppercase; color:#FFFFFF; font-weight: bold; font-size:22px; padding-top: 30px;}
	.index_ad img{width: auto; height: 100px;}


	.layui-footer .layui-footer-font a{font-size:80px}
	.partners-item{ width:25%}

	.layui-main{ width: auto;   padding: 15px;}
}

@media(max-width:768px){
    .layui-layout-admin .layui-header{ height: 70px; background-color: #FFFFFF;}
    .layui-diy-logo{ height: 46px;  display: block; left: 8px; top: 8px;}
    .layui-max{ display: none;}
    .layui-min{ display: block;}
	.layui-h3{ text-align:center; font-size:24px; padding:40px 0px;}
	.layui-pro-title{ height: 44px; line-height:22px; padding: 6px 0px; font-size: 13px; font-weight: bold; margin-top: -28px;}
	.layui-desc{  padding: 0px 0px; font-size:16px;  line-height: 26px;}
	.layui-contact-desc{  padding: 0px 0px; font-size:14px;  line-height: 22px;}
	.layui-contact-info  .layui-contact-desc{ font-size: 12px;}
	.layui-foot-logo{ display: none;}
	.layui-copyright{ text-align: center; padding-top:0px;}
	.swiper-slide .title{ font-size:18px;}
	.layui-news-type{ font-size: 20px;}
	.layui-news-banner{ width: auto; height:300px; display: block; opacity: 0;}
	.search{ width: 90%; height: 46px}
	.search-btn{ padding: 0px 20px; height: 46px;}
	.search-btn img{ height: 30px;}
	.layui-news-list{ padding: 15px;}
	.listss-news{ padding: 20px 10px;}
	.layui-news-list .newstype_title{ font-size: 14px;}

	.articles-news{padding: 30px 10px; max-width: 1600px; margin: 0 auto;}
    .articles-news .articles-news-top{border-left: solid 5px #ef312d; padding-left: 10px;}
    .articles-news .articles-news-top .articles-news-top-title{text-transform:uppercase; font-size: 18px; font-weight: bold; padding-bottom: 5px;}
	.articles-news .articles-news-content{ font-size: 14px; line-height: 36px; padding:30px 10px}
	.articles-news .articles-news-content img{ width: 100%; height: auto; display: block;}

	.lists-product-item .p_1{ font-size: 60px; font-weight: bold; color: #FFFFFF;}
    .lists-product-item .p_2{ font-size: 30px; font-weight: bold; color: #FFFFFF;}

	.listss-product{padding: 20px; max-width: 1600px; margin: 0 auto;}
	.articles-product{padding: 10px; max-width: 1400px; margin: 0 auto;}
	.swiper-container{ margin:20px 30px; width: calc(100% - 60px);}
	.swiper-button-prev{ left: 0px;}
	.swiper-button-next{ right: 0px;}

	.flex-item{ width: 50%; float: left; text-align: center; padding:50px 0px;}
	.index_ad .title{text-transform:uppercase; color:#FFFFFF; font-weight: bold; font-size: 16px; padding-top: 30px;}
	.index_ad img{width: auto; height: 100px;}

	.layui-footer .layui-footer-font a{font-size:30px}
	.partners-item{ width:33.33%}

	.layui-main{ width: auto;   padding: 15px; }
}

.lh-24{ line-height: 24px;}
.lh-28{ line-height: 28px;}
.lh-30{ line-height: 30px;}
.lh-32{ line-height: 32px;}
.lh-34{ line-height: 34px;}
.lh-36{ line-height: 36px;}
.color-black{ color:#000000}

.layui-layout-admin .layui-main-max{max-width: 1240px; margin: 0 auto; padding: 0px 20px;}

.layui-swiper-container{ margin: 0px; height: 700px; width: 100%; background-repeat: no-repeat; }

.layui-swiper-container .swiper-wrapper .swiper-slide{background-repeat: no-repeat; background-size: cover; background-position: center center;}

.layui-nav .layui-nav-item a.A_4{ padding-right: 20px;}
.layui-nav-child{ top: 70px;}

.ny_con_r{ max-width: 1000px; height: auto ; display: block; margin: 0 auto;}






.recycledCashmere{ width: 1200px; margin: 0 auto; margin-top: 20px; color: #1e1e1e;  background: #FFFFFF;}
.b_01 ul li{  width: 50%; height: auto; float: left; }
.b_01 ul li .liContent{color: #1e1e1e; padding: 10px;}
.b_01 ul li .liContent img{ width: 100%; height: auto; display: block;}
.b_01 ul li .liContent .liTitle{ border-left: solid 27px #c6b08a; margin-top: 60px; padding-left: 10px; padding-top: 8px; line-height:26px;}
.b_01 ul li .liContent .liTitle .title{ font-weight: bold; font-size: 24px;}
.b_01 ul li .liContent .liTitle .subTitle{ font-weight: bold; font-size:18px;}
.b_01 ul li .liContent .liDesc{ padding: 40px 15px;}
.b_01 ul li .liContent .liDesc .en{padding-top: 40px;}
.b_01 ul li .liContent .liDesc .cnp{padding-top: 20px;}
.b_02{ padding-top: 20px;}
.b_02 img{ width: 100%; height: auto; display: block;}
.b_03{ text-align: center; padding-top: 40px;}
.b_03 .line{ width: 100px; height: 10px; display:inline-block; background: #c6b08a;}
.b_03  .b_03_cnTitle{font-size: 24px; font-weight: bold;  padding-top: 30px;}
.b_03  .b_03_enTitle{font-size: 18px; padding-top:10px ; }
.b_03 .cnDesc{ padding: 40px 100px; text-align: center; width: 800px; margin: 0 auto;}
.b_03 .enDesc{ padding: 40px 100px; text-align: center; width: 800px; margin: 0 auto; padding-top: 0px;}
.b_04 ul li{  width: 50%; height: auto; float: left; }
.b_04 ul li .liContent{color: #1e1e1e; padding: 18px;}
.b_04 ul li .liContent img{ width: 100%; height: auto; display: block;}

.b_06{ text-align: center; padding-top: 40px; padding-bottom: 40px;}
.b_06 .line{ width: 100px; height: 10px; display:inline-block; background: #c6b08a;}
.b_06  .b_03_cnTitle{font-size: 24px; font-weight: bold;  padding-top: 30px;}
.b_06  .b_03_enTitle{font-size: 18px; padding-top:10px ; }
.b_06 .cnDesc{ padding: 0px 100px; text-align: center; width: 800px; margin: 0 auto;}
.b_06 .enDesc{ padding: 0px 100px; text-align: center; width: 800px; margin: 0 auto; padding-top: 0px;}
.b_07{ padding-bottom: 15px;}
.b_07 ul li{  width: 33.33%; height: auto; float: left; }
.b_07 ul li .liContent{color: #1e1e1e; padding: 15px;}
.b_07 ul li .liContent img{ width: 100%; height: auto; display: block;}


.layui-mobile-header{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 9999999; display: none; }
.layui-mobile-header_content{ position: relative; width: 100%; height: 100%; padding-top: 100px; background-color: #2f363c;}
.layui-mobile-header .layui-nav.layui-nav-tree{ width: 100%; height: calc(100% - 20px);}
.layui-mobile-header .layui-nav-tree .layui-nav-item a{ height: 50px ; line-height: 50px; padding: 0px 15px;}
.layui-mobile-header .layui-nav .layui-nav-item{ height: auto; margin: 0px;}
.layui-mobile-header .close_nav{ position: absolute; right: 10px; top: 10px;}
.layui-mobile-header .close_nav  i{ font-size:40px; color: #FFFFFF; }