@charset "utf-8";
/* CSS Document */

select{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.fr{ float:right;}
body {padding-top:50px;background:#FFF url(img/gray_pattern.gif) repeat;}
.self-logo{float:left;line-height:50px; max-width:285px;}
.self-logo img{ width:100%; max-width:285px;}
.self-log{ margin:0; float:right;}
.self-log a{ color:#000 !important;}
.a-pc-style{ display:block !important;}
.a-mobile-style{ display:none !important;}
/*nav*/
.self-nav{background-color:#333; border-bottom:none; height:60px;}
.nav li{ margin:auto 5px; border:none;}
.nav li a{border:none; padding:6px 10px; background-color:#88C5E1; color:#FFF !important; margin-top:13px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.nav li a:hover{background-color:#5bc0de !important; color:#FFF;}
.self-logIndex li{ display:inline-block;}
/*main*/
#main{ padding:0;}
.promo-video{ padding:50px 0px 180px; color:#FFF;background:#280E11 url(../img/hp-banner.jpg) repeat scroll center center;background:#280E11 url(../img/hp-banner.jpg) repeat scroll center center / cover;}
.self-title{ text-align:center; background-color:#FFF; color:#000; margin-top:-10px;/* border-bottom:#CCC solid 5px;*/}
.self-title h2{ padding-top:10px;font-weight:bold;}
.self-title span{ padding-bottom:10px; display:block; font-size:16px;}
.search-box{ background-color:#FAF9F7; filter:alpha(opacity=95);-moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; color:#000;text-align:center; margin:0px 15px 27px; font-size:20px; display:inline-block; 
 border:#FFF solid 2px; border-bottom-left-radius:15px; 
border-bottom-right-radius:15px; max-width:400px;}
.self-span{ margin-top:10px; display:block; font-size:24px;background:#88C5E1; margin:20px 15px 0; padding:10px 0; border-top-left-radius:15px; border-top-right-radius:15px; text-align:center; max-width:400px;}
.search-box-style{ margin:0 20px 10px ;}
.search-box-style option{ color:#000;}
.search-box h2{ color:#89852B; font-size:25px;}
.search-box h2 strong{ color:#CD9211;}
.search-box span{ color:#FFF; font-family:"MS Serif", "New York", serif;}
.btn{ font-weight:300; font-size:16px; padding:10px 52px 10px;}
.self-top{ margin-top:20px;}
.search-box form{ font-size:16px; text-align:left;}
.search-box form label{ margin:5px 0 0 20px;}
.search-box a{width:70%; margin: 0 auto; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:20px; background-color:#88C5E1; border-color:#88C5E1; padding:5px 10px; color:#FFFFFF;}

.search-box select{margin: 0 auto; -webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px;}

.self-search-box{float:right; width:39%; mix-width:280px;}
.self-table tr{ margin:10px 0; display:block;}
/*content*/
.self-content{ margin:20px auto; font-size:16px;line-height:30px;}
.content-img{ margin-top:50px; text-align:center;}

.content-img img, .content-img1 img{ width:100%; height:auto;
 border:5px solid #88C5E1;
/*-webkit-transform:rotate(-6deg);
-moz-transform:rotate(-6deg);*/}
/*share*/
.self-share,.self-friend-link{ margin:0px auto;}
.self-share img{ margin-right:15px;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.self-footer{ margin:0px auto 0; padding:10px 0px 5px 0px;}
.self-CopyRight{ text-align:center; margin-top:10px; color:#A2A1A1; font-size:16px;}
.self-CopyRight a{ color:#FFF; text-decoration:none;}
.self-CopyRight a:hover{ color:#CBBE2E; text-decoration:none;}
.self-CopyRight li{margin: 0 10px; list-style:none;}
.self-friend-link{ height:45px; line-height:45px;}
.self-friend-link li{ float:left; list-style-type:none; margin-right:20px;}
.self-friend-link a{ color:#FFF; font-size:16px;}
.self-friend-link a:hover{ color:#CC0;}
.friend-link-style{ border:#00A1D8 solid 1px;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#00A1D8; padding:10px 5px;}
.self-pc-style{ display:inline !important;}
.self-mobile-style{display:none !important;}
.search-box-style ul{list-style-type: none;padding: 0px;margin: 10px;}
.search-box-style select{ width:100%;}
.search-box-style ul li{ list-style:none; margin:5px 0;}
.search-box-style ul li select{ padding:6px; color:#000;}
.self-siteScale ul{ margin:0; padding:0;}
.self-siteScale li{ list-style:none;width:33%; float:left; text-align:center;}
.self-siteScale li img{ width:100%; max-width:213px;}
.self-siteScale  div{ font-size:20px; font-weight:bold;}
.self-right{float:right; margin-top:50px; width:60%;}
.self-freeLogUp img{float:left; border-radius:20%; margin-right:10px;}
.self-freeLogUp{ font-size:20px; font-weight:bold;}
.self-freeLogUp p{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:25px;}
.self-freeLogUp a{ border:#8BB5CF solid 1px; padding:10px 50px; background-color:#8BB5CF; color:#000; border-radius:5px; text-decoration:none; font-size:16px; margin-left:200px;}
.self-freeLogUp a:hover{ color:#FFF; opacity:0.95;}
.self-content h1{ font-size:30px; text-align:center;margin-bottom: 40px;}
.self-findNow{ text-align:center; margin-top:20px;}
.self-article img{ width:30%; float:left; margin:0 10px 10px 0;}
.self-article{    border-top: #074171 solid 4px;
    padding: 10px 20px 10px;
    margin: 10px -10px 30px;
    background-color: #fff;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0px 2px 8px #555;
    -moz-box-shadow: 0px 2px 8px #555;
    box-shadow: 0px 2px 8px #555;}
.two-article{ margin-top:-20px;}
.textcenter{text-align:center}
.citiesPage{ margin-top:20px;}
.citiesPage li{list-style:none !important;}
.displayPC{ display:block;}
.displayMobile{ display:none;}
@media screen and (max-width:800px) and (min-width:600px)
{
.content-img{ display:none;}	
}

@media screen and (max-width:800px)
{
.self-search-box{width:inherit;}
.self-right{ display:none;}
.promo-video{background:#280E11 url(../img/bannerMobile.jpg) repeat scroll center center;}
.promo-video{background:#280E11 url(../img/bannerMobile.jpg) no-repeat scroll center center / cover;}
.a-pc-style{ display:none !important;}
.a-mobile-style{ display:block !important;}
.self-pc-style{display:none !important;}
.self-mobile-style{ display:inline !important;}
.search-box-style ul li select{ padding:3px;}
.search-box select{margin: 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;}
.search-box a{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:20px;padding:5px 10px;}
.search-box{filter:alpha(opacity=95);-moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95;}
.self-CopyRight{font-size:12px;}
}
@media screen and (max-width:414px)
{
body {padding-top:40px;}
.self-nav{height:auto; margin-bottom:10px;}
.self-hide{ display:none;}
.search-box{margin:0px 15px 0px;}
.promo-video{ padding:10px 0px 100px;}
.content-img{ margin-top:20px;}
.self-content {font-size: 14px;line-height: 1.42857143;}
.self-content h1{ font-size:22px; line-height:25px;}
.self-table tr{ margin:0; display:inline-block; width:100%;}
.self-article img{ width:50%;}
.self-article{ margin:10px; padding:10px;}
.self-logIndex li{ display:block; width:100%;}
.self-logIndex{ float:none;}
h1{ margin-left:10px;}
.self-logo{width:65%; line-height:50px; margin-left:10px;}
.self-logIndex{ margin-bottom:10px;}
.displayPC{ display:none;}
.displayMobile{display:block;}
.a-mobile-style{ padding:5px 52px 5px;}
}
@media screen and (max-width:410px)
{
.self-title h2{font-size:20px;}
.self-span{display:block; font-size:18px;}
.self-title span{ padding-bottom:5px; font-size:12px;}
.self-siteScale  div{ font-size:16px;}
.self-siteScale  span{ font-size:12px; line-height:14px;}
.search-box-style{ margin:0 0 10px ;}
}
@media screen and (max-width:359px)
{
.btn{padding:10px 20px 10px;}
}