/* CSS Document */
@charset 'utf-8';
/*首页*/

#fp-nav ul li, .fp-slidesNav ul li{width: 17px;height: 17px;}
#fp-nav ul li a, .fp-slidesNav ul li a{border: 2px solid transparent;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active{border: 2px solid #AD5063;border-radius: 50%;height: 20px;width: 20px;margin-left: -2px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:5px;height: 5px;background: #575F61;top: 3px;left: 3px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: transparent;border: 0;}
#fp-nav ul li a:hover{  border: 2px solid #AD5063;border-radius: 50%;height: 20px;width: 20px;margin-left: -2px;}
#fp-nav ul li a:hover span{background: transparent;border: 0;}

.section{position: relative;height: 9.34rem; text-align: center; color: #fff;}
.fp-scrollable{overflow: hidden;}
#fullPage{font-size: .15rem;}
.none{display: none!important;}
.block{display: block!important;}

.page1{background: url(../images/page1_bg.jpg) no-repeat center;background-size: 100% 100%;}
.page2{background: url(../images/sky.jpg) no-repeat center;background-size: 100% 100%;}
.page3{}
.page4{background: url(../images/page4_bg.jpg) no-repeat center;background-size: 100% 100%;}
.page5{background: url(../images/page5_bg.jpg) no-repeat center;background-size: 100% 100%;}
.page6{background: url(../images/page6_bg.jpg) no-repeat center;background-size: 100% 100%;}
.page7{background: url(../images/page7_bg.jpg) no-repeat center;background-size: 100% 100%;}
.page8{background: url(../images/page8_bg.jpg) no-repeat center;background-size: 100% 100%;}

.page_con{/* position: relative; *//* height: 900px; */}

/* 动态向下图 */
.dongtai-bottom{width: .40rem;position: fixed;bottom: 65px;left: 0;right: 0;-webkit-animation: dongtaibottom 1s linear 0s infinite reverse forwards running;}
@-webkit-keyframes dongtaibottom{
0% {bottom: 45px;}100% {bottom: 65px;}
}

/* 注意：fadeInUp等从上面进入的动画效果会影响高度而会导致影响布局-所以要使用:overflow: hidden; */

/* 动画延时(fullpage控制了滚动条，在第二页中间以后data-animdelay属性就不好使了) */
.animdelay_0{animation-delay: 0s!important;}
.animdelay{animation-delay: 0.5s!important;}
.animdelay_1{animation-delay: 1s!important;}
.animdelay_1s25{animation-delay: 1.25s!important;}
.animdelay_1s5{animation-delay: 1.5s!important;}
.animdelay_1s75{animation-delay: 1.75!importants;}
.animdelay_2{animation-delay: 2s!important;}
.animdelay_2s5{animation-delay: 2.5s!important;}
.animdelay_3{animation-delay: 3s!important;}


#logo{display: inline-block;position: fixed;top: 0.2rem;left: 4%;color: #fff;text-align: center;z-index: 999;}
#logo img{margin-top: -7px;margin-left: -25px;width:15%;}

#caidan{position: fixed;top: 0;left: 0;right: 0;color: #545B5C;text-align: center;z-index: 998;background-color: rgba(255, 255, 255, 0.8);/*-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;-webkit-transform-origin: 100%;transform-origin: 100%;-webkit-transform: rotateX(89deg) scaleX(0);transform: rotateX(89deg) scaleX(0);  手机端导航*/height: 86px;}
#caidan ul{padding-left: 8.5rem;}
#caidan ul li{display: inline-block;vertical-align: top;position: relative;margin: 0 .15rem;}

#caidan ul li:last-child:after{display: none;}
#caidan ul li a{font-size: 14px;display: block;line-height: 0;padding: .42rem 0rem;}
#caidan ul li:hover,#caidan ul li.active{border-bottom: 2px solid #BE1721;}
#caidan ul li:hover a{color: #BE1721;}
/*#caidan.animate-caidan1{-webkit-transform: rotateX(89deg) scaleX(1);transform: rotateX(89deg) scaleX(1);}
#caidan.animate-caidan2{-webkit-transform: rotateX(0);transform: rotateX(0);}  手机端导航*/
#caidan ul li:last-child{  margin-left: .7rem;}
#caidan ul li:last-child a{ padding: .35rem 0;	 }

#caidan ul li:last-child .images{display: inline-block;margin-bottom: -5px;margin-right: 10px;background-image: url(../images/return_06.png);width: 22px;height: 20px;}
#caidan ul li:last-child:hover .images{background-image: url(../images/return2_06.png);}


#caidanBtn{display: none;vertical-align: top;position: fixed;top: 0.3rem;right: 4%;color: #fff;text-align: center;z-index: 999;background-color: #E9BD73;border-radius: 50px;padding: .22rem .40rem;overflow: hidden;cursor: pointer;-webkit-user-select: none;user-select: none;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
#caidanBtn h4{}
#caidanBtn div{margin-left: .10rem;margin-top: 1px;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
#caidanBtn div i{height: 3px;width: 20px;background-color: #fff;border-radius: 50px;display: block;margin-top: 3px;position: relative;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
#caidanBtn.animate-caidanBtn1{padding: .22rem .22rem;}
#caidanBtn.animate-caidanBtn1 h4{display: none;}
#caidanBtn.animate-caidanBtn1 div{margin: 0;}
#caidanBtn.animate-caidanBtn1 div i:nth-child(2){display: none;}
#caidanBtn.animate-caidanBtn1 div i:first-child{-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 3px;}
#caidanBtn.animate-caidanBtn1 div i:last-child{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: -3px;}


footer{background-color: rgba(0, 0, 0, 0.6);position: fixed;bottom: 0;left: 0;right: 0;color: #999;text-align: left;padding: .10rem 3%;font-size: 12px;letter-spacing: 1px;}



.section.page{overflow: hidden;}


/* 公共栏目图片高度 */
.head_comm img{height: 0.67rem;margin-bottom: 0.8rem;}

/* 第一页 */
.page1{}
.page1 .page_con{ }
.page1 .slideBox{ width:100%;height: 970px;  overflow:hidden; position:relative; border:1px solid #ddd;   }
.page1 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.page1 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.page1 .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.page1 .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.page1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.page1 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.page1 .slideBox .bd img{ width:100%;margin-top: -45px; display:block;  }
/* 第二页 */
/*数字滚动插件的CSS可调整样式*/
.mt-number-animate{ line-height:40px; height: 80px;/*设置数字显示高度*/; font-size: 70px;/*设置数字大小*/ overflow: hidden; display: inline-block; position: relative; color: #323232;}
.mt-number-animate .mt-number-animate-dot{ width: 35px;/*设置分割符宽度*/ line-height: 40px; float: left; text-align: center;}
.mt-number-animate .mt-number-animate-dom{ width: 38px;/*设置单个数字宽度*/ text-align: center; float: left; position: relative; top: 0;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}
.numberRun4{display: inline-block;}

.page2 .page_con{width: 1370px;margin: 0 auto;}
.page2 .left{width: 655px;}
.page2 h5{font-size: 24px;color: #949494;text-align: left;}
.page2 h2{font-size: 22px;color: #232323;font-weight: 500;letter-spacing: 1.5px;text-align: left;margin-top: 15px;}
.page2 .xian{background: #CECECE;height: 2px;width: 59px;margin: 32px 0;}
.page2 p{font-size: 14px;color: #878787;text-align: left;line-height: 2;letter-spacing: 1px;margin-bottom: 5px;}
.page2 .ke{display: inline-block;margin-right: 1rem;position: relative;}
.page2 .ke:last-child{margin-right: 0;}
.page2 .dake{text-align: left;}
.page2 .ke h4{text-align: left;font-size: 14px;color: #717476;margin-top: 10px;	}
.page2 .ke img{position: absolute;right: -24px;top: 22px;}
.page2 .ke:last-child img{right: -80px;}
.page2 .more{font-size: 14px;padding: 14px 55px;float: left;margin-top: 70px;background: #BE1721;color: #FAEEEF;transition: all 2s;}
.page2 .more:hover{background: #FAEEEF;color: #BE1721; }
.page2 .ke .danw{font-size: 53px;display: inline-block;color: #323232;position: absolute;right: -45px;top: 14px;}
.page2 .right{position: absolute;right: 0;top: 0;width: 8rem;}
.page2 .ke .xian{background: #E9E9E9;height: 40px;width: 2px;position: absolute;top: 25px;right: -.85rem;}
.page2 .ke .xian.two{right: -.82rem;}





/* 第三页 */
.page3 .head_comm{margin: 50px 0;margin-top: 1rem;}
.page3 .images{background-image: url(../images/more2_03.png);transition: all 1s;height: 80px;width: 80px;margin: 0 auto;background-repeat: no-repeat;}
.page3 .head_comm:hover .images{background-image: url(../images/more_03.png);}
.page3 .head_comm h4{color: #1C1C1C;font-size: 14px;margin-top: 10px;}

.page3 .pro_list {
    float: left;
    height: 635px;
    width: 19.79%;
    margin: 0 auto;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}
.page3 .pro_list:last-child{margin-right: 0;}
.page3 .pro_list.one{background-image: url(../images/lj_02.jpg);}
.page3 .pro_list.two{background-image: url(../images/kqs_04.jpg);}
.page3 .pro_list.three{background-image: url(../images/kh_06.jpg);}
.page3 .pro_list.four{background-image: url(../images/sfb_01.jpg);}
.page3 .pro_list.five{background-image: url(../images/lrm_01.jpg);}
.page3 .pro_list:hover{background-image: url(../images/bj_red.png);background-size:100% 100%}
.page3 .pro_list img{
    margin-top: 3rem;
    width: 182px;
}








/* 第四页 */
.page4{}
.page4 .page_con{width: 1262px;margin: 0 auto;}
.page4 .page_con>.top{margin-bottom: 50px;}
.page4 .page_con>.top .left{text-align: left;}
.page4 .page_con>.top .left h5{color: #8C8C8C;font-size: 14px;}
.page4 .page_con>.top .left h2{color: #000000;font-size: 40px;font-weight: 500;}
.page4 .page_con>.top .LisNavK{float: right;margin-top: -26px;}
.page4 .page_con>.top .LisNavK a{display: inline-block;color: #A4A4A4;background: #fff;font-size: 12px;padding: 5px 15px;margin-right: 5px;}
.page4 .page_con>.top .LisNavK a:first-child{padding: 5px 21px;}
.page4 .page_con>.top .LisNavK .LisNava.LisNavao,.page4 .page_con>.top .LisNavK a:hover{background: #BE1721;color: #FAEEEF;}

.page4 .LisR{}
.page4 .LisR ul{overflow: hidden;}
.page4 .LisR ul li{overflow: hidden;width: 32.15%;position: relative;float: left;margin-right: 20px;margin-bottom: 20px;height: 229.13px;}
.page4 .LisR ul li:nth-child(3n){margin-right: 0;}
.page4 .LisR ul li a>img{width: 100%;transition:all 1s;}
.page4 .LisR ul .tanchu{position: absolute;top: 0;width: 100%;background: rgba(0, 0, 0, .7);height: 230px;display: none;}
.page4 .LisR ul .tanchu img{margin:80px auto;margin-bottom: 52px;}
.page4 .LisR ul .tanchu .xian{background: #A79D94;height: 2px;width: 90%;margin: 0 auto;}
.page4 .LisR ul .tanchu h5{color: #F3F3F3;text-align: center;font-size: 14px;margin: 14px 0;}
.page4 .LisR ul li:hover .tanchu{display: block;}
.page4 .LisR ul li:hover a>img{ transform:scale(1.2);}

.page4 .feny{width: 15%;margin: 0 auto;}
.page4 .feny ul li{background: #fff;/*display: inline-block;*/border: 1px solid #E0E0E0;height: 30px;width: 30px;margin-top: 15px;}
.page4 .feny ul li a{ height: 30px;width: 30px;display: inline-block;}
.page4 .feny ul li:nth-child(2){padding: 0px 40px;/*margin: 0 5px;*/}
.page4 .feny ul li:nth-child(2) a{width: 80px;margin-left: -40px;}
.page4 .feny ul li img{margin: 0 auto;margin-top: 8px;}






/* 第五页 */
.page5{color: #E9BD73;}
.page5 .head_comm{    margin-top: -1rem;}
.page5 .images{background-image: url(../images/more_03.png);transition: all 1s;height: 80px;width: 80px;margin: 0 auto;background-repeat: no-repeat;}
.page5 .head_comm:hover .images{background-image: url(../images/more2_03.png);}
.page5 .head_comm h4{color: #1C1C1C;font-size: 14px;margin-top: 10px;}

#scrollbar2 { width: 100%; clear: both; margin: auto;position: relative;z-index: 99;}
#scrollbar2 .viewport { width: 8.50rem; height: 0.8rem;  position: relative; }
#scrollbar2 .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  max-width: none;}
#scrollbar2 .overview img{}
#scrollbar2 .scrollbar,#scrollbar2 .thumb .end,#scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar-x.png) no-repeat; }
#scrollbar2 .scrollbar { position: relative; overflow: hidden;  margin: 0 0 0.2rem; clear: both; height: 0.08rem; max-width: none;}
#scrollbar2 .track { background: transparent url(../images/bg-scrollbar-x-end.png) no-repeat 100% 0; width: 100%; height:0.06rem; position: relative; padding: 1px 0; max-width: none;background-size: auto 100%;}
#scrollbar2 .thumb { background-position: 100% -0.18rem; height: 0.06rem; cursor: pointer; overflow: hidden; position: absolute; left: 0; }
#scrollbar2 .thumb .end{ background-position: 0 -0.18rem; height: 0.06rem; width: 0.05rem;}
#scrollbar2 .disable { /* display: none; */visibility: hidden; }

.page5 menu{margin: auto;width: 19rem;margin-bottom: 0.5rem;}
.page5 menu ul{/* border-bottom: 0.02rem solid #C5A26A; */white-space: nowrap;font-size: 0;   }
.page5 menu ul li{display: inline-block;vertical-align: bottom;text-align: center;border-top: 0.02rem solid #F4F4F4;padding: 0 1.6rem;}
.page5 menu ul li:first-child{    padding-left: 2.1rem;transition: all 2s;}
.page5 menu ul li:last-child{    padding-right: 2.1rem;}
.page5 menu ul li a{font-size: 0.18rem;color: #828282;}
.page5 menu ul li a:before{content: "";display: block;margin: auto;width: 0.05rem;height: 0.05rem;background-color: #797979;border-radius: 50%;margin-top: -0.03rem;transition: all 0.2s ease-out;}
.page5 menu ul li:hover a,
.page5 menu ul li.active a{color: #BE1721;}
.page5 menu ul li:hover a:after,
.page5 menu ul li.active a:after{background: #BE1721;}

.page5 .gundong{overflow: hidden;width: 12.10rem;margin: 0 auto;margin: .4rem auto;margin-bottom: .6rem;}
.page5 .picMarquee-left{ overflow:hidden; position:relative;padding: .5rem 0.50rem;}
.page5 .picMarquee-left .hd{/*  overflow:hidden;height:30px; background:#f4f4f4; padding:0 10px; */}
.page5 .picMarquee-left .hd .prev,.page5 .picMarquee-left .hd .next{display:block;width:0.20rem; height:0.40rem; float:right;overflow:hidden;cursor:pointer;background:url("../images/c_left_03.png") no-repeat;background-size: auto 100%;position: absolute;top: 51%;}
.page5 .picMarquee-left .hd .prev{left: 10%;}
.page5 .picMarquee-left .hd .next{right: 10%; background-position: right;background:url("../images/c_right_05.png");}
.page5 .picMarquee-left .hd .prevStop{ background-position:-0.40rem 0; }
.page5 .picMarquee-left .hd .nextStop{ background-position:-0.40rem -0.50rem;}
.page5 .picMarquee-left .bd{overflow: hidden;}
.page5 .picMarquee-left .bd .tempWrap{margin: 0 auto;}
.page5 .picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.page5 .picMarquee-left .bd ul li{ margin-right: 0.13rem; float:left; _display:inline; overflow:hidden; text-align:center;}
.page5 .picMarquee-left .bd ul li:hover{}
.page5 .picMarquee-left .bd ul li h4{color: #0F0F0F;font-size: 24px;    margin-bottom: 30px;}
.page5 .picMarquee-left .bd ul li p{color: #7F7F7F;font-size: 14px;    line-height: 1.7;width: 757px;margin: 0 auto;}

.page5 #scrollbar2 .hd .prev,.page5 #scrollbar2 .hd .next{display:block;width:0.48rem; height:0.48rem; float:right;overflow:hidden;cursor:pointer;background:url("../images/time_left_03.png") no-repeat;background-size: auto 100%;position: absolute;top: -29%;}
.page5 #scrollbar2 .hd .prev{left: .4rem;}
.page5 #scrollbar2 .hd .prev:hover{background:url("../images/tine_left2_03.png");}
.page5 #scrollbar2 .hd .next{right: .4rem; background-position: right;background:url("../images/time_right_05.png");}
.page5 #scrollbar2 .hd .next:hover{background:url("../images/time_right2_05.png");}

.page5 .bg{color: #FAFAFA;font-size: 518px;position: absolute;bottom: -26%;left: 17%;z-index: 1;}




 


/* 第六页 */
.page6{}
.page6 .page_con{width: 1347px;margin: 0 auto;}
.page6 .page_con>.top{margin-bottom: 40px;}
.page6 .page_con>.top .left{text-align: left;}
.page6 .page_con>.top .left h5{color: #8C8C8C;font-size: 14px;}
.page6 .page_con>.top .left h2{color: #000000;font-size: 40px;font-weight: 500;}
.page6 .page_con>.top .LisNavK{float: right;margin-top: -26px;}
.page6 .page_con>.top .LisNavK a{display: inline-block;color: #A4A4A4;background: #fff;font-size: 12px;padding: 7px 15px;margin-right: 5px;border: 1px solid #F2F2F2;}
.page6 .page_con>.top .LisNavK a img{display: inline-block;margin-right: 10px;}

.page6 .middle{border-bottom: 2px solid #DCDCDC;padding-bottom: 35px;}
.page6 .middle .left{color: #fff;text-align: left;background: #BE1721;display: inline-block;width: 591px;vertical-align: top;padding: 45px 50px;height: 396px;}
.page6 .middle .left h4{font-size: 22px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;margin-bottom: 18px;width: 370px;letter-spacing: 1px;}
.page6 .middle .left h5{font-size: 18px;margin-bottom: 30px;}
.page6 .middle .left p{font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;letter-spacing: .5px;margin-bottom: 119px;width: 463px;}
.page6 .middle .left .more{font-size: 14px;border: 1.5px solid #ECBABD;padding: 10px 100px;padding-left: 20px;transition: all 1s;}
.page6 .middle .left .more img{display: inline-block;position: relative;right: -78px;bottom: -2px;}
.page6 .middle .left .more:hover{background: #fff;color: #BE1721;}
.page6 .middle .right{display: inline-block;width: 756px;margin-left: -5px;}
.page6 .middle .right img{width: 100%;}


.page6 ul{}
.page6 ul li{color: #8F8F8F;display: inline-block;width: 360px;text-align: left;margin-right: 127px;}
.page6 ul li:last-child{margin-right: 0;}
.page6 ul li h4{font-size: 22px;color: #000;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;margin: 25px 0;}
.page6 ul li p{font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;line-height: 1.7;margin-bottom: 40px;}
.page6 ul li .time{font-size: 16px;}
.page6 ul li .time img{display: inline-block;margin-bottom: -2px;margin-right: 5px;}
.page6 ul li:hover h4 a{color: #BE1721;}








/* 第七页 */
.page7{text-align: left;}
.page7 .left{display: inline-block;background: #FFFFFF;}
.page7 .left img{position: absolute;top: -50px;left: 0;}
.page7 .left .bottom{width: 960px;position: absolute;left: 0;top: 490px;padding-left: 1.7rem;}
.page7 .left .bottom h4{font-size: 26px;color: #000;margin: 60px 0 20px;}
.page7 .left .bottom p{font-size: 14px;color: #848484;margin-bottom: 15px;}
.page7 .left .bottom form{font-size: 14px;color: #000;width: 83%;}
.page7 .left .bottom form .border_b{border-bottom: 1px solid #E4E4E4;padding: 25px 0 30px;}
.page7 .left .bottom .border_b.text{display: inline-block;margin-right: 30px;width: 47%;padding: 12px 0;}
.page7 .left .bottom .text.two{margin-right: 0;}
.page7 .left .bottom .text input{}
.page7 .left .bottom textarea{vertical-align: top;}
.page7 .left .bottom input.submit{background: #333333;color: #fff;padding: 9px 40px;margin-top: 25px;}
.page7 .right{background: #F6F6F6;position: absolute;right: 0;height: 100%;top: 0;width: 50%;padding-left: 7%;}
.page7 .right h5{font-size: 14px;color: #797979;margin-top: 1.4rem;margin-bottom: 5px;}
.page7 .right h2{font-size: 40px;color: #000;font-weight: 500;}
.page7 .right h2.red{color: #be1721;}
.page7 .right h4{font-size: 24px;color: #000;margin: 50px 0 40px;}
.page7 .right .xian{height: 2px;width: 64px;background: #CCCCCC;margin-bottom: 1rem;}
.page7 .right .box{}
.page7 .right .box p{font-size: 14px;color: #555555;line-height: 2;}
.page7 .right .box p:before{content: "地址："}
.page7 .right .box p:nth-child(2):before{content: "电话："}
.page7 .right .box p:nth-child(3):before{content: "传真："}
.page7 .right .box p:nth-child(4):before{content: "邮编："}
.page7 .right .ditu{color: #BE1721;position: relative;top: -1.1rem;right: -2.6rem;}
.page7 .right .ditu img{display: inline-block;margin-bottom: -5px;margin-right: 2px;}
.page7 .right .md{margin-top: .30rem;}
.page7 .right .first{margin-top: .5rem;}
.page7 .right .second{}
.page7 .right .md h6{font-size: 14px;color: #242424;}
.page7 .right .md ul{    margin: 8px 0px;}
.page7 .right .md ul li{display: inline-block;margin-right: 7px;}
.page7 .right .md ul li a{font-size: 12px;color: #B6B6B6}
.page7 .right .md ul li span{    margin-left: 9px;}








/* iframe弹层样式 */
.layui-layer-setwin .layui-layer-close2{background: url(../images/close_03.png) no-repeat center!important;background-position: 0 0!important;background-size: 100% 100%!important;width: 26px!important;height: 26px!important;top: -0.02rem!important;right: 0.02rem!important;}
.layui-layer-shade{opacity: .7!important;}





@media (max-width: 640px){

#fullPage {font-size: 0.14rem;}
#fullPage>.page1,
#fullPage>.page2,
#fullPage>.page3,
#fullPage>.page4,
#fullPage>.page5,
#fullPage>.page6,
#fullPage>.page7{background-size: auto 100%;}

/* 动态向下图 */
.dongtai-bottom{width: 0.3rem;bottom: 0.5rem;}
@-webkit-keyframes dongtaibottom{
0% {bottom: 0.5rem;}100% {bottom: 0.6rem;}
}

.page_con{height: auto;padding-left: 3%;padding-right: 3%;padding-bottom: 10%;}




/* end media */
}
/* the end */