/*** css ***/
html, body { }
body { font-size: 14px; font-family: "微软雅黑", "Microsoft Yahei", "Lucida Grande", sans-serif; overflow-x: hidden; overflow-y: auto; color: #333;  }
html, body, div, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, a, pre, form, fieldset, input, select, textarea, blockquote, p, span, i, em {font-size: 16px; padding: 0; margin: 0; font-family: "微软雅黑", "Microsoft Yahei", "Lucida Grande", sans-serif; font-style: normal; }
a { color: #333; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; cursor: pointer; color: #004586; }
a a:focus { outline: none; }
a:not([href]):not([tabindex]) { color: #fff; }
ul li, ol li { list-style: outside none none; margin: 0; padding: 0; }
img { border: 0; }
input:focus, button:focus { outline: none; }
button { cursor: pointer; border: none; background: transparent; padding: 0; }
img { max-width: 100%; height: auto; border: none; }

/*** 清理浮动***/
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mt32{ margin-top:32px}
.mt64{ margin-top:64px}

/*** 顶部 css ***/
.top { position: relative; padding: 8px 0; background: #083061; color: #fff;}
.top .language { text-align:right; margin-top:-4px}
.top .language img { background:#fff; width:32px;border-radius: 32px; margin-right:4px}
.top .language a:hover img { background:#2bb4e6;}
.top a { color: #fff; margin-left:16px}
.top a:hover{color: #2bb4e6; }
@media (max-width: 576px) {
.top .top-left,.top .language { text-align:center;}
}
@media (max-width: 991px) {
.top .top-left span { display:block;}
.top .language {  margin-top: 8px}
}

/*** 头部 css ***/
.head { padding: 16px; position: relative; }
.head h1 { text-align: center }
.head .head-left,.head .head-middle,.head .head-right { position:relative}
.head .head-left:before {position: absolute;top: 16px; left: 0; width: 37px;height: 40px; background: url(../images/head-left.png) no-repeat;content: "";}
.head .head-left p { color: #083061; font-size: 20px; margin-left:20px}
.head .head-left i { padding-left: 40px; color: #2bb4e6; font-size: 24px; }
.head .head-middle { border-right: 1px solid #eef3f7; border-left: 1px solid #eef3f7; }
.head .head-right{ text-align:right}
.head .head-right:before {position: absolute;top:16px; right: 0; width: 37px;height: 40px; background: url(../images/head-right.png) no-repeat;content: ""; }
.head .head-right p { color: #083061; font-size: 20px; margin-right:20px}
.head .head-right i { display:block; padding-right: 40px; color: #2bb4e6; font-size: 14px; line-height:20px;}
@media (max-width: 991.98px) {
.head .head-left , .head .head-right { width:240px; margin:0 auto;}
.head .head-middle { margin:16px 0}
}

/*** 导航 css ***/
.nav { position: relative;background-color: rgba(8,48,97); color: #fff;}
.nav .navbar .navbar-toggler{color: rgba(255,255,255,1); border-color: rgba(255,255,255,1);  }
.nav .navbar li a{ color:#fff; font-size:16px;display: block; }
.nav .navbar li.active a{color:#2bb4e6;}
.nav .navbar li:hover a, .nav .navbar li ul li:hover a{ color:#2bb4e6;} 
@media (min-width: 991.98px) {
.nav .navbar li.nav-item{ display:inline-block; width:144px; height:48px;line-height:48px; text-align:center;  margin:0 1px;text-transform: uppercase;}
.nav .navbar li ul li{line-height:32px; display:block}
.nav .navbar li:hover ul.dropdown-menu {display: block;text-transform: none;}
.nav .navbar li ul.dropdown-menu{ width:140%; left:-20%; padding:8px; background-color: rgba(8,48,97);} 
.nav .navbar li ul.dropdown-menu li{ width:100%; margin: 0; padding:2px 0; line-height:26px;text-align:center; border-bottom:solid 1px #eef3f7;} 
.nav .navbar li ul.dropdown-menu a{ color:#fff;font-size:14px;transition: all 500ms ease 0s;}
}
@media (max-width: 991.98px) {
.nav{ background-color: rgba(8,48,97,0.9); padding:8px 0;}
.nav .navbar{opacity:1}
.nav .navbar li{ display:block; padding:8px 0; border-bottom:solid 1px #fff;opacity:1}
.nav .navbar li ul.dropdown-menu { padding:0 8px; background:none; border:none} 
.nav .navbar li ul.dropdown-menu li{border-bottom:none;} 
.nav .navbar li ul.dropdown-menu li a::before{font-family: 'fontello';content: '\f105';color:#fff; margin-right:8px }
.nav .navbar li ul.dropdown-menu a{ color:#fff;font-size:14px;text-transform: uppercase; transition: all 500ms ease 0s;}
}
.nav.stricky-fixed { position: fixed; top: 0; width: 100%; z-index: 99999; animation-name: menu_sticky; animation-duration: 0.60s; animation-timing-function: ease-out; transition: all .25s ease-in-out;box-shadow: 0px 0px 8px #083061; }/* nav 浮动 */
@media (min-width: 991.98px){
.nav .nav-logo{ display:none}
}
@media (max-width: 991px) {
.head { display:none}
.nav .nav-logo img{ width:84px;}
.nav .navbar .navbar-toggler{ float:right; }
}

/***底部 css ***/
.footer{ position: relative;background: #083061; padding:32px 0}
.footer .QR-code img{ width:100%; max-width:200px;}
.footer .f-contact { padding-left:40px; position:relative; margin-top:16px;}
.footer .f-contact h4{ font-size:20px; font-weight:bold; color:#fff;text-transform:uppercase; }
.footer .f-contact h4 i{ font-size:16px; font-weight: normal;  display:block; margin-top:8px;}
.footer .f-contact em{ display:block; width:64px; height:64px; position:absolute; top:8px; left:0}
.footer .f-contact em.fa{ font-size:32px; color:#3aabd0}
.footer .footer-nav{ line-height:30px; border:solid 1px #f2f2f2; border-left:none;border-right:none; margin:32px auto; text-align:center}
.footer .footer-nav li{display:inline-block; margin:0 16px;}
.footer .footer-nav li a{color:#fff; font-size:14px; }
@media (max-width: 991px) {
.footer .QR-code img{ margin-top:16px}
}
.copyright { position: relative; display: block; background: #072d5a;}
.copyright div ,.copyright p ,.copyright a{ font-size: 14px; line-height:32px; color: #fff; transition: all 500ms ease; }
.copyright span {font-size: 14px; margin-left:32px; }

/* 回到顶部 styles */
.scroll-to-top { background: #000; border-radius: 4px; bottom: 25px; color: #fff; cursor: pointer; display: none; font-size: 25px; font-weight: normal; height: 55px; line-height: 48px; position: fixed; right: 15px; text-align: center; transition: all 500ms ease 0s; width: 55px; z-index: 9999; box-shadow: 0px 8px 23px -6px rgba(27,27,27,1); }
.scroll-to-top:hover { opacity: .5; }

.title {text-transform:uppercase;}

/********* 首页 *********/
/*** banner ***/
.c-banner { position: relative;}
.c-banner .banner ul li {position: absolute  display: none; opacity: 0; }
.c-banner .banner ul li:nth-child(1) { opacity: 1; display: block; }
.c-banner .banner ul li img { width: 100%; position: absolute; top: 0px;}
.c-banner .banner ul li:first-child img { position: relative; }
.c-banner .nexImg, .c-banner .preImg { position: absolute; width:50%; top:45%; display:inline-block;opacity: 1; z-index: 10; cursor:pointer;}
.c-banner .nexImg em,.c-banner .preImg em { background:#000; color:#fff; font-size:48px; font-weight:bold; cursor:pointer; opacity: 0.1; }
.c-banner .nexImg:hover em, .c-banner .preImg:hover em { opacity: 0.75; }
.c-banner .nexImg { right: 0px; text-align:right}
.c-banner .jumpBtn { width: 100%; position: absolute; bottom: 20px; text-align: center; word-spacing:-1em; }
.c-banner .jumpBtn ul li { width: 16px; height: 16px; border-radius: 50%; display: inline-block; background:#004586; opacity: 1; margin-left: 10px; cursor:pointer; }
.c-banner .jumpBtn ul li:first-child { margin-left: 0px; color:#004586}
@media screen and (max-width:991.98px) {
.c-banner .nexImg, .c-banner .preImg { display:none}
}

/*** 关于 ***/
.i-about{background: url(../images/bj-1.png) no-repeat right top; padding:64px 0;}
.about-left .title {position: relative; display: inline-block; line-height: 16px; padding:0 10px; border-left: 6px solid #2bb4e6; padding:0 10px; border-right: 6px solid #2bb4e6; color:#2bb4e6; font-size:16px;text-transform:uppercase;}
.about-left .about-content h2 { color: #083061; font-size: 26px; text-transform: uppercase; line-height: 34px; margin:32px 0 17px; font-weight:bold;}
.about-left .about-content a{text-indent:2em; font-size:16px; color:#888;}
.about-left .about-content a:hover{color: #004586}
.about-left .certificate { position: relative; margin-top:32px;  }
.about-left .certificate li { display: inline-block;margin-right: 32px; }
.about-right .single-box { display: block; background: #083061; min-height: 185px; margin-bottom: 30px; text-align: center; padding: 35px 0; }
.about-right .single-box.left { min-height: 300px; padding: 85px 0; margin: 50px 0; }
.about-right .single-box.left .icon-holder { margin-bottom: 36px; }
.about-right .single-box .icon-holder { display: block; margin-bottom: 25px; }
.about-right .single-box .icon-holder span:before { color: #2bb4e6; font-size: 65px; line-height: 65px; }
.about-right .single-box h3 { color: #fff; font-size:16px }
@media screen and (max-width:1198px) {
.i-about{background:none; padding:32px 0;}
}
@media screen and (max-width:991.98px) {
.about-right .single-box.left { min-height: 185px; padding: 35px 0; margin: 0px 0 36px }
.about-right .single-box.left .icon-holder { margin-bottom: 25px; }
}
@media screen and (max-width:765px) {
.about-right{ margin-top:32px}
}

/***公共 css***/
.section-header .title { font-size: 30px; font-weight:bold; color: #083061;margin-bottom: 8px;text-align:center;text-transform:uppercase; }
.section-header p{ width:88%; margin:8px 0 16px 0; color:#999; font-size:14px; text-align:center}
/*** 产品 css***/
.i-product{ background:#f7f7f7; padding:64px 0;}
.controls { text-align: center; background-color:rgb(255,255,255); margin-top:16px; padding:8px;border-radius: 6px}
.controls a{ display:block; color: #fff; white-space: nowrap; background:#2bb4e6; height:40px; line-height:40px; margin:8px auto;border-radius: 6px}
.controls a.active {color: #fff !important; background:#083061;}
.controls a:hover { color: #fff; cursor: pointer; background:#083061;}

/*** 订购流程 css***/
.process ul li { position: relative; display: inline-block; float: left; width: 25%; text-align: center; }
.process ul li:before { position: absolute; top: 68px; right: -32px; width: 65px; height: 5px; background: url(../images/dotted.png); content: ""; }
.process ul li:last-child:before { display: none; }
.process ul li .icon-holder { position: relative; display: inline-block; width: 140px; height: 140px; margin: 0 auto; border: 1px solid #e5e5e5; border-radius: 50%; padding: 38px 0; }
.process ul li:hover .icon-holder {border: 1px solid #3aabd0; }
.process ul li .icon-holder span:before { color: #d0d0d0; font-size: 60px; line-height: 60px; transition: all 500ms ease; }
.process ul li:hover .icon-holder span:before { color: #3aabd0; }
.process ul li .title-holder { display: block; margin-top: 25px; margin-bottom: 20px; color: #2f2f2f;font-size: 20px;line-height: 24px;}
.process ul li .count { display: block; width: 30px; height: 30px; background: #3aabd0; margin: 0 auto; border-radius: 50%;color: #fff; font-size: 16px; font-weight: 600; line-height: 30px;  }
.appointment-button { display: block; margin-top: 50px; }
.appointment-button a { border: 2px solid #3aabd0; color: #3aabd0; width: 250px; height: 60px; display: inline-block; line-height: 56px; border-radius: 32px; }
.appointment-button a:hover { background: #151515; color: #fff; border-color: #151515; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.process ul li { width: 50%; margin-bottom: 40px; }
.process ul li:before { display: none; }
}
@media screen and (max-width: 767px) {
.process ul li { width: 100%; margin-bottom: 40px;  }
.process ul li:before { display: none; }
}

/***在线联系 css ***/
.appoinment { position: relative; background: url(../images/bj-2.png ) scroll no-repeat center top ;  content: ""; background-size: 100%; padding: 64px 0 86px; }
.appoinment-left { display: block; background: #fff; border-radius: 20px; }
.appoinment-left .title { padding: 16px 0; background: #2bb4e6; text-align: center; margin-bottom: 16px; border-top-left-radius: 20px; border-top-right-radius: 20px;color: #fff; }
.appoinment-left .text { padding: 0 30px; margin-bottom: 16px; }
.appoinment .appoinment-form { display: block; padding: 0 30px 30px; }
.appoinment .appoinment-form textarea,.appoinment .appoinment-form input{ width:100%;display: block; margin-top:16px;border: 1px solid #f2f2f2; padding:8px 8px; border-radius: 6px; }
.appoinment .appoinment-form button { display: block; background: #2bb4e6; margin-top: 16px; width: 100%;  border-radius: 32px; color:#fff; padding:16px 0;}
.appoinment .appoinment-form button:hover { background: #0591c4; }
.appoinment .appoinment-form button span:before { position: relative; top: 1px; font-size: 16px; line-height: 16px; display: inline-block; padding-left: 9px; font-weight: 600; }
.appointment-right { position: relative; max-width: 570px; width: 100%; margin:0 auto; margin-top: 173px; }
.appointment-right .title p { color: #fff; font-size: 32px; line-height: 30px; margin-top:32px ;text-transform: none;}
.appointment-right .button a {position: relative;display: inline-block; background:#2bb4e6; color: #fff; width: 180px; height: 60px; line-height: 60px; margin: 0 13px; border-radius: 4px; margin-top: 48px; }
.appointment-right .button a:hover { background: #fff; color: #151515; }
.appointment-right .button a.btn-two span:before { margin-left:32px}
.appointment-right .button a.white-bg { background: #fff; color: #2f2f2f; }
.appointment-right .button a.white-bg:hover { background: #2bb4e6; color: #fff; }
@media screen and (max-width: 1200px) {
.appoinment { background:#193e6b ; margin-top:64px}
.appointment-right { margin-top: 64px;  }
}

/***新闻 css ***/
.i-news .news-pic{border:solid 6px #efefef}
.i-news .i-news-con{ background:#fafafa; border-bottom:solid 4px #e0e0e0; padding:8px; position:relative;}
.i-news .i-news-con .white-title a{ color:#083061; font-size:18px;}
.i-news .i-news-con .time,.i-news .i-news-con .white-text{ color:#999; font-size:14px;}
.i-news .i-news-con .time{ margin:8px 0}
.i-news .i-news-con .more-2 a{display: block;height:32px;line-height:30px;border:solid 1px #2bb4e6;border-radius:32px;text-align:center; margin:16px 0;color:#2bb4e6; font-size:14px;}
.i-news .row [class*='col-']:hover .i-news-con,.i-news .row [class*='col-']:hover .news-pic { border-color:#2bb4e6; cursor:pointer}
.i-news .row [class*='col-']:hover .i-news-con a{color:#2bb4e6; }
.i-news .row [class*='col-']:hover .i-news-con .more-2 a{ background:#2bb4e6; color:#fff;}

/********* 内页 *********/
.page-banner{background: url(../images/p-banner.jpg ) no-repeat center top ; height:360px; position:relative;}
.page-title{ font-size:32px; font-weight:bold;text-align:center; color:#fff; padding-top:128px; background: url(../images/m2banBg.png ) no-repeat center 170px;}
.page-title i{ font-size:30px; display:block; }
.position{ background-color: rgba(0,0,0,0.5); position:absolute; width:100%; bottom:0; height:24px; line-height:24px;}
.position .container,.position a{ color:#fff; font-size:14px;}
.details{ font-size:16px; line-height:2;text-indent:2em; margin-top:16px}
/*** 分页 Css  ***/
.page-num{ text-align:center; margin-top:16px;}
.page-num a{ display: inline-block; padding:0 8px; margin:0 2px; font-size:14px; border:1px solid #e5e5e5; line-height:26px;color:#666;}
.page-num .page-cur{ background:#2bb4e6;border:1px solid #2bb4e6; color:#fff}
/*** 上一个 返回 下一个  ***/
.page-bool li{ display:inline-block; padding:0 10px; margin:0 10px; background:#2bb4e6;}
.page-bool li a{ font-size:14px; color:#fff}

/*** 公司简介 css ***/
.about .title{ display: block; text-align:center ;font-size:28px; color:#2bb4e6}
.about .title i{ display:block; color:#083061; font:36px/34px enFont}
.about .single-box { display: block; background: #083061; min-height: 185px; margin-top: 32px; text-align: center; padding: 35px 0; }
.about .single-box .icon-holder { display: block; margin-bottom: 25px; }
.about .single-box .icon-holder span:before { color: #2bb4e6; font-size: 65px; line-height: 65px; }
.about .single-box  { color: #fff; font-size:16px }
/*** 内页左侧 css ***/
.page-left{ display:block; position:relative;background: #083061; padding:8px;}
.sort-title{ font-size:30px; font-weight:bold; text-align:center; color:#fff; line-height:32px; margin-top:32px}
.sort-title i{ font-size:12px; font-weight: normal; display:block}
.left-contact{ background:rgb(255,255,255);border-radius: 6px; padding:16px; margin-top:16px}
.left-contact p{ margin:8px 0}
/*** 左侧分类 css **/
.sidebar-menu {  background-color:rgb(255,255,255); margin-top:16px; padding:8px;border-radius: 6px}
.sidebar-menu > li { position: relative; display:block; font-size:18px; color: #fff; background:#2bb4e6; margin:8px auto;border-radius: 6px;}
.sidebar-menu > li > a { padding:8px 12px; display: block; color: #fff; }
.sidebar-menu > li > a > .fa { width: 20px; }
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a { color: #fff !important; background:#083061;  border-radius: 6px 6px 0 0;}
.sidebar-menu > li > .treeview-menu { background:#083061; color:#fff;  border-radius: 0 0 6px 6px;}
.sidebar-menu > li > .treeview-menu li{ border-bottom:solid 1px #fff}
.sidebar-menu li > a > .fa-angle-right { width: auto; height: auto; padding: 0; margin-right: 10px; margin-top: 3px; }
.sidebar-menu li.active > a > .fa-angle-right { transform: rotate(90deg); }
.sidebar-menu .treeview-menu { display: none; padding:4px 8px 8px 8px; }
.sidebar-menu .treeview-menu > li > a { padding:4px 16px; display: block; font-size: 14px; color: #fff; }
.sidebar-menu .treeview-menu > li > a > .fa { width: 20px; }
.sidebar-menu .treeview-menu > li > a > .fa-angle-right,  .sidebar-menu .treeview-menu > li > a > .fa-angle-down { width: auto; }
.sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover { color: #fff; }
/*** 首页产品 产品中心 列表 css ***/
#portfolio { margin-top:-8px}
#portfolio [class*='col-'] { padding:0}
.shot-item{ margin:8px; position: relative; padding:1px; border:#e0e0e0 1px solid; text-align:center;overflow: hidden;}
.shot-item:hover { border:#2bb4e6 1px solid; }
.shot-item .pro-img { position:relative;}
.shot-item .pro-img img { width: 100%; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; }
.shot-item a:hover img{ opacity: 0.75; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
.shot-item .watermark{ position: absolute; top:40%; left:30%; opacity: 0.1; width:128px; height:55px; background: url(../images/watermark.png) no-repeat; background-size:100% 100%}
.products .shot-item .watermark{ position: absolute; top:40%; left:25%; opacity: 0.1; width:128px; height:55px; background: url(../images/watermark.png) no-repeat; background-size:100% 100%}
.shot-item .pro-txt{ background:#eee; color:#333; z-index:999; position:relative;}
.shot-item .pro-txt span{ display:block; height:30px; line-height:30px; overflow:hidden;}
.shot-item:hover .pro-txt{background: #2bb4e6; color:#fff}
.shot-item .pro-txt .pro-size{ display:block; border-top: solid 1px #fff; font-size:12px; }
@media screen and (max-width:576px) {
.shot-item .watermark{ left:30%; width:64px; height:30px;}
}
@media screen and (max-width:991.98px) {
.controls a{ display: inline-block; height:32px; line-height:32px; padding:0 8px; margin:4px 8px; font-size:14px}
.page-left .small-none,.left-contact{ display:none}
}

/*** 产品详情 css ***/
#jssor_1{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 800px; height:694px; overflow: hidden; visibility: hidden;}/*相册整框 css*/
#jssor_1 span { display: block; position: absolute; color:#000; font-size:48px; width: 40px; height: 40px; cursor: pointer; opacity:0.4}/*相册左右按钮 css*/
#jssor_1 span:hover{opacity:0.8}
.imgshow-box{cursor: default; position: relative; top: 0px; left: 0px; width: 800px; height: 600px;}/*相册图片显示框 css*/
.jssort01{position:absolute; top:600px;width:800px;height:94px; background:#083061}/*相册缩略图 css*/
.jssort01 .p { position: absolute; top: 0; left: 0; width: 120px; height: 90px;}
.jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 116px; height: 86px; border: #fff 2px solid; box-sizing: content-box; background: url('../images/t01.png') -800px -800px no-repeat; _background: none; }
.jssort01 .pav .c { top: 0px; _top: 0px; left: 0px; _left: 0px; width: 116px; height: 86px; border:#2bb4e6 2px solid; _border: #fff 2px solid; cursor:pointer; background-position:50% 50%}
.jssort01 .p:hover .c { top: 0px; left: 0px; width:116px; height: 86px; border: #2bb4e6 2px solid; cursor:pointer;background-position:50% 50% }
.jssort01 .p.pdn .c { width: 116px; height: 86px; border: #fff 2px solid; }
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { width /**/: 76px; height /**/: 56px; }
#jssor_1 .watermark{ position:absolute; z-index:99999; top:200px; left:30%; opacity: 0.1;}

/*产品描述 css*/
.pro-explain{ padding:16px; height:100%; border-bottom:solid 1px #083061; position:relative}
.pro-explain .pro-name h2{ font-size:30px; border-bottom: solid 1px #ddd; padding-bottom:16px;}
.pro-explain .pro-size{ font-size:18px; margin-top:16px;}
.pro-explain .page-bool{ position:absolute; bottom:0; width:100%; text-align:center}
.pro-detailed{ padding-top:32px;}
.pro-detailed .txt{ margin-top:32px; line-height:2}
@media screen and (max-width:991.98px) {
#jssor_1{left: -15px;}
/*.jssort01{ display:none}*/
.pro-explain{ padding:16px 0 64px 0; text-align:center;}
}

/*** 新闻资讯 Css ***/
.news .news-list dl { overflow:hidden; border:1px solid #dedede; margin-bottom:16px; padding:32px}
.news .news-list dl dt{width:24%; text-align:center; display:inline-block;}
.news .news-list dl dd{width:70%; overflow:hidden; float:right; display:inline-block;}
.news .news-title a{ font-size:18px; color:#4b4a4a; height:40px; line-height:40px; font-weight:normal}
.news .news-outline{ height:72px; line-height:24px; font-size: 14px; color: #797979;overflow: hidden;}
.news .news-list .time,.news .news-list .page-more{ display:inline-block; margin-top:10px; font-size:14px; color:#999}
.news .page-more { width:90px; height:30px;line-height:30px; text-align:center;float:right; float:right;}
.news .page-more a{ color:#fff; display:block; background:#b6b6b6; font-size:14px;}
.news .news-list dl:hover{border:1px solid #2bb4e6; }
.news .news-list dl:hover .news-title a{ color: #2bb4e6}
.news .news-list dl:hover .page-more a{ background:#2bb4e6; color:#fff;}
@media screen and (max-width:768px) {
.news .news-list dl dt{ display:none}
.news .news-list dl dd{width:100%;}
}

/*** 新闻详情 Css ***/
.newshow h2{ text-align:center; font-size:24px; font-weight: normal;}
.newshow .release{ text-align:center; margin-top:16px; border-bottom:solid 1px #f1f1f1;}
.newshow .release li{ display:inline-block; margin:0 8px; font-size:14px; color:#999;}
.newshow .page-bool { border-top:solid 1px #004586; text-align:center; margin-top:32px;}

/*** 厂房设备 Css ***/
.equipment .row [class*='col-']{ padding:0}
.equipment .pic-box{display:inline-block; border:#e9e9e9 2px solid; padding:2px; margin:8px; text-align:center}
.equipment .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.equipment .pic-box a{ display:block;text-align: -webkit-center; overflow:hidden;}
.equipment .pic-box img{width: 100%; display:block;}
.equipment .pic-box .name{ display:block;font-size:16px;color: #7b7b7b;text-align:center; height:36px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; background:#f0f0f0; line-height:36px}
.equipment .pic-box:hover{ border:#2bb4e6 2px solid;}
.equipment .pic-box:hover .name{ background:#2bb4e6;color:#fff;}

/*** 在线留言 Css  ***/
.online ul {  margin:0 auto; padding:32px;  border:solid 4px #083061;}
.online li{ margin-top:16px;}
.online li.first{ margin-left:84px;}
.online li b{ color:#F00}
.online label{ width:84px; text-align:right; display:inline-block;text-transform: uppercase; margin-right:8px}
.online label.last{ vertical-align:top}
.online input,.online textarea{ width:86%; display:inline-block; padding:0 4px}
.online input { height:30px; line-height:30px;}
.online .sub{ display:block; width:80%; text-align:center; margin:0 auto; height:40px; line-height:40px; background:#2bb4e6;border:none;color:#fff; font-size:20px; font-weight:bold; cursor:pointer;}
.online .sub:hover{ background:#004586; color:#fff;}
@media screen and (max-width:991.98px) {
.online li.first{ margin-left:0;}
.online label{ text-align:left; margin-right:0}
.online input,.online textarea{width:96%; font-size:14px;}
}

/*** 联系我们 css ***/
.contact .mode{ padding:16px;}
.contact .mode h2{color:#2bb4e6; font-size:30px;}
.contact .mode p{font-size: 16px;line-height: 24px;color: #b2b2b2; margin: 32px 0;}
.contact .mode li span{ margin-right:8px}
.contact .mode li{ margin:8px 0; }
.contact .mode .QR-code img{ width:100%; max-width:390px;}

/*** 地图 css ***/
.contact #map  img { max-width:inherit}
#map .BMap_bubble_title{word-wrap : break-word ;}
#map .BMap_Marker img {animation: jump 2s ease infinite; position:absolute; top:0;}
@keyframes jump { 
0% {transform:translateY(0) scale(1, 1);}/* 中间状态图片位移并且拉伸 */
50% {transform:translateY(20px) scale(0.97, 1.03);}
100% {transform:translateY(0) scale(1, 1);}
}
@media screen and (max-width:768px) {
.map{ display:none}
.contact .mode{margin-top:0}
}

/*** 相关 新闻、产品 ***/
.rel-title{ border-bottom:solid 1px #ddd; }
.rel-title h4{ display:block;background:#2bb4e6; width:156px;height:32px; line-height:32px; text-align:center; color:#fff; font-size:16px; font-weight:bold; }
.rel-news .row [class*='col-'] a{ display:block; margin:8px;border-bottom:dashed 1px #ddd; height:32px; line-height:32px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:14px; color:#666;}
.rel-news .row [class*='col-'] a .date { float:right;font-size:14px; color:#999}
.rel-news .row [class*='col-'] a:hover{color:#2bb4e6;}
.rel-pro .row [class*='col-'] a{ display:block; margin:16px 8px 0 8px;  border: solid 1px #ddd; text-align:center; padding:2px;color:#666; font-size:14px}
.rel-pro ul li img{ width:100%; }
.rel-pro .row [class*='col-'] a span{ width:100%; display: block; height:24px; line-height:24px; text-align:center; background:#ddd}
.rel-pro .row [class*='col-'] a:hover{color:#2bb4e6;border: solid 1px #2bb4e6}
.rel-pro .row [class*='col-'] a:hover span{ background:#2bb4e6; color:#fff}