html,body { width: 100%; max-width: 42.5rem; margin: 0 auto;}
.container { max-width: 42.5rem;}

/* 顶部logo */
.header_inset { width: 100%; max-width: 42.5rem; height: 7.5rem; background: url(../img/header_bg.jpg) repeat-x; background-size: auto 100%; position: relative; z-index: 1000;}
.logo { position: absolute; left: 1.875rem; top: 0rem; display: block; width: 19.25rem; height: 7.5rem; padding: 2.1875rem 0px;}
.logo img { display: block; height: 3.125rem;}

/* 顶部导航 */
.navbar { display: block; border: none; min-height: 30px; margin: 0px; background: transparent;}
.navbar-toggle { margin-top: 33px; margin-right: 24px; margin-bottom: 33px; border: none;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: rgba(255,255,255,0.2);}
.navbar-toggle .icon-bar { width: 50px; height: 4px; border-radius: 2px;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 12px;}
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background: rgba(16,129,225,0.8); border: 0px;}
.navbar-default .navbar-nav { padding: 1.25rem; margin-top: 0px; margin-bottom: 0px;}	
.navbar-default .navbar-nav > li:last-child { border: none;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a { display: block; color: #FFFFFF; font-size: 1.75rem; line-height: 2.375rem;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ color: #FFFFFF; background-color: rgba(255,255,255,0.3);}
.nav_small { background-color: #ffeccc; padding: 15px 5px; border: none;}
.nav_small > li > a { font-size: 12px; line-height: 28px; color: #4e3731; text-transform: capitalize;}
.nav_small > li > a:hover { text-decoration: underline; background: transparent;}
#app_menudown { position: absolute; top: 0px; right: 0px; font-size: 2rem; padding-bottom: 8px;}
#app_menudown:hover, #app_menudown:focus { background-color: rgba(255,255,255,0.6);}
.btn-xs, .btn-group-xs > .btn { padding: 0px 5px; font-size: 1.5rem;}
.navbar-fixed-top { position: fixed; padding: 10px 0px; margin-top: 0px; background-color: #ffe0ab;}

/* 首页轮播 */
.flash img { width: 100%}
.flash ul.bxslider {list-style: none;}
.flash div.bx-pager { bottom: 4%;}
.flash div.bx-controls-direction { display: none;}

/* 首页导航 */
.index_nav { padding: 1.25rem 1.875rem;}
.index_nav li { float: left; width: 25%; padding: 0px 0.3125rem; font-family: "苹方"; font-size: 1.75rem; line-height: 3.75rem; text-align: center;}
.index_nav li a { display: block; width: 100%; height: 3.75rem; border-radius: 0.375rem; background: url(../img/index_nav_bg.jpg) repeat-x; color: #000000; font-weight: 300;}

/* 首页标题 */
.index_tt { width: 100%; margin-top: 2.5rem; text-align: center;}
.index_tt img { display: block; width: 7.375rem; height: 2.6875rem; margin: 0 auto;}
.index_tt h2 { margin: 0.9375rem 0rem; font-size: 2.5rem; color: #000000; line-height: 3.125rem;}

/* 应用场景 */
.yingyong { width: 100%; padding: 2.5rem 1.5625rem;}
.yingyong li { float: left; width: 33.33%; padding: 0px 0.9375rem;}
.yingyong li a, .yingyong li a img { display: block; width: 100%;}
.yingyong li h3 { width: 100%; height: 3rem; margin: 1.25rem auto; font-size: 1.75rem; line-height: 3rem; text-align: center;}
.yingyong li.yy_tt h3 { margin: 0.625rem auto; background: #EEEEEE;}

/* 首页按钮 */
.index_btn { width: 15.5rem; height: 3.375rem; margin: 1.875rem auto; background: #06a4f0; border-radius: 28px;}
.index_btn a { display: block; width: 100%; font-size: 1.5rem; color: #FFFFFF; line-height: 3.375rem; text-align: center;}

/* 首页表格 */
.index_table { width: 100%; padding: 0px 1.875rem;}
table { width: 100%; border: 2px solid #06a4f0; background: #eef9ff;}
table tr { width: 100%; height: 4rem;}
table tr.frist { width: 100%; height: 4.875rem; background: #06A4F0; }
table th { font-size: 1.75rem; color: #FFFFFF; text-align: center; line-height: 4.875rem;}
table td { border-bottom: 2px solid #06a4f0; border-right: 2px solid #06a4f0; font-size: 1.5rem; color: #333333; text-align: center; line-height: 4rem;}
table td:last-child { border-right: none;}
table td a.bj_btn { display: block; width: 5.625rem; height: 2.75rem; border-radius: 1.375rem; background: url(../img/index_nav_bg.jpg) repeat-x; background-size: auto 100%;}
table td a.bj_btn { position: relative; padding-left: 0.625rem; margin: 0.625rem auto; color: #000000; line-height: 2.75rem; text-align: left;}
table td a.bj_btn img { position: absolute; top: 0.75rem; right: 0.625rem;}

/* 案例展示 */
.case_box { width: 100%; padding: 2.5rem 0.9375rem;}
.case_box li { float: left; width: 50%; padding: 0px 0.9375rem; margin-bottom: 0.625rem;}
.case_box li a { display: block; width: 100%;}
.case_box li a img { display: block; width: 100%;}
.case_box li h2 { margin: 0.9375rem 0rem; font-size: 1.75rem; color: #333333; line-height: 2.375rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 产品展示 */
.product_box { width: 31.125rem; margin: 2rem auto;}

/* 新闻中心 */
.news_box { width: 100%; padding: 2.5rem 1.875rem;}
.first_news { width: 100%; margin-bottom: 1.875rem;}
.news_img { float: left; display: block; width: 11.25rem; height: 11.25rem; overflow: hidden;}
.news_img img { display: block; width: 100%;}
.news_info { float: left; width: 25rem; padding-left: 1.875rem;}
.news_info h2 { font-size: 1.75rem; margin-bottom: 0.9375rem;}
.news_info h2 a { color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_info p { max-height: 8.5rem; font-size: 1.5rem; color: #666666; line-height: 2.125rem; overflow: hidden;}
.news_list { }
.news_list li { width: 100%; padding: 0.9375rem 0rem; border-bottom: 1px solid #DDDDDD; font-size: 1.75rem; line-height: 2.625rem;}
.news_list li a { display: block; position: relative; width: 100%; padding: 0rem 2rem; color: #666666; background: url(../img/jt_right.png) no-repeat center right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list li a i { display: block; position: absolute; left: 0rem; top: 0.6875rem; width: 1.25rem; height: 1.25rem;}
.news_list li:nth-child(1) a i { background-color: #2256ff;}
.news_list li:nth-child(2) a i { background-color: #217aff;}
.news_list li:nth-child(3) a i { background-color: #219fff;}
.news_list li:nth-child(4) a i { background-color: #21c4ff;}
.news_list li:nth-child(5) a i { background-color: #21e9ff;}

/* 公司简介 */
.about_box { width: 100%; padding: 2.5rem 0;}
.about_in { width: 38.75rem; padding: 2.5rem 2.25rem; margin: 0 auto; background: url(../img/about_bg.jpg) no-repeat center top;}
.about_img { width: 34.375rem; height: 13.75rem;}
.about_text { padding: 1.5625rem; background: url(../img/about_text_bg.png);}
.about_text p { font-size: 1.75rem; line-height: 2.375rem; color: #000000; text-align: center;}
.about_text p a { color: #000000;}

/* 底部信息 */
.footer_bottom { width: 100%; background: #e8e8e8; padding: 2.5rem 0rem; margin: 3.125rem 0px 6.25rem 0rem; text-align: center;}
.footer_bottom p { font-size: 1.5rem; color: #333333; line-height: 2.125rem;}
.footer_bottom a { display: block; font-size: 1.5rem; color: #333333; line-height: 2.125rem;}

/* 底部导航 */
.footer { width: 100%; height: 6.25rem; position: fixed!important; bottom: 0; right: 0; z-index: 9999; background: #3f3f3f; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.foot { width: 100%; height: 6.25rem; position: fixed; bottom: 0; left: 0; z-index: 10; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.foot-relative { position: relative; width: 100%; height: 6.25rem;}
.foot a { display: block; float: left; width: 25%; color: #fff;}
.foot a img { display: block; width: 2.5rem; margin: 0.75rem auto;}
.foot a h3 { width: 100%; text-align: center; font-size: 1.5rem;}





/* 二级页面CSS */
.home_icon { position: absolute; left: 1.5rem; top: 2.25rem; width: 2.625rem; height: 3rem; z-index: 10000;}
.logo_erji { left: 50%; margin-left: -9.625rem;}
.page_title { width: 100%; margin: 2.5rem auto;}
.page_title h3 { width: 16.875rem; height: 4rem; margin: 0 auto; border-radius: 2rem; background: #06a4f0; font-size: 2.375rem; text-align: center; line-height: 4rem; color: #FFFFFF;}
.content_box { width: 100%; padding: 0px 1.875rem;}
.content_box h4 { margin-bottom: 1.25rem; font-size: 2rem; text-align: center; line-height: 2.625rem; color: #000000;}
.content_box p { font-size: 1.5rem; line-height: 2.125rem; color: #000000;}
.content_box img { display: block; max-width: 100%; margin: 1rem auto;}
.content_box .news_list li a { padding: 0rem 2rem 0rem 0rem;}
.content_box .case_box { padding: 0rem 0.9375rem;}