@charset "utf-8";
/*03本项目样式*/

/* -------- 常用组件 --------*/

/*基础列表*/
.news-list-base{}
.news-list-base .list-group{margin-bottom: 0px; padding-left: 0;}
.news-list-base .list-group-item:first-child{border-top-right-radius: 0px; border-top-left-radius: 0px;}
.news-list-base .list-group-item:last-child{margin-bottom: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.news-list-base .list-group-item{position: relative; display: block; padding: 0px 0px; margin-bottom: 0px; background:none; border: 0px solid #dddddd; border-bottom: 0px dotted #dddddd; overflow:hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: url("../image/picture.png") no-repeat; background-position: 1px -102px; padding-left: 10px;}
.news-list-base a.list-group-item,
.news-list-base button.list-group-item{font-size: 14px; line-height: 220%; height: 2.2em; color: #444;}
.news-list-base a.list-group-item:hover,
.news-list-base button.list-group-item:hover,
.news-list-base a.list-group-item:focus,
.news-list-base button.list-group-item:focus,
.news-list-base a.list-group-item.strong:hover{text-decoration: none; background: url("../image/picture.png") no-repeat top left; background-position: 1px -186px;}
.news-list-base .list-group-item > .badge{float: right; display: inline-block; min-width: 10px; padding: 10px 0px 3px 3px; margin-left: 16px; vertical-align: middle; white-space: nowrap; text-align: center; background: none; border-radius: 0px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; font-size: 13px; line-height: 1;}

.news-list-base a.list-group-item.strong{margin-top: 0px; font-size: 15px; background-position: 1px -102px; }
.news-list-base a.list-group-item.strong .badge{/* display: none;*/}
.news-list-base a.list-group-item:hover{ color: #FF5F01}

.news-list-base .list-group-item.change16{background: url("../image/picture.png") no-repeat; background-position: 1px -99px; }
.news-list-base .list-group-item:hover.change16{background: url("../image/picture.png") no-repeat; background-position: 1px -183px; }
.news-list-base .list-group-item.change16{font-size: 15px; line-height: 220%; height: 2.2em; color: #444;}

.news-list-base.change-badge .list-group-item > .badge{float: left; display: inline-block; min-width: 100px; padding: 10px 0px 0px 0px; margin-right: 15px; vertical-align: middle; white-space: nowrap; text-align: left; background: none; border-radius: 0px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#444; font-weight: 700; line-height: 1; margin-left: 0px;}
.news-list-base.change-badge .list-group-item:hover > .badge{ color: #FF5F01;}


/*headline-news-list*/
.headline-news-list{margin-bottom: 15px;}
.headline-news-list .media{border-bottom: 1px dotted #ddd; padding-bottom: 20px; margin-top: 20px;}
.headline-news-list .media:first-child{padding-bottom: 20px; margin-top: 0px;}
.headline-news-list .media-heading{font-size: 16px; margin-bottom: 5px; line-height: 1.6; margin-bottom: 10px; font-weight: 700; /*height: 48px; overflow: hidden;*/}
.headline-news-list .media-content{max-height: 64px; overflow: hidden; line-height: 1.6; color: #777;}
.headline-news-list .media-time{margin-top: 15px; color: #999; font-size: 12px; font-family: "宋体", Arial, Verdana, Geneva, sans-serif; line-height: 1;}
.headline-news-list .media-time .left{display: inline-block;}
.headline-news-list .media-time .right{float: right;}
.headline-news-list .media-time  .iconfont{position: relative; top:2px; font-size: 14px;}
.headline-news-list .media-left, .media > .pull-left{padding-right: 16px;}
.headline-news-list .imght{max-height: 138px; overflow: hidden;}
.headline-news-list .imght img{width: 208px; margin-left: auto; margin-right: auto;}
.headline-news-list .imght a img{transform: scaleX(1) scaleY(1); transform-origin: 50% 50% 0px;}
.headline-news-list .imght a:hover img{transform: scaleX(1.15) scaleY(1.15); transform-origin: 50% 50% 0px;}
.headline-news-list .imght a:hover img,
.headline-news-list .imght a img{-webkit-transition-property:all; -webkit-transition-duration:0.5s; -webkit-transition-delay:0s; -webkit-transition-timing-function:ease;}

.media-left, .media-right, .media-body{display: table-cell; vertical-align: middle;}
@media (max-width: 767px){.headline-news-list .imght img{width: 110px; margin-left: auto; margin-right: auto;} .headline-news-list .media-heading{font-size: 15px; line-height: 1.4;} .headline-news-list .media-time{margin-top: 10px;}}
@media(min-width: 768px){.headline-news-list .media-content{max-height: 44px; overflow: hidden; line-height: 1.6; color: #777;}}
@media (max-width: 992px){.headline-news-list .media:first-child{padding-bottom: 15px;}
    .headline-news-list .media{border-bottom: 1px dotted #ddd; padding-bottom: 15px; margin-top: 15px;}
}
/*
* 手机导航
* mob-leftNav_3
*/
/*add*/
div.menu ul,
div.menu ul li{margin: 0; padding: 0;}
.logo-mob{position: absolute; right: 15px; top: -2px;}
.logo-mob img{    max-height: 38px; margin-top: 8px;}
.menu-content{color: #3c91d1; font-size: 14px !important; line-height: 2; font-family: 'Arial'; letter-spacing: 1px; /*text-transform: uppercase;*/}
/**/
div.burger{height: 30px; width: 40px; position: absolute; top: 8px; left: 20px; cursor: pointer; z-index: 1001;}
div.x,
div.y,
div.z{position: absolute; margin: auto; top: -10px; bottom: 0px; background: #ffffff; border-radius:2px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
div.x, div.y, div.z{height: 3px; width: 26px;}
div.y{top: 8px;}
div.z{top: 27px;}
div.collapse-mob{top: 10px; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out;}
div.rotate30{-ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out;}
div.rotate150{-ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out;}
div.rotate45{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; background: #f2f2f3; z-index: 1001;}
div.rotate135{-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; background: #f2f2f3; z-index: 1001;}
div.menu-bg{width: 0%; height: 1025px; position: absolute; top: 0; left: 0; background: #33383e; opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}
div.menu-bg.animate{opacity: 0.98; -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); z-index: 1000; width: 100%;}
div.menu{/*height: 568px;*/ width: 100%;}
.menu-splitL, .menu-splitR{overflow: hidden; position: absolute; top: 60px; left: 0px; width: 0%;}
div.menu.animate .menu-splitL,
div.menu.animate .menu-splitR{z-index: 1001; width: 100%;}
div.menu ul li{list-style: none; margin-top: 13px; text-align: left; font-size: 24px; line-height: 1.2; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}
div.menu ul li a{color: #f2f2f3; text-transform: uppercase; text-decoration: none;  display: inline-block;}
div.menu li.animate{font-size: 24px; opacity: 1; min-width: 30%; float: left; -webkit-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}
.menu-splitL li{margin-left:100%; transition-delay: 0.12s;}
.menu-splitL li.animate{margin-left:30px;transition-delay: 0.4s;}
.menu-splitL li h4 a{color: rgba(255, 255, 255, 0.73)!important;
}
/*.menu-splitL li:nth-of-type(1){margin-left:100%; transition-delay: 0.12s;}
.menu-splitL li.animate:nth-of-type(1){margin-left:23px;transition-delay: 0.4s;}
.menu-splitL li:nth-of-type(2){margin-left:100%;transition-delay: 0.09s;}
.menu-splitL li.animate:nth-of-type(2){margin-left:23px;transition-delay: 0.55s;}
.menu-splitL li:nth-of-type(3){margin-left:100%;transition-delay: 0.046s;}
.menu-splitL li.animate:nth-of-type(3){margin-left:23px;transition-delay: 0.4s;}
.menu-splitL li:nth-of-type(4){margin-left:100%; transition-delay: 0.03s;}
.menu-splitL li.animate:nth-of-type(4){margin-left:23px;transition-delay: 0.6s;}
.menu-splitL li:nth-of-type(5){margin-left:100%;transition-delay: 0.0s;}
.menu-splitL li.animate:nth-of-type(5){margin-left:23px;transition-delay: 0.4s;}
.menu-splitL li:nth-of-type(6){margin-left:100%;transition-delay: 0.046s;}
.menu-splitL li.animate:nth-of-type(6){margin-left:23px;transition-delay: 0.65s;}
.menu-splitL li:nth-of-type(7){margin-left:100%;transition-delay: 0.09s;}
.menu-splitL li.animate:nth-of-type(7){margin-left:23px;transition-delay: 0.4s;}
.menu-splitL li:nth-of-type(8){margin-left:-80%;transition-delay: 0s;}
.menu-splitL li.animate:nth-of-type(8){margin-left:23px;transition-delay: 0.2s;}*/

/* ********************************************************************************************************************* */

.nav-left{ margin-right: -15px;}
.nav-left h4{ margin-bottom: 3px; margin-top: 10px;}
.nav-left h4:first-child{ margin-top: 5px;}
.nav-left h4 a{ font-weight: 700; color: #06a876;}
.nav-left a{ display:inline-block; max-width: 100px;  font-size: 14px; line-height: 1.5;   overflow:hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
@media (min-width: 1200px) {.nav-left a{max-width: 140px;}}
.nav-left a{margin-right: 10px;}
.nav-left a:hover{ color: #FE5F09}
.nav-left a.active{ color: #FE5F09}
.nav-left a.active.second{ color: #FE5F09; border-bottom: 1px dashed #FE5F09;}

/*kaitong-zhuanlan*/
.kaitong-zhuanlan{ background: #06a876; color: #FFFFFF; padding: 30px; line-height: 1.8;}

.qiye-xinxi{ background: #06a876; color: #FFFFFF; padding: 20px; line-height: 1.6;}
.qiye-xinxi td{padding: 5px 0; border-bottom: 1px solid #eeeeee}
@media (max-width: 767px){.qiye-xinxi{margin-top: 15px;}}

/*danwei*/
.danwei .thumbnail{display: block; padding: 4px; margin-bottom: 20px; background-color: #fff; border: 1px solid #e2e9e4;}
.danwei .thumbnail img{max-width: 100%;}
@media (min-width: 320px){.danwei .thumbnail > .max-height-img{height: 73px; overflow: hidden;}}
@media (min-width: 375px){.danwei .thumbnail > .max-height-img{height: 91px; overflow: hidden;}}
@media (min-width: 425px){.danwei .thumbnail > .max-height-img{height: 108px; overflow: hidden;}}
@media (min-width: 768px){.danwei .thumbnail > .max-height-img{height: 98px; overflow: hidden;}}
@media (min-width: 1024px){.danwei .thumbnail > .max-height-img{height: 68px; overflow: hidden;}}
@media (min-width: 1200px){.danwei .thumbnail > .max-height-img{height: 87px; overflow: hidden;}}
.danwei a.thumbnail:hover, .danwei a.thumbnail:focus, .danwei a.thumbnail.active {border-color: #bac1bc;}

/*jidi*/
.jidi .thumbnail{display: block; padding: 4px; margin-bottom: 20px; background-color: #fff; border: 1px solid #e2e9e4;}
.jidi .thumbnail img{max-width: 100%;}
@media (min-width: 320px){.jidi .thumbnail > .max-height-img{height: 73px; overflow: hidden;}}
@media (min-width: 375px){.jidi .thumbnail > .max-height-img{height: 91px; overflow: hidden;}}
@media (min-width: 425px){.jidi .thumbnail > .max-height-img{height: 108px; overflow: hidden;}}
@media (min-width: 768px){.jidi .thumbnail > .max-height-img{height: 137px; overflow: hidden;}}
@media (min-width: 1024px){.jidi .thumbnail > .max-height-img{height: 97px; overflow: hidden;}}
@media (min-width: 1200px){.jidi .thumbnail > .max-height-img{height: 123px; overflow: hidden;}}
.jidi a.thumbnail:hover, .jidi a.thumbnail:focus, .jidi a.thumbnail.active {border-color: #bac1bc;}

/*kj-logo*/
.thumbnail.kj-logo img{max-height: 200px; min-height: 100px; max-width: 100%;}

/*复制邮箱*/
.wrapper {position: relative;}
#input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}

/*biaozhun*/
.classA{ text-align: center; padding: 15px 5px; background: #06a876; color: #FFFFFF; font-size: 18px; margin-bottom: 15px;}
a.classA{ display: block;  text-align: center; padding: 35px 5px; background: #06a876; color: #FFFFFF; font-size: 18px; margin-bottom: 20px;}
a.classA:hover{ display: block;  text-align: center; padding: 35px 5px; background: #FE5F09; color: #FFFFFF; font-size: 18px; margin-bottom: 20px;}

/* change-tabs 标签页样式*/
.change-tabs{}
.change-tabs .nav-tabs{border-bottom: 0px solid #dddddd; }
.change-tabs .nav-tabs > li{float: none; margin-bottom: 0px; display: inline-block;}
.change-tabs .nav-tabs > li > a{border: 0px solid transparent; border-radius: 0;  font-size: 14px; padding: 3px 0;}
.change-tabs .nav-tabs > li.active > a,
.change-tabs .nav-tabs > li.active > a:hover,
.change-tabs .nav-tabs > li.active > a:focus{color: #FE5F09; font-weight: 700; border: 0px solid #dddddd; border-bottom-color: transparent;}
@media (max-width: 992px){
    .change-tabs .nav-tabs {text-align: center; margin: 15px;}
    .change-tabs .nav-tabs > li > a{font-size: 16px; padding: 5px;}
}

/*contact--index*/
.contact--index{background: #f2faf7; padding: 40px 0 0px 0; color: rgb(79, 90, 86); position: relative; margin-top: 30px;}
.contact--index-message,
.contact--index-message p{line-height: 2; font-size: 15px;  margin-top: 15px; margin-bottom: 50px;}


/*foot-box*/
.foot-box{ background: #06a876;  color: rgba(255, 255, 255, 0.52); font-size: 12px; padding: 15px 0; letter-spacing: 1px; position: relative;}
@media (min-width: 992px){.foot-box-right{text-align: right}}

/* 新闻内容页 */
.news-content{}
.news-content p,
.news-content .content-p{font-size: 16px; line-height: 2;}
.news-content .fu-title{color: #777; text-align: center; margin-top: 8px; font-size: 15px;  }
.news-content h2{text-align: center;color: #333333; font-size: 32px;}
.news-content img,
.news-content .content-p img ,
.news-content p img{max-width: 100%!important; height: auto!important; margin: 10px auto; display: block;}
.news-content .only-content-title{font-size: 32px; text-align: center; margin-bottom: 32px;}
@media (max-width: 992px){.news-content .fu-title{color: #888; text-align: left; margin-top: 16px; font-size: 12px; text-indent: 0;} .news-content h2{text-align: left; font-size: 22px; text-indent: 0; margin-top: 0;} .text-right{text-align: left;}}
.before-and-next{ text-align: left;}

/* 联系 */
.contact-content{}
.contact-content p{font-size: 16px; line-height: 1.8;}

/*news--list-list*/
.news--list-list{background: #FFFFFF; margin: 0px auto; padding: 20px; text-align: left;}
@media (max-width: 768px){.news--list-list{padding: 0px; text-align: left;}}
@media (min-width: 992px){.news--list-list{margin-bottom: 60px; background: #FFFFFF; margin: 60px auto; padding: 0  60px; /*text-align: center;*/}}
.news--list-list .add-time{margin: 15px 0; font-family: "Tahoma" , "Microsoft YaHei" ; font-weight: 600; color: #999999}
.news--list-list .news-info{line-height: 1.62; font-size: 15px; color: #656565}
.news--list-list hr{border-top: 1px solid #dddddd; margin-top: 20px; margin-bottom: 15px;}
.news--list-list h2 a{font-size: 28px; color: #0b162b; font-weight: 200; box-shadow: inset 0 -3px 0 rgb(199, 241, 255); line-height: 1.6; padding: 3px 0;}
.news--list-list h2 a:hover{background: rgb(199, 241, 255);}
@media (min-width: 992px){.news--list-date{padding-left: 10%; padding-right: 10%;}
    .news--list-list hr{border-top: 1px solid #dddddd; margin-top: 45px; margin-bottom: 45px;}
}

/**/
.lanmu-two{text-align: center; padding-top: 15px; margin-bottom: 15px;}
@media (min-width: 768px){.lanmu-two{text-align: center; margin-top: 30px;}}
.lanmu-two a{margin-left: 7.5px; margin-right: 7.5px;}
@media (max-width: 768px){ .lanmu-two a{margin-left: 3px; margin-right: 3px; margin-top: 12px;}}

/**/
.pro--client-content{margin-top: 20px; margin-bottom: 20px; background: #FFFFFF; padding: 20px 20px 0;}
@media (min-width: 992px){.pro--client-content{margin-top: 60px; margin-bottom: 60px; background: #FFFFFF; padding: 60px 60px 0;} .pro--client-content .thumbnail img, .pro--client-content img{width: auto; max-width: 100% !important;}}

/*web--leftnav*/
.web--leftnav{min-width: 190px;}
.web--leftnav ul{list-style: none}
.web--leftnav ul li{background: rgb(1, 43, 125); color : rgb(255, 255, 255); font-weight: 300; padding: 10px 20px; margin-bottom: 3px;}
.web--leftnav ul li a:hover{color: #d1cf62;}
.web--leftnav ul li.active a{color: #d1cf62; font-weight: 600;}
@media (max-width: 768px){.web--leftnav{display: none}}

.row-col-p{}
.row-col-p .iconys{padding: 60px 0 20px 0; text-align: center;}
.row-col-p h4{ font-size: 15px; text-align: center;}
.row-col-p h3{ text-align: center;}
.row-col-p .iconys .iconfont{font-size: 100px; color:#06a876; }
.row-col-p p{ line-height: 1.62; color: #656565; font-size: 15px; text-align: center;   }
.row-col-p p.zhushi{ margin-bottom: 30px; margin-top: 15px; text-align: center;}
@media (min-width: 992px){
    .row-col-p .min_height{ min-height: 110px;}
    .row-col-p p{text-align: left;margin-bottom: 0; text-justify : auto; text-align:justify; text-justify: inter-ideograph;}
}


.nav-ipad-dropdown{ margin-right: -15px; width: 200px;}
.nav-ipad-dropdown h4{ margin-bottom: 3px; margin-top: 10px;}
.nav-ipad-dropdown h4:first-child{ margin-top: 5px;}
.nav-ipad-dropdown h4 a{ color: rgba(255, 255, 255, 0.70); }
.nav-ipad-dropdown a{ display:inline-block; margin: 0px 5px; font-size: 15px; line-height: 1.8; color: #FFFFFF;   overflow:hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}


/*首页标志搜索*/
.biaozhi-box{}
.biaozhi-logo{ padding: 0px 0 10px 0; text-align: center}
.biaozhi-logo img{max-width: 100%}
.biaozhi-box .form-control {
    border-radius: 0;
    border: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    font-size: 12px;
    font-family: '宋体', Arial;
}
.biaozhi-box .search-wd{ line-height: 1.5; color: #9dac95; font-size: 12px; text-align: center; margin-top: 10px; }
@media (min-width: 992px){.biaozhi-logo img{max-width: 100%;padding-left: 35px;padding-right: 35px;}
    .biaozhi-box .search-wd{ padding-left: 15px; padding-right: 15px;}
}

/*首页幻灯pc图片*/
@media (min-width: 992px) {
    .News-tuijian .carousel-inner .imght img,
    .News-tuijian .carousel-inner .imght a > img {
        height: 230px;
    }
}

/*动画*/
/*常用载入动画*/
#fadeIn-Up{-webkit-animation:fadeInUp 1s .2s ease both; -moz-animation:fadeInUp 1s .2s ease both;}
#fadeIn-Up1{-webkit-animation:fadeInUp 1s .4s ease both; -moz-animation:fadeInUp 1s .4s ease both;}
#fadeIn-Up2{-webkit-animation:fadeInUp 1s .6s ease both; -moz-animation:fadeInUp 1s .6s ease both;}
#fadeIn-Up3{-webkit-animation:fadeInUp 1s .8s ease both; -moz-animation:fadeInUp 1s .8s ease both;}
@-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px)} 100%{opacity:1; -webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0; -moz-transform:translateY(20px)} 100%{opacity:1; -moz-transform:translateY(0)}}