@charset "utf-8";
/* CSS Document */
ul, li {margin: 0; padding: 0; list-style: none;}
a, a:hover {text-decoration: none; color: #666;}
img {width: 100%;}
.claer {clear: both;}
body {color: #333; font-family: arial, sans-serif; font-size: 15px;}

.sub {max-width: 1200px; margin: 0 auto;}
.indexsub {margin-top: 30px;}
.indexsub1 {margin-top: 10px;}
.indexsub2 {margin-top: 60px; padding-bottom: 40px; padding-top: 40px;}
.indexsub3 {margin-top: 60px; margin-bottom: 40px;}
.topbar {background: #f3f3f3; border-bottom: solid 1px #e9e9e9; line-height: 200%;}
.top {max-width: 1200px; margin: 0 auto;}
.top p {padding: 0; margin: 0;}
.logo {padding-top: 10px; padding-bottom: 10px;}
.logo img {max-width: 100%;}
.sales {padding-top: 20px; padding-bottom: 20px; font-size: 14px;font-weight:bold; line-height:180%;}
.sales span {font-size: 14px; color: #6fba2c; font-weight:bold;}
.sale {margin-top: 30px;}
.sale i {color: #0068b7;}
.nav1 {max-width: 1200px; margin: 0 auto; font-size: 16px;}

.navbar-default {background:#0068b7; color: #fff; }
.navbar-brand {display: none;}
.navbar {border-radius: 0; margin-bottom: 0; border: none;}
.navbar-default .navbar-nav li a {color: #fff;}
.navbar-default .navbar-nav li a:hover {color: #fff;}
.dropdown ul.dropdown-menu li a {color: #6fba2c;}
.dropdown ul.dropdown-menu li a:hover {color: #0068b7;}

.iabout {padding-bottom: 20px;}
.iabout h1 {font-size: 28px; font-weight: bold; color: #0068b7; margin-top: 0;}
.iabdesc {color: #666; margin-bottom: 15px;}
.iabcont {line-height: 180%; text-align: justify; margin-bottom: 20px; font-size: 16px;}
video {width: 100%; height: 100%;}
.a1 h3 {font-size: 20px; color: #0068b7;}
.a1 i {color: #0068b7;}
.a1 {line-height: 180%; color: #666;}
.a1 .more {color: #6fba2c;}

.pre-scrollable {max-height: 32px;}


.baojia1 {background: #0068b7; color: #fff; line-height: 200%; border-bottom-left-radius: 7px; padding-top: 15px; padding-bottom: 15px;}
.baojia1 h3 {font-size: 18px; padding: 0; display: block; margin: 0;}
.baojia2 {font-size: 16px; line-height: 200%; background: #f3f3f3; padding-top: 9px; padding-bottom: 8px; border-bottom-right-radius: 7px; left: -15px; text-indent: 30px;}
.baojia2 ul li {height: 40px;}
.baojia3 {padding-left: 0;}
.baojia4 {padding-right: 0;}
.baojia2 i {left:-31px; position: absolute; color: #0068b7;}

.newst1 h3 {margin-bottom: 5px; padding: 0;}
.newst1 span {color: #999; font-size: 0.7em;}
.newsimg {padding: 0; line-height: 180%; color: #666; text-align: justify;}
.newsimg h3 {font-size: 20px; margin-top: 0px; color: #333;}
.inewlist {margin-top: 20px; padding-bottom: 20px; color: #666; line-height: 200%;}
.inewlist ul li a {color: #666;}
.inewlist ul li span {float: right;}
.inewlist ul li i {color: #0068b7;}
.inewlist ul li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.prosub h2.bb1 {color: #0068b7; font-size: 1.8em; margin-bottom: 2px;}
.prosub p.bb2 {font-size: 0.7em; color: #0068b7;}
.prosub p.prodes {color: #fff;}
.proclass ul li {font-size: 16px; color: #fff; text-align: center; margin-bottom: 10px;}
.pclass {background: #0068b7; border-radius: 8px; padding: 10px 0;}
.pclass:hover {background: #6fba2c; transition:500ms ease-out;-webkit-transition:500ms ease-out;}
.pclass a {color: #fff;}
.more {color: #0068b7; margin-top: 30px;}
.iproimg ul li {margin-bottom: 10px; margin-top: 10px;}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  background-color: #0068b7;
  overflow: hidden;
  width: auto;
  height: 0;
  transition: .5s ease;
}
.overlay i {position: inherit; left: 48%; bottom:-10px; color: #fff; z-index: 999; }

.iprolist:hover .overlay {
  height: 30%;
	
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 18px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.text a {color: #fff;}


.ab1 {color: #0068b7;}
.ab1 h1 {font-size: 32px;}
.ab1 p.ptext {color: #666; line-height: 180%;}

.cc1 h3.cc2 {color: #0068b7; font-size: 18px;}
.cc1 p.cc3 {color: #666; line-height: 180%; text-align: justify;}
.cc1 p.cc3 a {color: #6fba2c;}

.footer {background: #0068b7; margin-top: 40px; padding-bottom: 30px; padding-top: 40px;}
.foot {background: #0068b7; padding-bottom: 30px; padding-top: 40px;}
.copyright {color: #fff; line-height: 180%; font-size: 14px;}
.qcode img {width: 100px; float: right;}


/*---内 页 show---*/
.listclass {margin-top: 20px; line-height: 200%;}
.listclass div p em {color: #0067b8;}
.listclass ul li {max-width: 12%; float: left; margin-left: 10px;}
.list {background: #f3f3f3;}
.listsub {margin-bottom: 30px; margin-top: 30px;}
.classlist, .sidebar, .newslist {background: #fff;}
.classlist  p {line-height: 200%; color: #666; text-align: justify;}
.classlist h1 {font-size: 30px; border-bottom: solid 1px #ccc; padding-bottom: 10px;}
.classlist h1 span {font-size: 20px; color: #0068b7; margin-left: 10px;}
.titleclass2 {background: #0068b7; color: #fff; border-left: solid 1px #fff; font-size: 24px; padding-top: 10px;}
.titleclass2 P {font-size: 14px;}
.titleclass {background: #B50003; color: #fff;text-align: center; padding-top: 5px; padding-bottom: 5px;}
.iconfont {font-family: "iconfont" !important; font-size: 45px;}
.sidebar2 {background: #fff;}
.sidelist {background: #fff; line-height: 260%; font-size: 16px; color: #666; border-bottom: solid 1px #f3f3f3; text-align: center;}
.sidelist i {float: left; margin-top: 12px;}

.licheng {margin-left: 15%; border-left: solid 1px #f3f3f3; margin-top: 20px;}
.year-events {position: relative;}
.year-events .year {
    position: absolute;
    top: 0;
    left: -80px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #008cd6;
    background: url(../images/icon-dsj.png) no-repeat right 10px;
    z-index: 999;
}
.events {line-height: 30px; text-align: justify;}
.events .event {padding-bottom: 15px; position: relative;}
.events .event .line {height: 1px; width: 15px; background: #ececec; position: absolute; left: -15px; top: 15px; font-size: 0;}
.events .event .date {color: #3db1ea;}




/*---内 页 shownews---*/
.sidebar3 {background: #fff; margin-top: 20px; padding-bottom: 10px;}
.sidebar3 ul li {line-height: 200%; color: #666; border-bottom: solid 1px #f3f3f3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.classlist p.uptime {font-size: 12px; margin-bottom: 30px; color: #999;}
.classlist table {line-height: 200%; color: #666;}
.newslist li h3 {font-size: 18px; color: #333;}
.newslist li {line-height: 180%; color: #666; border-bottom: solid 1px #f3f3f3; padding-bottom: 10px;}
.newslist li .newstime {color: #999; margin-top: 10px; font-size: 13px;}
.newslist li .newsdesr {margin-top: 15px;}
.fenyue {margin-bottom: 10px; margin-top: 20px;clear: both;}

/*---内 页 product---*/
.prolist {padding: 0;}
.proti {background: #fff; text-align: center; font-size: 16px; padding-bottom: 8px; padding-top: 8px;}
.prolist ul li {margin-bottom: 20px;}
.proides h1 {font-size: 28px;}
.desc {line-height: 180%; color: #666;}
.proides ul.band {color: #666; line-height: 220%; margin-top: 20px;}
.proides ul.band li {border-bottom: solid 1px #f3f3f3;}

.prodesc table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.prodesc table td{border:1px solid #ddd!important}
.prodesc table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.prodesc table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.prodesc, .prodescr {background: #fff; line-height: 200%; padding-bottom: 20px; padding-top: 20px;}
.showpro {padding-bottom: 20px;}
.prodescr h3 {font-size: 22px; margin-top: 0; margin-bottom: 10px; border-bottom: solid 1px #f3f3f3; padding-bottom: 5px;}
.prodescr ul li {margin-top: 5px; margin-bottom: 5px;}

/*--baojia--*/
.baj {border-top: solid 1px #ccc;}
.baj ul li {border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc;}

.jobadd {color: #0067b8;}
.join {padding-top: 15px;}
.btn-job a {color: #fff;}
.showjob, .jobedt {padding: 0;}
.showjob ul li.jobeditor {border-right: 1px solid #fff; background: #f3f3f3; text-align: center; line-height: 230%; border-bottom: 1px solid #fff;}
.jobedt {padding-top: 20px; margin-bottom: 20px;}
.jobedt h3 {font-size: 18px; border-bottom: solid 1px #f3f3f3; padding-bottom: 5px; margin-bottom: 20px;}

.copyright a {color: #fff;}

/*--OA--*/
.wuyou-waiter{position: fixed; right: 0px; top:50%; margin-top: -90px; width: 60px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 80px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -88px; opacity: 1;}

.waiter-ul li.wuyou-shop a{background-image: -webkit-linear-gradient(left, #f60, #ffb443);background-image: -moz-linear-gradient(left, #f60, #ffb443);background-image: -ms-linear-gradient(left, #f60, #ffb443);}
.waiter-ul li.wuyou-shop .waiter-title{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#f60; }

.waiter-ul li.wuyou-contact a{background-image: -webkit-linear-gradient(left, #00b7ee, #55d8ff);background-image: -moz-linear-gradient(left, #00b7ee, #55d8ff);background-image: -ms-linear-gradient(left, #00b7ee, #55d8ff);}
.waiter-ul li.wuyou-contact .waiter-title{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00b7ee; }

.waiter-ul li.wuyou-top a{background-image: -webkit-linear-gradient(left, #333, #666);background-image: -moz-linear-gradient(left, #333, #666);background-image: -ms-linear-gradient(left, #333, #666);}
.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }



@media only screen and (max-width: 767px){
	.sale, .sales, .wuyou-waiter {display: none;}
	.navbar-default .navbar-brand {display: block; color: #fff;}
	.navbar-default .navbar-nav .open .dropdown-menu li a {color: #fff;}
	.proclass ul li {font-size: 14px;}
	.listclass {display: none;}
}
@media only screen and (min-width: 768px) and (max-width:991px){
    .sale, .sales, .wuyou-waiter {display: none;}
	
}
@media only screen and (min-width: 992px) and (max-width:1199px){
	
}