*{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; padding:0; }
html{font-family: "΢ÐÅÑźÚ","Arial","Helvetica Neue",Helvetica,STHeiTi,arial,sans-serif; -webkit-font-smoothing: antialiased; }
body{width: 100%; height: auto; min-width: 1200px; overflow: auto; background: #fff;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400; color:#000;}
h1{font-size: 22px;}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size: 12px;}
a{text-decoration:none; color:#000;}
a img{ border: none; }
img{border:0; vertical-align:bottom; width: 100%; height: 100%;}
input{outline: none;}
i{display: inline-block; vertical-align: middle; font-style: normal;}

/* header */
header{width: 100%; height: 212px; background: #fff;}
header .content{width: 1200px; height: 170px; margin: 0 auto; position: relative; padding-top: 45px;}
header .content>a>img{width: 312px; height: 79px; margin: 0 auto; display: block;}
header .content .service{position: absolute; top: 110px; right: 0; }
header .content .service .item{width: 200px; display: flex; display: -webkit-flex; webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; margin-top: 4px;}
header .content .service .item>img{width: 21px; height: 21px; margin-right: 10px;}
header .content .service .item span{font-size: 14px; }
header .content .service .item a img{width: 24px; height: 24px; margin-left: 6px;}
header .nav-wrap{width: 100%; height: 42px; background: #232323; }
header .nav-wrap nav{width: 1200px; height: 100%; margin: 0 auto; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between;}
header .nav-wrap nav .item{height: 100%; position: relative;}
header .nav-wrap nav .item .title{font-size: 18px; color: #fff; display: flex; display: -webkit-flex; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; height: 100%; cursor: pointer; position: relative; z-index: 999; background: #232323; }
header .nav-wrap nav .item .title span{font-size: 12px; margin-top: 2px; margin-left: 6px;}
header .nav-wrap nav .item .title img{width: 7px; height: 4px; margin-left: 12px;  margin-top: 2px;}
header .nav-wrap nav .item  .list{position: absolute; top: 42px; left: 0; width: 610px; height: 290px; background: #fff; z-index: -1; padding: 38px 48px; opacity: 0; transition: opacity .3s;-moz-transition: opacity .3s; -webkit-transition: opacity .3s; -o-transition: opacity .3s; box-shadow: 0 0 10px #b7b6b5;}
header .nav-wrap nav .item  .list.active{opacity: 1; z-index: 9999;}
header .nav-wrap nav .item  .list .arrow{width: 20px; height: 9px; position: absolute; top: -9px; left: 60px;}
header .nav-wrap nav .item  .list .left{width: 260px; float: left;}
header .nav-wrap nav .item  .list .left .t{font-size: 20px; color: #bc9e6b; font-weight: bold;}
header .nav-wrap nav .item  .list .left .t span{font-size: 16px; margin-left: 4px;}
header .nav-wrap nav .item  .list .left ul{width: 100%; margin-top: 20px;}
header .nav-wrap nav .item  .list .left ul li{width: 100%; height: 40px; border-bottom: 1px dotted #d1d1d1; display: flex; display: -webkit-flex; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; cursor: pointer;}
header .nav-wrap nav .item  .list .left ul li i{font-size: 12px; margin-right: 6px;}
header .nav-wrap nav .item  .list .left ul li span{font-size: 16px;}
header .nav-wrap nav .item  .list .left ul li span:hover{color: #7e7e7e;}
header .nav-wrap nav .item  .list .nav-image{width: 220px; height: 200px; float: right;}
header .nav-wrap nav .item  .list-4{left: -340px;}
header .nav-wrap nav .item  .list-4 .arrow{left: 400px;}
header .nav-wrap nav .item  .list-5{left: -500px;}
header .nav-wrap nav .item  .list-5 .arrow{left: 535px;}

footer{width: 100%; height: 320px; background: #212121;}
footer .content{width: 1200px; height: 280px; margin: 0 auto; padding-top: 40px; display: -webkit-flex; display:flex;  -webkit-justify-content: space-between; justify-content:space-between;}
footer .content .left{width: 320px; height: 100%;}
footer .content .left .footer-logo{width: 253px; height: 63px; margin-bottom: 20px;}
footer .content .left .info{font-size: 14px; color: #fff; margin-top: 12px;}
footer .content .left .info span{color: #aaaaaa;}
footer .content .left .shop-ico{display: -webkit-flex; display:flex; margin-top: 30px;}
footer .content .left .shop-ico  img{width: 30px; height: 30px; margin-right: 8px;}
footer .content .right{display: -webkit-flex; display:flex;}
footer .content .right .footer-nav{border-left: 1px solid #373737; display: table; height: 190px; width: 190px; padding-left: 35px;}
footer .content .right .footer-nav .title{font-size: 18px; color: #fff; margin-bottom: 10px; opacity: .8;}
footer .content .right .footer-nav .nav{font-size: 14px; color: #acacac; margin-top: 15px; cursor: pointer; display: block;}
footer .content .right .footer-nav .nav:hover{color: #fff; text-decoration: underline;}
footer .icp{width: 1200px; height: 40px; line-height: 40px; border-top: 1px solid #373737; font-size: 12px; color: #fff; margin: 0 auto; display: block; text-align: center; }
footer .icp a{font-size: 12px; color: #fff;}

.content-container{width: 1200px; margin: 0 auto;}
.content-container .crumbs{width: 100%; height: 60px; margin-top: 20px; border-bottom: 1px solid #e9e8e8;  display: -webkit-flex; display:flex; -webkit-align-items: center; align-items: center;}
.content-container .crumbs a{font-size: 14px; color: #9c9c9c;}
.content-container .crumbs a.active{font-weight: 600; color: #000000;}
.content-container .crumbs span{font-size: 14px; margin: 0 6px; font-weight: 600; color: #9c9c9c;}

/** רÌâ **/
.special-container{width: 100%; height: auto; min-width: 1200px;}
.special-container .wrap{width: 1200px; height: auto; margin: 0 auto; }
.special-container .wrap .item{width: 100%; height: auto; position: relative;}
.special-container .wrap .item>img{vertical-align: bottom; width: 100%; height: 100%;}
.special-container .wrap .item>div,.special-container .wrap .item>ul{position: absolute;}

/** Ê×Ò³ **/
.index-banner{width: 100%; height: 681px; overflow: hidden; background: #000; position: relative;}
.index-banner .swiper-container{width: 100%; height: 681px;}
.index-banner .swiper-container .swiper-silde{position: relative;}
.index-banner .swiper-container .swiper-slide a{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.index-banner .swiper-slide{background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}	
.index-banner .swiper-pagination-bullet{width: 16px; height: 16px; background: transparent; border: 1px solid #fff; opacity: 1; margin: 0 10px !important;}
.index-banner .swiper-pagination-bullet-active{background: #fff;}

.index-label{width: 1200px; margin: 70px auto 0; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; border-bottom: 1px solid #dcdcdc; padding-bottom: 45px;}
.index-label .item{width: 570px; height: 390px;  position: relative; display: block;}
.index-label .item img{width:570px; height: 390px; position: absolute; top: 0; z-index: -1; left: 0;}
.index-label .item:first-child *{color: #fff;}
.index-label .item{padding: 66px 40px;}
.index-label .item h4{font-size: 24px;}
.index-label .item h2{font-size: 30px; font-weight: 800; display: flex; display: -webkit-flex; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center;}
.index-label .item h2 span{width: 6px; height: 6px; border-radius: 50%; display: block; margin: 0 10px; background: #000;}
.index-label .item h2 i{font-size: 28px; font-weight: 400; font-style: oblique; margin-top: 6px;}
.index-label .item div{font-size: 12px; border: 1px solid #000; margin-top: 20px; width: 120px; height: 40px; text-align: center; line-height: 40px; font-weight: 600;}
.index-label .item:first-child h2 span{background: #fff;}
.index-label .item:first-child div{border-color: #fff;}

.index-news{width: 1200px; margin: 0 auto; padding-bottom: 48px;}
.index-news .top{width: 100%; height: 80px; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center;}
.index-news .top .title{font-size: 40px; color: #333333; font-weight: 800;}
.index-news .top .btn-wrap{width: 64px; height: 28px; background: url(../images/index_icon4.jpg); background-size: 100% 100%; }
.index-news .top .btn-wrap .prev,.index-news .top .btn-wrap .next{width: 28px; height: 28px; float: left; cursor: pointer;}
.index-news .top .btn-wrap .next{float: right;}
.index-news .top .btn-wrap .prev:active,.index-news .top .btn-wrap .next:active{background: rgba(0, 0, 0, .2)}
.index-news .news-list{width: 100%; height: 208px;}
.index-news .news-list .item{width: 570px; height: 100%; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between;}
.index-news .news-list .item  .cover{width: 270px; height: 208px; background-size: cover; background-position: center;}
.index-news .news-list .item  .info{width: 270px; display: -webkit-flex; -webkit-align-content:center; align-content:center; flex-wrap: wrap; -webkit-flex: wrap;}
.index-news .news-list .item  .info *{width: 100%;}
.index-news .news-list .item  .info .date{font-size: 30px; }
.index-news .news-list .item  .info .date span{font-size: 14px; color: #898989; margin-left: 6px;}
.index-news .news-list .item  .info .title{font-size: 16px; color: #333333; margin-top: 25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index-news .news-list .item  .info .intro{font-size: 14px; color: #898989; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; word-wrap:break-word; line-height: 20px;}
.index-news .news-list .item  .info .more{font-size: 12px; color: #c8a165; margin-top: 30px; text-decoration: underline;}

.index-bottom-nav{width: 100%; height: 274px; background: #f6f6f6;}
.index-bottom-nav .wrap{width: 1200px; height: 100%; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; margin: 0 auto;}
.index-bottom-nav .wrap .item{width: 370px; height: 190px; border: 1px solid #e1e1e1; background: #fff; display: -webkit-flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; flex-wrap: wrap; -webkit-flex: wrap; cursor: pointer; transition: all .3s;-moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.index-bottom-nav .wrap .item:hover{opacity: .8; margin-top: -20px; box-shadow: 0 0 20px #e1e1e1;}
.index-bottom-nav .wrap .item div{width: 100%; text-align: center; }
.index-bottom-nav .wrap .item img{width: 47px; height: 52px;}
.index-bottom-nav .wrap .item .title{font-size: 18px; color: #212121; display: -webkit-flex; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center; margin-top: 15px;}
.index-bottom-nav .wrap .item .title i{width: 4px; height: 4px; border-radius: 50%; margin: 0 4px; background: #212121;}
.index-bottom-nav .wrap .item .title span{font-size: 16px;}
.index-bottom-nav .wrap .item .remark{font-size: 14px; color: #bd9c54; margin-top: 6px;}