html{ overflow:auto; overflow-x: hidden; }
body{ font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma;color:#333; margin:0; padding:0; background: #f1f1f1; }
p{ margin:0;padding: 0 0 10px;}
p1{ margin:0;padding: 0 0 10px;font-size: 16px;}
ul,li{list-style:none outside none; margin:0; padding:0;}
a{text-decoration:none;color:#333; text-decoration:none; }
a:hover,a:focus{ color:#23527c; text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
img{border:0;}
hr{ border:0; border-bottom:1px solid #eee; margin:10px 0; clear: both; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-family: inherit;font-weight: 100 !important;line-height: 1.1;color: inherit;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: 100 !important;}
h1,h2,h3{margin-top: 20px;margin-bottom: 10px;}
h4,h5,h6{margin-top: 10px;margin-bottom: 10px;}
h1{ font-size: 36px; }
h2{ font-size: 30px; }
h3{font-size: 24px; }
h4{ font-size: 18px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
h7{ font-size: 32px; }
dl{ margin: 0; }
dt{ font-weight:700;}
dd{ margin-left:0; }

.tmz-st{ font-family: "瀹嬩綋","SimSun","Arial Narrow",HELVETICA; }
.tmz-yh{ font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma;}
.tmz-cb{ clear: both; }
.tmz-con{ width:1266px; margin:0 auto;overflow: hidden; }
.tmz-tal{ text-align: left; }
.tmz-tac{ text-align: center; }
.tmz-tar{ text-align: right; }
.tmz-fl{ float: left; }
.tmz-fr{ float: right; }
.tmz-col{ float:left; }
.tmz-col-auto{ overflow: hidden; _zoom: 1; _float: left; }
.tmz-h10{ height: 10px; overflow: hidden; clear: both; }
.tmz-h20{ height: 20px; overflow: hidden; clear: both; }
.tmz-h30{ height: 30px; overflow: hidden; clear: both; }
.tmz-h40{ height: 40px; overflow: hidden; clear: both; }
.tmz-h50{ height: 50px; overflow: hidden; clear: both; }
.tmz-h60{ height: 60px; overflow: hidden; clear: both; }
.tmz-h70{ height: 70px; overflow: hidden; clear: both; }

.tmz-h80{ height: 80px; overflow: hidden; clear: both; }
.tmz-h100{ height: 100px; overflow: hidden; clear: both; }
.tmz-h120{ height: 120px; overflow: hidden; clear: both; }
.tmz-h140{ height: 140px; overflow: hidden; clear: both; }
.tmz-h150{ height: 150px; overflow: hidden; clear: both; }
.tmz-show{ display: block; }
.tmz-hide{ display: none; }
.tmz-nowrap,.tmz-nowrap li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




.header{}
.header .top{
    height: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    text-align: right;
    line-height: 45px;
    font-size: 20px;
    color: #eee;
    padding-right: 50px;
}
.header .top .a{
    display: inline-block;
    height: 40px;
    position: relative;
    text-align: center;
    padding: 0 6px;
}
.header .top .a img{
    width: 65%;
}
.header .top .en{
    cursor: pointer;
    padding: 0 13px;
    margin-left: 15px;
}
.header .top .a.en img{
    width: auto;
}
.header .top .en i{
    display: block;
    height: 20px;
    width: 1px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 13px;
}
.header .top .ens{
    position: absolute;
    top: 100%;
    right: 0;
    font-size: 16px;
    border: 1px solid #eee;
    border-bottom: 0;
    text-align: center;
    min-width: 100px;
    display: none;
}
.header .top .en:hover .ens{
    display: block;
}
.header .top .ens a{
    display: block;
    border-bottom: 1px solid #eee;
    height: 36px;
    line-height: 36px;
    color: #fff;
}
.header .top2{
    height: 80px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.header .top2 .logo{
    display: block;
    padding-left: 50px;
    line-height: 80px;
}
.header .top2 .logo img{
    vertical-align: middle;
}
.header .top2 .right .li{
    height: 80px;
    border-left: 1px solid rgba(255,255,255,0.6);
    float: left;
}
.header .top2 .right{
    margin-right: 50px;
}
.header .top2 .right .li .a{
    display: block;
    height: 80px;
    padding: 0 40px;
    position: relative;
    /*width: 100px;*/
}
.header .top2 .right .li .a.search{
    text-align: center;
    line-height: 80px;
    padding: 0 25px;
}

.header .top2 .right .li .a:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.header .top2 .right .li .a:hover:after{
    width: 100%;
}
.header .top2 .a img{
    vertical-align: middle;
    width: 30px;
    height: 30px;
}
.header .top2 .right .li .a.menu{
    background: url(../images/menu_b.png) no-repeat center center;
    background-size: 25px 28px;
}
.header .top2 .right .li .a.menu_hover{
    background-image: url(../images/menu_h.png);
}
.header-replace{
    height: 635px;
}

/* .banner{
    background: url(../images/news_bg.jpg) no-repeat center center;
} */

.banner {
	background-image: url(/statics/kdp/images/abg_ls.jpg);
	background-repeat: no-repeat;
	background-position:center center;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	height: 800px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: -1;
	background-size: cover;
}
.banner.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/abg.jpg);
}

.news-list .item{
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #ccc;
}
.news-list a{
    display: block;
    padding: 25px 0;
    overflow: hidden;
}
.news-list .hover a{
    padding: 0;
}
.news-list .item .tit{
    color: #305386;
    font-size: 18px;

}
.news-list .item .desc{
    padding: 20px 0;
    font-size: 14px;
    color: #6a6967;
}
.news-list .item .detail{
    display: none;
}
.news-list .thumb{
    width: 220px;
    float: right;
    margin-left: 50px;
}
.news-list .item .time,.news-list .item .detail,.news-list .item .detail a{
    color: #a7a8ac;
    font-size: 14px;
}
.news-list .item.hover{
    background: #f1f1f1;
    padding: 0;
}
.news-list .item.hover .tit{
    font-size: 20px;
}
.news-list a * {
    display: block;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}
.news-list a .txt{
    position: relative;
    left: 0;
}
.news-list a:hover .txt{
    left: 30px;
}
.news-list a:hover{
    background: #f1f1f1;
}
.news-list .item.hover .detail{
    display: block;
}
.news-list .item.hover .time{
    display: none;
}
.news-list .item.hover .thumb{
    float: left;
    margin: 0 100px 0 0 ;
    width: 540px;
    height: 300px;
}
.news-list .item.hover .txt{
    padding: 60px 60px 0 60px;
}


.cateimg{
    text-align: center;
    height: 300px;
    background: url(../images/catebg.jpg) no-repeat center top;
}
.cateimg h2{
    display: none;
}

.crumbs {
    background-color: #f7f7f7;
    height: 60px;
    line-height: 60px;
    margin-bottom: 30px;
    color: #333;
}
.crumbs a{
    color: #333;
    text-decoration: none;
}

.tmz-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
.tmz-flex-1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}


.pa-t1{
    padding: 50px 0 30px;
    font-size: 22px;
}
.pa-t2,.pa-t3{
    font-size: 20px;
    margin-bottom: 20px;
}
/*about*/
.asubnav{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
}
.asubnav .container{
    border-top: 1px solid rgba(255,255,255,.2);
}
.asubnav .li{
    color: #fff;
    padding-top: 22px;
    padding-bottom: 20px;
    display: block;
}
.asubnav .li span{
    display: block;
    text-align: center;
    font-size: 20px;
}
.asubnav .li .cn{

}
.asubnav .li .en{
    text-transform:uppercase;
    font-size: 12px;
}

.about{
    padding-top: 75px;
}
.about1{
    padding-top: 0px;
}
#mao1{
    color: #666;
    margin-bottom: 50px;
}
.about .ywn{
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 10px;
}
.about1 .ywn{
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 10px;
}
.about .h1{
    text-align: center;
    margin: 0;
    padding: 0;
}
.about .intro{
    padding: 40px 20px 0;
    text-align: center;
    margin-bottom: 40px;
    font-size: 16px;
}
.about .jj .txt{
    margin-right: 50px;
}
.about .jj .tit{
    color: #414141;
    margin-bottom: 50px;
    text-align: left;
}

.about .jj .tit img{
    vertical-align: middle;
    width: 45px;
}
.about .jj .jit{
    font-size: 16px;
}

.about100{
    padding-top: 1px;
}
#mao100{
    color: #666;
    margin-bottom: 50px;
}
.about100 .ywn{
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 10px;
}
.about100 .h1{
    text-align: center;
    margin: 0;
    padding: 0;
}
.about100 .intro{
    padding: 40px 20px 0;
    text-align: center;
    margin-bottom: 40px;
    font-size: 16px;
}
.about100 .jj .txt{
    margin-right: 50px;
}
.about100 .jj .tit{
    color: #414141;
    margin-bottom: 50px;
    text-align: left;
}

.about100 .jj .tit img{
    vertical-align: middle;
    width: 45px;
}
.about100 .jj .jit{
    font-size: 16px;
}

.ayy{
	padding: 70px 0 90px; 
	color: #fff;
	background-image: url(/statics/kdp/images/abg1_ls.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	background-size: cover;
}
.ayy.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/abg1.jpg);
}
.ayy .bk .box{
    background: #ffffffcf;
    margin-bottom: 20px;
}
.ayy .bk .name{
    color: #222;
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
}
.ayy .intro{
    /*color: #ccc;*/
    margin-bottom: 50px;
}

.ayy .bk .x{
    padding: 5px;
}
.ayy .bk .x i{
    background: #848484;
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 80px;
}
.ayy .bk .nr{
    padding: 15px 25px;
    min-height: 120px;
    color:#333;
}
#mao3{
    background: url(../images/jzbg.jpg) no-repeat center top;
    color: #e2e2e2;
}
.awh{
    padding: 45px 0;
}
.awh .nr{
    text-align: center;
}
.awh .introo{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.awh .introo span{
    color: #1f79b8;
}
.awh .ywnjg{
    height: 30px;
}
.jz2{
    padding: 50px 0;
}
.jz2 .tit{
    background: #424244;
    padding: 10px 0;
    color: #fff;
    line-height: 1.2;
    text-align: center;
}
.jz2 .nrr{
    padding: 20px 0;
    text-align: center;
}
.jz2 .nrr .t{
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom: 15px;
}
.jz2 .nrr .t img{
    vertical-align: middle;
}

.alc{
	padding-top: 100px;
	color: #e2e2e2;
	background-image: url(/statics/kdp/images/abg2_ls.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	background-size: cover;
}
.alc.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/abg2.jpg);
}
.alc .intro{
    color: #ccc;
}

.alc .lctime{
    margin-bottom: 150px;
}
.alc .lctime .li{
    width: 20%;
    float: left;
}
.lctime .li b{
    display: block;
    font-size: 22px;
    text-align: center;
    font-weight: 100;
}
.lctime .xx{

}
.lctime .xx .lr{

}

.lctime .xx .lr i{
    display: block;
    height: 2px;
    background: #fff;
    width: 100%;
    margin-top: 4px;
}
.lctime .li .c{
    margin: 0 3px;
}
.lctime .li .c i{
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 0 auto;
    background: #fff;
    border: 3px solid transparent;
}
.lctime .g{
    clear: both;
}
.alcbox{

}
.alcbox{
    margin: 15px 25px;
}
.alcbox dt{
    font-size: 22px;
    color: #000;
    padding: 15px 0 10px;
    border-bottom: 1px solid #d9d8de;
    font-weight: 100;
}
.alcbox dd{
    padding: 10px 0 0 0px;
}
.alcbox dd .li{
    height: 45px;
    line-height: 45px;
}
.alcbox{}


.dc-hg{
    text-align: center;
    font-size: 16px;
    color: #3d3d3d;
}
.dc-hg h1{
    padding: 50px 0 30px;
}
.dc-hg .li{
    margin-bottom: 100px;
    overflow: hidden;
}
.dc-hg p{
    padding: 0 20px;
}
.dc-hg img{
    width: 100%;
}
.dc-hg h2{
    /*font-size: 32px;*/
    padding: 15px 0;
}
.dc-lx{
	color: #fff;
	text-align: center;
	background-color: #000;
	background-image: url(/statics/kdp/images/dclxbg_ls.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	background-size: cover;
}
.dc-lx.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/dclxbg.jpg);
}
.dc-lx .h1{
    padding: 0px 0 80px;
    margin: 0;
}
.dc-lx .li{
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 120px;
}
.dc-lx .li .thumb{
    max-width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden;
    background: #efefefba;
    margin: 0 auto;
}
.dc-lx .li .thumb img.two{
    display: none;
}
.dc-lx .li:hover .thumb{
    background: rgba(54, 82, 225, 0.7);
}

.dc-lx .li .thumb2{
    max-width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden;
    background: #efefefba;
    margin: 0 auto;
}
.dc-lx .li .thumb2 img.two{
    display: none;
}
.dc-lx .li:hover .thumb2{
    background: rgba(54, 82, 225, 0.7);
}
.dc-lx .li:hover .thumb2 img.one{
    display: none;
}
.dc-lx .li:hover .thumb2 img.two{
    display: inline;
}

.dc-lx .li .thumb3{
    max-width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden;
    background: #efefefba;
    margin: 0 auto;
}
.dc-lx .li .thumb3 img.two{
    display: none;
}
.dc-lx .li:hover .thumb3{
    background: rgba(54, 82, 225, 0.7);
}
.dc-lx .li:hover .thumb3 img.one{
    display: none;
}
.dc-lx .li:hover .thumb3 img.two{
    display: inline;
}

.dc-lx .li .thumb4{
    max-width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden;
    background: #efefefba;
    margin: 0 auto;
}
.dc-lx .li .thumb4 img.two{
    display: none;
}
.dc-lx .li:hover .thumb4{
    background: rgba(54, 82, 225, 0.7);
}
.dc-lx .li:hover .thumb4 img.one{
    display: none;
}
.dc-lx .li:hover .thumb4 img.two{
    display: inline;
}

.dc-lx .li:hover .thumb img.one{
    display: none;
}
.dc-lx .li:hover .thumb img.two{
    display: inline;
}
.dc-lx .tit{
    padding: 25px 0;
}
.dc-lx .tit a{
    color: #fff;
}
.dc-lx .intro{
    /*font-size: 24px;*/
}

.dc-js1{}
.dc-js1 .h1{
    text-align: center;
    padding: 50px 0 0px;
}

.dc-js{}
.dc-js .h1{
    text-align: center;
    padding: 50px 0 40px;
}
.dc-js .lis{}
.dc-js .lis .li{
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
}
.dc-js .lis a{
    display: block;
    color: #222;
}
.dc-js .lis .thumb{
    /*width: 160px;*/
    /*margin-right: 10px;*/
}
.dc-js .lis .thumb img{
    width: 100%;
}
.dc-js .lis .txt{
    padding-left: 0;
}
.dc-js .lis .tit{
    margin-bottom: 10px;
}
.dc-js .lis .intro{
    line-height: 1.2;
    color: #595959;
}
.dc-js{}
.hdp{
    margin-bottom: 50px;
}
.hdp .li{
    width: 20%;
    float: left;
}
.hdp .li img{
    width: 95%;
}
.hdp .li.left{ text-align: left; }
.hdp .li.center{ text-align: center; }
.hdp .li.right{ text-align: right; }
.hdp .content{
    /*font-size: 24px;*/
    padding: 30px 50px 80px;
    clear: both;
}
.swiper-pagination-dc .swiper-pagination-bullet{
    width: 20px;
    height: 20px;
    background: #000;
}
.swiper-pagination-dc{
    bottom: 0;
    clear: both;
    z-index: 8;
}
.wl{

}
.wl .h1{
    text-align: center;
    padding: 70px 0;
    font-weight: 200;
}

.mywl .h1{
    text-align: center;
    padding: 20px 0;
    font-weight: 200;
}

.wl .fwbox{
    border: 1px solid #00000052;
    text-align: center;
    height: 200px;
    padding-top: 30px;
    /*font-size: 36px;*/
    width: 90%;
}
.wl .fwbox_c{
    margin: 0 auto;
}
.wl .fwbox_r{
    float: right;
}
.wl .fwbox .img{
    padding: 10px 0;
}
.wl .fwbox .img img{
    height: 70px;
}
.wljs{
    clear: both;
    padding-top: 160px;
}
.wljs .img{  }
.wljs .txt {
    /*font-size: 22px;*/
    color: #222;
}

.jsy{
    margin-bottom: 130px;
}
.jsy .box{}
.jsy .box{
    font-size: 20px;
    color: #202020;
}
.jsy .box b{
    font-size: 80px;
    color: #31417c;
    position: relative;
    top: -25px;
    font-weight: normal;
}
.jsy .box_c{text-align: center}
.jsy .box_r{text-align: right}


.jd1{
    margin-top: 300px;
    padding-top: 60px;
    padding-bottom: 20px;
    background: rgba(49,49,49,.9); no-repeat center top;
    color: #fff;
}

.jd11{
    padding-top: 80px;
    padding-bottom: 40px;
    background: #4b4b49 url(/statics/kdp/images/bcb.jpg) no-repeat center top;
    color: #fff;
}

.jd1 .txt{
    margin-bottom: 80px;
    font-size: 16px;
    color:#d3d3d3;
}
.jd1 .jj .li{
    width: 30%;
    float: left;
}
.jd1 .jj .li_l{
    width: 25%; }
.jd1 .jj .li_c{  width: 40%; text-align: center; }
.jd1 .jj .li_r{ width: 35%; text-align: right; }
.jd1 .jj .li b{
    font-size: 80px;
    color: #d9b59b;
    position: relative;
    top: -25px;
    font-weight: 200;
}
.jd3{
    overflow: hidden;
}
.jd3 .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.jd3 .swiper-slide {
    background-size: cover;
    background-position: center;
}

.jd3 .gallery-top {
    height: 80%;
    width: 100%;
}
.jd3 .gallery-thumbs {
    box-sizing: border-box;
    padding: 30px 0;
    width: auto;
    background: #fff;
}

.jd3 .gallery-thumbs .swiper-slide {
    height: 100%;
    /*opacity: 0.4;*/
}

.jd3 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.jd3 .gallery-thumbs img{
    height: 90px;
    width: 100%;
}
.jd3t{
    position: relative;
    color: #222;
}
.jd3t .l{
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
}
.jd3t .r{
    margin-left: 33%;
}
.jd3 .swiper-slide img{
    display: block;
    width: 100%;
}
.jd3 .l .tl{
    margin-bottom: 10px;
}
.jd3 .l .tl img{
    max-width: 230px;
}
.jd3 .l .msjs{
    font-size: 16px;
}
.jd3 .l .tit{
    font-size: 24px;
    margin-bottom: 30px;
}

.jd3 .swiper-slide {
    position: relative;
}
.jd3 .swiper-slide .ftit{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.4);
    color: #353533;
    font-size: 22px;
    padding: 5px;
}

.morejd{
    position: relative;
}
.morejd .mbj{
    background: #021125;
    width: 30%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.morejd .tit{
    font-size: 58px;
    color: #fff;
    writing-mode:vertical-lr;
    padding-top: 115px;
    padding-right: 30px;
}
.jdli{
    margin: 5px 5px 15px 20px;
    background: #fff;
    -moz-box-shadow:2px 2px 5px #666;
    -webkit-box-shadow:2px 2px 5px #666;
    box-shadow:2px 2px 5px #666;

}
.jdli .thumb img{
    width: 100%;
    height: 300px;
}
.jdli .txt{
    padding: 15px;
    font-size: 12px;
}
.jdli .t{
    font-size: 18px;
}
.jdli .tg{
    padding-top: 15px;
    clear: both;
}
.jdli .tg .lg{
    max-height: 40px;
}
.jdli .jjie{
    margin-bottom: 15px;
}
.jdli .jdjt{
    text-align: center;
    border: 1px solid #111;
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
}
.jdli .jdjt img{
    vertical-align: middle;
}
.morejd{
    padding: 65px 0;
    overflow: hidden;
}
.jdfdh{
    background: #bc7d5c;
    color: #fff;
    text-align: center;
}
.jdfdh .ght{ padding: 20px 0;}
.jdfdh .ght2{ padding: 20px 0; }
.jdfdh .dh1{  }
.jdfdh .ewm{
    padding: 36px 0;
}
.jdfdh .ght{}
.jdfdh .ght{}

.mygd{
    background: #9e9d9dcc;
    margin-bottom: 35px;
    height: 345px;
}
.mygd .bo{
    width: 80%;
    margin: 0 auto;
}
.mygd .swiper-pagination-bullet{
    background: #fff;
    width: 20px;
    height: 20px;
    opacity: 1;
}
.mygd .swiper-pagination-bullet-active{
    background: #31417c !important;
}
.mygd .swiper-container {
    width: 100%;
    height: 345px;
}
.mygd .box{
    /*font-size: 24px;*/
    color: #fff;

}
.zgs{
    border: 1px solid #c0c1c4;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 40px;
}

.mygd .tx{
    padding-top: 70px;
}
.mygd .tx img{
    width: 160px;
    height: 160px;
    background: #0b3b8c;
    border-radius: 50%;
    margin-right: 45px;
}
.mygd .x{
    padding: 15px 0;
    clear: bottom;
    padding-left: 25px;
}
.mygd .x i{
    display: block;
    height: 2px;
    background: #fff;
    width: 30%;
}
.mygd .t{
    color: #0b3b8c;
    padding-left: 25px;
}
.mygd .zy{

    padding-left: 25px;
}
.mygd .nr{
    position: relative;
    margin-top: 50px;
    padding: 25px;
    padding-bottom: 10px;
    margin-right: 50px;
    font-size: 16px;
}
.mygd .y{
    position: absolute;
    font-family: auto;
    font-size: 40px;
    color: #0b3b8c;
    line-height: 60px;
}
.mygd .yl{
    left: 0;
    top: 0;
}
.mygd .yr{
    right: 0;
    bottom: 0;
}

.f66{font-size: 14px;color: #888;}
.f64{font-size: 14px;}
.f62{font-size: 16px;}
.f60{font-size: 60px;}
.f58{font-size: 58px;}
.f56{font-size: 56px;}
.f54{font-size: 54px;}
.f52{font-size: 52px;}
.f50{font-size: 50px;}
.f48{font-size: 48px;}
.f46{font-size: 46px;}
.f44{font-size: 44px;}
.f42{font-size: 42px;}
.f40{font-size: 40px;}
.f38{font-size: 38px;}
.f36{font-size: 36px;}
.f34{font-size: 34px;}
.f32{font-size: 32px;}
.f30{font-size: 30px;}
.f28{font-size: 28px;}
.f26{font-size: 26px;}
.f24{font-size: 24px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f14{font-size: 12px;}
.f12{font-size: 12px;}
.f10{font-size: 10px;}


.zz1{
    background: #9e887a;
    padding: 60px 0 0px;
}
.zz1 .li{
    width: 20%;
    float: left;
    position: relative;
}
.zz1 .li .bx{
    border:2px solid #f6f6f6;
    height: 145px;
    text-align: center;
    line-height: 145px;
}
.zz1 .li .bb{
    background: #f6f6f6;
    color: #9e887a;
}
.zz1 .li .bb .xz{
    padding: 25px 0;
    text-align: center;
    line-height: 1.2;
}
.zz1 .li .bb .nr{
    padding: 0 30px;
    line-height: 1.2;
}
.zz1 .li .bb .nr p{
    padding-bottom: 30px;
}
.zz1 .env{
    top: 145px;
}
.zz1 .env .bb{
    background: #a89f9d;
    color: #fff;
}
.zz1 .env .bx{
    border-left:0;
    border-right:0;

}
.zz3 .zznav{
    -moz-box-shadow: 2px 2px 5px #ddd;
    -webkit-box-shadow: 2px 2px 5px #ddd;
    box-shadow: 2px 2px 5px #ddd;
    overflow: hidden;
    position: relative;
    top: -75px;
    background: #fff;
    font-size: 20px;
}
.zz3 .zznav .zli{
    width: 20%;
    float: left;
    text-align: center;
    display: block;
    padding: 30px 0;
}
.zz3 .zznav .zli img{
    display: block;
    margin: 0 auto;
    width: 25%;
    height: 60px;
}

.zz2 .x{
    height: 10px;
    line-height: 10px;
}
.zz3 .zznav .zli span{
    color: #000;
    display: block;
    padding-top: 10px;

}
.table>tbody>tr.zpb>td{
    padding: 0;
    border: 0;
}
.zpbnr{
    display: none;
    background: #EEEEEE;
    padding: 25px;
    font-size: 14px;
}
.banner_txt{
    color: #fff;
    position: relative;
    height: 670px;
}
.banner_txt .h1{
    margin-bottom: 20px;
}
.banner_txt .intro{
    font-weight: 200;
}
.banner_txt .h1{
    padding: 200px 0 30px;
    font-size: 45px;
    margin: 0;
}
.banner_txt .h100{
    padding: 250px 0 350px;
    font-size: 45px;
    margin: 0;
}
.banner_txt .intro{
    font-size: 26px;

}
.banner_txt .intro1{
    font-size: 16px;

}
body.bgf{
    background: #fff;
}
body.bgg{
    background: #f1f1f1;
}

.xzl{}
.xzl .container{

}
.xzl .left{
}
.xzl .right{
    color: #646464;
}
.xzl .tit{
    /*font-size: 62px;*/
}
.xzl .nr{
    /*font-size: 28px;*/
}
.xzl .more{
    padding-top: 30px;
}
.xzl .more a{
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
    color: #fff;
    background: #2d649d;
}

.xzlxq{
    /*padding-top: 350px;*/
    background:#eaeaea url(/statics/kdp/images/822.jpg) no-repeat center top;
    /*padding-bottom: 100px;*/

}
.xzlxq .box{
    background: #2d649d;
    overflow: hidden;
    color: #fff;
}
.xzlxq .lb{
    width: 50%;
    float: left;
    background: url(/statics/kdp/images/805.jpg) repeat left top;
}
.xzlxq .rb{
    text-align: right;
    width: 50%;
    float: left;
    line-height: 30px;
}
.xzlxq .rb .txt{
    padding: 40px 25px;
}
.xzlxq .lb{
    padding: 30px 45px 15px;
}
.xzlxq .lb .li{
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 15px;
}
.xzlxq .lb .li a{
    padding: 0 15px;
    color: #fff;
}
.xzlxq .tt{
    margin-bottom: 30px;
    font-size: 18px;
    color: #646464;
    font-weight: 200;
}
.xzlxq .tt_2{
    text-align: center;
}
.xzlxq .tt_3{
    text-align: right;
}
.xzlxq .dh{
    font-size: 40px;
    text-align: right;
}
.xzlxq .dh .l2{
    font-size: 44px;
}
.xzl .ewmbox{
    text-align: right;
}
.xzl .ewmbox img{
    max-height: 180px;
}

/*鍏敤*/
.tz-js{
    background: #333 url(/statics/kdp/images/tz-js.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 40px;
}

/*鎶曡祫*/
.tz-js3{
    background: #333 url(/statics/kdp/images/tz-js.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

/*鍦颁骇*/
.tz-js1{
    /* background: #333 url(/statics/kdp/images/tz-js.jpg) no-repeat center top; */
    background-size: cover;
    color: #fff;
    font-size: 24px;
    margin-top: 300px;
    background: rgba(49,49,49,.9);
}


.tz-js8{
    /* background: #333 url(/statics/kdp/images/tz-js.jpg) no-repeat center top; */
    background-size: cover;
    color: #fff;
    font-size: 24px;
    margin-top: 300px;
    background: rgba(49,49,49,.9);
}


.tz-js9{
    /* background: #333 url(/statics/kdp/images/tz-js.jpg) no-repeat center top; */
    background-size: cover;
    color: #fff;
    font-size: 24px;
    margin-top: 300px;
    background: rgba(49,49,49,.9);
}




/*璐告槗*/
.tz-js2{
    /* background: #333 url(/statics/kdp/images/tz-js.jpg) no-repeat center top; */
    background-size: cover;
    color: #fff;
    font-size: 16px;
    margin-top: 300px;
    background: rgba(49,49,49,.9);
}
.tz-js1 .container,.tz-js2 .container,.tz-js3 .container{
    position: relative;
}

.tz-js8 .container,.tz-js2 .container,.tz-js3 .container{
    position: relative;
}

.tz-js9 .container,.tz-js2 .container,.tz-js3 .container{
    position: relative;
}

.tz-js1 .container .tag,.tz-js2 .container .tag,.tz-js3 .container .tag{
    display: inline-block;
    position: absolute;
    right: 0;
    /*top: -18px;*/
    top: -33px;
    /*background: chocolate;*/
    background-image: url(/statics/kdp/images/yewubannertu1.png);
    /*padding: 8px 30px;*/
    padding: 11.5px 67px;
    border-radius: 6px;
}



.tz-js8 .container .tag,.tz-js2 .container .tag,.tz-js3 .container .tag{
    display: inline-block;
    position: absolute;
    right: 0;
    /*top: -18px;*/
    top: -33px;
    /*background: chocolate;*/
    background-image: url(/statics/kdp/images/yewubannertu2.png);
    /*padding: 8px 30px;*/
    padding: 11.5px 67px;
    border-radius: 6px;
}

.tz-js9 .container .tag,.tz-js2 .container .tag,.tz-js3 .container .tag{
    display: inline-block;
    position: absolute;
    right: 0;
    /*top: -18px;*/
    top: -33px;
    /*background: chocolate;*/
    background-image: url(/statics/kdp/images/yewubannertu3.png);
    /*padding: 8px 30px;*/
    padding: 11.5px 67px;
    border-radius: 6px;
}

.tz-js1 .bx{
    padding:  35px 0 20px;
    border-radius: 12px;
}

.tz-js8 .bx{
    padding:  35px 0 20px;
    border-radius: 12px;
}

.tz-js9 .bx{
    padding:  35px 0 20px;
    border-radius: 12px;
}

.tz-js h2{
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.tz-js .intro{
    font-weight: 200;
}
.tz-ly{}
.tz-ly h1{
    padding: 50px 0 60px;
    margin: 0;
    text-align: center;
}
.tz-ly .ly-li{
    margin-right: 25px;
    margin-bottom: 50px;
    overflow: hidden;
}
.tz-ly .ly-li.right{
    margin-right: 0;
    margin-left: 25px;
}
.tz-ly .ly-li dt{
    background: #434a54;
    border-radius: 10px;
    height: 45px;
    line-height: 45px;
    /*font-size: 28px;*/
    font-weight: normal;
    color: #fff;
    text-align: center;
}
.tz-ly .ly-li dt img{
    display: inline-block;
    vertical-align: middle;
    max-height: 22px;
}
.tz-ly .ly-li dd{
    padding: 15px 0;
}
.tz-ly .ly-li .imgs{

    border-left: 1px solid #bbb7b7;
    overflow: hidden;
}
.tz-ly .ly-li .img{
    width: 33.33%;
    height: 100px;
    line-height: 100px;
    float: left;
    text-align: center;
    border: 1px solid #bbb7b7;
    margin-left: -1px;
}
.tz-ly .ly-li .img img{
    display: inline;
    vertical-align: middle;
    max-width: 100%;
}










.lists{}
.lists .item{
    width: 330px;
    float: left;
    margin: 0 17px 20px 0;
    overflow: hidden;
}
.lists .item .a{
    display: block;
    position: relative;
    width: 100%;
    text-decoration: none;
}
.lists .item .a:hover img{
    transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
}
.lists .item .img{
    display: block;
    width: 100%;
    height: 200px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.lists .item .title{
    color: #fff;
    background: rgba(0,0,0,.6);
    padding: 5px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.news-detail {

}
.news-detail .box{
    background: #fff;
    padding: 0 50px 50px;
}
.news-detail h1{
    font-size: 24px;
    line-height: 1.5;
    font-weight: 200;
    text-align: center;
    padding: 20px 0;
}
.news-detail .info{
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
    color: #a7a8ac;
}
.news-detail .info a{
    color: #a7a8ac;
}
.news-detail .content{
    font-size: 16px;
    line-height: 1.6;
    overflow: hidden;
}
.news-detail .content p{
    /*margin: 0 0 10px;*/
    padding: 0 0 10px;
}
.news-detail .content img{
    max-width: 100%;
}

.prev-next{

    padding: 20px 0;
    font-size: 14px;

}
.prev-next .next{
    text-align: right;
}



#sidenav{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background-size: 100% 100%;
    opacity: 0;
}
#sidenav.sinenav_bg.lazyloaded{
	background-image: url(../images/side_bg.jpg);
}
#sidenav.active{
    z-index: 10;
    opacity: 1;
}
#sidenav .head{
    position: absolute;
    left: 50px;
    top: 50px;
    right: 50px;
    z-index: 1;
}
#sidenav .head .logo{
    float: left;
    width: 200px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/sidenav_logo.png);
}
#sidenav .head .close{
    float: right;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/sidenav_close.png);
    cursor: pointer;
    position: relative;
}
#sidenav .head .close p{
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #777;
    font-weight: lighter;
    display: none;
}

#sidenav ul{
    font-size: 0;
    height: 100%;
}
#sidenav ul li{
    display: inline-block;
    vertical-align: top;
    width: 14.28%;
    text-align: center;
    height: 100%;
    border-right: 1px solid #ebebeb;
    padding-top: 12%;
    transition-property: opacity,top,background;
    transition-duration: 0.5s,0.5s,0.5s;
    -webkit-transition-property: opacity,top,background;
    -webkit-transition-duration: 0.5s,0.5s,0.5s;
    position: relative;
    opacity: 0;
    top: -40px;
    background: #fff;
}
#sidenav.active ul li{
    top: 0;
    opacity: 1;
}
#sidenav.active ul li:nth-child(1){
    transition-delay: 0.4s,0.4s,0s;
    -webkit-transition-delay: 0.4s,0.4s,0s;
}
#sidenav.active ul li:nth-child(2){
    transition-delay: 0.6s,0.6s,0s;
    -webkit-transition-delay: 0.6s,0.6s,0s;
}
#sidenav.active ul li:nth-child(3){
    transition-delay: 0.8s,0.8s,0s;
    -webkit-transition-delay: 0.8s,0.8s,0s;
}
#sidenav.active ul li:nth-child(4){
    transition-delay: 1s,1s,0s;
    -webkit-transition-delay: 1s,1s,0s;
}
#sidenav.active ul li:nth-child(5){
    transition-delay: 1.2s,1.2s,0s;
    -webkit-transition-delay: 1.2s,1.2s,0s;
}
#sidenav.active ul li:nth-child(6){
    transition-delay: 1.4s,1.4s,0s;
    -webkit-transition-delay: 1.4s,1.4s,0s;
}
#sidenav.active ul li:nth-child(7){
    transition-delay: 1.6s,1.6s,0s;
    -webkit-transition-delay: 1.6s,1.6s,0s;
}
#sidenav ul li:hover{
    background: transparent;
}
#sidenav ul li:last-child{
    border-right: 0 none;
}
#sidenav ul li .line{
    width: 1px;
    height: 50px;
    background-color: #333333;
    opacity: 0;
    display: block;
    margin: 0 auto 90px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li:hover .line{
    margin: 0 auto 65px;
    opacity: 1;
    background-color: #fff;
}
#sidenav ul li:hover img.h{
    display: none;
}
#sidenav ul li:hover img.g{
    display: inline;
}
#sidenav ul li h3{
    font-size: 82px;
    color: #f2f2f2;
    font-weight: lighter;
    font-family: "knockout";
    margin-bottom: 60px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li h3 img.h{}
#sidenav ul li h3 img.g{
    display: none;
}
#sidenav ul li:hover h3{
    margin-bottom: 48px;
    color: #fff;
}
#sidenav ul li h4{
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    font-family: 'roboto';
    margin-bottom: 30px;
    display: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li:hover h4{
    display: block;
    color: #fff;
}
#sidenav ul li a.big{
    font-size: 24px;
    color: #333;
    display: block;
    margin-bottom: 46px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li:hover a.big{
    color: #fff;
}
#sidenav ul li .small a{
    font-size: 16px;
    color: #666;
    font-weight: lighter;
    margin-bottom: 18px;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li:hover a{
    color: #fff;
}
#sidenav ul li a.big.active,#sidenav ul li a.big:hover,#sidenav ul li .small a.active,#sidenav ul li .small a:hover{
    color: #4b8ada;
}
/* 椤靛熬 */
.footer {overflow:hidden; background:#252628;}
.footer .footer_content { z-index:9;position: relative; padding-top: 50px; }
.footer .footer_content *{overflow: hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;display:block; font-weight:normal;}

.footer .footer_content::after {content: '';width: 100%;height: 1px;background: #313131;position: absolute;left: 0;top: 145px;}

.footer .footer_content .fleft {float: left;width: 40%;}
.footer .footer_content .fleft .fl-name {}
.footer .footer_content .fleft .fl-name h4{color: #fff;font-size: 24px;padding-bottom: 5px; margin-top: 0; }
.footer .footer_content .fleft .fl-name h3{color: #fff;font-size: 22px; }
.footer .footer_content .fleft .fl-ewm {padding: 44px 0 22px 0;}
.footer .footer_content .fleft .fl-ewm img{display: block;float: left;}
.footer .footer_content .fleft .fl-ewm .fleright{display: block;float: left;padding: 0px 0px 0px 20px;}
.footer .footer_content .fleft .fl-ewm .fleright h3{color: #999;font-size: 20px;padding-bottom: 5px;}
.footer .footer_content .fleft .fl-ewm .fleright h2{color: #fff;font-size: 30px;font-family: 'Montserrat-Bold';}
.footer .footer_content .fleft .fl-ewm .fleright h2 * {color: #fff;font-family: 'Montserrat-Bold';}
.footer .footer_content .fleft .fl-add {color: #727272;}
.footer .footer_content .fright {float: right;width: 55%;padding-top: 30px;}


.footer .footer_content  ul{margin-bottom:0px;color:#666; overflow:hidden; display:block; width:100%;text-align: right;}
.footer .footer_content  ul li:nth-child(5) {text-align: right;}
.footer .footer_content  ul li:nth-child(5) a {text-align:right;}
.footer .footer_content  ul li:first-child {margin-left:0;}
.footer .footer_content  ul li{margin-bottom:20px;margin-left: 8%;overflow:hidden;text-align: left;display: inline-block;vertical-align: top;}
.footer .footer_content  ul li h2{ font-size:18px; color:#fff; padding-bottom:38px;font-weight:normal;  clear:both; }
.footer .footer_content  ul li a{ display:block;color:#888; text-align:left;}
.footer .footer_content  ul li a:hover {color:#fff;}
.footer .footer_content  ul li * {display:inline-block;vertical-align: top;}
.footer .footer_content  ul li p { display:block;}
.footer .footer_content  ul li .ewm { width:220px; height:220px; background:url(../images/chart.png); margin:20px auto; display:none}
.footer .footer_content  ul li.footerr { width:250px; float:left;color:#666;padding-right:40px;  }
.footer .footer_content  ul li.footerr span{ line-height:24px; }

.footer .footer_content  ul li.tel { width:250px; float:left;color:#666; overflow:hidden;}
.footer .footer_content  ul li.tel img{ padding-left:17px; display:inline-block;}
.footer .footer_content  ul li.tel  h3{ color:#FFF; font-size:14px; line-height:24px;padding-left:17px; padding-top:10px;}
.footer .footer_content  ul li.tel  h2{ line-height:24px; color:#FFF; font-size:24px;padding-left:17px;}

.footer .footer_content div.yq {padding:15px 0px 20px 0px;color:#666; display:block; width:100%;/*border-top:#3B3B3B 1px solid;*/margin-top: 16px;}

.footer .footer_content div.yq li {color:#535353;}
.footer .footer_content div.yq li * {display:inline-block;vertical-align: top;}
.footer .footer_content div.yq li a{color:#888; margin:0 10px 0 0px; display:inline-block;vertical-align: top; }
.footer .footer_content div.yq li a:hover{color: #fff;}

.footer .footer_bottom { background:#141414; padding: 15px 0; }
.footer .footer_bottom a { color:#888; padding:0 5px;}
.footer .footer_bottom a:hover {color:#fff;}



.wy1{
    color: #454545;
}
.wy1 .en{
    text-transform: uppercase;
}
.wy1 .intro{
    color: #888;
}
.wy1 .li{
    text-align: center;
    margin: 0 25px;
}
.wy1 .li img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.wy1 .li .dt{
    color: #333;
    padding: 20px 0;
}
.wy1 .li .di{
    color: #888;
    line-height: 1.6;
}
.wybg{
    height: 500px;
    background: url(/statics/kdp/images/wy5.jpg) no-repeat center center;
}
.wybg2{
    background-image: url(/statics/kdp/images/wy6.jpg);
}
.wyxm{
    color: #454545;
    text-align: center;
    text-transform: uppercase;
}
.wyxm .li{
    padding: 40px 20px 100px;
    color: #333;
    text-align: center;
}
.wyxm .li .img img{
    display: block;
    width: 100%;
}
.wyxm .li .tit{
    padding: 40px 0;
}
.wya{
    text-align: center;
    color: #454545;
    text-transform: uppercase;
}
.wya .thumb img{
    width: 100%;
}
.wya .txt{
    color: #323232;
    line-height: 1.6;
}
.wya .txt p{
    margin-bottom: 15px;
    font-size:16px;
}
.wyj{
    color: #fff;
}
.wyj{
    background: url(/statics/kdp/images/wy12.jpg) no-repeat center top;
    color: #fff;
}
.wyj .nnr{
    height: 50px;
}
.wyj .bq{
    border-top: 1px solid #fff;
    padding: 20px 0;
}

.yghd .li{
    background-size: cover;
    height: 270px;
    overflow: hidden;
    float: left;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.yghd .li:hover .mask-bg{
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
}
.yghd .li:hover .i{
    opacity: 1;
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
}
.yghd .t{
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-bottom: 25px;
    position: relative;
    font-family: 'TencentSansw7';
}
.yghd .i{
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 25px;
    margin-right: 40px;
    position: relative;
    opacity: 0;
    transform: translate(0, 80px);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.yghd .mask-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    top: 0;
    left: 0;
    transform: translate(0, 271px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

./* zz .banner{  background-image: url(/statics/kdp/images/zzb.jpg)} */
.zz .banner_txt{ }
.zz .banner_txt .name{
    /*font-size: 60px;*/
    padding-top: 20px;
}
.zz .banner_txt .vn{
    font-size: 36px;
}
.zz .banner_txt .dh{
    font-size: 36px;
}
.zz .banner_txt .op{
    background: rgba(0,0,0,.2);
    padding: 30px 100px 40px 30px;
    float: left;
    margin-top: 90px;
}
.zz .banner_txt .n1{
    font-size: 28px;
}
.zz .banner_txt .n2{
    font-size: 28px;
}
.yghd .li_1 {
	background-image: url(/statics/kdp/images/hd1_ls.jpg);
	background-repeat: no-repeat;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	width: 55.66%;
}
.yghd .li_1.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/hd1.jpg);
}
.yghd .li_1 .mask-bg{
    background: #0052d9;
}

.yghd .li_2 {
	background-image: url(/statics/kdp/images/hd2_ls.jpg);
	background-repeat: no-repeat;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	width: 44.33%;
}
.yghd .li_2.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/hd2.jpg);
}
.yghd .li_2 .mask-bg{
    background: #9B26B6;
}

.yghd .li_3 {
	background-image: url(/statics/kdp/images/hd3_ls.jpg);
	background-repeat: no-repeat;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	width: 44.33%;
}
.yghd .li_3.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/hd3.jpg);
}
.yghd .li_3 .mask-bg{
    background: #968c83;
}

.yghd .li_4 {
	background-image: url(/statics/kdp/images/hd4_ls.jpg);
	background-repeat: no-repeat;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
	width: 55.66%;
}
.yghd .li_4.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
	background-image: url(/statics/kdp/images/hd4.jpg);
}
.yghd .li_4 .mask-bg{
    background: #79c000;
}
.join .rcln_txt {
    padding: 30px 0 100px 100px;
}
.join .tit{
    background: #3177b3;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    margin-bottom: 25px;
}
.join .tit img{

}
.join .table>thead>tr>th{
    background: #3177b3;
    color: #fff;
    border-bottom: 1px solid #3177b3;
}

.news-list{
    padding-top: 140px;
}
@media (max-width: 768px){

    body{
        font-size: 14px;
    }

    .join .rcln_txt {
        padding: 20px;
    }
    .lctime .li b{
        font-size: 16px;
    }
    .alcbox{
        margin: 0;
    }
    .alcbox dd{
        padding-left: 0;
    }
    .ayy{
        padding-top: 30px;
        padding-bottom: 40px;
        background-size: cover;
    }
    .alc{
        padding-top: 30px;
    }
    .about .intro{
        margin-bottom: 20px;
        
    }
    .alc .lctime{
        margin-bottom: 50px;
    }
    .about .jj .tit{
        margin-bottom: 25px;
    }
    #mao1{
        margin-bottom: 20px;
    }
    .tz-ly .ly-li{
        margin-right: 0;
        margin-bottom: 25px;
    }
    .tz-ly .ly-li.right{
        margin-left: 0;
    }
    .tz-ly h1{
        padding: 30px 0;
    }
    .tz-js{
        padding-top: 30px;
        padding-bottom: 25px;
    }
    .dc-hg h1{
        padding: 20px 0;
    }
    .dc-lx .tit{
        padding: 15px 0;
        font-size: 20px;
    }
    .dc-lx .li{
        margin-bottom: 25px;
    }
    .dc-lx .h1{
        padding: 40px 0 40px;
    }
    .dc-lx .thumb{
        max-width: 120px;
        height: 120px;
    }
    .dc-js .h1{
        padding: 25px 0;
    }
    .dc-js .lis .intro{

    }
    .hdp .content{
        padding-left: 0;
        padding-right: 0;
    }
    .dc-hg .li{
        margin-bottom: 30px;
    }
    .wl .fwbox{
        width: 100%;
    }
    .wl .h1{
        padding: 25px 0;
    }
    .wl .fwbox .txt{
        font-size: 18px;
        padding-top: 20px;
    }
    .wljs{
        padding-top: 40px;
    }

    .jsy{
        margin-bottom: 30px;
    }
    .jsy .box{
        font-size: 16px;
        text-align: center;
    }
    .jsy .box b{
        font-size: 36px;
        display: block;
        text-align: center;
        top: 0;
    }
    .mygd{
        height: auto;
    }
    .mygd .bo{
        width: 92%;
    }
    .mygd .tx img{
        margin-right: 0;
        width: 100px;
        height: 100px;
    }
    .mygd .nr{
        margin-top: 25px;
    }
    .mygd .tx{
        padding-top: 40px;
    }
    .lists{
        margin-bottom: 20px;
    }
    .jz2{
        padding: 35px 0;
    }
    .awh .nr{
        font-size: 16px;
    }
    .awh .introo{
        font-size: 22px;
    }
    .asubnav .li .cn{
        font-size: 18px;
    }
    .asubnav .li .en{
        font-size: 12px;
    }
    .zz1 .li .bx img{
        width: 60%;
    }
    .header .top{
        height: 36px;
        line-height: 36px;
        padding-right: 10px;
    }
    .header .top .a{
        height: 36px;
    }
    .header .top .en i{
        height: 20px;
        top: 9px;
    }
    .header .top2,.header .top2 .logo,.header .top2 .right .li,.header .top2 .right .li .a.search,.header .top2 .right .li .a{
        height: 60px;
        line-height: 60px;
    }
    .header .top2 .logo img{
        height: 40px;
    }
}


@media only screen and (max-width: 1024px) {
    #sidenav .head{
        left: 0.9375rem;
        top: 0.9375rem;
        right: 0.9375rem;
    }
    #sidenav .head .logo{
        display: none;
    }
    #sidenav .head .close{
        width: 20px;
        height: 20px;
    }
    #sidenav .head .close p{
        margin-top: 0.1875rem;
        font-size: 0.5625rem;
        white-space: nowrap;
    }
    #sidenav ul{
        padding-top: 3.125rem;
        background-color: #fff;
        overflow: auto;
    }
    #sidenav ul li{
        width: 100%;
        text-align: left;
        height: auto;
        border-right: 0 none;
        border-bottom: 1px solid #ebebeb;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2.5rem;
        top: -1.25rem;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        -webkit-display: flex;
        -webkit-align-items: flex-start;
        -webkit-justify-content: flex-start;
    }
    #sidenav ul li .line{
        display: none;
    }
    #sidenav ul li .icon{
        background-repeat: no-repeat;
        background-image: url(../images/sidenav_icon.png);
        background-size: 100% 100%;
        display: block;
        position: absolute;
        right: 2.125rem;
        top: 2.28125rem;
        width: 0.625rem;
        height: 0.3125rem;
    }
    #sidenav ul li.active .icon{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    #sidenav ul li h3{
        font-size: 18px;
        margin: 5px 15px 5px 0;
    }
    #sidenav ul li:hover h3{
        margin-bottom: 0;
        color: #f2f2f2;
    }
    #sidenav ul li h3 img{
        width: 68%;
    }
    #sidenav ul li .icon{
        width: 10px;
        height: 6px;
    }
    #sidenav ul li:hover h4{
        display: none;
    }
    #sidenav ul li a.big{
        font-size: 20px;
        line-height: 2;
        margin-bottom: 10px;
    }
    #sidenav ul li:hover a.big{
        color: #333;
    }
    #sidenav ul li .small{
        display: none;
    }
    #sidenav ul li.active .small{
        display: block;
    }
    #sidenav ul li .small a{
        font-size: 0.75rem;
        margin-bottom: 0.75rem;
    }
    #sidenav ul li .small a:last-child{
        margin-bottom: 0;
    }
    #sidenav ul li:hover a{
        color: #666;
    }
    #sidenav ul li:hover img.g{
        display: none;
    }
    #sidenav ul li:hover img.h{
        display: block;
    }

    .news-detail .box{
        padding: 0 10px 20px;
    }
    .news-detail h1{
        font-size: 20px;
        padding: 0;
    }
    .news-detail .catpos{
        display: none;
    }
    .prev-next .back{
        display: none;
    }
    .prev-next .next{
        text-align: left;
    }

    .pa-t1{
        padding: 25px 0 15px;
        font-size: 18px;
    }
    .pa-t2,.pa-t3{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .banner{
        height: 350px;
    }
    .banner_txt{
        height: 255px;
    }
    .asubnav .li .cn{
        font-size: 14px;
    }
    .asubnav .li{
        padding: 15px 0;
    }

    .about{
        padding-top: 25px;
    }
    .h1, h1{
        font-size: 26px;
    }
    .about .jj .tit img{
        width: 30px;
    }
    .banner_txt .h1{
        font-size: 28px;
        padding-top: 20px;
    }
    .banner_txt .intro{
        font-size: 18px;
    }
    .header .top2 .logo{
        padding-left: 15px;
    }
    .header .top2 .right{
        margin-right: 0;
    }
    .news-list{
        padding-top: 15px;
    }
    .news-list .item.hover .thumb{
        width: 100%;
        height: auto;
    }
    .news-list .item.hover .txt {
        padding: 10px;
        clear: both;
    }
    .header .top2 .right .li .a.search{
        padding: 0 15px;
    }
    .header .top2 .right .li .a{
        padding: 0 25px;
    }
}

@media (max-width: 992px){
    .xzlxq .dh{
        text-align: center;
    }
    .xzlxq .tt_3{
        text-align: center;
    }
    .xzl .ewmbox{
        text-align: center;
    }
}


.zhululogo{
	overflow: hidden;
	margin-bottom: 50px;
}
.zhululogo>div{
	position: relative;
	top: -1px;
	left: -1px;
}
.zhululogo li{
	float: left;
	/*width: 16.5%;*/
	width: 25%;
	border: dashed 1px #cbcbcb;
	border-right: none;
	border-bottom: none;
}
.zhululogo li span{
	display: block;
	overflow: hidden;
}
.zhululogo li img1{
	max-width: 100%;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: .7;
}
.zhululogo li:hover img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    opacity: 1;
}



#pages { padding:60px 0; text-align: center; clear: both;
    overflow: hidden; line-height: 1.5;  color:#111;}
#pages a,#pages span { padding:5px 10px; }
#pages a{
    color: #9C9C9C;
}
#pages a.total {
    display: none;
}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages .prev,#pages .next {
    border: 1px solid #ccc;
}
#pages .prev:hover,#pages .next:hover{
    border: 1px solid #999;background: #999;color: #fff;
}
#pages .noPage { display:inline-block; height:25px; line-height:25px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



.lh100{height:670px; !important; padding:0 !important;}

/* 澶у睆骞曪紙澶ф闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜 1200px锛 */
@media (max-width: 1200px) {
    .lh100{height:255px;}
}