@charset "gb2312";
/* CSS Document */
*{padding:0;margin:0; font-family:"微软雅黑";}
body{font:.24rem/.36rem "Microsoft YaHei";width:6.4rem;margin:0 auto; color:#333; max-width:640px; min-width:320px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ol, ul, li, dl, dt, dd{list-style:none;}
input, button, textarea, checkbox, select, radio, form{vertical-align:middle;font-size:100%;}
img{border:0;max-width:100%; vertical-align:top;height:auto;}
i,em{font-style: normal;}
a{color:#333;text-decoration:none;font-size:100%;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#9a0b0d;opacity:0.9;}
.white{color:#fff;}
.fl{float:left;}
.fr{float:right;}
.mar_r{ margin-right:0!important;}
.clear{font-size:0;line-height:0;clear:both;overflow:hidden;zoom:1;}
.clearfix{zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
/*公共样式*/
.tit_box{ width:100%; height:.52rem; line-height:.52rem; color:#9a0b0d; font-weight:bold; font-size:.52rem; text-align:center; margin-bottom:.36rem;}
.bg01{ background:#fef2e2;}
.bk_top{ width:6rem; height:.4rem; margin:0 auto;background:url(../images/bk_top.png) no-repeat center bottom; background-size:6rem .4rem; padding-top:.62rem}
.bk_dw{ width:6rem; height:.4rem; margin:0 auto; background:url(../images/bk_dw.png) no-repeat center top; background-size:6rem .4rem;padding-top:.62rem}
.txt_box{ width:5.5rem; height:auto; text-indent:2em; font-size:.2rem; line-height:.36rem; margin:0 auto;}
.pad_top40{ padding-top:.4rem;}
.pad_dw40{ padding-bottom:.4rem;}
.btn_box{ width:5.2rem; height:.7rem; line-height:.7rem; font-size:.26rem; margin:0 auto; text-align:center; background:#ffa127;box-shadow:0 .02rem 0 #b16301;border-radius:.7rem;}
.btn_box a{width:5.2rem; height:.7rem; display:block; color:#fff;}
.mar_dw36{ margin-bottom:.36rem;}
.mar_top50{ margin-top:.5rem;}
/*logo*/
.logo{ width:6.4rem; height:auto;}
/*nav*/
.nav{ width:6.4rem; height:.6rem; margin:0 auto; background: url(../images/nav_bg.jpg) no-repeat;background-size:6.4rem .6rem; overflow:hidden;}
.nav ul li{ float:left; width:1.28rem; height:.6rem; text-align:center; line-height:.6rem;}
.nav ul li a{ color:#fff; font-size:.24rem; display:block;width:1.28rem; height:.6rem; background:url(../images/nav_line.png) no-repeat left top; background-size:.02rem .6rem;}
/*banner_qh*/
.banner_qh{ clear:both;width:6.4rem; height:auto; overflow:hidden;position:relative;}
.banner_qh #al{margin:0;}
.banner_qh .al_ct ul li{float:left; width:6.4rem; height:3.2rem; z-index:1;}
.banner_qh .al_tt { position:absolute; left:44%; bottom:.12rem;height:.12rem;width:.66rem; z-index:2;}
.banner_qh .al_tt ul li a { float: left; width:.12rem; height:.12rem; background:#ccc; cursor: pointer; margin:0 0.05rem;border-radius:.12rem;}
.banner_qh .al_tt ul li.hover a { display: block; background: #c50505;}
/*kjzx*/
.kjzx{ clear:both; width:6.04rem;margin:.6rem auto .4rem;}
.kjzx ul li{ float:left; width:2.68rem; height:1.16rem; padding:.18rem .12rem 0;background:url(../images/img05.jpg) no-repeat left top; background-size:2.92rem 1.34rem; margin:0 .05rem .22rem;}
.kjzx ul li a{ display:block; width:2.68rem; height:1rem;}
.kjzx ul li p{ float:left; width:1.68rem; height:.97rem; overflow: hidden;}
.kjzx ul li p strong{ color:#a16241; font-size:.28rem; line-height:.42rem; display:block;}
.kjzx ul li p span{ display:block; color:#333; line-height:.26rem; font-size:.18rem;}
.kjzx ul li img{ float:right; width:.97rem; height:.97rem;}
/*dsm_sp*/
.dsm_sp{width:5rem; height:3.3rem;background:#fff;box-shadow:0 0 .08rem #eee; padding:.06rem; margin:0 auto;}
.dsm_sp video{width:5rem; height:2.8rem;}
.dsm_sp p{width:5rem; height:.5rem; line-height:.5rem; background:#333; display:block; color:#fff; font-size:.2rem;}
.dsm_sp p span{ float:left; width:2.6rem; padding-left:.1rem;}
.dsm_sp p em{ float:right; width:1.62rem; }
.dsm_sp p em img{width:.37rem; height:.3rem; padding:.1rem .08rem 0 0;}
/*con02*/
.con02 .img_box{ width:5.82rem; height:auto; padding:.06rem .06rem 0;background:#fff;box-shadow:0 0 .08rem #eee;border-radius:.04rem; margin:0 auto .2rem;}
.con02 .img_box img{width:5.82rem; height:auto; margin-bottom:.06rem;}
.con02 ul{ width:5.5rem; border-left:1px solid #700010; margin:0 auto .38rem; padding:.3rem 0 .14rem;}
.con02 ul li{width:100%; margin-bottom:.16rem;}
.con02 ul li span{ float:left; width:.15rem; height:.15rem; margin-left:-.08rem; margin-top:.05rem}
.con02 ul li p{ font-size:.2rem; line-height:.26rem; float:right; width:5.3rem;}
/*con03*/
.con03 ul{ width:5.72rem; height:auto; margin:0 auto; background:#fff; padding-top:.1rem;}
.con03 ul li{ float:left; width:2.71rem; height:1.24rem; margin:0 0 .12rem .1rem; }
.con03 ul li a{ display:block;width:2.29rem; height:.91rem;background:url(../images/img07.jpg) no-repeat;background-size:2.71rem 1.24rem; padding:.17rem .21rem .16rem;}
.con03 ul li a:hover{display:block;width:2.29rem; height:.91rem; background:url(../images/img07_hover.jpg) no-repeat;background-size:2.71rem 1.24rem; padding:.17rem .21rem .16rem;}
/**/
.con03 ul li img{ width:.91rem; height:.91rem; float:left;}
.con03 ul li p{ float:right; width:1.22rem;}
.con03 ul li p strong{ width:100%; display:block; color:#242424; padding-top:.18rem;}
.con03 ul li a:hover p strong{ color:#650010;}
.con03 ul li p i{width:100%; display:block;color:#d49da2; line-height:.16rem; font-size:.14rem;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
/*zj_qh*/
.zj_qh{ clear:both;width:6.4rem; height:auto; overflow:hidden;}
.zj_qh #a2{margin:0;}
.zj_qh .al_ct{width:5.56rem; height:3.56rem; margin:.36rem auto;}
.zj_qh .al_ct ul li{float:left; width:5.56rem; height:3.56rem; z-index:1;}
/**/
.zj_qh .al_tt { width:5.9rem; height:auto; margin:0 auto; z-index:2;}
.zj_qh .al_tt ul li{ float:left; width:.95rem; text-align:center; margin:0 .1rem;}
.zj_qh .al_tt ul li img{ display:block; width:.95rem; height:.95rem; margin:0 auto;}
.zj_qh .al_tt ul li p{ width:100%; height:.36rem; line-height:.36rem; padding-top:.06rem; font-size:.28rem;color:#921717; font-weight:bold; }
.zj_qh .al_tt ul li span{ display:block;width:100%; height:.26rem; line-height:.26rem; font-size:.18rem;color:#333; overflow:hidden;}
.zj_qh .al_tt ul li em{width:100%; height:.3rem; line-height:.3rem; font-size:.22rem;color:#be2020;}
.zj_qh .al_tt ul li:nth-child(5){ width:1.1rem;}
.zj_qh .al_tt ul li.hover em{ color:#ad752b;}
/*con05*/
.con05 .img{ width:6rem; height:5.04rem; margin:0 auto;}
/*con06*/
.con06 h2{ width:100%; height:.4rem; line-height:.4rem; font-size:.4rem ; color:#8e0201; font-weight:bold; text-align:center; margin:.4rem auto;}
.zl_qh{ clear:both;width:6.4rem; height:auto; overflow:hidden;}
.zl_qh #a3{margin:0;}
.zl_qh .al_ct{width:5.41rem; height:5.1rem; margin:0 auto;}
.zl_qh .al_ct ul li{float:left; width:5.41rem; height:5.1rem; z-index:1;}
.zl_qh .al_ct ul li h3{width:5.41rem; height:3.18rem; display:block; margin-bottom:.3rem;}
.zl_qh .al_ct ul li h4{ width:5.41rem; height:1.61rem;}
.zl_qh .al_ct ul li h4 img{ float:left;width:1.61rem; height:1.61rem; margin-left:.16rem}
.zl_qh .al_ct ul li h4 p{ float: right; width:3.4rem;}
.zl_qh .al_ct ul li h4 p strong{ color:#a42810; line-height:.46rem; display:block; padding-top:.06rem;}
.zl_qh .al_ct ul li h4 p span{ display:block; font-size:.18rem; line-height:.3rem;}
/**/
.zl_qh .al_tt {height:.3rem;width:3.36rem; margin:.4rem auto 0; z-index:2;}
.zl_qh .al_tt ul li a { float: left; width:.3rem; height:.3rem; background:#ffccb1; cursor: pointer; margin:0 0.13rem;border-radius:.3rem;}
.zl_qh .al_tt ul li.hover a { display: block; background: #824a25;}
/*con07*/
.al_qh{width:5.7rem; height: auto;background:#fff;box-shadow:0 0 .08rem #eee; padding:.28rem .05rem .16rem; margin:0 auto;}
.al_qh #a4{margin:0;}
.al_qh .al_ct{width:5.43rem; height: auto; margin:0 auto;}
.al_qh .al_ct ul li{float:left; width:5.43rem; height:auto;}
.al_qh .al_ct ul li .col{width:5.43rem; height:auto; margin-bottom:.32rem; padding-bottom:.32rem; border-bottom:1px dashed #ad454c;}
.al_qh .al_ct ul li .col:nth-child(3){ margin-bottom:0; border:none;}
.al_qh .al_ct ul li h3{width:5.43rem; height:.36rem; line-height:.36rem; margin-bottom:.28rem;}
.al_qh .al_ct ul li h3 img{ width:.36rem; height:.36rem;}
.al_qh .al_ct ul li h3 p{ font-size:.22rem; float:left; width:4.5rem; height:.36rem; overflow:hidden;}
.al_qh .al_ct ul li h3 span{ font-size:.2rem; float:right; width:.93rem;height:.36rem; overflow:hidden; color:#8b0200; font-family:Arial, Helvetica, sans-serif;}
.al_qh .al_ct ul li h4{ width:5.43rem; height:3.23rem;}
.txt_box2{ width:5.43rem; height:auto; font-size:.2rem; line-height:.3rem; margin:.28rem auto 0;}
/**/
.al_qh .al_tt {width:5.7rem; margin:0rem auto 0; z-index:2;}
.al_qh .al_tt ul li{float:left; width:1.8rem; height:.59rem; line-height:.59rem; text-align:center; color:#333;background: url(../images/qh_bg.jpg) no-repeat;background-size:1.8rem .59rem; cursor: pointer; margin:0 0.05rem .1rem; font-size:.22rem;}
.al_qh .al_tt ul li.hover { display: block; background: url(../images/qh_bg_hover.jpg) no-repeat;background-size:1.8rem .59rem; color:#fff;}
/*foot*/
.foot{ clear:both;width:6.4rem; height:auto;}
/*全局样式*/
@media screen and (min-width:320px){html{font-size:312%;}}
@media screen and (min-width:350px){html{font-size:342%;}}
@media screen and (min-width:360px){html{font-size:351.5%;}}
@media screen and (min-width:375px){html{font-size:366%;}}
@media screen and (min-width:384px){html{font-size:375%;}}
@media screen and (min-width:400px){html{font-size:390%;}}
@media screen and (min-width:410px){html{font-size:400%;}}
@media screen and (min-width:412px){html{font-size:402%;}}
@media screen and (min-width:414px){html{font-size:404%;}}
@media screen and (min-width:480px){html{font-size:468%;}}
@media screen and (min-width:542px){html{font-size:529%;}}
@media screen and (min-width:600px){html{font-size:585%;}}
@media screen and (min-width:640px){html{font-size:625%;}}