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

.wrapper{width:100%;display:block;min-width:320px}

.main{margin:0 auto}

#wrap{position:relative;min-height:100%;overflow:hidden}

#pages{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}

.page{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none}

.nav_index{position:fixed;right: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:#ea5006}

@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.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}

.index_inner .solgan h3{font-family:'Titillium-Regular';font-size:30px;color:#ea5106;margin:-200px auto 20px auto;position:relative;opacity:0;font-weight:400;}

.index_inner .solgan h3:after{content:"";height:3px;width:75px;background:#ea5106;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:#ea5106;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:42px;height:42px;position:absolute;bottom:30px;left:50%;margin-left:-21px;z-index:3; opacity: 0;



}

.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);background:#ea5106}

.arrow i{color:#fff;font-size:20px;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{ display: none; }





@media screen and (min-width:768px) and (max-width:1366px){

.arrow{ width: 34px; height: 34px; 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: 28px; height: 28px; 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; }

}

.page2{background:url(../img/index/about.jpg) center center no-repeat;background-size:cover}

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

.about_box>div{ padding-top:18%;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:60%;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:60%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;background-position:center center;-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{    position: absolute;
    bottom: 0;
    top: 30px;
    right: 20px;
    width: 64%;
    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:#fff;line-height:1.6;padding:5px 0 5px 0}

.card_detail p.line{border-top:1px dotted #c3c3c3}

.card_detail .icon,.card_detail .fa{font-size:60px;color:#fff;position:absolute;left:20px;top:50px;line-height:1}

@media screen and (min-width:768px) and (max-width:1366px){.about_box>div{padding-top:20%}

.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:47%;padding-top:0;margin:0 1% 10px 1%;min-height:10px}

.cont{min-height:10px; padding:1% 0;}

.card_detail,.card_detail .icon,.card_detail .text,.cont,.card_detail .fa{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,.card_detail .fa{margin:20px 0 10px 20px;text-align:left}

.card_detail .text{padding:0 20px 10px 20px}

.card_detail h3{font-size:12px;margin-bottom:2px; font-weight:normal;}

.card_detail p{font-size:12px;line-height:1.6;padding:5px 0 5px 0}

.card_detail .icon,.card_detail .fa{font-size:30px}
.card_detail p.line{display:none}

}



@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){
/*.custom_box .item img{    left: -13px;top: -11px;}*/
.cont{ overflow:hidden}
.card_image{ overflow:hidden; height:100%}
.card_detail{-webkit-transform: none;

-ms-transform: none;

-moz-transform: none;

transform: none; overflow:hidden}

.card_detail .icon,.card_detail .fa{margin:16px 0 0 10px; float:left;}

.card_detail .text{padding:15px 6px 10px 2px; float:right;}

.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:url(../img/index/case.jpg) center center no-repeat;background-size:cover}

.case_box{position:relative}

.case_box .case_slide{padding-top:28%;position:relative;overflow:hidden;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-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 .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:80%;top:0;left:0}

.case_box .case_slide .slide_item{width:25%;height:63%;float:left;position:relative}

.case_box .case_slide a{background-position:center center;background-repeat:no-repeat;background-size:cover; display: block; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; }

.case_box .case_slide a>div{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background:#dd530f;background:rgba(213,75,7,.9);overflow:hidden;opacity:0;pointer-events:none;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}

.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 a p.type{font-size:14px;color:rgba(255,255,255,.8);text-align:center}

.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;margin-top:20px}

.case_box .arr>div{width:40px;height:40px;border-radius:5px;position:relative;border:1px solid #fff;cursor:pointer;display:inline-block;margin:0 16px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}

.case_box .arr>div i{font-size:24px;color:#fff;position:absolute;width:40px;height:40px;text-align:center;line-height:40px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);display:block}

.case_box .arr>div:hover{background:#ea5006;border-color:#ea5006}

@media screen and (min-width:268px) and (max-width:366px){.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:94%;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 a p.type{font-size:10px}

.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:#ea5006;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:-10px; top:-10px;width:130%;height:130%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}

.page4 .city{width:100%;padding-top:100%;background:url(../img/index/custom_city.png) 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; background: url(../img/index/27pic.jpg) center center no-repeat;}

.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:#ea5106;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{background:url(../img/index/news.jpg) center center no-repeat;background-size:cover}

.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.this{ 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:#ea5106;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:#ea5106}

.news_box ul li a:hover,.news_box ul li.this a{background:#000;text-decoration:none;color:#636363}

.news_box ul li a:hover .more,.news_box ul li.this .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; background:#000;     color: #636363;}

.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}
.news_box ul li .newsp{ display: none; }

}

@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:#ea5106;-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%;width: 101%; background:#333;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{top:100px; 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:130px; 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:#ea5106;padding:5px 0;line-height:1;font-size:18px;display:inline-block;border-top:1px solid #ea5106;border-bottom:1px solid #ea5106;}

.item_box h5 .page_icon{width:58px;height:58px;background:#ea5106;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:146px}

.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:#ea5106;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)}

}

    

}