@charset "UTF-8";

.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
 
.wxapp-nav { height:55px; line-height:55px; background:#fff; position:relative; box-shadow:0 4px 5px rgba(0,0,0,.05); }
.wxapp-nav h2 { font-size:18px; font-weight:normal; }
.wxapp-nav .menu {position:absolute;right:0;top:0;}
.wxapp-nav .menu dd { float:left; margin:0 10px; font-size:16px; }
.wxapp-nav .menu dd a { display:block; padding:0 10px; }
.wxapp-nav .menu dd.active a { color:#e0272c; }
.wxapp-nav .menu dt { float:left; margin:0 0 0 20px; }
.wxapp-nav .menu dt a { display:inline-block; height:30px; line-height:30px; padding:0 10px; border-radius:3px; background:#e0272c; color:#fff; transition:all .3s ease; }
.wxapp-nav .menu dt a:hover { box-shadow:0 0 1000px rgba(0,0,0,.1) inset; }
.wxapp-nav.fixed { position:fixed; left:0; right:0; top:0; z-index:50; }
.wxapp-nav.fixed + .holder { height:55px; }
.wxapp-nav .w1200{position: relative;}
 
.i-intro .content{padding-top: 88px;}
.i-intro  .content .p1{ font-size: 60px; color: #FFFFFF;text-align: center;height: 60px;line-height: 60px;}
.i-intro .content .p2{font-size: 18px; color: #FFFFFF;text-align: center;width: 416px;margin: 0 auto;padding-top: 30px;line-height: 30px;}
.i-intro  .content a{display: block; width: 180px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;color: #c1e0f8;border: 1px solid #80b2d9;border-radius: 15px;margin: 0 auto;margin-top: 30px;}
.i-intro  .content a:hover{display: block; width: 180px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;color: #fff;border: 1px solid #fff;border-radius: 15px;margin: 0 auto;margin-top: 30px;}
.i-intro  .content img{margin-left: 440px; margin-top:88px;}


/*******index css*******/
.index .indexTit{padding-top: 82px;}
.index .indexTit .tit1{padding-top: 30px;}
.index .indexTit .tit{font-size:42px;color:#494949;text-align:center;}
.index .indexTit .eName{margin-top:12px;font:normal 20px "AvantGarde Bk BT";color:#999;text-align:center;text-transform: uppercase;}

/*产品展示*/
.index .floor_1_main{height: 710px;}
.index .floor_1{padding-top:40px;}
.index .floor_1 #product{position:relative;margin-top:60px;}
.index .floor_1 #product .list{}
.index .floor_1 #product .list .item{float: left;width: 584px;height: 410px;box-shadow: 0px 0px 46px 0px #cccc;}
.index .floor_1 #product .list .item:first-child{margin-right: 32px;}
.index .floor_1 #product .list .item  .cont{position: relative; width: 540px;height: 260px;margin: 0 auto;display: block;margin-top: 20px;}
.index .floor_1 #product .list .item .aLink .cont  .img1{width: 540px;height: 260px;    border-radius: 12px;overflow: hidden;}
.index .floor_1 #product .list .item .aLink .cont  .img2{width: 114px;height: 39px;position: absolute;top: 20px;left: 20px;}
.index .floor_1 #product .list .item:hover .aLink .cont  img{    filter: brightness(110%);-webkit-filter: brightness(110%);}
.index .floor_1 #product .list .item .aLink .cont  .tit1{font-size: 24px;color: #287cdc;font-weight: bold;    text-indent: 15px;text-indent: 15px;margin-top: 20px;}
.index .floor_1 #product .list .item .aLink .cont  .tit2{font-size: 14px;color: #666666;    text-indent: 15px;margin-top: 10px;}
.index .floor_1 #product .list .item .aLink .cont  .more{width: 135px;height: 40px;line-height: 40px; background-color: #0b88ff;font-size: 17px;color: #FFFFFF;text-align: center;margin-left: 15px;border-radius: 15px;    float: right;margin-top: -50px;transition: all 600ms ease;}
.index .floor_1 #product .list .item .aLink .cont  .more:hover{margin-right: 10px;transition: all 600ms ease;}

/*优势对比*/
.index .floor_2_main{height: 652px;background-color: #f2f4f6;}
.index .floor_2_main .floor_2 .advantage{margin-top:76px;background: url(../images/f2_1.jpg) center center no-repeat;width: 1200px;height: 289px;background-size: 465px 289px;}
.index .floor_2 .indexTit .tit1{font-size: 18px;color: #666666;text-align: center;}
.index .floor_2_main .advantage{}
.index .floor_2_main .advantage .list{}
.index .floor_2_main .advantage .list .item{float: left;width: 310px;height: 60px;margin-top: 20px;}
.index .floor_2_main .advantage .list .item a img{margin-right: 20px;}
.index .floor_2_main .advantage .list .item.i1{margin-right: 580px;background: url(../images/f2_2.png);}
.index .floor_2_main .advantage .list .item a{font-size: 24px;color:#494949;height: 60px;line-height: 60px;text-align: center;display: block;}
.index .floor_2_main .advantage .list .item:hover a{color: #0b88ff;}
.index .floor_2_main .advantage .list .item.i2{background: url(../images/f2_3.png);}
.index .floor_2_main .advantage .list .item.i3{margin-right: 580px;background: url(../images/f2_2.png);}
.index .floor_2_main .advantage .list .item.i4{background: url(../images/f2_3.png);}
.index .floor_2_main .advantage .list .item.i5{margin-right: 580px;background: url(../images/f2_2.png);}
.index .floor_2_main .advantage .list .item.i6{background: url(../images/f2_3.png);}
.index .floor_2_main .advantage .list .item.i7{margin-right: 580px;background: url(../images/f2_2.png);}
.index .floor_2_main .advantage .list .item.i8{background: url(../images/f2_3.png);}


/*f3*/
.index .floor_3_main{background: url(../images/f3_1.png) center center no-repeat;height: 740px;}
.index .floor_3_main .floor_3{}
.index .floor_3_main .floor_3 .content{}
.index .floor_3_main .floor_3 .content .left{float: left;}
.index .floor_3_main .floor_3 .content .left .p1{font-size: 40px;color: #FFFFFF;    padding-top: 208px;}
.index .floor_3_main .floor_3 .content .left .p2{font-size: 18px;color: #FFFFFF;    padding-top: 20px;}
.index .floor_3_main .floor_3 .content .left .p3{font-size: 20px;color: #FFFFFF;margin-top: 68px;background: url(../images/f3_2.png) left center no-repeat;padding-left: 24px;}
.index .floor_3_main .floor_3 .content .left .p4{font-size: 20px;color: #FFFFFF;margin-top: 24px;background: url(../images/f3_2.png) left center no-repeat;padding-left: 24px;}
.index .floor_3_main .floor_3 .content .left a {font-size: 18px;color: #287cdc;font-weight: bold;width: 200px;height: 50px;background-color:#FFFFFF;border-radius: 18px;line-height: 50px;display: block;    margin-top: 95px;    transition: all 600ms ease;}
.index .floor_3_main .floor_3 .content .left a:hover{margin-left: 20px;    transition: all 600ms ease;}
.index .floor_3_main .floor_3 .content .left a img{width: 25px;height: 24px;    float: left;padding-left: 50px;padding-right: 20px;padding-top: 14px;}
.index .floor_3_main .floor_3 .content .right{float: right;padding-top: 70px;}
.index .floor_3_main .floor_3 .content .right img{width: 320px;height: 607px;}


/*f4*/
.index .floor_4_main{background-color: #f7f8fa;height: 650px;}
.index .floor_4_main .floor_4{height: 650px;}
.index .floor_4_main .floor_4 .content{height: 390px;}
.index .floor_4_main .floor_4 .content .list{height: 390px;padding-top: 70px;}
.index .floor_4_main .floor_4 .content .list .item{float: left;width: 400px;}
.index .floor_4_main .floor_4 .content .list .item a{ }
.index .floor_4_main .floor_4 .content .list .item a img{ width: 210px;height: 210px;padding-left: 110px;}
.index .floor_4_main .floor_4 .content .list .item a .p1{ font-size: 26px;color: #494949;text-align: center;padding-top: 20px;}
.index .floor_4_main .floor_4 .content .list .item a .p2{ font-size: 18px; color: #7b8792;text-align: center;width: 276px;    padding-left: 60px;padding-top: 42px;}
/*f5*/
.index .floor_5_main{background-color: #FFFFFF;height: 940px;}
.index .floor_5_main .floor_5{height: 940px;}
.index .floor_5_main .content{}
.index .floor_5_main .content .tit{}
.index .floor_5_main .content .tit .item{height: 18px;padding-top: 50px;}
.index .floor_5_main .content .tit .item .t1{margin-left: 300px;}
.index .floor_5_main .content .tit .item li{display: inline-block;width: 88px;height: 18px;border-right: 1px solid #d8d8d8;line-height: 1;}
.index .floor_5_main .content .tit .item a{font-size: 16px;color: #494949;width: 88px;height: 18px;    display: block;text-align: center;}
.index .floor_5_main .content .case{height: 506px;padding-top: 34px;}
.index .floor_5_main .content .case li{float: left;width: 380px;height: 290px;position: relative;}
.index .floor_5_main .content .case li a{}
.index .floor_5_main .content .case li a .img1{width: 380px;height: 214px;}
.index .floor_5_main .content .case li a .img2{width: 46px;height: 46px;position: absolute;top: 10px;left: 10px;}
.index .floor_5_main .content .case li a h2{font-size: 20px;color:#494949 ;text-align: center;    margin-top: 10px;}
.index .floor_5_main .content .case  .t1{padding-right: 30px;}
.index .floor_5_main .content .case  .t2{padding-right: 30px;}
.index .floor_5_main .content .case  .t4{padding-right: 30px;}
.index .floor_5_main .content .case .t5{padding-right: 30px;}
.index .floor_5_main .content .case li a .bg{position: absolute;top: 0px;left: 0px;overflow: hidden;display: none;cursor: pointer;width: 380px;height: 214px;background: url(../images/f5_h.png) center center no-repeat;}    
.index .floor_5_main .content .case li:hover a .bg{display: block;}