@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:6.12rem; height:.7rem; line-height:.7rem; background:#940b05; margin:0rem auto .5rem; padding:0 .12rem 0 .16rem;}
.tit_box p{ float:left; width:2.65rem; color:#fdfbee; font-size:.38rem; font-weight:600;background:url(../images/tit_l.png) no-repeat left .23rem;background-size:.04rem .28rem; padding-left:.14rem;letter-spacing:.02rem;}
.tit_box span{ float:right;  width:3.33rem; height:.44rem; line-height:.44rem; margin-top:.13rem; background:#fdfbee;border-radius:.44rem; overflow:hidden;}
.tit_box span a{ color:#333;}
.tit_box span a.dh{ float:left;display:block; width:2.08rem; font-size:.22rem; height:.44rem; background:url(../images/line02.png) no-repeat right top;background-size:.02rem .44rem;}
.tit_box span a.dh img{ width:.27rem; height:.27rem; padding:.1rem .07rem 0 .14rem;}
.tit_box span a.zx{float:left;display:block; width:1.13rem; font-size:.2rem; height:.44rem; margin-left:.12rem;}
.tit_box span a.zx img{width:.1rem; height:.17rem; padding:.14rem .0rem 0 .1rem;}
/**/
.btn_box{ width:2.48rem; height:auto; margin:.4rem auto .6rem;}
.btn_box p{ width:100%; text-align:center; line-height:.5rem; font-size:.26rem;}
.btn_box a{ display:block; margin:0 auto; width:2.48rem; line-height:.5rem; height:.5rem; text-align:center;font-size:.3rem; font-weight:600; color:#fff; background:#ff9703;border-radius:.5rem;}
.btn_box1{ width:3.48rem;}
/*logo*/
.logo{ width:6.4rem; height:auto;}
/*nav*/
.nav{ width:6.4rem; height:.54rem; margin:0 auto; background:#860200; overflow:hidden;}
.nav ul li{ float:left; width:1.28rem; height:.54rem; text-align:center; line-height:.54rem;}
.nav ul li a{ color:#fff; font-size:.24rem; display:block;width:1.28rem; height:.54rem; background:url(../images/nav_line.jpg) no-repeat right top; background-size:.02rem .54rem;}
/*banner*/
.banner{ width:6.4rem; height:auto;}
/*con01*/
.con01{ width:6.4rem; margin:.56rem auto 0;}
.con01 ul{width:6.12rem; margin:0 auto;}
.con01 ul li{ background:#fcfbf8; float:left; width:1.86rem; height:3.93rem; border:0.01rem solid #e5e5e4; margin:0 .08rem .26rem;}
.con01 ul li .img01{ display:block; width:.37rem; height:.51rem; padding:0 0 .04rem 1.36rem;}
.con01 ul li .img02{ display:block; width:1.32rem; height:1.32rem; margin:0 auto .14rem;}
.con01 ul li h2{ width:100%; text-align:center; font-size:.23rem; line-height:.42rem;}
.con01 ul li p{ width:100%; text-align:center; font-size:.17rem; line-height:.22rem; color:#7b0601;}
.con01 ul li span{ background:#b7b7b7; width:.45rem; height:.03rem; display:block; margin:.1rem auto .3rem;}
.con01 ul li em{ width:1.6rem; height:.4rem; line-height:.4rem; background:#940b05; display:block; text-align:center; font-size:.15rem; color:#fdfbee; margin:0 auto; overflow:hidden;}
.con01 ul li:nth-child(4),.con01 ul li:nth-child(5),.con01 ul li:nth-child(6){ margin-bottom:0;}
/*con02*/
.con02{width:6.4rem; height:auto;}
.con02 ul{width:6.14rem; margin:0 auto;}
.con02 ul li{width:2.89rem;margin:0 .08rem .26rem; float:left; border:.01rem solid #d2d2d2; padding-bottom:.13rem;}
.con02 ul li video{width:2.89rem; height:2.17rem;}
.con02 ul li h2{ width:2.66rem; margin:.1rem auto .13rem; border-bottom:0.01rem solid #ebebeb; padding-bottom:.16rem;}
.con02 ul li h2 p{ font-size:.2rem; line-height:.44rem;}
.con02 ul li h2 span{ color:#959595;font-size:.12rem; line-height:.13rem;}
.con02 ul li h2 span img{ width:.11rem; height:.13rem; padding:0 .04rem 0 0;}
.con02 ul li h3{width:2.66rem;height:.58rem; line-height:.58rem; margin:0 auto;}
.con02 ul li h3 p{ float:left;  width:1.36rem;height:.58rem;overflow:hidden; color:#111; font-size:.17rem;}
.con02 ul li h3 p img{width:.58rem;height:.58rem; padding-right:.04rem;}
.con02 ul li h3 span{ float:right;width:1.3rem; height:.58rem; overflow:hidden; text-align:right; font-size:.16rem; color:#676767;}
.con02 ul li:nth-child(7),.con02 ul li:nth-child(8){ margin-bottom:0;}
/*con03*/
.al_qh{width:5.7rem; height: auto; 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;}
/*con04*/
.con04{width:6.4rem; height:auto;}
.con04_1{width:5.95rem; height:auto; margin:0 auto .16rem;}
.con04_1 img.img03{width:5.95rem; height:2.98rem;}
.con04_1 div{width:5.03rem; height:2.36rem; background:#fefbeb url(../images/yy_img04.jpg) no-repeat;background-size:5.95rem 2.52rem; padding:.16rem .46rem 0;}
.con04_1 p{font-size:.2rem; line-height:.32rem; margin-bottom:.06rem}
.con04_1 p img{width:.25rem; height:.25rem; padding:.04rem .1rem 0 0;}
.con04 ul{ width:6.16rem; margin:0 auto;}
.con04 ul li{ background:#fefbeb; float:left; width:2.84rem; height:3.2rem;border-radius:.16rem; margin:0 .12rem;}
.con04 ul li img{ width:2.84rem; height:1.89rem;}
.con04 ul li p{width:2.4rem; padding:.16rem .22rem 0; text-align:center; font-size:.2rem; line-height:.32rem;}
/*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%;}}