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 { max-width: 100%; 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; }
body { max-width: 640px; min-width: 320px; margin: 0 auto; }
.fl { float: left }
.fr { float: right }
.clear { clear: both; overflow: hidden; height: 0; }
.mt-1 { margin-top: 1% }
.mt-2 { margin-top: 2% }
.mt-4 { margin-top: 4% }
.mt-3 { margin-top: 3% }
.mt-4 { margin-top: 6% }
.mb-4 { margin-bottom: 4% }
.mb-3 { margin-bottom: 3%; ; }
.mt-10 { margin-top: 10%; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 20px; overflow: hidden; }
.mb-10 { margin-bottom: 10%; }
.mb10 { margin-bottom: 10px; }
.mg-0-auto { margin: 0 auto; }
.mg-4-auto { margin: 4% auto; }
.w-100 { width: 100%; }
.w-100 { width: 100% }
.w96 { width: 96%; }
.w94 { width: 94%; }
.w92 { width: 92%; }
.hengfu { text-align: center; }
.img100 { width: 100%; display: block; }
.banner { width: 100%; }
.banner img { width: 100%; }
#wrapper { width: 32rem; margin: 0 auto; background: #ECECEC; overflow: hidden; box-shadow: 0px 0px 45px #5D5C61; position: relative; color: #333; }
#wrapper center img { max-width: 430px; height: auto; }
.wrap { width: 90%; margin: 0 auto; padding: 4% 2%; background-color: #fff; border: 1px solid #E7E7E7; }
/*

header css

*/


.js_top img { position: relative; }
.arta { width: 79%; height: 5.7rem; top: 0; left: 0; position: absolute; display: block; }
.flip { position: absolute; top: 0; left: 50%; width: 21%; height: 5.7rem; margin-left: 10.3rem; z-index: 9999999; }
.fu-daohang { width: 6.1rem; z-index: 99999; float: right; position: fixed; margin-left: 10.8rem; left: 50%; }
.fu-daohang ul li { opacity: 0.5; background: rgb(0, 0, 0); color: #fff; width: 100%; text-align: center; height: 2.55rem; line-height: 2.55rem; font-size: 1.05rem; display: block; float: left; margin-right: 1.3333%; margin-bottom: 1px; }
.fu-daohang ul li:nth-child(1) { border-top: 1px solid #fff; }
.i-logo { position: fixed; top: 0; left: 50%; margin-left: -18rem; z-index: 9999999; }
.top-nav { overflow: hidden; padding-bottom: 1px; margin: 0rem auto 0.4rem; }
.top-nav ul { display: flex; display: -webkit-flex; }
.top-nav ul li { width: 20%; height: 3.25rem; float: left; text-align: center; line-height: 3.25rem; background: #FFF; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; }
.top-nav ul li:last-child { border-right: none; }
.top-nav ul li a { width: 100%; display: block; font-size: 2.55rem; color: #777; }
.search form { position: relative }
.search input.key { display: block; width: 94%; height: 3.4rem; margin: 3% auto; border: #DBDBDB 1px solid; background: #FFF; text-indent: 2.25rem; color: #ADADAD; font-size: 1.25rem; }
.search input.go { width: 3rem; height: 3rem; position: absolute; right: 2.65rem; top: 0.4rem; background: url(../images/tubiao_01.jpg) no-repeat center; border: none }
/*neirongye mianbaoxie daohang

 * lqh add public 2017-3-21

 * */

.daohang { color: #727272; }
.daohang p { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: 1.2rem; }
.daohang a { color: #727272; font-size: 1.2rem; }
.daohang img { margin: -0.3rem 0.4rem 0; }
/* mianbaoxie end*/

/*header css end/*

  /*foorer css*/


.ft-daohang { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; border: 1px solid #E7E7E7; border-radius: 0.3rem; }
.ft-daohang div { width: 25%; background: #fff; border-right: 1px solid #d9d9d9; }
.ft-daohang div:last-child { border: none }
.ft-daohang div em { width: 2.65rem; height: 2.65rem; display: block; margin: 0.55rem auto; background: url(../images/i_bg01.png) -1.1rem -2.45rem; background-size: 24rem 5.5rem; }
.ft-daohang div a { text-align: center; margin-bottom: 0.55rem; display: block; }
.ft-daohang div:nth-child(2) em { background-position: -7rem -2.45rem; }
.ft-daohang div:nth-child(3) em { background-position: -10.05rem -2.45rem; }
.ft-daohang div:nth-child(4) em { background-position: -9.6rem -2.45rem; }
.ft-nav { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; border-bottom: 1px solid #08627E; margin-top: 3%; padding-bottom: 3%; }
.f-xian { width: 100%; height: 1px; background: #024B63; }
.ft-logo { width: 8.8rem; display: block; margin: 1% auto; }
.ft-liansuo ul { width: 90%; margin: 3% auto; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.ft-liansuo ul li { color: #fff; text-align: center; font-size: 1.3rem; padding: 0.2rem; }
.ft-liansuo ul li h3 { margin-bottom: 0.15rem; }
.ft-liansuo ul li h5 { font-size: 1.3rem; }
.ft-liansuo ul li:nth-child(3) { background: -webkit-gradient(linear, 0 0, 0 100%, from(#0D718B), to(#0A586A)); }
.ft-liansuo ul li:nth-child(7), .ft-liansuo ul li:nth-child(8), .ft-liansuo ul li:nth-child(9) { color: #7290A0; }
.ft-liansuo ul li:first-child { font-size: 1.2rem; width: 6rem; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; color: #04ACCB; }
.ft-info { margin: 3% auto; text-align: center; color: #fff; }
.ft-info h3 { font-size: 1.4rem; margin-bottom: 0.4rem; }
.ft-info h3 a { color: #fff; }
.ft-nav ul { display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; list-style: none; width: 96%; color: white; font-size: 1.3rem; margin: 0 auto; }
.ft-nav ul li a { color: white; }
/*lxh 2017-3-21*/

.wz-mt { width: 90%; background: #FFFFFF; border: #DFDFDF 1px solid; margin: 0 auto; border-radius: 0.25rem; }
.wz-nei { padding: 4% 2% }
/*2017-3-27*/

.sjL { border-bottom: #E5E6E8 1px solid }
.St { border-top: #E5E6E8 1px solid }
.jj_conter { font-size: 1rem; }
.daoyu { text-indent: 2em; font-size: 1.2rem; line-height: 2.1rem; }
.daoyu a { color: #e4af31; font-weight: bold; text-decoration: underline }
.jj_btn01 { width: 100%; display: block; height: 3.4rem;/* border:1px solid #a0a0a0; */ border-radius: 1.8rem; margin: 0rem auto 0; text-align: center; line-height: 3.4rem; font-size: 1.5rem; color: #fff; background: #e4af31; }
.jj_btn01 span { color: white; font-size: 1.5rem; opacity: 0; }
.anniu { width: 94%; margin: 4% 2%; overflow: hidden; }
.span1 { animation: show1 4s infinite; -moz-animation: show1 4s infinite; /* Firefox */ -webkit-animation: show1 4s infinite; /* Safari and Chrome */ -o-animation: show1 4s infinite; /* Opera */ }
.span2 { animation: show2 4s infinite; -moz-animation: show2 4s infinite; /* Firefox */ -webkit-animation: show2 4s infinite; /* Safari and Chrome */ -o-animation: show2 4s infinite; /* Opera */ }
.span3 { animation: show3 4s infinite; -moz-animation: show3 4s infinite; /* Firefox */ -webkit-animation: show3 4s infinite; /* Safari and Chrome */ -o-animation: show3 4s infinite; /* Opera */ }
.looter_bm { position: relative; padding: 1rem 0; margin-bottom: 6rem; }
.looter_bm img { width: 100%; }
.loot_conter { width: 62.56%; position: absolute; top: 5%; right: 0%; }
.loot_conter h3 { font-size: 1.1rem; font-weight: 400; margin-top: 1rem; }
.loot_conter h3 span { width: 11%; display: inline-block; float: left; margin-top: 2%; margin-right: 2%; }
.loot_conter h3 font {
font-size:.9rem; text-indent: 3em; display: inline-block; }
.lb_footer_btn { height: auto; overflow: hidden; margin-top: 1rem; }
.lb_footer_btn img { width: 43%; margin-right: 5%; }
.looter_fklsu { height: auto; overflow: hidden; text-align: center; }
.looter_fklsu h3 { text-align: center; font-size: 1.7rem; }
.looter_fklsu p { font-size: 1.3rem; line-height: 2.2rem; }
.looter_fklsu p strong { color: #47221a; font-size: 1.5rem; }
 @keyframes show1 { 0% {
opacity: 0;
}
 25% {
opacity: 1;
}
 50% {
opacity: 1;
}
 75% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-webkit-keyframes show1 { 0% {
opacity: 0;
}
 25% {
opacity: 1;
}
 50% {
opacity: 1;
}
 75% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @keyframes show2 { 0% {
opacity: 0;
}
 25% {
opacity: 0;
}
 50% {
opacity: 1;
}
 75% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-webkit-keyframes show2 { 0% {
opacity: 0;
}
 25% {
opacity: 0;
}
 50% {
opacity: 1;
}
 75% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @keyframes show3 { 0% {
opacity: 0;
}
 25% {
opacity: 0;
}
 50% {
opacity: 0;
}
 75% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-webkit-keyframes show3 { 0% {
opacity: 0;
}
 25% {
opacity: 0;
}
 50% {
opacity: 0;
}
 75% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
.jj_btn02, .jj_btn03 { width: 45%; display: block; height: 3.4rem; text-align: center; line-height: 3.4rem; font-size: 1.35rem; color: #fff; background: #e4af31; border-radius: 1.8rem; float: left; }
.jj_btn03 { float: right; background: #cb2e2e; }
.jj_wrap { width: 90%; margin: 0 auto; background-color: #fff; border: 1px solid #E7E7E7; }
.jj_wrap1 { width: 94%; margin: 0 auto; background-color: #fff; border: 1px solid #E7E7E7; padding-top: 4%; overflow: hidden; }
.jj_title { text-align: center; font-size: 1.2rem; }
.padd4_2 { padding: 4% 2%; }
.jj_title h4 { color: #b49e62; }
.jj_title h3 { font-size: 1.9rem; font-weight: bold; margin: 0.3rem 0; }
.jj_title .xian1 { width: 7.5rem; height: 0.15rem; background: #b49e62; margin: 0 auto }
.jj_title .xian2 { width: 31.5rem; height: 1px; background: #b49e62; margin: 0 auto }
.jj_text { width: 100%; height: 26.85rem; background: url(../images/yyjj_bg01.png) no-repeat left bottom/11rem auto; margin-top: 2.1rem; font-size: 1.05rem; line-height: 1.8rem; }
.jj_text p { float: right; width: 17.7rem; text-indent: 2em; }
.jj_text p+p { margin-top: 0.75rem; }
.lc_box { width: 100%; height: 61rem; background: url(../images/yyjj_bg02.jpg) no-repeat top left 8rem; background-size: 7.8rem auto; }
.lc_box ul { width: 12.75rem; }
.lc_box ul img { border: 1px solid #b49e62; padding: 1px }
.lc_box ul li p { margin-bottom: 0.35rem; }
.lc_box .ul1 li:nth-child(1) { margin-top: 1.5rem; }
.lc_box .ul1 li:nth-child(2) { margin-top: 1.2rem; }
.lc_box .ul1 li:nth-child(3) { margin-top: 1rem; }
.lc_box .ul1 li:nth-child(4) { margin-top: 1.2rem; }
.lc_box .ul1 li:nth-child(5) { margin-top: 1.5rem; }
.lc_box .ul2 li:nth-child(1) { margin-top: 0.2rem; }
.lc_box .ul2 li:nth-child(2) { margin-top: 1.2rem; }
.lc_box .ul2 li:nth-child(3) { margin-top: 1.45rem; }
.lc_box .ul2 li:nth-child(4) { margin-top: 1.45rem; }
.lc_box .ul2 li:nth-child(5) { margin-top: 1.45rem; }
.lc_box .ul2 li:nth-child(6) { margin-top: 1.45rem; }
.lc_box .ul1 { margin-left: 0.75rem; }
.lc_box .ul2 { margin-right: 0.75rem; }
.cont1 h2 { text-align: center; color: #e4af31; margin: 1.5rem auto }
.cont2_1 { overflow: hidden; background: #667080; padding: 4% 2% 0 }
.cont2_1 .daoyu { color: #fff; }
.cont2_1 ul li { width: 32%; float: left; margin-bottom: 4%; }
.cont2_1 ul li:nth-child(2), .cont2_1 ul li:nth-child(5) { margin-left: 2%; margin-right: 2%; }
.cont2_1 ul li h3 { background: #e4af31; text-align: center; color: #fff; line-height: 2.85rem; font-size: 1.2rem; }
.cont2_1 ul li div { background: #f6efdd; text-align: center; line-height: 2.1rem; padding: 0.75rem 0; }
.cont2_1 ul li img { width: 100%; ; }
.cont2_1 ul li p { border-bottom: dashed 1px #d2d2d2; }
.cont2_1 ul li p+p { margin-bottom: 0.55rem; }
.cont2_1 ul li a { color: #f00; }
.cont3 { overflow: hidden; }
.cont3 dl { text-align: center; }
.cont3 dl p { padding: 0.55rem 0; background: #f6efdd; }
.cont3 dl img { width: 100%; }
.cont3 dl dd { width: 47%; float: left; margin-top: 4%; }
.cont3 dl dd:nth-child(2n) { float: right; }
.cont4_01 { background: #667080; padding: 0 2% 4%; margin-top: 4%; overflow: hidden; }
.cont4_01 .daoyu { color: #fff; margin-top: 4%; }
.zj_box ul li { position: relative; }
.zj_box .ul1 li { width: 48%; float: left; background: #e4af2f; margin-bottom: 4%; }
.zj_box .ul1 li img { width: 50%; }
.zj_box .ul1 li div { margin:0 0 0 0.15rem; float: left; }
.zj_box ul li span { display: block; position: absolute; background: #c92c2c; color: #fff; border-radius: 50%; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.9rem; }
.zj_box .ul1 li h2 { text-align: center; margin-top: 0.75rem; }
.zj_box .ul1 li p { font-size: 1.05rem; margin-left: 0.3rem; }
.zj_box .ul1 li h3 { font-size: 1.05rem; font-weight: bold; text-align: center; margin-top: 1.15rem; }
.zj_box .ul1 img { float: left; }
.zj_box .ul1 li+li { float: right; }
.zj_box .ul1 li span { left: 6rem; top: 3.5rem; }
.zj_box .ul2 { overflow: hidden; text-align:center;}
.zj_box .ul2 li { background: #e4af2f; overflow:hidden;display:inline-block; width: 32%; position: relative; }
.zj_box .ul2 span { left: 1.5rem; top: 11rem; }
.zj_box .ul2 li+li { margin-left: 2%; }
.zj_box .ul2 li img { width: 100%; }
.zj_box .ul2 li p { float: left; padding:1.5rem 0.4rem 0.4rem; font-size: 1.05rem;  line-height: 1.15rem;}
.zj_box .ul2 li p:nth-of-type(2){ padding-top:0;}
.zj_box .ul3 li { width: 23.5%; float: left; background: #e4af2f; }
.zj_box .ul3 li img { width: 100%; }
.zj_box .ul3 li p { padding: 0.4rem; height:4.2rem;}
.zj_box .ul3 li+li { margin-left: 2%; }
.zj_box .ul3 li span { left: 5rem; top: 9rem; }
.cont5 { overflow: hidden; }
.al_box ul { position: relative; width: 100%; height: 37.5rem; }
.al_box ul li { position: absolute; }
.al_box ul li img { width: 100%; }
.al_box img { width: 100%; }
.cont7 { overflow: hidden; }
.introduce .introduce_nav { overflow: hidden; margin: 3% 0; }
.introduce .introduce_nav li { width: 24%; float: left; margin-right: 1.3333%; background: #AAADAF; font-size: 1.2rem; color: #fff; padding: 3% 0; text-align: center; }
.introduce .introduce_nav li:last-child { margin-right: 0; }
.introduce .introduce_nav li.on { background: #eb7d04; }
.introduce .introduce_content { margin: 0 0.5%; }
.introduce_content .swiper-container .swiper-slide { position: relative; margin-right: 2%; }
.swiper-slide img { width: 100%; }
.introduce_content .swiper-container .swiper-slide span { display: block; width: 100%; height: 3.75rem; background: #000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; left: 0; bottom: 0; }
.introduce_content .swiper-container .swiper-slide p { width: 90%; height: 3.15rem; color: #fff; position: absolute; left: 0; bottom: 0; padding: 0 5%; text-align: center; padding-top: 0.4rem; font-size: 1.05rem; }
.cen .swiper-slide p { line-height: 2.7rem; }
.cont5_1 { background: #e4af2f; color: #333; overflow: hidden; margin-top: 3%; }
.cont5_1 dl dd { width: 46%; padding: 2%; float: left; }
.cont5_1 dl dd i { font-size: 2.7rem; text-align: center; width: 100%; border-bottom: 1px solid #333; font-weight: bold; display: block; }
.cont5_1 dl dt { width: 50%; float: right; }
.cont5_1 dl:nth-child(3) dt { float: left; }
.cont5_1 dl dt img { width: 100%; }
.cont5_1 dl dd span { font-weight: bold; line-height: 2.25rem; text-align: center; display: block }
.cont5_1 dl dd p { line-height: 1.8rem; }
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; }
}