body{font-family:微软雅黑; font-size:14px; padding:0; margin:0; background:#f5f5f5;color:#333;}
ul li{ list-style-type:none;}
img{ border:0;}
a,a:hover{ text-decoration:none !important;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ font-weight: normal; margin:0; padding:0;}
input,textarea,button{outline:none !important;}
textarea{resize:none}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}


.center{ width: 1200px; margin: 0 auto;overflow: hidden;min-width: 1200px}


.m-show{display: none}
.pc-show{display: block}
.text-overflow{display: block; width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;    box-sizing: border-box;}
.article-text{ width: 100%;   font-size: 15px;  text-align: justify;   color: #555;  line-height: 30px;  margin: 20px 0;  overflow: hidden;  box-sizing: border-box;}
.article-text img{    max-width: 100%;  display: block;  text-align: center;  margin: 0 auto;  max-height: 500px;  margin-bottom: 10px;}
.btn{border:1px solid #ddd;border-radius: 100px}


.header{    height: 50px;  background: #f5f5f5;  width: 100%;  min-width: 1200px;line-height: 50px;    border-bottom: 2px solid #e23639;}
.header .welcome{  font-size: 14px;  color: #666666;  margin-right: 20px;  width: 308px;}
.header  .center{ width: 1400px}
.header p{    display: inline-block; }
.header .address{ padding-left: 24px;  color: #333333;  font-size: 14px;  margin-right: 24px;}
.header .address{background: url("../img/ico18.png") no-repeat; background-position: left center;}
.header .mobile{ font-size: 14px;  color: #666666; padding-left: 24px;}
.header .mobile{background: url("../img/ico24.png") no-repeat; background-position: left center;}
.header .mobile span{    font-size: 18px;  color: #e23639;  font-weight: bold;  margin-right: 10px;}
.header .mobile span:first-child{margin-left: 10px}
.header form{    font-size: 18px;width:200px;height: 30px; margin-top: 10px;    float: right;}
.header .input-group{    width: 100%;  height: 100%;  background: white;  border-radius: 15px;}
.header .input-group input[type=text]{    height: 100%;  border: none; border-radius: 15px;  width: 170px;  float: left;  box-sizing: border-box;  padding-left: 10px;}
.header .input-group .btn-submit{    float: right;  border: none;  width: 24px;  height: 24px;  border-radius: 25px;  margin-right: 3px;  margin-top: 3px;}
.header .input-group .btn-submit{ background: url("../img/ico19.png") no-repeat;cursor: pointer; background-position: left center;background-size: 100% 100%}


.nav-wrap{    height: 100px;  overflow: hidden;    background: white;}
.nav-wrap .logo{    display: block;  float: left;  margin-top: 10px;  margin-left: 6px;  width: 256px;  height: 74px;  margin-right: 99px;}
.nav-wrap ul{    float: right;  overflow: hidden;}
.nav-wrap ul li{    text-align: center;  line-height: 30px;  float: left;  width: 100px; height: 30px;margin-top: 33px;}
.nav-wrap ul li a{    display: block;  width: 100%;  height: 30px;  font-size: 14px;  color: #333333;}
.nav-wrap ul li:hover{background:#ff632c;color: white;border-radius: 15px;}
.nav-wrap ul li:hover a{color: white;}
.nav-wrap ul .active a{color: white;}
.nav-wrap ul .active{background:#ff632c;color: white;border-radius: 15px;}
.banner-wrap{    width: 100%;  height: 540px;  }
.banner-wrap .swiper1 img{    width: 100%;  height: 540px;  }

.banner-wrap  .swiper1-normal{background: #aaaaaa;  opacity: 1;    margin-bottom: 1px;    display: inline-block;margin: 0 4px;    width: 10px;  height: 10px;  border-radius: 6px;  margin-top: 5px;  }
.banner-wrap  .swiper1-active{width: 12px;  height: 12px;border-radius: 12px;  background: none;  border: 2px solid #c79976;  margin-top: 0; margin: 0 4px; box-sizing: border-box;    display: inline-block;}

.special-wrap{    padding: 35px 0;  box-sizing: border-box;  overflow: hidden;    background: white;}
.special-wrap .item{ padding-left: 97px;  padding-top: 18px; display: block; float: left;  padding-right:10px;box-sizing: border-box;height: 80px ;width: 25%;overflow: hidden }
.special-wrap .item:nth-of-type(4n){ margin-right: 0}
.special-wrap .item h4{    font-size: 16px;  color: #333333;margin-bottom: 8px}
.special-wrap .item h5{    font-size: 14px;  color: #666666;}
/*.special-wrap .item:nth-of-type(1){background: url("../img/ico12.png") no-repeat; background-position: left center;background-size: 80px 80px}*/
/*.special-wrap .item:nth-of-type(2){background: url("../img/ico11.png") no-repeat; background-position: left center;background-size: 80px 80px}*/
/*.special-wrap .item:nth-of-type(3){background: url("../img/ico10.png") no-repeat; background-position: left center;background-size: 80px 80px}*/
/*.special-wrap .item:nth-of-type(4){background: url("../img/ico09.png") no-repeat; background-position: left center;background-size: 80px 80px;margin-right: 0}*/


/*主要产品*/
.main-product{margin-top: 30px}
.main-product .title{    width: 180px;  height: 140px;  text-align: center;  float: left;  background: #ff632c;}
.main-product .title h4{    color: white;  font-size: 24px;  margin-top: 43px;  line-height: 24px;  margin-bottom: 20px;}
.main-product .title h5{    color: white;  font-size: 14px; }
.main-product .mp{    width: 1020px;  float: left;  overflow: hidden;  height: 140px;  box-sizing: border-box;}
.main-product .mp .option{display:block;width: 100%;  text-align: center;  font-size: 14px;  color: white;  height: 140px;  padding-top: 95px;}
.main-product .mp .swiper2{    width: 1020px;  height: 140px;background: #183881}

.column-title{    padding-bottom: 45px;  padding-top: 35px;  text-align: center;}
.column-title h4{     font-size: 28px;  color: #333333;  line-height: 28px;  margin-bottom: 15px;}
.column-title h5{     font-size: 16px;  color: #999999;  display: inline-block;padding: 0 50px;box-sizing: border-box}
.column-title h5{background: url("../img/ico26.png") repeat-x; background-position: left center;}
.column-title h5 span{    background: #f5f5f5;    padding: 0 10px;  }


.product-list li{text-align: center; cursor: pointer;position: relative;   width: 284px;  height:346px; margin-right: 17px;margin-bottom: 20px;padding-bottom: 30px;  float: left;background: #ffffff;}
.product-list li:nth-of-type(4n){ margin-right: 0;}
.product-list li img{width: 100%;  height: auto;  max-height: 285px;box-sizing: border-box; }
.product-list li h4{font-size: 18px;color:#000000;margin-top: 15px;margin-bottom: 10px;display: inline-block; max-width: 100%; width: 100%}
.product-list li h4 span{background: white;  padding: 0 13px;width: auto;display: inline-block;max-width: 100%}
.product-list li h4{background: url("../img/ico26.png") repeat-x; background-position: left center;box-sizing: border-box;}
.product-list li h5{font-size: 14px;color:#999999;max-width: 100%}
.product-list li .cover1{ padding: 20px 17px;  position: absolute;  width: 100%;  height: 98px;  box-sizing: border-box;  left: 0;  top: 278px;  padding-top: 0;}
.product-list li:hover .cover1{ background: #ff632c; }
.product-list li:hover h4{color: white;background: url("../img/ico39.png") repeat-x; background-position: left center;}
.product-list li:hover h4 span{background: #ff632c}
.product-list li:hover h5{color: white}
.product-list li:hover .more{visibility: visible}

.case-detail li{padding: 0;height: 298px;border: none}
.case-detail li img{max-height: 100%}



.feel-wrap{ margin-top: 20px;  margin-bottom: 40px;  overflow: hidden;background: url("../img/img01.jpg") no-repeat; background-position: left top;background-size: 100% 550px;padding-top: 116px;}
.feel-wrap h4{ text-align: center;  color: white;  font-size: 36px;  margin-bottom: 15px;  line-height: 36px;}
.feel-wrap h5{ text-align: center;  font-size: 18px;  color: white;  letter-spacing: 35px;}
.feel-wrap h5 span{    width: 2px;  height: 2px;  display: inline-block;  background: white;  margin-right: 35px;  margin-bottom: 4px;}
.feel-wrap .l{overflow: hidden;    width: 590px;  height: 400px;  margin-top: 68px;  float: left;}
.feel-wrap .l embed{    width: 100%;  height: 400px}
.feel-wrap .r{background: white;overflow: hidden;    margin-top: 68px;  float: left;  width: 608px;  height: 400px;  text-align: center;}
.feel-wrap .r h4{    padding: 0 60px;    margin-top: 45px;  color: #333333;  font-size: 18px;  line-height: 18px;  margin-bottom: 10px;display: inline-block}
.feel-wrap .r h4{background: url("../img/ico26.png") repeat-x; background-position: left center;}
.feel-wrap .r h4 span{    background: white;  padding: 0 14px;}
.feel-wrap .r h5{    font-size: 14px;  color: #999999;  letter-spacing: 0;  margin-bottom: 18px;}
.feel-wrap .r .aboutus{ padding: 0 30px;text-align: justify;   font-size: 14px;  color: #333333; line-height: 30px}

.case-wrap{    background: white;  overflow: hidden;}
.case-wrap .case{overflow: hidden; padding: 20px;  box-sizing: border-box;  }
.case-wrap .swiper-case{overflow: visible}
.case-wrap .case .line{text-align: center;  width: 285px;  float: left;  height: auto;  box-sizing: border-box;}
.case-wrap .case .line:nth-of-type(4n){    margin-right: 0; }
.case-wrap .case .line img{    width: 100%;  height: 300px;}
.case-wrap .case .line h4{    font-size: 14px;  color: #000000;  margin: 15px 0;line-height: 14px}
.case-wrap .case .line p{    font-size: 12px;  color: #666666;margin-bottom: 25px }
.case-wrap .case .line:hover{background: #fff;box-shadow:0 0 10px 5px rgba(0,0,0,0.3)}
.case-wrap .case .line:hover h4{color: #e23639}

.news-wrap{    background: white;  padding-bottom: 70px;  overflow: hidden;}
.news-wrap .item{    float: left;  width: 380px;  margin-right: 30px;}
.news-wrap .item:last-child{margin-right: 0;}
.news-wrap .item .item-title{    background: #ff632c;  color: white;  height: 40px;}
.news-wrap .item .item-title h4{    margin-left: 10px;  padding-left: 25px;  float: left;  line-height: 40px;}
.news-wrap .item .item-title h4{ background: url("../img/ico40.png") no-repeat; background-position: left center;}
.news-wrap .item .item-title a{    display: block;  float: right;  line-height: 40px;  color: white;  margin-right: 10px;  font-size: 12px;}
.news-wrap .item .list{    padding-top: 20px;  overflow: hidden;}
.news-wrap .item .list li:first-child img{margin-bottom: 20px;    width: 120px;  height: 80px;  float: left;  margin-right: 15px;}
.news-wrap .item .list li:first-child:before{display: none}
.news-wrap .item .list li:first-child a{    width: 245px;  padding-top: 5px;  font-size: 16px;  color: #000000;  line-height: 16px;  margin-bottom: 10px;}
.news-wrap .item .list li:first-child p{    width: 245px;  float: left;  font-size: 14px;  color: #666666;  line-height: 27px;  height: 49px;  overflow: hidden;}
.news-wrap .item .list li{width: 100%;  margin-bottom: 15px;  clear: both;overflow: hidden;box-sizing: border-box}
.news-wrap .item .list li h4{color: #666666;font-size: 14px;width: 315px;box-sizing: border-box;float: left;}
.news-wrap .item .list li:hover h4{color: #a50d10}
.news-wrap .item .list li:hover a{color: #a50d10}
.news-wrap .item .list li .date{display: block;  float: left;  width: 50px;  height: 20px;  background: #f0f0f0;  text-align: center;  line-height: 20px;  font-size: 14px;  color: #999999;  border-radius: 4px;}
.news-wrap .item .list li:hover .date{background: url("../img/ico41.png") no-repeat; background-position: left center;background-size: 100% 100%;color: white}
.news-wrap .item .list li:before{content: '';    width: 4px;  height: 4px;  background: #666666;  float: left;  margin-right: 10px;  border-radius: 5px;  margin-top: 8px;}
.news-wrap .item .list li:before:hover{content: '';  background: #a50d10; }

.footer-wrap{    padding-bottom: 65px;  padding-top: 40px;  overflow: hidden;}
.footer-wrap .item1{    width: 290px;  float: left;margin-right: 77px}
.footer-wrap .item1 a img{    width: 256px;  height: 75px;  margin-bottom: 25px;}
.footer-wrap .item1 p{    font-size: 12px;  color: #333333;  line-height: 24px;  height: 70px;  overflow: hidden;  width: 100%;}
.footer-wrap .item2{    float: left;  margin-top: 20px;  width: 285px;margin-right: 118px}
.footer-wrap .item2 p{    font-size: 14px;  color: #333333;  line-height: 30px;  padding-left: 25px;  margin-bottom: 10px;}
.footer-wrap .item2 p:nth-of-type(1){ background: url("../img/ico23.png") no-repeat; background-position: left center;}
.footer-wrap .item2 p:nth-of-type(2){ background: url("../img/ico24.png") no-repeat; background-position: left center;}
.footer-wrap .item2 p:nth-of-type(3){ background: url("../img/ico22.png") no-repeat; background-position: left center;}
.footer-wrap .item2 p:nth-of-type(4){ background: url("../img/ico21.png") no-repeat; background-position: left center;}
.footer-wrap .item3 {    float: left;  margin-top: 20px;  width: 205px;margin-right: 95px}
.footer-wrap .item3 h4{    padding-left: 27px;  font-size: 16px; color: #333333;  padding-bottom: 17px;  border-bottom: 1px solid #e3d8d0;  margin-bottom: 20px;}
.footer-wrap .item3 h4{ background: url("../img/ico25.png") no-repeat; background-position: left 2px;}
.footer-wrap .item3 a{    display: block;  float: left;  width: 50%;  padding-left: 2px;  box-sizing: border-box;font-size: 14px;  color: #333333;  margin-bottom: 15px;}
.footer-wrap .item4{    float: left;  margin-top: 20px;  width: 92px;}
.footer-wrap .item4 h4{    font-size: 16px;  color: #333333;  margin-bottom: 20px;}
.footer-wrap .item4 img{    padding: 2px;  background: white;  width: 94px;  height: 94px;}

.link-wrap{background: #b7181a;  padding: 30px 0;display: none}
.link-wrap .swiper-button-next{background: url("../img/right-01.png") no-repeat; background-position: center;    position: absolute;  top: 50%; width: 27px;  height: 35px;  margin-top: -22px;  z-index: 10;  cursor: pointer;  background-size: 100%;  }
.link-wrap .swiper-button-prev{background: url("../img/left-01.png") no-repeat; background-position: center;    position: absolute;  top: 50%; width: 27px;  height: 35px;  margin-top: -22px;  z-index: 10;  cursor: pointer;  background-size: 100%;  }
.copyright,.copyright a{    height: 40px;  line-height: 40px;  font-size: 12px;  background: #183881;  text-align: center;  color: white;}
.copyright span{margin-right: 27px}

.float-services{position: fixed;  top: 30%;  right: 5%;  z-index: 10;}
.float-services .item{    width: 80px;  height: 80px;  background: #fff; border: 1px solid #ddd;margin-bottom: 5px;  border-radius: 5px;  text-align: center;}
.float-services .item:hover{    background: #fff; border: 1px solid #f63c47; }
.float-services .item:hover a{ color: #f63c47}
.float-services .item  a{display: block;  width: 100%;  height: 100%;  font-size: 12px;padding-top: 56px;  color: #333333;}
.float-services .item:nth-of-type(1)  a{background: url("../img/ico28.png") no-repeat;     background-position: center 12px;  }
.float-services .item:nth-of-type(2)  a{background: url("../img/ico08.png") no-repeat;     background-position: center 12px;  }
.float-services .item:nth-of-type(3)  a{background: url("../img/ico07.png") no-repeat;     background-position: center 12px;  }
.float-services .item:nth-of-type(2) span{ border: 1px solid #f63c47; box-sizing: border-box;overflow: hidden;   position: absolute;  left: -240px;  top: -1px;display: none;  height: 82px;  color: #f63c47;  font-weight: bold;  font-size: 30px;  width: 240px;  line-height: 79px;  background: #fff;}
.float-services .item:nth-of-type(2) {position: relative}
.float-services .item:nth-of-type(2):hover span{display: block}

.float-services .item:nth-of-type(1):hover  a{background: url("../img/ico13.png") no-repeat;     background-position: 22px 12px;  }
.float-services .item:nth-of-type(2):hover  a{background: url("../img/ico38.png") no-repeat;     background-position: center 14px;  }
.float-services .item:nth-of-type(3):hover  a{background: url("../img/ico17.png") no-repeat;     background-position: 25px 12px;  }
.float-services .item:nth-of-type(3){position: relative}
.float-services .item:nth-of-type(3) img{display: none;    position: absolute;  top: 0;  left: -91px;  width: 90px;  height: 90px;  background: white;  padding: 2px;  box-sizing: border-box;}
.float-services .item:nth-of-type(3):hover img{display: block;}


.pagination-wrap{    text-align: center;margin:40px 0;    width: 895px;  float: right;}
.pagination-wrap li{    height: 30px;  font-size: 20px;  color: #000000;  display: inline-block;  background: #eeeeee;  line-height: 30px;  }
.pagination-wrap li a{    height: 30px;  font-size: 20px;    border-radius: 3px;  color: #000000;  display: block; padding: 0 15px;}
.pagination-wrap li .disabled{     cursor: not-allowed;background: #ddd}
.pagination-wrap li .active{    background: #e23639;  color: white;}

.main-wrap{    background: white;}
.location-wrap{    height: 60px;  line-height: 60px;  margin-left: 3px;  padding-left: 20px;}
.location-wrap{background: url("../img/ico37.png") no-repeat; background-position: left center;}
.location-wrap a,.location-wrap span{font-size: 14px;color: #666666}
.slide-menu{width: 280px;  float: left;  margin-right: 25px;  overflow: hidden;}
.slide-menu .item{width: 100%;  margin-bottom: 25px;border: 1px solid #dddddd;box-sizing: border-box;padding-bottom: 30px}
.slide-menu .item h4{    text-align: center;  width: 100%;  height: 50px;  font-size: 20px;  color: white;line-height: 50px;margin-bottom: 20px}
.slide-menu .item1 h4{ background: #e23639;  border-bottom: 5px solid #ff8385;}
.slide-menu .item1 a{    display: block;  margin: 0 20px; padding-left: 20px; height: 40px; border-bottom: 1px solid #dddddd;  line-height: 40px;  font-size: 16px;  color: #333333;}
.slide-menu .item1 a p{    width: 15px;float: left;  height: 15px;    margin-top: 13px;  margin-right: 10px;  background: #fff;  display: inline-block;  float: left;  border: 2px solid #ff632c;  border-radius: 50%;  padding: 2px;  box-sizing: border-box;}
.slide-menu .item1 a p i{    width: 100%;  height: 100%;  background: #ff632c;display: inline-block;    border-radius: 50%;  float: left;}
.slide-menu .item1 a:hover{color:#ff632c }


.slide-menu .item1 a span{    width: calc(100% - 25px);float: left; display: block;box-sizing: border-box}

.slide-menu .item2 h4,.slide-menu .item3 h4{    background: #e23639;  border-bottom: 5px solid #ff8385;}
.slide-menu .item2 .pd2{padding: 0 20px}
.slide-menu .item2 a{  width: 100%; box-sizing: border-box;  display: block;  font-size: 14px;  color: #333333;  height: 50px;  line-height: 50px;  border-bottom: 1px solid #ddd;}
.slide-menu .item2 a:first-child{border-bottom: none;}
.slide-menu .item2 a:first-child:before{display: none}
.slide-menu .item2 p{    font-size: 14px;  color: #666666; height: auto; max-height: 38px;  overflow: hidden;  }
.slide-menu .item2 a:before{content: '';display: inline-block;  width: 6px;  height: 6px;  background: #e23a56;  margin-right: 10px;  margin-left: 5px;  border-radius: 6px;  margin-bottom: 2px;}
.slide-menu .item2 a:hover{color: #e23639}
.slide-menu .item3 p{    margin: 0 13px;  margin-bottom: 23px;  font-size: 14px;  color: #333333;  padding-left: 22px;}
.slide-menu .item3 p:nth-of-type(1){ background: url("../img/ico35.png") no-repeat; background-position: left 3px;}
.slide-menu .item3 p:nth-of-type(2){ background: url("../img/ico33.png") no-repeat; background-position: left 3px;}
.slide-menu .item3 p:nth-of-type(3){ background: url("../img/ico31.png") no-repeat; background-position: left 3px;}
.slide-menu .item3 p:nth-of-type(4){ background: url("../img/ico29.png") no-repeat; background-position: left 3px;}


.main-wrap .product-list{    width: 895px;  float: left;  overflow: hidden;}
.main-wrap .product-list li{    border: 1px solid #ddd;}
.main-wrap .product-list li:nth-of-type(4n){margin-right: 20px}
.main-wrap .product-list li:nth-of-type(3n){margin-right: 0}

.img-detail{width: 895px;  float: left;  overflow: hidden;border: 1px solid #ddd;    padding:40px 30px;box-sizing: border-box;margin-bottom: 20px}
.img-detail img{ margin-right: 30px;  float: left;    margin-top: 63px;width: 284px;}
.img-detail h4{    float: left;  width: 518px;  font-size: 18px;  color: #333333;  margin-bottom: 30px;}
.img-detail p.desc{width: 518px;  float: right;  font-size: 14px;  color: #666666;  line-height: 30px;text-align: justify}

.main-wrap .main{width: 895px;  float: left;  overflow: hidden;border: 1px solid #ddd;box-sizing: border-box;padding: 25px 20px}
.main-wrap .main .news-list li{ overflow: hidden;   padding: 15px 15px 20px 15px;  border-bottom: 1px dashed #ddd;}
.main-wrap .main .news-list li .date{    width: 90px;  height: 83px;  float: left;  border: 1px solid #bbbbbb;  text-align: center;margin-right: 35px}
.main-wrap .main .news-list li .date{    width: 90px;  height: 83px;  float: left;  border: 1px solid #bbbbbb;  text-align: center;}
.main-wrap .main .news-list li .date .today{    height: 48px;  display: block;  width: 100%;  background: #bbbbbb;  line-height: 48px;  color: white;  font-size: 30px;}
.main-wrap .main .news-list li .date .year{    height: 33px;  display: block;  width: 100%;  background: #fff;  line-height: 33px;  color: #999999;  font-size: 14px;}
.main-wrap .main .news-list li a{    display: block;  font-size: 16px;  color: #333333;  line-height: 26px;  float: left;  width: 695px;  margin-bottom: 5px;}
.main-wrap .main .news-list li .desc{   font-size: 14px;  color: #777777;  line-height: 26px;  float: left;  width: 695px; max-height: 50px;overflow: hidden}
.main-wrap .main .news-list li:hover .date{border:1px solid #e23639}
.main-wrap .main .news-list li:hover .date .today{background: #e23639}
.main-wrap .main .news-list li:hover .date .year{color: #e23639}
.main-wrap .main .news-list li:hover a{color: #e23639}


.article-wrap{    padding: 30px;  margin-bottom: 40px;  overflow: hidden;}
.article-wrap .article-title h3{ width: 100%;  height: auto;   text-align: center;  font-size: 20px;  line-height: 26px;  color: #333333;}
.article-wrap .info{  margin-bottom: 30px;     padding: 20px;  text-align: center;  border-bottom: 1px dashed #ddd;}
.article-wrap .info span{       font-size: 14px;  color: #666666;margin-right: 20px}
.article-wrap .article{    font-size: 15px;  color: #555555;  line-height: 30px;text-align: justify}
.article-wrap .article img{width: auto;max-width: 100%; display: block;   margin: 0 auto;}
.article-wrap .pre-next{     background: #f5f5f5;  padding: 20px;  margin: 40px 0;}
.article-wrap .pre-next span{        font-size: 14px;  color: #777777;  line-height: 30px;    display: inline-block;}
.article-wrap .pre-next a{     width: 695px;display: inline-block;line-height: 27px;  height: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;      font-size: 14px;  color: #777777;  }
.article-wrap .pre-next a:hover{ color: #e23639}


.search-list .location-wrap a{    font-size: 25px}
.search-list .main{width: 100%}
.search-list .pagination-wrap{width: 100%}
/*
  color: #4f7fdc;
  font-size: 16px;color: #777
  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;
  background: url("../img/shuxian.png") no-repeat; background-position: left center;background-size: 100% 100%
*/

.main-wrap .case{overflow: hidden;padding-bottom: 15px; }
.main-wrap .case li{text-align: center;  width: 271px;  float: left;  margin-right: 20px;    margin-bottom: 20px;  height: auto;  box-sizing: border-box;}
.main-wrap .case li:nth-of-type(3n){    margin-right: 0; }
.main-wrap .case li img{    width: 100%;  height: 285px;}
.main-wrap .case li h4{    font-size: 14px;  color: #000000;  margin: 15px 0;line-height: 14px}
.main-wrap .case li p{    font-size: 12px;  color: #666666;margin-bottom: 25px }
.main-wrap .case li:hover{background: #fff;box-shadow:0px 0px 20px 5px #ddd}
.main-wrap .case li:hover h4{color: #e23639}

.my-swiper-bulletClass{    width: 15px;  display: inline-block;  height: 6px;   background: #aaa;  border-radius: 3px;  margin-right: 10px;}
.my-swiper-bulletActiveClass {  opacity: 1;width: 30px;  background: #ff632c;  }