/* 通用css初始化 */
body{ margin: 0;padding: 0;font-family: "微软雅黑";overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
/* 通用css初始化 */

/* banner */
.banner{
    width:100%;
    height: 500px;
    background: url(../images/hzp_banner.png) no-repeat center;
    overflow: hidden;
}
.bannerBtn{
    width:217px;
    height: 66px;
    display: block;
    margin: 380px auto 0 auto;
    background: url(../images/hzp_bannerBtn.png) no-repeat;
}
/* banner */

/* part01 */
.part01{
    background: #fff;
}
.wp-main{
    width:1200px;
    height: 1025px;
    margin: 0 auto;
}
.left_dh{
    width:182px;
    height: 659px;
    float: left;
    margin-top: 5px;
    background: url(../images/left_dhbg.png) no-repeat;
}
.dh_title{
    height: 60px;
    padding: 30px 5px;
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    text-transform:uppercase;
    letter-spacing:-1px;
}
.dh_title span{
    font-size: 12px;
    line-height: 15px;
}
.left_dh li{
    width:168px;
    margin-left: 7px;
    float: left;
    font-size: 18px;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
}
.left_dhdef{
    background: url(../images/leftdh_def.png) no-repeat  15px center;
    height: 55px;
    border-bottom: 1px #ccc solid;
    color: #333333;
}
.left_dhact{
    background: url(../images/leftdh_active.png) no-repeat;
    height: 56px;
    color: #fff;
}
.left_dh .more{
    width:140px;
    height: 43px;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin: 15px 0 0 7px;
    text-decoration: none;
}
.content{
    width:955px;
    height: auto;
    float: right;
}
.title{
    width:100%;
    height: 50px;
    margin-top: 60px;
    font-size: 36px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    color: #3e3d3d;
}
.titlep{
    width:100%;
    height: 25px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-weight: normal;
    color: #444444;
}
.part01cont{
    width:100%;
    height: auto;
    margin-top: 60px;
}
.part01div{
    width:300px;
    height: 345px;
    float: left;
    margin:20px 12px;
    border: 1px #ccc solid;
    border-radius: 12px;
}
.part01div img{
    width:300px;
}
.part01div a{
    width:300px;
    height: 55px;
    display: block;
    background: url(../images/part01a.png) no-repeat bottom center;
    font-size: 22px;
    line-height: 55px;
    color: #036eb2;
    text-align: center;
    text-decoration: none;
}
.part01div p{
    width:300px;
    height: 25px;
    font-size: 18px;
    line-height: 25px;
    color: #565656;
    text-align: center;
}
.part01div div{
    width:183px;
    height: 42px;
    margin:0 auto;
    background: url(../images/part01Btn_active.png) no-repeat;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.part01div div:hover{
    background: url(../images/part01Btn.png) no-repeat;
}

/* part02 */
.part02{
    width:100%;
    height: 1039px;
    background: url(../images/part02.png) no-repeat center;
}

.part02cont{
    width:100%;
    height: auto;
    margin-top: 60px;
}
.part02div{
    width:100%;
    height: 160px;
    float: left;
    margin:15px 0;
    background: #f6f7f7;
    position: relative;
}
.part02div img{
    width:250px;
    position: absolute;
    top:0;
    left: 0;
}
.part02div a{
    width:164px;
    height: 84px;
    position: absolute;
    top:38px;
    left: 43px;
    background: url(../images/part02a.png) no-repeat;
    font-size: 24px;
    line-height: 84px;
    color: #036eb2;
    text-align: center;
    text-decoration: none;
}
.part02div p{
    width:450px;
    position: absolute;
    left: 295px;
    top: 0;
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    text-align: left;
}
.part02div span{
    width:160px;
    height: 160px;
    display: block;;
    position: absolute;
    top:0;
    right: 0;
    background: #fff;
}

.part02div div{
    width:120px;
    height: 42px;
    border-radius: 5px;
    position: absolute;
    top:56px;
    right: 20px;
    background: #ff8f00;
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.part02div div:hover{
    background: #ff6600;
}

/* part03 */
.part03{
    width:100%;
    height: 1093px;
    background: url(../images/part03.png) no-repeat center;
}
.part03cont{
    width:100%;
    height: auto;
    margin-top: 60px;
}
.tabs{
    width:789px;
    height: 96px;
    margin:0 auto;
    background: url(../images/tabs.png) no-repeat;
    overflow: hidden;
}
.tab{
    width:195px;
    height: 84px;
    float: left;
    background: none;
    font-size: 20px;
    line-height: 84px;
    color: #666666;
    text-align: center;
    cursor: pointer;
    margin-top: 3px;
}
.tab_acitve{
    background: url(../images/tab_active.png) no-repeat;
    color: #fff;
}
.tabcont{
    width:843px;
    height:544px;
    margin: 55px auto 0 auto;
}
.tabimg{
    width:843px;
    height:544px;
    display: none;
}
.part03Btn{
    width:228px;
    height: 66px;
    display: block;
    margin: 60px auto 0 auto;
    background: url(../images/part03Btn.png) no-repeat;
}

/* part04 */
.part04{
    width:100%;
    height: 900px;
    background: url(../images/part04.png) no-repeat center;
}
.part04cont{
    width:100%;
    height: auto;
    margin-top: 60px;
}

.view .swiper-container { height: 304px;width: 100%; }
.view .swiper-wrapper{ width:702px; height: 304px; margin: 0 auto;}
.view:hover .arrow{display: block;}
.view .arrow{position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 10; }
.view .arrow-left {background: url("../images/prev.png") no-repeat center; left: 10px;}
.view .arrow-right {background: url("../images/next.png") no-repeat center; right: 10px;}
.preview { width: 100%; height:190px;margin-top: 60px;position: relative;}
.preview .swiper-container{width: 100%; height:190px;}
.preview .swiper-slide {padding: 0 2px;width: 180px;height: 145px; margin-top: 45px; background: none;}
.preview .swiper-slide img{width: 180px;height: 145px; margin: 0;}
.preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 9px; height: 18px;z-index: 10;}
/* .preview .arrow-left {background: url("../images/arrow-left.png") no-repeat center;left: 10px;} */
/* .preview .arrow-right {background: url("../images/arrow-right.png") no-repeat center;right: 10px;} */
/* .preview .active-nav{padding: 0; margin-top: 25px;width: 192px;height: 152px; background: url(../images/part04act.png) no-repeat;}
.preview .active-nav img{ margin: 3px 6px;} */
.preview .active-nav{padding: 0; margin-top: 25px; background: url(../images/part04act.png) no-repeat;}
.preview .active-nav img{width:174px; height: 135px; margin: 1px 0 0 1px;}

.show{
    display: block;
}

/* part05 */
.part05{
    width:100%;
    height: 655px;
    background: none;
}
.part05cont{
    width:100%;
    height: auto;
    margin-top: 60px;
}
.part05cont img{
    width:861px;
    height: 409px;
    display: block;
    margin: 0 auto;
}

/* part06 */
.part06{
    width:100%;
    height: 700px;
    background:none;
}
.part06cont{
    width:100%;
    height: 480px;
    margin-top: 60px;
}
.part06cont .left{
    width:620px;
    height: auto;
    float: left;
}
.part06cont .right{
    width:300px;
    height: auto;
    float: left;
}
.part06Btn{
    width:228px;
    height: 66px;
    display: block;
    margin: 40px auto 0 auto;
    background: url(../images/part06Btn.png) no-repeat;
}