@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }


.colflash,.colflash img{ width: 100%; }
.location{ width: 100%; min-width: 320px; background-color: #F8F8F8; }
.location > .c-con{ padding-top: 1%; padding-bottom: 1%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.location > .c-con > h3,.location > .c-con > p{ width:50%; line-height: 2; font-size: 14px; font-weight: normal; text-align: left; }
.location > .c-con i{ font-size: 14px; }
.location > .c-con > h3 > a > i,.location > .c-con > h3 > span{ color:#e5201a !important; }
.location > .c-con > p{ text-align: right; }
.location > .c-con > p > a.on,.location > .c-con > p > a:hover{ color: #e5201a !important; }

.location-list a{ line-height: 2;font-size: 14px;margin-left: 20px;}
.location-list a.on{color:red;}
.aboutZhice{ width: 100%; display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: flex-start; align-items: stretch; padding-top: 0%; padding-bottom: 5%; }
.azc-about{ flex: 1; line-height: 30px; font-size: 14px; box-sizing: border-box; text-align: left;  }
.azc-about img{max-width:100%;margin:0 auto;}


.newsList{ width: 100%;  }
.newsList > ul > li{ width:100%; margin-top:2%; background-color: #F8F8F8; box-sizing: border-box; padding:2%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.newsList > ul > li .nl-img{ width:210px; display: block; overflow: hidden; flex-shrink: 0; }
.newsList > ul > li .nl-img > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.newsList > ul > li .nl-about{ flex:1; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; border-box; padding-left:3%;}
.newsList > ul > li .nl-about > h3{ width:100%; text-align: left; font-weight: normal; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsList > ul > li .nl-about > h3 > span{ float: right; display: inline-block; font-size: 14px; color: #999; }
.newsList > ul > li .nl-about > div{ box-sizing:  width:100%; font-size: 14px; line-height: 24px; height: 90px; overflow:hidden; margin-top: 10px; }

.culture{ width: 100%; box-sizing: border-box; padding-top: 4%; }
.culture > header{ width: 100%; }
.culture > header > h3,.culture > header > p{ width: 100%; line-height: 1.6; font-weight: normal; font-size: 24px; text-align: left; }
.culture > header > p{ font-size: 16px; text-transform: uppercase; }
.culture > header > div{width: 100%; line-height: 2; font-size: 14px; padding-top: 3%; padding-bottom: 3%;}
.culture > header > h4{ width: 100%; line-height: 3; font-size: 14px; box-sizing: border-box; border-bottom:1px solid #f6f0f0; font-weight: normal; text-align: left; margin-bottom: 1%; }
.cultureList{ width: 100%;}
.cultureList > ul > li{ width: 32%; margin-right: 2%; margin-top:2%; float: left; overflow:hidden; box-sizing: border-box; box-shadow:none; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cultureList > ul > li:nth-of-type(3n){ margin-right: 0; }
.cultureList > ul > li > a{ width: 100%; display: block; color: #333 !important;}
.cultureList > ul > li > a > .cl-img{ width: 100%; overflow:hidden; }
.cultureList > ul > li > a > .cl-img img{ width: 100%; }
.cultureList > ul > li > a > .cl-about{ width: 100%; box-sizing: border-box; padding:4%; }
.cultureList > ul > li > a > .cl-about > h3,.cultureList > ul > li > a > .cl-about > h4,.cultureList > ul > li > a > .cl-about > p,.cultureList > ul > li > a > .cl-about > h5{ width: 100%; height: 24px; line-height: 24px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; font-size: 16px; }
.cultureList > ul > li > a > .cl-about > h4{ font-size: 12px; color: #999; }
.cultureList > ul > li > a > .cl-about > p{ height: 48px; white-space: normal; font-size: 12px; }
.cultureList > ul > li > a > .cl-about > h5 > i{ font-size: 18px; }
.cultureList > ul > li:hover{ box-shadow: 0 0 10px rgba(100,100,100,0.4);}
.cultureList > ul > li > a:hover > .cl-about > h5 > i{ color: #b9946a !important; }



.productsList{ width: 100%;}
.productsList > ul > li{ width: 31.5%; margin-right: 2%; margin-top:2%; float: left; overflow:hidden; box-sizing: border-box; box-shadow:none; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; background-color: #f8f8f8; }
.productsList > ul > li:nth-of-type(3n+3){ margin-right: 0; }
.productsList > ul > li > a{ width: 100%; display: block; color: #333 !important;}
.productsList > ul > li > a > .cl-img{ width: 100%; overflow:hidden; position: relative; }
.productsList > ul > li > a > .cl-img > img{ width: 100%; }
.productsList > ul > li > a > .cl-img > h3{ width: 100%; height: 100%; position: absolute; left:0;top:0; background-color: transparent; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.productsList > ul > li > a > .cl-img > h3 > span{ display: inline-block; line-height: 3; box-sizing: border-box; border-top: 1px solid #FFF; border-bottom:1px solid #FFF; font-weight: normal; font-size: 14px; color:#FFF; padding:0 4%; width:auto; opacity: 0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.productsList > ul > li > a > .cl-about{ width: 100%; box-sizing: border-box; padding:4%; }
.productsList > ul > li > a > .cl-about > h3,.productsList > ul > li > a > .cl-about > p{ width: 100%; height: 24px; line-height: 24px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; font-size: 16px;text-align: center;}
.productsList > ul > li > a > .cl-about > p{ height: 48px; white-space: normal; font-size: 12px; }
.productsList > ul > li:hover{ box-shadow: 0 0 10px rgba(100,100,100,0.4);}
.productsList > ul > li:hover > a > .cl-img > h3{background-color: rgba(218, 185, 106,0.5);}
.productsList > ul > li:hover > a > .cl-img > h3 > span{ opacity: 1; }
.productsList > ul > li > a > .cl-about1 > h3{text-align: left;font-size: 28px;height: 48px;}
.productsList > ul > li > a > .cl-about1 > p{text-align: left;height: 28px;font-size: 14px;}

.pages,.pages > ul{ width: 100%; font-size: 0; text-align: center; }
.pages{ margin-top: 5%; margin-bottom:5%; }
.pages > ul > li{ width:auto; display: inline-block; margin:5px; }
.pages > ul > li > a,.pages > ul > li > h3,.pages > ul > li > span{ display: block; width: 100%; height: 30px; line-height: 28px; text-align: center; padding:0 10px; box-sizing: border-box; font-size: 14px; border:1px solid #EEE; border-radius: 2px; }
.pages > ul > li > a:hover,.pages > ul > li > a.on{ background-color: #c40001; border:1px solid #c40001; color: #FFF !important; }
.pages > ul > li > h3{font-weight: normal;}
.pages > ul > li > p{ width: auto; display: block; }
.pages > ul > li > p > input{ width: 60px; height: 30px; line-height: 28px; font-size: 14px;  text-align: center; border:1px solid #EEE; border-radius: 2px;}
.pages > ul > li > p.formSubmit > input{ width: 48px; background-color: #DDD; border:0; }