@font-face {
  font-family: "iconfont"; /* Project id 1353732 */
  src: url('../font/iconfont.woff2?t=1665534424786') format('woff2'),
       url('../font/iconfont.woff?t=1665534424786') format('woff'),
       url('../font/iconfont.ttf?t=1665534424786') format('truetype');
}
.iconfont{font-family:"iconfont"!important; font-style:normal;}



#logo{ width:15%; float:left;}

.order{padding:0 20px; height:40px; line-height:40px; text-align:center; background:#f5f5f5; border:1px solid #eee; color:#96A5A7; font-size:16px; display:block; margin-top:15px;}
.order i{font-size:22px; padding-right:10px; position:relative}
.order i:after{content: ""; position:absolute; width:12px; height:12px; background:#F00; border-radius:100%; top:-3px; right:0}
.order:hover{background:#b5b5b5; color:#fff;}

#wap_banner{ max-width:1280px; margin:0 auto; margin-top:10px; margin-bottom:60px; width:96%}
#wap_banner .owl-controls{ margin-top:-50px}
#wap_banner .owl-theme .owl-controls .active span{ background:#000 !important; color:#000; opacity: 0.5;}
#wap_banner .owl-theme .owl-controls .owl-buttons div{opacity: 0.5; display:none; margin-top:-48%}
#wap_banner .owl-theme .owl-controls .owl-buttons .owl-prev{ float:left; background:url(../images/slider-arrow.png) #000 repeat-x 74px 10px}
#wap_banner .owl-theme .owl-controls .owl-buttons .owl-next{ float:right; background:url(../images/slider-arrow.png) #000 repeat-x 19px 10px}
#wap_banner:hover .owl-theme .owl-controls .owl-buttons div{ display:block}

/*----搜索----*/
.ss_box{ float:right; background:#e4e4e4; height:25px; line-height:25px; margin-top:10px; width:180px; }
.ss_box .ss_input{border: none; height:25px; background:#e4e4e4; line-height:25px; color:#999;  padding-left:2%; width:80%; float:left; outline:none; font-size:14px;}
.ss_box .ss_an{border: none; height:25px; line-height:25px; float:left; width:20%; background:url(../images/ss.png) no-repeat center; line-height: 999px; cursor: pointer;}
#lower-nav{ margin-top:70px}

.navz{position:absolute;z-index:100;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms; display:none;  position: fixed;}
.nav--active .navz {opacity:1; background:#000; opacity:.9; margin-top:-83px}
.nav__list {margin:0; padding:5% 30% 0 30%}
.nav__item {list-style-type:none;text-align:left; height:50px; line-height:50px; text-align:center; font-size:14px; border-bottom:#FFF 1px solid; margin-bottom:10px; padding-bottom:10px}
.nav__link {font-size:1.3em;text-transform:uppercase;text-decoration:none;color:#FFFFFF;opacity:1;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;}
.nav__trigger {display:none; width:30px;height:25px;right:20px;top:33px;z-index:200; position: fixed; }
.nav--active .nav__trigger {opacity:0.5;}
.nav__icon {display:inline-block;position:relative;width:30px;height:5px;background-color:#111;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before,.nav__icon:after {content:'';display:block;width:30px;height:5px;position:absolute;background:#111;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}
/* Don't nest if you don't have to. *//*** Style #1*/
.navz {-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;height:100%;}
.nav__link {opacity:0;-webkit-transition-delay:500ms;transition-delay:500ms;}
.nav--active .nav__link {opacity:1;}
.nav--active .navz {-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform:translateX(0);transform:translateX(0);}
.nav--active .nav__icon {background:rgba(0,0,0,0);}
.nav--active .nav__icon:before {margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav--active .nav__icon:after {margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.nav--active .nav__icon:before,.nav--active .nav__icon:after {background-color:#fff;}
.nav--active .language a{ float:left; width:20%;}
.nav--active .language a img{ height:15px; margin-right:5px;}

.in_box{overflow:hidden; max-width:1280px; width:96%; margin:0 auto; margin-top:20px; margin-bottom:20px}
.in_box .in_tit{ overflow:hidden}
.in_box .in_tit h2{ float:left;}
.in_box .in_tit span{ float:right; margin-top:13px}
.in_about{overflow:hidden;}
.in_about .wz{ display:block; width:60%; line-height:25px; float:left}
.in_about img{ float:right; width:37%}
.in_pro{overflow:hidden; margin-top:20px}
.in_pro .ncollections{ margin-top:0px}
.in_news .news_li{ margin-top:0px}
.in_box a{color: #96A5A7;}


#ny_page{ overflow:hidden; max-width:1280px; width:96%; margin:0 auto; margin-top:20px; margin-bottom:20px}

/*----面料页面----*/
#fabrics{ overflow:hidden; max-width:1280px; width:96%; margin:0 auto; margin-top:20px; margin-bottom:20px}
#fabrics h2{ font-weight:normal}

.ncollections{ overflow:hidden}
.ncollections .item{margin-right: 1.5%; width: 23.8%; float: left; position: relative; padding:0; text-align: left; margin-bottom:20px}
.ncollections .item a{display: block;}
.ncollections .item a .img{padding: 2px; border: 1px solid transparent; display: block;}
.ncollections .item a .img img{width: 100%; height:200px; display: block;}
.ncollections .item .newFlag{position: absolute; top: 3px; left: 3px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: top left;  background-image: url(../images/new_triangle.png);}
.ncollections .item .newFlag span{text-indent: 10000px; display:block; height:0; width:0; font-size:0px;}
.ncollections .item a .ul-li-heading{color: #666; background: url(../images/ic_arrow_r-sml.gif) no-repeat; padding: 3px 0 3px 25px; }
.ncollections .item a .ul-li-desc{padding:0 0 0 25px; font-size:0.85em; height:25px; line-height:25px; overflow:hidden; display:none; color:#999}
.ncollections .item:hover a .img{ border:1px solid #999}
.ncollections .item:hover a .ul-li-heading{ background: url(../images/ic_arrow_r-sml.gif) no-repeat 0px -178px;}
.ncollections .item:nth-child(4){margin-right:0;}
.ncollections .item:nth-child(8){margin-right:0;}
.ncollections .item:nth-child(12){margin-right:0;}

.ccollections{ overflow:hidden}
.ccollections .item{margin-right: 1.5%; width: 23.8%; float: left; position: relative; padding:0; text-align: left; margin-bottom:20px}
.ccollections .item a{display: block;}
.ccollections .item a .img{padding: 2px; border: 1px solid transparent; display: block;}
.ccollections .item a .img img{width: 100%; height:200px; display: block;}
.ccollections .item a .ul-li-heading{color: #666; background: url(../images/ic_arrow_r-sml.gif) no-repeat; padding: 3px 0 3px 25px; }
.ccollections .item a .ul-li-desc{padding:0 0 0 25px; font-size:0.85em; height:25px; line-height:25px; overflow:hidden}
.ccollections .item:hover a .img{ border:1px solid #999}
.ccollections .item:hover a .ul-li-heading{ background: url(../images/ic_arrow_r-sml.gif) no-repeat 0px -178px;}
.ccollections .item:nth-child(4){margin-right:0;}
.ccollections .item:nth-child(8){margin-right:0;}
.ccollections .item:nth-child(12){margin-right:0;}
.ccollections .item:nth-child(16){margin-right:0;}
.ccollections .item:nth-child(20){margin-right:0;}

.ny_about_wz{margin-top:20px; overflow:hidden}
.ny_about_wz p{font-size: 14px; line-height: 25px; text-indent:2em;}
.ny_about_wz_z{float:left; width:49%}
.ny_about_wz_img{float: right; width:49%}
.ny_about_wz_img img{ width:100%}

.news_li{overflow:hidden; margin-top:20px}
.news_li li{margin-right:2%; width:32%; float: left; margin-bottom:20px; background: #F7F7F7;}
.news_li li .pro_img{ overflow:hidden; height:200px}
.news_li li .pro_img img{ width:100%; height:100%; transition: all 0.3s;}
.news_li li:hover .pro_img img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: all 0.3s; }
.news_li li .pro_wz{ padding:5%}
.news_li li .pro_wz h1{ font-size:18px; text-align:center; font-weight:normal; color:#333; margin-bottom:10px;height:26px; line-height:26px; overflow:hidden}
.news_li li .pro_wz .dz{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden}
.news_li li .pro_wz b{ font-size:16px; color:#444; font-weight:normal; height:30px; line-height:30px; overflow:hidden; display:block}
.news_li li .pro_wz p{ color:#999; font-size:14px; margin-bottom:5px}
.news_li li .pro_wz span{ font-size:14px; color:#666; line-height:25px; height:25px; overflow:hidden; display:block}
.news_li li:hover .pro_wz p{ color:#666;}
.news_li li:hover .pro_wz b{color:#000} 
.news_li li:hover .pro_wz span{color:#333;}
.news_li li:nth-child(3){margin-right:0;}
.news_li li:nth-child(6){margin-right:0;}
.news_li li:nth-child(9){margin-right:0;}

/*--内页文章详细--*/
#inside_rnewtil{ text-align:center; font-size:24px; color:#333333;width:100%; margin-top:30px; margin-bottom:10px; padding-bottom:10px;}
.inside_rnewtime{ text-align:center; font-size:12px; color:#666666; width:100%; height:25px; line-height:25px;background:#F7F7F7; margin-top:5px; margin-bottom:15px;}
#nrboxstyle{ font-size:14px; line-height:25px;}
#nrboxstyle img{ max-width:100%; float:none; height:auto !important}

.inside_newsthree{ font-size:14px; color:#666; width:300px; margin:0 auto; margin-top:25px; }
.inside_newsthree p{display:block; border: 1px solid #ccc; width:120px; height:45px; line-height:45px; text-align:center; float:left; margin-left:20px; cursor:pointer}
.inside_newsthree p:hover{color:#fff; border: 1px solid #111; background:#111}
.inside_newsthree p:hover a{ color:#FFF}
.inside_newsthree p:hover a:hover{ color:#FFF}

#container{ width:100%; height:600px; margin-top:30px}
.cont_left{ float:left; width:50%}


.case_name{ font-size:16px; margin-bottom:15px; margin-top:5px; font-weight:normal; text-align:center;}
.case_detail_box{ width:100%;  overflow:hidden; clear:both;}
.case_detail_box .team_text p{ margin-bottom:8px;}

/* 图片切换 css */
.case_slideBox{ width:45%;  overflow:hidden; position:relative; margin-bottom:15px; float:left}
.case_slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:10px; z-index:1; }
.case_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.case_slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; border-radius:20px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.case_slideBox .hd ul li.on{ background:#f00; color:#fff; }
.case_slideBox .bd{ position:relative; height:100%; z-index:0;   }
.case_slideBox .bd li{ zoom:1; vertical-align:middle; }
.case_slideBox .bd img{ width:100%; display:block;  }

.case_detail_js{ float:right; width:53%; font-size:14px; line-height:25px; color:#666}
.case_detail_js h1{ font-size:22px; font-weight:normal; height:50px; line-height:50px; overflow:hidden; border-bottom:1px dotted #CCC; margin-bottom:15px}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.case_slideBox .prev,
.case_slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.case_slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.case_slideBox .prev:hover,
.case_slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.case_slideBox .prevStop{ display:none;  }
.case_slideBox .nextStop{ display:none;  }
.tc_top_box{ display:none;}

.case_detail_show{width:100%; overflow:hidden}
.case_detail_show .tabs{border-bottom: 1px solid #EBEAE9;}
.case_detail_show .tabs .active{ display:block; background: #EBEAE9; color: #666; padding:0 10px; height:50px; line-height:50px; font-size:14px; width:15%; text-align:center; font-weight:normal; border-top-right-radius:5px; border-top-left-radius:5px;}
.case_detail_show_li{ overflow:hidden}
.case_detail_show_li li{margin-right: 1%; width: 15%; padding:0.3%; float:left; margin-bottom:20px; border:1px solid #CCC}
.case_detail_show_li li img{ width:100%; height:188px}
.case_detail_show_li li:nth-child(6n){margin-right:0;}


.ny_flnav_box{ height:70px; border-bottom:2px solid #ccc; line-height:70px; background:#fff; display: none}
.ny_flnav_box .map{ float:left}
.ny_flnav_box .map a{ color:#666; font-size:14px}
.ny_flnav_box .map .sy{font-family:"iconfont"; font-style:normal; font-size:16px}
.ny_flnav_box .map .jt{ padding-left:10px}
.ny_flnav_box .map .jt i{font-family:"iconfont"; font-style:normal; padding-right:10px}
.ny_flnav{ float:right; display:block ;}
.ny_flnav li{ float:left; margin-right:10px; }
.ny_flnav li a{ font-size:14px; color:#999; display:block;padding:0px 10px;}
.ny_flnav li a:hover{ color:#f0262b; border-bottom:2px solid #f0262b;}
.ny_flnav li.active a{ border-bottom:2px solid #f0262b; color:#f0262b;}
#map_ny_nav{ text-align:center;font-size:16px; color:#333;display:block; cursor:pointer; display:none;}
#map_ny_nav img{ vertical-align:middle; margin-left:5px;}
#map_ny_nav i{font-family:"iconfont"; font-style:normal; padding-left:2px; color:#666; font-size:12px}


.fengye{line-height:30px; color:#999; margin:0 auto; overflow:hidden; text-align:center}
.fengye span{ height:30px; line-height:30px; border:1px solid #CCC;  float:left; text-align:center; margin-right:10px; padding:0 12px}
.fengye .disabled{ }
.fengye .current{background:#b5b5b5; border:#b5b5b5 1px solid; color:#FFF}
.fengye a{ float:left; height:30px; line-height:30px; border:1px solid #CCC; margin-right:10px; color:#999; text-align:center; padding:0 12px} 
.fengye a:hover{ background:#222; border:#222 1px solid; color:#FFF}



/*-- 相册 --*/
.js-lightBox{cursor: pointer; opacity: .8;}
.js-lightBox:hover{opacity: 1;}
.lightBox-view img{display: block; display: none; border:0px; margin:0px !important;}
.lightBox-popupMask{position: fixed; background:black; filter:alpha(opacity=80);/* IE */ opacity:0.8; width:100%; height: 100%; z-index:9999; display: none; background-image: url('../images/icon/overlay.png');}
.lightBox-popup{}
.lightBox-popup{display: none; position: fixed; z-index:10000; top:0%; left:50%; height: 50%; background-color: white; /* margin-left:-500px; */ border-radius: 10px; border:5px solid white; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-image: url('../images/icon/loading.gif'); background-size: 8%;}
.lightBox-description .lightBox-btn{/* position: absolute; top:0; */ display: inline-block; height: 100%; width:50%; text-align: center; cursor: pointer; background-repeat: no-repeat; background-position: center center; filter:alpha(opacity=20);/* IE */ opacity: .4; background-image: url('../images/icon/opacity.png');}
.lightBox-description .lightBox-btn:hover{filter:alpha(opacity=100);/* IE */ opacity: 1;}
/* .lightBox-view .lightBox-prev-btn{left:0;}
.lightBox-view .lightBox-next-btn{right:0;} */
.lightBox-description .lightBox-prev-btn.active{background-image: url('../images/icon/prev.png');}
.lightBox-description .lightBox-next-btn.active{background-image: url('../images/icon/next.png');}
.lightBox-description .lightBox-prev-btn.disable{background-image: url('../images/icon/prev.png'); opacity: 0.1; cursor: default;}
.lightBox-description .lightBox-next-btn.disable{background-image: url('../images/icon/next.png'); opacity: 0.1; cursor: default;}
.lightBox-view .lightBox-description{position: absolute; bottom:0; right:0; left:0; padding:15px; display: none; color:white; background-color: black; filter:alpha(opacity=80);/* IE */ background: rgba(0,0,0,.8);}
.lightBox-view .lightBox-description .lightBox-current-index{margin-top: 5px; display: block; font-style:italic;}
.lightBox-view .lightBox-description .lightBox-close{float: right; display: block; width:40px; height:40px; cursor: pointer; background-repeat: no-repeat; background-image: url('../images/icon/close.png'); background-position: center center;}
.lightBox-description .btn-position{float: right; position:relative; width:100px; height: 40px;}



/*----底部----*/
#foot{max-width:1280px; width:96%; margin:10px auto; height:50px; line-height:50px;}
#foot a{color:#96A5A7}
#foot .foot_left{ float:left; font-size:12px}
#foot .foot_left p{ height:25px; line-height:25px; margin-bottom:0px}
#foot .foot_center{ float:left; margin-left:5%}
#foot .foot_center a{float:left; margin-left:20px; width:38px; height:38px; line-height:38px; text-align:center; display:block; border:1px solid #CCC; color:#96A5A7}
#foot .foot_center a:hover{ background:#b5b5b5; border:1px solid #b5b5b5; color:#fff}
#foot .foot_center a i{font-size:20px}
#foot .foot_right{ float:right}

/*---在线留言---*/
.Message{width:100%; float:left; margin:0 0 60px; overflow:hidden}
.order_li{width:49%; overflow:hidden; float:left; margin:0 0.5%}
.order_li li{border:1px solid #ccc; width:99%; height:50px; line-height:50px; overflow:hidden; margin-bottom:15px; position:relative}
.order_li .txtbox{border:none; height:50px;line-height:50px; width:100%;color:#999; font-size:14px; background:none; padding-left:15px}
.order_li li.big{height:185px;}
.order_li .order_nr_box{border:none; height:180px; line-height:25px; width:100%;color:#999; font-size:14px; background:none; padding:12px 0 0 15px}
.order_li li img{ position: absolute; right:10px; top:12px}

#btnlogin .tj_input{width:40%; height:50px; line-height:50px; background:#b5b5b5;text-align:center; color:#fff; font-size:15px; border:none; margin:0px;cursor: pointer; }
#btnlogin .tj_input:hover{background:#111;}

#lower-nav li a {font-size:1.3em;line-height:16px;padding:6px 22px;}
@media (max-width:1280px) {
#lower-nav li a {padding:6px 18px;}
}
@media (max-width:1180px) {
#lower-nav li a {padding:6px 16px;}
}
@media (max-width:1024px) {
.in_about .wz{ height:240px; overflow:hidden}
.news_li li .pro_img{height:160px}
.order{ position:absolute; top:10px; right:10%}
#foot .foot_left{width:100%; text-align:center}
#foot .foot_center{margin-left:0;}
#foot .foot_center a{margin-left:0; margin-right:10px}
}
@media (max-width:920px) {
.in_about .wz{ height:200px;}
.case_detail_show .tabs .active{width:15%;}	
.news_li li .pro_img{height:140px}
#wap_banner .owl-buttons{display:none}
}
@media (max-width:820px) {
.news_li li .pro_img{height:125px}
}
@media (max-width:780px) {
.in_about .wz{ height:170px;}
}
@media (max-width:540px) {
.in_about .wz{ width:100%; margin-bottom:10px}
.news_li li .pro_img img{height: auto}
.order{top:0; font-size:14px; height:35px; line-height:35px; right:15%; margin-top:13px; padding: 0 10px;}	
.nav--active .language a p{ display:none}
.Message{margin:0;}
.order_li{width:100%; float:none}	
#btnlogin .tj_input{width:100%;}
}
@media (max-width:420px) {
.cont_left img{ width:140px !important; height:auto !important}	
}
@media (max-width:390px) {
.cont_left img{ width:120px !important;}	
}