﻿@charset "utf-8";
/* CSS Document */

*{margin: 0px;padding: 0px;}
body,html {font-size:100px;font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun; color:#4a4a4a;  }
body{ background:#fff; font-size:0.26rem; line-height:0.4rem}
ul,li,p,h1,h4,h5,h6,img,video{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color: #4a4a4a; cursor:pointer}
img{ display: block; border:0px;}
.fl{ float:left}
.fr{ float:right;}

@media screen and ( min-width: 320px){html{font-size:50px}}
@media screen and ( min-width: 360px){html{font-size:56.25px}}
@media screen and ( min-width: 375px){html{font-size:58.59375px}}
@media screen and ( min-width: 384px){html{font-size:60px}}
@media screen and ( min-width: 400px){html{font-size:62.5px}}
@media screen and ( min-width: 414px){html{font-size:64.6875px}}
@media screen and ( min-width: 424px){html{font-size:66.25px}}
@media screen and ( min-width: 480px){html{font-size:75px}}
@media screen and ( min-width: 540px){html{font-size:84.375px}}
@media screen and ( min-width: 640px){html{font-size:100px}}
@media screen and ( min-width: 768px){html{font-size:120px}}
@media screen and ( min-width: 1024px){html{font-size:160px;} wrap{ width:1000px;}}
@media screen and ( min-width: 1366px){html{font-size:213.4375px}}
.fix{ clear:both; height:1px; line-height:1px; overflow:hidden;}

/*AO首页*/
.aohome{ background:url(../img/hbg.jpg) #fff no-repeat top; background-size:100% 8.13rem;}


.h_nav{ width:100%; padding-top:8.13rem; height:1.8rem; background:url(../img/hbg.jpg) #fff no-repeat top; background-size:100% 8.13rem;}

.h_nav ul{ height:1.2rem; padding:0.3rem 0rem; width:100%;}
.h_nav li{ height:1.2rem; float:left; width:20%; text-align:center; font-size:0.26rem; line-height:0.39rem }
.h_nav li img{ width:0.81rem; height:0.81rem; text-align:center; display:inline}


/*.m_top{ background:url(../img/tbg1.png) no-repeat;background-size:100% 2.84rem; height:2.84rem; padding-top:0.3rem;box-sizing: border-box;}*/
.m_top{ background:url(../img/xtbg1.png) no-repeat bottom;background-size:100% 2.02rem; height:0.7rem;}
  .dingm{ height:0.33rem; overflow:hidden; padding:0rem 0.3rem}/*高0.33*/
  .dingm a{ width:45%; display:block; height:0.33rem}
  .dingm .fl{ background:url(../img/icon_2.png) no-repeat left;background-size:0.19rem 0.33rem;}
  .dingm .fr{ background:url(../img/icon_1.png) no-repeat  right;background-size:0.33rem 0.33rem;}
  .posit{ clear:both; background:url(../img/line.png) center 0.3rem no-repeat;background-size:6.08rem 1px; text-align:center; color:#FFFFFF; line-height:0.22rem; font-size:0.24rem; height:0.82rem; padding-bottom:0.84rem }/*高1.66*/
  .posit h4{ line-height:0.6rem; font-size:0.34rem; }
  /*.ttbar{ height:0.55rem; padding:0rem 0.3rem}高0.55
  .ttbar a{ width:50%; display:inline-block; text-align:center; font-size:0.30rem; line-height:0.50rem; height:0.55rem}*/
  .ttbar{ height:0.6rem; padding:0.1rem 0.3rem 0rem 0.3rem; text-align:left}/*高0.55*/
  .ttbar a{ width:48%; display:inline-block; text-align:center; font-size:0.30rem; line-height:0.6rem; height:0.6rem}
  
.m_con{ width:100%; padding:0.15rem 0.3rem;box-sizing: border-box; background:url(../img/yxbf.png) no-repeat right 0.3rem bottom 0rem;background-size:0.89rem 0.19rem;}  
.m_con p{ text-indent:2em; padding:0.1rem 0rem}

/*.n_top{background:url(../img/tbg2.jpg) no-repeat;background-size:100% 2.44rem; height:2.44rem; padding-top:0.3rem;box-sizing: border-box;}*/
.n_top{background:url(../img/tbg2.jpg) no-repeat bottom;background-size:100% 2.44rem; height:0.7rem; padding-top:0rem;box-sizing: border-box;}
    
.backh{ position:fixed; top:0.11rem; right:0.1rem; z-index:999999}
.backh img{ width:0.47rem; display:inline-block}

.x_top{ background:url(../img/xtbg1.png) no-repeat bottom;background-size:100% 2.02rem; height:0.7rem;}
.xttbar{ height:0.6rem; padding:0.1rem 0.3rem 0rem 0.3rem; text-align:left}/*高0.55*/
.xttbar a{ width:42%; display:inline-block; text-align:center; font-size:0.30rem; line-height:0.6rem; height:0.6rem}

.ttcur{ color:#148744; background:url(../img/tline.png) no-repeat bottom; background-size: 0.55rem 0.02rem;}

/*精品*/
.jpbox{ padding:0.4rem 0.3rem 0rem 0.3rem; text-align:left; width:100%;box-sizing: border-box;font-size:0.24rem; line-height:0.34rem;}
.jpbar1{ font-size:0.28rem; background:url(../img/line2.jpg) no-repeat left bottom;background-size: auto 0.1rem; line-height:0.4rem; height:0.95rem; font-weight:bold;}
.jpbar1 h4{ font-size:0.3rem; color:#1b9d51;}
.jpbox p{ font-size:0.26rem; line-height:0.36rem; padding:0.07rem 0rem;}
.canshu{ background:url(../img/pci.jpg) no-repeat left; background-size: 0.56rem 0.72rem; height:0.72rem; padding-left:0.6rem; font-size:0.18rem; line-height:0.2rem; padding-top:0rem; border-right:1px solid #1b9d51; width:2.8rem; }
.canshu h4{ font-size:0.36rem; line-height:0.52rem}

   ol{list-style-type:none;counter-reset:sectioncounter; }
   ol li{ font-size:0.22rem}
   ol li:before {
       content:counter(sectioncounter) "、"; 
       counter-increment:sectioncounter;
    }

.jpbar2{ font-size:0.26rem;color:#1b9d51; background:url(../img/line3.jpg) no-repeat top left;background-size: 5.83rem 0.57rem; padding-left:0.35rem; line-height:0.56rem;}
.jpbar2 h4{font-size:0.32rem; color: #4a4a4a; line-height:0.58rem}
.jpbar2 h4 b{color:#1b9d51;}
.jpbar2 i{ font-size:0.32rem; font-weight:bolder}


/*视频边框*/
.vdbk1{ width:4.8rem; height:3rem; border:1px solid #2cb163; margin:0px auto; text-align:center; margin-top:1.3rem}
  .vdbk1 .vdbkbg{width:4.8rem; height:3rem; margin-top:-0.06rem; margin-left:-0.06rem;background:url(../img/spbg2.jpg) no-repeat;background-size:100% 3rem;}


.list_arc{ padding:0.15rem 0.3rem; width:100%;box-sizing: border-box;}
.list_arc li{ clear:both; height:1rem;padding:0.25rem 0rem; border-bottom:0.01rem solid #d2d2d2;}
.list_arc li img{ float: left; padding-right:0.2rem; width:1rem;}
.list_arc li h4{ color:#555555; font-weight:normal; font-size:0.26rem; line-height:0.38rem; height:0.76rem; padding-top:0.12rem; overflow: hidden; text-overflow:ellipsis;}




.list_zj{padding:0rem 0.3rem; width:100%;box-sizing: border-box;}
.list_zj li{clear:both; height:1.5rem;padding:0.25rem 0rem; border-bottom:0.01rem solid #d2d2d2;}
.list_zj li img{ float: left; padding-right:0.2rem; width:2.3rem; height:1.5rem;}
.list_zj li div{ height:1.5rem; vertical-align:middle; display:table-cell; width:3rem}
.list_zj li h4{ font-size:0.28rem; color:#1b9d51; line-height:0.32rem}
.list_zj li span{color:#1b9d51; font-size:0.24rem; line-height:0.28rem; display: block;}
.list_zj li p{ font-size:0.26rem; line-height:0.3rem}

.zj_con{ padding:0.2rem 0.3rem 0.1rem 0.3rem;}
  .zj_con .bk1{ width:4.5rem; height:3rem; border:1px solid #2cb163; margin:0px auto; text-align:center}
  .zj_con .bk1 img{width:4.5rem; height:3rem; margin-top:-0.07rem; margin-left:-0.07rem}
  .zj_con .zjxm{margin:0px auto; color:#9a9a9a; line-height:0.58rem; text-align:center}
  .zj_con h4{ background:url(../img/zj_tbar.jpg) ;background-size:5.56rem 0.58rem; padding:0.07rem 0.04rem 0rem 0.05rem; height:0.51rem; width:5.47rem; line-height:0.51rem; margin:0px auto; text-align:center; margin-top:0.1rem; color:#FFFFFF;  font-size:0.26rem; letter-spacing:2px;}
  .zj_con p{ margin-top:0.15rem; text-indent:2em; line-height:0.4rem}
  .zj_con a img{ margin:0rem auto; text-align:center; padding-top:0.2rem;width:0.6rem; height:0.4rem}
  .zj_con img{ width:100%;}
  
.sftt{ padding:0rem 0.3rem; text-align:center; font-weight:bolder; font-size:0.3rem; line-height:0.4rem}  
.sftt span{ display:inline-block; background:url(../img/fx.jpg) no-repeat left;background-size:0.3rem;  width:0.3rem; padding-right:0.1rem}

.caliine{ margin:0rem 0.3rem 0.2rem 0.3rem; border-bottom:2px solid #8dcea8; line-height:0.26rem}
.casefl{ padding:0rem 0.24rem;}
.casefl li{ padding:0.06rem; width:50%;box-sizing: border-box; float:left}
.casefl li img{ width:100%}

.case_con{ padding:0.3rem 0.3rem 0.1rem 0.3rem;}
.cabar{ background:url(../img/barline.jpg) no-repeat bottom;background-size:100% 0.04rem; line-height:0.4rem; font-size:0.26rem; padding-bottom:0.1rem}
.cabar h4{ font-size:0.3rem}
.picli li{ clear: both; height:1.55rem; padding:0.2rem 0rem; border-bottom:1px solid #d2d2d2;}
.picli li h4{ font-size:0.3rem; line-height:0.5rem; color:#1b9d51; height:0.5rem; overflow:hidden}
.picli li p{ color:#9a9a9a; line-height:0.35rem; height:1.05rem; overflow:hidden;}
.picli li img{ height:1.55rem; width:2.09rem; float:left; padding-right:0.2rem}

/*弹出层*/
.piczc{position: fixed; width: 100%; height: 100%; top:0; background-color: rgba(0, 0, 0, 0.5); z-index: 998; display:none;}
.zzc_con{position: absolute; width: 6.2rem; height: 66%; background-color: white; left: 50%; top: 12%; margin-left: -3.1rem;}
.zzcdes_con{position: absolute; width: 6.2rem; height: 80%; background-color: white; left: 50%; top: 5%; margin-left: -3.1rem; }
/*.zzc_con{position: absolute; width: 94%; height: 5.9rem; background-color: #FFFFFF; left: 50%; top: 50%; margin-left: -47%; margin-top:-3.35rem; border-radius:0.1rem;  }
.zzcdes_con{position: absolute; width: 94%; height: 7.8rem; background-color: white; left: 50%; top: 50%; margin-left: -47%; margin-top:-4.15rem; border-radius:0.1rem;}*/
.closetc{position: absolute; top:86%; width:0.45rem; height:0.45rem; left:50%; margin-left:-0.225rem; background:url(../img/close.png) no-repeat;background-size:100%;}
.closedesctc{position: absolute; bottom:4%; width:0.45rem; height:0.45rem; left:50%; margin-left:-0.225rem; background:url(../img/close.png) no-repeat;background-size:100%;}


.aa_ck{position: absolute; width:100%; height: 100%; }



.wtj_con{ padding:0rem 0.3rem}
.wtj_tt{ font-size:0.3rem; line-height:0.34rem; padding-bottom:0.15rem; margin:0px auto; text-align:center; background:url(../img/sjline.png) no-repeat bottom; background-size:auto 0.12rem; margin:0.15rem 0rem}
.wtj_video{ width:100%; height:3.4rem; background:url(../img/spbg.png) no-repeat;background-size:100% 3.4rem; overflow:hidden}





.page{ clear:both; padding:0.1rem; text-align:center;box-sizing: border-box;}
.page span{display:inline-block; padding:0rem 0.4rem; color:#cacaca;}
.page a{ display:inline-block; padding:0rem 0.4rem; color:#9a9a9a;}


/*底部导航*/
.dibank{ clear:both; height:1.23rem; line-height:1.23rem;}
.ftmenu{ height:1.13rem;width:100%; padding-left:4%;box-sizing: border-box; background:url(../img/ftmenubg.png) no-repeat;background-size:100% 1.13rem;position:fixed;z-index:3;bottom:0px;}
.ftmenu li{ float:left; text-align: center; line-height:0.36rem; font-size:0.24rem}
.ftmenu li a{color:#FFFFFF}
.z_m{ width:19.8%; }
.z_m a{ padding-top:0.68rem; display:inline-block; width:100%}
.o_m{ width:20.13%;}
.o_m a{ padding-top:0.72rem;display:inline-block; width:100%}
.fm1 a{ background:url(../img/ft_m1.png) no-repeat center top 0.15rem; background-size:0.47rem;}
.fm1 .cur{ background:url(../img/ft_mh1.png) no-repeat center top 0.15rem; background-size:0.47rem;}
.fm2 a{ background:url(../img/ft_m2.png) no-repeat center top 0.15rem; background-size:0.47rem;}
.fm2 .cur{ background:url(../img/ft_mh2.png) no-repeat center top 0.15rem; background-size:0.47rem;}
.fm3 a{ background:url(../img/ft_m3.png) no-repeat center top 0.23rem; background-size:0.47rem;}
.fm3 .cur{ background:url(../img/ft_mh3.png) no-repeat center top 0.23rem; background-size:0.47rem;}
.fm4 a{ background:url(../img/ft_m4.png) no-repeat center top 0.23rem; background-size:0.47rem;}
.fm4 .cur{ background:url(../img/ft_mh4.png) no-repeat center top 0.23rem; background-size:0.47rem;}
.fm5 a{ background:url(../img/ft_m5.png) no-repeat center top 0.23rem; background-size:0.47rem;}
.fm5 .cur{ background:url(../img/ft_mh5.png) no-repeat center top 0.23rem; background-size:0.47rem;}

