@charset "utf-8";
/* CSS Document */
body { 
  MARGIN: 0px; 
  PADDING: 0px;  
  FONT-FAMILY: sans - serif;
  COLOR: #000; 
  FONT-SIZE:14px; 
   width:100%;
  min-width:1200px;
  margin:0 auto;

 }
html{ height: 100%; margin-bottom: 1px; }/*去除火狐滚动条页面抖动*/

 /*链接样式*/
a{ font-size:14px; color:#444;} 
a:link{text-decoration : none ;color : #444;} 
a:visited {text-decoration : none ;color : #444;} 
a:hover {text-decoration : underline ;color: #ED1218;} 
a:active {text-decoration : none ;color : #444;}

/*去除链接虚线*/  
a{
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}

 /*定义层容器*/
.main {
  margin:0 auto;
  min-width:1200px;
  max-width:1520px;
}
#head {
 width:100%;
 margin:0 auto;
 padding:0;
 overflow:hidden;
}

p,ul,li{ padding:0; margin:0; list-style-type: none;}
img{ border:0;}
.clear{ clear:both }


/*定义主内容*/
#PageBody { float:left; display:inline; width:100%; height:auto;}
.page_top{ width:100%; height:86px; background-color:#0D1F2D; position:relative;}
.page_top p img{ float:left; margin:20px 0 0 20px;}
.page_top ul li{ float:left; display:inline;  margin:0 10px 0 20px; position:relative;}
.page_top ul li a{ font-size:16px; color:#fff; text-decoration:none; display:block; margin-top:30px; padding-bottom:6px;}

/*主菜单样式*/
#menu {
  float:right;
  list-style-type: none;
  padding: 0;
  margin: 0 10px 0 0;
  display: flex;
  justify-content: center;
}

#menu li {
  position: relative;
  margin: 0 10px 0 15px;
}

#menu li a {
  text-decoration: none;
  color: #fff;
  padding: 5px 2px;
  display: block;
}

.line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.m_line .line {
  left: 0;
  width: 100%;
}

/* 动画效果 */
@keyframes lineExpand {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes lineShrink {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}


#banner{ float:left; display:inline; width:100%; height: auto; min-width:1420px;}
.focusBox { position: relative; width:100%; height:auto; float:left;}	
.focusBox .pic{ position:relative; z-index:0; text-align:center; float:left; width:100%; display:inline; height:auto;}	
.focusBox .pic img { width:100%; display: block; height:100%;}	
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }	
.focusBox .hd li{
	margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;		display:inline-block; *display:inline; zoom:1;  _background: url(images/dot8.png) no-repeat 0 -16px;	}	
.focusBox .hd .on{ background-position:0 0; }	
.focusBox .prev,	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(images/ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }	
.focusBox .prev { left: 0; }	.focusBox .next { background-position: 0 -90px; right: 0; }	
.focusBox .prev:hover,	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }	
.focusBox  ul{ padding:0; margin:0;}
.focusBox  ul li{ display:inline; }

.box-1{ float:left; width:100%; background-color:#F5F5F7; padding:90px 0;}
.box-2{ float:left; width:100%; height:940px; background:#fff url(images/abt_gc.jpg) no-repeat right bottom; }
.box-3{ float:left; width:100%; height:840px;  background:#fff url(images/show_bg.jpg) no-repeat center top; background-size: cover; padding:90px 0;}
.box-4{ float:left; width:100%; height: auto;  padding:90px 0;}
.box-5{ float:left; width:100%; height:840px;  background:#fff url(images/case_bg.jpg) no-repeat center top; padding:90px 0; background-size: cover;}
.box-6{ float:left; display:inline; width:100%; height:auto;}

.tit-1{ float:left; display:inline; width:100%; text-align:center;}
.tit-1 h1{ font-size:38px; margin:0; padding:10px 0;}
.tit-1 span{ width:100%; color:#666; font-size:18px; margin:20px 0 0 0; float:left; display:inline;}

.tit-2 {
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    border-bottom: #eee solid 1px;
    padding-bottom: 10px;
}

    .tit-2 h1 {
        font-size: 24px;
        margin: 0;
        padding: 10px 0;
    }

    .tit-2 span {
        float: left;
        display: inline;
        width: 100%;
        margin: 10px 0 0 0;
        color: #666;
    }

.pro-1{ float:left; display:inline; width:100%; height:auto; margin-top:40px;}
.pro-1 ul li{ float:left; width:48%; margin-top:40px; }
.pro-1 ul li:nth-child(odd){ float:left;}
.pro-1 ul li:nth-child(even){ float:right;}
.pro-1 ul li a{ float:left; display:inline;box-shadow:1px 6px 4px 3px #eee; width:100%;  box-sizing: border-box;  background-color:#fff; height:380px; border-radius:20px; padding:40px; position:relative;}
.pro-1 ul li a strong{ float:left; width:100%; background:url(images/pro_line.jpg) no-repeat left bottom; padding-bottom:20px; font-size:28px; }
.pro-1 ul li a span{ float:left; width:80%; display:inline; margin:20px 0 0 0; font-size:16px; color:#666; line-height:180%;}
.pro-1 ul li a img{ float:left; display:inline; width:100%;}
.pro-1 ul li a sub{ position:absolute; background-color:#0E6E6D; width:30px; height:30px; line-height:36px; border-radius:20px; left:40px; top:190px; color:#fff; text-align:center; }
.pro-1 ul li a:hover{box-shadow:1px 6px 4px 3px #ddd;}

.abt{ float:left; display:inline; width:64%;}
.abt h1{ float: left; display:inline; margin:100px 0 0 0; padding:10px 0; width:100%; font-size:38px;}
.abt span{ float:left; width:100%; display:inline; margin:40px 0 0 0; font-size:16px; line-height:180%;}
.abt ul{ float:left; display:inline; margin:60px 0 0 0;}
.abt ul li{ float:left; display:inline; text-align:center; width:186px; margin-right:40px; font-size:18px;}
.abt ul li img{ width:100%; padding-bottom:10px; }


.ind-show{ float:left; display:inline; width:100%;}
.ind-show-hd{ float:left; display:inline; width:100%;}
.ind-show-hd ul{  width:660px; margin:40px auto 0 auto;}
.ind-show-hd ul li{ float:left; display:inline; padding:10px 40px; border:#333 solid 1px; margin:0 0 0 20px; cursor:pointer;}
.ind-show-hd .on{ background-color:#0E6E6D; color:#fff;}
.ind-show-bd{ float:left; display:inline; width:100%;}
.ind-show-bd ul{ float:left; display:inline; width:100%; margin-top:60px;}
.ind-show-bd ul li{ float:left; display:inline; width: calc(50% - 5px);}
.ind-show-bd ul li:nth-child(odd){ float:left;}
.ind-show-bd ul li:nth-child(even){ float:right;}
.ind-show-bd ul li img{ float:left; display:inline;}
.ind-show-pic1{ width:100%; height:574px;}
.ind-show-pic2{ width:100%; height:282px;}
.ind-show-pic3{ width: calc(50% - 5px); height:282px; margin-top:10px;}
.ind-show-pic4{ float:right !important; margin-top:10px; width: calc(50% - 5px); height:282px;}
.ind-show-pic5{ width:100%; height:574px;}
.hz{ display:flex; flex-wrap: wrap;justify-content: space-between; padding:0; margin:40px 0 0 0;}
.hz img{  width: calc(20% - 30px); margin:0 15px 30px 15px;  box-sizing: border-box; border:#ccc solid 1px;}

.ind-news{ float:left; display:inline; width:100%; height:auto;}
.ind-news-L { float:left; display:inline; width:40%; margin-top:60px; position:relative; height:auto; overflow:hidden;}
.ind-news-L li{ float:left; width:100%; height:430px; position:relative; }
.ind-news-L li img{ float:left; display:inline; width:100%; height:430px; }
.ind-news-L li div{ position:absolute; width:100%; left:0; bottom:-100px; background:url(images/span_blank_70.png) repeat; padding:20px 20px; color:#fff; box-sizing: border-box;}
.ind-news-L li div dd{ padding:0; margin:0; float:right; display:inline; width:50px;}
.ind-news-L li div sup{ padding:0; margin:0; width:100%; text-align:center; float:left; display:inline; border-bottom:#fff solid 1px; font-size:16px; padding-bottom:2px;}
.ind-news-L li div sub{ padding:0; margin:0; width:100%; text-align:center; float:left; display:inline; font-size:16px; margin-top:2px;}
.ind-news-L li div p{ float:left; display:inline; width:85%;}
.ind-news-L li div a{ float:left; display:inline; font-size:18px; color:#ddd;}
.ind-news-L li div span{ float:left; display:inline; width:100%; font-size:12px; color:#ccc; margin-top:8px;}
.ind-news-L .num{ position:absolute; right:20px; top:20px;}
.ind-news-L .num li{ width:10px; height:10px; float:left; border:#fff solid 1px; margin-left:10px; border-radius:10px;}
.ind-news-L .on{ background-color:#fff;}

.ind-news-R{ float:right; display:inline; width:60%; margin-top:50px;}
.ind-news-R ul li{ float:left; display:inline; width:49%; margin-left:1%; margin-top:10px; background-color:#F9F9F9; height:100px; padding:20px 10px 20px 0; box-sizing: border-box;}
.ind-news-R ul li dd{ float:left; display:inline; padding:0; margin:0; width:15%; height:70px; border-right:#E5E5E5 solid 1px; text-align:center;}
.ind-news-R ul li sup{ padding:0; margin:15px 0 0 0; width:100%;  float:left; display:inline; font-size:16px; padding-bottom:2px;}
.ind-news-R ul li sub{ padding:0; margin:0; width:100%; float:left; display:inline; font-size:12px; margin-top:2px;}
.ind-news-R ul li div{ float:right; display:inline; width:82%;}
.ind-news-R ul li div a{  font-weight:bold; float:left; display:inline;}
.ind-news-R ul li div span{ float:left; display:inline; width:100%; margin:8px 0 0 0; font-size:12px; color:#666; line-height:160%;}

.ind-case{ float:left; display:inline; width:100%; height:auto; margin-top:40px;}
.ind-case ul{display:flex; flex-wrap: wrap;justify-content: space-between; padding:0; margin:0;}
.ind-case li{ float:left; display:inline; width: 32.5%; margin-top:20px; box-sizing: border-box; text-align:center; font-size:16px;}
.ind-case li img{ width:100%; margin-bottom:8px; height:280px;}

.btm-T{ float:left; display:inline; width:100%; height:270px; background:url(images/btm_lx.png) no-repeat center top; background-size: cover; margin-top:40px;}
.btm-C{ float:left; display:inline; width:100%; background-color:#0D1F2D; height:auto; color:#F9F9F9; padding:90px 0;}
.btm-C a{ color:#F9F9F9;}
.btm-C ul{ float:left; display:inline; width:15%;}
.btm-C ul em{ font-size:16px; font-weight:bold; font-style:normal; float:left; display:inline; width:100%; margin-bottom:15px;}
.btm-C ul li{ float:left; display:inline; width:100%; margin-top:10px;}
.btm-lx{ margin-left:5%; width:30% !important;}
.btm-lx li{ margin-top:20px !important;}
.btm-lx li b{ font-size:38px; font-weight:normal;}
.btm-B{ float:left; display:inline; width:100%; border-top:#F9F9F9 solid 1px; margin-top:40px;}
.btm-B span{ float:left; display:inline; margin-top:40px;}
.btm-B dd{ float:right; display:inline; padding:0; margin:40px 20px 0 0;}

.bg-1{ background-color:#F5F6F8;}
.web-bar{ float:left; display:inline; width:100%; height:388px; }
.web-bar2{ float:left; display:inline; width:100%; height:542px;}
.Nav {
    float: left;
    display: inline;
    width: 100%;
    margin: 40px 0 0 0;
}


/*产品中心*/
.pro-sort{ float:left;  display: flex; width:100%; justify-content: center; padding:30px 0 0 0;}
.pro-sort ul{ margin:0 auto !important;}
.pro-sort ul li{ float:left; display:inline; margin:20px 10px 10px 10px;}
.pro-sort ul li a{ padding:10px 40px; border:#0D1F2D solid 1px; font-size:18px;}
.pro-sort ul li a:hover{ text-decoration:none; background-color:#0D1F2D; color:#fff;}
.pro-on{background-color:#0D1F2D; color:#fff !important;}
.pro-on-02 {
    background-color: #0D1F2D;
    color: #fff !important;
}

.pro-list{float:left; width:100%; height:auto; margin:20px 0 0 -20px;}
.pro-list a{ float:left; display:inline; margin:20px 0 20px 1.3%; background-color:#FC0; width:32%;box-sizing: border-box; padding:20px; border:#ddd solid 1px; background-color:#fff;}
.pro-list a img{ float:left; display:inline; width:100%;}
.pro-list a b{ float:left; display:inline; width:100%; font-size:18px; font-weight:normal; margin-top:10px;}
.pro-list a span{ float:left; display:inline; width:100%; font-size:12px; font-weight:normal; height:50px; line-height:180%; margin:8px 0 0 0; color:#666;}
.pro-list a dd{ padding:0; margin:10px 0 0 37%;  background-color:#0D1F2D; float:left; padding:5px 25px; color:#fff;}
.pro-list a:hover{ border:#0E6E6D solid 1px;}
.pro-list a:hover dd{ background-color:#0E6E6D;}


.tit-4{ float: left; display: block; width: 100%; margin:60px 0 40px 0; text-align: center;}
.tit-4 b{ font-size: 34px; font-weight: normal; background: url(images/line_tit4.gif) no-repeat center bottom; padding-bottom: 10px;}


#js_tit{float: left; display: block; width: 100%;   font-size: 18px; color: #333; font-weight: normal; background: url(images/js_tit.gif) no-repeat left center; padding:10px 0 10px 25px; border-bottom: #ccc dashed 1px;}
#vd{float: left; display: block; width: 920px; margin:0px 0 0 calc(50% - 460px); height: 500px;  padding:0; background: url(images/pro_tit_bg.jpg) no-repeat center top; background-size: cover;}


.pro-show-tit{ float: left; display: block; width: 100%; height: 640px;  padding:0; background: url(images/pro_tit_bg.jpg) no-repeat center top; background-size: cover;}
.pro-show-tit-cot{ float: left; width: 100%; height: auto;  box-sizing: border-box; }
.pro-show-tit-cot_L{ float: left; display: inline; width: 40%; height: 460px; border: #333 solid 3px; margin-top: 60px; position: relative;}
.pro-show-tit-cot_L ul{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
.pro-show-tit-cot_L ul li{ float: left; display: block; width: 100%; height: 100%;}
.pro-show-tit-cot_L ul li img{ float: left; display: block; width: 100%; height: 100%;}
.pro-show-tit-cot_L .num{ position: absolute;  width:20%; margin:0 0 0 40%; height: 20px; bottom: -40px; }
.pro-show-tit-cot_L .num li{ width: 10px; height: 10px; background-color:#7C858E; color: #7C858E; border-radius: 50%; list-style: none; margin: 0  5px; overflow: hidden; float: left;}
.pro-show-tit-cot_L .num li.on{ background-color: #0C202B; color: #0C202B;}

.pro-show-tit-cot_R { float: right; display: inline; width: 55%; margin-top: 60px;}
.pro-show-tit-cot_R  sub{ float: left; display: block; border: #EC6B1A solid 1px; padding: 4px 10px; color: #EC6B1A; border-radius: 20px; margin-top: 100px;}
.pro-show-tit-cot_R  h1{ float: left; display: block; width: 100%; padding: 0; margin: 0; font-size: 34px; font-weight: normal;}
.pro-show-tit-cot_R  h1 b{font-weight: normal; color: #EC6B1A;}
.pro-show-tit-cot_R  span{ float: left; display: block; width: 100%; line-height: 200%; margin: 20px 0 0 0; height: 300px; overflow-x: hidden; overflow-y: auto; padding: 0 0 30px 0; border-bottom: #ddd solid 1px;}
.pro-show-tit-cot_R  ul{ float: left; display: inline; width: 60%; margin-top: 30px;}
.pro-show-tit-cot_R  ul li{ float: left; display: block; width: 100%; margin-top: 10px;}
.pro-show-tit-cot_R  a{ float: left; display: inline; background-color: #EC6B1A; color: #fff; padding: 8px 30px; margin: 20px  0 0 0;}

.pro-show{ float:left; display:inline;  width:100%; min-height:500px;  margin:20px 0 20px 0; box-sizing: border-box; }

.yp-cot{ float: left; display: block; width: 100%;}
.yp-cot ul{ display: flex; justify-content: left; flex-wrap: wrap; align-content: flex-start; gap: 20px; width: 100%; float: left; margin-top: 20px;}
.yp-cot ul li{ flex: 0 0 calc(25% - 15px); overflow: hidden;}
.yp-cot ul li img{ float: left; display: block; width: 100%; transition: all 0.5s ease;}
.yp-cot ul li span{ float: left; display: block; width: 100%; text-align: center; background-color: #EC6B1A; color: #fff; padding: 10px 0;}

.yp-cot ul li img:hover{ transform: scale(1.1);}


.cot {
    line-height: 200%;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding:20px 0;
}

/*关于我们*/

.abt-about {
    float: left;
    display: inline;
    background-color: #F5F6F8;
    padding:0 0 40px 0;
    width:100%;
}
.abt-about-L {
    float:left;
    display:inline;
    width:48%;
    margin:40px 0 0 0;
}
.abt-about-R {
    float: right;
    display: inline;
    width: 48%;
    margin: 40px 0 0 0;
}
.abt-tit{ float:left; display:inline; width:100%; margin:20px 0 0 0; }
.abt-tit h2{ padding:0; margin:10px 0 0 0; float:left; display:inline; font-size:32px; letter-spacing:4px; width:100%;}
.abt-tit img {
        float:left;
        display:inline;
 }

.abt-factory{ float:left; display:inline; width:100%; padding:40px 0;}

.abt-factory-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 20px 0 0 0;
    width:100%;
    float:left;
}

.abt-factory-list img{
    float: left;
    display: inline;
    width: 32.5%;
    margin-top: 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
}

.abt-honor{
    float:left; 
    display:inline;
}
.abt-honor-pic{
     width:100%;
     text-align:center;
     float:left;
     display:inline;
     margin-top:00px;
     height:800px;
     background:url("images/show_ry.jpg") no-repeat center center;
}
.abt-process {
    float:left;
    display:inline;
    width:100%;
    padding:40px 0;
}
.abt-process-cot {
    float: left;
    display: inline;
    width: 100%;
    background: #F9F9F9 url("images/abt_pic-2.jpg") no-repeat right top;
    height: 724px;
    border-radius:10px;
    margin:40px 0 0 0;
}
.abt-process-cot ul {
    float:left;
    display:inline;
    width:580px;
    margin:60px 0 0 80px;
}
.abt-process-cot ul li {
    float: left;
    display: inline;
    width:100%;
    color:#666;
    font-size:16px;
    margin-bottom:20px;
}
.abt-process-cot ul li b{
     width:100%;
     float:left;
     display:inline;
     font-size:34px;
     color:#666;
     padding:15px 0;

}

/*新闻资讯*/

.news-tit {
    float:left;
    display:inline;
    width:100%;
    margin:40px 0 0 0;
}
.news-tit h1 {
    float: left;
    display: inline;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 42px;
    letter-spacing: 4px;
}
.news-tit b {
    color: #ED6C1B;
}
.news-tit span {
    float:left;
    display:inline;
    width:100%;
    margin:10px 0 0 0;
    font-size:18px;
    color:#666;
}
.news-list{
    float:left;
    display:inline;
    width:100%;
    height:auto;
    margin:20px 0 0 0;
}
.news-list a{
    float:left;
    display:inline;
    width:100%;
    box-shadow:1px 6px 4px 3px #eee;
    height:240px;
    overflow:hidden;
    margin:20px 0 20px 0;
    border:1px solid #eee;
}
.news-list a:hover{
    box-shadow:1px 6px 4px 3px #ddd;
    border:1px solid #ddd;
}

.news-list a img{
    float:left;
    display:inline;
    width:380px;
    height:240px;
}
.news-list a dl{
    float:left;
    display:inline;
    width:240px;
    height:100%;
    margin:0;
    padding:0;
    text-align:center;
}
.news-list a dt{
    float:left;
    display:inline;
    width:100%;
    margin:70px 0 0 0;
    padding:0;
    font-size:34px;
}
.news-list a dd{
    float:left;
    display:inline;
    width:100%;
    margin:10px 0 0 0;
    padding:0;
    font-size:20px;
}


.news-list a p{
    float:left;
    display:inline;
    width: calc(100% - 800px); 
    margin:0;
    padding:0;
}

.news-list a b{
    float:left;
    display:inline;
    width:100%;
    margin:40px 0 0 0;
    padding:0;
    font-size:20px;
    line-height:180%;
}
.news-list a span{
    float:left;
    display:inline;
    width:100%;
    margin:10px 0 0 0;
    padding:0;
    font-size:16px;
    line-height:180%;
    color:#666;
}
.news-list a s{
    float:right;
    display:inline;
    width:140px;
    height:100%;
    margin:0;
    padding:0;
    background:url("images/news_a.png") no-repeat center center;
}

/*联系我们*/
.contact-tit {
    float: left;
    display: inline;
    width: 100%;
    height: 150px;
    margin: 0;
    background: url("images/contact_line-2.jpg") no-repeat center bottom;
}
.contact-tit h1{
    float:left;
    display:inline;
    width:100%;
    height:100px;
    margin:10px 0 0 0;
    padding:0;
    font-size:24px;
    font-weight:normal;
    text-align: center;
    line-height: 140px;
    letter-spacing:2px;
    background: url("images/contact_line-1.gif") no-repeat center center;
}
.contact-cot {
     width:1200px;
     margin:40px auto 0 auto;
}

.contact-cot-L {
    float: left;
    display: inline;
    width: 47%;
    margin:40px 0 0 0;
}
.contact-cot-R {
    float: right;
    display: inline;
    width: 47%;
    margin:40px 0 0 0;
}
.contact-tit-2 {
    float: left;
    display: inline;
    width: 100%;
}
.contact-tit-2 b{
    font-size:24px;
    font-weight:normal;
    padding-right:10px;
}
.contact-cot-R ul {
    float: left;
    display: inline;
    width: 100%;
    margin:40px 0 0 0;
}
.contact-cot-R ul li{
    float: left;
    display: inline;
    width: 100%;
    padding:10px 0;

}

/*案例*/
.case {
    float:left;
    display:inline;
    width:100%;
   margin: 40px 0 0 0;
}

.case-list {
    float: left;
    display: inline;
    width: 100%;
    margin: 20px 0 0 -20px;
}
.case-list li{
    float:left;
    display:inline;
    width:32%;
    box-sizing: border-box;
    margin:20px 0 20px 1.3%;
    text-align:center;
}
.case-list img{
    float:left;
    display:inline;
    width:100%;
}
.case-list b{
    float:left;
    display:inline;
    width:100%;
    margin:0;
    padding:10px 0;
    font-weight:normal;

}


/*分页*/
#pagelist {
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 14px;
    text-align: center;
    padding-top: 15px;
}
#pages{ margin:0 auto; width:auto; }
#pages a{padding:8px 15px; border:#ccc solid 1px; margin:0 2px; background-color:#fafafa; border-radius: 5px;}
#pages a:hover{ border:#ED1218 solid 1px; text-decoration:none; background-color:#fff; color:#ED1218;}
.page_on{ border:#0E6E6D solid 1px !important; background-color:#0E6E6D !important; color: #FFf !important;}
#rpage{ float:right; display:inline; }
#rpage a{ float:left; display:inline; padding:0 7px; height:23px; line-height:23px; border:#ccc solid 1px; margin:0 2px; border-radius: 5px;}
#rpage a:hover{ border:#000 solid 1px; text-decoration:none; background-color:#333; color:#ccc;}
.page_no{ float: none; padding:8px 15px; margin:0 2px; border:#eee solid 1px; background-color:#fafafa; color:#999; border-radius: 5px;}


/*按钮*/

blockquote,button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, ol, p, pre, td, textarea, th {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
button, input, select, textarea {
    font-size: 100%
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box
}
.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 2px
}

.layui-input::-webkit-input-placeholder, .layui-select::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder {
    line-height: 1.3
}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px
}

.layui-input:hover, .layui-textarea:hover {
    border-color: #0E6E6D !important
}

    .layui-input:focus, .layui-textarea:focus {
        border-color: #0E6E6D !important;
        box-shadow: 0 0 0 3px rgba(22,183,119,.08)
    }

.layui-textarea {
    position: relative;
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical
}

.layui-input[disabled], .layui-textarea[disabled] {
    background-color: #fafafa
}

.layui-select {
    padding: 0 10px
}

.layui-btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: #0E6E6D;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.layui-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}

.layui-btn:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.layui-btn + .layui-btn {
    margin-left: 10px
}

.layui-btn-container {
    word-spacing: -5px
}

.layui-btn-container .layui-btn {
    margin-right: 10px;
    margin-bottom: 10px;
    word-spacing: normal
}

.layui-btn-container .layui-btn + .layui-btn {
    margin-left: 0
}

.layui-table .layui-btn-container .layui-btn {
    margin-bottom: 9px
}

.layui-btn-radius {
    border-radius: 100px
}

.layui-btn .layui-icon {
    padding: 0 2px;
    vertical-align: middle\0;
    vertical-align: bottom
}

.layui-btn-primary {
    border-color: #0E6E6D;
    background: 0 0;
    color: #5f5f5f
}

.layui-btn-primary:hover {
    border-color: #0E6E6D;
    color: #333
    }

.layui-btn-normal {
    background-color: #1e9fff
}

.layui-btn-warm {
    background-color: #ffb800
}

.layui-btn-danger {
    background-color: #ff5722
}

.layui-btn-checked {
    background-color: #16b777
}

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border-color: #eee !important;
    background-color: #fbfbfb !important;
    color: #0E6E6D !important;
    cursor: not-allowed !important;
    opacity: 1
}


@media only screen and (max-width: 1620px) {
	
}