@font-face {font-family: 'BEBAS';src: url('../fonts/BEBAS.woff2');}
@font-face {font-family: 'Oswald-Bold';src: url('../fonts/Oswald-Bold.otf');}




/*top*/
.head_bg{   background:url(../images/menu.jpg) repeat-x bottom; width:100%; font-family:Arial, Helvetica, sans-serif}
.head_box{ width:1250px; margin:0 auto; }
.head_box .logo{ float:left; margin-top:27px; padding-bottom:27px;}
.head_box h1{ font-size:18px; padding-top:39px; padding-left:20px; float:left;text-transform:uppercase;  color:#3b3838; font-weight:900; letter-spacing:0px; line-height:32px;}
.head_box h1 span{ font-size:14px; font-weight:normal;  line-height:35px; text-transform:uppercase; letter-spacing:0px}
.head_box h1 a{ color:#000}
.head_box .head_box2{ float:right;margin-top:44px; margin-right:12px;}
.head_box .head_box2 img{ float:left; margin-right:12px; height:50px;}
.head_box .head_box2 .head_tel{ float:left;}
.head_box .head_box2 .head_tel .head_p1{ font-size:12px; color:black; color:#504300}
.head_box .head_box2 .head_tel .head_p2{ font-size:26px; color:#8e97a0; font-weight:bold; line-height:35px;font-family: 'Oswald-Bold';}

.nav_bg{   background-color: #0054a2; width:100%; float:left; height:55px;  }




.nav_bgc{width:1250px; margin:0 auto; font-family:Arial, Helvetica, sans-serif}
.nav{ width:100%; float:left; border-left:#01448a solid 1px;}
.nav li {float: left;list-style: none;font-size: 19px;text-align: center;box-sizing: border-box; position: relative;border-left:#01448a solid 1px; border-right:#0175be solid 1px; }
.nav li a:hover:before {width: 100%;}
.nav li:hover:after,.nav li.cur:after{width:100%;color: #fff;}
.nav li a { padding-left:53px; padding-right:53px;z-index: 1;  
display: block;text-align: center;position: relative;color: #fff;line-height:55px;  }
.nav  li a:hover{color: #fff; }
.nav li.hover a, .nav li:hover a {color: #fff; background:#0eae4a;  }
.nav li .subnav {background: #fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99; border-top:0px solid #3f7225; }
.nav li .subnav {border-radius:5px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 16px;font-weight: 500; margin-left:0px; margin-right:0px;
line-height: 50px;height: 50px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #0175be;background: #f09718;}
.nav li .subnav a:hover {color: #fff;background:#f07a18;}
.nav li:last-child .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #494949;display: block;font-size: 15px;font-weight: 500; margin-left:0px; margin-right:0px;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 0px!important;background: #fff;}


.nav1{ width:198px!important; float:left;margin-left:0px!important;}








.flex-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.img_pic {
    position: relative;
    width: 100%;
    padding-top: 50%;
    overflow: hidden;
}

.img_pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.backwrite {
    background: #fff;
}

.paddb90 {
    padding-bottom: 90px;
}

.padd90 {
    padding: 90px 0;
}


/* header */



.zdMore {
    position: relative;
    margin-top: 0px;
}

.zdMore .more {
    position: relative;
    width:180px;
    height:45px;
    line-height: 45px;
    border-radius: 35px;
    padding: 0 48px;
    font-size: 15px;
    letter-spacing: 1px;
    box-sizing: border-box;
    background-color: #fff;
    color: #18a787;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zdMore svg {
 width: 14px;
 height: 12px;
    vertical-align: middle;
    pointer-events: none;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: .25s transform ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}


/* about  end */

/* solution */
.ind-title {
    position: relative;
}

.tit-en {
    text-transform: uppercase;
    font-size:25px;
	font-family: 'Oswald-Bold';
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase; 
}
line3 {
    width: 54px;
    height: 54px;
    background:url(../images/line.png) no-repeat center top;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.tit-cn {
    font-size:35px;
    margin-top: 5px; font-weight:bold
}

.ind-title.white .tit-cn,
.ind-title.white .tit-en {
    color: #fff;font-family:Barlow-Regular;
	
}

.ind-title.center {
    text-align: center;
}

.index-product {
    position: relative;
    width: 100%; height:500px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-left: 5vw;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.index-product .item-ul {
    width: 57vw;
    z-index: 6;
    margin:6vw -10vw 6vw 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 10px;
	padding-right:30px;
    background: #f8fcff url(../picture/1.png) no-repeat center;
}

.index-product .item-ul li {
    position: relative;
    width: 50%;
    overflow: hidden;
    padding:30px 0px 30px 30px;
    float: left;
    text-align: center;
}

.index-product .item-ul li a {
    display: block;
    position: relative;
}

.index-product .item-ul li:nth-child(1),
.index-product .item-ul li:nth-child(2),
 {
    border-top: 0;
}


.index-product .item-ul li .tit {
    font-size: 20px;
    color: #333;
    line-height: 24px;
    margin-top: 1vw;
    text-transform: uppercase;
 font-weight:bold
}
.index-product .item-ul li .tit1 {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    margin-top: 0.4vw;
    text-transform: uppercase;
    height: 48px; letter-spacing:0
}

.index-product .item-ul li:hover .tit {
    color: #fff;
}
.index-product .item-ul li:hover .tit1 {
    color: #fff;
}
.index-product .item-ul li>i,
.index-product .item-ul li a>i {
    width: 62px;
    height: 60px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.index-product .item-ul li  img
{
    width: 100%;
    height: 100%;
    object-fit: contain;  border-radius: 10px;
}
.index-product .item-ul li:hover .icon01_img2 {

    transform: translateY(-100%);
}
.index-product .item-ul li:hover .icon01_img1 {

    transform: translateY(-100%);
}

.index-product .item-ul li .desc {
    position: relative;
    top: 0;
    margin-top: 19%;
    font-size: 14px;
    color: #666;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: none !important;
}

.index-product .item-ul li:hover .desc {
    color: #fff;
    opacity: 0.8;
}

.index-product .item-ul li:hover .desc {
    top: -25px;
}

.index-product .item-ul li::after {
    position: absolute;
    bottom: 1.3vw;
    right: 1.3vw;
    content: '';
    width: 14px;
    height: 12px;
    background: url(../images/icon-right.png) no-repeat;
    z-index: 9;
    opacity: 0;
}

.index-product .item-ul li>b {
    display: block;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
    overflow: hidden;
    border-radius: 6px;
}

.index-product .item-ul li>b::before {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: #18a787 transparent transparent transparent;
	

	
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}

.index-product .item-ul li:hover>b::before,
.index-product .item-ul li:hover::after {
    opacity: 1;
}

.index-product .item-ul li:hover>b::before {
    border-width: 930px 930px 0 0;
}

.index-product .product-box {
    position: relative;
    width: 60%;
    background: #18a787;
    z-index: 5;
    padding-left: 16vw;
    overflow: hidden;
    display: flex;
    align-items: center; margin-left:47.3%;  padding-left: 28%
}

.product-box-div {
    display: inline-block;
}

.product-box-bg {
    position: absolute;
    width: 60%;
    bottom: -14%;
    opacity: 0.48;
    right: -10%;
}

.index-product .product-box .desc {
    margin-top: 2.8vw;
    margin-left: 10px;
    max-width: 22vw;
    color: #fff;
    font-size: 16px;
}

.more-btn {
    width: 140px;
    height: 40px;
    border-radius: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-top: 89px;
    border: 1px solid #0072be;
    color: #0072be;
    font-family: "en";
    -webkit-transition: ease .4s;
    transition: ease .4s;
}

.more-btn:hover {
    background: #fff;
    color: #1a74bb;
}

.more-btn.white {
    border: 1px solid #fff;
    color: #fff;
}

.more-btn.blue {
    border: 1px solid #0072be;
    background: #0072be;
    color: #fff;
}





.bh1{ width:100%; margin:0 auto}
.bh2{ width:100%; margin:0 auto; background:#fff}
.all_w1 {
     margin: 0 auto;width: 95%;
    max-width: 1400px;
}





.s_zj_box{width:1260px; margin:0 auto; clear:both;  overflow:hidden; padding-top:80px; border-bottom:#dadada solid 1px; padding-bottom:60px; } 
.s_zj_box .s_zj_p1{ font-size:34px; color:white; text-align:center; padding-top:0px; }
.s_zj_box .s_zj_p2{ font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px; text-transform:uppercase;}
.s_zj_box .s_zj_tip{ width:23%; float:left; margin-right:1%;margin-left:1%;  margin-bottom:15px;
transition:all .2s linear;  
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear; background:#f0f0f0;border-radius:8px;}
.s_zj_box .s_zj_tip:hover{ margin-top:0px;}
.s_zj_box .s_zj_tip img{ width:90%; height:190px;border:#dadada solid 1px; padding:15px;border-radius:8px;}



#pro_exh{
  width:100%;
  padding:40px 0;
}

#pro_exh .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
#pro_exh .tit h4{
  color:#333;
  font-size: 24px;
  line-height: 30px;
  font-weight: 900;
}
#pro_exh .tit h4 i{
  color:#333;
  /*font-size: 30px;*/
  line-height: 30px; font-style:normal; padding-right:10px; /*color:#f1a403; */
  font-weight: 900;
}
#pro_exh .tit a{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#pro_exh .tit a span{
  display:block;
  color:#333;
  font-size: 14px;
}
#pro_exh .tit a:hover span{
  color:#f1a502;
}
#pro_exh .tit a em{
  display:block;
  width:20px;
  height:20px;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  color:#fff;
  font-size:12px;
  background:#969696;
  border-radius: 100%;
  font-family: "黑体";
  margin-left:10px;
}
#pro_exh .content{
  width:1250px;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#pro_exh .content .left{
  width:29%;
  margin-top:10px;
}




#pro_exh .content .left img{
  width:100%;
}

.nie{ width:100%; position:relative; clear: both; z-index:200; }
.nie1{  width:21%; float:left; position:absolute;clear: both;margin-top:70px; padding-left:4%;}
.nie1 strong{  width:100%; float:left; font-size:17px; font-weight:900; color:#fff; background:#0054a2; text-align:center; line-height:20px; padding-top:15px; padding-bottom:15px}
.nie2{  width:100%; float:left; font-size:15px; padding-top:20px; color:#494949; line-height:27px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}




#pro_exh .content .right{
  width:69%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#pro_exh .content .right li{
  width:44%;
  height:282px;
  margin-top:10px; margin-bottom:17px;
  background:#fff;
  padding:17px 0;
  border:2px solid rgba(0,0,0,0);
   box-shadow: 0px 0px 5px #dbdbdb;
  margin-left:30px; 
}
#pro_exh .content .right li:hover{
  border:2px solid #91b9de;
}
#pro_exh .content .right li .img{
  width:90%;
  margin:0 auto; height:240px; text-align:center;
}
#pro_exh .content .right li .img img{
  max-width:100%;  height:240px;
}
#pro_exh .content .right li .text{
  width:100%;
  padding:0px 10px;
}
#pro_exh .content .right li .text p{
  text-align: center;
  color:#333;
  font-size:17px; line-height:55px;
  margin-top:0px;
}
#pro_exh .content .right li .text span{
  display:block;
  color:#333;
  font-size: 13px;
  text-align: center;
  color:#f1a502;
  margin-top:20px;
}
#pro_exh .content .right li:hover .text span{
  color:#f1a502; font-weight:700;
}











.sy_contact {
    position: relative; height:350px; width:100%; clear:both
}

.sy_contact .back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
}
.sy_contact .back img {

    width: auto; min-width: 100%;
    height: 100%;
}
.sy_contact .contact-main1 {
    padding: 70px 0;
    position: relative;
    z-index: 9;
    text-align: center
}
.sy_contact .contact-main1 .contact-title {  font-size:25px; line-height:70px; margin-top:20px;
    color: #fff;
    transition: all .3s; text-transform: capitalize; font-weight:900; font-family:;}
.sy_contact .contact-main1 .contact-title a {
    font-size:40px;
    color: #fff;
    transition: all .3s
}

.sy_contact .contact-main1 .contact-title a:hover {
    color: #f08200
}

.sy_contact .contact-main1 .contact-des {
    color: #fff;
    font-size:20px; text-transform:capitalize;
}

.sy_contact .contact-main1 .contact-more {
    margin-top: 26px
}
.sy_contact .contact-main1 .contact-more  {
    display: inline-block;
    padding: 10px 50px;
   /* background: #007ac0;*/
    color: #fff;
    border-radius: 50px;
}
.sy_contact .contact-main1 .contact-more i { font-style:normal;font-size:15px;}
.sy_contact .contact-main1 .contact-more a {
    display: inline-block;
    padding: 8px 50px;
    background: #007ac0;
    color: #fff;
    border-radius: 50px
}


.lili{ background:url(../images/xw1.jpg) no-repeat center bottom;  background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:350px!important; background-size:cover; width:100%; float:left}


.ddz { width:100%; background:#0054a2; padding-bottom:30px;height:190px; float:left}
.ddz2 { width:1250px; margin:auto!important; position:relative;clear: both; z-index:200; }
.dd_kk {  margin-top:-67px; height:250px; position:absolute; width:100%}
.dd_kk dl { width:25%; text-align:center; z-index:99; float:left;}
.dd_kk dl dt { width:120px; height:120px; border-radius:50%; margin:0px auto;text-align:center; border:0px solid rgba(255,255,255,1);  box-shadow:0px 0px 10px 10px rgba(0,0,0,.1);
    background-color: #fff;
}
.dd_kk dl dt img { margin-top:38px; height:50px;}
.dd_kk dl dd { line-height:25px; padding-top:20px; color:#333; width:100%; margin:0px; font-size:18px; padding:0 0%; width:100%; margin-top:25px;}
.dd_kk dl dd h2 { font-size:18px; line-height:40px; color:#fff;}
.dd_kk dl dd p { font-size:14px; color:#fff;}









.lian-index-news3{background:url(../images/bg1.jpg) no-repeat bottom; width:100%; float:left; padding-bottom:50px;}



.lian-index-news {padding:4% 0;overflow: hidden; padding-bottom:30px; width:1250px; margin:auto; }
.lian-index-news-top {position: relative;overflow: hidden;}

.lian-index-news-top .title-11 { font-size:35px; font-weight:900}

.lian-index-news-top .lian-more{position: absolute;right: 0;bottom: 0;}


.lian-index-news-bottom {margin-top:1%;overflow: hidden;position: relative;}
.lian-index-news-item {float: left;width: 69%;position: relative;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.lian-index-news-item a {display: block;position: relative;overflow: hidden;padding: 3% 0;}
.lian-index-news-item .img {float: left;width: 34%;background-color: #fff; overflow:hidden; height:150px;border-radius:5px;}
.lian-index-news-item .img img{width:100%;}

.lian-index-news-item .text {float: left;width: 62%;padding-left: 4%;}
.lian-index-news-item .data-1 {margin-top: 1%;color: #999999;}
.lian-index-news-item .title-1 {margin-top: 2%; font-size:18px; font-weight:900}
.lian-index-news-item .text-1 {color:#666666; font-size:16px; line-height:28px; padding-top:10px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.lian-index-news-item .viewmore-2 {position: absolute;left: 38%;bottom: 10%;}
.lian-index-news-item:last-child {position: absolute;right: 0;top: 3%;width: 26%;height: 97%;box-sizing: border-box;}
.lian-index-news-item:last-child a {position: unset;}
.lian-index-news-item:last-child .img {float: none;width: 100%;}
.lian-index-news-item:last-child .img img{width: 100%!important}
.lian-index-news-item:last-child .text {float: none;width: 100%;padding-left: 0;margin-top: 5%;}
.lian-index-news-item:last-child .viewmore-2 { left:0;bottom: 8%;}
.lian-index-news-item a:hover .pic {transform: scale(1.05);}
.lian-index-news-item a:hover .title-1 {color: #0c4c8c;}
.viewmore-2 {position: relative;margin-top: 2%;}
.viewmore-2 span {display: inline-block;position: relative;color: #0c4c8c;}
.viewmore-2 span::after {content: '';width: .6rem;height: 1rem;background: url('../images/r1.png') center no-repeat;position: absolute;top: 53%;transform: translateY(-50%);right: -1.5rem;}




@media only screen and (max-width: 1000px){
  .bode3 .wrap>.tit{
    font-size: 24px;
  }
  .bode3 .wrap>.tit a{
    font-size: 24px;
  }
  .bode3 .product_search .right .gjc{
    display:none;
  }
  #pro_exh .content .left{ width:100%; height:220px; overflow:hidden
 
  }
  #pro_exh .content .right{
    width:100%;
  }
}
@media only screen and (max-width: 750px){
  .bode3 .wrap>.tit{
    padding:30px 0;
    font-size: 16px;
  }
  .bode3 .wrap>.tit .line{
    width:20px;
  }
  .bode3 .wrap>.tit a{
    font-size: 16px;
  }
  .bode3 .product_search .right form .input1{
    width:200px;
    margin-left:0;
  }
  .bode3 .product_search .right form .input2{
    width:80px;
    background: url(../images/search.png)no-repeat 15px center;
    background-color: #333;
    background-size: 15px 15px;
  }
  #pro_exh .content .right{
    justify-content: space-between;
  }
  #pro_exh .content .right li{
    padding:10px 0;
    width:49%;
    height: auto;
    margin-left:0;
  }
  #pro_exh .tit h4{
    font-size: 16px;
  }
  #pro_exh .tit a span{
    font-size: 12px;
  }
  #pro_exh .tit a em{
    width:15px;
    height:15px;
    line-height: 15px;
  }
  #pro_exh{
    padding:20px 0;
  }
  .bode3 .product_search{
    margin-top:15px;
  }






@media (max-width:768px){



.index-product {
    position: relative;
    width: 100%; height:180px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-left: 5vw;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}



.tit-cn {
    font-size:16px;
    margin-top: 0px; font-weight:bold
}
.tit-en {
    text-transform: uppercase;
    font-size:12px;
	font-family: 'Oswald-Bold';
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase; 
}



.zdMore .more {
    position: relative;
    width:70px;
    height:23px;
    line-height: 23px;
    border-radius: 35px;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 1px;
    box-sizing: border-box;
    background-color: #fff;
    color: #18a787;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.head_bg{ display:none; }






#pro_exh .content{
  width:90%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}


#pro_exh .content .left{
  width:100%;
  margin-top:10px; float:left; padding-bottom:150px;
}




#pro_exh .content .left img{
  width:100%; background-size:cover;
}

.nie{ width:100%; position:relative; clear: both; z-index:200; font-family:Arial, Helvetica, sans-serif }
.nie1{  width:84%; float:left; position:absolute;clear: both;margin-top:50px; padding-left:8%;}
.nie1 strong{  width:100%; float:left; font-size:14px; font-weight:normal; color:#fff; background:#0054a2; text-align:center; line-height:20px;}
.nie1 p{  width:100%; float:left; font-size:14px; padding-top:20px; color:#494949; line-height:20px;}




#pro_exh .content .right{
  width:100%;
  display:block;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#pro_exh .content .right li{
  width:100%;
  height:auto;
  margin-top:10px; margin-bottom:17px;
  background:#fff;
  padding:0px 0; padding-top:10px;
  border:2px solid rgba(0,0,0,0);
   box-shadow: 0px 0px 5px #dbdbdb;
  margin-left:0px; 
}
#pro_exh .content .right li:hover{
  border:2px solid #91b9de;
}
#pro_exh .content .right li .img{
  width:90%;
  margin:0 auto; height:auto; text-align:center;
}
#pro_exh .content .right li .img img{
  max-width:100%;  height:auto;
}
#pro_exh .content .right li .text{
  width:100%;
  padding:0px 10px;
}
#pro_exh .content .right li .text p{
  text-align: center;
  color:#333;
  font-size:14px; line-height:40px;
  margin-top:0px;
}
#pro_exh .content .right li .text span{
  display:block;
  color:#333;
  font-size: 13px;
  text-align: center;
  color:#f1a502;
  margin-top:20px;
}
#pro_exh .content .right li:hover .text span{
  color:#f1a502; font-weight:700;
}




.all_w1 {
     margin: 0 auto;width: 95%;
    max-width: 100%;
}





.ddz { width:100%; background:#0054a2; padding-bottom:100px;height:auto; float:left}
.ddz2 { width:90%; margin:auto!important; position:relative;clear: both; z-index:200; }
.dd_kk {  margin-top:-30px; height:auto; position:absolute; width:100%}
.dd_kk dl { width:25%; text-align:center; z-index:99; float:left;}
.dd_kk dl dt { width:50px; height:50px; border-radius:50%; margin:0px auto;text-align:center; border:0px solid rgba(255,255,255,1);  box-shadow:0px 0px 10px 10px rgba(0,0,0,.1);
    background-color: #fff;
}
.dd_kk dl dt img { margin-top:15px; height:20px;}
.dd_kk dl dd { line-height:25px; padding-top:20px; color:#333; width:100%; margin:0px; font-size:18px; padding:0 0%; width:100%; margin-top:10px;}
.dd_kk dl dd h2 { font-size:14px; line-height:20px; color:#fff; font-weight:normal}
.dd_kk dl dd p {display:none; }



.s_zj_box{width:95%; margin:0 auto; clear:both;  overflow:hidden; padding-top:30px; border-bottom:#dadada solid 1px; padding-bottom:20px; } 
.s_zj_box .s_zj_p1{ font-size:20px; color:white; text-align:center; padding-top:0px; }
.s_zj_box .s_zj_p2{ font-size:14px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px; text-transform:uppercase;}
.s_zj_box .s_zj_tip{ width:48%; float:left; margin-right:1%;margin-left:1%;  margin-bottom:15px;
transition:all .2s linear;  
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear; background:#f0f0f0;border-radius:8px;}
.s_zj_box .s_zj_tip:hover{ margin-top:0px;}
.s_zj_box .s_zj_tip img{ width:90%; height:90px;border:#dadada solid 1px; padding:7px;border-radius:8px;}





.lian-index-news3{background:url(../images/bg1.jpg) no-repeat bottom; width:100%; float:left; padding-bottom:20px;}



.lian-index-news {padding:4% 0;overflow: hidden; padding-bottom:20px; width:90%; margin:auto; }
.lian-index-news-top {position: relative;overflow: hidden;}

.lian-index-news-top .title-11 { font-size:20px; font-weight:900}

.lian-index-news-top .lian-more{position: absolute;right: 0;bottom: 0;}


.lian-index-news-bottom {margin-top:1%;overflow: hidden;position: relative;}
.lian-index-news-item {float: left;width: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #e5e5e5; }
.lian-index-news-item a {display: block;position: relative;overflow: hidden;padding: 3% 0;}
.lian-index-news-item .img {float: left;width:100%;background-color: #fff; overflow:hidden; height:150px;border-radius:5px;}
.lian-index-news-item .img img{width:100%;}

.lian-index-news-item .text {float: left;width: 100%;padding-left:0%;}
.lian-index-news-item .data-1 {margin-top: 1%;color: #999999;}
.lian-index-news-item .title-1 {margin-top: 2%; font-size:14px; font-weight:900}
.lian-index-news-item .text-1 {display:none; }
.lian-index-news-item .viewmore-2 {position: absolute;left: 38%;bottom: 10%;}
.lian-index-news-item:last-child {position: none;right: 0;top: 100%;width:100%;height:auto;box-sizing: border-box;}
.lian-index-news-item:last-child a {position:none;}
.lian-index-news-item:last-child .img {float: none;width: 100%;}
.lian-index-news-item:last-child .img img{width: 100%!important}
.lian-index-news-item:last-child .text {float: none;width: 100%;padding-left: 0;margin-top: 5%;}
.lian-index-news-item:last-child .viewmore-2 { left:0;bottom: 8%;}
.lian-index-news-item a:hover .pic {transform: scale(1.05);}
.lian-index-news-item a:hover .title-1 {color: #0c4c8c;}
.viewmore-2 {position: relative;margin-top: 2%;}
.viewmore-2 span {display: inline-block;position: relative;color: #0c4c8c;display:none; }
.viewmore-2 span::after {content: '';width: .6rem;height: 1rem;background: url('../images/r1.png') center no-repeat;position: absolute;top: 53%;transform: translateY(-50%);right: -1.5rem;}



.nav_bg{display:none; }





.sy_contact {
    position: relative; height:200px; width:100%; clear:both
}

.sy_contact .back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
}
.sy_contact .back img {

    width: auto; min-width: 100%;
    height: 100%;
}
.sy_contact .contact-main1 {
    padding: 50px 0;
    position: relative;
    z-index: 9;
    text-align: center
}
.sy_contact .contact-main1 .contact-title {  font-size:14px; line-height:24px; margin-top:0px;
    color: #fff;
    transition: all .3s; text-transform: capitalize; font-weight:900; font-family:;}
.sy_contact .contact-main1 .contact-title a {
    font-size: 20px;
    color: #fff;
    transition: all .3s
}

.sy_contact .contact-main1 .contact-title a:hover {
    color: #f08200
}

.sy_contact .contact-main1 .contact-des {
display:none; }

.sy_contact .contact-main1 .contact-more {
    margin-top: 10px
}
.sy_contact .contact-main1 .contact-more  {
    display: inline-block;
    padding: 5px 10px;
   /* background: #007ac0;*/
    color: #fff;
    border-radius: 50px;
}
.sy_contact .contact-main1 .contact-more i { font-style:normal;font-size:12px;}
.sy_contact .contact-main1 .contact-more a {
    display: inline-block;
    padding: 8px 30px;
    background: #007ac0;
    color: #fff;
    border-radius: 50px
}


.lili{ background:url(../images/xw1.jpg) no-repeat center bottom;  background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:200px!important; background-size:cover; width:100%; float:left}



}