@font-face {
    font-family: victor1;
    src: url(https://special.hanhua.com/skin/default/img/DIN-Black.otf);
}

body { font-family: "微软雅黑"; overflow-x: hidden; margin: 0;}
.w1120 { max-width: 1120px; margin: 0 auto; }
a { transition: .3s; }
/*a:hover img,.schoolList ul li a:hover {opacity: 0.8; filter: alpha(opacity = 80);}*/
a, input, textarea, ul { outline: none; }
p, ul, li, form, h1, h2, h3, h4, h5, h6, dl, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}
a:active, input:active, textarea:active { star: expression(this.onFocus=this.blur()); }
.tabBox { display: none; }
.overH { overflow: hidden; }
a.more { float: right; color: #666 }
a.more:hover, ul.newsListUl li a:hover { color: #f30 }
ul.newsListUl li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.positionRe { position: relative; }
.bgGray { background: #F0F0F1 }
.bgGreeb { background: #4FC426 }
.fz18 { font-size: 18px; }
.switchBox { display: none; }
.txt-c { text-align: center; }
.txtIndent { text-indent: 2em; }
/*垂直居中*/
.aaa { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; }
.server-warp ul li, .caes-warp .case-list .caseListBox ul li, .case-warp .case-list a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*三角形*/
.top .documentary-list ul li p.up:after, .messageBox .msg-list dl dd .reply i { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; }
.top .documentary-list ul li p.down:after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #fff; }
.top { position: relative; height: 900px; }
.top .documentary { position: absolute; bottom: 0; left: 0; width: 100%; }
.top .wave-1, .top .wave-2, .top .wave-3 { width: 6939px; position: absolute; bottom: 0; }
.top .wave-1 { height: 376px; background: url(../image/wave-new-1.png) no-repeat; left: 0; }
.top .documentary-list { width: 105%; height: 220px; position: absolute; bottom: 60px; left: 0; z-index: 2; }
.top .documentary-list ul { width: 2466px; height: 160px; background: url(../image/time-line-1.png) no-repeat 0 bottom; }
.top .documentary-list ul li { width: 136px; height: 22px; position: absolute; }
.top .documentary-list ul li a { display: block; width: 136px; height: 22px; line-height: 22px; background: url(../image/time-ico-1.png) no-repeat; overflow: hidden; font-size: 20px; color: #fff; text-align: center; transition: 0s; }
.top .documentary-list ul li a.up { padding-bottom: 30px; background-position: center 30px; }
.top .documentary-list ul li a.down { padding-top: 30px; background-position: center 0; }
.top .documentary-list ul li p { text-align: justify; display: none; width: 160px; margin-left: -90px; padding: 10px; position: absolute; left: 50%;; background: #fff; border-radius: 10px; font-size: 14px; color: #666; z-index: 9999999999999999999999999; }
.seat-10 p { width: 220px !important; margin-left: -118px !important; }
.seat-12 p { width: 220px !important; margin-left: -118px !important; }
.seat-14 p { width: 220px !important; margin-left: -118px !important; }
.top .documentary-list ul li.on a.up { background-position: center -68px; }
.top .documentary-list ul li.w240 p { width: 240px; margin-left: -130px; }
.top .documentary-list ul li.on a.down { background-position: center -98px; }
.top .documentary-list ul li.on p { display: block; }
.top .documentary-list ul li p.up { top: 66px; }
.top .documentary-list ul li p.down { bottom: 35px; }
.top .documentary-list ul li p.up:after { top: -10px }
.top .documentary-list ul li p.down:after { bottom: -10px }
.top .documentary-list ul li p:after { position: absolute; left: 50%; margin-left: -8px; }
.top .documentary-list ul li.seat-0 { left: 60px; top: -4px; }
.top .documentary-list ul li.seat-1 { left: 170px; top: 130px; }
.top .documentary-list ul li.seat-2 { left: 384px; top: 100px; }
.top .documentary-list ul li.seat-3 { left: 517px; top: 4px; }
.top .documentary-list ul li.seat-4 { left: 648px; top: 112px; }
.top .documentary-list ul li.seat-5 { left: 808px; top: -30px; }
.top .documentary-list ul li.seat-6 { left: 944px; top: 86px; }
.top .documentary-list ul li.seat-7 { left: 1157px; top: 114px; }
.top .documentary-list ul li.seat-8 { left: 1320px; top: 61px; }
.top .documentary-list ul li.seat-9 { left: 1526px; top: 106px; }
.top .documentary-list ul li.seat-10 { left: 1661px; top: 0; }
.top .documentary-list ul li.seat-11 { left: 1758px; top: 144px; }
.top .documentary-list ul li.seat-12 { left: 1840px; top: -4px; }
.top .documentary-list ul li.seat-13 { left: 1944px; top: 130px; }
.top .documentary-list ul li.seat-14 { left: 2170px; top: 100px; }
.top .documentary-list ul li.seat-15 { left: 2295px; top: 4px; }
.top .documentary-list ul li.seat-16 { left: 2428px; top: 113px; }
.top .documentary-list ul li.seat-17 { left: 2585px; top: -27px; }
.top .documentary-list ul li.seat-18 { left: 2722px; top: 90px; }
.top .documentary-list ul li.seat-19 { left: 2936px; top: 115px; }
.top .documentary-list ul li.seat-20 { left: 3100px; top: 62px; }
.top .documentary-list ul li.seat-21 { left: 3307px; top: 105px; }
.top .documentary-list ul li.seat-22 { left: 3439px; top: 3px; }
.top .documentary-list ul li.seat-23 { left: 3538px; top: 150px; }
.top .documentary-list ul li.seat-24 { left: 3618px; top: -5px; }
.top .documentary-list ul li.seat-25 { left: 3726px; top: 130px; }
.top .documentary-list ul li.seat-26 { left: 3946px; top: 100px; }
.top .documentary-list ul li.seat-27 { left: 4073px; top: 5px; }
.top .documentary-list ul li.seat-28 { left: 4205px; top: 112px; }
.top .documentary-list ul li.seat-29 { left: 4364px; top: -30px; }
.top .documentary-list ul li.seat-30 { left: 4503px; top: 88px; }
.top .documentary-list ul li.seat-31 { left: 4716px; top: 115px; }
.top .documentary-list ul li.seat-32 { left: 4880px; top: 61px; }
.top .documentary-list ul li.seat-33 { left: 5085px; top: 106px; }
.top .documentary-list ul li.seat-34 { left: 5218px; top: 2px; }
.top .documentary-list ul li.seat-35 { left: 5317px; top: 146px; }
.top .documentary-list ul li.seat-36 { left: 5397px; top: -3px; }
.top .documentary-list ul li.seat-37 { left: 5502px; top: 129px; }
.top .documentary-list ul li.seat-38 { left: 5726px; top: 100px; }
.top .documentary-list ul li.seat-39 { left: 5854px; top: 34px; }
.top .documentary-list ul li.seat-40 { left: 5983px; top: 117px; }
.top .documentary-list ul li.seat-41 { left: 6144px; top: 0; }
.top .documentary-list ul li.seat-42 { left: 6277px; top: 88px; }
.top .documentary-list ul li.seat-43 { left: 6493px; top: 114px; }
.top .documentary-list ul li.seat-44 { left: 6652px; top: 60px; }
.top .l-r-move-btn a { position: absolute; bottom: 120px; display: block; width: 40px; height: 60px; z-index: 11; opacity: .4; filter: alpha(opacity=40); }
.top .l-r-move-btn a.left-btn { left: 20px; background: url(../image/jt-ico-1.png) no-repeat; }
.top .l-r-move-btn a.right-btn { right: 20px; background: url(../image/jt-ico-2.png) no-repeat; }
.top .l-r-move-btn a:hover { opacity: .8; filter: alpha(opacity=80); }
.news-top { position: absolute; bottom: 0; width: 100%; height: 52px; background: #ff0200; text-align: center; line-height: 52px; }
.news-top a { color: #FFCA66; font-size: 18px; display: none;}
.news-top a:hover { color: #ffd78b; }
/*main*/
.banner-1 img { width: 100%; }
.wrap { width: 1200px; margin: 0 auto; }
.main1 { margin: 105px 0; }
.m1_1 { text-align: center; }
.m1_1 p { color: #333333; font-size: 24px; letter-spacing: 5px; margin-top: 10px; }
.m1_2b { width: 560px; height: 400px; background: url(../image/gs-pxx.jpg) no-repeat center; }
.m1_2 { margin-top: 90px; }
.m1_2a { position: relative; }
.m1_2a_2 { position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; }
.m1_2a_2 img {
    cursor: pointer;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.m1_2a_2 img:hover {
    transform: rotate(360deg) scale(1.06, 1.06);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
/*简介视频*/
.fullmask { position: fixed; z-index: 102; left: 0; top: 100%; opacity: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .8); transition: top 0s ease 0.6s, opacity 0.6s ease 0s }
.fullmask video { margin-top: 5%; width: 100%; height: 70%; }
.fullmask .btn-close { position: relative; display: block; margin: 20px auto 0; width: 70px; height: 70px; background: url(../image/icon-video-close.png) no-repeat center; background-size: 80% auto; border-radius: 50%; cursor: pointer; }
.fullmask.on { top: 0; opacity: 1; transition: top 0s ease 0s, opacity 0.6s ease 0s; }
.m1_2b ul li span { font-family: victor1; color: #e62e2e; font-size: 36px; }
.m1_2b div { margin: 40px 0 0 90px; }
.m1_2b ul li { font-size: 30px; color: #333333; margin-bottom: 10px; }
.main2 { background: #f0f0f0; padding: 100px 0; }
.m2_1 ul li { float: left; margin: 0 30px 30px 0; }
.m2_1 ul { width: 1450px; }
.m1_1 { margin-bottom: 70px; }
.m2_1a img { display: block; width: 380px; height: 240px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.clear{display: block!important;}
.m2_1b { background: #fff; padding: 20px 25px; }
.m2_1b p { color: #333333; font-size: 14px; }
.sp_1 { font-size: 12px; background: url(../image/zzn_21.jpg) no-repeat center left; padding-left: 25px; line-height: 16px; display: inline-block; margin-right: 35px; margin-top: 15px; }
.sp_2 { font-size: 12px; background: url(../image/zzn_23.jpg) no-repeat center left; padding-left: 25px; line-height: 16px; display: inline-block; margin-right: 35px; margin-top: 15px; }
.m2_1a { overflow: hidden; }
.m2_1 ul li:hover .m2_1a img { transform: scale(1.1); }
.laosding a { display: block; width: 325px; height: 55px; background: #ff0200; line-height: 55px; text-align: center; color: #fff; font-size: 16px; border-radius: 30px; font-weight: bold; margin: 0 auto; margin-top: 40px; }
.main3 { margin: 100px 0; }
.m3_1a ul li { width: 540px; float: left; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin: 0 35px 30px 0; }
.m3_1a ul { width: 1450px; }
.m3_1 { border: 1px solid #cccccc; padding: 50px; }
.m3_1a_2 h3 { color: #333333; font-size: 16px; margin: 10px 0; line-height: 26px; }
.m3_1a_1 img { display: block; width: 180px; height: 120px; }
.m3_1a_2 { width: 300px; margin-right: 25px; }
/*15周年视频*/
.ny_hhdt1 img { width: 380px; height: 240px; display: block;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.ny_hhdt1 ul li { float: left; width: 380px; margin: 0 30px 30px 0; cursor: pointer; }
.ny_hhdt1 ul { width: 1350px; }
.ny_hhdt2 { background-color: #f5f5f5; }
.ny_hhdt2a { padding: 25px; }
.ny_hhdt2a p { color: #333333; font-size: 14px; background: url(../image/zzn_33.jpg) no-repeat center left; padding-left: 36px; }
.ny_hhdt2a span { color: #999999; font-size: 14px; font-weight: normal; margin-top: 15px; display: block; }
.ny_hhdt1 { overflow: hidden; }
.ny_hhdt1 ul li:hover .ny_hhdt1 img { transform: scale(1.1); }
/*视频中心*/
.ny_hhdt1 .play { opacity: 1; transition: opacity 700ms ease; position: absolute; z-index: 999; width: 100%; top: 50%; transform: translateY(-50%);
    padding-top: 6%; line-height: 60px; text-align: center; color: #fff; }
.ny_hhdt1 .video:hover .play { opacity: 1; }
.ny_hhdt1 .btn-play { position: relative; display: block; margin: 0 auto; width: 70px; height: 70px; background: url('../image/agah.png') no-repeat center; background-size: 100% auto; border-radius: 50%; cursor: pointer; }
.ny_hhdt1 .btn-play:after { position: absolute; content: ''; left: -2px; top: -2px; width: 64px; height: 64px; border: 5px solid #fff; border-radius: 50%; transform: scale(1.4); opacity: 0; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, border 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.ny_hhdt1 .btn-play:hover:after { transform: scaleX(1); opacity: 1; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, border 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s }
.ny_hhdt1 { position: relative; }
.sp_ppp { text-align: center; }
.sp_ppp h3 {
    display: inline-block;
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px;
    position: relative;
    line-height: 30px;
}
.sp_ppp h3::after {
    content: "";
    width: 3px;
    height: 14px;
    background: #ff0300;
    position: absolute;
    left: 0;
    top: 8px;
}
.sp_ppp h3::before {
    content: "";
    width: 3px;
    height: 14px;
    background: #ff0300;
    position: absolute;
    right: 0;
    top: 8px;
}
.video_pop video { position: absolute; left: 50%; width: 600px; top: 50%; margin-left: -300px; margin-top: -170px; }
.play_box { position: absolute; cursor: pointer; z-index: 2; color: #fff; transition: all .4s; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.play_box h3 { text-transform: uppercase; font-size: 36px; font-family: "en"; }
.play_box h4 { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.play_box .play_bar { display: flex; align-items: center; }
.play_box .play_bar img { width: auto; transition: all .4s; }
.play_box:hover .play_bar img { transform: rotate(360deg) scale(1.1, 1.1); }
.play_box .play_bar span { display: inline-block; border-bottom: 1px solid #fff; line-height: 30px; font-style: italic; margin-left: 20px; }
.video_pop { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 999 !important; display: flex; justify-content: center; align-items: center; display: none; }
.close_btn { width: 60px; height: 60px; position: absolute; right: 50%; top: 50%; margin-top: -200px; margin-right: -380px; background: url(../image/icon-video-close1.png) no-repeat center; z-index: 100; cursor: pointer; }
/*返回*/
.main5 { margin: 100px 0; }
.ly_tjs{height: 600px;overflow: hidden;overflow-y: auto;padding-bottom: 60px;}
.m5_1 input { height: 45px; width: 330px; display: block; padding-left: 15px; font-size: 14px; font-family: "微软雅黑"; margin-bottom: 20px; }
.m5_1 textarea { width: 98%; height: 140px; font-family: "微软雅黑"; padding: 15px 0 0 15px; font-size: 14px; }
.m5_2 ul li { padding: 25px 0 25px 0; border-bottom: 1px solid #e6e6e6; }
.m5_2b { width: 1090px; }
.m5_2b h3 span { font-size: 18px; color: #333333; display: inline-block; margin-right: 13px; font-weight: bold; }
.m5_2b h3 { color: #999999; font-size: 14px; margin: 13px 0; font-weight: normal; }
.m5_2b p { color: #666666; font-size: 14px; text-align: justify; }
.zty_nav { position: fixed; width: 120px; height: 280px; background: #fe3330; z-index: 100; top: 10%; right: 5%; padding: 20px; }
.zty_nav ul li { height: 47px; line-height: 47px; border-bottom: 1px solid #ff5c58; }
.zty_nav ul li a { color: #ffffff; font-size: 15px; padding-left: 13px; }
.dg-1 { border-bottom: 0 !important; }
/*留言板*/
.whd_sssx form { position: relative; }
.ly_2 { position: absolute; bottom: 20px; right: 30px; }
.ly_2 input { width: 100px; height: 40px; border: 0; color: #fff; background: #ff0200; border-radius: 5px; font-size: 14px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.etp_s1 { padding: 20px; border-bottom: 1px solid #e6e6e6; }
.etp_s1b { width: 1000px; margin-left: 10px; }
.m5_1{position: relative;}




.k4 {
    background: url(../image/new_ban.jpg) no-repeat center;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
.height {
    padding: 10% 0;
    width: 300px;
    height: 50px;
    margin: 0 auto;
}
.ny_nav {
    position: relative;
    top: -72px;
    z-index: 9;
}
.ny_nav {
    position: relative;
    top: -72px;
    z-index: 9;
}
.ny_nav_1 {
    background: url(../image/hx.png) no-repeat center;
    height: 72px;
}
.sy_wrap{width:1200px;margin: 0 auto;}
/*新闻内容*/
.news_cen_1 h3 { text-align: center; font-size: 24px; margin: 2% 0; color: #000; }
.news_cen_1p { text-align: center; position: relative; }
.syy { position: absolute; top: 45px; right: 0; display: inline-block; background: url(https://special.hanhua.com/skin/default/img/ny/fh.png) no-repeat center left; padding-left: 15px; font-size: 15px; }
.news_cen_1p span { font-size: 14px !important; }
.news_cen_1 p { line-height: 30px; font-family: "微软雅黑" !important; font-size: 15px; }
.news_cen_1 span { font-family: "微软雅黑" !important; font-size: 14px !important; }
.news_cen_1p { padding-bottom: 2%; border-bottom: 2px solid #ccc; margin-bottom: 20px; }
.news_cen ul li:hover .news_2 p { text-decoration: underline; }
.news_cen_1 div { line-height: 26px; font-size: 15px; font-family: "微软雅黑" !important; }
.news_cen_1 div p a img { width: 708px; padding: 10px 0; }
.news_cen_1 p a img { width: 700px !important; height: auto; padding: 10px 0; }
.news_cen_1 img { width: 700px !important; height: auto; margin-top: 8px; text-align: center !important; display: block; margin: 0 auto; padding: 10px 0; }
.qynk ul li img { width: 220px; height: 310px; }
.ny_text_news { padding-bottom: 100px; }
.dckft { background: #f3eeee; }
.news_cen_1 table img { width: auto !important; }
.ny_news { margin-top: 100px; }
.news_ny { padding-bottom: 100px; }
.news_cen_1p .syy { font-size: 14px; }
.ny_hhdt1_ny { margin-bottom: 200px; }