/*
Theme Name: HOKO
Theme URI: https://wordpress.org/themes/tech/
Author: the hoko team
Author URI: http://hokomind.com/
Description: Our 2017 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: tech

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@charset "utf-8";
*{margin: 0;padding: 0;}
html,body{ margin-top: 0px !important; font-family: "微软雅黑","宋体" !important;overflow-x:hidden}

a:hover,a:focus{
    text-decoration: none;
}
ul li{
    list-style: none;
}
ul,li,h3{
    margin: 0;padding: 0;
}
.logo{
    margin-top: 10px;
    display: inline-block;
}

.show{
    display: block;
}
/* 轮播图固定大小 */
.metaslider{
	max-width: 100%!important;
}

.swiper-container {
    width: 1400px;
    height: 300px;
}    
/*导航*/
.icon{
    top: 46%;
    right: 0;
    position: absolute;
    display: inline-block;
    background: url("images/icon.png");
    width: 10px;
    height: 5px;
}
.navbar_menu{
    top: 70px;
    display: none;
    position: absolute;
    z-index: 9;
    background: #fff;
}
.navbar_menu>li>a{
    padding: 0 20px;
    color: #333;
}

.sub-menu{
	text-align:center;
    top: 70px;
    display: none; 
    position: absolute;
    z-index: 9;
    background: #fff;
}
#menu-item-32>.sub-menu>#menu-item-2165>.sub-menu{
	top:0;
	left:130px;
	visibility:hidden;
}
#menu-item-2160>.sub-menu{
	top:70;
	left:15px;
	visibility: inherit !important;
}
.menu-item-2160{
	background-color:#fff
}
.sub-menu>li>a{
    padding: 0 20px;
    color: #333;
}
.navbar{
    margin-bottom:0;
    background: #fff;
    border: 0px;
    border-radius: 0;
    line-height: 50px;
    box-shadow: 0 3px 12px rgba(0,0,0,.175);
}
@media (max-width: 768px){
    .navbar-default .navbar-toggle{
        margin-top: 20px;
    }
    .navbar-nav {
        float: left;
    }
}
.navbar-default .navbar-nav>li>a {
    position: relative;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
 .navbar-default .navbar-nav>li>a:hover{
    color: #15559d;
}
.navbar-default .navbar-nav>li{
    padding: 10px 15px;
}
.navbar-default .navbar-nav>li>a{
    padding-left: 0;
    width: 130px;
    padding-right: 0;
    text-align: center;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{
    padding-left: 0px;
    width: 90px;
    background: #fff;
    color: #15559d;
    border-bottom: 1px solid #15559d;
    padding-right: 0px;
    text-align: center;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    font-size: 18px;
    color: #15559d;
    background: #fff;
}
.dropdown-menu{
    min-width: 120px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 22px;
}
.dropdown-menu>li>a:hover{
    color: #15559d;
    background: transparent;
}
.img-responsive{
    width: 88%;
    height: 100%;
}
.navbar-brand{
    display: inline-block;
    background: url("images/logo.png");
    width: 83px;
    height: 67px;
    margin-right: auto;
}
.navbar-nav{
    float: right;
    margin-top: 5px;
}
.navbar-nav li{
    width: 130px;
}

li#menu-item-356 {
    width: 200px;
}
li#menu-item-368 {
    width: 200px;
}
li#menu-item-369 {
    width: 200px;
}
li#menu-item-370 {
    width: 200px;
}
li#menu-item-371 {
    width: 200px;
}
li#menu-item-372 {
    width: 200px;
}
li#menu-item-414 {
    width: 140px;
}
li#menu-item-1098{
    width:140px;
}
li#menu-item-415 {
    width: 140px;
}
li#menu-item-416 {
    width: 140px;
}
#menu-item-527 {
    width: 140px;
}
#menu-item-500{
    width:430px
}
#menu-item-501{
    width:430px
}
#menu-item-32 .sub-menu{
    /* margin-left: -5px; */
}
/* 核心优势 */
#menu-item-759{
    height:0;
    width:300px !important;
    position: absolute;
    top:-35px;
    left:15px
}
/* #menu-item-527{
    margin-top:20px
} */
/* 核心技术 */
#menu-item-760{
    height:0;
    width:300px !important;
    position: absolute;
    left:15px;
    top:35px;
}

/* #menu-item-500{
    margin-top:24px;
} */
/* 原油采购系统 */
/* 炼化篇 */
#menu-item-743{
    height:0px;
    width:200px !important;
    position: absolute;
    left:15px;
    top:-28px   
}
#menu-item-744{
    height:0px;
    width:230px !important;
    position: absolute;
    left:195px;
    top:-28px   
}
#menu-item-745{
    height:0px;
    width:280px !important;
    position: absolute;
    left:15px;
    top:2px   
}
#menu-item-746{
    height:0px;
    width:280px !important;
    position: absolute;
    left:195px;
    top:2px   
}
#menu-item-747{
    height:0px;
    width:280px !important;
    position: absolute;
    left:15px;
    top:32px   
}
#menu-item-748{
    height:0px;
    width:280px !important;
    position: absolute;
    left:195px;
    top:32px   
}
#menu-item-749{
    height:0px;
    width:280px !important;
    position: absolute;
    left:15px;
    top:62px   
}
#menu-item-750{
    height:0px;
    width:280px !important;
    position: absolute;
    left:195px;
    top:62px   
}

/* 炼化篇 */

/* 热电篇 */
#menu-item-501{
    margin-top:120px;
    margin-bottom:50px;
    box-sizing: border-box
}
#menu-item-735{
    height:0px;
    width:280px !important;
    position: absolute;
    left:15px;
    top:138px   
}
#menu-item-736{
    height:0px;
    width:280px !important;
    position: absolute;
    left:195px;
    top:138px   
}
#menu-item-737{
    height:0px;
    width:280px !important;
    position: absolute;
    left:15px;
    top:168px;
}
#menu-item-738{
    height:0px;
    width:280px !important;
    position: absolute;
    left:195px;
    top:168px   
}
#menu-item-741{
    height:0;
    width:360px !important;
    position: absolute;
    left:15px;
    top:198px; 
}
#menu-item-740{
    visibility:hidden;
}
/* 在线服务 */
#menu-item-809{
    width:430px;
    margin-top:90px;
    box-sizing: border-box  
}
/*banner图*/
.banner{
    margin-left:auto;
    margin-right:auto;
    /* margin-top: 115px; */
    margin-top: 76px !important;
    margin-bottom: 30px;
}
.about_us{
    padding-bottom: 70px;
}
.about_title{
    margin-top: 50px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 50px;
}
.pro{
    border: 1px solid #DDDDDD;
    padding: 7px 15px;
}
.list{
    cursor:pointer;
    font-weight: bold;
    padding: 14px 0;
}
.list>.row{
    display: none;
    padding-top: 16px;
}
.list .more{
    float: right;
    color: #175299;
    font-weight: normal;
    font-size: 12px;
    cursor:pointer;
}
.pro_pic{
    margin: 15px 0;
}
.pro_pic img{
    width: 100%;
    height: 327px;
}
.pro_text{
    font-weight: normal;
    min-height: 180px;
    font-size: 14px;
    margin: 15px 0;
    line-height: 25px;
}
.profile span{
    display: block;
    float: right;
    margin-right: 5px;
}
/*新闻中心*/
.news{
    padding: 10.5px 15px;
    border: 1px solid #DDDDDD;
    margin-top: 0px;
}
.news_center{
    position: relative;
}
.more_news{
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 16px;
}
.more_news a{
    color: #999999;
}
.more_news a:hover{
    color: #15559d;
}
.row_news1{
    padding: 8px 0px;
    border-bottom: 1px solid #DDDDDD;
}
.row_news2{
    padding: 8px 0px;
    border-bottom: 1px solid #DDDDDD;
}
.row_news3{
    padding: 8px 0px;
}
.news_pic{
    margin-left: 0px;
    height: 100px
}
.news_pic_col{
    padding-right: 5px;
}
.news_text{
	margin-left: 50px;
}
.news_text h3{
    line-height: 1.4;
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}
.news_text div{
    font-size: 12px;
    min-height: 54px;
    line-height: 18px
}

.news_text a{
    color: #14549D;
}
/*解决方案*/

.solution{
    padding: 60px 70px 100px 70px;
    background: #f6f6f6;
}
.solute_title{
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;
}

.solute_title_english1 h1{
    margin: -40px 448px 0px 448px;
    text-align: center;
    background-color: #f6f6f6;
}
.solute_title_english1 hr{
     margin-left: -380px;
     margin-right: -380px;
    border-top: 1px solid #DDDDDD;
 }
.solute_title_english2 hr{
    margin-left: -380px;
    margin-right: -380px;
    border-top: 1px solid #DDDDDD;
}
.solute_title_english2 h1{
    margin: -40px 468px 0px 468px;
   /* top: 30px;*/
    /*font-size: 26px;*/
    text-align: center;
    background-color: #ffffff;
}
.solute_title_english1{
    margin-bottom: 50px;
}
.solute_title_english2{
    margin-bottom: 50px;
}
.product_title{
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;
}
.programme_words{
    background: linear-gradient(45deg, #515151 25%, #676767 0, #676767 50%, #515151 0, #515151 75%, #676767 0);
    background-size: 4px 4px;
    height: 215px;
     text-align: center;
}
.programme_words_a{
    color: #ffffff;
}
.programme_words_a:hover{
     color: #ffffff;
 }
.programme_words h3{
    padding: 70px 0px 20px 0px;
    font-size: 26px;
    font-weight: bold;
}
.programme_words p{
    margin-bottom: 15px;
    font-size: 16px;
}
.img_programme1{
    width: 100%;
    height: 215px;
}
.row_programme1{
    padding-left: 0px;
    padding-right: 0px;
}
/*产品及服务*/
.pro_service{
    padding: 15px 70px 50px;
}
.product{
    margin-bottom: 30px;
    text-align:center;
    border: 1px solid #DDDDDD;
    min-height: 300px;
}
.product img{
    /* margin:60px auto; */
    display:block;
}
.product h3{
    font-size: 16px;
    text-align: center;
    margin: 30px auto;
}
/*footer*/
.foot{
    background: url("images/foot.png") no-repeat;
    background-size:cover;
 /*   margin-top: 100px;*/
    padding: 50px 30px 50px 30px;
    text-align: center;
}
#menu-footer-menu>li{
    display: inline-block;
    margin: 0px 30px;
    float: left;
}

#menu-footer-menu{
    float: left;
}
#menu-footer-menu>li>a{
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;

}
.child-menu {
    margin-top: 15px;
    padding: 10px 0px;
    border-top: 1px solid #ffffff;
    text-align:left !important
}
.child-menu>li>a{
    font-size: 14px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
}
.foot_company_information span{
    color: #999999;
    display: block;
    float: left;
    font-size: 14px;
    margin: 16px 0px;
}
.foot_company_information{
    border-top: 1px solid #666666;
    width: 1150px;
    margin: 0px auto;
    /*padding: 15px 0px;*/
}
.foot a{
    color: #ececec;
}
.foot a:hover{
    color: #fff;
}
.foot_list>li>a{
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    display: inline-block;
    border-bottom: 1px solid #ececec;
}
.list_menu{
    min-height: 120px;
    margin-top: 12px;
}
.list_menu>li>a{
    font-size: 14px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
/*新闻中心*/
.main{
    margin-top: 110px;
    background: #f1f1f1;
}
.nav_menu,.news_cont{
    background: #fff;
}

.main .container{
    margin: 50px auto;
}
.nav_menu li{
    /* padding: 0 20px; */
}
.nav_menu li p{
    line-height: 60px;
    width: 100%;
    /* display: inline-block; */
    display: none;
    text-align: center;
    font-size: 16px;
 /*   color: #333333;*/
    height: 60px;
    margin: 0px;
    color: #ffffff;
}
.nav_menu li p a{
    color:#fff
}
.nav_menu li a{
    line-height: 60px;
    width: 100%;
    display: inline-block;
    text-align: center;
    /* font-size: 16px; */
    /* color: #333333; */
    height: 60px;
    font-size: 18px;
    color: #0c559d;
}
.nav_menu li a:hover{
    background-color: rgb(248,248,248) !important;
    color:#15559d
}
.cat-item-70 a,
.cat-item-71 a,
.cat-item-72 a,
.cat-item-84 a,
.cat-item-73 a,
.cat-item-74 a,
.cat-item-75 a,
.cat-item-76 a,
.cat-item-77 a{
    font-weight:500 !important
}
.cat-item-85 a,
.cat-item-86 a,
.cat-item-87 a{
    font-weight:500  !important
}
.cat-item-88 a{
    font-weight:500 !important
}

/* 二级导航加粗 */
/* .cat-item-66 a,
.cat-item-69 a,
.cat-item-67 a,
.cat-item-68 a{
    font-weight:700
} */
/* #menu-item-499 a,
#menu-item-527 a,
#menu-item-500 a,
#menu-item-501 a,
#menu-item-809 a{
    font-weight:700
} */

/* 三级导航不加粗 */
#menu-item-743 a,
#menu-item-744 a,
#menu-item-745 a,
#menu-item-746 a,
#menu-item-747 a,
#menu-item-748 a,
#menu-item-749 a,
#menu-item-750 a,
#menu-item-735 a,
#menu-item-736 a,
#menu-item-737 a,
#menu-item-738 a,
#menu-item-741 a{
    font-weight:500
}
.nav_menu li p a:hover{
    background-color: transparent !important;
    color:#fff;
}
.col-lg-2 {
    width: 21.666667%;
}

.col-lg-10 {
    width: 77.333333%;
}

.cat-item a,.cat-item-6 a,.cat-item-5 a,.cat-item-11 a
,.cat-item-14 a,.cat-item-18 a{
    /* border-bottom: 1px solid #DDDDDD; */
}
.cat-item-89 a{
    border-top: 1px solid #DDDDDD;
    font-weight:700 !important
}
.cat-item-68{
    border-top: 1px solid #DDDDDD;
    margin-top:20px

}
.cat-item-28 a{
    border-top: 1px solid #DDDDDD;
}

.cat-item-26 a{
    border-bottom: 0px solid #DDDDDD;
}

.cat-item-77 a{
    padding-right:10px;
}
.nav_menu li:nth-child(1){
    background: url("images/nav.png");
    background-size: cover;

}
.nav_menu li.active a{
    color:#15559d ;
}
.nav_menu .current-cat>a{
    /* color:#15559d;
    background-color: rgb(248,248,248); */
    color:#ffffff;
    background-color: #0c559d;
}
.news_cont{
    padding: 26px 30px 100px 30px;
}
.news_cont>h3{
    font-size: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ddd;
}
.news_cont_list{
    margin: 40px -15px;
}
.news_list_text{
    color: #333;
}
.news_list_text>h3{
    font-weight: bold;
    margin: 10px 0;
    font-size: 16px;
}
@media (max-width: 768px){
    .nav_menu li.on{
        padding: 0 10px;
    }
    .nav_menu li.on>a{
        font-size: 14px;
    }
    .news_cont{
        margin-left: -15px;
    }
}
.news_list_text>div{
    margin-top: 16px;
}
.news_list_text>p{
    color: #666666;
}
/*关于我们*/
.cont_text{
    margin: 30px 0;
}
.cont_text p{
    font-size: 16px;
   /* text-indent: 2em;*/
}
.cont_pic{
    padding: 0 80px;
}
@media (max-width: 768px){
    .cont_text p{
        font-size: 14px;
        text-indent: 2em;
    }
    .cont_pic{
        padding: 0;
    }
}

.wp-pagenavi a:hover{
    background-color: #49A5F7;
    color: #ffffff;
    border: #666666;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #999999;
    padding: 7px 12px;
    margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    padding: 7px 12px;
    border-color: #49A5F7;
    color: #ffffff;
    background-color: #49A5F7;
}

/* 分类目录的bannner图片*/
.banner-cat {
    position: relative;
    margin-top: -35px;
	 width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	
}
.banner-cat img {

	width:100%;
	height:100%;
	
}
.qrcode {
   position: absolute;width: 120px;margin-top: 10px;left:1052px
}
.qrcode2 {
    position: absolute;
    width: 120px;
    margin-top: 10px;
    left:1184px
}
.scroll-outer{height:280px;}
#scroll{width:1170px;margin:0 auto;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:330px;height:230px;margin:0 auto;background-color:#fff;overflow:hidden;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;}
#scroll .shd a{display:block;width:330px;height:100px;}
#scroll .txt{position:absolute;left:0;bottom:0;width:330px;height:30px;padding:0 50px;color:#888;text-align: center;}
#scroll h3{width:226px;height:25px;margin-bottom:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#15559d;}
#scroll p{width:226px;height:54px;line-height:18px;font-size:12px;}
#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
/*#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}
*/.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;color: black;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;color: black;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<"; }
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">"; }


/*人力资源*/
.team_cont_list {
    padding: 30px 0px;
    border-bottom: 1px solid #ddd;
}
.team_list_text{
    display: inline-block;
    color: #666666;
}
.team_list_text h3{
    font-size: 18px;
    margin-bottom: 15px;
}
.view_more{
    display: inline-block;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}
.view_more button{
    padding: 6px 20px;
    border: 1px solid #337ab7;
    background-color: #ffffff;
    color: #337ab7;
}


/*从flexslider.css截取*/
.metaslider .flexslider {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 40px 0;
    max-width: none;
    max-height: none;
}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }


.black_nav{
   /* background-color: #333333;*/
    width: 100%;
    overflow: hidden;  
    background: -webkit-linear-gradient(left top, #17539B ,#81BAD7,#17539B);     
    background: -moz-linear-gradient(left top, #17539B ,#81BAD7,#17539B);     
    background: -o-linear-gradient(left top, #17539B ,#81BAD7,#17539B);     
    background: -ms-linear-gradient(left top, #17539B ,#81BAD7,#17539B);     
    background: linear-gradient(left top, #17539B ,#81BAD7,#17539B);   
}
.black_nav_span1{
    float: left;
    font-size:12px;
}
.black_nav_span2{
    float: right;
    font-size: 14px;
}

.black_nav_span2 a{
    color: #fff;
}

.black_nav span{
   color: #fff;
    line-height: 35px;
}

.speech_cont_tittle,.tec_cont_tittle {
    text-align: center;
    margin: 50px 0px;
}
.speech_cont_tittle h3,.tec_cont_tittle h3{
    color: #666666;
}
.speech_cont_section p{
    margin: 0 0 5px;
    line-height: 27px;
    text-indent: 2em;
    font-size: 16px;
    color: #666;
	text-align:justify;
}

.culture_text_part {
    text-align: center;
    padding: 30px 40px;
}

.culture_text_part p {
    width: 194px;
    font-size: 16px;
    height: 50px;
    color: #666;
}
.culture_cont_text table{
    border-collapse: collapse;
    border: 0px solid #ddd;
}

.culture_cont_text table td {
    border-top: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 0;
}
/* 图片 */
.cont_text>p>img{
	width:100% !important;
	height:100% !important;
}
table tr.lastrow td {
    border-bottom: 0;
}

table tr td.lastCol {
    border-right: 0;
}
table tr td.lastRow {
    border-bottom: 0;
}

.culture_text_part h4{
    margin: 40px 0 15px 0;
    font-weight: bold;

}
.profile_cont_text {
    overflow: hidden;
}
.profile_text_right img{
    max-width: 300px;
    max-height:455px;
    margin-top:15px
}
.profile_text_left p {
    margin: 0 0 21px;
    line-height: 1.9 !important;
    text-indent: 2em;
    font-size: 16px;
    color: #666 !important;
}

.intro-content{
  margin: 20px;
}
.pic{
    margin-top:81px;
  margin-left: 16px;
  padding: 4px;
  float: right;
}
.intro-title{
  font-size: 29px;
}
.intro-main>p{
padding-top:15px;
  line-height: 2;
  font-size: 16px;
  text-indent: 2em;
}
.blue{
  color: #15559d;
}
.intro-subTitle{
  margin-top: 0px;
}
.intro-subTitle h3{
  position: relative;
  background: #15559D;
  color:#fff;
  display: inline-block;
  font-size: 18px;
  padding: 6px 18px;
  margin-bottom: 15px;
}
/* .intro-subTitle h3::before{
  top: 0;
  position: absolute;
  height: 36px;
  content: "";
  display: block;
  width: 4px;
  background: #15559d;
  left: 0; 
} */
.intro-title{   
     margin-bottom:0 !important;
}
.intro-subTitle{
    padding-top:10px !important
}
.intro-subTitle>p{
  margin-top: 8px;
  margin-left: 20px;
  line-height: 1.8;
  color: #333;
  font-size: 16px !important;
}
.intro-subTitle .circle{
    display:inline-block;
    width:9px;
    height:9px;
    background-color: #15559d;
    border-radius: 50%;
    margin-right:8px;
}
.intro-subTitle .texing{
    font-size:16px !important
}
.intro-subTitle .bluetitle{
    font-size:17px !important;
    color:#15559d;
    margin-top:30px !important
}
.intro-subTitle .red{
    color:#E87775 !important;
    font-size:17px !important;
}
.intro-subTitle .bgc{
    display:inline-block;
    height:26px;
    line-height:26px;
    width:97px;
    background-color: #15559d;
    border-radius:0 10px 10px 0;
    color:#fff;
    margin-right:7px;
    padding-left:8px
}
.intro-subTitle>img{
	width:100% !important;
	height:100% !important;
	margin-left:0px !important;
}
.intro-main .english{
    font-size:18px;
    text-indent: 0 !important;
    padding-top:5px
}
/* yanliexiang */
.tip{
  display: inline-block;
  font-size: 14px;
  position: relative;
  background: #eef7fd;
  padding: 4px 8px;
  margin: 25px 0 18px 0;
}
.tip::before{
  top: 0;
  position: absolute;
  height: 26px;
  content: "";
  display: block;
  width: 4px;
  background: #15559d;
  left: 0; 
}
.tip-menu li{
  padding: 0 4px;
  display: inline-block;
}
.intro-main>p.small{
  font-size: 16px;
}
.intro-main>p.expert{
    padding-top:26px !important;
    padding-right:20px;
    margin-bottom:0
}
.direction-menu>li>h4{
  margin: 8px 0 8px 20px;
  padding-left: 20px;
  position: relative;
  font-size: 18px;
  color: #15559d;
}
.direction-menu>li>h4::before{
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  border-width:8px;
  border-color:transparent transparent transparent #15559d;
  border-style: solid 
}
.direction-menu>li>p{
    line-height:2;
  font-size: 16px;
  color: #666;
  margin-left: 40px;
}
/* chenxianfeng */
.cup-menu>li{
  font-size: 14px;
  color: #15559d;
  margin: 6px 0;
}
.cup-menu>li img{
  margin-right: 6px;
}
.table-pic{
  margin-top: 20px;
}
.partTwo{
  font-size: 14px;
}
.partTwo p,.partTwo h6,.partTwo span{
  line-height: 1.8;
}
.partTwo-text{
  margin-top: 20px;
}
.partTwo-text>p{
  text-indent: 1em;
}
.part-blue{
  color: #15559d;
}

.catitem {
    color:#15559d !important;
}


/*产品及服务里面的页面样式*/
.children{
    margin-left: 20px;
    min-height:55px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.children li{
    padding: 0;
   /* height: 25px; */
    margin-left: -10px;
}
.cat-item{
    /* padding:0 5px!important; */
}
.cat-item-68{
    padding-bottom:15px !important;
    box-sizing: border-box;
    height:233px !important
}
.children li a{
    line-height: 30px;
    font-size: 12px;
    color: #333;
    text-align: left;
    border-bottom: none;
    height: 30px;
}
.current-cat{
    color: blue;
}
.children li:nth-child(1) {
    background: url('');
    background-size: cover;
    color: #333;
}

.tec_cont_section p{
    margin: 0 0 5px;
    line-height: 27px;
    text-indent: 2em;
    color: #15559d;
}
.tec_cont_text{
    padding-left: 40px;
}
.tec_text_part {
    text-align: center;
    padding: 30px 40px;

}

.tec_text_part p {
    height: 50px;
    color: #666;
    text-align: left;
    margin-bottom: 40px;
}
.tec_cont_text table tr td{
    width: 370px;
}
.tec_text_part  h4{
    margin-top: 40px;
    margin-bottom: 20px;
    color: #15559d;
}
.tec_text_part .seeDetail{
    padding: 4px 20px;
    border: 1px solid #15559d;
    color:  #15559d;
}
.box-Shadow {
    -webkit-box-shadow: #999 0px 0px 8px;
    -moz-box-shadow: #999 0px 0px 8px;
    box-shadow: #999 0px 0px 8px;
}
.tec1_tittle{
    margin: 15px 0;
    border-bottom: 1px solid #dddddd;
}
.tec1_tittle h3{
    font-size: 22px;
    margin-bottom: 15px;
}
.service1-1-pic {
    float: left;
    margin-top: 20px;
}
.service1-2-pic {
    float: right;
    top: 161px;
    /* display: inline-block; */
    margin-top: 78px;
}
.text_service1{
    position: relative;
}
.text_service1 p {
    position: absolute;
    right: 25px;
    top: 100px;
    font-size: 18px;
    color: #fff;

}
.tec2_text_left h4{
    background-color: #EEF7FD;
    border-left: 2px solid #15559d;
    line-height: 43px;
    padding-left: 20px;
    display: inline-block;
    padding-right: 20px;
}
.tec2_text_left p{
    margin: 0 0 18px;
    line-height: 26px;
    text-indent: 2em;
    font-size: 16px;
    color: #666;
}

.text_service2,.text_service4{
    position: relative;
    padding-right: 20px;
}
.text_service2 p {
     position: absolute;
     right: 78px;
     top: 183px;
     font-size: 18px;
     color: #fff;

 }

.service3-2-pic{
    float: right;
    margin-top: 160px;
}
.text_service4 p {
    position: absolute;
    right: 80px;
    top: 156px;
    font-size: 18px;
    color: #fff;


}
.service4-2-pic{
    float: right;
    margin-top: 133px;
    margin-right: 20px;

}
.news_text_part{
    position: relative;
}
.news_text_part h3 {
    margin-top: 10px;
}
.cat-item-26,.cat-item-44{
		border-bottom: 1px solid #DDDDDD;
	}
	.cat-item-26 a,.cat-item-44 a{
		border-bottom:none;
	}
	.cat-item-45,.cat-item-46,.cat-item-47,.cat-item-48{
		float:left;
		margin-left:25px !important;
	}
	.cat-item-45{
		margin-left:0 !important;
	}
	.cat-item-47{
		margin-left:0 !important;
    }
    .swiper-container {
        width: 80%;
        height: 300px;
    }
    .swiper-wrapper .banner {
        width: 100%;
    }
    .swiper-slide {
        position: relative;
        text-align: center;
        font-size: 18px;
        /* background: #fff; */
        height:200px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        transform: scale(0.8);
    }
    .swiper-container4 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1);
        z-index:100
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom:64px;
    }
/* 首页轮播滑动图 */
.image_title{
    margin-top: 10px;
    font-weight:700;
    color:#333;
    text-align: center;
	 
}
/* 轮播图小点 */
.flex-control-nav li a{
    background-color: rgba(255,255,255,0.6)
}
.flex-control-nav li a:hover{
    background-color: #fff !important;
}
.flex-control-paging li a.flex-active{
    background-color: #fff !important;    
}
.swiper-button-next, 
.swiper-button-prev{
    height:30px !important;
}
/* 荣誉资质tab切换 */
/* .nav-pills>li>a{
    border-radius:50% !important;
    height:60px;
    width:60px;
    line-height:30px
} */
.nav-tabs>li a{
    color:#333 !important
}
.nav-tabs>li.active>a{
    color:#15559d !important
}
.next1{
    position: absolute;
    right:10px;
    bottom:-55px
}
.prev2{
    position: absolute;
    right:190px;
    bottom:59px
}
.next2{
    position: absolute;
    right:93px;
    bottom:59px
}
.prev3{
    position: absolute;
    right:190px;
    bottom:35px
}
.next3{
    position: absolute;
    right:93px;
    bottom:35px
}
.prev4{
    position: absolute;
    right:190px;
    bottom:35px
}
.next4{
    position: absolute;
    right:93px;
    bottom:35px
}
.prev5{
    position: absolute;
    right:190px;
    bottom:35px
}
.next5{
    position: absolute;
    right:93px;
    bottom:35px
}
.prev6,
.prev7,
.prev8,
.prev9,
.prev10,
.prev11,
.prev12{
    position: absolute;
    right:190px;
    bottom:35px
}
.next6,
.next7,
.next8,
.next9,
.next10,
.next11,
.next12{
    position: absolute;
    right:93px;
    bottom:35px
}
.prev13{
    position: absolute;
    right:93px;
    bottom:35px
}
/* 首页轮播箭头 */
.row{
    position: relative;
}
.swiper-button-prev{
    left:0px !important;
}
.swiper-button-next{
    right:0px !important
}

/* 导航手放上去 */
.sub-menu a{
    display: block;
    width:100%;
    height:100%;
}

.sub-menu li a:hover{
    background-color: #15559D !important;
    color:#fff !important 
}

.sub-menu #menu-item-743 a:hover,
.sub-menu #menu-item-744 a:hover,
.sub-menu #menu-item-745 a:hover,
.sub-menu #menu-item-746 a:hover,
.sub-menu #menu-item-747 a:hover,
.sub-menu #menu-item-748 a:hover,
.sub-menu #menu-item-749 a:hover,
.sub-menu #menu-item-750 a:hover,
.sub-menu #menu-item-735 a:hover,
.sub-menu #menu-item-736 a:hover,
.sub-menu #menu-item-737 a:hover,
.sub-menu #menu-item-738 a:hover,
.sub-menu #menu-item-741 a:hover{
    color:#15559D !important;
}
.guanwang{
    color:#fff;
    z-index:1000;
    position: absolute;
    right:-8px;
    top:140px
}
.gongzhonghao{
    color:#fff;
    z-index:1000;
    position: absolute;
    right:-135px;
    top:140px   
}

/* 核心优势 */
.advantage_title{
    position: absolute;
    top:280px;
    left:250px;
    text-align: right;
    color:#15559D
}
.top,
.bottom{
    overflow: hidden;
}
.top_left,
.bottom_left{
    margin-left:70px;
}
.top_right,
.bottom_right{
    margin-left:120px
}
.top_left,
.top_right,
.bottom_left,
.bottom_right{
    float:left;
    font-size:16px;
    line-height:1.8
}

.top{
    margin-top:50px;
    margin-bottom:50px;
}
.top_left p,
.top_right p,
.bottom_left p,
.bottom_right p{
    width:240px;
}
.top .title,
.bottom .title{
    margin-right:0 !important;
}
.top h4,
.bottom h4{
    background: #15559D;
    width:100px;
    color:#fff;   
    padding: 6px 18px;
}
.cat-item-77 a{
    /* width:200px !important;  */
    text-indent:-1.1em;
    padding-left:14px;
}
.news .col-lg-7{
    padding-left:0 !important
}

.gallery-thumbs .swiper-slide{
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active{
    opacity: 100%;
}
.swiper-wrapper #small{
    width:119px !important;
    height:103px !important
}
/* 荣誉资质页面缩略图 */
.swiper-container2{
    height:401px 
}
.swiper-container2 .swiper-slide{
    height:101%;
    width:100% !important
}
.swiper-container3{
    height:129px
}
.gallery-thumbs{
    box-sizing: border-box;
    padding: 10px 0;
}
.compensate-for-scrollbar{
    margin-right:0 !important
}

/* 典型案例 */
.cat-item-195,.cat-item-193,.cat-item-196,.cat-item-581{
    font-weight:700
}
.cat-item-197 a,.cat-item-198 a,.cat-item-199 a,
.cat-item-200 a,.cat-item-201 a,.cat-item-202 a,.cat-item-576 a,.cat-item-583 a,.cat-item-577 a,.cat-item-578 a,.cat-item-579 a,.cat-item-580 a,.cat-item-582 a,.cat-item-648 a,.cat-item-649 a,.cat-item-645 a,.cat-item-646 a,.cat-item-647 a{
    font-weight:400 !important
}
.cat-item-195,.cat-item-196{
    /* border-top:1px solid #ddd; */
    margin-top:0px;
}
.anli_next1,.anli_next2,.anli_next3,.anli_next4,.anli_next5,.anli_prev6{
    position: absolute;
    right: 93px;
    bottom: 35px;
}
.anli_prev5,.anli_prev4,.anli_prev3,.anli_prev2{
    position: absolute;
    right: 190px;
    bottom: 35px;  
}
/* 产品介绍炼化篇热电篇 企业视频隐藏 */
.cat-item-67,.cat-item-68,.cat-item-63,.cat-item-196,.cat-item-205{
   /* display:none */
} 
.cat-item-63,.cat-item-68{
	display:none
}
.cat-item-205{
	padding:0 0 20px 0;
}
.cat-item .cat-item-207 a{
font-weight:400
}
.cat-item .cat-item-208 a{
    font-weight: 400
}

.cat-item-568,.cat-item-203,.cat-item-205{
	width:100%;
	/* border-top: 1px solid #ddd; */
    margin-top:0px
}
.cat-item-195,.cat-item-204{
    /* padding-bottom:20px */
}
.cat-item-621>a,
.cat-item-566>a,
.cat-item-568>a,
.cat-item-203>a,
.cat-item-204>a,
.cat-item-205>a,
.cat-item-204>a,
.cat-item-571>a,
.cat-item-572>a,
.cat-item-639>a,
.cat-item-632>a,
.cat-item-573>a,
.cat-item-574>a,
.cat-item-589>a,
.cat-item-625>a,
.cat-item-626>a{
font-weight:700 !important
}
.cat-item-627>a{
	font-weight:700 !important
}
.cat-item-212 a,.cat-item-213 a,
.cat-item-75>a,
.cat-item-76>a,
.cat-item-70>a,
.cat-item-71>a,
.cat-item-214>a,
.cat-item-215>a
{
    font-weight:700 !important;
	color:#325ca0 !important;
}
#menu-item-1420>a,
#menu-item-1421>a{
	/* font-weight:700; */
}
.menu-item-32 ul{
width:130px !important;
}
#menu-item-1420,#menu-item-1421{
position；absolute;
}
#menu-item-1421{
    /* margin-top:110px; */
	/* margin-bottom:120px */
}
#menu-item-1497,#menu-item-1498,#menu-item-1501,#menu-item-1502,#menu-item-1503,#menu-item-1504,#menu-item-1507,#menu-item-1508,#menu-item-1509{
    /* position: absolute; */
    /* top:-30px; */
	width:150px;
/* height:0px */
float:left;
}
#menu-item-1502,#menu-item-1503,#menu-item-1505,#menu-item-1509{
	width:170px;
	top:5px;
}
#menu-item-1507,#menu-item-1508,#menu-item-1509{
	width:210px;
left:20px;
}
#menu-item-1508,#menu-item-1509{
width:230px;
}
#menu-item-1501{
left:5px;
}
#menu-item-1504{
left:310px;
}
#menu-item-1501>a,#menu-item-1504>a,#menu-item-1518>a,#menu-item-1519>a,#menu-item-1514>a,
#menu-item-1515>a,
#menu-item-1516>a,
#menu-item-1517>a{
	color:#325ca0 !important;
}
#menu-item-1497,#menu-item-1502,#menu-item-1509,#menu-item-1510,#menu-item-1514,#menu-item-1501{
	left:20px
}
#menu-item-1498,#menu-item-1503{
	left:155px	
}
#menu-item-1508{
	left:210px
}
#menu-item-1497:hover>a,
#menu-item-1498:hover>a,
#menu-item-1502:hover>a,
#menu-item-1503:hover>a{
color:#325ca0 !important;
background-color: #fff !important;
}
#menu-item-1501:hover>a,
#menu-item-1504:hover>a,
#menu-item-1509:hover>a,
#menu-item-1508:hover>a,
#menu-item-1507:hover>a,
#menu-item-1510:hover>a,
#menu-item-1511:hover>a,
#menu-item-1512:hover>a,
#menu-item-1513:hover>a,
#menu-item-1514:hover>a,
#menu-item-1515:hover>a,
#menu-item-1516:hover>a,
#menu-item-1517:hover>a,
#menu-item-1518:hover>a,
#menu-item-1519:hover>a{
background-color: #fff !important;
color:#325ca0 !important;
}
#menu-item-1514,#menu-item-1515,#menu-item-1516,#menu-item-1517{
    position: absolute;
	width:170px;
	height:0px
}
#menu-item-1511{
  left:165px
}
#menu-item-1512{
	left:335px
}
#menu-item-1513{
	left:505px
}
#menu-item-1518{
    /* position: absolute; */
top:130px;
left:20px;
height:0
float:left
}
#menu-item-1510,#menu-item-1511,#menu-item-1512,#menu-item-1513{
    position: absolute;
    top:-30px;
    left:20px;
	width:200px;
	height:0px
}
#menu-item-1511,#menu-item-1513{
    top:0px
}
#menu-item-1519{
    position: absolute;
    top:130px;
    left:205px;
height:0
}
#menu-item-1515{
    top:130px;
    left:420px
}
#menu-item-1516{
    top:130px;
    left:550px
}
#menu-item-1517{
    top:170px;
    left:420px
}
#menu-item-1514{
    top:170px;
    left:550px
}
.cat-item-571,.cat-item-572,.cat-item-573,.cat-item-574,.cat-item-589{
	display:block /* 隐藏智慧城市的子菜单 */
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	width:110% !important
}
.cat-item-88,.cat-item-209,.cat-item-210,.cat-item-5 {
	display:none !important;
}
a[href="http://www.hokomind.com/?cat=639"],
/* a[href="http://www.hokomind.com/?cat=203"], */
/* a[href="http://www.hokomind.com/?cat=566"], */
a[href="http://www.hokomind.com/?cat=632"],
a[href="http://www.hokomind.com/?cat=195"],
a[href="http://www.hokomind.com/?cat=193"]{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit; 
}

/* 改变特定菜单项悬停、点击和焦点时的字体颜色为 #B9965E */
#menu-item-5092 > a:hover,
#menu-item-5093 > a:hover,
#menu-item-5097 > a:hover,
#menu-item-5106 > a:hover,
#menu-item-5108 > a:hover,
#menu-item-5109 > a:hover,
#menu-item-5110 > a:hover,
#menu-item-5092 > a:active,
#menu-item-5093 > a:active,
#menu-item-5097 > a:active,
#menu-item-5106 > a:active,
#menu-item-5108 > a:active,
#menu-item-5109 > a:active,
#menu-item-5110 > a:active,
#menu-item-5092 > a:focus,
#menu-item-5093 > a:focus,
#menu-item-5097 > a:focus,
#menu-item-5106 > a:focus,
#menu-item-5108 > a:focus,
#menu-item-5109 > a:focus,
#menu-item-5110 > a:focus {
    color: #15559D; /* 悬停、点击和焦点时的颜色 */
}

/* 改变当前菜单项的字体颜色为 #B9965E */
#menu-item-5092.current-menu-item > a,
#menu-item-5093.current-menu-item > a,
#menu-item-5097.current-menu-item > a,
#menu-item-5106.current-menu-item > a,
#menu-item-5108.current-menu-item > a,
#menu-item-5109.current-menu-item > a,
#menu-item-5110.current-menu-item > a {
    color: #15559D; /* 当前菜单项的颜色 */
}