@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 14px/1.5 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #666; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { border: 0; }
a { color: #222; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/*com*/
.hd, .bd, .d, .d2, .inn, .inn2, .u, .u li, .pic, .txt, .box, .ptC, .ptC2, .ptC3, .ptC4 { position: relative; clear: both; overflow: hidden; }
.header, .footer, .area { clear: both; width: 100%; overflow: hidden; min-width: 1200px; }
.inn, .inn2 { width: 1200px; margin: 0 auto; }
.inn { z-index: 10; }
/*footer*/
.footer { font-size: 12px; height: 40px; line-height: 40px; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.f_link { float: right; margin-top: 11px; }
.f_link li { float: left; height: 18px; line-height: 18px; padding: 0 10px; background-position: 100% -487px; }
.f_link li.last { background: none; }
.footer .f_fcr { float: left; color: #f00; margin-right: 100px; }
.topbar { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; }
.cap { display: block; text-indent: -999px; overflow: hidden; }
.cap { width: 1198px; height: 284px; margin: 60px auto 0; background: url("../image/20200403bg_cap.png") 0 0 no-repeat; opacity: 0; }
.d2 { position: absolute; display: block; transition: all 1.5s; transition-delay: 0.7s; }
.opacity { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background: #000; opacity: .7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
/*P1*/
.P1 .inn { height: 675px; background: url(20200404bg_p1.jpg) center 0 no-repeat; }
.d_p1 { height: 675px; }
.bg1_1 { display: none; top: 310px; left: 50%; width: 182px; height: 281px; margin-left: 210px; background-image: url(20200403bg_hq.png); animation: fadeIn 4s ease; }
.bg1_2 { display: none; top: 340px; left: 50%; width: 285px; height: 245px; margin-left: -400px; background-image: url(20200403bg_hq2.png); animation: fadeIn 1.5s ease; }
.bg1_3 { position: absolute; top: 15px; left: 0; width: 125px; height: 54px; background-image: url(20200403bg_wz.png); }
.bg1_4 { position: absolute; top: 35px; left: 128px; width: 44px; height: 24px; background-image: url(20200403bg_jt.png); animation: hjt 1.1s .15s infinite; }
.d_btn { position: absolute; top: 342px; left: 50%; width: 240px; height: 110px; margin-left: -455px; }
.btn_rk { position: absolute; right: 0; top: 0; display: block; text-indent: -999px; width: 75px; height: 75px; background: url(20200403bg_btn.png) 0 0 no-repeat; overflow: hidden; animation: kuosan 2s linear infinite; }
.p_info { position: absolute; right: 20px; top: 627px; height: 38px; line-height: 38px; }
.p_info span { display: inline-block; width: 96px; height: 38px; line-height: 10em; background: url(20200403bg_info.png) 0 0 no-repeat; overflow: hidden; }
.p_info .s_wz2 { width: 246px; background-position: -316px 0; }
.p_info em { font-size: 45px; color: #fff; margin: 0 2px; }
.active .bg1_1, .active .bg1_2 { display: block; }
.active .d_btn { display: none; }
/*P2*/
.P1 { background: url(20200403bg_p11.jpg) center 0 no-repeat; }
.P2 { height: 1219px; background: url(20200403bg_p2.jpg) center 0 no-repeat; }
.P3 { height: 1063px; background: url(20200403bg_p3.jpg) center 0 no-repeat; }
.P4 { height: 828px; background: url(20200403bg_p4.jpg) center 0 no-repeat; }
.d_hd, .cap2 { background: url(20200403bg_main.png) 0 0 no-repeat; overflow: hidden; }
.d_hd { height: 100px; line-height: 20em; margin: 40px auto 20px; }
.cap2 { float: left; display: block; width: 200px; height: 46px; line-height: 10em; margin-top: 20px; background-position: 0 -120px; }
.cap2_2 { background-position: 0 -180px; }
.cap2_3 { width: 290px; background-position: 0 -240px; }
.cap2_4 { width: 290px; background-position: 0 -300px; }
.cap2 a { display: block; overflow: hidden; }
.fcR, .fcR:hover { color: #e82d2d; }
.box { padding: 0 28px; margin-bottom: 20px; background: #fff; border: 1px solid #eee; }
.box .hd { height: 85px; margin-bottom: 20px; border-bottom: 1px solid #b89b54; }
.box .a_more { position: absolute; right: 0; bottom: 16px; font-size: 20px; color: #e82d2d; }
.d_tt { text-align: center; height: 138px; padding-top: 20px; }
.d_ml { height: 858px; }
.d_sj { height: 688px; }
.d_js { height: 334px; }
.d_zj { height: 776px; }
.cap1 { font-size: 48px; font-weight: 600; color: #e82d2d; height: 66px; line-height: 66px; overflow: hidden; }
.cap1 a, .cap1 a:hover { color: #e82d2d; text-decoration: none; }
.d_info { font-size: 16px; height: 40px; line-height: 40px; padding-right: 70px; }
.d_info .a_m { position: absolute; top: 0; right: 0; }
.u_pt { width: 1200px; }
.u_pt li { float: left; clear: none; width: 212px; height: 336px; margin: 0 20px 20px 0; }
.pic img { width: 100%; }
.ptC { height: 210px; padding: 22px 26px; margin-bottom: 20px; background: #f9ede4; }
.ptC .pic { position: absolute; top: 22px; left: 26px; width: 310px; height: 210px; }
.ptC .txt { font-size: 18px; color: #999; height: 210px; line-height: 30px; padding-left: 325px; }
.cap3 { font-size: 30px; font-weight: normal; color: #222; height: 48px; line-height: 48px; margin-bottom: 10px; overflow: hidden; }
.pt32 .pic { left: inherit; right: 26px; }
.pt32 .txt { padding: 0 325px 0 0; }
.pt32 .cap3 { text-align: right; }
.ptC a:hover { text-decoration: none; }
.ptP2 { width: 1200px; }
.ptC2 { float: left; clear: none; font-size: 20px; text-align: center; width: 270px; height: 225px; line-height: 38px; margin-right: 20px; }
.ptC2 .pic { width: 270px; height: 152px; margin-bottom: 10px; }
.ptC2 .txt { height: 38px; }
.ptC2 a { color: #666; }
.ptC3 { color: #fff; width: 1140px; height: 639px; margin: 0 auto; background: url(20200403bg_zj.jpg) 0 0 no-repeat; }
.ptC3 .txt { font-size: 30px; height: 480px; line-height: 48px; padding: 74px 38px 0 610px; }
.ptC3 .pic { position: absolute; top: 74px; left: 30px; width: 547px; height: 348px; }
.d_yl { position: absolute; top: 436px; left: 30px; font-size: 36px; text-align: center; width: 547px; height: 120px; line-height: 60px; }
 @keyframes kuosan {
 0% {
 transform: scale(0);
 opacity: 1;
 filter: alpha(opacity=100);
}
 100% {
 transform: scale(1.5);
 opacity: 0;
 filter: alpha(opacity=0);
}
}
@-webkit-keyframes kuosan {
 0% {
 transform: scale(0);
 opacity: 1;
 filter: alpha(opacity=100);
}
 100% {
 transform: scale(1.5);
 opacity: 0;
 filter: alpha(opacity=0);
}
}
@-moz-keyframes kuosan {
 0% {
 transform: scale(0);
 opacity: 1;
 filter: alpha(opacity=100);
}
 100% {
 transform: scale(1.5);
 opacity: 0;
 filter: alpha(opacity=0);
}
}
@keyframes hjt {
 0% {
 transform: translate(0%, 0%);
}
 100% {
 transform: translate(15%, -15%);
}
}
@-webkit-keyframes hjt {
 0% {
 transform: translate(0%, 0%);
}
 100% {
 transform: translate(15%, -15%);
}
}
@-moz-keyframes hjt {
 0% {
 transform: translate(0%, 0%);
}
 100% {
 transform: translate(15%, -15%);
}
}