
/* ==S quick links*/

.index-quick-links ul li { float: left; width: 16.666%; text-align: center; }
.index-quick-links ul li a { position: relative; display: inline-block; padding: 60px 10px 25px 10px; color: #fff; }
.index-quick-links ul li a .iconfont { font-size: 28px; position: absolute; top: 32px; left: 50%; margin-left: -18px; -webkit-transition: all .4s cubic-bezier(.69, .06, .39, 1.07); -moz-transition: all .4s cubic-bezier(.69, .06, .39, 1.07); -o-transition: all .4s cubic-bezier(.69, .06, .39, 1.07); transition: all .4s cubic-bezier(.69, .06, .39, 1.07); }
.index-quick-links ul li a .iconfont.icon-ICTnewhorizon { top: 33px; }
.index-quick-links ul li a .iconfont.icon-chazhao { font-size: 35px; }
.index-quick-links ul li a .iconfont.icon-goumaisvg { font-size: 37px; }
.index-quick-links ul li a .iconfont.icon-ziliaozhongxin { font-size: 41px; }
.index-quick-links ul li a .iconfont.icon-kefu { font-size: 37px; }
.LANG-cn .index-quick-links ul li a .iconfont.icon-dajiangtang { font-size: 38px; }
.index-quick-links ul li a:hover .iconfont { display: block; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); }
.index-quick-links ul li a p { font-size: 16px; line-height: 20px; padding-top: 15px; }
@media (max-width:1600px) {
    .index-quick-links ul li a { position: relative; display: inline-block; padding: 60px 10px 30px 10px; color: #fff; }
    .index-quick-links ul li a p { padding-top: 10px; }
}
@media (min-width:769px) {
    .index-quick-links:before { position: absolute; width: 100%; height: 100%; content: ' '; opacity: .5; background: rgb(0, 0, 0); filter: Alpha(opacity=50); }
    .index-quick-links { position: absolute; z-index: 10; bottom: 0; left: 0; overflow: hidden; width: 100%; background: none; }
}
@media (max-width:768px) {
    .index-quick-links ul li a .iconfont.icon-ICTnewhorizon{top:14px}
    .index-quick-links { background: #666; }
    .index-quick-links ul li { float: left; width: 50%; text-align: left; }
    .index-quick-links ul { display: -webkit-flex; display: -ms-flex; display: -moz-flex; display: flex; padding: 20px 0; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
    .index-quick-links ul li a { padding: 15px 10px 15px 30px; }
    .index-quick-links ul li a .iconfont { font-size: 18px; position: absolute; top: 13px; left: 0; margin-left: 0; }
    .index-quick-links ul li a p { font-size: 14px; padding-top: 0; }
    .index-quick-links ul li a .iconfont.icon-chazhao { font-size: 21px; }
    .index-quick-links ul li a .iconfont.icon-xiazai { font-size: 21px; }
    .index-quick-links ul li a .iconfont.icon-goumaisvg { font-size: 23px; }
    .index-quick-links ul li a .iconfont.icon-ziliaozhongxin { font-size: 23px; }
    .index-quick-links ul li a .iconfont.icon-kefu { font-size: 23px; }
    .index-quick-links ul li a:hover .iconfont { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    .index-quick-links ul li a:hover p { text-decoration: underline; }
    .LANG-cn .index-quick-links ul li a .iconfont.icon-kefu { font-size: 23px; }
    .LANG-cn .index-quick-links ul li a .iconfont.icon-dajiangtang { font-size: 23px; }
    .LANG-cn .index-quick-links ul li a .iconfont.icon-shuji { font-size: 23px; }
}

/* ==E quick links*/

/* ==S NEW ICT*/
.newict .cistern { padding-top: 60px; padding-bottom: 60px; }
.newict h2 { font-size: 40px; line-height: 1.2; margin: 0 0 0 0; padding-bottom: 30px; text-align: center; color: #333; }
@media (max-width:768px) {
    .newict h2 { font-size: 30px; padding-bottom: 20px; }
    .newict .cistern { padding-top: 45px; padding-bottom: 30px; }
}

/* ==E NEW ICT*/

/* ==S Featured Products*/

.featured-products h2 { font-size: 40px; line-height: 1.2; margin: 0 0 30px 0; text-align: center; color: #333; }
.featured-products .cistern { padding-top: 60px; padding-bottom: 70px; }
.featured-products ul { margin: 0 -25px; }
.featured-products ul .list-moddle2 .block { margin: 0 25px; }
@media (max-width:1200px) {
    .featured-products ul { margin: 0 -10px; }
    .featured-products ul .list-moddle2 .block { margin: 0 7px; }
}
@media (max-width:1025px) {
    .featured-products ul { margin: 0 -7px; }
    .featured-products .cistern { padding-top: 40px; padding-bottom: 20px; }
    .featured-products h2 { font-size: 26px; margin: 0 0 20px 0; }
}
@media (max-width:640px) {
    .featured-products ul { margin: 0; }
    .featured-products ul .list-moddle2 .block { margin: 0; }
}

/* ==E Featured Products*/

/* ==S events*/
.events { color: #fff; overflow: hidden;}
.events .cistern { padding-top: 60px; padding-bottom: 70px; }
.events h2 { font-size: 40px; line-height: 1.2; margin: 0 0 70px 0; text-align: center; }
.events ul { margin: 0 -28px; }
.events ul li { float: left; width: 33.333%; }
.events ul li.minor .box { padding: 0 28px; }
.events ul li.minor .box .pic img { display: block; width: 100%; }
.events ul li.minor .box .text { display: block; margin-bottom: 48px; }
.events ul li.minor .box .text h6 { font-size: 24px; margin-top: -7px; color: #333; }
.events ul li.minor .box .text p { font-size: 20px; display: block; padding-top: 10px; }
.events ul li.minor .box .text span { font-size: 16px; display: block; padding-top: 7px; }
.events ul li.minor2 .box { margin-top: -38px; padding: 0 28px; }
.events ul li.minor2 .box .pic img { display: block; width: 100%; }
.events ul li.minor2 .box .text { display: block; margin-top: 35px; color: #fff; }
.events ul li.minor2 .box .text:hover h6 { text-decoration: underline; }
.events ul li.minor2 .box .text h6 { font-size: 20px; margin-top: -7px; }
.events ul li.minor2 .box .text p { font-size: 20px; display: block; padding-top: 10px; }
.events ul li.minor2 .box .text span { font-size: 16px; display: block; padding-top: 7px; }
.events ul li.prominent .box { padding: 0 30px; display: block;}
.events ul li.prominent .box .text { color: #fff; }
.events ul li.prominent .box .pic { max-width: 432px; }
.events ul li.prominent .box .pic img { display: block; width: 100%; }
.events ul li.prominent .box .text h6 { font-size: 30px; padding-top: 22px; }
.events ul li.prominent .box .text p { font-size: 20px; display: block; padding-top: 13px; }
.events ul li.prominent .box .text span { font-size: 16px; display: block; padding-top: 7px; }
.events .hw-btn-warp { display: block; text-align: center; }
@media (max-width:920px) {
    .events { color: #fff; background-color: #1a2871 !important; background-image: none !important; }
    .events h2 { margin: 0 0 30px 0; }
    .events ul li { width: 100%; }
    .events ul li.prominent { float: left; width: 50%; padding-bottom: 32px; }
    .events ul li.minor .box .text { margin-bottom: 42px; }
    .events .hw-btn-warp a { }
    .events .hw-btn-warp { }
    .events .cistern { padding-top: 40px; padding-bottom: 40px; }
    .events ul li.minor .box .text p { font-size: 20px; padding-top: 13px; }
    .events ul li.minor .box .text span { padding-top: 11px; }
    .events ul { margin: 0 -10px; }
    .events ul li.prominent .box { padding: 0 10px; }
    .events ul li.minor2 .box { margin-top: 0; padding: 0 10px; }
}
@media (max-width:750px) {
    .events ul li { float: none; }
    .events ul li.prominent { float: none; width: 100%; padding-bottom: 32px; }
}

/* ==E events*/

/*Ã©ÂÂÃ¥Â³Â°Ã§Â´Â¡Ã©Ââ€°Ã¥Å¾Â®Ã¦Â½Â¡*/

.list-moddle1 { float: left; width: 33.333%; }
.list-moddle1 .block { position: relative; display: block; color: #fff; }
.list-moddle1 .block:after { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; background: rgba(0, 0, 0, .25); }
.list-moddle1 .block .pic { margin-left: 1px; }
.list-moddle1 .block .pic img { display: block; width: 100%; }
.list-moddle1 .block .pic:after { padding-top: 121%; }
.list-moddle1 .block .text { position: absolute; z-index: 2; top: 0; left: 0; height: 100%; padding: 40px; }
.LANG-en .list-moddle1 .block .text h3 { font-family: LT_Medium, Arial; }
.list-moddle1 .block .text h3 { font-size: 32px; line-height: 1.2; }
.list-moddle1 .block .text p { font-size: 16px; line-height: 1.375; margin-top: 20px; }
.list-moddle1 .block .text .hw-btn-warp { -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.list-moddle1 .block:hover:after { opacity: 1; }
.list-moddle1 .block:hover .text .hw-btn-warp { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.list-moddle1 .block:hover .text .hw-btn-warp span { position: relative; z-index: 1; }
@media (max-width:1600px) {
    .list-moddle1 .block .text h3 { font-size: 26px; }
}
@media (max-width:1025px) {
    .list-moddle1 .block .text h3 { font-size: 20px; overflow: hidden; max-height: 48px; }
    .list-moddle1 .block .text p { font-size: 14px; overflow: hidden; max-height: 75px; }
    .list-moddle1 .block .pic { margin-top: 1px; margin-left: 0; }
    .list-moddle1 .block .text .hw-btn-warp { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@media (max-width:640px) {
    .list-moddle1 .block .text h3 { font-size: 26px; max-height: none; }
    .list-moddle1 .block .text p { font-size: 16px; max-height: none; }
    .list-moddle1 { float: none; width: 100%; margin-bottom: 10px; }
    .list-moddle1 .block .pic { margin-top: 1px; margin-left: 0; }
    .list-moddle1 .block .text .hw-btn-warp { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
.list-moddle2 { float: left; width: 33.333%; }
.list-moddle2 .block { position: relative; display: block; border: 2px solid #e5e5e5; }
.list-moddle2 .block .pic { margin-left: 1px; }
.list-moddle2 .block .pic:after { padding-top: 75%; }
.list-moddle2 .block .pic img { display: block; width: 100%; }
.list-moddle2 .block .text { z-index: 2; padding: 40px; text-align: center; color: #333; }
.LANG-en .list-moddle2 .block .text h3 { font-family: LT_Medium, Arial; }
.list-moddle2 .block .text h3 { font-size: 30px; line-height: 1.2; }
.list-moddle2 .block .text p { font-size: 16px; line-height: 1.375; margin-top: 20px; color: #666; }
@media (max-width:1600px) {
    .list-moddle2 .block .text h3 { font-size: 26px; }
}
@media (max-width:1200px) {
    .list-moddle2 { margin-bottom: 10px; }
    .list-moddle2 .block { margin: 0 10px; }
}
@media (max-width:1025px) {
    .list-moddle2 .block .text { padding: 20px; }
    .list-moddle2 .block .text h3 { font-size: 20px; }
}
@media (max-width:640px) {
    .list-moddle2 { float: left; width: 100%; }
    .list-moddle2 .block { margin: 0 0 20px 0; }
    .list-moddle2 .block .text { padding: 35px 20px 35px; }
}
#wap_cartbtn_display.none { display: none !important; }
.browsehappy { text-align: center; }
.ReadPolicy p { line-height: 1.428; }
.browsehappy p { line-height: 1.428; display: inline-block; max-width: none; padding: 2px 80px 2px 0; }
@media (max-width:1024px) {
    .browsehappy p { padding-right: 30px; padding-left: 10px; }
    .zl-pc-header { position: static; }
    .browsehappy { display: none !important; }
}

/*动画*/
.picImg1 img { transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.picImg1:hover img { transform: scale(1.1); }
.picImg1:before { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: opacity 5s cubic-bezier(.23, 1, .32, 1), height 5s cubic-bezier(.23, 1, .32, 1); opacity: 0; background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .7)); }
.picImg1:hover:before { opacity: 1; }
