
/* @font-face{
 	font-family: 'YTJ';
 	src:url('/static/cms/font/mobile/hdjcy.ttf');
 }*/
 @font-face {font-family: 'iconfont';
    src: url('/static/cms/font/mobile/iconfont.eot'); /* IE9*/
    src: url('/static/cms/font/mobile/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../font/mobile/iconfont.woff') format('woff'), /* chrome銆乫irefox */
    url('../../font/mobile/iconfont.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
    url('../../font/mobile/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

*{ padding:0; margin: 0;}
html{ height: 100%; }
body{font-family: Helvetica,"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif; height: 100%; background: #fff;}
img{ display: block; border: none; font-size: 0; }
a{ text-decoration: none; }
.clear{ clear:both; }
.hide{ /*visibility: hidden;*/ display: none; }
.fl{float: left;}
.fr{float: right;}
.black{ color:#000; }
.white{ color:#fff; }
.construct{ width: 100%; margin: 0 auto; height: auto; position: relative;}
.container{ width: 85%; margin: 0 auto; position: relative;}
.blur{
    /*filter: url(/static/cms/css/blur.svg);*/ /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 

#header{ width: 100%; height: 67px; background: #fff; position: fixed; z-index: 999; top: 0; }
#header .logo{height: 37px; margin: 13px 0 0 13px; }
#header .logo img{ height: 37px; width: auto; }
#header .btn{ width: 40px; height: 40px; background: #e7e7e7; padding: 0; margin:13px 13px 0 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;  }
#header .btn .btnContainer{ width: 40px; height: 40px; position: relative; transition: transform 0.3s; -webkit-transition: transform 0.3s;  }
#header .btn .one{position: absolute; left:8px; top: 11px; width: 22px; height: 2px; background: #3b9ba9; border-radius: 2px; }
#header .btn .two{position: absolute; left:8px; top:19px;  width: 22px; height: 2px; background: #3b9ba9; border-radius: 2px; }
#header .btn .three{position: absolute; left: 8px; top: 27px; width: 22px; height: 2px; background: #3b9ba9; border-radius: 2px; }
#header .btn.open .btnContainer{ transform: rotate(90deg); }
.nav{position: fixed; z-index: 998; top: 0; width: 100%; height: 0%; background: #3b9ba9; overflow: hidden; transition: height 0.3s; -webkit-transition: height 0.3s;   }
.nav.open{ height: 100%; }
.nav ul li.fi{ margin-top: 67px; }
.nav ul li{ position: relative;  }
.nav ul li img{ display: inline; margin-left: 40px; }
.nav ul li::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #9dcdd4; }
.nav ul li.la::after{ background: transparent; }

#bottom{ border-top: #0197a8 8px solid; width: 100%; font-family: 'Microsoft YaHei'; background:#054d65; color: #fff; overflow: hidden; position: relative; }
#bottom .title{ margin: 30px 0 0 20px;  font-size: 22px; font-weight: bold; color: #009cae; }
#bottom .name{ margin: 5px 0 0 20px; font-size: 16px; font-family: 'Microsoft YaHei light'; color:#009cae;  }
#bottom .price{ height: 80px; border-bottom: #009cae 1px solid; font: 36px/100px 'Microsoft YaHei'; color:#009cae; text-indent: 20px; }
#bottom .price span{ font-size: 13px; }
#bottom .companyName{ margin: 20px 0 20px 20px; font-size: 18px; }
#bottom .addr{ margin: 0 0 0 20px; font-size: 12px; line-height: 18px; padding-bottom: 30px; }
#bottom .backtop{ width: 40px; height: 40px; background: url('/static/cms/img/mobile_en/mobile/backtotop.png') no-repeat center center/cover; position: absolute; z-index: 90; top: 10px; right: 10px;  }

#bottom a{ color:#0197a8; }<!--0.0002138614654541-->