/* 力图数字科技版权所有，www.leadto.com.cn */

*{font-weight:normal;}
.wrapper{width:100%;display:block;min-width:320px}
.main{margin:0 auto}

.lanse{color: rgb(0,36,249)}
.bg_lanse{background: rgb(0,36,249)}

.red{color:#ff0000}
.bg_red{background: #ff0000}

.height_10{height: 10px}
.height_20{height: 20px}
.height_30{height: 30px}
.height_40{height: 40px}
.height_50{height: 50px}
.height_60{height: 60px}
.height_100{height: 100px}




.jiameng{padding-top: 70px;}
.jmpic{padding: 30px 0;max-width: 100%;}

.form_index{background: #fff;padding: 30px 10px;border: 3px solid #e3e3e3;position: relative;
}

.kao{position: absolute;right: 10px;top: 20px;width: 45px;}

.form_item{margin-bottom: 30px;width: 100%}
.form_item span{width:60px;display: inline-block;font-size:0.7rem;color: #000}

.radio—box{font-size: 0.7rem;color: #000;
}

.form_item .radio{font-size: 0.7rem;color: #000;display: inline-block;margin-right: 10px;margin-left: 15px;
}


.form_item .input{width:calc(100% - 70px);font-size:0.7rem;color: #000;display: inline-block;
    height: 34px;line-height: 34px;border: 1px solid #999;padding: 0 10px}
.form_item textarea.textarea2{width:calc(100% - 70px)!important;display: inline-block;
    height:120px;line-height: 34px;border: 1px solid #999;padding:5px 12px;0.7rem;}

.forms_btn{background: #000;padding: 10px 35px;font-size: 0.7rem;color: #fff;border: 0}


.map_more{margin-top: 8%}
.job_more{position: absolute;bottom: 12%;right:3rem}

.video{position:fixed;width:80%;height:80%;top:10%;left:10%;z-index:-1;opacity: 0; transition: all 0.7s; transform:scale(0);}
.video.open{transition: all 0.3s;transform:scale(1);z-index:9999;opacity: 1;}
.video_close{cursor: pointer;position: absolute;color: #eee; font-size:15px;padding: 2px 10px;border-radius: 10px;
    right: 0;top: 0;z-index: 999999;background: rgba(255,255,255,0.5)}


.slide_more{position: fixed;bottom:50px;right:80px;z-index: 9999}
.slide_more2{position: fixed;bottom:50px;left:80px;z-index: 9999}

.slide_arr{margin-top:40px}

.slide_arr span,.slide_arr d{display: inline-block;width: 13px;height: 13px;margin: 0 5px; border-radius: 50%;border: 1px solid #fff;cursor: pointer}
.slide_arr span.active,.slide_arr d.active{background: #ffffff;border: 1px solid #fff}

a,a:hover{text-decoration: none;cursor: pointer;}
#wrap{position:relative;min-height:100%;overflow:hidden}
#pages{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background: #000}
.page{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none}
.nav_index{position:fixed;left:35px;top:0;height:100%;z-index:60;display:table;vertical-align:middle}
.nav_index>div{display:table-cell;vertical-align:middle}
.nav_index>div>span{display:block;width:9px;height:9px;margin:8px 0;background:#fff;border-radius:3px;cursor:pointer;-ms-transition:background-color .6s linear;-webkit-transition:background-color .6s linear;-moz-transition:background-color .6s linear;transition:background-color .6s linear}
.nav_index>div>span.active{background:#b40511}
@media screen and (max-width:767px){.nav_index{left:10px}
.nav_index>div>span{width:5px;height:5px;margin:3px 0}
}
.page1{background:#000}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.slide>div{position:relative;overflow:hidden;}
.slide>div>.bgs{width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;
    background-position:center center;background-repeat:no-repeat;background-size:cover;
    -webkit-transition:all 3s ease-out;
    -moz-transition:all 3s ease-out;-ms-transition:all 3s ease-out;transition:all 3s ease-out}
.current .slide>div.current .bgs{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.index_inner .solgan h3{font-family:'Titillium-Regular';font-size:30px;color:#b40511;margin:-200px auto 20px auto;position:relative;opacity:0;font-weight:400;}
.index_inner .solgan h3:after{content:"";height:3px;width:75px;background:#b40511;display:block;margin:20px auto 0 auto;}
.index_inner .solgan h2{color:#fff;font-size:46px;font-weight:700;position:relative;opacity:0}
.current .slide .current .solgan h2{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.current .slide .current .solgan h3{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.index_nav ul{margin:200px auto 0 auto;display:inline-block}
.index_nav ul li{float:left;width:76px;height:76px;cursor:pointer}
.index_nav ul li:nth-child(2),.index_nav ul li:nth-child(4){margin:60px -20px 0 -20px}
.index_nav ul li a{overflow:hidden;width:100%;height:100%;display:block;position:relative;border:2px solid #fff;border-radius:5px;

    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
        -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background .2s ease-out,border-color .2s ease-out;-moz-transition:background .2s ease-out,border-color .2s ease-out;-ms-transition:background .2s ease-out,border-color .2s ease-out;transition:background .2s ease-out,border-color .2s ease-out}
.index_nav ul li a:after{background:#b40511;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px;display:block;content:"";

    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    opacity: 0;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out

}
.index_nav ul li a:hover{border-color:transparent}
.index_nav ul li a:hover::after{opacity: 1;	-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}



.index_nav ul li i{position:absolute;left:0;top:0;width:76px;height:76px;font-size:46px;text-align:center;line-height:76px;display:block;color:#fff;z-index:1;opacity:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.index_nav ul li a:hover i{opacity:0}
.index_nav ul li span{width:76px;height:76px;display:block;position:absolute;left:0;top:0;z-index:2;font-size:20px;font-weight:700;text-align:center;line-height:76px;color:#fff;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.index_nav ul li a:hover span{opacity:1}
.arrow{width:36px;height:26px;position:absolute;bottom:30px;left:50%;margin-left:-21px;z-index:1000;
    background: url("/img/dow.png")no-repeat center;background-size: cover;cursor: pointer}

.arrow_top{width:36px;height:26px;position:absolute;top:30px;left:50%;margin-left:-21px;z-index:1000;
background: url("/img/up.png")no-repeat center;background-size: cover;cursor: pointer}


.page1_arr{min-width:120px;height:64px;position:relative;
}
.page1_arr>div{width:70px;height:60px;cursor:pointer;display:inline-block;-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;-ms-transition:all .2s linear;
transition:all .2s linear;}
.page1_arr>div i{font-size:36px; color:#ff0000;position:absolute;width:70px;height:60px;text-align:center;line-height:60px;display:block}
.page1_arr>div:hover{color: #ff0000}
.page1_arr>div:hover i{}
.page1_arr{position: absolute;left: 0px;bottom: 0px;z-index: 999;}
.page1_arr .iconfont{font-size: 28px;}

.arrow span{width:42px;height:42px;border-radius:5px;display:block;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.arrow i{color:#fff;font-size:28px;position:absolute;left:0;top:0;width:42px;height:42px;text-align:center;line-height:42px}
.current .arrow{-webkit-animation:arrow ease 2s infinite .4s;-moz-animation:arrow ease 2s infinite .4s;-ms-animation:arrow ease 2s infinite .4s;animation:arrow ease 2s infinite .4s}
.page2 .arrow,
.page3 .arrow,
.page4 .arrow,
.page5 .arrow{ }

.index_news{padding:50px 0;}
.index_news .info{text-align:left;padding:10px;}
.index_news h2{font-size:28px;padding:10px 0;font-weight:bolder!important}
.index_news p{font-size:14px;}


@media screen and (min-width:768px) and (max-width:1920px){
.about_icon_1{position: absolute;top: 30px;right: 100px;height: 60%;}
.about_icon_2{position: absolute;bottom:0;right: 5%;height:40%;}
.about_icon_1 img{width: 90%;max-width: 500px;}
.about_icon_2 img{width: 90%;max-width: 850px;}
}

@media screen and (min-width:768px) and (max-width:1440px){
.about_icon_1{position: absolute;top: 50px;right: 100px;height: 50%;}
.about_icon_2{position: absolute;bottom:0;right: 7%;height:35%;}
.about_icon_1 img{width: 90%;max-width: 350px!important}
.about_icon_2 img{width: 90%;max-width: 700px!important}


.index_about h2{font-size:68px!important;font-weight: 900; color:#b40511;text-align: left;letter-spacing: 10px!important;}
.index_about h3{font-size:36px!important;margin-top: 30px; text-align: left;font-weight: bold;letter-spacing: 2px!important;}

.about_nav{text-align:center!important;margin-top: 10%;padding-right:20%;}
.about_nav .iconfont{font-size: 40px!important;font-weight: bold;color:#b40511;}
.about_nav p{font-size:14px!important;font-weight: bold;margin-top: 10px!important;text-align:center!important;}

.index_job .index_job_l {margin-top:10%!important;}
.index_job .index_job_l h2{font-size:72px!important;letter-spacing: 5px!important;}
.index_job .index_job_l h3{font-size:40px!important;letter-spacing: 5px!important;}
.index_job .index_job_l p{font-size:14px;margin-top: 40px; text-align: left;line-height: 28px;letter-spacing: 2px;}


.job_index{width: 80vh;height:calc(100vh); display: block; background:#b40511;color:#fff;}
.job_index_h2{padding:180px 60px; line-height: 70px;}
.job_index_h2 h2{font-size:48px!important;font-weight: 900; color:#fff;text-align: left;letter-spacing: 5px;}
.job_index_h2 h3{font-size:36px!important;font-weight: 900; color:#fff;text-align: left;letter-spacing: 5px;}

.index_tel{font-size: 62px!important;font-weight: bold;margin-top: 60%;text-align: left;}


.case_box .case_slide .type{font-size:50px!important;font-weight: 900;color: #b40511;}
.case_box .case_slide .type2{font-size:28px!important;padding: 10% 0 20% 0;}

}


.index_about{}
.index_about_l{margin-top: 10%;}
.index_about h2{font-size:90px;font-weight: 900; color:#b40511;text-align: left;letter-spacing: 15px;}
.index_about h3{font-size:48px;margin-top: 30px; text-align: left;font-weight: bold;letter-spacing: 10px;}
.index_about p{font-size:14px;margin-top: 40px; text-align: left;line-height: 28px;letter-spacing: 2px;}

.about_nav{text-align:center!important;margin-top: 10%;padding-right:20%;}
.about_nav .iconfont{font-size: 52px;font-weight: bold;color:#b40511;}
.about_nav p{font-size:22px;font-weight: bold;margin-top: 10px!important;text-align:center!important;}

.job_num{font-weight: bold;margin-top: 10%;padding-right:10%;text-align:left!important;}
.job_num span{font-size: 64px;font-weight: bolder;color:#b40511;}
.job_num span i{font-size: 28px;color:#b40511;}
.job_num p{font-size:18px!important;font-weight: 400;margin-top: 5px!important;text-align:left!important;}



.about_btn_box{padding:20px 0}
.about_btn{background: #000; color: #fff; font-size: 16px; font-weight: 300;  padding: 20px 40px;transition: all .3s;display: inline-block;}
.about_btn span{padding-left: 30px;transition: all .3s}
.about_btn:hover{background: #000; color: #fff; font-size: 16px; padding: 20px 50px 20px 40px;transition: all .3s}
.about_btn:hover span{padding-left: 40px;transition: all .3s}


.job_index{width: 80vh;height:calc(100vh); display: block; background:#b40511;color:#fff;}
.job_index_h2{padding:180px 60px; line-height: 70px;}
.job_index_h2 h2{font-size:58px;font-weight: 900; color:#fff;text-align: left;letter-spacing: 5px;}
.job_index_h2 h3{font-size:46px;font-weight: 900; color:#fff;text-align: left;letter-spacing: 5px;}


.index_job{}
.index_job .index_job_l {margin-top:6%;}
.index_job .index_job_l h2{font-size:90px;font-weight:bolder; color:#b40511;text-align: left;letter-spacing: 15px;}
.index_job .index_job_l h3{font-size:48px;margin-top: 30px; text-align: left;font-weight: bold;letter-spacing: 10px;}
.index_job .index_job_l p{font-size:14px;margin-top: 40px; text-align: left;line-height: 28px;letter-spacing: 2px;}

.index_tel{font-size: 76px;font-weight: bold;margin-top: 60%;text-align: left;}
.index_tel .iconfont{font-size:28px;display: inline-block;position: relative;top:-35px}


@media screen and (min-width:768px) and (max-width:1366px){
.arrow{ width:36px;height:26px; margin-left: -17px; }
.arrow span{width:34px;height:34px;}
.arrow i{width:34px;height:34px; line-height: 34px;}
}
@media screen and (max-width:767px){
.page2 .arrow,
.page3 .arrow,
.page4 .arrow,
.page5 .arrow{ display: block; bottom: 10px; }

.arrow{ width:36px;height:26px; margin-left: -14px; }
.arrow span{width:28px;height:28px;}
.arrow i{width:28px;height:28px; line-height: 28px; font-size: 16px;}

.index_nav ul li:nth-child(2),.index_nav ul li:nth-child(4){margin:40px -14px 0 -14px}
.index_nav ul li{float:left;width:56px;height:56px;cursor:pointer}
.index_nav ul li span{width:56px;height:56px; line-height: 56px; font-size: 14px; font-weight: normal;}
.index_nav ul li i{ width: 56px; height: 56px; font-size: 30px; line-height: 56px; }

}
@media screen and ( max-height: 400px)  and ( max-width: 767px) {

.arrow{ bottom: 10px; }
    
}


.page1 .index_inner{ pointer-events: none; }
#index_nav{ pointer-events: auto; }

.index_nav ul li{opacity:0}
.current .index_nav ul li{opacity:1}
.current .index_nav ul li:nth-child(1){-webkit-animation:bounceIn .6s ease-out both;-moz-animation:bounceIn .6s ease-out both;-ms-animation:bounceIn .6s ease-out both;animation:bounceIn .6s ease-out both}
.current .index_nav ul li:nth-child(2){-webkit-animation:bounceIn .6s .2s ease-out both;-moz-animation:bounceIn .6s .2s ease-out both;-ms-animation:bounceIn .6s .2s ease-out both;animation:bounceIn .6s .2s ease-out both}
.current .index_nav ul li:nth-child(3){-webkit-animation:bounceIn .6s .4s ease-out both;-moz-animation:bounceIn .6s .4s ease-out both;-ms-animation:bounceIn .6s .4s ease-out both;animation:bounceIn .6s .4s ease-out both}
.current .index_nav ul li:nth-child(4){-webkit-animation:bounceIn .6s .6s ease-out both;-moz-animation:bounceIn .6s .6s ease-out both;-ms-animation:bounceIn .6s .6s ease-out both;animation:bounceIn .6s .6s ease-out both}
.current .index_nav ul li:nth-child(5){-webkit-animation:bounceIn .6s .8s ease-out both;-moz-animation:bounceIn .6s .8s ease-out both;-ms-animation:bounceIn .6s .8s ease-out both;animation:bounceIn .6s .8s ease-out both}
@media screen and (min-width:768px) and (max-width:1366px){.index_inner .solgan h3{font-size:26px;margin:-180px auto 10px auto}
.index_inner .solgan h3:after{height:2px;width:60px}
.index_inner .solgan h2{font-size:40px}
}
@media screen and (max-width:767px){.index_inner .solgan h3{font-size:14px;margin:60px auto 10px auto}
.index_inner .solgan h3:after{height:2px;width:50px;margin:10px auto 0 auto}
.index_inner .solgan h2{font-size:18px; font-weight: 400; line-height: 1.4;}
}
@media screen and (max-width:767px) and (min-height: 401px;){
.index_nav ul{margin:230px auto 0 auto}
}
@media screen and (max-height:400px)  and ( max-width: 767px) {
.index_nav ul{ margin: 160px auto 0 auto; }
}


.about_box{text-align:center;position:relative}




.about_box>div{min-height:300px;padding-top:48%;width:30%;margin:0 10px;display:inline-block;position:relative;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.about_box>div:nth-child(2){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
.about_box>div:nth-child(3){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.current .about_box>div{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.cont{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;transition:box-shadow .3s ease;box-shadow:0 10px 30px transparent;min-height:300px}
.cont.hover-in{-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;-ms-transition:-ms-transform .2s ease-out;transition:transform .2s ease-out}
.cont.hover-out{-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-ms-transition:-ms-transform .2s ease-in;transition:transform .2s ease-in}
.card:hover .cont{box-shadow:0 10px 30px rgba(0,0,0,.4)}
.card_image{z-index:1;display:block;position:relative;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:#000;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.card_image:after{content:" ";width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.4));transition:opacity .3s ease;opacity:0}
.card:hover .card_image{background-color:#222}
.card_detail{ z-index:2;position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;-webkit-transform:translateZ(30px);-moz-transform:translateZ(30px);-ms-transform:translateZ(30px);transform:translateZ(30px)}
.card_detail a{display:block;width:100%;height:100%;text-decoration:none;overflow:hidden}
.card_detail .text{padding:36px 26px 30px 36px;position:absolute;bottom:0;left:0;right:0;text-align:left}
.card_detail h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px 0;line-height:1.4}
.card_detail p{font-size:14px;color:#c3c3c3;line-height:1.6;padding:5px 0 5px 0}
.card_detail p.line{border-bottom:1px solid #c3c3c3}
.card_detail .icon{font-size:70px;color:#fff;position:absolute;left:40px;top:50px;line-height:1}
@media screen and (min-width:768px) and (max-width:1366px){.about_box>div{padding-top:36%}
.card_detail h3{font-size:20px}
.card_detail p{font-size:12px;line-height:1.6;padding:3px 0 3px 0}
.card_detail .icon{font-size:60px}
.card_detail .text{padding:0 30px 20px 30px}
}
@media screen and (max-width:767px){.about_box>div{width:90%;padding-top:0;margin:0 auto 10px auto;min-height:10px}
.cont{min-height:10px}
.card_detail,.card_detail .icon,.card_detail .text,.cont{position:relative;left:auto;top:auto;right:auto;bottom:auto;display:block}
.card_detail{-webkit-transform:translateZ(10px);-moz-transform:translateZ(10px);-ms-transform:translateZ(10px);transform:translateZ(10px)}
.card_detail .icon{margin:20px 0 10px 20px;text-align:left}
.card_detail .text{padding:0 20px 10px 20px}
.card_detail h3{font-size:16px;margin-bottom:2px}
.card_detail p{font-size:12px;line-height:1.6;padding:5px 0 5px 0}
.card_detail .icon{font-size:40px}
}

@media screen and (min-height:401px) and (max-height: 500px)  and ( max-width: 767px) {
        .card_detail .icon{ font-size: 30px; }
        .card_detail p.line{ display: none; }
}

@media screen and (max-height: 400px)  and ( max-width: 767px) {
    .card_detail a{ text-align: left; }
        .card_detail .icon{ font-size: 30px; line-height: 40px; margin: 10px !important; display: inline-block; vertical-align: top;}
        .card_detail .text{ display: inline-block; line-height: 40px; margin: 10px; padding: 0 !important; vertical-align:top; }
        .card_detail .text h3{ line-height: 40px; }
        .card_detail p{ display: none; }
}

@media screen and (max-height:1200px) and (-webkit-min-device-pixel-ratio:2){
.card_detail{-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
transform: none;}
.card_detail .icon{margin:16px 0 0 16px}
.card_detail .text{padding:5px 16px 10px 16px;}
.card_detail p{font-size:10px;line-height:1.4;padding:3px 0 3px 0}
.card_detail p{line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
.page3{background:#fff;background-size:cover}
.case_box{position:relative;height: 100vh;}
.case_box .case_slide{height: 100vh; position:relative;overflow:hidden;
-webkit-transition:all .4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;}
.current .case_box .case_slide{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.case_box .case_slide>div{position:absolute;width:100%;height:100%;top:0;left:0}

.case_box .case_slide .slide_item{width:50%;height:50%;float:left;position:relative;display: flex;
            align-items: center; 
            justify-content: center;}

.case_box .case_slide .slide_item .case_pic{background-position:center center; transition: all 0.4s;background-repeat:no-repeat;background-size:100% auto; display: block; position: absolute; left: 1px; right: 1px; top: 0px; bottom: 0px; }

.case_box .case_slide .slide_item .case_pic:hover{background-size: 104%; transition: all 0.4s;}


.video_bg{display: flex; animation-duration: 1.2s!important;
            align-items: center; 
            justify-content: center;
			 width: 100%;height: 100%;line-height: 100%; 
			 			background-size: cover!important;}

.video_bg:hover .play{ transform:scale(1.05)!important;
transition: all 0.4s!important;
color: rgba(0,0,0,1)!important;
cursor: pointer;
}

.play{ color:rgba(0,0,0,0.7); font-size: 84px;text-shadow: 0 4px 10px #999;
 transform:scale(1)!important;
transition: all 0.4s!important;}
.play:hover{ transform:scale(1.05)!important;
transition: all 0.4s!important;
color: rgba(0,0,0,1)!important;
cursor: pointer;
}


.case_box .case_slide a>div{background:#b40511;background:rgba(117, 4, 10, 0.9);overflow:hidden;opacity:1;}
.case_box .case_slide a>div>span{display:table;width:100%;height:100%;vertical-align:middle;text-align:center}
.case_box .case_slide a>div>span>span{display:table-cell;vertical-align:middle;text-align:center}
.case_box .case_slide .type{font-size:66px;font-weight: 900;color: #b40511;}
.case_box .case_slide .type2{font-size:35px;padding: 10% 0 20% 0;}

.case_box .case_slide a h3{font-size:26px;font-weight:700;line-height:1;color:#fff;margin:20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case_box .case_slide a p.more{font-size:16px;color:#fff;position:relative}
.case_box .case_slide a p.more:after{content:"";width:68px;margin-left:-34px;left:50%;top:100%;position:absolute;border-bottom:2px solid #fff;height:2px}
.case_box .case_slide a:hover>div{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.case_box .arr{
    /*
    text-align:center;position: absolute;top: 50%;left: 50%;margin-left: -80px;
*/
}

.case_box .arr>div{width:80px;height:60px;position:relative;background:#b40511;cursor:pointer;display:inline-block;
-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;
}

.case_box .arr>div:last-child{margin-left: -3px;
}

.case_box .arr>div i{font-size:24px;color:#fff;position:absolute;width:80px;height:60px;text-align:center;line-height:60px;
display:block}
.case_box .arr>div:hover{background:#8a030f;}
@media screen and (min-width:768px) and (max-width:1366px){.case_box .case_slide{padding-top:42%}
.case_box .case_slide>div{height:100%}
.case_box .case_slide .slide_item{width:50%;height:50%;}
.case_box .case_slide a{left: 5px; right: 5px; top: 5px; bottom: 5px;}
.case_box .case_slide a h3{margin:10px 0;font-size:20px}
.case_box .case_slide a p.more{font-size:14px}
.case_box .case_slide a p.more:after{width:58px;margin-left:-29px}
}
@media screen and (max-width:767px){.case_box .case_slide{padding-top:90%;width:100%;margin:0 auto}
.case_box .case_slide>div{height:100%}
.case_box .case_slide .slide_item{width:50%;height:33.33%}
.case_box .case_slide a{left: 3px; right: 3px; top: 3px; bottom: 3px;}
.case_box .case_slide .type{font-size:58px}
.case_box .case_slide a h3{margin:3px 0;font-size:14px}
.case_box .case_slide a p.more{font-size:10px}
.case_box .case_slide a p.more:after{width:40px;margin-left:-20px;border-bottom:1px solid #fff;height:1px}
}

@media screen and (max-height: 400px) and ( max-width: 767px)  {
    .case_box .case_slide{ padding-top: 60%; }
    .case_box .case_slide .slide_item{ height: 50%; }
    .case_box .case_slide a{left: 2px; right: 2px; top: 2px; bottom: 2px;}
    .case_box .case_slide a:nth-child(5),
    .case_box .case_slide a:nth-child(6){ display: none; }
}
.page4{background:#000}
.page4 .item_box>h2,.page4 .item_box>h5{display:none}
.page4 .item_box .item_bd{margin-top:0}
.custom_box{position:relative;z-index:1}
.custom_box>div{position:relative;width:90%;margin:0 auto;text-align:center}
.custom_box .item{display:inline-block;width:25%;position:relative;z-index:2;vertical-align:top;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.custom_box .item>div{position:relative;width:70%;padding-top:70%;margin:15%;cursor:pointer;background:#000;border-radius:5px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.custom_box .item>div:after{content:"";left:1px;top:1px;bottom:1px;right:1px;display:block;border:1px solid #ccc;border:1px solid rgba(255,255,255,.3);position:absolute;border-radius:5px}
.custom_box .item>div:hover{background:#b40511;border-color:transparent;z-index:2}
.custom_box .item:nth-child(1){margin-left:12.5%}
.custom_box .item:nth-child(3){margin-right:12.5%}
.custom_box .item:nth-child(1),.custom_box .item:nth-child(2),.custom_box .item:nth-child(3){margin-bottom:-12.5%}
.custom_box .item:nth-child(10),.custom_box .item:nth-child(8),.custom_box .item:nth-child(9){margin-top:-12.5%}
.custom_box .item:nth-child(11),.custom_box .item:nth-child(12),.custom_box .item:nth-child(13){display:none}
.custom_box .item img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.page4 .city{width:100%;padding-top:100%;background:url() 0 0 no-repeat;background-size:cover;position:absolute;left:76%;top:4%;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);-moz-transform:translateX(100px);transform:translateX(100px);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.page4.current .city{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.page4 .names{width:100%;padding-top:100%;background:#ccc;border-radius:15px;position:absolute;right:109%;top:-76%;-webkit-transform:translateX(-200px) rotate(20deg);-ms-transform:translateX(-200px) rotate(20deg);-moz-transform:translateX(-200px) rotate(20deg);transform:translateX(-200px) rotate(20deg);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out}
.page4.current .names{opacity:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.page4 .names span{position:absolute;right:10px;top:10px;line-height:5;font-size:32px;color:#b40511;font-weight:700;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
@media screen and (min-width:768px) and (max-width:1366px){.page4 .names span{font-size:22px}
}
@media screen and (max-width:767px){.page4 .names{display:none}
.page4 .item_box>h2,.page4 .item_box>h5{display:block}
.page4 .item_box .item_bd{margin-top:30px}
.custom_box>div{text-align:left}
.custom_box .item{width:32%}
.custom_box .item:nth-child(1){margin-left:0}
.custom_box .item:nth-child(3){margin-right:0}
.custom_box .item:nth-child(1),.custom_box .item:nth-child(2),.custom_box .item:nth-child(3){margin-bottom:0}
.custom_box .item:nth-child(10),.custom_box .item:nth-child(8),.custom_box .item:nth-child(9){margin-top:0}
.custom_box .item:nth-child(11),.custom_box .item:nth-child(12),.custom_box .item:nth-child(13){display:inline-block}
.custom_box .item{margin-top:-16%!important}
.custom_box .item:nth-child(1),.custom_box .item:nth-child(2),.custom_box .item:nth-child(3){margin-top:0!important}
.custom_box .item:nth-child(5n+1){margin-left:2%}
.custom_box .item:nth-child(5n-1){margin-left:18%}
.page4 .city{left:0;top:100%}
}
.page5{}
.news_box{padding-top:28%;position:relative;overflow:hidden}
.news_box ul{position:absolute;left:0;top:0;width:100%;height:100%}
.news_box ul li{width:25%;height:100%;float:left;opacity:0;transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);transition:all .6s linear 0s;-webkit-transition:all .6s linear 0s;-moz-transition:all .6s linear 0s;-ms-transition:all .6s linear 0s}
.current .news_box ul li{opacity:1;transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0)}
.news_box ul li:nth-child(1){width:50%}
.news_box ul li a{display:block;height:100%;background:#fff;color:#000;text-align:left;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear;overflow:hidden;position:relative;margin:0 1px}
.news_box ul li a p{font-size:14px;margin:0 20px 0 20px;max-height:60px;overflow:hidden;line-height:20px}
.news_box ul li a .type{margin:20px 20px 16px 20px;color:#ccc;line-height:22px;height:44px;overflow:hidden}
.news_box ul li a .type span{color:#b40511;font-weight:700;margin-right:20px}
.news_box ul li a .title{font-size:18px;font-weight:700;margin:0 20px 16px 20px;line-height:24px;height:48px;overflow:hidden}
.news_box ul li a .more{position:absolute;bottom:20px;left:20px;right:20px;border-top:1px solid #dbdbdb;text-align:right;padding-top:6px;margin:0;-webkit-transition:border-color .2s linear;-moz-transition:border-color .2s linear;-ms-transition:border-color .2s linear;transition:border-color .2s linear}
.news_box ul li a .more i{display:inline-block;vertical-align:top;color:#b40511}
.news_box ul li a:hover{background:#000;text-decoration:none;color:#636363}
.news_box ul li a:hover .more{border-top-color:#454545}
@media screen and (min-width:1200px) and (max-width:1367px){.news_box{padding-top:30%}
}
@media screen and (min-width:992px) and (max-width:1199px){.news_box{padding-top:34%}
}
@media screen and (min-width:768px) and (max-width:991px){.news_box{padding-top:46%}
.news_box ul li a .type span{display:block}
}
@media screen and (max-width:767px){.news_box{padding-top:0;width:94%;margin:0 auto}
.news_box ul{position:relative}
.news_box ul li{width:100%!important}
.news_box ul li a{margin:0 0 5px 0}
.news_box ul li a p{font-size:12px;margin:0 10px 0 10px;max-height:40px;overflow:hidden;line-height:20px}
.news_box ul li a .type{margin:10px 10px 5px 10px;color:#ccc;line-height:22px;height:22px;overflow:hidden;font-size:10px}
.news_box ul li a .title{font-size:14px;margin:0 10px 5px 10px;line-height:20px;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_box ul li a .more{position:static;margin:5px 10px 10px 10px}
}
@media screen and (max-height: 558px)  and ( max-width: 767px) {
.news_box ul li a p{font-size:12px;margin:0 10px 0 10px;max-height:20px;overflow:hidden;line-height:20px}
}
@media screen and (max-height: 500px) and ( max-width: 767px)  {
.news_box ul li:nth-child(3){ display: none; }
.news_box ul li a p.more{ display: none; }
}
.page6{background:url(../img/index/contact.jpg) center center no-repeat;background-size:cover}
.page6 .index_inner{display:block}
.page6 .index_inner .index_box{width:100%;height:100%;display:block;overflow:hidden}
.page6 .index_inner .item_box h2{margin-top:180px}
.page6 .index_inner .container-fluid{padding:0}
.contact_box{position:absolute;top:263px;bottom:0;left:0;right:0;overflow:hidden;background:#b40511;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.current .contact_box{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.contact_box>ul{height:100%}
.contact_box>ul>li{float:left;width:50%;height:100%}
.contact_box>ul>li>div{height:100%;background:#fff;position:relative}
.contact_box>ul>li:nth-child(1)>div{margin:0 1px 0 0}
.contact_box>ul>li:nth-child(2)>div{margin:0 0 0 1px}
.contact_box>ul>li>div .contact{height:50%;position:absolute;top:0;left:0;width:100%}
.contact_box>ul>li>div .contact>div{display:table;vertical-align:middle;width:100%;height:100%}
.contact_box>ul>li>div .contact ul{display:table-cell;vertical-align:middle}
.contact_box>ul>li>div .contact ul li{float:right;width:40%;margin:10px 0;text-align:center;position:relative}
.contact_box>ul>li>div .contact ul li .icon{border:1px solid #ccc;color:#ccc;border-radius:5px;font-size:30px;padding:6px;display:inline-block;vertical-align:top;margin-right:10px}
.contact_box>ul>li>div .contact ul li .text{display:inline-block;vertical-align:top;width:200px;text-align:left}
.contact_box>ul>li>div .contact ul li p{font-size:14px;color:#6a6a6a;line-height:24px;white-space:nowrap}
.contact_box>ul>li>div .contact ul li p.num{font-size:16px}
.contact_box>ul>li>div .contact ul li p.tips{line-height:20px;font-size:12px;color:#999}
.contact_box>ul>li>div .solgan{height:50%;position:absolute;top:50%;left:0;width:100%;background:url(../img/index/contact_solgan.jpg) center center no-repeat;background-size:cover}
.contact_box>ul>li>div .solgan div{display:table;vertical-align:middle;width:100%;height:100%}
.contact_box>ul>li>div .solgan div p{display:table-cell;vertical-align:middle;text-align:center;font-size:30px;font-weight:700;color:#fff}
.contact_box>ul>li>div.map{background:url(../img/index/place.jpg) center center no-repeat;background-size:cover}

@media screen and (min-width:1000px) and (max-width:1366px){
.contact_box{top:238px;}
.contact_box>ul>li>div .contact ul li{width: 50%; padding: 0 5px;}
.contact_box>ul>li>div .contact ul li .text{ width: 190px; }
}
@media screen and (min-width:768px) and (max-width:999px){
.contact_box{top:238px;}
.contact_box>ul>li>div .contact ul li{width: 50%; padding: 0 5px;}
.contact_box>ul>li>div .contact ul li .icon{ margin-right: 0; }
.contact_box>ul>li>div .contact ul li .text{width: 100%; text-align: center; }
}
@media screen and (max-width:767px){
.page6 .index_inner .item_box h2{margin-top:16px}
.contact_box{position:static;background:0 0}
.contact_box>ul>li{width:100%;float:inherit}
.contact_box>ul>li>div{margin:0!important}
.contact_box>ul>li>div .contact{position:static;height:auto}
.contact_box>ul>li>div .contact>div{display:block;overflow:hidden}
.contact_box>ul>li>div .contact>div ul{margin:10px 0;display:block}
.contact_box>ul>li>div .contact>div ul li{float:left;width:50%; text-align: left; padding-left: 10px;}
.contact_box>ul>li>div .contact ul li .icon{font-size:16px;padding:3px;margin-left:5px; margin-right: 0;}
.contact_box>ul>li>div .contact ul li .text{width:145px; margin-left: 10px;}
.contact_box>ul>li>div .contact ul li p{font-size:10px;color:#6a6a6a;line-height:14px;white-space:nowrap}
.contact_box>ul>li>div .contact ul li p.num{font-size:12px}
.contact_box>ul>li>div .solgan{position:static;height:260px}
.contact_box>ul>li>div.map{position:relative;height:500px;background-size:100% auto;background-position:top center}
}
@media screen and (max-height: 450px)  and ( max-width: 767px) {
.contact_box>ul>li>div .solgan,
.contact_box>ul>li>div .map{ display: none; }
}


 @media screen and (max-height:767px) and (-webkit-min-device-pixel-ratio:2){
    .contact_box>ul>li>div .solgan{height:160px}
}

@media screen and (max-height:767px) and (-webkit-min-device-pixel-ratio:3){.contact_box>ul>li>div .solgan{height:180px}
}
.item_box h2,
.item_box h2 a{font-size:36px;font-weight:700;color:#fff;text-align:center;margin-top:50px;}
.item_box h2 a:hover{ text-decoration: none; }
.item_box h5{text-align:center;margin-top:16px;position:relative;font-weight:400}
.item_box h5 .t{font-family:'Titillium-Regular';color:#b40511;padding:5px 0;line-height:1;font-size:18px;display:inline-block;border-top:1px solid #b40511;border-bottom:1px solid #b40511;}
.item_box h5 .page_icon{width:58px;height:58px;background:#b40511;border-radius:5px;position:absolute;bottom:-115px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);left:50%;margin-left:-29px;z-index:2}
.item_box h5 .page_icon:before{color:#000;font-size:36px;display:block;text-align:center;width:58px;height:58px;line-height:58px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.item_bd{margin-top:85px}
.index_inner{display:table;vertical-align:middle;text-align:center;width:100%;height:100%;position:relative;z-index:3}
.index_inner .index_box{display:table-cell;vertical-align:middle;text-align:center}
.item_box h2{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);-moz-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .3s .2s ease-out;-moz-transition:all .3s .2s ease-out;-ms-transition:all .3s .2s ease-out;transition:all .3s .2s ease-out;opacity:0}
.current .item_box h2{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.item_box h5{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);-moz-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0}
.current .item_box h5{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.item_box h5 .page_icon{opacity:0;-webkit-transition:opacity .6s .3s ease-out;-moz-transition:opacity .6s .3s ease-out;-ms-transition:opacity .6s .3s ease-out;transition:opacity .6s .3s ease-out}
.current .item_box h5 .page_icon{opacity:1}
@media screen and (min-width:768px) and (max-width:1366px){.item_bd{margin-top:50px}
.item_box h2{font-size:26px}
.item_box h5{text-align:center;margin-top:12px}
.item_box h5 .t{padding:3px 0;font-size:12px}
.item_box h5 .page_icon{width:40px;height:40px;bottom:-70px;margin-left:-20px}
.item_box h5 .page_icon:before{width:40px;height:40px;line-height:40px;font-size:28px}
}
@media screen and (max-width:767px){.item_bd{margin-top:16px}
.index_inner{display:block;vertical-align:top;text-align:center;width:100%;padding-top:50px;height:auto;position:relative;z-index:3}
.index_inner .index_box{display:block;vertical-align:top;text-align:center}
.item_box h2{font-size:18px;font-weight:700;color:#fff;text-align:center;margin-top:16px}
.item_box h5{text-align:center;margin-top:6px}
.item_box h5 .t{color:#b40511;padding:2px 0;font-size:8px}
.item_box h5 .page_icon{display:none}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-30px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-30px)}
100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes arrow{0%,100%{opacity:0;-webkit-transform:translateY(-20px)}
50%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes arrow{0%,100%{opacity:0;-moz-transform:translateY(-20px)}
50%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes arrow{0%,100%{opacity:0;-ms-transform:translateY(-20px)}
50%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes arrow{0%,100%{opacity:0;transform:translateY(-20px)}
50%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-moz-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-ms-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

@media screen and ( max-height: 400px) and ( max-width: 767px) {


@-webkit-keyframes arrow{0%,100%{opacity:0;-webkit-transform:translateY(-10px)}
50%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes arrow{0%,100%{opacity:0;-moz-transform:translateY(-10px)}
50%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes arrow{0%,100%{opacity:0;-ms-transform:translateY(-10px)}
50%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes arrow{0%,100%{opacity:0;transform:translateY(-10px)}
50%{opacity:1;transform:translateY(0)}
}
    
}






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

    .jiameng{padding-top: 50px}


    .copyright {
     padding-top: 0
    }

    .banquan {
        padding-top: 50px;
    }
    .ewm{width:100px}
    .form_item {
        margin-bottom: 15px!important;
    }
    .hlqk{width: 400px}
    .jmpic {
        width: 550px;
    }
    .jm_tel{width: 250px}
}