*{
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.clr{
    clear: both;
}@media (max-width:1000px) {  
.w-25{
    width: 25%;
}
.w-50{
    width: 50%;
}
.w-100{
    width: 100%;
}


.pc{ display:none;}
.m{ display:block;}
 
body{
    font-size: 14px;
    font-family: "Microsoft YaHei" , 微软雅黑;
 
    color: #333333;
}

.header{
    width: 100%;
    min-width: 1360px;
    background-color: #fff;
    padding-left: 36px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); display:none;
}

.fixed-header{
    display: block !important;
    position: fixed !important;
    top: 0;
    z-index: 999;
}

.head-logo{
    float: left;
    height: 58px;
    margin: 18px 0;
}
.head-logo a{
    display: inline-block;
    vertical-align: middle;
}
.head-logo img{
    height: 100%;
}
.head-logo div{
    border-left: 1px solid #808080;
    display: inline-block;
    vertical-align: middle;
    height: 46px;
    padding-left: 10px;
    margin-left: 10px;
}
.head-logo strong{
    display: block;
    font-size: 20px;
    color: #2e2e2e;
    font-weight: normal;
    line-height: 24px;
}
.head-logo p{
    font-size: 14px;
    color: #2e2e2e;
    font-weight: lighter;
    line-height: 18px;
    margin-top: 4px;
}

.bbg{ background-image:url(../images/bbg.png); background-repeat:no-repeat; background-position:center; background-color:#0F6; height:0px; position:absolute;   z-index:1; width:100%; bottom:0;}

.head-menu{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.top-menu{
    /* display: inline-block;
    vertical-align: middle; */
    position: relative;
}

.top-menu > ul {
    height: 100%;
}
.top-menu > ul > li{
    display: block;
    float: left;
    height: 100%;
    position: relative;
    text-align: center;
}
.top-menu > ul > li > a{
    display: block;
    color: #1c1c1c;
    font-size: 15px;
    line-height: 30px;
    padding: 12px 20px;
    position: relative;
}
/* .top-menu > ul > li:nth-child(n+2)>a::before{
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(../icon/icon-arrow-down.png);
    background-size: 100% 100%;
    position: absolute;
    top: 22px;
    right: 0px;
} */
.top-menu > ul > li > a b{
    width: 10px;
    height: 10px;
    /* position: absolute;
    top: 22px;
    right: 0px; */
    display: inline-block;
    margin-left: 4px;
    background-image: url(../icon/icon-arrow-down.png);
    background-size: 100% 100%;
}
.top-menu > ul > li > a:hover b{
    background-image: url(../icon/icon-arrow-down-color.png);
}

.top-on{
    color: #ED688A !important;
}
.top-menu > ul > li:hover .top-on{
    color: #ED688A !important;
}

/* .top-on::before{
    background-image: url(../icon/icon-arrow-down-color.png) !important;
} */
.top-on b{
    background-image: url(../icon/icon-arrow-down-color.png) !important;
}

.top-menu > ul > li:hover > a{
    color: #ED688A;
}
.top-menu > ul > li:hover > a::before{
    background-image: url(../icon/icon-arrow-down-color.png);
}



.top-menu > ul > li:hover > .er-menu{
    /* display: block; */
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.top-menu ul li .er-menu{
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 54px;
    z-index: 99;
    width: 200px;
    /* min-height: 200px; */
    padding: 30px 20px 30px 30px;
    background-color: #fff;
    /* border-top: 2px solid #caa773; */
    /* box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); */
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.top-menu ul li:nth-child(2) .er-menu{
    width: 240px;
}
.top-menu ul li:nth-child(4) .er-menu{
    width: 240px;
}

.er-menu ul{
    width: 100%;
    /* float: left; */
}
.er-menu ul li a{
    display: block;
    width: 100%;
    /* border-bottom: 1px solid rgba(0,0,0,.08); */
    color: #131313;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    padding-left: 20px;
    position: relative;
    background-image: url(../icon/sjj.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: lighter;
    background-size: 14px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.er-menu li a:hover {
    background-image: url(../icon/sjjh.png);
    color: #ED688A;
}

.er-image{
    width: 285px;
    float: right;
}
.er-image img{
    width: 100%;
}


.head-tel{
    /* display: inline-block;
    vertical-align: middle; */
    text-align: right;
    padding-top: 10px;
} 
.head-tel img{
    display: inline-block;
    vertical-align: middle;
}
.head-tel span {
    font-size: 16px;
    line-height: 30px;
    color: #626262;
    display: inline-block;
    vertical-align: middle;
}
.head-tel strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 30px;
    color: #ED688A;
}

.head-right{
   
    text-align: right;
    position: relative;
}
.right-icon {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}
.menu-icon{
    width: 40px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
.qrcode-i{
    background-image: url(/icon/qrcode-icon.png)
}
.search-i{
    background-image: url(/icon/search-icon.png)
}
/* .search-i:hover{
    background-image: url(/icon/search-icon-green.png)
} */

/* qr-code弹出框 */
.qrcode-box{
    display: none;
    width: 220px;
    background-color: #fff;
    position: absolute;
    top: 80px;
    right: 30px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.175);
}
.qrcode-box::before{
    content: " ";
    position: absolute;
    top: -8px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  0 8px 8px 8px;
    border-color:  transparent transparent #ED688A transparent;
}
.qrcode-title{
    width: 100%;
    height: 46px;
    background-color: #ED688A;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    /* border-radius: 5px 5px 0 0; */
}
.qrcode-img{
    width: 160px;
    margin: 0 auto;
    padding: 10px 0;
}
.qrcode-img img{
    width: 100%;
}
/* search弹出框 */

/* search弹出框 */
.search-box{
    display: none;
    width: 220px;
    height: 64px;
    background-color: #fff;
    position: absolute;
    top: 55px;
    right: 10px;
    z-index: 99;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    border-top: 2px solid #2467F4;
}
.search-box::before{
    content: " ";
    position: absolute;
    top: -8px;
    right: 56px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color:  transparent transparent #2467F4 transparent;
}
.search_input {
    width: 200px;
    height: 36px;
    margin: 12px auto;
    position: relative;
}
.SearchStr {
    padding-left: 10px;
    width: 200px;
    height: 36px;
    font-size: 12px;
    background-color: #fff;
    color: #333;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    font-weight: lighter;
    outline: 0;
}
.search-icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    padding: 9px;
    background-color: transparent;
    border-left: 0;
    outline: 0;
}
.SearchStr:focus{ 
    border: 1px solid #2467F4 !important;
}
/* search弹出框 end */
/* search弹出框 end */


.swiper-slide img{ width:100%;}

/* banner */
.banner-box{
  
}
.banner-box ul li{
    width: 100%;
}
.banner-box ul li img{
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-form{
  
    margin: 0 auto;
    position: absolute;
    top: 105px;
    right: 0;
    left: 0;
    z-index: 99;
    text-align: right;
}
.form-box{
    display: inline-block;
    width: 288px;
    height: 402px;
    background-color: rgba(255, 255, 255, .8);
    padding: 30px 20px;
}
/* banner end */
   .index_soution_right{   }
   .changjing_m_list{ }
.index_soution_right{   padding:50px;width:100%; margin-top:80px;   }
.index_soution_right li{     background: #fff;
  padding:0px;
  border-radius: 5px;
  position: relative; margin:33px 0; height:250px;
   }/*
.index_soution_right li::before{content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255,255,255,0.3);
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scaleY(1.1) scaleX(0.85);
  -ms-transform: scaleY(1.1) scaleX(0.85);
  transform: scaleY(1.1) scaleX(0.85);
  border-radius: 5px} 
  
.index_soution_right li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255,255,255,0.3);
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scaleY(1.05) scaleX(0.92);
  -ms-transform: scaleY(1.05) scaleX(0.92);
  transform: scaleY(1.05) scaleX(0.92);
  border-radius: 5px
}*/
  .index_soution_right li b{ display:block; height:250px;  width:100%;   overflow:hidden;}
.index_soution_right li  b img{ width:auto;display:block; height:100%; min-width:100%;   }
 
.index_soution_right li strong{ padding:0px 20px; display:block; height:30px;  background-color: rgba(255, 255, 255, 0.5); line-height:30px; font-size:17px; color:#353858; position:absolute; width:auto; margin-top:-60px; margin-left:15px; border-radius:0px 0px 10px 0px; }
 
 .index_soution{ background-image:url(../images/testi-bg.jpg); background-position:right; height:350px; padding-top:30px;}

.title-style {
  text-align:center;
}
.title-style h3 {
font-size:25px;
  color: #353858;
  line-height: 36px; 
   text-align:center; font-weight:bold
}
.title-style h5 {
  font-size: 27px;
  line-height: 21px;
  color: #ededed;
  position: relative;
}
.title-style h3 span {
  font-size: 14px;
  color: #868686;
  font-weight: 400;
  display: inline-block;
  margin-left: 15px;
  margin-top: 8px;
}

.title-style  i{ width:45px; height:2px; display:block; background-color:#ffd02e; margin:auto;}


.title-style_bai h3 {
  font-size:16px;
  color: #e4e0e0;
  line-height: 36px;
  margin-bottom: 10px;
  position: relative;
  margin-top: -20px;
}
.title-style_bai h5 {
  font-size: 20px;
  line-height: 21px;
  color: #4b4b4b;
  position: relative;
}
.title-style_bai h3 span {
  font-size: 10px;
  color: #c8c8c8;
  font-weight: 400;
  display: inline-block;
  margin-left: 15px;
  margin-top: 8px;
}

/* main-dljz */

/* main-dljz */
.main-dljz{
    padding:10px;
}
.dljz-box{
 
    font-size: 0;
}
.dljz-item{
    display: inline-block;
    vertical-align: top;
    width:50%;
    height:186px;
    background-color: #f9f9f9;
  
    margin-top:10px;
    padding:10px;
    position: relative;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease; border-right:2px #fff solid
}
 
.dljz-item::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #d7d7d7 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.dljz-icon{
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border:0px solid #ED688A;
    background-position: center center;
    background-repeat: no-repeat; margin:auto; float:left;
}
.dljz-icon img{ width:45px; height:45px;border-radius: 50%;}
.dljz-icon1{
    background-image: url(../icon/dljz1.png);
}
.dljz-icon2{
    background-image: url(../icon/dljz2.png);
}
.dljz-icon3{
    background-image: url(../icon/dljz3.png);
}
.dljz-icon4{
    background-image: url(../icon/dljz4.png);
}
.dljz-icon5{
    background-image: url(../icon/dljz5.png);
}
.dljz-icon6{
    background-image: url(../icon/dljz6.png);
}
.dljz-title{
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px; float:left; width:100px;
}
.dljz-title h3{
    font-size:16px;
    color: #0b0b0b;
    line-height:22px;
}
.dljz-title p{
    font-size: 15px;
    color: #0b0b0b;
    /* font-weight: lighter; */
    line-height: 25px; display:none;
}
.dljz-txt{
    font-size: 13px;
    font-weight: 400;
    color:#666;
    border-top: 1px solid #e9e9e9;
    text-align: center;
    line-height: 20px;
    padding-top: 10px;
    margin-top: 15px;
}
.dljz-item:hover{
    background-color: #fff;
    box-shadow: 0 0px 16px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, .1);
}
.dljz-item:hover::before{
    border-color: transparent transparent #f078a0 transparent;
} 

/* main-jzzz */
.main-jzzz{
    background-color: #f7f7f7;
    padding: 10px 12px;
}
.jzzz-box{
    margin-top: 6px;
    font-size: 0;
}
.jzzz-item{
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-top: 8px;
    margin-right: 2%;
}
.jzzz-item:nth-child(2n+2){
    margin-right: 0;
}
.jzzz-img{
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
}
.cover{
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .44);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.jzzz-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jzzz-down{
    background-color: #fff;
    padding: 10px 8px 10px 10px;
    position: relative;
}
.jzzz-down::before{
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #ed688a;
    top: 0;
    left: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.jzzz-title{
    position: relative;
    color: #0b0b0b;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.jzzz-title h3{
    font-size: 15px;
    line-height: 18px;
    height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.jzzz-title p{
    font-size: 12px;
    line-height: 20px;
}
.jzzz-title span{ display:none;
    width: 43px;
    height: 43px;
   
    background-color: #fff;
    background-image: url(../icon/jzzz-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.jzzz-txt{
    font-size: 12px;
    font-weight: lighter;
    color: #3f3f3f;
    line-height: 16px;
    height: 32px;
    margin-top: 6px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* .jzzz-item:hover .cover{
    transform: translateX(-100%);
}
.jzzz-item:hover .jzzz-down::before{
    width: 100%;
}
.jzzz-item:hover .jzzz-title span{
    background-image: url(../icon/jzzz-arrow-red.png);
}
.jzzz-item:hover .jzzz-title{
    color: #fff;
}
.jzzz-item:hover .jzzz-txt{
    color: #fff;
} */
/* main-jzzz end */



/* main-why */
.main-why{
    padding: 30px 0;
    background-image: url(../images/why-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    text-align: center;
}
.why-title h1{
    font-size: 36px;
    line-height: 40px;
    margin: 0;
}
.why-title h2{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 35px;
}
.why-title b{
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 3px;
    background-color: #fff;
    margin: 0 10px;
}

.why-box{
    margin-top: 30px;
    font-size: 0;
    padding: 0 10px;
}
.why-item{
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
    color: #fdfdfd;
}
.why-item:nth-child(2n+2){
    margin-right: 0;
}
.why-icon{
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
}
.why-icon1{
    background-image: url(../icon/why1.png);
}
.why-icon2{
    background-image: url(../icon/why2.png);
}
.why-icon3{
    background-image: url(../icon/why3.png);
}
.why-icon4{
    background-image: url(../icon/why4.png);
}
.why-icon5{
    background-image: url(../icon/why5.png);
}
.why-icon6{
    background-image: url(../icon/why6.png);
}
.why-icon7{
    background-image: url(../icon/why7.png);
}
.why-icon8{
    background-image: url(../icon/why8.png);
}
.why-item h3{
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 12px;
}
.why-item p{
    font-size: 10px;
    line-height: 20px;
}
/* main-why end */


/* main-service */
.main-service{
    padding: 30px 0;
}
.service-box{
    margin-top: 20px;
    font-size: 0;
}
.service-item{
    display: block;
 
    width: 100%;
    text-align: center;
    background-color: #f8f8f8; padding:10px; height:250px;
} 
.service-item img{ width:40px; margin:auto;}
  
 .service-num{
    width:100%;
    height: 68px; background-color:#ED688A
}
.service-num span{ display:block;
  
    font-size: 32px;
    line-height: 68px;
    color: #fff;
    font-family: "IMPACT";
    /* font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
}
.service-down{
    width: 100%;
    height: 190px;
    padding: 20px 10px;
    color: #0b0b0b;
}
.service-down img{
    height: 32px; width:auto;
}
.service-down h3{
    font-size: 18px;
    line-height: 30px;
    margin-top: 16px;
}
.service-down b{
    display: inline-block;
    width: 36px;
    height: 2px;
    background-color: #d81e06;
    margin: 10px 0 15px;
}
.service-down p{
    font-size: 10px;
    line-height: 20px;
}
.service-down p span{
    color: #e01010;
    font-weight: bold;
}
/* main-news */

.main-news{
    padding:0 10px;background-color:#fbfbfb; margin-top:30px;
 
}
.news-box{
    margin-top:20px;
    margin-bottom:20px;
}
.news-left{
    width: 600px;
    float: left;
}
.news-left a{
    display: block;
    width: 100%;
    height: 100%;
}
.news-left:hover .news-txt .news-title h3{
    color: #ED688A;
}
.news-img{
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin-bottom: 20px;
}
.news-img img{
    width: 100%;
}
.news-right{
    width: 640px;
    float: right;
}
.news-right ul li{
    width: 100%;
    padding-left: 120px;
    position: relative;
    margin-bottom: 50px;
}
.news-right ul li:nth-child(3){
    margin-bottom: 0;
}
.news-right ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.news-right ul li a:hover .news-txt .news-title h4{
    color: #ED688A;
}
.news-date{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    background-color: #ED688A;
    text-align: center;
    padding: 13px 0;
}
.news-date strong{
    display: block;
    font-size: 24px;
    line-height: 34px;
}
.news-date b{
    display: inline-block;
    width: 66px;
    height: 2px;
    background-color: #fff;
}
.news-date p{
    font-size: 18px;
    font-weight: lighter;
    line-height: 28px;
}
.news-txt{
    
}
.news-title{
    width: 100%;
    position: relative;
    padding-right: 100px;
    margin-bottom: 10px;
}
.news-title h3{
    font-size: 20px;
    line-height: 24px;
    color: #1c1c1c;
    font-weight: normal;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.news-title h4{
    font-size: 16px;
    line-height: 24px;
    color: #1c1c1c;
    font-weight: normal;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.news-title b{
    font-size: 12px;
    line-height: 24px;
    color: #999999;
    font-weight: normal;
    position: absolute;
    right: 0px;
    top: 0px;
}
.news-txt p{
    font-size: 12px;
    line-height: 24px;
    color: #999999; padding:0 20px;
}

.news-more {
  display: block; 
  

}
.news-more  a{ display:block; text-align:center; width:40%; height:30px; line-height:30px; font-size:14px; border:1px #cacaca solid; color:#a3a3a3;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;margin:10px auto; margin-top:0px;}
  .news-more  a:hover{ background-color:#2266b1; color:#fff;border:1px #2266b1 solid;}
 
/* main news end */
/* main news end */


/* foot-ys */
.foot-ys{
    padding: 10px 0;
    text-align: center;
    font-size: 0;
    border-top: 0px solid #f7f7f7;
    background-color: #fff;
}
.foot-ys ul li{
    display: block; float:left;
    vertical-align: top;
    width: 50%;
 
    text-align: left; border:1px #efefef solid; height:170px; padding:5px; border-top:0px; border-left:0px;
}
.foot-ys ul li:nth-child(n+3){ border-bottom:0px;
}
.foot-ys ul li img{   width:45px;
}
.foot-ys-tit{
    display: block;  
   
   
    padding-left: 5px;
}
.foot-ys-tit strong{
    font-size: 18px;
    font-weight: normal;
    color: #333333;
}
.foot-ys-tit p{
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-top: 10px;
}

/* foot-ys end */
 
/* footer */
footer {
  width: 100%;
  text-align: center;
 
     background-position:center; background-color: #010c2a;
}
.foot-box {  
   
  margin: 0 auto; background-image:url(../images/logo_bg.jpg); background-repeat:no-repeat;   background-position:center -20px; background-size:90%;
}
.foot-left {  
}
.foot-logo {
  width: 70%; padding-top:50px; margin:auto;
}
.foot-logo img {
  width:70%;
}
.foot-logo p {
  color: #fff;
  padding: 25px 0 30px;
  font-weight: 400;
}
.foot-contact {
  width: 100%;
  text-align:center;
}
.foot-contact strong {
  font-size: 20px;
  font-weight:400;
  color: #fff;
}
.foot-contact h3 {
  font-size: 38px;
  line-height: 38px;
  color: #fff;
  font-weight: bold;
  padding-top: 6px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.foot-ewm { clear:both; margin-top:0px;
   
  border-left:0px solid #f189a4;    
}
.foot-ewm ul{  padding-bottom:20px;}
.foot-ewm ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 120px;
  margin-left:10px;
  margin-right: 10px;
}
.foot-ewm img {
  width:120px;
}
.foot-ewm p {
  color: #efefef;
  font-size: 12px;
  line-height: 20px;
  margin-top: 10px;
}
.foot-ewm a{ color:#fff}
.foot-menu {
  float: right;
  padding-right: 10px;
}
.foot-menu-list {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-right: 60px;
}
.foot-menu-list>a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.foot-menu-list>a:hover {
  color: #F2F2F2;
}
.foot-menu-list ul {
  margin-top: 10px;
}
.foot-menu-list ul li a {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  font-weight: lighter;
}
.foot-menu-list ul li a:hover {
  color: #F2F2F2;
}

.copy_right{ color:#fff; padding-top:20px; padding-bottom:40px;}

.copyright {
  width: 100%;
  text-align: center;
  padding:20px 0 ;
 
   background-color: #103963;  
}
.copyright p {
  color: #fff;
  font-size: 12px;
  line-height:20px;
  font-weight: 400;
}
.copyright p a {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: lighter;
  display: inline-block;
}
.copyright p a:hover {
  text-decoration: underline;
}
.zhuyunbaike{  }
.zhuyunbaike .fmimg{ overflow:hidden; display:block; width:100%; height:120px; }
.zhuyunbaike .fmimg img{ width:100%; }
.zhuyunbaike  ul{ padding:10px;}
.zhuyunbaike strong{ font-size:22px; line-height:45px; border-bottom:2px #ED688A solid; display:block; padding-left:10px; background-color:#ED688A; color:#fff;}
.zhuyunbaike  ul li{ border-bottom:1px #efefef dotted; padding:10px 0;}
.zhuyunbaike  ul li a{ color:#333;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; font-size:15px; }
  .zhuyunbaike  ul li a:hover{ color:#ED688A}
  
  .swiper-container{ width:100%; margin:auto; }
    .swiper-container img{  }
  
.bottom-fixed{
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    display: block !important;
    position: fixed !important;
    bottom: 0;
    z-index: 99999;
}
.bottom-fixed a{
    float: left;
    display: block;
    height: 50px;
    text-align: center;
}
.bottom-fixed a.bt{
    color: #797979;
    padding-top: 30px;
    font-size: 12px;
    position: relative;
}
.bottom-fixed a.bt span{
    display: block;
    position: absolute;
    top: 5px;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
}
.bottom-fixed a:nth-child(1){
    border-right: 1px solid #e9e9e9;
}
.bottom-fixed a:nth-child(1) span{
    background-image: url(../images/zixun.png);
}
.bottom-fixed a:nth-child(2) span{
    background-image: url(../images/fanan.png);
}
.bottom-fixed a.bot{
    background-color:#ff7e11;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 50px;
}


.news_tui{ background-color:#f3f3f3; padding:10px;}
.news_tui a i{ width:100%; height:180px; overflow:hidden; display:block;}
.news_tui a img{ width:100%; position:relative;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.tui_time{ width:62px; height:62px; background-color:#df1111; position:absolute; margin-top:-20px; margin-left:20px; color:#fff;}
.tui_time b{ display:block; text-align:center; font-size:20px; margin-top:5px;}
.tui_time span{ display:block; text-align:center;}
.news_tui a h1{ font-size:15px; color:#333; padding-left:90px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
word-break: break-all ;}
.news_tui a:hover h1{ color:#2266b1}
 
.news_tui a:hover i img{transform: scale(1.1);}
.news_tui a p{ color:#858585; font-size:12px; padding:0px;}

.title-style_baise {
  text-align:center; padding:22px 0; padding-bottom:0px;
}
.title-style_baise h3 {
  font-size:20px;
  color: #fff;
  line-height:35px;
  display:block;
  vertical-align: middle;
    margin-top:1px;
}
.title-style_baise img{ width:60%;}
.title-style_heise {
  text-align:center;   padding-bottom:10px;
}
.title-style_heise h3 {
  font-size: 20px;
  color: #333;
  line-height: 35px;
  display:block;
  vertical-align: middle;
    margin-top:10px;
}
.title-style_heise p{ font-size:12px; color:#2266b1; marker-offset:8px;}
.title-style_heise img{ width:60%;}
.title-style b {
  width: 48px; border-bottom:2px #fe5d6b solid; display:inline-block;
}

 
.news_index{ padding:10px;  }
.news_num1{ background-color:#093765;  }
.news_num1_img{  }
.news_num1_img i{ display:block;  }
.news_num1_img img{ display:block; width:100%;}
.news_num1_info {  padding-right:0px;  padding:20px;  }
.news_num1_info span{ color:#7bbbfb; font-size:18px; display:block; margin-bottom:10px;}
.news_num1_info strong a{ color:#fff; font-size:26px; display:block; margin-bottom:10px;  }
.news_num1_info strong a:Hover{ color:#CCC}

.news_num2{ background-color:#e2272c;  margin-top:25px;}
 
.news_num2_img i{ display:block; overflow:hidden; height:285px; width:290px;}
.news_num2_info {   padding:20px;     }
.news_num2_info span{ color:#fff; font-size:18px; display:block; margin-bottom:10px;}
.news_num2_info strong a{ color:#fff; font-size:26px; display:block; margin-bottom:10px;  }
.news_num2_info strong a:Hover{ color:#CCC}
.news_num2_info p{ color:#fff; font-size:16px;display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; display:none;}
  
      .news_more { display:block; color:#fff; font-size:15px; background-image:url(../images/jt_r.png); background-repeat:no-repeat; background-position:66px; background-size:15px;}
    .news_more:hover{ color:#ccc;  }
  
.news_list_num1 {
  padding: 20px 0; border-bottom:1px #efefef solid
}
.news_list_num1 a {
  color: #333
}
.news_list_num1 a:hover .news_list_num1_text h4 {
  color: #000;  
}
.news_list_num1 .news_list_num1_img {
  width: 130px;
  float: left; height:80px; overflow:hidden; text-align:center
}
.news_list_num1 .news_list_num1_img b { font-size:35px; display:block;
}
.news_list_num1 .news_list_num1_text {
  float: right;
  width: 453px;
}

.news_list_num1 .news_list_num1_text_hy {
  float: right;
  width: 518px;
}

.news_list_num1 .news_list_num1_text h4 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px; font-weight:600;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
word-break: break-all ;
}
.news_list_num1 .news_list_num1_text p {
  color: #999
}

.rongru{ background-image:url(../images/rongyubg.jpg); height:280px; background-position:center; background-size:auto 100% }

.rongru .case-list{   margin:auto; padding:0 10px;}

.main-solute{
  
    margin: 20px auto 0 auto;
    
    position: relative; background-color:#fff;
}
.solute-list{
    width: 100%;
    margin: 10px auto10px;
    padding: 10px !important;   height: 380px;
}
.solute-list li{
    width: 295px;
    height:280px;
    background-color: #f1f1f1;
    box-shadow: 0 0px 12px rgba(0,0,0,.0);
    -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease; padding:10px;border-radius:5px; position:relative;
}
.solute-list li b{ display:block; height:20px;}
.solute-list li .sz_sjj{ width:80px; height:41px; background-image:url(../images/sz_sjj.png); position:absolute; margin-top:58px; margin-left:65px;  -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease; background-size:100%;}
.solute-list li .sz_sjj2{ width:19px; height:58px; background-image:url(../images/sz_sjj2.png); position:absolute; margin-top:-168px; margin-left:146px;  -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;}
.tuan_list li{float:left; margin:10px;}

.solute-list li:hover{
    box-shadow: 0 0px 18px rgba(0,0,0,.0);
    -webkit-box-shadow: 0 0px 18px rgba(0,0,0,.0); background-color:#2266b1;
}
.solute-list li:hover .sz_sjj{ background-image:url(../images/sz_sjj_hover.png);}
.solute-list li:hover .sz_sjj2{ background-image:url(../images/sz_sjj2_hover.png);}
 
.solute-item{
    width: 100%;
    height: 100%;
}
.solute-img{
    width: 100%;
    height: 150px;
    overflow: hidden;border-radius:5px;
}
.solute-img img{
    width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover; border-radius:5px;
}
.solute-title{
    width: 100%;
    text-align:center;
    padding: 10px;
}
.solute-title strong{
    font-size:15px;
    color: #2c2822;
    font-weight: normal;
}
.solute-title b{
    display: block; font-size:12px; color:#666;  font-weight:400;
}
.solute-title p{
    font-size: 14px;
    line-height: 20px;
    color: #2c2822;
}

.solute-list li:hover .solute-title strong{ color:#fff;}
.solute-list li:hover .solute-title b{ color:#fff;}
.solute-next,.solute-prev{ background-color:#134f91; width:35px; height:35px;   display:block; position:absolute;   cursor:pointer; background-image:url(../icon/ser-arrow.png); background-repeat:no-repeat; background-position:center; background-size:40%; margin-top:0px; z-index:2;  }
.solute-prev:hover{background-size:45%; }
.solute-next:hover{background-size:45%; }
.solute-next{ left:50%;   }
.solute-prev{left:50%; margin-left:-50px; 
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;}
  
  
.solute-next2,.solute-prev2{ background-color:#2266b1; width:55px; height:55px; border-radius:30px; display:block; position:absolute; margin-top:-170px; cursor:pointer; background-image:url(../icon/ser-arrow.png); background-repeat:no-repeat; background-position:center; background-size:40%;  }
.solute-prev2:hover{background-size:45%; }
.solute-next2:hover{background-size:45%; }
.solute-next2{ }
.solute-prev2{ margin-left:-80px;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;}
  
  
.index_tese{ background-color:#f7f7f7; padding:10px;}
 
.index_tese_list li{ width:100%; margin:10px 0;}
 
.index_tese_list li strong{ display:block; height:40px; font-size:20px; color:#2266b1; background-color:#efefef;  width:100%;   line-height:40px; text-align:center;   }
.index_tese_list li p{ height:70px; background-color:#fff; padding:10px; font-size:13px; color:#666; text-align:justify;}
.index_tese_list li:hover strong{background-color:rgba(34,102,177,0.8); color:#fff; }
.index_tese_list li i{ display:block; width:100%; height:150px; overflow:hidden; }
.index_tese_list li img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; width:100%;}
.index_tese_list li:hover img{transform: scale(1.1);}
 
.index_youshi{ background-image:url(../images/ys_bg.jpg); background-position:top;  background-repeat:no-repeat;}
.index_youshi .youshi_list ul{   margin:auto;  background-color:#f3f3f3; border-radius:5px; margin-top:10px; width:90%;}
.index_youshi .youshi_list ul li{  text-align:center; clear:both; padding:10px; border-bottom:1px #dedede solid; border-radius:5px; }
.index_youshi .youshi_list ul li img{ float:left; width:20%;}
.index_youshi .youshi_list ul li strong{ display:block; font-size:18px; color:#2266b1; line-height:25px; text-align:left; margin-left:5%; float:left; }
.index_youshi .youshi_list ul li p{ text-align:left; width:75%; float:left; margin-left:5%; font-size:12px;   }
 
.yangben{ background-color:#d6ecf7; padding:10px;  }
.yangben_list{ padding:10px;}
.yangben_list h3{ font-weight:400; line-height:33px; font-size:12px; color:#333}
.yangben_list img{ height:197px;}


.fengcai{ padding:10px;}
.fengcai li{  }

.fengcai .xy_fengcai{width:48%; height:233px; background-image:url(../images/index_03.jpg);color:#fff; padding-left:20px; padding-top:20px; float:left;background-size:auto 100%;}
.fengcai .xy_fengcai strong{ font-size:18px; display:block; }
.fengcai .xy_fengcai i{ display:block; width:60px; height:3px; background-color:#0c9ad4; margin-bottom:10px;}
.fengcai .xy_fengcai p{ font-size:12px;}
.fengcai .xy_fengcai span{ font-size:15px;}
.fengcai .xy_fengcai a{ color:#fff; float:left; margin-top:20px; width:100px; font-size:12px;}
 .fc_rimg{ float:right; width:48%;}
  .fc_rimg img{ display:block; width:100%; height:233px;}
.fengcai .ws_fengcai{  height:190px; background-image:url(../images/index_15.jpg);color:#fff; padding-left:20px; padding-top:20px; margin-top:10px; background-size:auto 100%; background-position:bottom;}
.fengcai .ws_fengcai strong{ font-size:20px; display:block; }
.fengcai .ws_fengcai i{ display:block; width:60px; height:3px; background-color:#0c9ad4; margin-bottom:10px;}
.fengcai .ws_fengcai p{  }
.fengcai .ws_fengcai span{ font-size:12px;}
.fengcai .ws_fengcai a{ color:#fff; float:left; margin-top:10px;font-size:12px;}

.fengcai .yjia_x{width:48%; height:233px; background-image:url(../images/index_09.jpg);color:#fff; padding-left:20px; padding-top:20px; float:right;background-size:auto 100%;}
/* partner*/
.main-partner{
    padding:10px; background-color:#efefef; 
}
.partner-list{ 
 
    padding: 5px;
}
/* end partner*/

.partner-list li{ float:left; width:25%;  }
.partner-list li i{ padding:2px; display:block;}
.partner-list li img{ width:100%; display:block;  border:1px #efefef solid;}

.index_huise{  }
.neirong_huise{ }
.index_container{ width:100%; margin:auto;}
.part{ background-color:#FFF; padding:10px;}
.part_neirong{background-color:#FFF; padding:10px; }
.part_tit{ border-bottom:1px #f6f6f6 solid;  }
.part_tit strong{ font-size:15px; font-weight:400; border-bottom:2px #0084f7 solid;  padding-bottom:5px; display:inline-block;}


.about_left{ margin-bottom:10px;  text-align:center; }
.about_left ul li{ display:inline-block; width:32%;}
.about_left ul li a{ color:#666; display:block; height:30px; text-align:center;  line-height:30px; font-size:13px;  background-color:#efefef; margin-bottom:3px;}
.about_left ul li a:hover{ color:#134f91;}  
 
.about_right{   }
.about_left .about-on{  color:#fff; background-color:#134f91;}

.rcpy_menu ul li{ width:25%;}

.about_text{ text-align:justify; line-height:30px; font-size:15px; margin-top:20px;}
.about_text img{ display:block; margin:10px 0; width:100%;}
.about_text p{ text-indent:32px;}

.o-banner {
    width: 100%;
    height:100px; 
    background-position: center; 
    background-repeat: no-repeat;
    color: #FFF;
    padding-top:10px; background-size:auto 100%; margin-top:60px; 
}
.obanner-box{
 
    margin: 0 auto;
}

.o-banner strong {
    font-size:17px;
    /* font-weight: bold; */
    display: block; margin-top:10px; color:#fff;
  
}

.obanner_bg{background-color:rgba(34,102,177,0); width:230px;   height:80px;padding-left:20px; padding-top:5px; border-radius:20px 0  20px 0; margin-left:10px; }
.o-banner b {
    display: block;
    height: 2px;
    width: 20px;
    background-color: #00669d;
    margin-top:15px;
}

.o-banner span {
    display: block;
    font-size: 10px;
    margin-top:0px;   color:#333;
}
.history_m{ padding:10px;}
.history_m ul{ border-left:1px #134f91 solid; margin-left:30px; padding-left:20px;}
.history_m ul i{ display:block; width:25px; height:25px; background-color:#2266b1; position:absolute; margin-left:-32px; border-radius:40px;  }
.history_m ul h4{background-color:#2266b1; color:#fff; display:inline-block; padding:5px 10px;border-radius:10px 0  10px 0; margin-bottom:10px;}


.rongyu_list{  }
.rongyu_list li{   width:45%; margin:2%; float:left;}
.rongyu_list li a strong{ font-weight:400; font-size:13px; text-align:center; color:#333; display:block; line-height:15px; margin-top:5px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

  .xinlixy{  }
  .xinlixy ul li{ float:left; width:45%; margin:2%;   background-color:#efefef; }
    .xinlixy ul li:hover{ border:1px #efefef solid; background-color:#fff;}
  .xinlixy ul li i{ height:100px; overflow:hidden; display:block; width:100%;
  }
  .xinlixy ul li span{ position:absolute; width:30px; height:30px;  display:block; margin-top:-70px; margin-left:70px; background-image:url(../images/video.png); background-size:100%;}
  .xinlixy ul li i img{ width:100%; height:100px; }
  .xinlixy ul li strong{ display:block;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; font-weight:400; font-size:13px; text-align:left; height:30px; line-height:30px; text-align:center; }
    .xinlixy ul li a{ color:#333; font-size:18px}
 .fl_menu{ background-color:#f2f2f2;  margin-top:10px; text-align:center; height:35px; line-height:35px;}
.fl_menu li{ float:left; width:33.3%;}
.fl_menu li a{ color:#fff; background-color:#2266b1;   padding:0 10px;    display:block;  font-size:13px; width:100%; border-right:1px #fff solid;}
.fl_menu  .on a{ color:#fff; background-color:#ff7e11;   padding:0 20px;   display:block;}

.zsys li{ clear:both; margin:10px 0;  }
.zsys li strong{ width:30%;   display:block; font-size:18px; text-align:center; line-height:35px; background-color:#2266b1; color:#fff;  }
.zsys li span{ clear:none;width:100%; display:block; font-size:14px;  padding-top:6px; background-color:#efefef; padding:10px;}

.yewu-list {
 
  padding: 16px !important;
}
.yewu-list li {
   
  height:192px;
  text-align: left; 
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;   width:90%; margin:30px auto ; border: 0px solid transparent;
  
   background-image:url(../images/cpbg2.jpg);
} 
 
 
.yewu-list li:hover img{ width:90%; margin-top:40px;
   
}
.yewu-list li a{ }
.yewu-list li i {
  display: block; 
  position: relative; padding-top:1px; height:100px;  
}.pagination3 { margin-bottom:-40px; }     .pagination3 .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #d8d8d8;
        opacity: 1;
        margin: 6px; 
        }
        .pagination3 .swiper-pagination-bullet-active{
        width: 12px;
        height: 12px;
        background-color: #239ac4;
        }
        .pagination3{
        width: 100%;
        bottom: 50px;
        }
.yewu-list li img {
  display: block;
  width: 90%;
  position: relative;
  height:auto;
  z-index: 0; margin:auto; margin-top:20px;-webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.yewu-list li .cp_p {
  height: 107px; 
}
.yewu-list li span {
  display: block;
  height: 2px;
  width: 54px; margin:auto;
  background-color: #00669d;
   
}
.yewu-list li:hover span{width: 84px;}
.yewu-list li strong {
  font-size:17px;
  color: #fff;
   
  display: block;  text-align:center; margin:10px auto
}
.yewu-list li b {
  font-weight: lighter;
  margin: 10px;
  margin-left: 15px;
  font-size: 12px;
  color: #fff;
}
.yewu-list li p {
  font-size: 14px;
 
  padding: 15px;
  line-height: 22px;
  text-align: justify; display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; height:80px;text-align:center; color:#666; text-align:center;  
}
.yewu-list li .red_bg {
  background-color: rgba(224, 3, 32,, 0);
  width: 100%;
  height: 231px;
  z-index: 1;
  margin-top: -231px;
  position: absolute;
}
.yewu-list li .red_bg img {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.yewu-list li:hover .red_bg {
  background-color: rgba(224,3,32,0.7);
}
.yewu-list li:hover .red_bg img {
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -20px;
}

.yewu-list_m { 
  padding: 16px !important; padding-top:0px !important;
}
.yewu-list_m li {
  background-color: #efefef;
 
  text-align: left;
  border-bottom: 4px #f7f7f7 solid;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; height:155px;
}
.yewu-list_m li:hover {
  border-bottom: 4px #e30505 solid
}
.yewu-list_m li i {
  display: block;
  overflow: hidden;
  height:89px;
  position: relative;
}
.yewu-list_m li img {
  display: block;
  width: 100%;
  position: relative;
  height:89px;
  z-index: 0;
}
.yewu-list_m li p {
  height: 197px
}
.yewu-list_m li span {
  display: block;
  height: 2px;
  width: 24px;
  margin: 10px 0;
  background-color: #00669d;
  margin-left: 15px;
}
.yewu-list_m li strong {
  font-size:15px;
  color: #1e1e1e;
  margin-left: 15px;
  display: block;
  margin-bottom: 2px; height:50px;
}
.yewu-list_m li b {
  font-weight: lighter;
  margin: 10px;
  margin-left: 15px;
  font-size: 12px;
  color: #c2c2c2;
}
.yewu-list_m li p {
  font-size: 13px;
  color: #9d9d9d;
  padding: 15px;
  line-height: 20px;
  text-align: justify;
}
.yewu-list_m li .red_bg {
  background-color: rgba(224, 3, 32,, 0);
  width: 100%;
  height: 279px;
  z-index: 1;
  margin-top: -279px;
  position: absolute;
}
.yewu-list_m li .red_bg img {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.yewu-list_m li:hover .red_bg {
  background-color: rgba(224,3,32,0.7);
}
.yewu-list_m li:hover .red_bg img {
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -20px;
}
 
.index_case_kk {
  padding:10px 0;
  background-color: #f5f5f5; margin-top:30px;
}

.case_tit {
  background-color: #fff;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin:10px 0;
}
.case_tit a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #868686;
  font-size: 12px;
  padding: 0 8px;
}
.case_tit .mt-tabpage-item-cur {
  background-color: #e30505;
  color: #fff;
}
.main-case {
  width: 100%;
  background-image: url(/images/case-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  padding: 60px 0;
  position: relative;
}
.anli_list {
  margin: auto;
}
.anli_list_left { padding:10px;
}
.anli_list_left li img {
  display: block;
  width:100%;
  height:auto; min-height:100%;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; position:absolute;  
}
.anli_list_left li a:hover img {
  width:100%;
  height:auto;min-height:100%;
}


.anli_list_left strong {
  position: absolute;
  display: block;
  width: 100%;
  color: #fafafa;
  margin-top:488px;
  text-align: center;
  font-size: 14px;
  z-index: 4;
  padding: 20px;
  font-weight: lighter;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.anli_list_left p {
  position: absolute;
  height: 131px;
  background-color: #e30505;
  width: 100%;
  z-index: 1;
  margin-top:488px;
  filter: alpha(opacity=95); /*IE滤镜，透明度50%*/
  -moz-opacity: 0.95; /*Firefox私有，透明度50%*/
  opacity: 0.95;/*其他，透明度50%*/
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.anli_list_left a {
  width:100%;
  height:208px;
  overflow: hidden;
  position: relative;
  display: block; font-size:13px;
}
.anli_list_left a:hover p {
  margin-top:438px;
}
.anli_list_left a:hover strong {
  margin-top:433px;
}
.anli_list_right { padding:10px;
 
}
.anli_list_right li {
  float: left; width:48%;  
}
.anli_list_right li:nth-child(2n){ float:right;}
.anli_list_right li:nth-child(n+3){ margin-top:13px;}
 
.anli_list_right li img {
  display: block; width:auto;
  height:auto;
   min-width:100%; max-height:100%;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; position:absolute; 
}
.anli_list_right li a:hover img {
 
} 
.anli_list_right strong {
  position: absolute;
  display: block;
  width: 306px;
  color: #fafafa;
  margin-top:244px;
  text-align: center;
  font-size: 14px;
  z-index: 4; 
  font-weight: lighter;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
   
}
.anli_list_right p {
  position: absolute;
  height:40px;
  background-color: #00669d;
  width: 100%;
  z-index: 1;
  margin-top: 233px;
  filter: alpha(opacity=95); /*IE滤镜，透明度50%*/
  -moz-opacity: 0.95; /*Firefox私有，透明度50%*/
  opacity: 0.95;/*其他，透明度50%*/
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.anli_list_right a {
  width: 100%;
  height:113px;
  overflow: hidden;
  position: relative;
  display: block;
}
.anli_list_right a:hover p {
  margin-top:197px;
}
 
.anli_list_right a:hover strong {
  margin-top:205px;
   
}
.case-list {
  width: 1300px;
  margin: 40px auto 40px;
  padding: 20px !important;
}
.case-list li {
  width: 380px;
  height: 360px;
  padding: 20px;
  background-color: #ffffff;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.case-list li:hover {
  box-shadow: 0 0px 16px rgba(255,255,255,.8);
  -webkit-box-shadow: 0 0px 16px rgba(255,255,255,.8);
}
.case-list li:hover .case-title strong {
  color: #00669d;
}
.case-item {
  width: 100%;
  height: 100%;
}
.case-img {
  width: 100%;
  height: 256px;
  overflow: hidden;
}
.case-img img {
  width: auto;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-title {
  width: 100%;
  text-align: left;
  padding-top: 10px;
}
.case-title strong {
  font-size:13px;
  color: #1d1d1d;
  font-weight: normal;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.case-title b {
  display: block;
  width: 60px;
  height: 1px;
  background-color: #00669d;
  margin: 12px 0 16px;
}
.case-title p {
  font-size: 14px;
  line-height: 20px;
  color: #9c9c9c;
  padding-left: 20px;
  background-image: url(/icon/address.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.main-yewu {
  padding: 0px 0;
  position: relative; 
    background-color:#fff; margin-top:30px;
}  
.index_gsjj{    background-position:center; background-attachment:fixed; padding: 0px 0; background-image:url(../images/features-bg.jpg); margin-top:10px; padding-bottom:40px;  }
 .gsjj_video{ position:relative; z-index:0; }
.gsjj_video img{ display:block; width:100%;  }
.gsjj_left{ position:relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), /* 主外发光 */
              0 0 10px rgba(0, 0, 0, 0.1), /* 次外发光 */
              0 0 20px rgba(0, 0, 0, 0.1);  /* 远离中心的外发光 */ padding:10px; z-index:2;   background-color:#fff; width:90%; margin:0 auto ; margin-top:-80px; } 

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.xuanzhuan{ z-index:1;animation: spin 8s linear infinite; width:300px; height:300px; position:absolute; background-image:url(../images/hero-shape-4.png); background-size:100%; margin-top:-570px; margin-left:-150px; left:50%;}
.gsjj_tit{ margin:10px  }
.gsjj_tit   i{ height:2px; width:45px; background-color:#ffd02e; display:block; margin-bottom:5px;}
.gsjj_tit strong{ color:#353858; font-size:20px; display:block; font-weight:bold}
.gsjj_tit span{ font-weight:bold}
.gsjj_info{ font-size:15px; color:#424242; line-height:24px; margin-top:10px; text-align:justify;   width:90%; margin:auto;}
.gsjj_info p{ text-indent:35px;}


  .gsjj_menu{ margin-top:20px;}
 .gsjj_menu a{ display:block; height:35px; line-height:35px; width:33%; background-color:#093765; color:#fff; font-size:15px; text-align:center; float:left; margin-left:1px;-webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;}
  .gsjj_menu a:hover{ background-color:#ffd02e; color:#333;}
 .gsjj_menu .on{ background-color:#ffd02e; color:#333;}

 
.youshi4{ margin-top:10px; }
.youshi4 li{ float:left; width:33%; text-align:center; margin:10px 0px;}

.youshi4 li strong{ color:#00669d; font-size:29px; font-weight:bold;}
.youshi4 li p{ display:block; color:#858585; font-size:12px;}
.youshi4 li span{color:#00669d; position:absolute;font-size:10px; }




.main-team{ background-color:#f5f5f5; padding:0px 0;}
.team-list{ padding:5px;  }
.team-list li{    width:50%; float:left; }
.team-list li img{ display:block; width:100%; height:209px;}
.team-list li a{ color:#828282; font-size:14px; display:block;background-color:#fff; margin:5px;}
.index_team_js{ height:96px;  text-align:left; padding-top:10px }
.index_team_js strong{ display:inline-block; padding:0 20px 0 20px; height:26px; background-color:#00669d; color:#fff; text-align:center; line-height:26px; font-size:14px;  }
.index_team_js p{ padding:10px; font-size:10px;}
.main-hezuo{ padding:0px 0;}
.team-list li a:hover .index_team_js{ background-color:#333; color:#fff;}


.down-fixed{
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    display: block !important;
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.w-25{
    width: 25%;
}
.w-50{
    width: 50%;
}
.down-fixed a{
    float: left;
    display: block;
    height: 50px;
    text-align: center;
}
.down-fixed a.bt{
    color: #0b0b0b;
    padding-top: 30px;
    font-size: 12px;
    position: relative;
}
.down-fixed a.bt span{
    display: block;
    position: absolute;
    top: 5px;
    width: 100%;
    height: 24px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
}
.down-fixed a:nth-child(1){
    border-right: 1px solid #e9e9e9;
}
.down-fixed a:nth-child(1) span{
    background-image: url(../images/wechat.png);
}
.down-fixed a:nth-child(2) span{
    background-image: url(../images/qq.png);
}
.down-fixed a.bot{
    background-color: #00669d;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 50px;
}

}