body {font-size:14px;}
a{ text-decoration:none;}
a:hover{  text-decoration:none; color:#a660a3;}

.top { margin:20px auto 0 auto; width:1036px; padding-bottom:40px; overflow:hidden;}
.top .left { float:left;}
.top .right { float:right; text-align:right; color:#999; font-size:18px;}
.navbarsearch-box { background:#a660a3;}
.navbar-box { width:1036px; margin:0 auto; overflow:hidden; font-size:14px;}
.navbar-box .navs{ float:left; width:80%;height:45px;}
.navbar-box .navs li{ float:left; height:45px; width:14.2857143%; text-align:center; font-size:14px; }
.navbar-box .navs li a{ color:#fff; display:inline-block;  line-height:30px; padding:0 10px; margin-top:8px;}
.navbar-box .navs li a:hover{ color:#a660a3; background:#fff; border-radius:5px;}
.navbar-box .navs ul ul{border-radius:5px; width:150px; background:#fff; z-index:100; position:absolute; top:145px;left:200px; padding:10px; display:none;}
.navbar-box .navs li li{ float:none; width:auto; height:30px;}
.navbar-box .navs li li a{ color:#a660a3; display:block; margin:0;}
.navbar-box .navs li li a:hover{ color:#fff; background:#a660a3;}
.navbar-box .search{ float:right; margin-top:10px;height:30px;}
.navbar-box .navs .bx-wrapper .bx-viewport { background:none;}

.banner img{ width:100%;}

.index-center { background:#f0f0f0;}
.banner{ height:466px;  overflow:hidden;z-index:10;}
.banner li{ height:466px; background-position:center; background-repeat:no-repeat;}
    .banner .bx-wrapper .bx-controls-direction a { margin-top:-30px;}
.banner .bx-controls-direction .bx-prev{ background: url(../images/jt.png) no-repeat; width:50px; height:79px;}
.banner .bx-controls-direction .bx-next{background: url(../images/jt.png) no-repeat right;width:50px; height:79px;}
.banner .bx-controls-direction .bx-prev:hover{ background: url(../images/jt.png) no-repeat;}
.banner .bx-controls-direction .bx-next:hover{background: url(../images/jt.png) no-repeat right;}

.newslink-pbox {width:1036px; margin-left:auto; margin-right:auto; z-index:100;position:relative;height:170px; }
.newslink-box {overflow:hidden; position:absolute; top:-25px;left:0; width:100%;}
.newslink-box .news{ float:left; padding:18px 15px;box-sizing: border-box;  width:49%; background:url(../images/newsbg.png);}
.newslink-box .news li{ position:relative;height:133px;}
.newslink-box .news li img{ position:absolute;top:0;left:0; width:180px; height:133px;border-radius:10px; }
.newslink-box .news li div {padding-left:190px;}
.newslink-box .news li span { font-weight:bold; color:#0079bf; display:inline-block; margin:20px 0 5px 0;}
.newslink-box .news li p {font-size:12px; color:#7b7c9b; line-height:20px;}
.newslink-box .news .bx-wrapper{ margin:0;}
.newslink-box .news .bx-wrapper .bx-pager {
	padding: 3px 0 0 0 ;
	bottom:-13px;
}
.newslink-box .news .bx-wrapper .bx-pager div a{background: #CCD1D9;}
.newslink-box .news .bx-wrapper .bx-pager div a.active{ background:#007ac5;}
.newslink-box .news .bx-wrapper .bx-viewport { background:none;}

.newslink-box .links { float:right;width:49%;}
.newslink-box .links a{ display:block; float:left; width:50%;box-sizing: border-box; border-bottom:1px solid #fff; border-right:1px solid #fff; text-align:center; height:85px; color:#fff; text-align:left;}
.newslink-box .links .c1 { background:#e85170;border-left:1px solid #fff; }
.newslink-box .links .c2 {background:#4282a6;}
.newslink-box .links .c3 {background:#529de4;border-left:1px solid #fff; }
.newslink-box .links .c4 {background:#8acda4;}
.newslink-box .links i { font-size:45px; float:left; margin-left:20px;}
.newslink-box .links span{margin-top:20px;float:left; margin-left:15px}
.index-product { width:1000px; margin:20px auto 0 auto; padding-bottom:10px;}
.index-product .t{ border-top:1px solid #ccc; width:100%; height:40px;  text-align:center;}
.index-product .tt{ display:inline-block; font-size:20px; padding:0 50px; line-height:40px; margin-top:-20px; margin-left:auto; margin-right:auto; background:#f0f0f0;}
.slider_product_box { width:100%; margin:0 auto;}
.index-product .bx-wrapper .bx-viewport { background:none;}

.index-product .bx-wrapper .bx-pager {
	padding: 3px 0 0 0 ;
	bottom:-20px;
}
.index-product .bx-wrapper .bx-pager div a{background: #CCD1D9;}
.index-product .bx-wrapper .bx-pager div a.active{ background:#007ac5;}
.index-product li{ text-align:center; margin:0 auto;}
.index-product li img{ margin:0 auto; width:248px;}
.index-about-box { background:url(../images/c3bg.jpg); margin-top:20px; padding:50px 0 20px 0;}
.index-about {overflow:hidden; width:1036px; margin:0 auto;}
.index-about .left{ float:left; width:50%;}
.index-about .right{float:right; width:50%; text-align:center;}
.index-about .t{ margin:10px 0; text-align:left;}
.index-about .txt{ line-height:25px; text-align:left; padding-left:20px;}
.index-about .r{ display:inline-block; line-height:30px; padding:0 20px; color:#fff; background:#0079bf;}

.foot-box {background:url(../images/footbg.gif) repeat-x #999999;padding:50px 0; width:100%;}
.foot { width:1036px; margin:0 auto; overflow:hidden;}
.foot .l{ width:50%; line-height:25px; color:#fff;}
.foot .r {width:50%;  text-align:right;}

.showbanner-box { width:100%; background:#e6e6e6;}
.showbanner { width:1036px; margin:0 auto; overflow:hidden; padding:20px 0;color:#989898;}
.showbanner .l { width:50%;}
.showbanner .l span{ font-size:40px; color:#333;}
.showbanner .r {width:50%; text-align:right; margin-top:20px;}
.showbanner .r i{ margin-right:5px; font-size:20px;}
.pagecontent { width:1036px; margin:0 auto; padding:30px 0; overflow:hidden;min-height:500px;}
.pagecontent .l{ width:23%;}
.pagecontent .r{ width:70%;}
.classlist{ width:100%; margin-top:20px;}
.classlist li{}
.classlist li a{ width:100%; display:inline-block; margin-bottom:10px; border-radius:5px; background:#e5e5e5; color:#a660a3; font-size:18px; padding-left:20px;box-sizing: border-box; line-height:40px;}
.classlist li li a{ border-radius:initial; background:none; line-height:30px; font-size:16px; color:#000; padding-left:40px;}
.classlist a:hover,.classlist .cur{background:#a660a3; color:#fff;}
.classlist li li a:hover,.classlist li li .cur{background:url(../images/y.jpg) no-repeat 20px 12px; color:#a660a3;}

.datainfolist { width:100%;}
.datainfolist li{ border-bottom:1px solid #ddd; padding:20px 0;}
.datainfolist a{ display:inline-block; width:100%; position:relative;}
.datainfolist a .time{ position:absolute;top:0;left:0;color:#7c7c7c; background:url(../images/list_out.gif) no-repeat; text-align:center;width:70px; height:74px;}
.datainfolist .time span{ display:inline-block; font-size:30px; line-height:30px; margin-top:6px;}
.datainfolist .time p{ font-size:12px; }
.datainfolist .content{ padding-left:100px;}
.datainfolist .content span{ display:inline-block; color:#0065b3; font-size:16px; padding:5px 0;}
.datainfolist .content p{ color:#7c7c7c; line-height:20px;}
.datainfolist .content i{ font-size:12px; margin-right:5px;}
.datainfolist a:hover .time{color:#fff;background:url(../images/list_over.gif) no-repeat;}

.datapicturelist {width:100%; overflow:hidden; padding-bottom:20px;}
.datapicturelist li{width:46%; margin:20px 2% 0 2%; float:left;}
.datapicturelist a { width:100%; padding:10px 10px 0 10px;box-sizing: border-box; display:inline-block;transition: all 0.5s;color:#0065b3; background:#f7f7f7; text-align:center; overflow:hidden;height:349px;}
.datapicturelist img { max-width:100%;display:inline-block; margin:auto; max-height:309px;}
.datapicturelist div { padding:20px 0; text-align:center; width:100%;}
.abouttxt { width:100%; padding:20px; line-height:25px;box-sizing: border-box;}

.contentshow-box { width:100%; padding:20px;box-sizing: border-box;}
.showtitle { width:100%; font-size:20px; font-weight:bold; margin:10px 0;text-align:center;}
.showtime { background:#f7f7f7; line-height:30px; color:#666; text-align:center;}
.showpicture { width:600px; margin:0 auto; text-align:center; overflow:hidden;}
.showpicture img{}
.showcontent { width:100%; line-height:25px; padding:20px 0;}

.inputwidth1 { width:90%;}
.red {  color:#ff0000;}
.ppicture .slider_product img{ margin:auto;width:100%;}
.ppicture { width:80%; margin:auto;}
.ppicture .bx-pager a{ float:left; overflow:hidden; height:60px; width:80px; text-align:center;}
.ppicture .bx-pager img{ width:80px;margin:auto;}
.ppicture .bx-wrapper{ margin-bottom:30px;}
.ppicture .bx-wrapper .bx-viewport{  -webkit-box-shadow:0 0 0px #ccc;box-shadow:0 0 0px #ccc;border:0;left:0;background:none;}
.ppicture .bx-wrapper .bx-viewport { background:none;}
.ppicture  .bx-pager {
    bottom: -95px;
    overflow:hidden;
  }
  
 .ppicture  .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 5px 5px 0 5px;
    padding: 3px;

  }
 .ppicture .bx-wrapper .bx-controls-direction a { z-index:0;}
.ppicture .bx-pager a:hover,
 .ppicture  .bx-pager a.active {
    border: solid #000 1px;
  }
.ppicture .bx-wrapper .bx-controls-direction a { margin-top:-30px;}
.ppicture .bx-controls-direction .bx-prev{ background: url(../images/jt.png) no-repeat; width:50px; height:79px;}
.ppicture .bx-controls-direction .bx-next{background: url(../images/jt.png) no-repeat right;width:50px; height:79px;}
.ppicture .bx-controls-direction .bx-prev:hover{ background: url(../images/jt.png) no-repeat;}
.ppicture .bx-controls-direction .bx-next:hover{background: url(../images/jt.png) no-repeat right;}

@media ( max-width : 768px) {
    .top {padding-bottom:10px; width:100%; margin:10px 30px 0 30px;}
    .top .left { float:none; width:100%;}
    .top .right { float:none;width:100%; display:none; text-align:left; color:#999; font-size:18px; margin-top:20px;}
    .navbar-box { width:100%;}
    .navbarsearch-box { border:0;background:#a660a3;}
   .navbar-box .navs{ float:none; width:100%; font-size:14px; height:35px;}
   .navbar-box .navs li{width:25%;height:35px; box-sizing: border-box;}
   .navbar-box .navs li a{ color:#fff; line-height:35px; margin:0;}
   .navbar-box .navs li ul{ display:none;}
   .navbar-box .search{ display:none;}
   .banner { height:200px; }
   .banner li{ height:200px; background-size:cover;}
   .newslink-pbox { width:100%; position:inherit; height:auto; }
   .newslink-pbox .news { float:none; width:100%; }
   .newslink-pbox .links { float:none; width:100%; margin-top:10px;}
   .newslink-box { top:0;left:0; position:inherit;}
   .newslink-box .news li img{width:80px;height:60px;}
   .newslink-box .news li div {padding-left:90px;}
   .newslink-box .news li span {margin:5px 0 5px 0;display:block;}
   .newslink-box .news li{height:110px;}
   .newslink-box .links i { margin-left:10px;}
   .newslink-box .links span{margin-left:5px}
   .index-product { width:95%;}
   .index-product .slider_product_box{ width:70%;}
   .index-about-box {margin-top:20px; padding:20px 0 20px 0;}
.index-about {width:100%;}
.index-about .left{ float:none; width:100%;}
.index-about .right{float:none; width:100%;}
   .index-about .right img{ width:80%;}
    
   .foot-box {padding-top:20px;padding-bottom:20px; }
.foot { width:100%;}
.foot .l{ width:100%; text-align:center;}
.foot .r { display:none;}

.showbanner { width:100%;}
.showbanner .l { width:100%;}
.showbanner .l span{ font-size:20px; color:#333; padding-left:20px;}
.showbanner .r {width:100%; text-align:left; margin-top:20px; display:none;}
.showbanner .r i{ margin-right:5px; font-size:20px;}
.pagecontent { width:100%; padding:30px 0;min-height:initial;}
.pagecontent .l{ width:100%;}
.pagecontent .r{ width:100%;}

.classlist li{ float:left;width:44%; margin:0 3% 10px 3%;}
.classlist li li{ float:none;width:100%; margin:0;}


.datainfolist li{padding:5px 0;}
.datainfolist a .time{ display:none;}
.datainfolist .content{ padding-left:0; width:95%; margin:0 auto;}
.datapicturelist div { padding:5px 0;}

.contentshow-box {padding:10px;}
.showtitle { font-size:18px;}
.showpicture { width:100%;}
.showpicture img{width:100%;}
.showcontent {padding:10px 0;}

}
@media ( max-width : 992px) and (min-width : 768px) {
    .top {padding-bottom:10px; width:100%; margin:10px 30px 0 30px;}
    .navbar-box { width:100%;}
    .navbar-box .navs{ float:left; width:70%;}
    .newslink-pbox { width:100%;}
    .newslink-pbox .links { margin-top:10px;}
    .index-product { width:95%;}
    .index-product .slider_product_box{ width:80%;}
    .index-about .right img{ width:80%;}
     .foot-box {padding:20px 0;}
    .foot { width:100%;}
    .showbanner { width:100%;}
    .pagecontent { width:100%;}
    .showpicture { width:100%;}
    .showpicture img{width:100%;}
}