@charset "utf-8";
body, div, dl, dt, dd, del, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu { margin: 0; padding: 0 }
body { font: 12px/1.6 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; color: #333 }
a, a:visited { color: #333 }
a:hover { color: #0068d3; text-decoration: none }
ol, ul, li { list-style: none }
.oh { overflow: hidden; *zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.dib { display: inline-block; *display: inline; *zoom: 1; }
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.plr0 { padding-left: 0; padding-right: 0; }
.page-wrap { background: #fff; }
.white-bg { background: #fff; position: relative; overflow: hidden; }
.page-title { text-align: center; }
.page-cn { font-size: 20px; font-weight: normal; margin-bottom: 5px; }
.page-en { text-transform: uppercase; font-size: 20px; line-height: 20px; color: #0068d3; }
.banner-in { height: auto; }

/*引导页*/
.index { height: 100%; width: 100%; background: url(../images/index/bg.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; text-align: center; color: #797979 }
.index a { color: #797979 }
.index-logo img, .index-name img, .index-cate img { margin: 0 auto; }
.index-logo { margin: 80px 0 38px; }
.index-lang { margin: 64px 0 100px; }
.index-lang a { width: 70px; line-height: 18px; display: inline-block; }
.index-lang .cn { background: #55a8fd; color: #fff; border: solid 1px #55a8fd }
.index-lang .en { border: solid 1px #949494; border-left: 0px; }
.index-line { background: #b8b8b8; height: 1px; width: 28%; margin: 5px auto; }
.index-footer { padding: 24px 0 0; line-height: 28px; }

/*通用头部*/
.top-link .container { position: relative; }
.top-link { height: 30px; line-height: 30px; background: #0068d3; }
.top-link .lang { position: absolute; right: 0px; top: 5px; height: 20px; line-height: 20px; }
.top-link .lang li { float: left; }
.top-link .lang li a { color: #fff; }
.top-link .lang li { margin-right: 10px }
.top-link .lang li a img { margin-right: 3px }
.top-link .search { position: absolute; right: 0; top: 0; }
.top-link .search form { position: relative; display: inline-block; width: 200px; background: #e6e6e6; overflow: hidden; }
.top-link .search .input { font-size: 14px; font-weight: 300; display: inline-block; line-height: 30px; width: 145px; margin-left: -2px; padding: 0 10px 0 10px; border: 0px; background-color: #e6e6e6; appearance: none; }
.top-link .search .submit { position: absolute; top: 0; right: 0; width: 35px; height: 100%; cursor: pointer; border: none; background: url(../images/search.png) no-repeat center center }
.navbar-header .logo { display: block; margin: 10px 0; height: 52px; }
.navbar-header .logo img { height: 52px }
.navbar-main { height: 72px; padding: 0; margin-bottom: 0; background: #fff; position: relative; border: 0; }
.navbar-main .nav-menu { padding: 22px 0 10px; margin-right: -35px; float: right; }
.navbar-main .nav-menu>li { float: left; width: 115px; height: 36px; }
.navbar-main .nav-menu>li>a { height: 36px; line-height: 36px; color: #000; display: block; text-align: center; overflow: hidden; font-size: 14px; margin: 0 5px; padding: 0; position: relative; text-transform: uppercase; }
.navbar-main .nav-menu>li>a i { position: absolute; border-top: solid 6px #0068d3; border-left: solid 6px transparent; border-right: solid 6px transparent; left: 50%; margin-left: -6px; display: none; }
.navbar-main .nav-menu>li>a:hover, .navbar-main .nav-menu>li>a:focus { color: #0068d3; display: block; background: transparent; }
.navbar-main .nav-menu>li>a:hover i, .navbar-main .nav-menu>li>a:focus i { display: block; }

/*首页焦点图*/
.flexslider { position: relative; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; max-height: 750px; }
.slides { position: relative; z-index: 1; }
.slides li { }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 40px; background: url(../images/next.png) center center no-repeat; }

/*首页简介*/
.home-about { padding: 50px 0; }
.about-desc { margin-top: 30px }
.about-desc .col-md-5, .about-desc .col-md-7 { padding: 0; }
.about-desc .pic img { border: solid 3px #adadad; }
.about-desc .text .bd { overflow: hidden; padding: 0 50px 0 35px; font-size: 14px; color: #000; line-height: 40px; }
.about-desc .text .en-h { line-height: 28px; }
.about-desc .text .bd .siteimg { display: block; margin: 0 auto; }
.about-desc .text .bd .sitename { font-size: 30px; line-height: 64px; display: block; text-align: center; }
.about-desc .text .en-h .sitename { font-size: 20px; line-height: 64px; }
.about-desc .text .more { text-align: left; padding: 0 0 0 35px; margin-top: 30px; }
.about-desc .text .more a { color: #fff; line-height: 33px; height: 33px; display: inline-block; text-align: center; width: 128px; background: #0068d3; font-size: 14px; }
.about-desc .text .more a img { margin-top: -2px; }

/* 首页产品 */
.home-product { padding: 50px 0; background: #f5f7f8; }
.home-product-list { margin: 30px -6px 0 -6px; }
.home-product-list li { padding: 0 6px; margin-bottom: 12px; }
.home-product-list li a { position: relative; display: block; padding-bottom: 90px; background: #dddede; color: #333; }
.home-product-list li a .pic { height: 100%; text-align: center; }
.home-product-list li a .pic img { width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease; }
.home-product-list li a .title { width: 100%; line-height: 25px; text-align: center; position: absolute; bottom: 0; left: 0; text-transform: uppercase; font-size: 20px; padding: 20px 0; }
.home-product-list li a .title .en { display: block; }
.home-product-list li a .bg { position: absolute; width: 100%; height: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#af0068d3, endcolorstr=#af0068d3); background-color: rgba(0, 104, 211, .8); -webkit-transition: all .4s ease; transition: all .4s ease; }
.home-product-list li a:hover, .home-product-list li a:active { color: #fff; }
.home-product-list li a:hover .title, .home-product-list li a:active .title { display: block; }
.home-product-list li a:hover .bg, .home-product-list li a:active .bg { height: 90px; }
.home-product-list li a:hover .bg-en, .home-product-list li a:active .bg-en { height: 65px; }
.home-product-list li a:hover .pic img, .home-product-list li a:active .pic img { transform: scale(1.1); }

/* 首页新闻 */
.home-news { padding: 50px 0 35px; background: #d4d8d9; }

/* 新闻列表 */
.news-wrap { background: #d4d8d9; position: relative; overflow: hidden; }
.news-list { overflow: hidden; position: relative; padding: 40px 0; margin: 0 -1px 0 0; }
.news-list li { position: relative; overflow: hidden; background: #FFFFFF; height: 280px; padding: 0 40px; border-right: 1px solid #d4d8d9; border-bottom: 1px solid #d4d8d9; }
.news-list li a .time { line-height: 30px; font-size: 14px; color: #333333; padding: 35px 0 20px; }
.news-list li a .time span { border-bottom: 2px solid #da251d; }
.news-list li a .pic { padding: 0; }
.news-list li a .pic img { border: solid 1px #8b8c8c; }
.news-list li a .title { font-size: 14px; color: #000000; padding: 15px 15px; }
.news-list li a .desc { height: 50px; line-height: 18px; font-size: 12px; color: #666666; padding: 20px 0 0; }

/* 首页优势 */
.home-super { background: #fff; padding: 50px 0; }
.super-list { margin-top: 60px; }
.super-list li { height: 78px; position: relative; cursor: pointer; }
.super-list li:after { position: absolute; bottom: 20px; left: 0px; width: 100%; height: 1px; content: ''; background: #d2d3d8; z-index: 2; }
.super-list li:hover { color: #0068d3 }
.super-list li:hover .ico { background: #0068d3; }
.super-list .desc { width: 56px; font-size: 14px; text-align: center; height: 20px; line-height: 20px; position: absolute; margin-left: -28px; left: 50%; }
.super-list .ico { width: 42px; height: 42px; line-height: 42px; background: #989898; color: #fff; display: block; border-radius: 999px; text-align: center; position: absolute; bottom: 0; z-index: 3; margin-left: -21px; left: 50%; }

/*.super-list .one .desc { }
.super-list .two .desc { margin-left: 27px; }
.super-list .two .ico { margin-left: 33px; }
.super-list .three .desc { margin-left: 54px; }
.super-list .three .ico { margin-left: 66px; }
.super-list .four .desc { margin-left: 92px; }
.super-list .four .ico { margin-left: 99px; }
.super-list .five .desc { margin-left: 126px; }
.super-list .five .ico { margin-left: 132px; }
.super-list .six .desc { right: 0px; }
.super-list .six .ico { right: 0px }*/

/* 应用领域 */
.home-apply { padding: 50px 0 }
.apply-nav { position: relative; text-align: center; margin: 20px 0; }
.apply-nav li { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; width: 116px; line-height: 35px; border: 2px solid #0068d3; white-space: nowrap; text-overflow: ellipsis; margin: 0 12px; }
.apply-nav li a { font-size: 14px; display: block; cursor: pointer; text-align: center; *display: inline; *zoom: 1; }
.apply-nav li a:hover { color: #fff; background: #0068d3 }
.apply-list { overflow: hidden; margin: 38px -8px 0; }
.apply-list .item { margin-bottom: 16px; padding: 0 8px; }
.apply-list .item a { display: block; font-size: 0; position: relative; }
.apply-list .item a img { width: 100%; height: auto; }
.apply-list .item a .bg { position: absolute; width: 0; height: 100%; left: 0; top: 0; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#af0068d3, endcolorstr=#af0068d3); background-color: rgba(0, 104, 211, .8); -webkit-transition: all .4s ease; transition: all .4s ease; }
.apply-list .item a:hover .bg { width: 100%; }
.apply-list .item a .title { position: absolute; width: 90%; height: 50px; margin-top: -25px; top: 50%; left: 5%; text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; display: none; }
.apply-list .item a:hover .title { display: block; }

/* 联系方式 */
.home-contact { padding: 50px 0; color: #fff; background: url(../images/contact-bg.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; font-size: 13px; }
.home-contact a { color: #fff; }
.home-contact .contact-bg { padding: 50px 0 32px 0; }
.foot-title { font-size: 16px; line-height: 32px; height: 32px; position: relative; margin-bottom: 25px; display: block; }
.foot-title:after { position: absolute; bottom: -5px; left: 0px; width: 32px; height: 5px; content: ''; background: #0068d3; z-index: 2; }
.foot-list, .address { position: relative; height: 232px; }
.foot-list:after, .address:after { position: absolute; top: 0px; right: 36px; width: 1px; height: 100%; content: ''; background: #fff; z-index: 2; }
.foot-list li { height: 20px; line-height: 20px; margin-top: 13px; }
.address { overflow: hidden; }
.address li:first-child { margin-top: 12px; }
.address li { line-height: 20px; padding-left: 34px; margin-bottom: 18px; position: relative; }
.address li span { display: block; margin-top: 18px; }
.address-en li { padding-right: 20px; }
.address li img { position: absolute; left: 0; }
.qrcode { margin: 0 -28px 0 -14px; padding: 14px 0 14px; }
.qrcode li { float: left; text-align: center; padding: 0 14px; }
.qrcode li p { position: relative; margin-top: 10px; width: 90%; }
.qrcode li img { width: 90%; }
.share-ico a { margin-right: 10px; cursor: pointer; }

/* 内页布局 */
.aside, .content { padding-bottom: 99999px; margin-bottom: -99999px; }
.aside { min-height: 800px; background: #f7f7f7; margin-right: 50px; }
.content { padding-right: 0; background: #fff; }

/* 左侧导航 */
.cate-title { margin: 0 20px; height: 60px; line-height: 80px; font-size: 18px; color: #0068d3; border-bottom: 1px solid; font-weight: normal; }
.cate-list { margin: 15px 0; }
.cate-list li a { font-size: 14px; color: #000; line-height: 35px; display: block; text-indent: 20px }
.cate-list li a:hover { background: #0068d3; color: #fff }
.panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; }
.panel-group .panel { margin-bottom: 0; border-radius: 0px; background-color: transparent; }
.panel-default { border: 0px; }
.panel-heading { padding: 10px 20px; border-bottom: 0px solid transparent; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.panel-body { padding: 15px 20px; background: #fff; }
.panel-body a { font-size: 14px; margin-right: 10px; display: inline-block; }

/* 图文列表 */
.img-list { overflow: hidden; margin-top: 35px; }
.img-list .item { margin-bottom: 35px; }
.img-list .item a { display: block; font-size: 0; position: relative; }
.img-list .item a img { width: 100%; height: auto }
.img-list .item a .bg { position: absolute; width: 100%; height: 0; bottom: 0; left: 0; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#af000000, endcolorstr=#af000000); background-color: rgba(0, 0, 0, .8); -webkit-transition: all .4s ease; transition: all .4s ease; }
.img-list .item a:hover .bg { height: 100%; }
.img-list .item a .title { position: absolute; width: 90%; margin-top: -15%; top: 50%; left: 5%; text-align: center; color: #fff; font-size: 14px; display: none; }
.img-list .item a:hover .title { display: block; }
.img-list .item a .title span { font-size: 12px; display: inline-block; padding: 0 15px; border: solid 1px; margin-top: 25px; }

/*在线留言*/
.query .tips { padding: 0 15px; font-size: 16px; }
.query .form-group { margin-bottom: 10px; }
.query .form-control { width: 80% !important; }
.query .textarea { width: 90% !important; height: 80px; }
.query .btn-default { background: #0068d3; color: #fff; width: 120px; }

/* 位置导航 */
.crumbs { background: #0068d3; height: 50px; line-height: 50px; color: #fff; padding: 0 20px; }
.crumbs a { color: #fff; }

/* 通用分页 */
.page-list { text-align: center; margin: 10px; display: block; }
.page-list:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.page-list ul { border-right: solid 1px #ddd; border-radius: 4px; display: inline-block; vertical-align: bottom; }
.page-list ul li { border-right: none; border-radius: 0; float: left; display: inline-block; border: solid 1px #ddd; border-radius: 4px; padding: 8px 12px; line-height: 18px; }
.page-list ul li a { color: #333; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page-list ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page-list ul li:first-child { border-radius: 4px 0 0 4px; }
.page-list ul li:last-child { border-radius: 0 4px 4px 0; }
.page-list ul li.active { background: #f3f3f3; }

/* 相关内容 */
.page-related { margin: 20px 0; border-top: 1px solid #ccc; padding-top: 15px; }
.page-related li { overflow: hidden; }
.page-more { font-size: 14px; line-height: 36px; display: block; overflow: hidden; width: 150px; margin: 0 auto; text-align: center; border: 1px solid #ccc; margin-bottom: 30px; }
.page-more:hover, .page-more:active { color: #fff; border: 1px solid #0068d3; background: #0068d3; }

/* 通用内容 */
.content-body { padding: 60px 0 0 10px; }
.content-body p { margin-bottom: 12px; }
.content-body img { max-width: 100%; width: auto; }
.content-title { text-align: center; line-height: 50px; font-size: 18px; color: #000000; padding-top: 30px; }
.content-img { margin: 20px auto; text-align: center; }
.content-img img { display: inline-block; }
.content-time { text-align: center; color: #999; padding: 5px 0; }
.detail { line-height: 24px; padding: 30px 0; }

/* 产品详情 */
.prod-detail { margin-top: 36px; }
.prod-title { font-size: 24px; font-weight: 600; color: #333; }
.prod-other { padding: 15px 0px; border-bottom: 1px solid #ddd; }
.prod-other li a { display: block; font-size: 13px; padding: 5px 0px; }
.prod-other li a img { margin-right: 5px; }
.prod-share { height: 30px; margin: 15px 0 0; background: #f7f7f7; }

/* 百度地图 */
.iw_poi_title { font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; color: #c52; }
.iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; }
#dituContent { width: 100%; height: 400px; border: #ccc solid 1px; margin-bottom: 30px; }
#dituContent img { max-width: none; }

/*左侧信息*/
.online, .contact { padding: 15px 20px 0; }
.online li { margin-bottom: 15px; }
.online li img { margin-right: 5px; }
.contact li { margin-bottom: 5px; font-size: 14px; }
.contact { padding-bottom: 30px; }

/*漂浮客服*/
.sidebar { position: fixed; z-index: 9999; right: 10px; bottom: 100px; width: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.sidebar dd { margin-bottom: 5px; }
.sidebar a { height: 50px; line-height: 50px; background: #0068d3; color: #fff; display: block; font-size: 12px; text-align: center; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; border-radius: 999px; }
.sidebar a:hover { color: #fff; background: #4c4c4c; }
.sidebar a span { text-indent: -9999px; display: block; width: 50px; height: 50px; }
.sidebar a .tel { background: url(../images/sidebar.png) 0 0 no-repeat; }
.sidebar a .email { background: url(../images/sidebar.png) 0 -58px no-repeat; }
.sidebar a .qq { background: url(../images/sidebar.png) 0 -116px no-repeat; }
.sidebar .gotop span { background: url(../images/sidebar.png) 0 -174px no-repeat; }

/* 通用底部 */
.footer { padding: 25px 0; background: #0068d3; color: #fff; font-size: 14px; }
.footer a { color: #fff; margin-right: 20px; }
.footer .copyright { width: 700px; padding: 18px 0; text-align: center; margin: 0 auto; border: solid 1px #5c9ee3; }
@media (min-width:1366px) {
	.container { width: 1280px }
}
@media (max-width:992px) {
	.navbar-toggle { padding: 15px 0px; margin-top: 15px; background-color: transparent; background-image: none; border-radius: 0px; border-top: none }
	.navbar-toggle .icon-bar { background: #333 }
	.navbar-collapse { padding: 0; border-top: none; }
	.navbar-main { height: 70px; z-index: 999 }
	.navbar-header .logo { margin: 14px 0; height: 42px; }
	.navbar-header .logo img { height: 42px; }
	.navbar-main .nav-menu { padding: 0; margin-right: 0px; float: none; }
	.navbar-main .nav-menu>li { display: block; width: 100%; clear: both; float: none; height: auto; }
	.navbar-main .nav-menu>li>a { height: auto; line-height: 48px; display: block; margin: 0; border-top: 1px solid #ccc; text-align: left; padding: 0 15px; background: #fff; }
	.navbar-main .nav-menu>li>a span { display: none; }
	.navbar-main .nav-menu>li>a:hover, .navbar-main .nav-menu>li>a:focus { background: #0068d3; color: #fff; }
	.navbar-main .nav-menu>li>a:hover em, .navbar-main .nav-menu>li>a:focus em { color: inherit; border: 0px; display: block; height: auto; line-height: inherit; }
	.navbar-main .nav-menu .open>a, .navbar-main .nav-menu .open>a:focus { background-color: transparent; border-top: 1px solid #ccc; background: #0068d3; color: #fff }
	.navbar-main .nav-menu .open>a:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff }
	.about-desc .text .bd { padding: 15px 15px 0 15px; line-height: 1.8; }
	.about-desc .text .more { padding: 0 0 0 15px; }
	.super-list { margin-top: 15px; }
	.super-list li { height: 68px; margin-bottom: 15px; }
	.aside { margin-right: 0px; }
	.foot-list:after, .address:after { display: none; }
	.foot-list, .address { height: auto; }
	.foot-list li, .address li { margin-top: 0px; margin-bottom: 5px; }
}
@media (max-width:640px) {
	.top-link, .apply-nav { display: none; }
	.navbar-header .logo img { padding-left: 15px }
	.navbar-toggle { margin-right: 15px }
	.flex-direction-nav { display: none; }
	.about-desc { height: auto; }
	.home-product, .home-news, .home-apply, .home-contact { padding: 50px 0 0; }
	.home-product-list { margin: 30px -2px 0 -2px; }
	.home-product-list li { padding: 0 2px; margin-bottom: 4px; }
	.apply-list { margin: 15px -2px 0; }
	.apply-list .item { margin-bottom: 4px; padding: 0 2px; }
	.home-contact .contact-bg { padding: 0px 0 32px 0px; }
	.other { margin-top: 0px; }
	.address li:first-child { margin-top: 0px; }
	.banner-in { display: none; }
	.aside, .content { padding-bottom: 0px; margin-bottom: 0px; }
	.aside { min-height: 1px; }
	.content { padding: 0; }
	.news-list { padding: 48px 0 15px; margin: 0; }
	.news-list li { height: auto; padding: 0 30px; border-right: 0px solid #F7F5F6; border-bottom: 4px solid #F7F5F6; }
	.news-list li a .time { padding: 20px 0 20px; }
	.news-list li a .desc { height: auto; padding: 10px 0 20px; }
	.crumbs { margin: 0 -15px; padding: 0 20px; }
	.content-body { padding: 60px 0 0 0; }
	.prod-title { margin-top: 15px; }
	.footer { padding: 15px 0; }
	.footer .copyright { width: 90%; text-align: center; margin: 0 auto; border: solid 0px; }
	.index-line { width: 100%; }
	.index-footer { padding: 16px 0 0; line-height: 18px; }
}