/* CSS Document By Millia 2017-05-30*/
@import url("millia.css");
@import url("swiper.css");
.millia{width:1200px;margin:0 auto;overflow:hidden;position:relative;}

#top{position:relative;background:url(../../images/dh2017/logo.png) #ff6102 no-repeat 4% center;height:7.6rem;width:100%;z-index:9999;}
#nav{position:absolute;top:0;right:0;font-size:0;}
#nav li{display:inline-block;position:relative;}
#nav li b{display:none;}
#nav li div.erleft,#nav li div.erright{position:absolute;right:-1px;top:7.6rem;background:#fff;box-sizing:border-box;width:360%;padding:1rem;display:none;border:1px solid #ff6102;border-top:none;z-index:99999;}
#nav li div.erleft{padding-left:205%;}
#nav li div.erright{padding-right:205%;}
#nav li div.erleft img{position:absolute;left:1rem;top:1rem;width:50%;height:auto;}
#nav li div.erright img{position:absolute;right:1rem;top:1rem;width:50%;height:auto;}
#nav li div.erleft span{display:block;border-left:1px dashed #ddd;padding-left:1rem;}
#nav li div.erright span{display:block;border-right:1px dashed #ddd;}
#nav li a{font-size:16px;line-height:7.6rem;display:block;padding:0 1.5rem;color:#fff;}
#nav li a:hover,#nav li.hover a{background:#fff;text-decoration:none;color:#ff6102;}
#nav li div.erleft a,#nav li div.erright a{color:#ff6102;line-height:2.4rem;display:block;padding:0 .5rem;}
#nav li div.erleft a:hover,#nav li div.erright a:hover{background:#ff6102;color:#fff;}
#navicon{display:none;}

#topic{background:url(../../images/dh2017/topic01.jpg) #f7f5f5 no-repeat top center;position:relative;background-size:cover;overflow:hidden;}
#video{width:100%;height:auto;position:absolute;left:0;top:0;z-index:8;}
.topicbg{background:url(../../images/dh2017/topicbg.png) repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;}
.mouse,.dot{background:url(../../images/dh2017/mouse.png) no-repeat top center;width:100%;height:57px;position:absolute;left:0;bottom:6%;}
.dot{background:url(../../images/dh2017/dot.png) no-repeat top center;height:70px;}
.topictxt{position:absolute;top:32%;left:0;width:100%;color:#fff;text-align:center;z-index:10;}
.topictxt h2{font-size:42px;padding-bottom:2rem;}
.topictxt p{width:50%;margin:0 auto;font-size:14px;line-height:26px;}
#topicbottom{position:absolute;left:0;bottom:0;background:#f7f5f5;width:100%;font-size:14px;z-index:9}
#topicbottom i{color:#ef4206;font-style:normal;}
#topicbottom p{background:url(../../images/dh2017/icon01.png) no-repeat left center;padding-left:35px;display:inline-block;}

.ht01 b,.ht02 b,.ht02_01{font-size:30px;font-weight:normal;display:block;color:#0aa906;}
.ht02 b,.ht02_01 b{color:#f9f8f8;}
.ht01 i{font-style:normal;color:#cdcbcc;display:block;font-size:14px;}
.ht01 span{display:inline-block;border-bottom:1px solid #0aa906;}

.ls01 li{padding:20px 0 20px 90px;position:relative;border-bottom:1px solid #eee;color:#999;/*-webkit-transform:skew(25deg) rotatex(-80deg) translateZ(0);*/}
.ls01 li span{display:block;position:absolute;left:0;top:15px;width:70px;border:1px solid #cdcbcc;text-align:center;background:#fff;}
.ls01 li span b{display:block;background:#cdcbcc;color:#fff;font-size:44px;line-height:58px;}
.ls01 li h2{font-size:18px;padding-bottom:10px;}

.w500_370{width:100%;height:370px;overflow:hidden;}
.w500_370 .swiper-container{width:100%;height:100%;}
.w500_370 .swiper-slide{text-align:center;position:relative;}
.w500_370 .swiper-slide p{display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:15px 30px 15px 110px;font-size:16px;line-height:28px;color:#fff;background:rgba(255,97,2,0.8);color:#fff;text-align:left;overflow:hidden;}
.w500_370 .swiper-slide p span{display:block;position:absolute;left:0;bottom:0;background:#ff6102;padding:3px 10px;text-align:center;width:70px;font-size:14px;}
.w500_370 .swiper-slide p span b{display:block;font-size:32px;line-height:50px;border-bottom:1px dashed #fff;margin-bottom:5px;}
.w500_370 .swiper-pagination{display:none;}

#graybg{background:#f7f5f5;padding:20px 0 60px 0;}
.fouselist{width:100%;overflow:hidden;}
.fouselist ul{float:left;width:103%;}
.fouselist li{float:left;width:30.3%;margin:3% 3% 0 0;background:#fff;overflow:hidden;position:relative;}
.fouselist li div{display:block;width:100%;height:230px;overflow:hidden;position:relative;z-index:9;}
.fouselist li a{display:block;padding-bottom:40px;position:relative;z-index:8;}
.fouselist li span{display:block;background:url(../../images/dh2017/hoverimg.png) rgba(255,97,2,0.4) no-repeat center center;position:absolute;left:0;top:-100%;width:100%;height:230px;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;z-index:11;}
.fouselist li b{display:block;background:#ff6102;position:absolute;width:100%;height:160px;bottom:-100%;left:0;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.fouselist li h4{font-size:16px;padding:40px 20px 20px 20px;}
.fouselist li p{padding:0 20px;}
.fouselist li:hover a{text-decoration:none;color:#fff;}
.fouselist li:hover span{left:0;top:0;}
.fouselist li:hover b{bottom:0;}

.w500_370 img,.fouselist li img,.threePicList li img,.culist img{width:100%;height:100%;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.w500_370:hover img,.fouselist li:hover img,.threePicList li:hover img,.culist a:hover img{transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);}

.spmore a,.shmore a{display:inline-block;color:#ff6102;padding:0 20px;border:1px solid #ff6102;}
.shmore a{color:#fff;border:1px solid #fff;}
#erbg{background:url(../../images/dh2017/erbg.jpg) #f9f8f8 no-repeat center top;background-attachment:fixed;padding:70px 0 120px 0;overflow:hidden;}

.endbg,.inendbg{background:#f9f8f8;padding:50px 0;margin-top:120px;}
.inendbg{margin-top:0;}
.er1200{width:1200px;margin:0 auto;position:relative;}
.cf9f8,.cf9f8 a{color:#f9f8f8;}

.endmenu{border-right:1px solid #d4d5d5;}
.endmenu dl{float:left;width:140px;}
.endmenu dt{font-size:20px;padding-bottom:20px;}
.endmenu dd a{color:#838383;}


.ender{position:relative;padding-bottom:10px;}
h6{font-size:18px;font-weight:bold;color:#ff6102;padding-bottom:20px;}
.erlist{position:absolute;padding:30px 30px 0 30px;top:-100px;text-align:center;right:0;background:#fe6b09;}
.erlist img{display:block;width:100%;height:auto;margin-bottom:10px;}
.erlist a{color:#fff;}
.erlist li{float:left;margin:0 6px;}
.friend{position:absolute;bottom:0;right:0;background:#fff;border:1px solid #dfdfdf;width:215px;}
#friendtxt{background:url(../../images/dh2017/friend.png) no-repeat right center;padding-left:5%;display:block;cursor:pointer;box-sizing:border-box;}
.friendlist{display:none;}
.friendlist a{margin:0 5px;display:inline-block;}

#end{background:#ff6807;padding:20px 0;}
#end span{display:inline-block;padding:0 10px;}

/*PicListCssByMillia 2017-06-14*/
#otherTopic,#introbg{position:relative;overflow:hidden;}
#otherTopic img,#introbg img{width:100%;height:auto;}
#introbg img{height:100%;}
.picMark{background:rgba(2,63,138,.9);width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;text-align:center;color:#fff;box-sizing:border-box;padding-top:5%;}
.picMark h2{font-size:30px;}
.picMark h2 span{display:block;font-size:18px;padding-top:15px;}
.picMark ul{width:100%;position:absolute;left:0;bottom:0;font-size:16px;}
.picMark ul li{display:inline-block;color:#2172d6;}
.picMark ul li a{color:#fff;display:inline-block;margin:0 40px;padding-bottom:20px;border-bottom:3px solid #023f8a;}
.picMark ul li a:hover,.picMark ul li.hover a{text-decoration:none;border-bottom:3px solid #fff;}

#posi{border-bottom:1px solid #ded9d9;padding:20px 0;text-align:right;}

.threePicList{overflow:hidden;}
.threePicList ul{float:left;width:103%;}
.threePicList li{float:left;width:33.33%;padding:3% 3% 0 0;box-sizing:border-box;text-align:center;}
.threePicList li span{display:block;width:100%;height:270px;overflow:hidden;margin-bottom:15px;}
.threePicList li a:hover{text-decoration:none;}
#footer{background:url(../../images/dh2017/footerbg.png) #f9f8f8 repeat-x top;padding-bottom:30px;}

/*ContentCssByMillia 2017-06-14*/
h1,#news h1{font-size:30px;padding:70px 0 25px 0;text-align:center;font-weight:bold;}
#news h1{text-align:left;}
#content{padding-bottom:40px;}
#content img{max-width:100%;height:auto;}
#content p{padding-top:15px;}

.intro{width:1200px;position:absolute;left:50%;top:28%;margin-left:-600px;max-height:435px;overflow:hidden;}
.intro img{width:460px !important;height:350px !important;float:left;margin:60px 50px 0 0;}
.intro h5{font-size:26px;text-align:left;padding-bottom:20px;}
.intro p{text-align:left;padding-bottom:10px;font-size:16px;line-height:28px;}

.ht03{font-size:32px;color:#676767;}
.ht03 span,.ht03 a span{display:block;font-size:18px;color:#67677e;padding-top:10px;}
.ht03 a{color:#676767;}
.ht03 a:hover{text-decoration:none;}

.culist .swiper-slide{position:relative;overflow:hidden;}
.culist .swiper-slide span{display:block;font-size:20px;text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;color:transparent;}
.culist .swiper-slide:hover span{color:#fff;background:rgba(0,0,0,.8);box-sizing:border-box;padding:35% 0 0 0;}

.honlist,.joblist{width:1200px;margin:0 auto;padding:40px 50px;position:relative;box-sizing:border-box;}
.honlist .swiper-slide img{padding:10px;border:1px solid #cfcfcf;box-sizing:border-box;width:100%;height:100%;}

#zubg{background:url(../../images/dh2017/zu.jpg) no-repeat top center;background-size:100% 100%;padding:80px 0;color:#fff;}
#zubg .ht03,#zubg .ht03 a,#zubg .ht03 span{color:#fff;}
#zubg .checkmore{color:#fff;border:1px solid #fff;}
.checkmore{display:inline-block;padding:10px 20px;border:1px solid #ccc;color:#333;}

.datelist{background:url(../../images/dh2017/datebg.png) repeat-y left;}
.yearbg{position:relative;padding-left:130px;}
.year{position:absolute;width:113px;left:0;top:0;background:url(../../images/dh2017/dateicon.png) no-repeat right center;color:#484f62;font-size:26px;font-weight:bold;}
.yearlist li{padding:10px 0;}
.yearlist li span{display:inline-block;color:#fff;background:#ff6102;width:65px;text-align:center;margin-right:10px;}
/*.datelist li{padding:10px 0;}
.datelist li span{display:inline-block;margin-right:40px;}*/

.honorlist{overflow:hidden;}
.honorlist ul{float:left;width:103%;}
.honorlist li{float:left;width:22%;margin:3% 3% 0 0;border:1px solid #ddd;box-sizing:border-box;}
.honorlist li img{padding:10px;width:100%;height:auto;box-sizing:border-box;}

.cultxt h4{font-size:20px;padding:20px 0;}
.inntxt h4{font-size:32px;text-align:center;padding:20px 0;}
.contable{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.contable td{vertical-align:top;border-bottom:1px solid #ddd;padding:0 30px;text-align:right;}
.contable td:nth-child(even){border-right:1px solid #ddd;}

.joblist .swiper-slide{background:#fff;border:1px solid #bfbfbf;padding:30px;color:#666;font-size:14px;line-height:24px;box-sizing:border-box;}
.joblist .swiper-slide h4{font-size:16px;padding-bottom:15px;position:relative;border-bottom:1px solid #bfbfbf;margin-bottom:15px;}
.joblist .swiper-slide h4 span{display:block;position:absolute;top:0;right:0;}
.joblist .swiper-slide .joba{display:inline-block;border:1px solid #f7bc1d;padding:0 15px;color:#f7bc1d}

.aply li{position:relative;float:left;box-sizing:border-box;width:50%;padding-left:9rem;margin-bottom:20px;}
.aply li.li100,.aply li:last-child{width:100%;}
.aply li:last-child{padding:0;}
.aply li label{display:block;left:0;top:0;text-align:right;position:absolute;width:8rem;}
.aply li label span{color:#900;}
.txt01,.txt03,.txt02{width:100%;height:30px;border:1px solid #dadada;box-sizing:border-box;}
.txt02{height:auto !important;}
.txt03{width:auto !important;}
.bt01,.bt02{color:#fff;border:none;font-size:16px;padding:0 4rem;background:#004a9d;margin:0 5px;line-height:36px;}
.bt02{background:#909090;}

.invlist li{position:relative;padding:15px;}
.invlist li:hover{background:#f3f3f4;}
.invlist li span{display:block;position:absolute;top:15px;right:15px;font-size:14px;color:#484f62;}

.page a{display:inline-block;padding:2px 8px;border:1px solid #e6ebf0;color:#2861b3;margin:0 2px 10px 2px;}
.page span{display:inline-block;}
.page span a{border:1px solid #fff;color:#333;}
.page a:hover{text-decoration:none;background:#2861b3;color:#fff;}

.time,.read{display:inline-block;padding-left:25px;margin-right:30px;background:url(../../images/dh2017/icon02.png) no-repeat left center;color:#666;}
.read{background:url(../../images/dh2017/icon03.png) no-repeat left center;}

.backa a{display:block;background:url(../../images/dh2017/icon04.png) no-repeat 30px center;padding-left:55px;color:#333;font-size:20px;font-weight:bold;}

.about{border:10px solid #f3f3f3;padding:15px;}
.upline{border-bottom:1px solid #ececec;padding-bottom:30px;margin-bottom:30px;}
.downline{padding-bottom:20px;}
.upline b,.downline b{display:block;font-size:20px;color:#333;background:url(../../images/dh2017/icon05.png) no-repeat 10px center;padding-left:40px;margin-bottom:20px;}
.downline b{background:url(../../images/dh2017/icon06.png) no-repeat 10px center;}
.upline i,.downline i{font-size:12px;display:block;color:#999;font-style:normal;margin-top:15px;}

.newslist li{padding:40px 0;border-bottom:1px dashed #adadad;}
.newslist li i{font-style:normal;font-size:14px;color:#adadad;display:block;padding:20px 0;}
.newslist li p{font-size:14px;line-height:24px;color:#666;}

.searbg,#float{background:#f2f2f2;padding:20px;}
.searbg h4{font-size:22px;}
.searlist li{padding-top:25px;}
.searlist select,.intxt{height:40px;line-height:40px;background:#dedede;}
.select2w{width:48%;}
.selectw,.intxt,.bt03{width:100%;box-sizing:border-box;}
.intxt{border:1px solid #ddd;background:#f2f2f2;padding-left:10px;}
.bt03{background:#ff961d;color:#fff;line-height:40px;text-align:center;border:none;font-size:18px;}
.pr{position:relative;}
.div2{top:105px;z-index:999;position:fixed;_position:absolute;_top:expression(documentElement.scrollTop + 0 + "px");_margin-top:250px;}
#float{width:230px;}
#aboutfloat{background:#fff;}


@keyframes endimg
{
0%{background-position:0 80%;}
100%{background-position:0 0;}
}
@-webkit-keyframes endimg
{
0%{background-position:0 80%;}
100%{background-position:0 0;}
}
@-ms-keyframes endimg
{
0%{background-position:0 80%;}
100%{background-position:0 0;}
}
@-o-keyframes endimg
{
0%{background-position:0 80%;}
100%{background-position:0 0;}
}
@-moz-keyframes endimg
{
0%{background-position:0 80%;}
100%{background-position:0 0;}
}

@media screen and (max-width:800px){
.millia,.intro,.er1200{width:96%;}
#top{height:5rem !important;overflow:hidden;background-position:10% center;}
#navicon{display:block;position:absolute;top:1rem;right:1rem;font-size:2rem;color:#fff;}
#nav{position:fixed;left:0;top:0;background:rgba(57,21,0,1);display:none;width:70%;height:100%;padding:5% 0;}
#nav li div.erleft,#nav li div.erright{padding:0;position:relative;top:0;width:100%;border:none;background:none;}
#nav li div.erleft img,#nav li div.erright img{display:none;}
#nav li div.erleft span,#nav li div.erright span{display:block;border:none;padding:0;}
#nav li div.erleft span a,#nav li div.erright span a{color:#fff;padding-left:2rem;font-size:1rem;}
#nav li{display:block;position:relative;}
#nav li b{display:block;position:absolute;right:1rem;top:0;font-size:1.4rem;line-height:3.2rem;color:#fff;}
#nav li.hover a{background:none;color:#fff;}
#nav li a{line-height:3.2rem;}
.topictxt,.topicbg,.mouse,.dot,.friend,.picMark ul,.invlist li span{display:none !important;}
#topicbottom{font-size:.8rem;}
#topicbottom p{text-align:left;display:block;}

.w500_370,.w500_370 img,.fouselist li img,.fouselist li div{width:100%;height:auto;}
.w500_370 .swiper-slide p{max-height:90px;padding:5px 10px 10px 100px;}

.fouselist li{width:100%;margin:5% 0 0 0;}
.sysmt20{margin-top:20px;}
.pt100{padding-top:40px;}
.pb100{padding-bottom:40px;}
.fouselist li h4{padding:20px 10px 10px 10px;}
.fouselist li p{padding:0 10px;}

.erlist{position:relative;top:20px;text-align:center;}
.erlist img{width:100%;height:auto;}
.erlist li{display:inline-block;float:none;}
#end span{display:block;padding:5px 0;}

#otherTopic img{min-height:10rem;}
.picMark{padding-top:10%;}
.picMark h2{font-size:1.6rem;}
.picMark h2 span{display:block;font-size:1.2rem;padding-top:0;}

#posi{text-align:left;}

.threePicList li{float:left;width:50%;padding:3% 3% 0 0;box-sizing:border-box;text-align:center;}
.threePicList li span{display:block;width:100%;height:auto;overflow:hidden;margin-bottom:15px;}

.endbg,.inendbg{margin-top:2rem;padding-bottom:1.5rem;}

#footer{background-image:none;margin-top:3rem;padding-bottom:.8rem;}
#footer .ender{padding-top:3rem;}
#content{padding-bottom:0;}
#content img{width:100% !important;height:auto !important;}

.intro{left:2%;margin:0;top:7rem;max-height:none;}
.intro img{display:none;}
.intro h5{font-size:1.6rem;text-align:left;padding-bottom:20px;}
.intro p{text-align:left;padding-bottom:10px;font-size:1.2rem;}

.sysmt20{margin-top:2rem;}

.honlist,.joblist{width:100%;box-sizing:border-box;padding:2rem 3rem;}
.honorlist,.threePicList{padding:0;}
.honorlist li{width:47%;}

.contable td{padding:0 5px;text-align:left;border-right:1px solid #ddd;font-size:1.2rem;line-height:2.4rem;}

.aply li{width:100%;}

.invlist li{padding:6px 0;}

.datelist{background:url(../../images/dh2017/datebg.png) repeat-y -2.5rem;}
.yearbg{position:relative;padding-left:7rem;}
.year{position:absolute;width:6.5rem;left:0;top:0;background:url(../../images/dh2017/dateicon.png) no-repeat right center;color:#484f62;font-size:26px;font-weight:bold;}
.yearlist li{padding:10px 0;}

#erbg{background-attachment:scroll !important;background-position:center 0 !important;}

}