@charset "gb2312";
/* CSS Document */
*{padding:0;margin:0; font-family:"微软雅黑";}
body{font:.24rem/.36rem "Microsoft YaHei";width:6.4rem;margin:0 auto; color:#272727; max-width:640px; min-width:320px; margin-bottom:.72rem;}
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:#272727;text-decoration:none;font-size:100%;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#d6000c;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:".";}
/*公共样式*/
.img640{ width:6.4rem; height:auto; display:block;}
.layout{ clear:both; width:6.4rem; height: auto;background:#8a0200 url(../images/bg.jpg) no-repeat; background-size:6.4rem 8.29rem;}
.txt01{ color:#221d1d; width:5.58rem; height:auto; line-height:.32rem; font-size:.2rem; text-indent:2em; margin:0 auto;}
/**/
.tit_box{ width:5rem; height:1.66rem;background:url(../images/tit_bg.png) no-repeat center top; background-size:2.17rem 1.66rem; margin:.54rem auto .1rem; text-align:center;}
.tit_box p{color:#880300;height:.56rem;font:bold .56rem/.56rem "微软雅黑"; padding-top:.32rem;}
.tit_box span{color:#272727;height:.3rem;font: normal .28rem/.3rem "微软雅黑";padding-top:.12rem; display:block;}
/**/
.btn_box{width:5rem; height:.72rem; line-height:.72rem; margin:.4rem auto 0; background:#ffddaa;border-radius:.72rem;}
.btn_box a.dh{ float:left;display:block;color:#fff; width:2.5rem; font-size:.26rem; height:.72rem; background:#ff9900;border-radius:.36rem 0 0 .36rem; text-align:center;}
.btn_box a.dh img{ width:.34rem; height:.34rem; padding:.19rem .1rem 0 0;}
.btn_box a.zx{float:left;display:block; color:#a10200; width:2.5rem;height:.72rem; text-align:center; font-weight:bold;}
/*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;}
/*con1*/
.con1{ width:6.2rem; height:7.26rem; margin:0 auto; padding:.41rem 0 0;}
/*con2*/
.con2{ width:6.2rem; height:3.77rem; margin:0 auto; padding:.41rem 0 0;background:url(../images/bg02.jpg) no-repeat center .41rem; background-size:6.2rem 5.54rem; padding-top:2.18rem}
.con2 ul{ width:5.38rem; height:1.03rem; background:#fff; border:.01rem solid #afafaf; padding:.06rem .06rem .06rem .12rem;border-radius:.08rem; margin:.2rem auto 0;}
.con2 ul h2{ float:left; width:.24rem; height:1.03rem; color:#860200; font-size:.21rem; line-height:.24rem; padding-top:.06rem}
.con2 ul li{ float:left; width:1.64rem; height:1.03rem; margin-left:.07rem;}
/*con3*/
.con3{ width:6.2rem; height:19rem; margin:0 auto; padding:.41rem 0 0;background:url(../images/bg03.jpg) no-repeat center .41rem; background-size:6.2rem 19rem;}
.con3 .img01{width:5rem; height:3.12rem; margin:.12rem auto .32rem; border:.04rem solid #f2ca9c;}
.con3 .ul01{ width:5.56rem; margin:0 auto .3rem;}
.con3 .ul01 ul li{ font-size:.2rem; width:5.56rem; height:.47rem; margin-bottom:.12rem;}
.con3 .ul01 ul li p{ float:left;width:1.18rem; height:.47rem;line-height:.47rem;background:#ffe186;color:#860200; text-align:center;}
.con3 .ul01 ul li img{ float:left; width:.21rem; height:.16rem; padding:.15rem 0 0 .1rem;}
.con3 .ul01 ul li span{ float:right; width:3.83rem; height:.47rem; line-height:.47rem; padding-left:.1rem; display:block; background:#fff;}
.con3 .ul01 ul li span i{color:#860200; float:left; padding-right:.06rem;}
.con3 .ul01 ul li span em{ color:#860200;}
.con3 .ul02{ width:5.8rem; margin:0 auto;}
.con3 .ul03{ width:4.35rem; margin:0 auto;}
.con3 .ul02 ul li{ float:left; width:1.36rem; min-height:1.23rem; margin:0 .045rem; background:#fff9e8;border-radius:.06rem;}
.con3 .ul02 ul li p{ width:1.22rem; height:.34rem; line-height:.34rem; font-size:.2rem; text-align:center; overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin:.08rem auto; border-bottom:.01rem dashed #ccc; color:#860200;}
.con3 .ul02 ul li span{ display:block; padding:0 .06rem; font-size:.16rem; line-height:.2rem; text-align:center;}
.con3 .ul02 ul li:nth-child(1) span,.con3 .ul02 ul li:nth-child(4) span,.con3 .ul03 ul li:nth-child(1) span{line-height:.26rem;}
.con3 .ul02 ul li:nth-child(2),.con3 .ul02 ul li:nth-child(4),.con3 .ul03 ul li:nth-child(2){ background:#fff;}
.con3 .img02{ clear:both; width:5.72rem; height:.54rem; margin:.11rem auto; background:url(../images/img_tx.png) no-repeat; background-size:5.72rem .54rem;}
.con3 .ul04{ width:5.82rem; margin:.3rem auto 0;}
.con3 .ul04 ul li{ float: left; width:1.76rem; height:2.26rem; padding:.05rem; background:#fff; margin:0 .04rem;}
.con3 .ul04 ul li:nth-child(2){ background:#fff9e8;}
.con3 .ul04 ul li p{ width:1.76rem; height:1.08rem;}
.con3 .ul04 ul li span{ font-size:.18rem; line-height:.24rem; display:block; padding:.12rem .06rem 0;}
/*con4*/
.con4{ width:6.2rem; height:12.6rem; margin:0 auto; padding:.41rem 0 0;background:url(../images/bg04.jpg) no-repeat center .41rem; background-size:6.2rem 12.6rem;}
.con4 .ul05{ width:5.82rem; margin:.7rem auto 0;}
.con4 .ul05 ul li{ float: left; width:1.76rem; height:2.26rem; padding:.05rem; background:#fff; margin:.15rem .04rem 0;}
.con4 .ul05 ul li:nth-child(2){ background:#fff9e8;}
.con4 .ul05 ul li p{ width:1.76rem; height:1.08rem;}
.con4 .ul05 ul li h3{ height:.22rem; line-height:.22rem; font-size:.21rem; color:#860200; display:block; text-align: center; padding:.12rem .06rem 0; font-weight:bold;}
.con4 .ul05 ul li span{ font-size:.18rem; line-height:.24rem; display:block; padding:.08rem .06rem 0;}
/*con5*/
.con5{ width:6.2rem; height:13.62rem; margin:0 auto; padding:.41rem 0 0;background:url(../images/bg05.jpg) no-repeat center .41rem; background-size:6.2rem 13.62rem;}
.con5 .ul06{width:5.8rem; margin:.74rem auto .12rem;}
.con5 .ul06 ul li{ float:left; width:2.46rem; height:2.27rem; padding:1.76rem .17rem 0;background:url(../images/img15.png) no-repeat center top; background-size:2.8rem 4.03rem; margin:0 .05rem;}
.con5 .ul06 ul li:nth-child(2){background:url(../images/img16.png) no-repeat center top; background-size:2.8rem 4.03rem;}
.con5 .ul06 ul li h2{ width:2.46rem; text-align:center; margin-bottom:.2rem;}
.con5 .ul06 ul li h2 p{width:2.46rem; height:.32rem; line-height:.32rem; overflow:hidden; color:#111;}
.con5 .ul06 ul li h2 span{width:2.46rem;height:.32rem; line-height:.32rem; overflow:hidden; display:block; font-size:.26rem; font-weight:bold; color:#960605;}
.con5 .ul06 ul li em{width:2.46rem;font-size:.2rem;line-height:.3rem;}
.con5 .ul06 ul li em a{color:#960605;}
.con5 .ul07{width:5.8rem; margin: auto;}
.con5 .ul07 ul li{ float:left; width:1.85rem; min-height:2.26rem; border:.02rem solid #fff; margin:0 .02rem;}
.con5 .ul07 ul li img{}
.con5 .ul07 ul li p{ font-size:.18rem; line-height:.26rem; color:#fff; padding:.1rem .1rem 0;}
/*con6*/
.con6{ width:6.2rem; height:9.52rem; margin:0 auto; padding:.41rem 0 0;background:url(../images/bg06.jpg) no-repeat center .41rem; background-size:6.2rem 9.52rem;}
.pic_qh{ clear:both;width:5.6rem;margin:.22rem auto 0; height:auto;}
.pic_qh #a2{margin:0;}
.pic_qh .al_ct{width:5.48rem; height:3.6rem;  border:.06rem solid #ffe3c3;}
.pic_qh .al_ct ul li{float:left; width:5.48rem; height:3.6rem; z-index:1;position:relative;}
.pic_qh .al_ct ul li img{width:5.48rem; height:3.6rem;}
.pic_qh .al_ct ul li p{ position:absolute; left:0; bottom:0;width:5.48rem; height:.56rem; background:rgb(0,0,0,0.5); text-align:center; font:normal .2rem/.56rem "微软雅黑"; color:#fff; overflow:hidden;}
/**/
.pic_qh .al_tt { width:2.1rem; height:.25rem; margin:.2rem auto 0; z-index:2;}
.pic_qh .al_tt ul li{ float:left; width:.25rem; height:.25rem; margin:0 .05rem;background:#b47428;cursor: pointer;border-radius:.25rem}
.pic_qh .al_tt ul li.hover{background:#fff;}
/*con7*/
.con7{ width:6.2rem; height:13.38rem; margin:0 auto; padding:.41rem 0;background:url(../images/bg07.jpg) no-repeat center .41rem; background-size:6.2rem 13.38rem;}
.con7 .img03{ width:5.8rem; height:auto; margin:.16rem auto .1rem;}
.con7 .img03 img{ width:5.8rem; height:1.21rem; margin-bottom:.1rem;}
.con7 ul{width:5.76rem; margin:0 auto;}
.con7 ul li{ clear:both;width:5.76rem; height:auto;}
.con7 ul li img{ float:left; width:.21rem; height:.16rem; padding-top:.1rem;}
.con7 ul li p{ float:right; width:5.48rem; line-height:.36rem; color:#fff; font-size:.18rem;letter-spacing:-.02rem;}
/*foot*/
.foot{ width:6.4rem; height:2.55rem; margin:0 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%;}}