/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;}body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;}
/* =Scss Variables
-------------------------------------------------------------- */
/* =Global
-------------------------------------------------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {background-color: #ffffff;color: #505050;font-family: "Microsoft Yahei", sans-serif;font-weight: 300;font-size: 16px;line-height: 1.8; overflow-x:hidden;}
/* Headings */
h1, h2, h3, h4, h5, h6 {line-height: 1;font-weight: 300;}
a {text-decoration: none;color: #3cb5f9;}
a:hover {color: #0793e2;}
/* =Header
-------------------------------------------------------------- */
#header {width: 100%;height: 75px;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 999;background-color: #333;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;}
#header h1#logo {display: inline-block;height: 75px;line-height: 75px;float: left;font-family: "Microsoft Yahei", sans-serif;font-size: 30px;color: white;font-weight: 400;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .nav {display: inline-block;float: right;}
#header .nav a {line-height: 75px;margin-left: 20px;color: #00bdd6;font-weight: 700;font-size: 18px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .nav a:hover {color: white;}
#header.smaller {height: 45px; opacity:0.8}
#header.smaller h1#logo {height: 45px;line-height: 45px;font-size: 25px;}
#header.smaller .nav a {line-height: 45px;}
.containerA{width:1000px;margin: 0 auto;padding:0 30px;}
/* =Template
-------------------------------------------------------------- */
#wrapper {width: 100%;margin: 0 auto;}
#main {background-color: #fff;padding-top: 75px;}
.container {width:1000px;margin: 0 auto;padding:30px;}

.titlebg{background:url(../images/product_header_bg.png) no-repeat center top; height:480px;}
.titlebg h1{font-size:60px;padding-top:50px;}
.titlebg p{padding-top:20px; color:#1c535b; width:120%;}

.row h1 {font-weight: 700;margin-bottom: 20px;}
.bg_gray{background-color: #f9f9fa;}
.row_txt{display:inline-block;width:55%;vertical-align:middle;*display:inline;zoom:1;}
.row_geR{ margin-right:15%;}
.row_geL{ margin-left:15%;}
.row_img{display:inline-block;width:256px;vertical-align:middle;*display:inline;zoom:1;}
/* =Footer
-------------------------------------------------------------- */
#footer{ background:#acd1d7; width:100%;padding:30px 0px; text-align:center;}
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}