@charset "utf-8";

.wrap{width: 1200px;margin: 0 auto;}
.title{font-size: 36px;color: #850085;font-weight: bold;text-align: center;}
li{list-style: none;}

/*----内容区----*/
#nei{ background: url(../images/index/bg.jpg) repeat; padding-bottom: 100px;}



/* 列表内容 */
.list{ padding-top: 40px;}
.list .left{width: 290px;float: left;margin-right: 40px;margin-right: 40px;}
.list .left .title{width: 300px;height: 86px;background: #850085;padding-top: 34px;margin-bottom: 20px;text-align: center;}
.list .left .title h2{font-size: 30px;color: #fff;line-height: 30px;}
.list .left .title span{font-size: 14px;text-transform: uppercase;color:rgba(255,255,255,0.60);display: block;font-family: "arial";line-height: 14px;margin-top: 10px; font-weight: normal;}
.list .left .qie {width: 300px;height: 56px;overflow: hidden;margin-bottom: 10px;transition: 0.5s;}
.list .left .qie .fenlei{width:298px;height:54px;border: 1px solid #ccc;}
.list .left .qie .fenlei a{font-size: 18px;color: #333;line-height: 54px;float: left;margin-left:40px;}
.list .left .qie .fenlei span{float: right;margin-right: 40px;width: 14px;height: 14px;overflow: hidden;margin-top: 21px;}
.list .left .qie .fenlei span img{transition: 0.5s;}
.list .left .qie ul{margin-top: 10px;}
.list .left .qie li{width: 300px;height: 50px;background: #ededed;margin-bottom: 1px;}
.list .left .qie li span{color: #666;line-height: 50px;float: left;margin-left: 40px;}
.list .left .qie li a{color: #666;line-height: 50px;float: left;margin-left: 15px;}
.list .left .qie li:hover a,.list .left .qie li.cur a{color:#850085; }
.list .left .qie li:hover span,.list .left .qie li.cur span{color:#850085; }


/* 激活 */
.list .left .active{height: auto;}
.list .left .active .fenlei{background: #850085;border-color:#850085; }
.list .left .active .fenlei a{color: #fff;}
.list .left .active .fenlei span img{transform: translateY(-14px);}


/*右侧内容*/
.list .right{width: 870px;float: left; overflow: hidden;}
.list .right .youshi{height: 156px;}
.list .right .youshi h1{width: 120px;height: 104px;background: url("../images/list/jiagong.jpg") no-repeat center center;text-align: center;font-size: 34px;line-height: 44px;padding-top: 16px;font-family: "宋体";font-weight: bolder;float: left;}
.list .right .youshi .text{width: 714px;margin-left: 26px;float: left;}
.list .right .youshi .text span{font-size: 24px;color: #333;text-align: left;display: block;}
.list .right .youshi .text hr{width: 30px;height: 2px;background: #999;border: none;float: left;margin: 20px 0 15px 0;}
.list .right .youshi .text p{text-align: left;font-size: 15px;line-height: 25px;clear: left;color: #666;}

/* 产品*/
.chanp .title {border-bottom: solid 3px #ddd;padding-bottom: 14px;text-align: left;margin-bottom: 30px;}
.chanp .title span{border-bottom:solid 3px #850085; font-size: 24px;color: #333;padding-bottom: 14px;}
.chanp .box_con .box{width: 280px;text-align: center;display: block;font-size: 16px;color: #333333;line-height: 55px;float: left;margin-right: 15px;}
.chanp .box_con .box:nth-child(3n){margin-right: 0px;}
.chanp .box_con .box img{width: 280px; height:176px; display : block;}


.yema{width: 520px;height: 30px;margin:0 auto;margin-top: 60px;}
.qian:hover{background: #850085;color: white;}
.yema li a{width: 30px; height: 30px;line-height: 30px;font-size: 14px;border-radius: 3px;text-align: center;color: #333;float: left;margin: 0px 5px;border: 1px #ddd solid;}
.yema li a:hover{background:#850085;color: white;}


/*客户案例*/
#anli{width:100%;margin-top: 70px;}

#anli .info_box_pic_box{line-height: 35px;font-size: 16px;text-align: center;}
#anli .info_box_pic_box .swiper-slide{width: 270px;position: relative;overflow: hidden;}
#anli .info_box_pic_box .swiper-slide img{display: block;width: 380px;height: 240px;}
#anli .info_box_pic_box .swiper-slide p{font-size: 18px;color: #333;line-height: 45px;}
#anli .info_box_pic_box .swiper-slide:hover p{color: #00253d;}

#anli .wrap{width: 1350px;position: relative;}
#anli .info_box_pic_box_wrap{margin-top:40px;}
#anli #mygod{top: 92px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/fuwu/jtL1.png);}
#anli #mygod2{top: 92px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/fuwu/jtR1.png);}

#anli #mygod:hover{background: url(../images/fuwu/jtL2.png);}
#anli #mygod2:hover{background: url(../images/fuwu/jtR2.png);}
#anli .more{width: 180px;height: 50px;line-height: 50px;text-align: center;border:1px solid #00253d;color: #00253d;font-size: 16px;margin: 0 auto;border-radius: 50px;margin-top: 40px;}
#anli .more a{color: #00253d;}


/*共用滑动*/
.info_box_pic_box_wrap{margin-top:60px;}
.info_box_pic_box{width:1200px;overflow:hidden;text-align:center;position:relative;margin: 0 auto;}
.title{font-size: 18px;color: #999999;text-transform: uppercase;width: 1200px;margin:0 auto;text-align: left;font-family: 'Oswald';letter-spacing: 5px;}
.title span{font-size: 36px;color: #333333;letter-spacing: 0px;}
.title a{width: 90px;height: 30px;line-height: 30px;text-align: center;color: #fff;display: block;float: right;background: #850085;border-radius: 30px;margin-top: 10px;font-weight: normal;letter-spacing: 0px;font-size: 14px;}
.title a:hover{color: #fff;}


#rex{width:100%;margin-top: 70px;}

#rex .info_box_pic_box{line-height: 35px;font-size: 16px;text-align: center;}
#rex .info_box_pic_box .swiper-slide{width: 270px;position: relative;overflow: hidden;}
#rex .info_box_pic_box .swiper-slide img{display: block;width: 380px;height: 240px;}
#rex .info_box_pic_box .swiper-slide p{font-size: 18px;color: #333;line-height: 45px;}
#rex .info_box_pic_box .swiper-slide:hover p{color: #00253d;}

#rex .wrap{width: 1350px;position: relative;}
#rex .info_box_pic_box_wrap{margin-top:40px;}
#rex #mygod{top: 92px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/fuwu/jtL1.png);}
#rex #mygod2{top: 92px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/fuwu/jtR1.png);}

#rex #mygod:hover{background: url(../images/fuwu/jtL2.png);}
#rex #mygod2:hover{background: url(../images/fuwu/jtR2.png);}
#rex .more{width: 180px;height: 50px;line-height: 50px;text-align: center;border:1px solid #00253d;color: #00253d;font-size: 16px;margin: 0 auto;border-radius: 50px;margin-top: 40px;}
#rex .more a{color: #00253d;}


/*情景策划*/


#cpfl{margin-top: 80px;}
#cpfl .title{width: 386px;margin:0 auto;}

#cpfl .install dl{ width:100%;overflow:hidden;height: 700px;display: block;}
#cpfl .install dl img{ width:100%; height:700px;display: block;}

#cpfl .install_m{width: 1200px;margin: 0 auto;position: relative;margin-top: 30px;}
#cpfl .install_l img,.install_r img{ width:34px; height:34px; padding-top:200px;}

#cpfl #projectL{top: 200px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/fuwu/jtL1.png);}
#cpfl #projectR{top: 200px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/fuwu/jtR1.png);}


#cpfl .install_m li{width: 199px;height: 360px;color: #333;background: #fff;float: left;margin-right: 1px;text-align: center;position: relative;}
#cpfl .install_m li .bg{width: 100%;height: 200px;background: #ededed;position: absolute;bottom:0;transition:1s;}
#cpfl .install_m li p{font-size: 20px;color: #333;padding-top: 40px;font-weight: bold;}
#cpfl .install_m li i{font-size: 14px;color: #b5b5b5;text-transform: uppercase;font-family: 'Arial';margin-top: 15px;display: block;font-style: italic;}
#cpfl .install_m li hr{width: 30px;height: 2px;background: #850085;border:none;margin: 10px auto;}
#cpfl .install_m li a{width: 150px;height: 40px;line-height: 40px;text-align: center;color: #fff;display: block;background: #f39700;margin: 0 auto;border-radius: 40px;font-size: 18px;}
#cpfl .install_m li .nei{width: 80%;margin: 0 auto;font-size: 15px;line-height: 25px;color: #333;}
#cpfl .install_m li img{display: block;width: 100%;height: 160px;position: absolute;top: 0;}

#cpfl .install_m li:hover i{color: rgba(255,255,255,0.8);}
#cpfl .install_m li:hover .nei{color: #fff;}
#cpfl .install_m li:hover .bg{background: #850085;color: #fff;height: 260px;width: 100%;}
#cpfl .install_m li:hover a{display: block;}
#cpfl .install_m li:hover hr{background: #fff;display: block;}
#cpfl .install_m li:hover p{color: #fff;display: block;padding-top: 70px;}