/* 
* @Author: anchen
* @Date:   2017-10-23 15:50:57
* @Last Modified by:   anchen
* @Last Modified time: 2017-12-12 09:39:43
*/
.banner .bx-wrapper .bx-pager.bx-default-pager a{width:9px;height:9px;background:rgba(255,255,255,0.8);text-indent: 999px;border-radius: 50%;border:1px solid #ddd;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#f03726;color:#fff;}
.banner .bx-wrapper .bx-pager{ text-align: right;}
.top1{ padding:0.75rem 1.25rem;}
.top1 li{ width:3.1666666rem;float:left;margin-right: 2rem;}
.top1 li:nth-child(5n){ margin-right: 0;}
.top1 li p{ font-size: 0.75rem;line-height: 2rem;color:#7d7d7d;text-align: center;}
.top2{ border-top: 2px solid #f1f1f1;border-bottom: 0.8333333rem solid #f1f1f1;padding:0.375rem 0;}
.top2 .apple{ background:url(../images/cgal.png) no-repeat; background-size: 4.125rem 2.9166666rem;height:2.9166666rem;overflow:hidden;position: relative;}
.top2 ul{ padding-left: 4.125rem;position:absolute;width:100%;padding-right: 0.8rem;}
.top2 ul li{ height:1.25rem;background:#f0f0f0;line-height: 1.25rem;padding-left: 0.5rem;margin-bottom:0.45rem;font-size: 0.75rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.top2 ul li span{color:#e60b11;}
.top3{padding:3.4166666rem 0.83333rem 0.833333rem; border-bottom: 0.8333333rem solid #f1f1f1;background:url(../images/tt1.jpg) no-repeat; background-size: 100%;}
.top3 li{ width:7.0833333rem;height:6.25rem;float:left;margin-right: 0.19rem;margin-bottom: 0.375rem;}
.top3 li:nth-child(3),.top3 li:nth-child(5){ margin-right: 0;}
.top3 li:nth-child(1){ width:10.33333rem;height:12.9166666rem;}
.top3 li:nth-child(1),.top3 li:nth-child(4),.top3 li:nth-child(5){ margin-bottom: 0;}
.top4{ margin-top: 0.5rem;padding:0 0.8333333rem;}
.top4 h2,
.top7 h2,
.top8 h2,
.top9 h2{ font-size: 1.4166666rem;font-weight: 600;text-align: center;}
.top4 h3,
.top7 h3,
.top8 h3,
.top9 h3{ font-size: 0.75rem; text-align: center;color:#606060;font-style:italic;margin-bottom: 0.375rem;}
.top4 .bx-wrapper .bx-pager,
.top9 .bx-wrapper .bx-pager{ height:0.5rem;bottom:0.3rem;}
.top4 .bx-wrapper .bx-pager.bx-default-pager a,
.top9 .bx-wrapper .bx-pager.bx-default-pager a{ width:0.5rem;height:0.5rem;border-radius: 50%;background:#f0d987;}
.top4 .bx-wrapper .bx-pager.bx-default-pager a.active,
.top9 .bx-wrapper .bx-pager.bx-default-pager a.active{ width:1.6666666rem;border-radius: 30px;}
.top4 .btn,
.top8 .btn,
.top9 .btn,
.top10 .btn,
.top6 .btn{ width:10.833333rem;height:2.25rem;margin:0.583333rem auto;background:url(../images/btn1.png);background-size: 100% 100%;}
.top5{ border:0.8333333rem solid #f1f1f1;border-left: none;border-right: none;}
.top5 div{ height:7.5rem;background:url(../images/bg1.jpg);background-size: 100% 100%;}
.top6{ padding-bottom: 0.625rem;}
.top6 .btn{ margin:0 auto;}
.top7{ border:0.8333333rem solid #f1f1f1;border-left: none;border-right: none;padding:0.66666rem 0.833333rem;}
.top7 li{ width:7.9166666rem;float:left;margin-right: 0.5rem;margin-bottom: 0.83333rem;}
.top7 li:nth-child(3n){ margin-right: 0;}
.top7 li .btn{ margin-top: 0.333333rem;height:1.5rem;line-height: 1.5rem;color:#fff;text-align: center;font-size: 0.833333rem;background:#e60b11;border-radius: 5px;}
.top7 li:nth-child(7),.top7 li:nth-child(8),.top7 li:nth-child(9){ margin-bottom: 0;}
.top7 h3{ margin-bottom: 0.375rem;}
.border1{ height:0.833333rem;background:#f1f1f1;}
.top8,
.top9{ padding:0.66666rem 0.833333rem;}
.top8 .btn,
.top9 .btn{ margin-bottom: 0;}
.video{ padding:0 0.8333333rem 0.833333rem;}
.video h2{line-height: 2.9166666rem;text-align: center;font-size: 1.41666666rem;font-weight: 600;}
.video h2 span{ color:#e60b11;}
.video div{ background:url(../images/vidoe.jpg);height:13.70833333rem;background-size: 100% 100%;}
.top10{ padding:0 0 0.83333rem 0;}
.top10 .btn{ width:11.6666666rem;height:2.25rem;margin:0.583333rem auto;background:url(../images/btn3.png);background-size: 100% 100%;}
.top11{ padding:0.833333rem;}
.top11 li{ height:8.333333rem;margin-bottom: 0.833333rem;}
.top11 li:nth-child(3){ margin-bottom: 0;}
.top11 li .img{ width:6.666666rem;float:left;margin-right: 0.833333rem;}
.top11 li p{ font-size: 0.833333rem;line-height: 1.25rem; width:17.25rem;float:left;text-align: justify;height:5rem;}
.top11 li .btn{ width:7.5rem;height:2rem;background:url(../images/btn4.jpg);background-size: 100% 100%;float:left;margin-top: 1.25rem;}
.form{ height:23.333333rem;background:url(../images/bg2.jpg);background-size: 100% 100%;padding-top: 5.70833333rem;padding-left: 9.5833333rem;padding-right: 4.16rem;}
.form .text{ display: block;background:none;border:none;width:12.5rem;height:2.0833333rem;margin-bottom: 0.833333rem;color:#fff;text-indent: 0.4rem;}
.form .checkbbox{ width:6.25rem;float:left;height:1.9166666rem;padding-left: 0.325rem;padding-top: 0.2rem;}
.form .checkbbox div{ width:0.833333rem;height:0.833333rem;border:2px #d5210d solid; border-radius: 50%;padding:1px;}
.form .checkbbox div p{ width:100%;height:100%;background:#fff;border-radius: 50%;display:none;}
.form .checkbbox.on div p{ display:block;}
.form .btn{ margin-left: -1.25rem;margin-top: 0.5rem;width:10.0833333rem;height:2.625rem;background:url(../images/btn5.png);background-size: 100% 100%;}


#carousel {
  position: relative;
  z-index: 2;
  height: 29.375rem;
  margin-top: -4.5rem;/*
margin-bottom: 8.5rem;*/
  transform-style: preserve-3d;
  perspective: 800px;
  overflow:hidden;
}
#carousel img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10.33333rem;
  height: 15.375rem;
  margin-left: -5rem;
  margin-top: -100px;
  border-radius: 8px;

  transition: transform 0.5s ease-in-out;
}
#carousel img.on{ z-index: 999;} 


@media screen and (max-width: 375px) {

  .top1 ul li p{ font-size: 14px;}
  .top1 ul li{ width:4.1666666rem;margin-right: 0.8rem ;}
  #carousel{ margin-top: -3.5rem;margin-bottom: -1.5rem;}
}

@media screen and (max-width: 320px) {
  .top1 ul li p{ font-size: 9px;}
  .top1 ul li{ width:4.1666666rem;margin-right: 0.8rem ;}
  #carousel{ margin-top: -1.5rem;margin-bottom: -3rem;}
}