.wrap{width: 1200px;}
.minwid{min-width:1200px;}
.minheader{position: fixed; top: -70px; left: 0; background: #fff; width: 100%; z-index: 6666; padding: 10px 0; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); display: none; box-shadow: 0 5px 15px -3px rgba(0,0,0,0.21);}
.minheader .logos{width: 200px; padding-top: 3px;}
.minheader .logos img{display: block; margin: 0 auto;}
.minheader .search{margin-left: 175px; height: 40px; line-height: 38px; border: 1px solid #00c090; border-radius: 47px; overflow: hidden;}
.minheader .search .webtxt{float: left; background: #fff; height: 38px; border: none; padding-left: 24px; font-size: 15px; color: #333; width: 500px;}
.minheader .search .webtn{float: right; color: #fff; font-size: 16px; height: 38px; cursor: pointer; border: none; text-align: center; background: linear-gradient(to right,#01c091,#2d9da6); width: 110px;}
.bannerclass{height: 388px; background:#f1f4fb url(../../images/home/v3/bannerbg.jpg) no-repeat bottom center;box-shadow: 5px 5px 15px rgba(0,0,0,.1);}
.bannerclass .wrap{height:100%; padding: 20px 0 0;}
.bannerclass .navmain{background: #fff; width: 235px; position: relative;box-shadow: 5px 5px 5px rgba(0,0,0,.03);}
.bannerclass .zprt{height: 70px;}
.bannerclass .zprt dl{position: relative; height: 100%; padding: 14px 0 0 10px; cursor: pointer; border: 1px solid transparent;}
.bannerclass .zprt dl:after{position: absolute; top: 45%; right:20px; transform: translateY(-50%); width: 8px; height: 8px; border-top: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; transform: rotate(45deg);}
.bannerclass .zprt dl dt{float: left; padding-top: 3px;}
.bannerclass .zprt dl dt img{display: block;}
.bannerclass .zprt dl dd{width: 160px; float: right;}
.bannerclass .zprt dl dd b{color: #333; font-weight: bold; font-size: 16px; display: block;}
.bannerclass .zprt dl dd p{display: block; font-size: 14px; color: #666;}
.bannerclass .zprt:hover dl{border: 1px solid #0773fc;}
.bannerclass .zprt .mansav{position: absolute; top: 0; min-height:350px; width: 935px; border: 1px solid #0773fc; background: #fff; left: 234px; box-shadow: 5px 5px 15px rgba(0,0,0,.06);font-size: 12px; display: none; z-index: 999999;}
.bannerclass .zprt .mansav ul{height: 100%; overflow: hidden; overflow-y: auto;}
.bannerclass .zprt .mansav:before{position: absolute; left: -1px; width: 2px; height: 68px; background: #fff; content: "";}
.bannerclass .zprt:nth-child(1) .mansav:before{top: 0;}
.bannerclass .zprt:nth-child(2) .mansav:before{top: 70px;}
.bannerclass .zprt:nth-child(3) .mansav:before{top: 140px;}
.bannerclass .zprt:nth-child(4) .mansav:before{top: 210px;}
.bannerclass .zprt:nth-child(5) .mansav:before{top: 280px;}
.bannerclass .zprt li{ padding:10px 22px;}
.bannerclass .zprt li b{display: block; font-size: 15px; font-weight: bold; color: #666; margin-left:8px;}
.bannerclass .zprt li span{display: block; line-height: 20px; overflow: hidden; padding-top: 10px; margin-right: -12px;}
.bannerclass .zprt li span a{float: left; display: block; width: 93px; height: 30px; line-height: 28px; text-align: center; font-size: 12px; color: #666; border: 1px solid #dfdfdf; margin:5px 8px; background: #fff; box-shadow:3px 5px 6px rgba(0,0,0,.05);}
.bannerclass .zprt:hover .mansav{display: block;}
.bannerclass .zprt li span.hot a{color: #0773fc; border:1px solid #0773fc;}
.bannerclass .zprt li span a:hover{color: #0773fc;}
.bannerclass .mansav.navs{padding:20px 15px;}
.bannerclass .mansav .parts{ width: 33.33%; float: left; height: 462px; border-right: 1px solid #e2e2e2;padding: 0 10px;}
.bannerclass .mansav .parts:last-child{border: none;}
.bannerclass .mansav .parts .zpt{padding-bottom: 30px;}
.bannerclass .mansav .parts .zpt b{display: block; font-size: 14px; font-weight: bold; color: #313131;}
.bannerclass .mansav .parts .zpt span{display: block; padding-top: 7px; margin: 0 -7px;}
.bannerclass .mansav .parts .zpt a{display: inline-block; color: #666666; font-size: 12px; margin: 7px 0; padding: 0 10px; border-right: 1px solid #e2e2e2;}
.bannerclass .mansav .parts .zpt a:last-child,.bannerclass .mansav .parts .zpt a:nth-child(4n){border-right:none;}
.bannerclass .slider {
margin-left: 13px;
height: 348px;
width: 952px;
border-radius: 6px;
overflow: hidden;
position: relative;
box-shadow: 0px 12px 50px -10px rgba(0, 0, 0, .2);;
}

.bannerclass .slider img {
display: block;
height: 348px;
    width: 100%;
}

.bannerclass .slider .flex-direction-nav {
display: none;
}

.bannerclass .slider .flex-control-nav {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
z-index: 999;
text-align: center;
}

.bannerclass .slider .flex-control-nav li {
display: inline-block;
margin: 0 5px;
}

.bannerclass .slider .flex-control-nav li a {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #fff;
border: 1px solid #ffffff;
line-height: 9999em;
overflow: hidden;
cursor: pointer;
}

.bannerclass .slider .flex-control-nav li a.flex-active {
width: 20px;
background: #ffffff;
}

.bannerclass .rtcontm{display: none;}
.bannerclass .rtcontm li{width: 220px; height: 108px; overflow: hidden; margin-bottom: 12px; background: #fff; position: relative;}
.bannerclass .rtcontm li a{display: block; padding:20px 0 0 17px;}
.bannerclass .rtcontm li img{display: block; transition: all .3s;}
.bannerclass .rtcontm li i{display: block;position: absolute; bottom: 0; right: 0;}
.bannerclass .rtcontm li b{display: block; position: relative; font-size: 15px; font-weight: bold; color: #212121; padding-left:10px; margin-bottom: 10px;}
.bannerclass .rtcontm li b:after{display: block; content: ""; height:16px;width:3px; background: #bcbcbc; position: absolute; top: 50%; transform: translateY(-50%); left: -2px;}
.bannerclass .rtcontm li p{display: block; line-height: 18px; color: #999999; font-size: 13px; padding-left: 11px;}



.thematic {
    padding: 15px 0
}

.thematic .cont {
    margin: 0 -10px
}

.thematic .cont .part {
    float: left;
    margin: 0 9px;
    border: 1px solid #ededed;
    width: 226px;
    background: #fff;
    padding: 8px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.1)
}

.thematic .cont .part .pic {
    overflow: hidden;
    overflow: hidden
}

.thematic .cont .part .pic img {
    display: block;
    width: 100%;
    transition: all .6s
}

.thematic .cont .part:hover img {
    transform: scale(1.05)
}

.thematic .cont .part .word {
    padding: 12px 3px 0
}

.thematic .cont .part .word b {
    display: block;
    height: 24px;
    line-height: 24px;
    white-space: normal;
    font-size: 15px;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #333
}

.thematic .cont .part .word span {
    overflow: hidden;
    font-size: 13px;
    color: #888;
    line-height: 24px
}

.thematic .cont .part .word span i {
    float: left;
    width: 165px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.thematic .cont .part .word span em {
    float: right
}




/* 专题 */
.smbanner{height: 194px;}
.smbanner.duanwu{background: url(../../images/home/v3/duanwubanner.jpg) no-repeat center;}
.smbanner.hunli{background: url(../../images/home/v3/hunlibanner.jpg) no-repeat center;}
.smbanner.pinpai{background: url(../../images/home/v3/pinpaibanner.jpg) no-repeat center;}
.smbanner.wuerl{background: url(../../images/home/v3/wuerlbanner.jpg) no-repeat center;}
.smbanner.yaoqing{background: url(../../images/home/v3/yaoqingbanner.jpg) no-repeat center;}
.ztmian{padding: 40px 0;}
.ztmian .titles{text-align: center; font-size:px;}
.ztmian .titles a{display: inline-block; width: 97px; height: 40px; border-radius: 40px; line-height: 40px; background: #f3f4f9; font-size: 14px; color: #333; margin: 0 23px;}
.ztmian .titles a.on{color: #fff; background: linear-gradient(to right,#1dd7ac,#01bf91);}


@media(min-width: 1600px) {
    .wrap{width: 1400px;}
    .minwid{min-width:1400px;}
    .bannerclass .rtcontm{display: block;}
    .bannerclass .swiper-container,
    .bannerclass .swiper-container .swiper-slide{width: 920px;}
    .thematic .cont .part {
        width: 266px
    }
    .bannerclass .slider{width: 920px}
}



@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}
@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}