@charset "utf-8";
body,ul,li,span,p,font,div,fieldset,legend,img,input,form,h1,h2,h3,h4,h5,h6,h7,dl,dd,dt{margin:0px;padding:0px;}
img{border:0px;}  a,link {text-decoration: none;} .clear { clear:both; line-height:0; font-size:0;}
ul,li,ol {white-space:normal;list-style:none;} table {border-collapse: collapse;}
body { background-color:#fff; font-family: "微軟正黑體",Helvetica,sans-serif; color:#333;font: normal 100%;} 

.logo_link,#navbg a,.section_title,.time_main .time_event li span,.main_title,.nav_btn span{height:0;overflow:hidden;text-indent:100%;white-space:nowrap;display:block}
#navbg a,#navbg,#navbg ul li:after{background-image: url(../images/icon.png);background-repeat: no-repeat;}

.section{width: 100%;position: relative;overflow: hidden;}
.section1{background-position: center 0px;margin-top: 60px;}
.section2{height: 650px;}
.section3{background: url(../images/about_bg.jpg) center top; height: 750px;}
.section4{background: url(../images/value_bg.jpg) left top;height: 840px;}
.section5{background:#02d5f6; height: 850px;}
.section6{background: url(../images/PRODUCTS.jpg) center top;height: 800px;}
.section7{background: url(../images/contact.jpg) center top;height: 650px;}
.section_main{width: 1000px;margin:0 auto;}
.section_title{width: 600px;padding-top: 120px;background: url(../images/title.png);margin-top: 30px;}

.slogn img,.section_main img{width: 100%;display: block;}

/*
nav
*/
.menu{background: #dedede; border-top: 1px solid #fff; height: 60px;width:100%;z-index:9999;position: fixed;top: 0; left:0; }

.logo{float: left;}
.logo_link{display: block; width:260px; height: 60px; background: url(../images/logo.jpg); }

#navbg{ position: relative;height: 60px;float: right;  background-color: #C6C6C6;background-position: -18px -271px;padding-left: 180px;}
#navbg ul{overflow: hidden;}
#navbg ul li{float: left; padding-right: 10px; position: relative}
#navbg ul li:after{content: "";display: block;position: absolute;right: 0;top: 9px;width: 10px;height: 40px;background-position: -18px -226px;}
#navbg ul li:nth-child(5):after,#navbg ul li:nth-child(4):after{display: none;}
#navbg ul li a{width: 80px;height: 45px;margin: 10px 15px;cursor: pointer;}
#navbg ul li a.nav01{background-position: -12px -60px;width: 45px;}
#navbg ul li a.nav02{background-position: -10px -103px;/* width: 70px; */}
#navbg ul li a.nav03{background-position: -9px -186px;}
#navbg ul li a.nav04{background-position: -10px -144px;}
#navbg ul li a.nav05{background-position: -9px -12px;}
/*
屏蔽語言
*/#navbg ul li a.nav05:after{display: none;}#navbg ul li a.nav05:hover{cursor: auto; transform:none;-moz-transform:none;-webkit-transform:none;}


.fb_link,.youtube_link{position: absolute;width: 22px;padding-top: 23px;top: 16px;}
.fb_link{background-position: -17px -386px;left: 115px;}
.youtube_link{background-position: -17px -439px;left: 145px;}

/*
section1
*/
.section1 .section_main{position: relative; width: 100%; height: 100%;}
.section1 .section_main:after{content: "";display: block;position: absolute;width: 100%;height: 100%;background:url(../images/bg1_point.png);left: 0;top: 0;z-index: 1;}
.section1 .section_main:before{content: "";display: block;position: absolute;width: 54%;height: 80px;background:url(../images/sj.png) right bottom no-repeat;left: 0;bottom: -2px;z-index: 2;}
.slogn{position: absolute;left: 0;top: 21%;width: 100%;z-index: 999;}
.slogn1{width: 12%;margin-left: 24%;margin-top: -15%;display: inline-block;}
.slogn2{width: 14%;display: inline-block;}
.slogn3{width: 23%;display: inline-block;}


/*
section2
*/
.time_main{position: relative;/* background: #eee; */padding-left: 50px;}
.section2 .section_title{background-position: left top;}
.time_main .line{position: relative;margin: 90px 0;}
.time_main .line .Coordinate,.time_main .line .Coordinate_table{width: 936px;height: 385px;display: block;background: url(../images/form.png) no-repeat;}
.time_main .line .Coordinate{position: relative; background-position: 0 0;}
.time_main .line .Coordinate_table{position: absolute;background-position: 0 -436px;left: 0;bottom: 0;height: 370px;}
.time_main .time_event{position: absolute;left: 0;top: -101px;width: 958px;overflow: hidden;z-index: 99;}
.time_main .time_event li{float: left;width: 20%;height: 360px;position: relative;}
.time_main .time_event li span{width: 100%;height: 100%;background: url(../images/year_event.png) no-repeat;}
.time_main .time_event li.time-2016 span{background-position: -715px top;}
.time_main .time_event li.time-2015 span{background-position: -560px top;margin-left: 36px;}
.time_main .time_event li.time-2014 span{background-position: -332px top;}
.time_main .time_event li.time-2013 span{background-position: -154px top;margin-left: 13px;}
.time_main .time_event li.time-2012 span{background-position: 4px top;margin-left: 49px;}
.time_main .time_event li em{position: absolute;width: 30px;height: 30px;background: url(../images/year_event.png) no-repeat;}
.time_main .time_event li.time-2012{height: 400px;}
.time_main .time_event li.time-2012 em{left: 129px;top: 370px;background-position: -709px -376px;}
.time_main .time_event li.time-2013 em{left: 119px;top: 300px;background-position: -768px -376px;}
.time_main .time_event li.time-2014 em{left: 113px;top: 228px;background-position: -828px -376px;}
.time_main .time_event li.time-2015 em{left: 146px;top: 161px;background-position: -878px -377px;}

/*
section3
*/
.about_main{padding-left: 70px}
.about_title{font-size: 36px;color: #2189b9;margin-top: 45px;}
.about_title em{font-style: normal; color: #ff9533; font-size: 49px; margin-right: 5px; vertical-align: 4px;}
p.m_p{color: #3c3c3c; font-size: 22px; letter-spacing: 5px; margin-top: 30px;}
.intro_company{padding: 40px 8px;margin: 40px 45px 40px -10px;border-top: 1px solid #3c3c3c;line-height: 28px;}
.intro_company p{color: #3c3c3c; font-size: 18px; margin-bottom: 20px; }
.intro_company p span{display: block;}

/*
secrion4
*/
.section4 .section_title{background-position: 0 -135px;}
.section4 .section_title:after{content: "";display: block;position: absolute;right: -464px;top: 94px;width: 1200px;height: 3px;background: url(../images/title_point.png);}
.value_main{position: absolute; left: 50%; top: 0; padding-left: 50px; width: 1000px; margin-left: -500px; height: 100%;}
.value_tent{position: relative;margin-top: 30px;height: 600px;/* background: #000; */}
.value-yj,.value-jz,.value-sm,.value-m-logo,.value-m-bg{background: url(../images/value_icon.png) no-repeat;}
.value-yj{position: absolute;left: 61%;top: 46%;width: 270px;height: 190px;background-position: -500px -320px;}
.value-jz{position: absolute;left: 58%;top: 10%;width: 300px;height: 215px;background-position: -500px -45px;}
.value-sm{position: absolute;left: 2%;top: 9%;width: 330px;height: 260px;background-position: 0px 0px;}
.value-m-logo{position: absolute;left: 30.54%;top: 27%;width: 330px;height: 260px;background-position: -490px -580px;z-index: 2;}
.value-m-bg{position: absolute;left: 25%;top: 18%;width: 435px;height: 420px;background-position: 0 -320px;}

/*
section5
*/
.section5 .section_title{background-position: 0 -275px;}
.section5 .section_main .country_nav img{width: auto}

.country_main{padding-left: 50px;}

.country{position: relative;background: url(../images/map.jpg) -50px 0;height: 650px;overflow: hidden;}
.country_nav{width: 34%;margin-left: 2%;margin-top: 4%;z-index: 999;border-left: 4px solid #fff;height: 500px;position: relative;}
.country_nav ul{width: 100%;}
.country_nav ul li{width: 104%;margin-bottom: 5px;}
.country_nav ul li.shot_name{width: 58%;}
.country_nav ul li.mid_name{width: 79%;}
.country_nav ul li a{padding: 2px 5px;display: block;cursor: pointer; transition: all .8s;}
.country_nav ul li a:hover,.country_nav ul li.visted a{background: #01606f;}
.country_nav ul li.visted:after{ content: ""; position: absolute; width: 15px; height: 12px;left: -3px;bottom: -6px; background: url(../images/mark.png);}

.country_mark{position: absolute;left: 19%;top: 0;width: 100%;z-index: 998;height: 100%;}
.country_mark ul{width: 100%}
.country_mark ul li{position: absolute; width: 1px; height: 1px; cursor: pointer;}
.country_mark ul li img{width: 30px; position: absolute; left: -15px; bottom: 0; transition: all 1s;}
.country_mark ul li.on img,.country_mark ul li:hover img{width: 50px; left: -25px;}
.Taiwan_mk{left: 62%;bottom: 39%;}
.Indonesia_mk{left: 53%;top: 91%;}
.HK_mk{left: 55%;bottom: 39%;}
.Thailand_mk{left: 53.5%;bottom: 27%;}
.Korea_mk{left: 64%;bottom: 54%;}
.Malaysia_mk{left: 57%;bottom: 15%;}
.Singapore_mk{left: 52%;bottom: 19%;}

.country_product{position: absolute;left: 32px;top: 500px;z-index: 1000;width: 400px;height: 200px;padding-top: 10px;/* background: url(../images/icon.png) 0px -1342px; */}
.country_product_t{position: absolute; top: 0%; left: 20%; width:100%}
.country_product_t ul{overflow: hidden;}
.country_product_t ul li{float: left;width: 120px;margin: 0 3px;}
.country_product_t ul li a{display: block;transition: all 1s;}
.country_product_t ul li a:hover{transform: scale(.9,.9);}

.country_product_t{transition: all 1.2s;}
.country_product_t{opacity: 0;z-index: -15;}
.country_product_t.in{top: 0;left: 0; opacity: 1;z-index: 1;}
.country_product:after{content: "";display: block;position: absolute;width: 200px;height: 100%;right: -178px;z-index:999;}

/*
section6
*/
.section6 .section_title{background-position: 0 -410px;}
.tent_main{ padding-left: 50px; position: relative;}

.main_title{height: 40px;background: url(../images/title.png)0 -730px no-repeat;margin-top: 20px;margin-left: 45px;}

.product{margin-top: 45px;margin-left: 2%;}
.product_title{width: 35%;}

.about_slogn{position: absolute;left: 21.5%;top: 0;width: 79%; height: 100%; background: url(../images/time/pop.png);z-index: 999;}

.pro_list{position: relative;}
.pro_list ol{overflow: hidden;width: 83%;}
.pro_list ol li{float: left;display: inline;width: 30%;margin-right: 5px;}
.pro_list ol li a{display: block;}
.pro_list ol.list2{margin: -6% 12%;}

.more_btn{position: absolute;left: 70%;top: 25%; opacity: .8;cursor: pointer;width: 10%; display: none;}
.more_btn:hover{opacity: 1;}

.pop{position: absolute;height:100%;width: 79%;top:0;left: 21.7%;z-index:9999;display:block;}
.overlayer{display:block;position:absolute;width:100%;height:100%;background:#000;filter:Alpha(opacity=80);opacity:.8;top:0;left:0;z-index:1}

.pro_all_tent{position: absolute;left: 13%;top: 15%; z-index: 999;padding-left: 10px;border-left: 2px solid #fff;height: 76%;overflow: auto;width: 71%;}
.pro_all_tent ul{overflow: hidden;}
.pro_all_tent ul li{float: left;width: 20%;margin: 1%;}
.pro_all_tent ul li a{width: 100%}

.back_btn{position: absolute;bottom: 8%;left: 2%;z-index: 999;width: 8%; cursor: pointer;}

/*
section7
*/
.section7 .section_title{background-position: 0 -550px;}
.contact{ padding-left: 50px; position: relative;}
.contact_tent{width: 443px;height: 229px;background: url(../images/contact_tent.png);color: #fff;text-align: center;padding-top: 130px;line-height: 25px;font-size: 16px;margin: 70px auto;letter-spacing: 2px;}
.contact_tent address{font-style: normal; }
.contact_tent a{color: #fff;}
.contact_tent a:hover{color: #b0ecff;}

.footer{background: #20282D;height: 73px;line-height: 73px;text-align: center;}
.footer p{text-align: center;color: #fff;padding-left: 113px;background: url(../images/gamedreamer.png) no-repeat;display: inline-block;}

.scroll_t{position: fixed; left: 10px; bottom: 20px; z-index: 999;}
.drop,.up{display: inline-block; width: 50px; height: 50px; background: url(../images/scroll.png) bottom center; cursor: pointer;}
.up{background-position: center top;}
.drop:hover,.up:hover{opacity: 0.8}

.smk{position: absolute; width: 1px; height: 1px; left: -1%; top: -60px;}

/*
movice
*/
@media screen and (min-width:1024px){
.slogn1,.slogn2,.slogn3,.time-2016,.time-2015,.time-2014,.time-2013,.time-2012,.aslogn1,.aslogn2,.aslogn3,.about_slogn,.value-m-logo,.value-yj,.value-jz,.value-sm{opacity: 0}
.slogn1.in,.slogn2.in{ 
     opacity: 0; 
     -webkit-animation: drow_down .6s .5s forwards linear;
     -ms-animation: drow_down .6s .5s forwards linear;
     -moz-animation: drow_down .6s .5s forwards linear;
     animation: drow_down .6s .5s forwards linear;
}
@keyframes drow_down{
     0%{transform: translate(-50%,0); opacity: 0}
     100%{transform: translate(0px,0%); opacity: 1 }
}
@-webkit-keyframes drow_down{
     0%{-webkit-transform: translate(-50%,0); opacity: 0}
     100%{-webkit-transform: translate(0px,0%); opacity: 1 }
}
@-moz-keyframes drow_down{
     0%{-moz-transform: translate(-50%,0); opacity: 0}
     100%{-moz-transform: translate(0px,0%); opacity: 1 }
}

.slogn3.in{ 
     opacity: 0; 
     -webkit-animation: s_show .6s 1s forwards linear;
     -ms-animation: s_show 1s .6s forwards linear;
     -moz-animation: s_show .6s 1s forwards linear;
     animation: s_show .6s 1s forwards linear;
}
@keyframes s_show{
     0%{ transform: scale(1.2,1.2); opacity: 0}
     100%{ transform: scale(1,1); opacity: 1 }
}
@-webkit-keyframes s_show{
     0%{ -webkit-transform: scale(1.2,1.2); opacity: 0}
     100%{ -webkit-transform: scale(1,1); opacity: 1 }
}
@-moz-keyframes s_show{
     0%{ -moz-transform: scale(1.2,1.2); opacity: 0}
     100%{ -moz-transform: scale(1,1); opacity: 1 }
}

#navbg ul li a{transition: all .5s;}
#navbg ul li a:hover{ transform: translate(0px,-5px); -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); }
#navbg ul li a:after{content: "";display: block;position: absolute;left: 10%; bottom:0; width: 0%;height: 2px;background: #2089B9;transition: all .3s;}
#navbg ul li a:hover:after{width: 82%}

.fb_link,.youtube_link{transition: transform .3s;}
.youtube_link:hover{background-position: -98px -439px; transform: rotateY(360deg); }
.fb_link:hover{background-position: -98px -386px; transform: rotateY(360deg); }

.time_main .line .Coordinate_table{transition: all 3s;}
.time_main .line .Coordinate_table{width: 0}
.time_main .line .Coordinate_table.in{width: 100%}

.time_event li:nth-child(1){transition: all 1s;}
.time_event li:nth-child(2){transition: all 1s .4s;}
.time_event li:nth-child(3){transition: all 1s .7s;}
.time_event li:nth-child(4){transition: all 1s 1s;}
.time_event li:nth-child(5){transition: all 1s 1.4s;}
.time_event li{transform: translate(0%,0%); opacity: 0}
.time_event.in li{transform: translate(0px,0%); opacity: 1 }

.about_title{transition: all 1s;}
.about_inf{transition: all 1s;}
.intro_company{transition: all 1s .4s;}
.intro_company,.about_inf,.about_title{transform: translate(20%,0%); opacity: 0}
.intro_company.in,.about_inf.in,.about_title.in{transform: translate(0px,0%); opacity: 1 }

.country_nav li:nth-child(1){transition: all 1s;}
.country_nav li:nth-child(2){transition: all 1s .3s;}
.country_nav li:nth-child(3){transition: all 1s .6s;}
.country_nav li:nth-child(4){transition: all 1s .9s;}
.country_nav li:nth-child(5){transition: all 1s 1.2s;}
.country_nav li:nth-child(6){transition: all 1s 1.5s;}
.country_nav li:nth-child(7){transition: all 1s 1.8s;}
.country_nav li{transform: translate(20%,0%); opacity: 0}
.country_nav.in li{transform: translate(0px,0%); opacity: 1 }

.country_mark li:nth-child(1){transition: all 1s;}
.country_mark li:nth-child(2){transition: all 1s .3s;}
.country_mark li:nth-child(3){transition: all 1s .6s;}
.country_mark li:nth-child(4){transition: all 1s .9s;}
.country_mark li:nth-child(5){transition: all 1s 1.2s;}
.country_mark li:nth-child(6){transition: all 1s 1.5s;}
.country_mark li:nth-child(7){transition: all 1s 1.8s;}
.country_mark li{transform: translate(0%,-10%); opacity: 0}
.country_mark.in li{transform: translate(0px,0%); opacity: 1 }

.country_product li:nth-child(1){transition: all 1s 1.2s;}
.country_product li:nth-child(2){transition: all 1s 1.5s;}
.country_product li:nth-child(3){transition: all 1s 1.8s;}
.country_product li{transform: translate(0%,-10%); opacity: 0}
.country_product.in li{transform: translate(0px,0%); opacity: 1 }

.about_slogn{transition: all 1s;}
.about_slogn{transform: translate(0%,-10%); opacity: 0}
.about_slogn.in{transform: translate(0px,0%); opacity: 1 }

.aslogn1{transition: all 1s 1s;}
.aslogn2{transition: all 1s 1.5s;}
.aslogn3{transition: all 1s 2s;}
.about_slogn img{transform: translate(10%,0%); opacity: 0}
.about_slogn.in img{transform: translate(0%,0%); opacity: 1 }

.value-m-bg{transition: all .5s;}
.value-m-bg{transform: scale(0.5); opacity: 0}
.value-m-bg.in{transform: scale(1); opacity: 1}

.value-m-logo{transition: all 1s;}
.value-m-logo{transform: translate(0%,10%); opacity: 0}
.value-m-logo.in{transform: translate(0px,0%); opacity: 1 }

.value-sm{transition: all 1.5s;}
.value-sm{transform: translate(20%,10%); opacity: 0}
.value-sm.in{transform: translate(0px,0%); opacity: 1 }

.value-jz{transition: all 1.5s;}
.value-jz{transform: translate(-20%,10%); opacity: 0}
.value-jz.in{transform: translate(0px,0%); opacity: 1 }

.value-yj{transition: all 1.5s .3s;}
.value-yj{transform: translate(-20%,5%); opacity: 0}
.value-yj.in{transform: translate(0px,0%); opacity: 1 }

.pro_list ol li,.more_btn,.pro_all_tent ul li a{transform: rotateY(130deg); opacity: 0; transition: all 2s; }
.pro_list ol li.in,.more_btn.in{transform: rotateY(0deg); opacity: 1}
#movice5 .pro_list ol li:hover,.pro_all_tent ul li a:hover{transform: scale(1.1,1.1);}

.pro_list ol li a{transition: all .5s}
.pro_list ol li a:hover{transform: scale(.9,.9); opacity: .9}

.contact_tent{opacity: 0; transform: translate(0%,10%); transition: all 1s}
.contact_tent.in{opacity: 1; transform: translate(0%,0%); }


.section1 img.top_bg_img{ -webkit-animation: bg_move2s 50s infinite linear;-ms-animation: bg_move2s 50s infinite linear;-moz-animation: bg_move2s 50s infinite linear;animation: bg_move2s 50s infinite linear;}
@keyframes bg_move2s{
     0%{transform:scale(1)}
     50%{transform:scale(1.5)}
     100%{transform:scale(1)}
}
@-webkit-keyframes bg_move2s{
     0%{-webkit-transform:scale(1)}
     50%{-webkit-transform:scale(1.5)}
     100%{-webkit-transform:scale(1)}
}
@-ms-keyframes bg_move2s{
     0%{-ms-transform:scale(1)}
     50%{-ms-transform:scale(1.5)}
     100%{-ms-transform:scale(1)}
}
@-moz-keyframes bg_move2s{
     0%{-moz-transform:scale(1)}
     50%{-moz-transform:scale(1.5)}
     100%{-moz-transform:scale(1)}
}

.time_main .time_event li em{animation: time_point_mov 2s  infinite linear;}
@keyframes time_point_mov{
     0%{opacity: .5}
     50%{opacity: 1;transform: scale(.9,.9);}
     100%{opacity: .5}
}

.drop{animation: drop_mov 1s infinite linear;}
@keyframes drop_mov{
     0%{opacity: 0}
     50%{opacity: 1;}
     90%{opacity: 0;transform: translate(0%,20%);}
     100%{opacity: 0;transform: translate(0%,20%);}
}

}

.country_mark.in li.Taiwan_mk{animation: point_mov .7s infinite linear;}
.country_mark.in li.HK_mk{animation: point_mov2 .9s infinite linear;}
.country_mark.in li.Thailand_mk{animation: point_mov2 .7s infinite linear;}
.country_mark.in li.Korea_mk{animation: point_mov2 .7s infinite linear;}
.country_mark.in li.Malaysia_mk{animation: point_mov .7s infinite linear;}
.country_mark.in li.Singapore_mk{animation: point_mov2 .7s infinite linear;}
.country_mark.in li.Indonesia_mk{animation: point_mov2 .9s infinite linear;}
.country_mark.in li.on{animation-name:none;}
@keyframes point_mov{
     0%{transform:translate(0%,0%)}
     50%{transform:translate(0%,5px)}
     100%{transform:translate(0%,0%)}
}
@keyframes point_mov2{
     0%{transform:translate(0%,0%)}
     2%{transform:translate(0%,0%)}
     70%{transform:translate(0%,5px)}
     100%{transform:translate(0%,0%)}
}
@keyframes point_mov31{
     0%{transform:scale(1)}
     60%{transform:scale(1)}
     80%{transform:scale(1.1)}
     100%{transform:scale(1)}
}



@media screen and (max-width:1024px){
     .wrap,.menu{width: 1000px;}
     .menu{height: 75px;}
     .logo{width: 100%;position: relative;z-index: 1000;background: #DEDEDE;height: 125px;}
     .nav_main{display: block;position: fixed;left: 0;top: 131px;background: #fff;width: 100%;padding-bottom: 10px;z-index: 999;box-shadow: -9px 8px 5px #444;}
     #navbg{background: none; }
     a.nav_btn{position: absolute;right: 20px;top: 21px;width: 85px;height: 85px!important;background-image: none;background-color: #2089B9;border-radius: 5px;text-align: center;z-index: 10000;}
     a.nav_btn span{padding-top: 8px;width: 83%;background: #FFFFFF;display: block;margin: 9px auto;border-radius: 5px;}
     a.nav_btn span:nth-child(1){margin-top: 23px;}
     #navbg ul li{float: none;}
     #navbg ul li:after{display: none;}
     #navbg ul li a{display: block;width: 98%!important;background: none;text-indent: 0;text-align: center;font-size: 25px;border-bottom: 1px solid #ccc;height: 80px;line-height: 70px;}
     #navbg ul li a span{font-weight: bold;font-size: 35px;color: #ff9533;}
     #navbg ul li a em{font-style: normal; color: #2189b9; margin-left: 10px}
     .overlay{position: fixed;display: none;left: 0;top: 0;z-index: 1001;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.65);}

     .nav_main{transition: all 1.5s;}
     .nav_main{transform: translate(0%,-150%);}
     .nav_main.in{transform: translate(0px,0%);}
     .logo_link{width: 420px;background-size: 100%;height: 95px;margin: 15px 10px;}

     .section3{height: 1270px;background-size: cover;background-position: -820px top;}
      p.m_p{font-size: 37px;font-weight: bold;line-height: 54px;}
     .intro_company p{font-size: 30px;line-height: 49px;}
     .intro_company p span{display: inline;}
     .about_inf {width: 810px;}

     .about_title{font-size: 50px}
     .about_title em{font-size: 55px;}

     .top_bg_img{display: none!important}
     .section1{height: 100%; background: url(../images/mob-bg1.jpg) center top;}

     .slogn{top: 37%;}
     .slogn1{width: 27%;margin-left: 8%;}
     .slogn2{width: 23%;}
     .slogn3{width: 32%;}

     .contact_tent{width: 596px;background-size: 100%;margin: 47px auto;font-size: 24px;padding-top: 190px;line-height: 32px;height: 240px;}

     body,html,.wrap{height: 100%}
}

.scroll_t{display: none}