/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2019-10-28 15:26:40
*/
/*banner*/

/*����*/
#cjia{width: 100%;height: 9.7rem;background: url(../images/cjia.jpg)no-repeat center;background-size:cover;}
.title{text-align: center;padding-top: 0.8rem;font-size: 0.18rem;}
.title p span{font-size: 0.5rem;
    color: #1c3a6f;
    width: 50%;
    text-align: center;
    font-family: 'syst'}
.title i{text-transform: uppercase;font-family:'Oswald-Medium';letter-spacing: 3px;color: #999;font-size: 0.14rem;display: block;}
#cjia .title img{display: block;margin: 0 auto;padding-top: 0.2rem;}
#cjia .bottom{margin-top: 0.4rem;}
#cjia .bottom li{width: 13.5%;float: left;text-align: center;padding: 0 1.5%;font-size: 0.15rem;line-height: 0.26rem;color: 3333;}
#cjia .bottom li p{font-size: 0.22rem;font-weight: bold;color: #1c3a6f;margin:0.2rem auto 0.1rem;}
#cjia .bottom .li1{margin-top: 2rem;}
#cjia .bottom .li2{margin-top: 0.75rem;}
#cjia .bottom li img{display: block;margin: 0 auto;transition: 1s;}
#cjia .bottom li:hover img{transform: rotateY(360deg)}

/*������ϵ*/
#tixi{width: 100%;height: 7rem;background: url(../images/tixi.jpg)no-repeat center;position: relative;background-size:cover;}
#tixi .wuyou{font-size: 0.24rem;color: #333;margin-top: 25px;}
#tixi .wuyou b{width: 0.5rem;height: 0.5rem;background: #1c3a6f;border-radius:50%;line-height: 0.5rem;text-align: center;color: #eec6a8;display: inline-block;margin: 0 0.07rem;font-size: 0.24rem;font-weight: normal;}



.install dl{ width:100%;overflow:hidden;height: 7rem;display: block;}
.install dl img{ width:100%; height:7rem;display: block;}

.install_m{width: 14rem;margin: 0 auto;position: relative;}
.install_m .install_c{position:relative; float:left; overflow: hidden;width: 14rem;}
.install_m .install_c ul{position: relative;}
.install_m .install_c ul li{width: 14rem;float: left;overflow: hidden;position: relative;height: 4.3rem;}

.install_m .install_c ul li .shuo{position: absolute;bottom: 0px;left:6.5rem;width: 0.76rem;text-align: center;font-size: 0.16rem;color: #999;}
.install_m .install_c ul li .shuo span{font-size: 0.2rem;color: #1c3a6f;}

.install_l img,.install_r img{ width:0.34rem; height:0.34rem; padding-top:2rem;}
.install_c ul .li{ width:2.8rem; float:left; position:relative; padding:0 5px;height:2.64rem;}



.install_c .tab a{display: block;float: left;}


#tixi .install_c .li{position: relative;overflow: hidden;margin-top: 1.1rem;width: 3.2rem;}
#tixi .install_c .li img{display: block;margin: 0 auto;width: 100%;}
#tixi .install_c .li .yiny{width: 3.2rem;height: 2.15rem;background: rgba(0,0,0,0.5);color: #fff;font-size: 0.12rem;text-align: center;position: absolute;top: 0px;color: rgba(255,255,255,0.7);text-transform: uppercase;line-height: 0.3rem;}
#tixi .install_c .li .yiny p{font-size: 0.22rem;font-weight: bold;color: #fff;padding-top: 0.85rem;display: block;}
#tixi .install_c .li .nei{width:3.8rem;height: 1rem;color: rgba(255,255,255,0.7);font-size: 0.16rem;background: #1c3a6f;display: none;position: absolute;bottom: 0px;text-align: center;line-height: 0.3rem;}
#tixi .install_c .li .nei i{font-size: 0.2rem;font-weight: bold;color: #fff;display: block;padding-top: 0.2rem;}

#tixi .install_c .li:hover,#tixi .install_c .li.on,#tixi .install_c .li.aa{width: 3.8rem !important;height: 3.4rem !important;position: relative;overflow: hidden;margin-top: 0.5rem;}
#tixi .install_c .li:hover .yiny,#tixi .install_c .li.on .yiny,#tixi .install_c .li.aa .yiny{display: none;}
#tixi .install_c .li:hover img,#tixi .install_c .li.on img,#tixi .install_c .li.aa img{width: 100%;display: block;height: 2.4rem !important;margin:0 auto;}
#tixi .install_c .li:hover .nei,#tixi .install_c .li.on .nei,#tixi .install_c .li.aa .nei{display: block;text-transform:uppercase}




/*?oo?��?*/
#renwu{width: 100%;height: 7.5rem;background: url(../images/rw_bg.jpg);background-size: 100% 100%;margin-top:0.7rem;}
.mod18 {
  width: 50%;float:left;
  position: relative;
  /* margin: 0 auto; */
}
.img-desc {
  width: 50%;
  position:absolute;
  right:0;
  bottom:0;
}

.img-desc img {
  display:block;margin:0 auto;width:80%;
}

.picBox .name{font-size:0.24rem;color:#fff;padding-top:1.4rem;}
.picBox .biaoyu{font-size:0.4rem;color:#fff;line-height:0.55rem;padding-top:0.5rem;font-family:'Arial';}
.picBox .desc{font-size:0.18rem;color:#6c7073;padding-top:0.5rem;}

.mod18 .btn {
  position: absolute;
  cursor: pointer;
  z-index: 99;
  font-size: 0.5rem;
  font-weight: bold;
}

.mod18 .prev {
  left: 0.1rem;
  background: url(../images/prevbtn.png) no-repeat;background-size:cover;
}

.mod18 #prevTop,
.mod18 #nextTop {
  top: 2.5rem;
  width: 0.32rem;
  height: 0.48rem;
}

.mod18 #prev,
.mod18 #next {
  top: 6.3rem;
  width: 0.1rem;
  height: 0.16rem;
}


.mod18 #prev{left:0.6rem;}
.mod18 #next{right:0.6rem;}



.mod18 .next {
  right: 0.1rem;
  background: url(../images/nextbtn.png) no-repeat;background-size:cover;
}

.mod18 li {
  float: left;
}

.mod18 .cf li {
  position: relative;
  color: #fff;
}

.mod18 .cf a {
  display: block;
  width: 7rem;
  height: 3.77rem;
  position: absolute;
  color: #fff;
}

.mod18 .cf li span {
  display: block;
  width: 4.86rem;
  position: absolute;
  left: 0.75rem;
  bottom: 0;
  padding: 0.1rem 0.2rem;
  line-height: 0.22rem;
  text-align: left;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#60000000", endColorstr="#60000000");
}

.mod18 .picBox {
  width: 7rem;
  height: 5.8rem;
  position: relative;
  overflow: hidden;
}

.mod18 .picBox ul {
  height: 5.8rem;
  position: absolute;
  left: 0;
}

.mod18 .picBox li {
  width: 7rem;
  height: 3.77rem;
}

.mod18 .listBox {
  width: 7rem;
  height: 1.1rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background-color: #535759;
}

.mod18 .listBox ul {
  position: absolute;

  width: 5rem!important;
  left:1rem;
}

.mod18 .listBox li {
  width: 1rem;
  cursor: pointer;
  position: relative;
  padding: 0.1rem 0 0 0;
}

.mod18 .listBox li i {
  display: none;
}

.mod18 .listBox li a {
  display: block;
  width: 1.08rem;
  height: 0.77rem;
}

.mod18 .listBox img {
  border: 3px solid #fff;
  width:70%;
  display:block;
  margin:0 auto;
}

.mod18 .listBox .on img {
  border: 3px solid #eec6a8;
}

.mod18 .listBox .on {
  /* background: url(../images/img_bg.jpg) center top no-repeat; */
}

.mod18 .listBox .on i {
  display: block;
}




/*���û���*/
.info_box_pic_box_wrap{margin-top:0.6rem;}
.info_box_pic_box{width:14rem;overflow:hidden;text-align:center;position:relative;margin: 0 auto;}
.info_box_pic_box_more_btn{width:100%;text-align:center;margin:0.3rem 0;}
.info_box_pic_box_more_btn a{display:inline-block;padding:0.12rem 0.6rem;background:#dc2821;color:#fff;font-size:0.18rem;line-height: 0.35rem;}
.info_box_pic_box_more_btn a:hover{background:#323232;}

#fuwu{background:#f5f8fa;width:100%;height:9.7rem;}
#fuwu .lanrenzhi{position: relative;margin-top: 0.7rem;height:6.7rem;width:14rem;}
#fuwu .lanrenzhi .tab{width: 14rem;}
#fuwu .lanrenzhi a{width: 2.2rem;height: 0.65rem;background: #ededed;color: #333;margin-top: 2px;display: block;line-height: 0.65rem;font-size: 0.22rem;float:left;text-align:center;border-radius:0.65rem;margin-left:0.15rem;}
#fuwu .lanrenzhi a:first-child{margin-top: 0px;margin-left:0}
#fuwu .lanrenzhi a i{width: 0.2rem;height: 0.24rem;background: url(../images/jian.png)no-repeat bottom;display: inline-block;float: right;margin-right: 0.3rem;margin-top: 0.28rem;transition:0.5s;background-size:cover;}
#fuwu .lanrenzhi a:hover,#fuwu .lanrenzhi a.on{background: #1c3a6f;font-weight: bold;color: #fff;}
#fuwu .lanrenzhi a:hover i{background: url(../images/jian.png)no-repeat top;width: 0.2rem;height: 0.24rem;background-size:cover;}

#fuwu .lanrenzhi .content{overflow:hidden; width:14rem;height:5rem;position: absolute;bottom: 0px;right:0px;}
#fuwu .lanrenzhi .content .ul{ position:absolute;width:14rem;}
#fuwu .lanrenzhi .content .li{ width:14rem; float:left;position: relative;text-align: center;height: 5rem;background:#fff;}
#fuwu .lanrenzhi .content .li .wen{width:42%;float:left;padding:0 3%;text-align:left;font-size:0.2rem;color:#6c7589;text-transform:uppercase;padding-top:0.6rem;}
#fuwu .lanrenzhi .content .li .tu{width:50%;float:right;}
#fuwu .lanrenzhi .content .li .tu img{width:100%;display:block;}
#fuwu .lanrenzhi .content .li .wen p{font-size:0.46rem;color:#1c3a6f;padding:0.3rem 0;border-bottom:1px solid #b5bac4;}
#fuwu .lanrenzhi .content .li .wen span{color:#666666;font-size:0.18rem;display:block;padding-top:0.4rem;}
#fuwu .lanrenzhi .content .li .shu{font-size:0.8rem;color:#6c7589;padding-top:0.8rem;}

#lei .bottom{margin-top: 0.4rem;}
#lei .bottom li{width: 2.2rem;height: 3.5rem;background: url(../images/lei.jpg)no-repeat center;float: left;text-align: center;color: #999;font-size: 10px;font-family:'Oswald-Medium';letter-spacing: 2px;text-transform: uppercase;margin-right: 0.15rem;background-size:cover;}
#lei .bottom li:last-child{margin-right: 0px;}
#lei .bottom li img{margin: 0 auto;display: block;margin-top: 0.17rem;text-align: center;width:100%;display:block;}
#lei .bottom li p{font-size: 0.2rem;font-weight: bold;color: #333333;line-height: 0.3rem;padding-top: 0.1rem;}



#baoz .bottom{width:14rem;height: 2.53rem;background: url(../images/shidai.jpg)no-repeat center;margin:0 auto;margin-top: 0.4rem;background-size:cover;}
#baoz .bottom li{width: 12.6%;padding: 0 2%;font-size: 0.16rem;color: #333333;text-align: center;line-height: 0.24rem;float: left;}
#baoz .bottom li p{font-size: 0.22rem;color: #333333;border-bottom:1px solid #cccccc;padding-top: 0.6rem;padding-bottom: 0.15rem;line-height: 0.5rem;margin-bottom: 0.15rem;}
#baoz .bottom li p span{font-size: 0.35rem;color: #661c20;font-weight: bold;}



/*�ͻ�����*/
#anli{width:100%;height: 6.5rem;background: #efefef}

#anli .info_box_pic_box{line-height: 0.35rem;font-size: 0.16rem;text-align: center;}
#anli .info_box_pic_box .swiper-slide{width: 33.3% !important;position: relative;overflow: hidden;margin:0 auto;}
#anli .info_box_pic_box .swiper-slide img{display: block;margin: 0 auto;width:90%;}
#anli .info_box_pic_box .swiper-slide .tu{height:2.7rem;overflow:hidden;}
#anli .info_box_pic_box .swiper-slide p{font-size: 0.16rem;color: #333;line-height: 0.45rem;}
#anli .info_box_pic_box .swiper-slide:hover p{color: #1c3a6f;}
#anli .info_box_pic_box .swiper-slide:last-child{margin-right:0;}

#anli .wrap{width: 14rem;}
#anli .info_box_pic_box_wrap{margin-top:0.4rem;}
#anli #mygod{top: 0.92rem;position: absolute;left: 0;width: 0.46rem;height: 0.46rem;background: url(../images/jtl1.png);}
#anli #mygod2{top: 0.92rem;position: absolute;right: 0;width: 0.46rem;height: 0.46rem;background: url(../images/jtr1.png);}

#anli #mygod:hover{background: url(../images/jtl2.png);}
#anli #mygod2:hover{background: url(../images/jtr2.png);}
#anli .more{width: 1.8rem;height: 0.5rem;line-height: 0.5rem;text-align: center;border:1px solid #1c3a6f;color: #1c3a6f;font-size: 0.16rem;margin: 0 auto;border-radius: 0.5rem;margin-top: 0.3rem;}
#anli .more a{color: #1c3a6f;}

#banquan{margin-top:0;}



#shili{width:100%;height:16.65rem;background: url(../images/bj1.jpg) no-repeat center;background-size:cover;}
#shili .title{padding-top:0.9rem;}
#shili li{font-size:0.22rem;color:#333333;font-weight:bold;width:5rem;margin-bottom:0.6rem;line-height:0.32rem;}
#shili li b{color:#1c3a6f;}
#shili .shang{padding-left:1.2rem;padding-top:1.9rem;}

#leibie{width:100%;height:8rem;background: url(../images/bj2.jpg) no-repeat center;background-size:cover;}
#leibie .title p span{color:#fff;}
#leibie .title{padding-top:0.9rem;}
#leibie .bottom{margin-top:1.1rem;}
#leibie .bottom li{width:2rem;margin-right:0.39rem;color:#fff;font-size:0.24rem;float:left;text-align:center;}

#leibie .bottom li a{color:#fff;display:block;padding-top:0.9rem;padding-bottom:2.8rem;}
#leibie .bottom li:last-child{margin-right:0;}
#leibie .bottom li:nth-child(2n) a{padding-top:2.8rem;padding-bottom:0.9rem;}



.xq1{width: 100%;height: 8.3rem;background: url(../images/bj3.jpg)no-repeat center;background-size: cover;}
.xq1 .wrap{width:16rem !important;}
.xq1 .xq1L{width: 16rem; height: 6rem;position: relative;margin: 0 auto;}
.play{ width: 16rem; height:6rem;}

.big_pic { width: 11.29rem; height: 6.14rem; overflow: hidden; position: relative;margin:0 auto;}
.big_pic li { width: 11.29rem; height: 6.14rem; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; }

.big_pic p{font-size: 0.48rem;color: #1c3a6f;text-align: center;padding-top: 1.05rem;}
.big_pic .nei{width:11.28rem; height: 3.65rem;margin-top: 0.95rem;}
.big_pic li img{ width: 100%; display: block;}
.big_pic li .you{text-align: center;color: #fff;font-size: 0.18rem;line-height: 0.3rem;}
.big_pic li .you p{font-size: 0.6rem;display: block;padding-top: 1.3rem;padding-bottom:0.4rem;color: #fff;}




.rel .prev{ width: 0.64rem; height: 0.64rem; background: url(../images/zuo.png) no-repeat top; position: absolute; top:4.3rem; left:0; z-index: 1; cursor: pointer;background-size: cover;}
.rel .next { width: 0.64rem; height: 0.64rem; background: url(../images/you.png) no-repeat top; position: absolute; top: 4.3rem; right:0px; z-index: 1;cursor: pointer; background-size: cover;}

.rel .prev:hover,.rel .next:hover{background: url(../images/you.png) no-repeat bottom;width: 0.64rem; height: 0.64rem; background-size: cover;}

.small_pic {width:16rem; height: 0.8rem; position: relative; top:1.1rem; left:0; overflow: hidden;}
.small_pic ul { width: 40rem !important; height:0.8rem; position: absolute; top: 0; left: 0;}
.small_pic li {height:0.8rem;cursor: pointer; filter: alpha(opacity=20); opacity: 0.2; float: left;color: #1c3a6f;font-size: 0.2rem;text-align: center;line-height: 0.8rem;padding-left:0.85rem;padding-right:0.75rem;}

.big_pic li{width: 11.29rem;height: 6.14rem;background: url(../images/bg07.jpg)no-repeat center;background-size: cover;}


#hengfu{width: 100%;height: 3.4rem;background: url(../images/hengfu.jpg)no-repeat center;background-size: cover;}