@charset "gb2312";
html, body { -webkit-text-size-adjust: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }
input[type="date"]:before { content: attr(placeholder); }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
input, textarea, select, form, fieldset { vertical-align: top; }
img {vertical-align: top; border: 0; }
a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());}
:focus { outline: none; }
.red, .red a { color: #F00; }
.left { float: left; }
.right { float: right; }
.autohei { overflow: hidden; zoom: 1; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.blank { font-size:0; line-height:0; height: 20px; clear: both; overflow: hidden;}
.yahei, .yahei * { font-family: Microsoft YaHei; }
.songti, .songti * { font-family:SimSun; }
.img { text-align: center; overflow: hidden;}
.aaaaaa{}
body { font-size: 12px; background: #fff; }
/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/
html { font-size: 10px; }
.blank { height: 1rem;}
img { max-width: 100%;}
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; }



/*Í·²¿*/
.relative { position: relative; }
.absolute { position: absolute; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.header { width: 100%; height: 5.1rem; background-color: #2e3641; position: relative; }
.showMenuBtn { width: 2.4rem; height: 2.4rem; left: 3%; top: 50%; position: relative; cursor: pointer; }
.showMenuBtn a { display: block; width: 100%; height: 0.3rem; margin-top: -0.15rem; top: 50%; left: 0; position: absolute; outline: none; background: #868e96; -moz-transition: background 0.3s linear .3s; -webkit-transition: background 0.3s linear .3s; transition: background 0.3s linear .3s; }
.showMenuBtn a:after, .showMenuBtn a:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #868e96; -moz-transition: top 0.3s linear .3s, transform .3s ease-in .1s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-in .1s; transition: top 0.3s linear .3s, transform .3s ease-in .1s; }
.showMenuBtn a:after { top: 0.7rem; }
.showMenuBtn a:before { top: -0.7rem; }
.showMenuBtn.show a { background-color: rgba(106,115,128,0 ); }
.showMenuBtn.show a:after { top: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s; }
.showMenuBtn.show a:before { top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s; }
.showMenuBtn a em { background-color: #e60012; border-radius: 50%; -moz-box-shadow: 0 0 0.2rem rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 0.2rem rgba(0,0,0,0.5); box-shadow: 0 0 0.2rem rgba(0,0,0,0.5); display: block; height: 0.7rem; position: absolute; right: -0.3rem; top: -1.2rem; width: 0.7rem; z-index: 10; }
.header h1 { width: 22.75rem;; left: 50%; top: 50%; }
.header .topTell { width: 3.1rem; height:3.1rem; right: 3%; top: 50%; position: absolute; }
.popMenus { position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754; -moz-transition: all .6s ease-out 0s; -webkit-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); z-index: 200; }
.popMenus.show { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.pop_title { position: relative; z-index: 2; background-color: #2e3642; padding: 0 3%; box-sizing:border-box; overflow:hidden;}
.pop_title span { display: inline-block; float: left; font-size: 1.5rem; line-height: 2.66; color: #868e96; }
.closePopMenu { display: block; width: 2.45rem; height: 2.35rem; right: 3%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #2e3642; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute; width: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom: 4rem; }
.menuNavs ul li { font-size: 1.3rem; line-height: 2.57; padding-left: 9%;  box-sizing:border-box;}
.menuNavs ul li.on { background-color: #3f4754; }
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents { width: 62.2%; height: 100%; overflow: hidden; float: left; padding: 0 6%; box-sizing:border-box; }
.menuContent { width: 100%; height: 100%; overflow: hidden; }
.menuList h4 { font-size: 1.4rem; color: #fff; line-height: 1.83; border-bottom: 0.1rem solid #525c6b; margin-top: 2%; font-weight: normal; }
.menuList h5 { font-size: 1.4rem; color: #fff; line-height: 1.83; border-top: 0.1rem solid #525c6b; padding-top: 0.5%;  box-sizing:border-box;font-weight: normal; }
.menuList h5 a { color: #fff; }
.menuList .links { padding: 3% 0.5%; box-sizing:border-box; }
.menuList .links a { display: block; display: inline-block; color: #a9a9a9; font-size: 1.1rem; line-height: 2.2; margin-right: 1.2rem; overflow: hidden; }
.menuList .links a.hot:after { content: ''; position: absolute; width: 0.45rem; height: 0.55rem; background: url(../images/h.png) no-repeat; background-size: 1.2rem 1.2rem; top: 0; right: -0.5rem; }
.menuList .links a.hot.active:after { -webkit-animation: shake .4s linear 0s 1; animation: shake .4s linear 0s 1; }
.menuList .links a span { color: #f85c2a; }

/*Ðü¸¡µ¼º½*/
.zt_navBox { width: 100%; height: 3.2rem; background-color: #FFF; position: relative; top: 0; left: 0; -moz-box-shadow: 0 0.2rem 0.35rem rgba(34,23,20,.5); -webkit-box-shadow: 0 0.2rem 0.35rem rgba(34,23,20,.5); box-shadow: 0 0.2rem 0.35rem rgba(34,23,20,.5); z-index: 10; }
.zt_navBox .fallBack, .zt_navBox .zt_moreBtns { display: block; width: 22%; float: left; font-size: 1.2rem; line-height:3.2rem; color: #6a7380; position: relative; text-align: center; }
.zt_navBox .zt_moreBtns { float: right; }
.zt_navBox.sticky { position: fixed; z-index: 9; }
.zt_navBox.fixed { position: fixed; z-index: 9 }
.zt_navBox .fallBack a { display: block; width: 100%; height: 100%; color: #6a7380; text-decoration: none; font-size: 1.2rem; }
.zt_navBox .zt_title { width: 56%; float: left; text-align: center; font-size: 1.4rem; color: #434343; line-height: 3.2rem; }
.zt_navBox .fallBack:before { content: ''; position: absolute; top: 50%; left: 50%; width: 1.2rem; height:.7rem;
background: url(../images/arrow.jpg) no-repeat; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top:-.3rem;
margin-left: -2.5rem; ; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.zt_navBox .zt_moreBtns:after { content: ''; position: absolute; top: 50%; right: 50%; width: 1.2rem; height:.7rem;
background: url(../images/arrow.jpg) no-repeat; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top:-.4rem;
margin-right: -2.7rem; -moz-transition: transform 0.3s ease-in 0s; -webkit-transition: transform 0.3s ease-in 0s; transition: transform 0.3s ease-in 0s; }
.zt_navBox .zt_moreBtns.active:after { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }


.banner{ width:100%;}
.menu{ width:100%; height:17.8rem; background:url(../images/menu_bg.jpg) no-repeat center top; background-size:100% 17.8rem; text-align:center;}
.menu ul{ text-align:center; padding:0.7rem 0 1rem; font-size:0;}
.menu ul li{ width:7.3rem; height:8.6rem; display:inline-block; vertical-align:middle; text-align:center;}
.menu ul li h3{ width:4.5rem; margin:0 auto;}
.menu ul li p{ color:#fff; font-size:1.2rem; padding-top:1rem;}
.menu ul li+li{ background:url(../images/menu_dh.png) no-repeat center left; background-size:0.1rem 8.6rem;}
.menu_an{ width:12rem; margin:0 auto; overflow:hidden;}


.jun_dy1{ padding:2rem 0 2.5rem; overflow:hidden;}
.dy1_tit{ width:100%; height:7.6rem; background:url(../images/dy1_tit.png) no-repeat center top; background-size:100% 7.6rem; text-align:center; position:relative;}
.dy1_tit h2{ font-size:2.2rem; color:#542651; line-height:2.5rem; font-weight:bold; padding-top:0.7rem;}
.dy1_tit h2 span{ color:#fb4a01;}
.dy1_tit p{ color:#542651; font-size:1.3rem; line-height:2rem;} 
.dy1_tit h3{ position:absolute; top:0;  right:0; width:6.55rem;}

.jun_ty{ width:100%; overflow:hidden;}
.jun_ty p{ font-size:1.2rem; line-height:2.1rem; padding:0.5rem 1rem; text-align:justify; text-indent:2em; color:#462a55;}
.jun_ty ul{ padding:1rem; text-align:center; font-size:0; overflow:hidden;}
.jun_ty ul li{ width:9rem; display:inline-block; vertical-align:middle; text-align:center;}
.jun_ty ul li h3{ width:6.3rem; margin:0 auto;}
.jun_ty ul li h4{ font-size:1.2rem; color:#462a55; line-height:1.5rem; padding-top:0.5rem;}
.ty_tow p{ color:#fff;}
.ty_tow ul li h4{ color:#fff;}


.dy1_dt{ width:29.9rem; height: 18.35rem; margin:1rem auto 2rem; background:url(../images/dy1_04.jpg) no-repeat center top; background-size:29.9rem 18.35rem; position:relative;}
.dy1_dt h5{ overflow:hidden; width:27.55rem; margin:0 auto; position:absolute; top:50%; left:50%; border-radius:15.7rem;}
.jun_an{ width:18.05rem; margin:0 auto; overflow:hidden;}

.jun_dy2{ width:100%; height:auto; background:url(../images/dy2_bg.jpg) no-repeat center top; background-size:100% 42rem; box-sizing:border-box; overflow:hidden; padding-top:1.5rem;}
.dy2_sp{ width:100%; text-align:center;margin:1rem auto;} 
.dy2_vid{ padding:1.25rem 3.3rem 2rem 3.9rem;box-sizing:border-box;  width:30rem; margin:0 auto; height:18.6rem; background:url(../images/dy2_04.png) no-repeat center top; background-size:30rem 18.6rem; overflow:hidden;}
.dy2_vid video{ height:100%; width:100%; background:#000;}
.dy2_sp h4{ text-align:center; color:#542651; font-size:1.25rem;  line-height:1.5rem;}
.jun_dy2 .jun_an{ width:19.05rem;}
.dy2_dx{ margin-top:0.7rem;}

.jun_dy3{ padding:3rem 0; overflow:hidden;}
.dy3_db{ width:29.9rem; margin:1rem auto 0; }
.dy3_db ul{ overflow:hidden; padding:1.5rem 0;}
.dy3_db li{ width:100%; overflow:hidden; margin-bottom:1.2rem; position:relative;}
.dy3_db li p{ width:14.5rem; text-align:center; background:#615760; float:left; color:#fff;}
.dy3_db li p:nth-of-type(even){ background:#6a3066; float:right;}
.dy3_db li p span{ display:inline-block; width:100%; text-align:center; line-height:2.5rem;}
.dy3_db li h4{ position:absolute; top:40%; left:50%; width:4.05rem; height:4.05rem; overflow:hidden; border-radius:50%; line-height:4.05rem; text-align:center; font-size:1.2rem; color:#fff; background:#542651;}
.jun_dy3 .jun_an{ width:19.05rem;}


.jun_dy4{ width:100%; height:auto; background:url(../images/dy4_bg.jpg) no-repeat center top; background-size:100% 39rem; box-sizing:border-box; overflow:hidden; padding-top:2.25rem;}
.dy4_dg{ width:29rem; margin:0 auto; overflow:hidden;}
.dy4_xm{ width:100%; height:35.5rem; background:url(../images/dy4_07.png) no-repeat center top; background-size:100% 35.5rem; margin-top:0.7rem; overflow:hidden;}
.dy4_xm h4{ width:29.9rem; margin:6.1rem auto 2.4rem; overflow:hidden; border-radius:0.55rem;}
.jun_dy4 .jun_an{ width:20.4rem;}

.jun_dy5{ padding:2rem 0 3rem; overflow:hidden;}
.dy5_zj{ width:100%; height:20.85rem; background:url(../images/dy5_04.jpg) no-repeat center top; background-size:100% 20.85rem;}
.dy5_zj_nr{ width:16rem; float:right; padding-top:2.2rem;}
.dy5_zj_nr h2{ width:10.4rem;}
.dy5_zj_nr h3{ font-size:1.15rem;line-height:2rem; color:#fff; padding:0.7rem 0;}
.dy5_zj_nr h3 span{ display:inline-block; vertical-align:middle; width:0.8rem; height:0.95rem; margin-right:0.3rem;}
.dy5_zj_nr h4{ width:14.3rem; height:4.95rem; background:url(../images/dy5_07.png) no-repeat center top; background-size:14.3rem 4.95rem; box-sizing:border-box; padding-top:0.5rem; text-align:center; color:#fff; font-size:1.2rem; line-height:1.95rem; }
.dy5_zj_nr h5{ width:10.25rem; margin:1rem auto; overflow:hidden;}
.dy5_yd{ width:100%; height:28.9rem; background:url(../images/dy5_09.jpg) no-repeat center top; background-size:100% 28.9rem; text-align:center; margin-bottom:2.4rem;}
.dy5_yd h2{ color:#fff; font-size:1.25rem; line-height:2.1rem; padding-top:2.3rem;}
.dy5_yd h2 b{ font-size:2.1rem;}
.dy5_yd h3{ text-align:center; font-size:0;  overflow:hidden; padding:1.8rem 0;}
.dy5_yd h3 span{ display:inline-block; vertical-align:middle; width:13.15rem; margin:0 0.25rem;}
.dy5_yd p{ font-size:1.2rem; line-height:2.1rem; padding:0 3rem; text-align:left; color:#fff; text-align:justify;}
.jun_dy5 .jun_an{ width:18.3rem;}

.jun_dy6{ width:100%; height:58rem; background:url(../images/dy6_bg.jpg) no-repeat center top; background-size:100% 58rem;  box-sizing:border-box; overflow:hidden; padding-top:3rem;}
.dy6_wz{ padding:2rem 1rem 0; text-align:justify; color:#fff; font-size:1.2rem; line-height:2.1rem; text-indent:2em;}
.dy6_wz a{ color:#fb4a01; border-bottom: 0.1rem solid #fb4a01;}
.dy6_qh{ width:29.9rem; margin:2rem auto 0;}
.dy6_qhc{ width:100%; overflow:hidden;}
.dy6_qhc h3{ line-height:1.7rem; padding:1.5rem 0 0.7rem; border-bottom:1px dashed #b6a0b5; color:#fff; font-size:1.3rem; }
.dy6_qhc h3 span{ margin-right:1.5rem;}
.dy6_qhc h3 img{ display:inline-block; vertical-align:top; width:1.7rem; height:1.7rem; margin-right:0.3rem; }
.dy6_qhc table{ width:100%; overflow:hidden; margin-top:1rem;}
.dy6_qhc table tr{ line-height:2.1rem; font-size:1.2rem; color:#fff; margin-top:0.2rem;}
.dy6_qhc table tr span{ color:#fb4a01;}
.dy6_qhc table td{ vertical-align:top;}
.dy6_qhc .ydk{ width:6rem;}
.dy6_qht{ width:100%; text-align:center; overflow:hidden; font-size:0; padding:2rem 0;}
.dy6_qht li{ width:0.75rem; height:0.75rem; display:inline-block; vertical-align:middle; margin:0.1rem 0.5rem; border-radius:50%; background:#fff;}
.dy6_qht li.hover{ background:#fb4a01;}
.jun_dy6 .jun_an{ width:18.3rem;}


.jun_dy7{ padding:2.5rem 0; overflow:hidden;}
.dy7_jd{ width:29.9rem; margin:0 auto; overflow:hidden;}
.dy7_jd ul{ overflow:hidden; padding-bottom:1rem;}
.dy7_jd ul li{ margin-bottom:1rem; overflow:hidden;}
.dy7_jd ul li cite{ width:3.5rem; float:left; display:block;}
.dy7_jd_w{ width:21.5rem;}
.dy7_jd ul li p{ padding:0.25rem 1rem;  position:relative; background:#e9e7e5; border-radius:0.5rem; line-height:1.9rem; color:#542651; display:inline-table; margin:0.5rem 0 0 1.5rem;}
.dy7_jd ul li p:before { content:""; width:0.7rem; height:0.9rem; position:absolute; top:0.7rem; left:-0.65rem; background:url(../images/dy7_03.png) no-repeat center top; background-size:0.7rem 0.9rem; }
.dy7_jd ul li:nth-of-type(even) cite{ float:right; margin-top:0.8rem;}
.dy7_jd ul li:nth-of-type(even) p{ padding:0.25rem 1rem; position:relative; background:#542651; border-radius:0.5rem; line-height:1.9rem; color:#fff; display:inline-table; margin:0 1.5rem 0 0;}
.dy7_jd ul li:nth-of-type(even) p:before { content:""; width:0.9rem; height:1rem; position:absolute; top:1.9rem; left:19.9rem;  background:url(../images/dy7_04.png) no-repeat center top; background-size:0.7rem 0.9rem; }
.dy7_gz{ padding-top:1.5rem; text-align:center;}
.dy7_gz h3{ font-size:1.5rem; font-weight:bold; color:#542651;}
.dy7_gz h3 span{ color:#f3543b;}
.dy7_gz dl{ width:29.8rem; margin:0 auto; padding-top:1.5rem;}
.dy7_gz dl dt{ width:14.75rem; float:left; margin-top:0.3rem;}
.dy7_gz dl dd{ width:14.75rem; float:right; margin-top:0.3rem;}
.jun_dy7 .jun_an{ width:18.3rem;}


.wz_foot { overflow: hidden; height: 13.5rem; background: url(../images/wz_foot_bg.png) no-repeat center top/32rem 13.5rem; box-sizing: border-box; margin-bottom: 4.8rem; width: 32rem; }
.wz_foot_con { overflow: hidden; zoom: 1; margin-top: 1rem; }
.wz_foot_con h2 { font-size: 1.8rem; color: #333; text-align: center; }
.wz_foot_con div { width: 20rem; padding:0.6rem 0; margin:0 auto; overflow: hidden; zoom: 1; }
.wz_foot_con div i { display: block; float: right; width:2.5rem;}
.wz_foot_con div i img{ width:2.5rem; height:3.4rem;}
.wz_foot_con div p { overflow: hidden; zoom: 1; text-align: center; font-size: 1rem; color: #333; line-height: 1.5rem; padding-top: 0.2rem; }
.hdjs{ width:30rem; height:5.7rem; margin:0 auto; background:url(../images/hdjs.png) no-repeat center top; background-size:30rem 5.7rem; overflow:hidden;}
#slide-well { -webkit-user-select: none; -moz-user-select: none; border-radius: 2rem; font-size: 0.8rem; overflow: hidden; width:24rem; z-index: 999; box-sizing: border-box; height: 4rem;  margin: 1rem auto; }
#slide-well h2 { 
background: -moz-linear-gradient(left, #4d4d4d, 0.4, #4d4d4d, 0.5, white, 0.6, #4d4d4d, #4d4d4d);
 background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(0.4, #4d4d4d), color-stop(0.5, white), color-stop(0.6, #4d4d4d), color-stop(1, #4d4d4d)); 
 -moz-background-clip: text; 
 -webkit-background-clip: text; 
 -moz-text-fill-color: transparent; 
 -webkit-text-fill-color: transparent; 
 animation: donghua 10s ease infinite;
  -webkit-animation: donghua 10s ease infinite;
  font-size: 1.5em; padding: 0; width: 100%; -webkit-text-size-adjust: none; overflow: hidden; }
#slider { background: url(../images/arrow.png) no-repeat; width: 3.7rem; height: 3.7rem; margin-right:1.5rem; display: inline-block; position: relative; top: 0rem; left: 0rem; vertical-align: middle; line-height: 1; background-size: 100% auto; transition: left 0s ease; -webkit-transition: left 0s ease; font-weight: 300; float:left; }
#slide-well b { font-weight:normal; line-height:1.8rem; display:block;}
#slide-well strong{ font-weight:bold; font-size:2rem;}
#slide-well a{ text-decoration:none;}

#slider[style*="top:"], #slider[style*="top :"] { top: 0 !important; }
@-webkit-keyframes donghua { 0% {
background-position: -35rem 0;
}
 100% {
background-position: 35rem 0;
}
}
@keyframes donghua { 0% {
background-position: -35rem 0;
}
 100% {
background-position: 35rem 0;
}
}

	

html { font-size: 10px; font-size: calc(100vw / 32);}
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}