@charset "UTF-8";
body { font-family: 'Open Sans', sans-serif; font-weight:normal;  margin:0;
    color: #F6F6F6;}
ul li{list-style: none;}
a, a:hover, a:active, a:visited, a:link {  text-decoration: none; outline:none;}
.header{  padding:30px 0;  }
.main_nav, .main_nav a{color:#F6F6F6;}
.main_navUl{width: 100%; text-align: right;}
.main_nav ul{ font-size: 20px; text-align: center;  margin: 10px 0 0px;
    padding: 0; display: block; }
.main_nav li {float: left; display: inline;}
.main_nav li a {margin: 17px 3px 17px 3px; display: inline-block; font-family:
'FZYOUH_ZHUNJW--GB1-0'; line-height: 20px; }
.main_ewm img{margin-bottom: 15px;}
/*.main_ewm h5 { text-align: justify; font-size:14px;  height:18px; margin: 5px 
0 0;}
.main_ewm h5 > span { display: inline-block /!* Opera *!/; padding-left: 100%; 
}*/
.main_ewm h5 {width: 100%; float: left; text-align: justify; text-justify:inter-ideograph; font-size:14px;  height:18px; margin: 5px 0 0;}
.main_ewm h5:after{  content:'.';  width: 100%;  display: inline-block;
    overflow: hidden;  height: 0;  }
.app_img img{ margin-top: 30px; float: right;}
.col_xs_hid{display: none;}


/*在大於1200像素的螢幕裏,這裡的樣式才生效*/
@media (min-width: 1200px) {
    body{width:100%;background: url("../pic/pc_bg.png") fixed top center no-repeat; background-size: cover;}
    .main_nav h1{font-family: "HelveticaNeueDeskInterface-MediumP4"; float:
    right;}
    .main_nav ul{float: right;}
    .logo_img{margin-left: -45px;}
    .tele_img{float: right; margin-left: 0;}
    .tele_img img{margin-top:10px;}
    .main_tel img{margin-top: -60px;}
    .main_ewm{width: 14.33333333%; margin-top: 80px; }
    .app_img{margin-top:50px; width: 27%; float: right;}
    .col_hid{display: none;}
}
/*在小于1200像素的螢幕裏,這裡的樣式才生效*/
@media (max-width: 1200px) {
    body{width:100%;background: url("../pic/phone_bg.png") fixed top center no-repeat; background-size: cover;}
    .col_hidden{display: none;}
    .main_tel img{margin: 0 auto;}
    .main_ewm{margin-top:60px;}
    .tele_img{margin-top: -4px;}
    .app_img{margin: 60px 0 90px 0; padding-right: 0; }
    .app_img img{margin:0;  width: 100%;}
    .app_img .iphone_img{margin-top: 50px;}
    .main_ewm h5{font-size: 16px;}
}
/*在小于992像素的螢幕裏,這裡的樣式才生效*/
@media (max-width: 	992px) {
    .app_img{width: 30%;}

}
/*在小于750像素的螢幕裏,這裡的樣式才生效*/
@media (max-width: 750px) {
    html{font-size: 100px;}
    body{font-size:0.14rem;font-family: Arial, Helvetica, STHeiTi, sans-serif;}
    .header{padding-top: 20px;}
    .container{    padding-right: 5px;  padding-left: 5px;}
    .main_nav h1{font-size: 0.34rem;}
    .xs_nav h1 {text-align: justify; text-align-last: justify; text-justify:inter-ideograph;margin: 5px 0 0;height: 0.30rem;font-size: 0.26rem;width:100%;}
    .xs_nav h1 span { display: inline-block /* Opera */;width: 100%;}
    .main_nav ul{ margin-top: 0.1rem;}
    .main_tel{margin: 0.15rem 0 0.05rem;}
    .main_nav li {float: left; display: inline;width:20%;text-align:left;}
    .main_nav li a {margin: 8px 0px 8px 0px; line-height: 20px; font-size: 0.14rem; display:block;text-align:center;}
    .main_nav li a span{ float:right;}
    .main_ewm{ width: 26.66666667%;margin-top: 0.2rem;}
    .app_img{ width: 30.66666667%; padding:0; margin: 0.15rem 0 0 0.15rem;}
    .app_img .iphone_img{margin-top: 0.33rem;}
    .main_ewm img{margin-bottom: 0.08rem;}
    .main_ewm h5{font-size: 0.1rem; width: 144%; height: 13px; text-align: left;}
    .main_tel img{ width: 62.5%;}
    .main_ewmLeft{ width: 21%;}
    .tele_img{margin-top:0;}
    .tele_img img{ width: 80%;float: right;}
}
@media (max-width: 600px){
    .app_img{ width: 40.66666667%;}
}
@media (max-width: 500px){
    .col_xs_hid{display: block;}
    .col_xs_hidden{display: none;}
    .app_img{ width: 28.66666667%;}
}
@media (max-width: 400px) {
    .main_nav ul li a{ font-size: 0.14rem;}
    .main_ewm h5{font-size: 0.1rem;}
}

@media (max-width: 350px) {
    .main_nav ul li a{ font-size: 0.12rem; }
}