/*
Theme Name: HengLi
Theme URI: http://www.henglihydraulic.com/
Author: Wise
Author URI: http://www.henglihydraulic.com/
Description: 
Version: 1.0
*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, nav {
	border: 0;
	margin: 0;
	padding: 0;
	/*font-size: 14px;*/
	
	font-family:'Open Sans','微软雅黑','宋体',"Helvetica Neue", Helvetica, Arial;
}
body {
	font-size:14px;
	background: #fff;
}

ol,ul {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
p,h1,h2,h3,h4,h5,h6 {
	line-height: 1.6em;
	/*display: block;*/
/*    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333;
}
a:hover {color: #00469c;}
input {width: 100%; background-color: rgba(255, 255, 255, 1); border:1px solid #ebebeb; font-size: 13px; padding: 10px 12px; outline: none;}
sup {color: #221814;}
/** public */
.breadcrumb>li+li:before {/*font-family: FontAwesome;content: "\f101";*/content: "\00BB";font-size:15px;}
.padding-none {padding: 0px;}
.margin-none {margin: 0px; }
.container-fluid {padding-right: 0px; padding-left: 0px;}
.hl-clearfix {height: 70px;}
.parallax {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 0;background-repeat: no-repeat; z-index: 1; position: relative; overflow: hidden; background-attachment: fixed;}
.parallax:after { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0)scale(1, 1);background-color: rgba(0,70,156,.5);}
.parallax>div{ z-index: 3; position: relative }
.line {width:100%;height: 1px; background: #e8e8e8; background: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,.09) 35%, rgba(0,0,0,.09) 70%, rgba(0,0,0,0) 100%); margin:18px 0;}
.line-left {background: linear-gradient(to right, rgba(0,0,0,.18) 0, rgba(0,0,0,.12) 35%, rgba(0,0,0,.05) 70%, rgba(0,0,0,0) 100%);}
.line-bg {background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.5) 35%, rgba(255,255,255,.5) 70%, rgba(255,255,255,0) 100%)}
.td-middle {vertical-align: middle !important;text-align: center;}
.carousel-indicators li {width: 9px; height: 9px; margin: 0px 2px; background: #fff; opacity: .5;}
.carousel-indicators .active {width: 9px; height: 9px; margin: 0px 2px; opacity: 1; }
.container-bg {background: #fafafa; border-top:1px solid #f3f3f3;}
#baguetteBox-overlay .full-image figcaption {padding: 20px 0; font-size: 18px;}
.image-border {border:1px solid #f1f1f1;}
.image-box .carousel-control {height: 8%; margin: auto; width: 10%;}
.image-box .carousel-control .glyphicon-chevron-left, .image-box .carousel-control .glyphicon-chevron-right {font-size: 18px;}
.thumbnail-list {padding: 0; border:0px;}
.thumbnail-list .caption {background: rgba(0,70,156,.5); position: relative; margin-top: -40px;}
.thumbnail-list .caption h5 {color: #fff;}
#category-slide .carousel-control {
    height: 8%;
    margin: auto;
    width: 10%;
}
#category-slide .carousel-control .glyphicon-chevron-right,#category-slide .carousel-control .glyphicon-chevron-left {font-size: 18px;}
.default-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
}
.fff {color: #fff;}
.line-fff {background: linear-gradient(to right, rgba(255,255,255,.5) 0, rgba(232,232,232,.4) 35%, rgba(232,232,232,.2) 70%, rgba(255,255,255,0) 100%);}
.line-center-fff {background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.5) 35%, rgba(255,255,255,.5) 70%, rgba(255,255,255,0) 100%)}
.bg-fff:after {background:rgba(255,255,255,.6);}
.bg-000:after {background: rgba(0,0,0,.5)}
.font-17 {font-size: 16px;}
.button-list .btn {margin: 12px 15px 1px 0;}
.btn-flat {border-radius: 0px; background: #fff; border:none; padding: 8px 15px;}
.btn-flat:hover {background: #00469c; color: #fff;}
.carousel-caption-desc {top: 20%; color: #fff;}
.carousel-caption-desc * {color: #fff;}
/** END public

/** toolbar */
.toolbar {background: #00469c; padding: 2px 0 2px 0; color: #ccc;}
.toolbar i {color: #fff;line-height: 40px;}
.toolbar .toolbar-phone {font-weight: 600; color: #fff; font-size: 12px;}
.toolbar a ,.toolbar a i {color: #fff; font-size: 13px;}
.toolbar a i {font-size: 14px;}
.toolbar a:hover {text-decoration: none; color: #eee;}
.toolbar .btn-group.open .dropdown-toggle {box-shadow:none;}
.toolbar em {color: #fff;}
.toolbar .toolbar-info>a, .toolbar .lang {margin-right: 28px;}
.toolbar .toolbar-info {text-align: right; line-height: 10px;}
.lang em {font-style: normal;}
.toolbar .hengli-qiye .btn-group ul li a {font-size: 13px;padding-top: 7px;padding-bottom: 7px;}
.toolbar .hengli-qiye .btn-group ul li a:hover {background: #00469c; color: #fff;}
.toolbar-info .form-inline { position: relative; }
.toolbar-info .form-inline input {height: 26px; border-radius: 25px; border-color: #999;}
.toolbar-info .form-inline i {position: absolute; right: 10px; top: 9px; font-size: 15px; color: #888;}

.logo-display {display: block;}
.navbar-nav .search-li {line-height: 45px; display: none;}
.search-li .toolbar-info i {top: 17px;}

/** header */




.hengli-header {margin-bottom: -1px; background-color: #fff;}
.hengli-header .navbar-header {height: 70px;line-height: 70px;}
.hengli-header .nav-logo img {width: 90%;}
.hengli-header  button {margin-top: 18px;}
.hengli-header .navbar-nav {margin-top: 0px; margin-bottom: 0px;}
.hengli-header .menu-item-has-children > span.readmore {position:absolute; top: 0px; right: 0px; width: 70px; line-height: 40px; text-align: center; cursor:pointer; height: 100%;}
.hengli-header .navbar-nav>li {border-bottom: 1px solid rgba(128,128,128,.2);}
.hengli-header .navbar-nav>li>a {/*height: 75px !important;line-height: 45px;*/ font-weight: 800; font-size: 14px; letter-spacing: 1px; color: #222;/* #656464*/ vertical-align:middle;margin:0px 7px;padding-right: 0px; display: block;}
.hengli-header .navbar-nav>li>a:hover {border-bottom: 4px solid #00469c;}
/*.hengli-header .navbar-nav>li>a:hover:after {width:100%;height: 4px;background: #00469c;display: block; color: #00469c;content: '';}*/

/*.hengli-header .navbar-nav>li.current-menu-item>a:after {width:100%;height: 2px;background: #00469c;display: block; color: #00469c;content: '';}*/
/*.hengli-header .navbar-toggle {margin-top:28px;}*/
.hengli-header .navbar-nav>li>ul.sub-menu {display: none;}
.hengli-header .navbar-nav>li>ul.sub-menu li {}
.hengli-header .navbar-nav>li>ul.sub-menu li a {font-size: 12px; display: block; padding: 8px; padding-left: 40px;}


/** 关闭按钮 */
.hengli-header.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent; border-width: none;}
.hengli-header.navbar-default .navbar-toggle {border:none;}
.hengli-header .navbar-header .icon-bar {background: #f0f0f0 !important; height: 3px;}
.hengli-header .navbar-header .is-active {margin-top: 23px;}
.is-active .icon-bar-1 {-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);top:0px margin-top:0px;}
.is-active .icon-bar-2 {display: none;}
.is-active .icon-bar-3 {-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);top:0px;margin-top: -2px !important;}

/** pc 显示导航 */
.nav-child-list {/*background: rgba(255,255,255,.9);*/background: #ebf0f5; position: absolute; display: none;padding: 45px 0 30px 0;margin-top: 109px;z-index: 16;width: 100%;min-height: 400px;box-shadow:1px 1px 2px #ddd;}
.nav-child-list ul {float: right;width: 100%;display: block;}
.nav-child-list ul li {display: inline-block; width: 100%;}
.nav-child-list ul li a {display: block;padding: 10px 0; border-bottom:1px solid #cdd9e1; border-top:1px solid #cdd9e1; border-collapse:collapse; margin-bottom: -1px; margin-right: 20px; color: #444; padding-left: 10px; font-size: 14px;}
.nav-child-list ul li a span {display: none; font-size: 12px; padding-left: 10px; color: #697882}
.nav-child-list ul li a:hover {background: #dfe6ed; color: #697882;text-decoration: none;}
.nav-child-list ul li a:hover span{display: inline;}

/** PC 导航2 */
.hengli-header-pc .container-pc .navbar-right {margin-right: 40px;}
.hengli-header-pc .navbar-nav>li>a:hover {border-bottom: 0px solid #00469c;}
.hengli-header-pc {background: rgba(255,255,255,.8);}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu {display: none;  background: #fff;}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu li {padding-left: 20px; padding-right:6px; }
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu li:last-child {border-bottom-color: transparent;}
/*.hengli-header-pc .navbar-nav>li>ul.sub-menu li:hover {background: #00469c;}
.hengli-header-pc .navbar-nav>li>ul.sub-menu li a:hover {color: #fff;}*/

.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu li a {text-indent: 0px;padding-left: 0px!important; font-size: 14px; color: #444; text-decoration: none;}
.navcontainer { padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 768px){.navcontainer { width: 750px;}}
@media (min-width: 992px) {.navcontainer { width: 970px;}}
@media (min-width: 1200px){.navcontainer {width: 1170px;}}



.container-pc {position: relative;}
.container-pc .btn-search {position: absolute; right: 0px; background: transparent; border:1px solid #999; border-radius: 25px; padding-top: 8px; padding-bottom: 8px;}
.container-pc .btn-search:hover, .container-pc .open .btn-search  {background: #00469c;}
.container-pc .btn-search:hover i, .container-pc .open .btn-search i {color: #fff;}
.container-pc .btn-search i {font-size: 12px;}
.container-pc .search-pc {box-shadow: none; background: transparent; margin:0px; padding: 0px; border-width: 0px;}
.container-pc .search-pc input {height: 40px; line-height: 40px;}
.container-pc .search-pc i {position: absolute; right: 10px; top: 15px; font-size: 10px; color: #777;}

.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu {;background: transparent;padding: 20px 0px 25px 0px;;margin-top: 5px;float:right}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu>li{float: left;}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu>li.menu-item-has-children{ height: 166px;}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu>li.menu-item-has-children>a{font-size: 17px;font-weight: bold;border-bottom: 1px solid #999; width: 120px;margin-bottom: 8px; padding-bottom: 10px;margin-left: 20px;}

.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu {display: none;}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu li a {font-size: 15px; display: block; padding: 8px;}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu>li.menu-item-has-children>a:hover{color:#444}
.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu li a:hover{color:#00469c}

.hengli-header-pc .navbar-nav>li>div>div>ul.sub-menu>li.menu-item-has-children>ul.sub-menu>li {
    line-height: 10px;
}
.hengli-header-pc .navbar-nav>li{
    position: static!important;
}

.navsubwrapper{
    position: fixed;
    width: 100%;
    left: 0;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;	
        z-index: 999;
}

/** breadcrumb  面包屑*/
.breadcrumb_bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-position: 60% 0 !important; background-repeat: no-repeat; z-index: 1; position: relative; overflow: hidden;}
.header-breadcrumb .breadcrumb-body {background-color: #fafafa;}
.header-breadcrumb .breadcrumb-body .breadcrumb {background-color: transparent; margin-bottom: 0px; font-size: 12px;}
.header-breadcrumb .breadcrumb-body .breadcrumb a {color: #337ab7;}
.header-breadcrumb .breadcrumb-body .breadcrumb li:last-child a {color: #777;}
.header-breadcrumb .jumbotron {border-radius: 0px; margin-bottom: 0px; min-height: 250px;}
.header-breadcrumb .jumbotron .jumbotron-body {padding:0px; color: #fff;}
.header-breadcrumb .jumbotron .jumbotron-body h2 {font-size: 36px; font-weight: 600; text-align: center; color: inherit;}
.header-breadcrumb .jumbotron .jumbotron-body p {font-weight: 300; text-align: center; font-size: 14px; color: inherit;}


/** index */
.company-desc {background-color: #cddaec; padding: 60px 0;}
/*.company-desc .container div:nth-child(1) {padding: 0;}*/
.company-desc h2 {font-size: 30px; font-weight: 600; margin-bottom: 20px; line-height: 36px; margin-top: 25px;}
.company-desc p {font-weight: 300; color: inherit; line-height: 1.6em; margin-bottom: 25px; font-size: 17px;}
.company-desc a {padding: 8px 19px 8px 19px; border:2px solid #555; background: transparent;border-radius: 0px;}
.company-desc a i {padding-right: 12px;}
.company-desc a:hover, .company-desc a:hover i {background: #555;color: #fff; border-color: #555;}


.products-info-nav>ul {margin: 0 auto;display: block;text-align: left;} 
.products-info-nav li {display: inline-block; float: inherit;}
.products-info-nav li svg {/*width: 120px; height: 120px;*/ width: 1em; height: 1em; display: block; margin: 0 auto; fill:#868686; font-size: 110px;}
.products-info-nav li.active svg {fill: #00469c;}
/*.products-info-nav li svg:first-child {width: 96px; height: 96px;}*/
.products-info-nav li>a {text-align: center; font-weight: 600; font-size: 16px;}
.products-info-nav .nav-tabs {border-bottom-width: 0px;}
.products-info-nav .nav-tabs > li a {border-width: 0px; padding: 10px 35px;}
.products-info-nav .nav-tabs > li.active>a {color: #00469c;  border-width: 0px; border-bottom: 2px solid #00469c;background: rgba(0,0,0,.05);}
.products-info-font .nav-tabs > li.active a {font-size: 18px;}
.products-info-nav li.active a > svg.svg-icon path,
.products-info-nav li.active a > svg.svg-icon line,
.products-info-nav li.active a > svg.svg-icon rect,
.products-info-nav li.active a > svg.svg-icon polygon {stroke: #00469c !important;} 
.products-info-nav li.active a > svg.svg-icon.fill-color path {fill: #00469c;}

.products-info-desc {background: #f1f1f1;}
.products-info-desc .tab-content .tab-content-row {padding: 60px 0;}
.products-info-desc .products-slide ol {left:20%;}
.products-info-desc .products-slide ol li {width: 33px; height: 4px; background: #c6c6c6; border-color: #c6c6c6;}
.products-info-desc .products-slide ol li.active {background: #00469c; border-color: #00469c; margin-bottom: 1px;}
.products-info-desc .tab-content-row .col-md-4 {padding-right: 10.5px;}
.products-info-desc .main_img .show-icon .img-icon {margin-bottom: 50px;}
.products-info-desc .container .tab-content .main_img a .image-caption {font-size: 20px; font-weight: 300;}

.index-news {padding: 10px 0 25px 0;}
.index-news h2 {font-size: 36px; font-weight: 600; padding: 25px 0 0 0; text-align: center;}
.index-news .hl-index-video .image-caption {top: 30%; bottom: auto; background: transparent; font-weight: 600; font-size: 26px; color: #fff;}
.index-news .hl-index-video .image-caption span {font-size: 23px; color: #fff; font-weight: 500; letter-spacing: 0.5em;}
.index-news .hl-index-video .show-icon, .index-news .hl-index-video .show-icon .img-icon {opacity: 1; background: transparent;}
.index-news .hl-index-video .show-icon .img-icon {bottom:40%;}
.index-news .hl-index-video .show-icon .img-icon i {font-size: 36px; background: rgba(255,255,255, 0.6); color: rgba(0,0,0, 0.7);}
.index-news .item {margin-bottom: 20px;}
.index-news .item .main_img .image-caption {color: #fff; background: transparent; display: none; top: 20px; left: 10px; bottom: 60%; }
.index-news .item .main_img .image-caption .title {text-align: left; color: #fff; font-size: 16px;}
.index-news .item .main_img .image-caption .title {margin-bottom: 20px;}
.index-news .item .main_img .image-caption .time  {color: #fff; border-top:3px solid #fff; display: inline-block; float: left; padding-top: 5px;}
.index-news .item .main_img .img-icon {left: 61%; top: 70%;}
.index-news .item .main_img .img-icon i {border-radius: 0px; padding: 5px 14px; font-size: 14px;}
.index-news .item:hover .main_img .image-caption {display: block;}

.index-news .news-link {margin: 40px 0 20px 0;}
.index-news .news-link .item {margin-bottom: 20px;}
.index-news .news-link .item i {color: #777;}
.index-news .news-link .media .media-left {width: 30%;}
.index-news .news-link .media .media-body {width: 70%;}
.index-news .news-link .media .media-body h4 a {color: #2e2e2e; line-height: 1.6em; font-size: 16px;}
.index-news .news-link .media .media-body h4 a:hover {color: #00469c;}
.index-news .news-link .media .media-body p {color: #777;}
/** END index */


/** 焦点style media-focus */
.media-focus .main_img .image-caption {background: transparent; display: none; color: #fff; font-size: 22px; font-weight: bold; top:20px; bottom: 60%;letter-spacing: 0.4em;}
.media-focus .main_img .show-icon .img-icon {top: 50%; left:40%;}
.media-focus .main_img .show-icon .img-icon i {border-radius: 0px; padding: 8px 12px; font-size: 14px;}
.media-focus:hover .main_img .image-caption {display: block;}
.media-focus2 .main_img .image-caption { top: 20%;  font-size: 30px;}
.media-focus2 .main_img .show-icon .img-icon {left:43%;}

.index-news .media-focus .main_img .image-caption { top: 23%; bottom:70%; font-size: 26px;}
.index-news .media-focus .main_img .show-icon .img-icon {top: 55%; left:42%;}
.index-news .media-focus .main_img .show-icon .img-icon i {padding: 5px 14px;}


/** news */
.news-body {margin-top: 30px; background: rgba(0,0,0,0.0002);}
.news-body .news-fw {background: #fff; border-right: 1px solid rgba(0,0,0,0.001); }
.news-content {padding: 0 0 0 10%; margin-bottom: 25px;}
.news-body>.single-default>.news-content {padding: 0 25px;}
.news-body>.news-fw>.news-content .media-object {max-width: 300px;}

.news-content .media-left {max-width: 100%; padding-right: 0px; }
.news-content .media {position:relative;}
.news-content .media-body {float: left; max-width: 100%;}
.news-content .media-info { padding: 12px 0; }
.news-content .media-info div {display: inline; line-height: 20px; color: #a8a8a8; font-weight: 300px;}
.news-content .media-info div a, .news-content .media-info div i {color: #a8a8a8;}
.news-content .media-info .news-item:after {content: "/"; margin: 0 5px;}
.news-content .media-body .media-heading {margin: 4px 0 14px 0; letter-spacing: 1px; color: #404040; font-size: 22px;}
.news-content .media-body .excerpt {line-height: 2em; color: #626262; font-weight: 400; margin-bottom: 20px;}
.news-content .media-body .medie-buttom {width: 100%; float: left; padding: 5px; display: block;}
.news-content .media-body .medie-buttom a {color: #0095eb; background: rgba(0,0,0,0.02); text-align: right; font-weight: 400; font-size: 12px;  padding: 8px 0;padding-right: 20px; display: block;}
.news-content .media-body .medie-buttom a:before { content: ""; padding-right: 20px; border-left: 1px solid rgba(0,0,0,0.08);}

.news-sidebar .line {background: rgba(0, 0, 0, 0.09);}
.news-sidebar .sidebar-itme {width: 95%; margin:30px 0; float: right;}
.news-sidebar .sidebar-itme h3 {font-weight: 500; font-size: 18px; color: #444; padding-bottom: 20px;}
.news-sidebar .hengli-category ul {background: #0095eb; list-style-type: square; padding: 5px 10px 15px 30px;}
.news-sidebar .hengli-category ul li {margin-left: .85em; color: #fff;}
.news-sidebar .hengli-category ul li:after {content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.2); position: absolute; left: 30px;}	
.news-sidebar .hengli-category a {color: #fff; display: block; padding: 7px 0 7px 3px;}
.news-sidebar .hengli-information ul li {margin-bottom:10px;list-style:none!important;margin-left:0px;}
.news-sidebar .hengli-information ul li a {text-decoration:none}
.news-sidebar .hengli-information ul li .desc {margin-right:120px;padding:5px 15px;background:#fff;position:relative;min-height:81px;}
.news-sidebar .hengli-information ul li .desc:after{content:"";display:block;position:absolute;right:0;top:0;width:2px;height:100%;background-color:#0095eb;}
.news-sidebar .hengli-information ul li .desc h6 {position:relative;z-index:2;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #f1f1f1; font-size: 14px; line-height: 20px;}
.news-sidebar .hengli-information ul li .desc .date {position:relative;z-index:2; color:#999;}
.news-sidebar .hengli-information ul li .desc .date i {color:#999;}
.news-sidebar .hengli-information ul li .photo {width:120px;height:80px;line-height:0;text-align:center;float:right;position:relative}
.news-sidebar .hengli-information ul li .photo img {max-height: 80px;}
.news-sidebar .hengli-information ul li .photo .c{width:25px;height:25px;line-height:25px;z-index:3;text-align:center;color:#fff;position:absolute;right:-12px;bottom:12px;font-size:11px;-webkit-border-radius:3px;border-radius:3px;background-color:#0095eb;}
.news-sidebar .hengli-information ul li a h6, 
.news-sidebar .hengli-information ul li a .desc .date, 
.news-sidebar .hengli-information ul li a .desc .date i,
.news-sidebar .hengli-information ul li a .desc:after {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.news-sidebar .hengli-information ul li a:hover h6, 
.news-sidebar .hengli-information ul li a:hover .desc .date,
.news-sidebar .hengli-information ul li a:hover .desc .date i {color:#fff;}
.news-sidebar .hengli-information ul li a:hover .desc:after{width:100%;}

/* video */
.catgory-video .video-body .nav-tabs li.active {background: #00469c;}
.catgory-video .video-body .nav-tabs > li.active a {border-bottom-width: 0px; }
.catgory-video .video-body .nav-tabs li:hover, .catgory-video .video-body .nav-tabs li a:hover {background: #00469c; color: #fff;}
.catgory-video .video-body .nav-tabs li a {font-weight: 500;}
.catgory-video .video-body .nav-tabs li.active a {color: #fff;}
.catgory-video .tab-content {padding-top: 40px;}
.catgory-video .tab-body .thumbnail {border-width: 0px;}
.catgory-video .tab-body .thumbnail .caption {background: #f2f2f2;}
.catgory-video .tab-body .thumbnail .caption h4 {color: #808080; font-size: 16px;}
.catgory-video .tab-body a:hover, .catgory-video .tab-body a:hover .thumbnail .caption h4 {color: #00469c; text-decoration: none;}
.catgory-video .tab-body .thumbnail .main_img .show-icon .img-icon i {padding:12px 12px 12px 16px; font-size: 18px;}
/** END news */

/** single default*/
.news-single {padding: 0px;}
.news-single h1 {text-align: left; font-size: 22px;}
.news-single .news-content h1 { padding-bottom: 10px; }
.news-single .news-content .media-info {margin-bottom: 20px;}
.news-single .news-content p { font-size: 16px; line-height: 1.88em; color: #221814; margin-bottom: 10px;}
.default-single-content h4 {margin-bottom: 10px;}
/** END single */

/** investor 投资资讯*/
.notice-header {margin: 20px 0 40px 0;}
.notice-icon {text-align: center;}
.notice-icon a img { max-width: 120px;}
.notice-icon a .notice-title {font-size: 18px;}
.notice-body .thumbnail {position: relative; border-width: 0px;}
.notice-body .thumbnail span {position: absolute; top:26%; padding: 30px 20%; padding-top: 20px; font-size: 16px; color: #555;}
.notice-body .thumbnail span .more {font-size: 12px; border: 1px solid #eee; padding: 0px 10px; border-radius: 25px;display: none;}
.notice-body .thumbnail:hover span .more {display: inline-block;}
.notice-body .thumbnail:hover span, .notice-body .thumbnail:hover span .more {color: #fff;}
.notice-body .thumbnail span .more:hover {background: #fff; color: #00469c; text-decoration: none;}
.notice-body .thumbnail .caption h3 {font-size: 16px; color: #333; margin-bottom: 15px;}	
.notice-body .thumbnail .caption h3 a:hover {text-decoration: none;}
.notice-body .thumbnail .caption p {text-align: center;}
.notice-body .thumbnail .caption .btn {padding: 6px 40px; border-color: #666; color: #333;}
.notice-body .thumbnail .caption .btn i {display: none;}
.notice-body .thumbnail .caption .btn:hover i {display: inline-block; color: #fff;}
.notice-body .thumbnail .caption .btn:hover {background: #00469c; color: #fff; border-color: #00469c;}
/** END investor */

/** products 产品 */
.main-container {padding-top: 20px;}
.main-container ul {list-style-type: disc; margin-bottom: 20px;}
.main-container ul li {margin-left: 40px;}
.main-container .description p {padding: 0px 15px;}
.main-container .main {padding-top: 20px;}
.main-container .main .thumbnail { border-radius: 0px; border-color: #f1f1f1; padding: 0px;}
.cat-main .title {line-height: 1.2em; font-weight: bold;}
.cat-main .info {padding-top: 20px;}
.cat-main .item .carousel-caption {background: rgba(0,70,156,.5); width: 100%; left:0px; right: 0px; bottom:0px;}
.cat-main .item .carousel-caption h3 {color: #fff;}
.cat-main .carousel-indicators {bottom: 5px;}
.cat-main p {margin: 0px 0px 10px;}
.cat-main .glyphicon {color: #fff;}
.cat-main .carousel-control {background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.5) 100%);}
.cat-main .carousel-control .glyphicon-chevron-right,.cat-main .carousel-control .glyphicon-chevron-left {font-size: 14px;}
/** END products */

/** GLOBAL */
.global a  {color: #337ab7;}


/** TAB */
.tab-header { margin: 40px 0 20px 0; }
.tab-header ul {border: 0px;}
.tab-header ul li a {color: #221814;}
.tab-header .nav-tabs>li.active>a,
.tab-header .nav-tabs>li>a:hover,
.tab-header .nav-tabs>li.active>a:focus, 
.tab-header .nav-tabs>li.active>a:hover {color: #777; border-color: #fff; border-bottom: 1px solid #00469c; background: transparent;}
.tab-header-2 {margin-top: -50px;}
.tab-header-2 .nav-tabs > li a {padding: 10px;}
.tab-header-2 .nav-tabs{border-bottom-width: 2px; border-color: rgba(0,0,0,.05);}
.tab-mian-2 {margin-top: 30px;}
.tab-mian-2 h4 a {font-size: 12px; color:#00469c;}
.single-tab {padding: 10px 0 30px 0; margin:30px 0 20px 0;}
.single-tab .tab-header .nav-tabs {border-bottom: 1px solid #00469c;}
.single-tab .tab-header .nav-tabs>li>a, .single-tab .tab-header .nav-tabs>li>a i {color: #221814;}
.single-tab .tab-header .nav-tabs>li.active>a, .single-tab .tab-header .nav-tabs>li>a:hover {background-color: #00469c; color: #fff;}
.single-tab .tab-header .nav-tabs>li.active>a i {color: #fff;}
.single-tab .tab-header .nav-tabs>li>a:hover i {color: #fff;}
.single-tab #download img { display: inline-block; margin-left: 10px; float: right;}
.single-tab #download a {color: #00469c; display: block; padding: 5px; /*margin-bottom: 15px;*/ background:transparent; width: 100%; line-height: 34px;}
.single-tab #download a:hover {/*background: #eee;*/}
.single-tab #download a button.btn-default {background: #00469c; color: #fff}
.single-tab #download a button.btn-default i {color: #fff}
.tab-body .thumbnail {border-radius: 0px; border-color: #f1f1f1; padding: 0px;}
.tab-body h4 {line-height: 2.6em; font-size: 16px;}
.tab-body .thumbnail .description {font-size: 12px; color: #777;}
.tab-body table {background: #fff;}
.tab-body .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {border-color: #f3f3f3 !important; border:1px solid red;s}
/** END TAB */

/** page 分页 */
.page {padding: 0 4%; text-align: center;}
.page .pagination li a, .page .pagination .page-numbers {border:0px; padding: 8px 12px; font-weight: 400; font-size: 12px; color: #626262; border:2px solid #fff; border-radius: 0px; margin: 0 3px;}
.page .pagination li .current, .page .pagination li .current:hover {background: #00469c;color: #fff; border-color: #00469c;}
.page .pagination li a:hover {border:2px solid rgba(0,0,0,.4); background: #fff;}
/** END page */


/** footer */
.footer {background: #00479d;}
.footer .footer-body {padding: 40px 0;}
.footer .footer-body .footer-item {width: 14.2%; float: left; padding: 0 2%;}
.footer .footer-body .footer-item h2 {font-size: 22px; color: #fff; line-height: 1.3em; display: block; margin: 0.83em 0; font-weight: 400;}
.footer .footer-body .footer-item ul {padding: 4px 0 0 8px;}
.footer .footer-body .footer-item ul li {width: 100%; margin:0 0 0.83em 0;}
.footer .footer-body .footer-item ul li a {color: #fff;}
.footer .sub-footer {background: #dcdddd; padding: 20px 0;}
.footer .sub-footer .footer-copyright {color: #51484b;}
.footer .sub-footer .footer-nav li {display: inline-block; float: right; padding-left: 20px;}
.footer .sub-footer .footer-nav li a {color: #51484b;}
.footer .footer-copyright {text-align: center;}

/** mobile */
.mobile-products {padding: 10px 8px;}
.mobile-products h2 {font-size: 30px; font-weight: 600; text-align: center; padding: 25px 0 15px 0;}
.mobile-products .item {margin-top: 15px;}


/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
	.hengli-header .nav-logo {padding-left: 0px;}
	.hengli-header .navbar-header {height: 76px;line-height: 76px; position: relative;}
	.hengli-header.navbar-default .navbar-toggle {position: absolute; top: 0px; right: 0px;}
	.hengli-header {/*border-bottom-width: 2px;*/ /*border-bottom-color: #BCBDC0;*/}
	.hengli-header .navbar-nav>li {border-bottom: 0px;}
	.hengli-header .navbar-nav>li>a {/*height: 75px !important;*/height: 76px !important;/*line-height: 45px;*/line-height: 40px;padding-right: 20px; padding-left: 20px; margin: 0 0 0 10px; letter-spacing: 2px; font-size: 18px; font-weight: 400;}
	/*.logo-display {display: none;}*/
	/*.hengli-header .navbar-nav>li:first-child>a {margin-left: 0px;}*/
	.hl-clearfix {height: 106px;}
	.breadcrumb li:last-child {display: inline;}

	.products-info-nav li svg {font-size: 84px;}

	/** PC 导航2 */
	.hengli-header-pc .navbar-nav>li {border-left: 1px solid transparent; border-right: 1px solid transparent;}
	.hengli-header-pc .navbar-nav>li:hover {border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
	.hengli-header-pc .navbar-nav>li>a{margin-left: 0px; margin-right: 0px;}
	#menu-item-12>.sub-menu{width: 158%;}


	/** index */
	.company-desc h2 {margin-top: 0px;}
	.company-desc {padding: 70px 0 50px 0;}
	.products-info-nav .nav-tabs > li a {padding: 10px 15px;}
	.index-news h2 {padding: 25px 0 35px 0;}
	.index-news .news-link .item {padding-left: 0px;}
	.index-news .hl-index-video .image-caption {top: 10%; font-size: 21px;}
	.index-news .hl-index-video .image-caption span {font-size: 20px;}

	/** news */
	.news-single h1 {font-size: 30px;}
	.news-body {margin-top: 40px; background: rgba(0,0,0,0.02);}
	.news-content {margin-bottom: 50px;}
	.news-content .media-left{float: left; max-width: 35%;}
	.news-content .media-body{float: left; max-width: 64%; padding-left: 35px;}
	.news-content .media-body .media-info { padding: 0px; }
	.news-content .no-img {max-width: 100% !important; padding-left: 0px;}
	.news-content .media-body .media-heading {margin: 20px 0; font-size: 24px;}
	/** end news */
	.main-container {padding-top: 50px;}
	.footer {margin-top: 50px;}


}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
	.products-info-nav .nav-tabs > li a {padding: 10px 30px;}
	.index-news .hl-index-video .image-caption {top: 26%; font-size: 26px; padding-left: 25px;}
	.index-news .hl-index-video .image-caption span {font-size: 21px;}
	.hl-clearfix {height: 115px;}
	.header-breadcrumb .jumbotron .jumbotron-body {padding:50px 0px;}
	.news-body .news-fw {background: #fff; border-right: 1px solid rgba(0,0,0,0.05); }
	.cat-main p {padding-right: 20px;}
	/** investor 投资资讯*/
	.notice-header .thumbnail span {padding: 10px 15%;}
	/** END investor */
	.tab-header-2 .nav-tabs > li a {padding: 10px;}

	/** footer */
	.footer .footer-copyright {text-align: left;}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	.products-info-nav .nav-tabs > li a {padding: 10px 37.2px;}
	.tab-header-2 .nav-tabs > li a {padding: 10px;}
	.products-info-nav li svg {font-size: 110px;}
}

/* 大于等于 1420px） */
@media (min-width: 1420px) {
	.news-content .media-body .medie-buttom-img {position: absolute; bottom: 0;}
	.news-content .media-body .medie-buttom-img a {width: 61%;}
}

/** lodaing */
#lodaing, #lodaing .modal-dialog, #lodaing .modal-content, #lodaing .modal-content .modal-body{background: transparent;}	
#lodaing .modal-content {box-shadow:0 3px 9px rgba(0,0,0,.001); border-width: 0px;}
.load6 {margin: auto 0;text-align: center;background: transparent;}
.load6 > div {width: 30px;height: 30px;background-color: #eee;border-radius: 100%;display: inline-block;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.load6 .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.load6 .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
	0%, 80%, 100% {
	    transform: scale(0.0);
	    -webkit-transform: scale(0.0);
	} 40% {
	    transform: scale(1.0);
	    -webkit-transform: scale(1.0);
	}
}

/* img style */
.main_img{
	/*height: 373.78px;*/
	overflow:hidden;
	position: relative;
}
.main_img img{
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:0;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show-icon {
    background: rgba(0,70,156,.7);
    height:100%;
    width:100%;
    left: 0;
    opacity:0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    z-index: 2;
}
.main_img .show-icon .img-icon {
    left: 45%;
	bottom:0;
    margin: 0px 0px 0px 0px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show-icon .img-icon i{
	color:rgba(255,255,255, 0.8);
	display:block;
	/*padding:5px 12px;*/
	padding: 12px 12px 12px 14px;
	border:rgba(255,255,255, 0.7) 2px solid;
	/*border-radius:8px;*/
	border-radius: 50px;
	font-size: 16px;
}
.main_img .show-icon .img-icon i:hover{
	background: rgba(255,255,255, 0.7);
	color:#00469c;
}
.main_img:hover .show-icon {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show-icon .img-icon{opacity:1;filter:alpha(opacity=100);bottom:50%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.main_img .image-caption {
	position: absolute;
	width: 100%;
	bottom: 0;
	display: block;
	background: #dcdddd;
	color: #222;
	font-weight: 600;
	padding: 12px 8px;
	text-align: center;
	z-index: 3;
}

/* main_img样式 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
	.main_img:hover .show-icon .img-icon{opacity:1;filter:alpha(opacity=100);bottom:40%;}
}