@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;}
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:".";}
/*公共样式*/
.tit_box2{ width:6.12rem; height:.7rem; line-height:.7rem; background:#f9e5e6; margin:0rem auto .4rem; padding:0 .12rem 0 .16rem;}
.tit_box2 p{ float:left; width:2.79rem; color:#131313; font-size:.3rem; font-weight:600;}
.tit_box2 span{ float:right;  width:3.33rem; height:.44rem; line-height:.44rem; margin-top:.13rem; background:#860200;border-radius:.44rem;}
.tit_box2 span a{ color:#fff;}
.tit_box2 span a.dh{ float:left;display:block; width:2.08rem; font-size:.23rem; height:.44rem; background:url(../images/line02.png) no-repeat right top;background-size:.02rem .44rem;}
.tit_box2 span a.dh img{ width:.27rem; height:.27rem; padding:.1rem .07rem 0 .14rem;}
.tit_box2 span a.zx{float:left;display:block; width:1.13rem; font-size:.2rem; height:.44rem; margin-left:.12rem;}
.tit_box2 span a.zx img{width:.1rem; height:.17rem; padding:.14rem .0rem 0 .1rem;}
/*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_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.38rem; 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.4rem; height:1.27rem; background:#f9e5e6; margin:.4rem 0 .3rem;}
.kjzx ul li{ float:left; width:2.8rem; height:.97rem; padding:.15rem .2rem;}
.kjzx ul li:nth-child(1){background:url(../images/line01.png) no-repeat right top; background-size:.02rem 1.27rem;}
.kjzx ul li p{ float:left; width:1.68rem; height:.97rem; overflow: hidden;}
.kjzx ul li p strong{ color:#cd0301; font-size:.3rem; line-height:.44rem; display:block;text-shadow:1px 1px 0 #fff;}
.kjzx ul li p span{ display:block; color:#161616; line-height:.24rem; font-size:.18rem;text-shadow:1px 1px 0 #fff;}
.kjzx ul li img{ float:right; width:.97rem; height:.97rem;}
/*tit_box1*/
.tit_box1{ clear:both; width:6.4rem; line-height:.58rem; font-weight:bold; color:#860200; font-size:.42rem; text-align:center; margin-bottom:.3rem;}
/*con1_box*/
.con1_box .con_col{ width:6.06rem; margin:0 auto;}
.con1_box .con_col img.t_img{ width:3.98rem; height:3.8rem; margin:0 auto; display:block;}
.con1_box .con_col h2{ width:6.06rem; height:.36rem; line-height:.36rm; font-size:.36rem; color:#272727; font-weight:700; text-align:center; margin:.36rem 0 .2rem;}
.con1_box .con_col p.txt_js{ width:6.06rem;line-height:.36rm; font-size:.2rem; color:#272727; text-indent:2em;}
.con1_box .con_col ul{width:6.06rem; height:auto; margin:.2rem 0 .25rem;}
.con1_box .con_col ul li{ clear:both;width:6.06rem; height:.49rem; line-height:.49rem; font-size:.2rem; background:#f5f5f5; margin-bottom:.15rem;}
.con1_box .con_col ul li p{ float:left; width:.96rem; height:.49rem; padding-left:.1rem; color:#fff; background:url(../images/img04.png) no-repeat left top;background-size:1.06rem .49rem;}
.con1_box .con_col ul li span{ float:left; display:block; width:4.85rem; height:.49rem; margin-left:.08rem; overflow:hidden;}
/*con2_box*/
.con2_box .con_col{ width:6.4rem; margin:0 auto .15rem;}
.con2_box .con_col ul li{ float:left; width:2.47rem;padding:.03rem .03rem .12rem;margin:0 0 .25rem .44rem; background:#ececec;}
.con2_box .con_col ul li img{ width:2.47rem; height: 1.83rem;}
.con2_box .con_col ul li .img1{ width: 0.23rem; height: 0.28rem; vertical-align: middle; margin-left: 0.1rem;}
.con2_box .con_col ul li p{ font-size:.3rem;line-height:.3rem; padding:.12rem 0; text-align:center;}
.con2_box .con_col ul li a{ display:block; margin:0 auto; width:1.75rem; height:.46rem; line-height:.46rem; background:#c70000; color:#fff; font-size:.22rem; text-align:center;border-radius:.36rem;}
/*con3_box*/
.con3_box .con_col{ width:6.4rem; margin:0 auto;}
/**/
.con3_box .con_col .ul1{ width:6.4rem; margin-bottom:.4rem;}
.con3_box .con_col .ul1 li{ float:left; width:1.06rem; text-align:center; margin-left:.14rem;}
.con3_box .con_col .ul1 li img{ display:block; width:1.06rem; height:1.06rem; margin:0 auto;}
.con3_box .con_col .ul1 li p{ width:100%; height:.4rem; line-height:.4rem; font-size:.24rem;color:#131313; font-weight:bold; }
.con3_box .con_col .ul1 li span{ display:block; background:#860200;width:100%; height:.23rem; line-height:.23rem; font-size:.18rem;color:#fff;}
.con3_box .con_col .ul1 li em{width:100%; height:.3rem; line-height:.3rem; font-size:.2rem;color:#860200;}
.con3_box .con_col .ul1 li:nth-child(4),.con3_box .con_col .ul1 li:nth-child(5){ width:1.2rem;}
.con3_box .con_col .ul1 li:nth-child(1) em,.con3_box .con_col .ul1 li:nth-child(5) em{ color:#ad752b;}
/**/
.con3_box .con_col .zj_box{ width:3.92rem; height:4.14rem; padding:.5rem .14rem 0 2.34rem; background:#fafafa url(../images/zj_06bg.jpg) no-repeat left top;background-size:6.4rem 4.64rem;box-shadow:0 10px 10px #fff;}
.con3_box .con_col .zj_box .zj_mz{ clear:both; width:3.92rem; height:.64rem; margin-bottom:.2rem; border-bottom:2px solid #dcdcdc;}
.con3_box .con_col .zj_box .zj_mz h2{ float:left; width:1.03rem; height:.5rem; line-height:.48rem; font-size:.48rem; font-weight:bold; color:#262626; border-right:1px solid #dcdcdc;}
.con3_box .con_col .zj_box .zj_mz h3{ float:left;width:1.26rem; height:.5rem; text-align:center;overflow:hidden;}
.con3_box .con_col .zj_box .zj_mz h3 p{line-height:.37rem; font-size:.28rem}
.con3_box .con_col .zj_box .zj_mz h3 span{line-height:.13rem; font-size:.13rem;text-transform:uppercase; }
.con3_box .con_col .zj_box .zj_mz h4{ float: left;width:1.6rem; height:.48rem; line-height:.48rem;}
.con3_box .con_col .zj_box .zj_mz h4 p{float: left;width:.8rem; text-align:center; font-size:.2rem; font-family:Arial, Helvetica, sans-serif;}
.con3_box .con_col .zj_box .zj_mz h4 p img{ width:.23rem; height:.22rem; padding:.1rem .02rem 0 0;}
.con3_box .con_col .zj_box .ul2{clear:both; width:3.9rem; height:1.63rem; margin-left:.02rem;}
.con3_box .con_col .zj_box .ul2 li{ width:100%; height:.36rem; line-height:.36rem; font-size:.22rem;}
.con3_box .con_col .zj_box .ul2 li img{ width:.22rem; height:.22rem; padding:.06rem .08rem 0 0;}
.con3_box .con_col .zj_box .ul3{clear:both; width:3.36rem; height: auto; margin:.08rem 0 0 .56rem;}
.con3_box .con_col .zj_box .ul3 li{ float:left; width:1rem; height:.3rem; line-height:.3rem; text-align:center; font-size:.19rem;  margin-top:.15rem;overflow:hidden;}
.con3_box .con_col .zj_box .ul3 li a{ display:block; color:#b4110e; background:#fff0cc;border-radius:.3rem;}
.con3_box .con_col .zj_box .ul3 li:nth-child(1){ font-size:.24rem; font-weight:bold;color:#ffcc00;}
.con3_box .con_col .zj_box .ul3 li:nth-child(2),.con3_box .con_col .zj_box .ul3 li:nth-child(5),.con3_box .con_col .zj_box .ul3 li:nth-child(8){ margin:.15rem .04rem 0;}
.con3_box .con_col .zj_box .ul3 li:nth-child(3),.con3_box .con_col .zj_box .ul3 li:nth-child(6),.con3_box .con_col .zj_box .ul3 li:nth-child(9){ width:1.28rem; height:.3rem;overflow:hidden;}
/*聊天窗口样式*/
.chatWindow{ background:#fafafa;padding:.4rem 0 0.25rem; margin-bottom:.86rem;}
.chatContent{ padding:0 .26rem;}
.chatDoc{ width:.78rem; height:.78rem; border-radius:.78rem; float:left; margin-top:.32rem;}
.windowCont{ margin-bottom:.3rem; float:right; width:4.76rem; position:relative;}
.windowTime{ text-align:center; font-size:0.18rem; line-height:.24rem; color:#9a9a9a; padding-bottom:0.1rem; font-family:Arial, Helvetica, sans-serif;}
.textTriangle{ position:absolute; left:-.2rem; top:.45rem; background:url(../images/textTriangle.png) no-repeat; background-size:0.21rem .14rem; width:0.21rem; height:0.14rem;}
.windowText{ font-size:0.2rem; line-height:.3rem; border-radius:0.06rem; border:1px solid #dcdcdc; background-color:#FFF; padding:.17rem 0.17rem;/*letter-spacing:.01rem;*/}
#dh1, #dh2, #dh3, #dh4 {display: none;}
.red{ color:#9f0300;}
/*悬浮*/
.ChatInputBox{ background-color:#e6e6e6; padding:.18rem .17rem;  position:fixed; bottom:0;}
.ChatInputBox a{ float:left; width:.97rem; border-radius:0.06rem; height:.49rem; line-height:.49rem;color:#FFF; background-color:#9f0300; display:inline-block; font-size:.2rem;}
.ChatInputBox a:nth-child(1){ width:2.94rem; height:.49rem;border-radius: 0.06rem 0 0 0.06rem;}
.ChatInputBox a:nth-child(2){border-radius:0 0.06rem 0.06rem 0;background:url(../images/db_xf02.png) no-repeat; background-size:1.5rem .49rem; padding-left:.53rem;}
.ChatInputBox a:nth-child(3){background-color:#ce6c1d; margin-left:0.12rem;background:url(../images/db_xf03.png) no-repeat; background-size:1.5rem .49rem;padding-left:.53rem;}

/*全局样式*/
@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%;}}