body{line-height:28px; font-family:"Microsoft YaHei"; color:#333333; font-size:14px;}
.row{margin:0;}
p{text-indent:2em;margin:5px 0;}
a{color:#333333;}
a.more{color:#81c0e1;}
a:hover{text-decoration:none;color:#4d036b;}
.martop{margin-top:40px;}
.martop30{margin-top:30px;}
.title{text-align: center;font-size: 24px;margin-top: 60px;margin-bottom: 20px;}
.title span{display: block;background: url(../images/titlebg.jpg) repeat-x center center;width: 30%;margin: 0 auto;}
.title span a{background-color: white;padding: 0 10px;font-size: 18px;color: #ffb701;font-family: Arial;}
.subtitle{text-align: center;color: #999999;margin-top: 60px;margin-bottom: 30px;}
.subtitle span{background: url(../images/subtitlebg.png) no-repeat center bottom;font-family: Arial;display: block;height: 40px;font-size: 20px;font-weight: 600;color: #333333;}
.table-bordered{border:0;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th{border:0; padding:10px;color:#333333; line-height:28px;}
.table-striped>tbody>tr>th{color:white; text-align:center; font-size:16px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:2px solid white;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:10px;line-height:28px;vertical-align: middle;}
.table-striped>tbody>tr{background-color:#f2f2f2;}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#d6ebf6;}
.table>tbody>tr>td{vertical-align:middle;}
.table>tbody>tr>th{background-color:#81c0e1;}
a.more{background-color: #ffb701;color: white;padding: 5px 10px;}

/* navbar */
.navbar{margin-bottom:0; border:none; border-radius:0;}
.navbar-default{background-color:white;padding: 34px 0 20px;}
.navbar-default .navbar-nav>li>a{font-size: 16px;background-color: white;padding-left: 0;}
.navbar-default .navbar-nav>li.dropdown>a{background: url(../images/navbg03.png) no-repeat right center;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background: url(../images/navbf01.png) no-repeat bottom center; color:#0248a1;}
.navbar-default .navbar-nav>li.dropdown>a:focus, .navbar-default .navbar-nav>li.dropdown>a:hover{background: url(../images/navbg02.png) no-repeat right center;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: url(../images/navbf01.png) no-repeat bottom center; color:#0248a1;}
.navbar-nav>li{ margin: 0 10px; }
.navbar-nav>li img{margin-right: 10px;}
.dropdown-menu>li>a{padding:7px 20px;}
.dropdown-menu{background-color: #ebf5ff;min-width: 440px;padding:10px 20px;}
.dropdown-menu .jianjiao{position: absolute;top:-23px;left: 50%;margin-left: -14px;}
.navbar-right .dropdown-menu{right: -170px;}
.navbar-nav>li>.dropdown-menu{margin-top: 5px;}
.dropdown-menu>li{float: left;}
.dropdown-menu h4{border-bottom: dashed 1px #666666;padding-bottom: 10px;}
.dropdown-menu>li p{text-indent: 0;line-height: 22px;font-size: 12px;}
.dropdown-menu li img{width: 100%;}
.dropdown-menu li.dropdown-con01{border-right: dashed 1px #666666;width: 55%;padding-right: 20px;}
.dropdown-menu li.dropdown-con02{width: 40%;padding-left: 20px;}
.dropdown-menu li.dropdown-con02 ul li{line-height: 45px;border-top: dashed 1px #666666;}
.dropdown-menu li.dropdown-con02 ul li:first-child{border-top:none;}
.navbar>.container .navbar-brand{background: url(../images/home.png) no-repeat center center; margin-left: 0;}
.navbar-toggle{margin-top:-50px;}
.nav-code{ position: absolute; right: 20px; top: 0; width: 200px; }
.nav-code img{ width: 100%; }

/* banner */
.carousel-indicators .active{background-color: #ffb701;}
.carousel-indicators li{background-color:white;border-color: #ffb701;}
.banner-prev,.banner-next{position: absolute;top: 50%;}

/* zzbox */
.zzbox{text-align: center;overflow: hidden;position: relative;margin-bottom: 30px;}
.zzbox:before{content: "";width: 0;height: 100%;background: #114593;padding: 14px 18px;position: absolute;top: 0;left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.zzbox:hover:before{width: 100%;left: 0;opacity: 0.8;}
.zzbox img{width: 100%;height: auto;}
.zzbox .box-content{width: 100%;padding: 14px 18px;color: #fff;position: absolute;top: 28%;left: 0;cursor: pointer;}
.zzbox .title{line-height: 30px;text-transform: uppercase;margin: 0;opacity: 0;transition: all 0.5s ease 0s;}
.zzbox .post{font-size: 16px;text-transform: capitalize;opacity: 0;transition: all 0.5s ease 0s;color: #ffb701;}
.zzbox:hover .title,
.zzbox:hover .post{opacity: 1;transition-delay: 0.5s; text-indent:0;}

/* aboutus */
.zoujin h4{text-align: center;font-size: 20px;}

/* kehu */
.kehu{margin-bottom: 120px;}
.kehu img{margin-bottom: 20px;border:1px solid #cccccc;}

/* footer */
.footer{background-color: #00499e;padding: 30px 0;}
.footer-con{position: relative;}
.footer-fix{position: absolute;top:-40px;left:50%;margin-left:-55px;background: url(../images/footerbg.png) no-repeat;width: 113px;height: 27px;line-height: 27px;color: white;text-align: center;}
ul.index-contact{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
ul.index-contact li{display: flex;}
ul.index-contact li img{margin-right: 10px;}
ul.index-contact li span{margin-top: 10px;line-height: 25px;color: white;}
.footer-zhenwei{text-align: right;}
.footer-zhenwei img{margin-left: 20px;}
.copyright{color: white;margin-left: 30px;}

/* subpage */
.subpage{padding-bottom: 120px;}
.subpage .newstitle{line-height: 50px;margin: 0 3px 20px 3px;background: url(../images/newstitlebg.png) no-repeat center bottom;}
.subpage .newstitle .subpage-position{float: right;font-size: 12px;}
.subpage .newstitle .subpage-position a{font-size: 12px;}
/* qqzl */
.subpage-lanbg{background-color: #f0f7ff;padding-top:60px;}
.case-tab .case-ul li{padding: 20px 0;text-align: center;margin-bottom: 20px;}
.case-tab .case-ul li:nth-of-type(1){background-color: #00499e;}
.case-tab .case-ul li:nth-of-type(2){background-color: #009e95;}
.case-tab .case-ul li:nth-of-type(3){background-color: #f6900c;}
.case-tab .case-ul li:nth-of-type(4){background-color: #9e0082;}
.case-tab .case-ul li:nth-of-type(5){background-color: #0f9e00;}
.case-tab .case-ul li a{font-size: 18px;color: white;}
.case-tab .case-right{background-color: white;border:1px solid #e3eaf1;padding-bottom: 20px;}
.case-tab .case-right .zzbox{margin-bottom: 0;}
.case-tab .case-right .zzbox .box-content{top: 20%;}
.case-tab .case-right .zzbox:before{background-color: #333333;}
.case-tab .case-right .col-md-4{padding-right: 3px;padding-left: 3px;height: 230px;}
.case-tab .col-md-10{padding-left: 25px; padding-right: 25px;}
.case-tab table{margin-bottom: 20px;}
.case-tab .case-right p{}


/* about us */
.about-jieshao{position: relative;}
.about-jieshao .about-jieshao-pic{width: 40%;}
.about-jieshao .about-jieshao-text{position: absolute;width: 65%;right: 0;top: 50%;background-color: #f0f7ff;padding: 20px;transform: translateY(-50%);}
.about-jieshao .about-jieshao-text p{margin: 0;}
/* wenhua */
.about-wenhua{background: url(../images/aboutpic02.jpg) no-repeat top center;padding-bottom: 50px;padding-top:30px;margin-top: 60px;}
.about-wenhua .subtitle{margin-top: 0;}
.about-wenhua .media{margin-left: 15%;}
.about-wenhua .media .media-left{background: url(../images/aboutpic03.png) no-repeat center center;font-weight: 600;font-size: 30px;line-height: 54px;text-align: center;padding: 0 14px;}
.about-wenhua .media .media-body{padding-left:15px;}
.about-wenhua .media .media-body .media-heading{margin-top: 5px;font-weight: 600;}
.about-wenhua .media .media-body p{text-indent: 0;margin:0;font-weight: 600;color: #666666;}
/* licheng */
/* .about-licheng{background: url(../images/aboutpic04.png) no-repeat top center;position: relative;display: block;height: 400px;}
.about-licheng .about-lc{position: absolute;width: 25%}
.about-licheng .y2015{width: 28%;top: 0;left: 0;}
.about-licheng .y2017{width: 30%;top: 5%;left: 31%;}
.about-licheng .y2019{width: 29%;top: 5%;right: 10%;}
.about-licheng .y2014{width: 12%;bottom: 0;left: 0;}
.about-licheng .y2016{width: 33%;top: 55%;left: 15%;}
.about-licheng .y2018{width: 29%;top: 55%;right: 20%;}
.about-licheng .about-lc{font-size: 12px;line-height: 20px;}
.about-licheng .about-lc ul{list-style: none;display: flex;flex-wrap: wrap;justify-content: left;width: 100%;margin: 0;}
.about-licheng .about-lc ul li{font-size: 12px;width: 75%;margin: 0;line-height: 20px;}
.about-licheng .about-lc ul li:first-child{width: 21%;} */
.about-con{ position: relative; padding: 20px 0; width: 100%; max-width: 1200px; overflow: hidden; margin: auto;}
.about-licheng { height: 560px;  box-sizing: border-box; }
.about-licheng img{transition: all 1s; }
.about-licheng >div{ height: 50%; box-sizing: border-box;}
.about-top{ padding: 0px 20px 20px; vertical-align: bottom; }
.about-bottom{ padding: 20px; vertical-align: top; }
.about-lc{ font-size: 12px; list-style: none; display: inline-block; vertical-align: top; padding-left: 0;}
.about-top .about-lc{ vertical-align: bottom; }
.about-bottom .about-lc{ vertical-align: top;}

.about-lc li{ display: flex; line-height: 18px;}

.about-lc li span:first-child{ width: 68px; text-align: end;}
.about-lc li span:last-child{ flex: 1; }
.y2022{ width: 260px; }
.y2021{ width: 350px; margin-left: 120px; }
.y2020{ width: 350px; margin-left: 90px; }
.y2019{ width: 250px; margin-left: 65px; }
.y2018{ width: 240px; margin-left: 65px; }
.y2017{ width: 240px; margin-left: 65px; }
.y2016{ width: 240px; margin-left: 85px; }
.y2015{ width: 260px; margin-left: 85px; }
.y2014{ width: 200px; margin-left: 95px; }
.left{ position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(180deg); animation: myanimation 5s infinite; cursor: pointer; }
.right{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); animation: myanimation 5s infinite; cursor: pointer; }
@keyframes myanimation{ 0%{opacity: .3;} 50%{opacity: 1;} 100%{opacity: .3;}}
/* rongyu */
.about-rongyu{margin-top: 60px;padding-top: 30px;padding-bottom: 120px;}
.about-rongyu .subtitle{margin-top: 0;}
/* carousel */
.carousel{overflow:hidden;position:relative;}
.carousel .slides{margin: 0px auto;overflow:hidden;position:relative;}
.carousel .slides .slideItem{-moz-box-shadow:0px 0px 5px #cccccc; -webkit-box-shadow:0px 0px 5px #cccccc; box-shadow:0px 0px 5px #cccccc;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;background-color: white;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{left:0px;top:0px;width:100% !important;height: 380px !important;display:block;position:absolute;}
.prevButton,.nextButton{top:160px;width:30px;height:56px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{background:url("../images/btnleft.png") no-repeat;left:0;}
.nextButton{background:url("../images/btnright.png") no-repeat;right:0;}
/* customer */
.customer img{margin-bottom: 20px;border: 1px solid #cccccc;}

/* contact us */
.contactus{background-color: #f3f7f9;}
.contactus .col-md-7{padding-left: 0;}
.contact-text div{margin-top: 20px;}
.contact-text div img{margin-bottom: 5px;}
.contact-text div span{font-size: 16px;color: #f18600;}
.contact-list{box-shadow: 0px 0px 20px 5px #f3f3f3;width: 42%;margin: 3% 4% 3% 4%;padding:20px 15px;}
.contact-list h6{font-size: 20px;font-weight: 600;}
.contact-list p{width: 40px;height: 1px;background-color: #008baf;margin: 10px 0;}
.contact-list img{margin-right: 10px;}
.contact-list ul li{line-height: 35px;}
/* map */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media all and (min-width: 320px) and (max-width: 767px){
  .martop{margin-top:40px;}
   body{font-size:12px; line-height:25px;}
   .title span a{font-size: 12px;}
   /* aboutus */
   .zoujin img{width: 100%;}
   /* subpage */
  .subbanner img{width: 100%;}
  .about-jieshao .about-jieshao-pic{width: 100%;}
  .about-jieshao-pic img{width: 100%;}
  .about-jieshao .about-jieshao-text{width: 100%; position: unset;top: 0;}
  .about-licheng{background: none;height: auto;}
  .about-licheng .about-lc{position: unset;}
  .about-licheng .y2014,.about-licheng .y2015,.about-licheng .y2016,.about-licheng .y2017,.about-licheng .y2018,.about-licheng .y2019{width: 100%;}
  .about-wenhua .media{margin-left: 0;}
  .contact-list{width: 92%;text-align: center;}
  .contact-list p{margin:10px auto;}
  .case-tab .case-right .col-md-4{height: auto;}
  .nav-code{display: none;}
}

@media (min-width: 768px) and (max-width: 991px) {
  body{font-size:12px; line-height:25px;}
  .martop{margin-top:40px;}
  /* navbar */
  .navbar-brand{display:none;}
  .navbar-default .navbar-nav>li>a{font-size: 14px;}
  .navbar-nav>li{margin:0;}
  .logo img{width: 100%;}
  .nav>li>a{padding: 10px 14px;}
  /* aboutus */
  .zoujin img{width: 100%;}

  /* subpage */
  .subbanner img{width: 100%;}
  .about-jieshao .about-jieshao-text{width: 77%;}
  .case-tab .case-right .col-md-4{height: 140px;}
  .case-tab .case-ul li a{font-size: 14px;}
  
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container{padding:0;}
  .martop{margin-top:40px;}
  /* navbar */
  .navbar-brand{display:none;}
  .navbar-nav>li{margin:0;}
  /* aboutus */
  .zoujin img{width: 100%;}

  /* zoujin */
  .about-jieshao .about-jieshao-text{width: 77%;}
  .subbanner img{width: 100%;}
  .case-tab .case-right .col-md-4{height: 190px;}
}

 

@media (min-width: 1200px) { 
  .container{padding:0;width:1200px;}
  .navbar-brand{display:none;}
}