a{ color:#333}
a:hover{ color:#F30}
.header-top{height:100px;background: rgba(255,255,255,0.9);clear:both;border-bottom:#efefef solid 1px;position:fixed; left:0; right:0;top:0px;  z-index:200; margin:0 auto; }
.logo{ display:inline-block;float:left;}

.lang{ height:20px;  overflow:hidden; text-align:right;}	
.lang a{ display:inline-block; margin-right:10px; color:#999}
.lang a img{ width:20px; margin-right:10px;}

.menu{height:80px;}
.menu>ul{margin-top:30px;}
.menu>ul>li{ display:inline-block;position:relative;margin:0 2%;}
.menu>ul>li a{ font-size:16px;color:#333}
.menu>ul>li dl{ display:none;position:absolute;top:95%;width:160px;}
.menu>ul>li:hover dl{ display:block;position:absolute;z-index:100;top:80%;box-shadow:#CCC 0 0px 5px;}
.menu>ul>li:hover dl dt{padding:5px;background-color: #fff;}
.menu>ul>li:hover dl dt { line-height:35px;font-weight:normal}
.menu>ul>li>a:after{ color:#F30 !important; content:""; position:absolute; width:0; left:0; right:0; bottom:20px; border-bottom:5px #FF3300 solid;transition:ease-in-out 0.3s all;}
.menu>ul>li>a:hover:after{ width:100%;left:0; right:0; bottom:20px;transition:ease-in-out 0.3s all;}
.menu>ul>li.hover a{ color:#F30 !important; }

.menu button{display:none;padding:10px 5px 5px 5px; float: right;margin-top:20px;margin-right: 15px;margin-bottom: 8px;background-color: #ddd;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.menu button span{ background-color:#eee;display:block;overflow: hidden; margin-bottom:5px; width: 35px; height:3px}
.ep{ height:60px; clear:both}

.indexNews{ margin-top:30px;background-color:#FFFFFF;padding-top:30px;}
.indexNews>div{ margin-bottom:30px;padding-top:20px;height:120px;}
.indexNews>div>p:nth-child(2){ color:#ccc}

.ib{height:300px; background-color: #efefef;background-size:cover;clear:both; overflow:hidden}
.ib h2{ margin-top:80px; text-align:center; color:#FFF; font-size:58px;}

@media (max-width:992px){
	.menu>ul{ display:none; position:absolute; right:20px; top:65px; left:10%;background-color: #fff; z-index:810619; }
	.menu>ul>li{ display:block;line-height:55px;}
	.menu>ul>li>a:hover:after{ width:50%;left:0; right:0; bottom:10px;transition:ease-in-out 0.3s all;}
	.menu button{ display:block;}
	.topSlide img{ height:180px !important; object-fit: cover;}
	.ep{ height:20px;}
.pro a>img{height:260px;}
}

section .title{ font-size:42px;color: #222;}
section .title p{ font-size:16px;line-height:22px;color:#777777;padding-top:30px;}

.topSlide{}
.topSlide img{width:100%; }
.topSlide .slick-arrow {position: absolute;top: 50%;z-index: 999; background-color: #efefef;}
.topSlide .slick-arrow.prev { left: 10%;}
.topSlide .slick-arrow.next {right: 10%;}
.topSlide :hover .slick-arrow {opacity: 1; }
.topSlide .fa{ height:50px; width:50px;background:rgba(0,0,0,0.1); line-height:50px; text-align:center; transition:ease-in-out 0.3s all;}
.topSlide:hover .fa{background:rgba(0,0,0,0.3);transition:ease-in-out 0.3s all; }

.pro a{ display:block;position:relative;color:#222; border:#eee solid 1px; margin-bottom:30px; padding-bottom:5px; overflow:hidden;box-shadow:0 0 16px #efefef}
.pro a>img{height:348px;display:block;margin:0 auto;width:100%;object-fit:cover;transform:scale(1); transition:ease-out all .5s}
.pro a:hover>img{ transform:scale(1.2); transition:ease-out all .5s}
.pro a>dl{ display:block;height:100px; background: rgba(255,255,255,0.6);position:absolute;left:0;right:0;bottom:-25px;transition:ease-in-out 0.3s all;padding:25px 20px 0}
.pro a>dl>dt{ line-height:40px;}
.pro a>dl>dd{ color:#666}
.pro a:hover dl{height:120px;bottom:-25px;transition:ease-in-out 0.3s all}

.trending-slide a{ display:block;position:relative;color:#222;border:#efefef solid 1px;}
.trending-slide a>img{ max-width:320px;display:block;margin:0 auto;width:100%;}
.trending-slide a>dl{ display:block;height:80px;color:#222;background-color: #fff;position:absolute;left:0;right:0;bottom:-25px;transition:ease-in-out 0.3s all;padding:25px 20px 0}
.trending-slide a:hover>dl{height:100px;bottom:-25px;transition:ease-in-out 0.3s all}


.trending-slide .slick-arrow {position: absolute;top: 60%;z-index: 999;-webkit-transform: translateY(-170%);-moz-transform: translateY(-170%);-ms-transform: translateY(-170%);-o-transform: translateY(-170%);transform: translateY(-170%);background: #fff;opacity: 0.6;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.trending-slide .slick-arrow i {font-size: 16px;background: #fff;color: #ff4330;height: 50px;width: 50px;text-align: center;line-height: 46px;cursor: pointer;border: 2px solid #e0e0e0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.trending-slide .slick-arrow i:hover {background: #ff4330;color: #fff;border-color: #ff4330;}
.trending-slide .slick-arrow.prev { left: 185px;}
.trending-slide .slick-arrow.next {right: 185px;}
.trending-slide:hover .slick-arrow {opacity: 1; }
/*==================================================*/
.newsList{}
.newsList>li{ list-style:none;}
.newsList>li>a{ display:block; color:#222; font-size:22px; line-height:55px; margin-top:10px;}
.newsList>li>p{ color:#666; line-height:2;}

.newsShow h2{ margin-bottom:30px; line-height:1.5}
.newsShow .info{ font-size:14px; margin-bottom:20px;color:#666}

/*======================================*/

.foot{min-height:260px;color:#efefef; overflow:hidden; background-color: #333; padding-top:50px;}
.foot a{color:#efefef; }
.foot  dl dt{ font-size:18px; line-height:45px;}
.foot  dl>dd{ line-height:35px;}
.foot  dl>dd>i{color: #ff4330; padding-right: 8px;}

.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: none;
  z-index: 999999; }
  .back-to-top a {
	  display:inline-block;
    color: #fff;
    background: #ff4330;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px; }