﻿/*common*/
 
* { padding: 0px; margin: 0px; }
em, i, address { font-style: normal; }
.clear { clear: both; }
.clear:after { content: ""; display: block; clear: both; }
.clear:before { content: ""; display: block; clear: both; }
.clearfix { clear: both; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix:before { content: ""; display: block; clear: both; }
body { font-size: 14px; color: #333; font-family: 'Microsoft YaHei'; background-color: #fff; }
ul, ol { list-style: none; margin: 0px; padding-left: 0px !important; }
.box-flex { display: flex; }
.box-flex-col { display: flex; flex-direction: column; justify-content: space-between; }
.flex1 { flex: 1; }

.top { height: 80px;  position: relative; }
.top .container { height: 80px; position: relative; display: flex; justify-content: space-between; align-items: center }
.top .container .oa {font-size:18px;}
.top .container:before { display: none }
.top .container::after {display:none}

.top .container > .group-link { position: absolute; right: 70px; top: 40px; color: #7a9d25; font-size: 16px; }

.container { position: relative; }
.contact-wx { display: none; z-index: 200; position: absolute; left: -80px; width: 120px; margin-top: 0px; background-color: #fff; padding: 10px 10px 3px 10px; box-shadow: 0px 1px 9px rgba(51, 51, 51, 0.56); }
.contact-wx .wx-cover img { width: 100px; }
li:hover .contact-wx { display: block; }

.shadow { box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5); margin-bottom: 5px; }
.nopaddingr { padding-right: 0px !important; }
.nopaddingl { padding-left: 0px !important; }
.nopaddinglr { padding-left: 0px !important; padding-right: 0px !important; }
.paddinglr15 { padding-left: 15px !important; padding-right: 15px !important; }
.pd10 { padding: 10px; }
.pdt30 { padding-top: 30px; }
.pdb30 { padding-bottom: 30px; }
.pdb50 { padding-bottom: 50px; }
.mrt15 { margin-top: 15px; }
.mrt20 { margin-top: 20px; }
.mrt30 { margin-top: 30px; }
.mrb30 { margin-bottom: 30px; }
.mrb25 { margin-bottom: 25px; }
.mrt50 { margin-top: 50px; }
.mrt60 { margin-top: 60px; }
.mrt80 { margin-top: 80px; }
.blockcenter { margin: 0px auto; }
.ft36 { font-size: 36px !important; }
.ft24 { font-size: 24px !important; }
.ft20 { font-size: 20px !important; }
.ft18 { font-size: 18px !important; }
.ft16 { font-size: 16px !important; }
.ft15 { font-size: 15px !important; }
.ft14 { font-size: 14px !important; }
.ft13 { font-size: 13px !important; }
.ft12, .fs12 { font-size: 12px !important; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }
.fc_fff { color: #fff !important; }
.fc_999 { color: #999; }
.fc_gray { color: #595959; }
.fc_333 { color: #333; }
.fc_red { color: #c2002f; }
.bg_red { background-color: #7a9d25; }
.bg_f5 { background-color: #f5f5f5; }
.icon-plus { width: 20px; height: 20px; display: inline-block; overflow: hidden; position: relative; }
.icon-plus:after, .icon-plus:before { background-color: #fff; content: ""; width: 20px; height: 2px; display: block; overflow: hidden; position: absolute; top: 50%; margin-top: -1px; border-radius: 2px; }
.icon-plus:after { transform: rotate(90deg); }
.bg-fff { background-color: #fff; }

/*补充*/

/*自定义*/



.footer { background-color: #ddd; padding: 15px 0px; }
.footer .container p{ margin:0px;}
 

 

 

.addresscard { overflow: hidden; min-height: 210px; }
.addresscard dt { font-size: 20px; font-weight: 300; border-bottom: solid 1px #eee; padding: 5px 0px; margin-bottom: 5px; }
.addresscard dd { font-weight: 300; font-size: 13px; padding-bottom: 5px; }


.box-copyright { padding: 5px 0px; }
.box-copyright ul { margin: 0px; }
.box-copyright ul li { float: left; margin-right: 20px; }
.box-copyright ul li a { color: #788593; }
.box-copyright ul:after { content: ""; clear: both; display: block; }
.box-copyright p { color: #788593; line-height: 1.8; margin-bottom: 0px; }
.box-copyright p a { color: #788593; margin-right: 10px; }


.carditem { display: block; margin-bottom: 30px; position: relative; }
.carditem .cardcover { width: 100%; height: 190px; overflow: hidden; display: block; position: relative; z-index: 10; }
.carditem .cardcover img { width: 100%; min-height: 190px; border: none; display: block; transition: all 0.3s; z-index: 90; position: absolute; transform: translate(-50%,-50%); left: 50%; right: 50%; top: 50%; bottom: 50%; opacity: 1; }
.carditem .cardtitle { padding: 0px 10px; color: #808080; display: block; }
.carditem .cardtitle span { text-overflow: ellipsis; font-size: 18px; overflow: hidden; color: #fff; white-space: nowrap; width: 100%; }
.carditem .cardtitle-bg-blue { width: 100%; position: absolute; bottom: 0px; z-index: 100; padding: 10px 0px; background: linear-gradient(rgba(0,0,0,0), rgba(0, 137, 235, 0.80)); }
.carditem:hover .cardtitle-bg-blue { background: linear-gradient(rgba(0,0,0,0), rgba(0, 137, 235, 0.90)); }
.carditem .cardtitle-bg-black { width: 100%; position: absolute; bottom: 0px; z-index: 100; padding: 10px 0px 30px 0px; background: linear-gradient(rgba(0,0,0,0), rgba(0, 0, 0, 0.80)); }
.carditem:hover .cardtitle-bg-black { background: linear-gradient(rgba(0,0,0,0), rgba(0, 0, 0, 0.90)); }
.carditem .carddesc { text-align: justify; color: #fff; padding: 0px 10px; }
.carditem .cardthum { font-weight: 300; text-align: justify; }
.carditem:hover .cardcover img { opacity: 0.85; }

.carditem .cardtitle-bg-black .cardtitle { text-align: center; font-size: 20px; }
.carditem .cardtitle-bg-black .cardtitle span { font-size: 24px; }



.page-header.forlink { margin: 20px 0 20px; border-bottom: solid 1px #898681; }
.page-header.forlink ul { margin-bottom: 0px; }
.page-header.fornews { margin: 0px; border-bottom: solid 0px #3277f6; background-color: #f5f5f5; padding: 10px 10px; overflow: hidden; }
.page-header.fornews h3 { color: #231815; font-size: 22px; margin: 0px; font-weight: 400; }
.page-header.fornews h3 span { cursor: pointer; }
.page-header.fornews h3 span:hover { color: #3277f6; }
.page-header.fornews h3 .active { color: #3277f6; }
.page-header.fornews h3 small { font-weight: 300; font-size: 14px; }
.page-header.fornews h3 small:after { content: ">>"; }
.page-header.fornews h3 small:hover { color: #0085e9; }



.icon-news { width: 16px; height: 16px; display: inline-block; background: url(../img/icon-news.png) no-repeat center; overflow: hidden; zoom: 1; vertical-align: middle; }
.icon-cases { width: 16px; height: 16px; display: inline-block; background: url(../img/icon-cases.png) no-repeat center; overflow: hidden; zoom: 1; vertical-align: middle; }
.icon-contact { width: 16px; height: 16px; display: inline-block; background: url(../img/icon-contact.png) no-repeat center; overflow: hidden; zoom: 1; vertical-align: middle; }
.icon-company { width: 16px; height: 16px; display: inline-block; background: url(../img/company.png) no-repeat center; overflow: hidden; zoom: 1; vertical-align: middle; }

/*override*/
.breadcrumb { background-color: inherit; border-bottom: solid 1px #eee; border-radius: inherit; font-weight: 300; }
a { color: #333; text-decoration: none; }
a:focus, a:hover { color: #7a9d25; text-decoration: none; }

/*自适应*/
.nav-box {
    width: 100%;
    background-color: #3c552b;
    /*transition: all 0.5s;
    box-shadow: 0px 0px 15px rgba(4, 0, 0,0.3);
    transition: all 0.5s;*/
    height: 60px;
    position: relative;
}
/*.nav-con { width: 100%; background-color: #294cac; transition: all 0.5s; box-shadow: 0px 0px 15px rgba(4, 0, 0,0.3); transition: all 0.5s; }
.nav-con .logo { background: url(../img/logo.png) no-repeat center !important; background-size: auto 70px !important; height: 70px; width: 260px; float: left; }
.navbar { margin-bottom: 0px; }

.navbar-nav > li.signOut { display: none !important; }

.leftbar { margin-top: 50px }
.leftbar .box-header { border-bottom: solid 1px #ddd; height: 40px; line-height: 40px; margin-bottom: 10px; }
.leftbar .box-header .box-header-title { border-bottom: solid 1px #7a9d25; color: #7a9d25; font-size: 16px; position: relative; display: inline-block; font-weight: bold; margin-top: -1px; }
.leftbar .newsitem { display: block; overflow: hidden; padding: 10px 0px; border-bottom: dotted 1px #eee; }
.leftbar .newsitem.noborder { display: block; overflow: hidden; padding: 10px 0px; border-bottom: dotted 1px #fff; }
.leftbar .newsitem:last-child { border-bottom: none; }
.leftbar .newsitem .newstitle { font-size: 14px; overflow: hidden; width: 70%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }
.leftbar .newsitem .newsdesc { display: inline-block; }
.searchbox { background-color: #f1f1f1;padding:10px; }
.searchbox-bd { padding:0px 5px; height:40px; border: solid 1px #ddd; background-color: #fff; display: flex;justify-content:space-around;align-items:center }
.searchbox-bd input { border: none; background-color: transparent; flex: 1; height: 36px; line-height: 36px;outline:none; }

.searchbox-bd img{ width:24px;height:24px}*/

@media screen and (min-width:768px) {
    /*pc*/
    .nav-con { width: 100%; height: 60px; z-index: 1000; transition: all 0.5s; position: absolute; bottom: 0px; }
    /*.nav-con .logo { background: url(../img/logo-white.png) no-repeat center; height: 70px; width: 230px; float: left; }
    .nav-con.bg-white .logo { background: url(../img/logo-black.png) no-repeat center; height: 70px; width: 230px; float: left; }*/
    /*.nav-con.bg-white { background-color: #fff; }*/
    /*.nav-con.bg-white .navbar-brand { background: url(../img/logo-black.png) no-repeat center; }*/
    .navbar-brand { display: none; }
    .navbar-te { display: table; width: 100% }
    .navbar-te > li.logo { width: 260px; }
    .navbar-te > li { display: table-cell; text-align: center; height: 60px; line-height: 60px; position: relative; }
    .navbar-te > li > a { color: #fff; display: block; padding: 0px 20px; font-size: 17px;  position: relative; transition: all 0.3s; }
    .navbar-te > li.toggle > a:after { content: ""; width: 16px; height: 16px; display: inline-block; background: url(../img/icon-down.png) no-repeat center; overflow: hidden; zoom: 1; vertical-align: middle; -moz-transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
    .bg-white .navbar-te > li > a { font-weight:600 }
    .navbar-te > li:hover { }
    .navbar-te > li:hover > a { font-weight: 600; background-color: #7a9d25 }
    .navbar-te > li.active > a { font-weight: 600; background-color: #7a9d25 }
    .navbar-te > li.toggle:hover > a:after { transform: rotate(-180deg); }
    .navbar-te > li > .icon-down { display: none; }
 
  
    .navbar-te > li > ul { position: absolute; display: none; z-index: 2000; background-color: rgba(1, 9, 25, 0.95); width: 100%; }
    .navbar-te > li > ul > li { line-height: 44px; }
    .navbar-te > li > ul > li > a { color: #fff; display: block; }
    .navbar-te > li > ul > li > a:hover { background-color: #7a9d25; }
    .navbar-te > li:hover > ul { display: block; }
}

@media screen and (max-width:767px) {
    /*h5*/

    .leftbar{display:none}
    .navbar-nav > li.signOut { display: block !important; }
    .container-h5 { padding-left: 0px; padding-right: 0px; }
    
    .top { display:none;}
    .nav-box{height:50px;}
    .nav-con { top: 0px !important; position: fixed !important; z-index: 1000; }
    .h1, h1 { font-size: 24px; }
    .container { position: relative; width: 100% !important }

    .nav-con { background-color: #f5f5f5 !important; width: 100%; height: 50px; position: fixed; top: 0px; z-index: 2000; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5) }
    .nav-con .logo { display: none; }
    .nav-con.bg-white { background-color: #c50c11; }
    .nav-con .navbar-brand { display: inline-block; background: url(../img/logo.png) no-repeat center left ; background-size: auto 36px; width: 240px; height: 50px; }
    .nav-con.bg-white .navbar-brand { background: url(../img/logo-zy.png) no-repeat center; background-size: auto 36px; width: 200px; height: 50px; }
    .nav-con .container { display: none; padding-left: 0px; padding-right: 0px; position: absolute; top: 50px; background-color: #f5f5f5; width: 100% !important; border-top: solid 1px #ddd; }
    .navbar-te { float: left !important; width: 100%; display: block; background-color: #f5f5f5 !important; }
    .navbar-te > li { position: relative; display: block; height: unset; line-height: unset; text-align: left; }
    .navbar-te > li.toggle > a:after { display: none; }

    .navbar-te > li > .icon-down { display: inline-block; width: 52px; height: 52px; position: absolute; right: 0px; top: 0px; cursor: pointer; }
    .navbar-te > li > a { color: #595959 !important; display: inline-block; padding: 15px 10px; font-size: 16px; font-weight: 300; position: relative; transition: all 0.3s; }
    .navbar-te > li.on { background-color: #131c2f !important; }
    .navbar-te > li.on > a { color: #7a9d25 !important; }
    .navbar-te > li.active > a { background-color: #fff; color: #333; }
    .navbar-te > li.active { background-color: #fff; }
    .navbar-te > li > ul { display: none; z-index: 2000; background-color: #131c2f; width: 100%; position: inherit; }
    .navbar-te > li > ul > li { padding-left: 25px; height: unset; line-height: unset; }
    .navbar-te > li > ul > li > a { color: #fff; display: block; padding: 15px 0px; font-size: 14px; font-weight: 300; }
    .navbar-te > li.on > ul { display: block; }
    .navbar-te > li:hover > ul { display: none; }
    .navbar-te > li:hover { background-color: transparent; }
    .navbar-te > li:hover > a { background-color: transparent; color: #333; }
    .navbar-te > li > ul > li > a:hover { background-color: #131c2f; font-weight: 300; }
    .navbar-brand { width: 200px; height: 50px; background: url(../img/logo-zy.png) no-repeat center; background-size: auto 36px; position: absolute; left: 5px; top: 0px; z-index: 200; }

    .navbar-toggle .icon-bar { background-color: #7a9d25; transition: all 0.5s; }
    .navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 0; }
    .navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: rotate(45deg) translate(.45em, .3em); }
    .navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: rotate(-45deg) translate(.35em, -.15em) }


    .carditem { display: block; margin-bottom: 30px; position: relative; border-radius: 6px; overflow: hidden; }
    .carditem .cardcover { width: 100%; height: 90px; overflow: hidden; display: block; position: relative; z-index: 10; }
    .carditem .cardcover img { width: 100%; min-height: 90px; border: none; display: block; transition: all 0.3s; z-index: 90; position: absolute; transform: translate(-50%,-50%); left: 50%; right: 50%; top: 50%; bottom: 50%; opacity: 1; }
    .carditem .cardtitle-bg-black { padding-bottom: 15px; }
    .carditem .cardtitle-bg-black .cardtitle span { font-size: 16px }
    /*.carditem .cardcover { width: 100%; height: 120px; overflow: hidden; display: block; position: relative; z-index: 10; }
    .carditem .cardcover img { width: 100%; min-height: 120px; border: none; display: block; transition: all 0.3s; z-index: 90; position: absolute; transform: translate(-50%,-50%); left: 50%; right: 50%; top: 50%; bottom: 50%; opacity: 1; }*/


    
    .footer .container { padding-right: 0px; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: rgba(50, 119, 246, 0); }
    .footer-link { padding: 10px 0px; background-color: #807a7c; }
    .footer-link > .container > ul { display: flex; flex-direction: column; width: 100%; border-collapse: collapse; overflow: hidden; }
    .footer-link > .container > ul > li { display: block; color: #ddd; width: 100%; }
    .footer-link > .container > ul > li > a { font-weight: 400; display: inline-block; padding-bottom: 10px; padding-top: 10px; }
    .footer-link > .container > ul > li > ul > li { float: left; padding-right: 15px; line-height: 2; font-weight: 300; }
    .footer-link > .container > ul > li > ul > li > a { font-size: 12px; }
    .footer-link a { color: #fff; }
    .footer-link a:hover { color: #333; }

    .kf_qycn_com_cckf_dock_bt { width: auto !important; background: none !important; box-shadow: none !important; }
}



.pagination li .on { background-color: #e0081c; color: #fff; border: solid 1px #e0081c }
.pagination li .unable { background-color: #ddd; color: #808080; border: solid 1px #ddd; cursor: not-allowed }


/*侧边条*/
.icon-bar-qq { width: 50px; height: 50px; display: inline-block; background: url(../img/icon-toolbar.png) no-repeat 0px 0px; overflow: hidden; zoom: 1; vertical-align: middle; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.icon-bar-phone { width: 50px; height: 50px; display: inline-block; background: url(../img/icon-toolbar.png) no-repeat 0px -50px; overflow: hidden; zoom: 1; vertical-align: middle; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.icon-bar-weixin { width: 50px; height: 50px; display: inline-block; background: url(../img/icon-toolbar.png) no-repeat 0px -100px; overflow: hidden; zoom: 1; vertical-align: middle; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.icon-bar-weibo { width: 50px; height: 50px; display: inline-block; background: url(../img/icon-toolbar.png) no-repeat 0px -150px; overflow: hidden; zoom: 1; vertical-align: middle; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.box-toolbar { width: 50px; height: 152px; position: fixed; right: 0px; top: 200px; z-index: 1000; }
.box-toolbar .bar-qq { cursor: pointer; font-size: 16px; height: 50px; width: 50px; overflow: hidden; position: absolute; right: 0px; top: 0px; background-color: #fff; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.box-toolbar .bar-qq:hover { width: 165px; }
.box-toolbar .bar-qq:hover i { background-position-x: -50px; }
.box-toolbar .bar-weibo { cursor: pointer; font-size: 16px; height: 50px; width: 50px; overflow: hidden; position: absolute; right: 0px; top: 51px; background-color: #fff; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.box-toolbar .bar-weibo:hover { width: 150px; }
.box-toolbar .bar-weibo:hover i { background-position-x: -50px; }
.box-toolbar .bar-phone { cursor: pointer; font-size: 16px; height: 50px; width: 50px; overflow: hidden; margin: 1px 0px; position: absolute; right: 0px; top: 101px; background-color: #fff; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.box-toolbar .bar-phone:hover { width: 290px; }
.box-toolbar .bar-phone:hover i { background-position-x: -50px; }
.box-toolbar .bar-weixin { cursor: pointer; height: 50px; width: 50px; overflow: hidden; position: absolute; right: 0px; top: 153px; background-color: #fff; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.box-toolbar .bar-weixin:hover { height: 180px; width: 200px; }
.box-toolbar .bar-weixin:hover i { background-position-x: -50px; }
.box-toolbar .bar-weixin .bar-header { height: 50px; font-size: 16px; }
.box-toolbar .bar-weixin .bar-value { width: 200px; text-align: center; }
.box-toolbar .bar-weixin .bar-value img { height: 104px; width: 104px; }
