/* CSS Document */
body{
    font-family: "Microsoft Yahei", Arial ;
    color:#333;
    font-size:12px;
    }
body,div,li,ul,h1,dl,dt,dd,p,h3{
    margin:0px;
    padding:0px;
    }
li{ 
    list-style:none;
}
a{
    text-decoration:none;
    color:#333;
    transition:all ease .3s;
}
a:hover{
    color:#1d4d97;
    }
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.wrap{
    width:1100px;
    margin:0 auto;
    }

.header{
    height:100px;
    position:relative;
}
.header .logo{
    display:block;
    float:left;
    width:420px;
    height:70px;
    background: url(http://chengtou.asp.wzkex.com/upLoad/slide/month_1807/20180728102416212.png) no-repeat 0 0;
    margin-top:10px;
    background-size: auto 100%;
    }
.header .lanbox{
    position:absolute;
    right:0px;
    top:30px;
    color:#999;
    }
.header .lanbox dl{
    display:inline-block;
    width:75px;
    height:22px;
    margin-left:8px;
    line-height:22px;
    background: url(http://chengtou.asp.wzkex.com/template/pc/cn2016/images/ico1.gif) no-repeat 60px 10px;
    border:1px solid #ddd;
    position:relative;
    transition:all ease .3s;
    }
.header .lanbox dd{
    position:absolute;
    top:22px;
    left:-1px;
    border:1px solid #ddd;
    border-top:none;
    background-color:#fff;
    display:none;
    }
.header .lanbox a{
    display:inline-block;
    width:70px;
    padding-left:5px;
    height:22px;
    color:#999;
    }
.header .lanbox dd a:hover{
    color:#004A89;
    background-color:#eee;
    }
#menubox{
    float:right;
    margin-top:0px;
}
.menu > li{
    float:left;
    margin:0 7px;
    position:relative;
}
.menu > li > a{
    position: relative;
    z-index: 9;
    display:block;
    font-size:15px;
    width:90px;
    height:100px;
    text-align:center;
    line-height:100px;
    color: #555;
}
.menu > li:hover > a{color: #fff;}
.menu li .line{
    display:block;
    width:90px;
    height:100px;
    position:absolute;
    top:0px;
    left:0px;
    text-align:center;
    }
.menu li  .line span{
    display: block;
    width:90px;
    height:100px;
    margin:auto;
    background-color:#CA0000;
    vertical-align:middle;
    opacity: 0;
    }
.submenu{
    display:none;
    width:90px;
    text-align:center;
    position:absolute;
    left:0px;
    top:100px;
    z-index:999;
    padding-top:0px;
    background-color:#fff;
    border-bottom:2px solid #ddd;
    }
.submenu li a{
    display:block;
    height:35px;
    line-height:35px;
    background-color:#f5f5f5;
    border-top:1px solid #cdcdcd;
    transition:all ease .4s;
    color: #666;
    }
.submenu li a:hover{
    background-color:#CA0000;
    color:#fff;
    }
#banner{
    height:500px;
    overflow:hidden;
}
.ind-pro{
    margin-top:70px;
    margin-bottom:50px;
    }
.ind-pro .hd{
    font-size:26px;
    color:#CA0000;
    text-align:center;
    }
.ind-pro .line{
    text-align:center;
    margin-top:15px;
    }
.ind-pro .line span{
    display:inline-block;
    width:70px;
    height:1px;
    background-color:#ccc;
    }
.ind-pro .subhd{
    text-align:center;
    color:#666;
    margin-top:15px;
    }
.ind-probox{
    width:1100px;
    margin-top:50px;
    position:relative;
    }
.pronav-prev,.pronav-next{
    position:absolute;
    width:20px;
    height:72px;
    cursor:pointer;
    background:url(../images/btn1.png) no-repeat;
    transition:all ease .3s;
    }
.pronav-prev{
    left:-30px;
    top:120px;
    background-position: 0 center;
    }
.pronav-prev:hover{
    background-position: -29px center;
    }
.pronav-next{
    right: -30px;
    top: 120px;
    background-position: -99px center;
    }
.pronav-next:hover{
    background-position: -71px center;
    }
.ind-pronav{
    overflow:hidden;
    }
.swiper-slide{
    width:250px;
    text-align:center;
    }
.swiper-slide a{
    display:block;
    width:250px;
    margin:auto;
    }
.swiper-slide .img{
    height: 250px;
    overflow:hidden;
    position:relative;
    }
.swiper-slide .img img{
    /*width: 100%;*/
    display: block;
}   
.swiper-slide .img img.inproim {
    /*background-color: #f1f1f1;*/
}
.swiper-slide .img span.bg{
    display:block;
    background-color:#000;
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    z-index:5;
    }
.swiper-slide .img  .ico1{
    width: 24%;
    display:block;
    position:absolute;
    top:60%;
    left:50%;
    margin-left:-28px;
    z-index:6;
    opacity:0;
    }
.swiper-slide .con{
    height:120px;
    width:250px;
    padding-top:10px;
    position:relative;
    background-color: #ccc;
    }
.swiper-slide .con span.bg2{
    height:140px;
    width:250px;
    background-color:#333;
    position:absolute;
    left:0px;
    bottom:-190px;
    opacity:0;
    z-index:0;
    }
.swiper-slide .t1{
    color:#fff;
    font-size:16px;
    text-align:center;
    margin-bottom:10px;
    position:relative;
    z-index:2;
    }
.swiper-slide .t2{
    width:230px;
    color:#F9C1C1;
    padding:0 10px;
    text-align:center;
    line-height:2em;
    position:relative;
    z-index:2;
    }   
.ind-mid{
    background-color:#eee;
    height:390px;
    padding-top:50px;
    padding-bottom:20px;
    color:#888;
    line-height:2em;
    }
.ind-mid .tit{
    font-size:17px;
    font-weight:bold;
    margin-bottom:20px;
    color:#000;
    }
.ind-mid .ind-about{
    float:left;
    width:220px;
    height:338px;
    position:relative;
    }
.ind-mid .ind-about img{
    margin-bottom:15px;
    }
.ind-mid .ind-news{
    float:left;
    width:418px;
    height:338px;
    position:relative;
    margin-left:60px;
    }
.ind-mid .ind-news .news-hot,.ind-services .top{
    height:120px;
    margin-bottom:15px;
    }
.ind-mid .ind-news .news-hot .img{
    width:160px;
    height:120px;
    float:left;
    }
.ind-mid .ind-news .news-hot .img img{
/*width: 100%;*/
 width:160px;
    height:120px;
}    
.ind-mid .ind-news .news-hot .con{
    float:right;
    height:120px;
    overflow:hidden;
    width:240px;
    position:relative;
    }
.ind-mid .ind-news .news-hot .con .hd,.ind-services .top .hd{
    font-size:14px;
    margin-bottom:5px;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    }
.ind-mid .ind-news .news-hot .con .date{
    color:#CA0000;
    }
.ind-mid .ind-news .news-hot .con .line,.ind-mid  .ind-services .top .line{
    background-color:#ddd;
    height:2px;
    width:90px;
    position:absolute;
    left:0px;
    bottom:10px;
    }
.ind-mid .ind-news .news-hot .con .line span,.ind-mid  .ind-services .top .line span{
    display:block;
    background-color:#CA0000;
    height:2px;
    width:0px;
    }
.ind-mid .ind-news .news-hot .con .text{
    color:#999;
    }
.ind-mid .ind-news .news-hot a:hover .con .text{
    color:#666;
    }
.ind-mid .ind-news .newslist li{
    background:url(../images/ico2.gif) no-repeat left center;
    padding-left:15px;
    margin-bottom:2px;
    }
.ind-mid .ind-services{
    float:right;
    width:340px;
    height:338px;
    position:relative;
    }
.ind-mid  .ind-services .top .img{
    width:180px;
    height:120px;
    float:left;
    }
.ind-mid  .ind-services .top .con{
    float:right;
    height:120px;
    overflow:hidden;
    width:146px;
    position:relative;
    }


.ind-mid .morebox{
    position:absolute;
    left:0px;
    bottom:0px;
    height:24px;
    width:100%;
    }
.ind-mid .morebox span{
    display:block;
    width:100%;
    height:1px;
    background-color:#ddd;
    position:absolute;
    top:11px;
    }
.ind-mid a{
    color:#999;
    }
.ind-mid a:hover{
    color:#CA0000;
    }
.ind-mid .morebox a{
    display:block;
    width:68px;
    height:24px;
    background-color:#aaa;
    position:absolute;
    left:50%;
    margin-left:-34px;
    text-align:center;
    color:#fff;
    border-radius:4px;
    }
.ind-mid .morebox a:hover{
    background-color:#CA0000;
    box-shadow:3px 3px 3px rgba(0,0,0,.3);
    }

.foot{
    height:230px;
    background-color:#2D2D2D;
    padding-top:40px;
    color:#c9c9c9;
    }
.foot dl{
    float:left;
    width:366px;
    }
.foot dl dt{
    font-size:16px;
    color:#c9c9c9;
    margin-bottom:20px;
    }
.foot dl dd{
    border-right:1px solid #414141;
    height:140px;
    }
.foot dl dd p{
    margin-bottom:12px;
    }
.foot dl.ind-ls{
    width:350px;
    margin-left:40px;
    }
.foot dl.ind-ls dd{
    padding-right:40px;
    }
.foot dl.ind-ftnav{
    width:300px;
    margin-left:40px;
    }
.foot dl.ind-ftnav dd{
    border-right:none;
    }
.foot dl.ind-ftnav dd a{
    color:#999;
    margin-right:10px;
    }
.foot dl.ind-ftnav dd a:hover{
    color:#fff;
    }
.copy{
    background-color:#666;
    height:52px;
    line-height:52px;
    text-align:center;
    color:#ddd;
    }
.copy span{
    margin:0 10px;
    }
.copy span a{
    color:#ddd;
    margin:0 5px;
    }
.copy span a:hover{
    color:#fff;
    }