.clearfix:after{

  display: block;

  content: '';

  clear: both;

}

@font-face {

    font-family: 'ziti';

    src: url("../images/DINPro-Medium.otf"); }

@font-face {

    font-family: 'ziti1';

    src: url("../images/BEBAS___-webfont.woff.ttf"); }

/*头部*/

.top{

    width: 100%;

    position: relative;

    height: 36px;

    line-height: 36px;

    background: #efefef;

}

.top-left{

    float: left;

    color: #7c7c7c;

    font-size: 14px;

    font-weight: lighter;

}

.top-right{

    float: right;

}

.top-right a{

    display: block;

    float: left;

    color: #7c7c7c;

    font-size: 14px;

    text-indent: 23px;

    font-weight: lighter;

}

.top-right a:nth-child(1){

    background: url("../images/top-zixun.png") no-repeat center left;

    margin-right: 20px;

}

.top-right a:nth-child(2){

    background: url("../images/top-dizhi.png") no-repeat center left;

}

.header{

    width: 100%;

    position: relative;

}

.warpper{

    width: 1200px;

    margin: 0 auto;

}

.logo{

    width:950px;

    float: left;

    padding: 23px 0;

}

.logo img{

    float: left;

}

.logo-tit{

    margin-top: 7px;

}

.logo-tit:before{

    display: block;

    content: '';

    width: 1px;

    height:60px;

    background: #e0e0e0;

    float: left;

    margin:  0 20px;

}

.logo-tit strong{

    color: #229c89;

    font-size: 24px;

}

.logo-tit ul{

    padding-top: 5px;

}

.logo-tit ul li{

    float: left;

    color: #727272;

    font-size: 16px;

    background: url("../images/top-yuan.png") no-repeat center left;

    text-indent: 12px;

    padding-right: 20px;

}

.logo-tit ul li:last-child{

    padding-right: 0;

}

.h-tel{

    width: 186px;

    float: right;

    background: url("../images/t-tel.png") no-repeat center left;

    padding-left: 50px;

    margin-top: 32px;

}

.h-tel p{

    color: #4d4d4d;

    font-size: 32px;

    font-family: ziti;

}

.h-tel span{

    color: #747679;

    font-size: 14px;

}

.nav{

    width: 100%;

    position: relative;

    background: #138b89;

    height: 65px;

}

.nav ul {

    width: 100%;

}

.nav ul li{

    width:150px;

    float: left;

    text-align: center;

    height: 65px;

    line-height:65px;

    position: relative;

    background: url("../images/nav.png") no-repeat center right;

}

.nav ul li img{

    display: block;

    float: left;

    padding-left: 28px;

    padding-top: 24px;

}

.nav ul li:nth-child(1){

    text-indent: 10px;

    text-align: left;

}

.nav ul li:hover{

    background: #04a9a6;

}

.nav ul li a{

    display: block;

    color: #fff;

    font-size: 16px;

}

.nav ul .active{

    background: #04a9a6;

}

    /*banner*/

.banner{

    width: 100%;

    position: relative;



}

.banner .swiper-container{

    height: 100%!important;

}

.banner img{

    display: block;

    max-width: 100%;

}



.ban-dian{

    bottom:30px!important;

}

.ban-dian span{

    width: 10px!important;

    height: 10px!important;

    border-radius: 50%!important;

}

.ban-dian .swiper-pagination-bullet{

    opacity: 1!important;

    background: #fff!important;

}

.ban-dian .swiper-pagination-bullet-active{

    background: #138b89!important;

}

.ban-dian span:after{

    display: none;!important;

}

.ban-next{

    width: 40px!important;

    height: 62px!important;

    background: url("../images/b-right.png") no-repeat center center!important;

    right: 10%!important;

}

.ban-next:after{

    display: none;

}

.ban-prev{

    width: 40px!important;

    height: 62px!important;

    background: url("../images/b-left.png") no-repeat center center!important;

    left: 10%!important;

}

.ban-prev:after{

    display: none;

}



/* WebKit browsers */

::-webkit-input-placeholder {

    color: #ababab;

}

/* Mozilla Firefox 4 to 18 */

:-moz-placeholder {

    color: #ababab;

}

/* Mozilla Firefox 19+ */

::-moz-placeholder {

    color: #ababab;

}

/* Internet Explorer 10+ */

:-ms-input-placeholder {

    color: #ababab;

}

.search-btn{

    width: 53px;

    height: 32px;

    float: right;

    background:url("../images/sea.png") no-repeat center center;

    margin-top: -35px;

}

/*头部结束*/



/*产品中心*/

.in-pro{

    width: 100%;

    position: relative;

    padding: 48px 0 60px 0;

    background: #f5f5f5;

}

.title{

    width: 100%;

    text-align: center;

    background: url("../images/title.png") no-repeat top center;

}

.title h3{

    color: #333333;

    font-size: 32px;

    padding-top: 30px;

}

.title p{

    color: #999999;

    font-size: 16px;

}



.pro-type{

    width:843px;

    position: relative;

    margin: 0 auto;

    padding-top: 40px;

}

.pro-type ul li{

    width:145px;

    height: 50px;

    margin-right: 27px;

    float: left;

    background: #fff;

    text-align: center;

    line-height: 50px;

    border: 1px solid #d6d6d6;

    border-radius:30px;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-type ul li a{

    color: #797878;

    font-size: 14px;

    display: block;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-type ul li:last-child{

    margin-right: 0;

}

.pro-type ul li:hover{

    background: #138b89;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-type ul li:hover a{

    color: #fff;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}



.pro-list{

    position: relative;

    width: 100%;

    padding-top: 37px;

}

.pro-list ul li{

    width: 385px;

    height: 360px;

    float: left;

    margin-right: 19px;

    margin-bottom: 19px;

    border: 1px solid #e5e5e5;

    position: relative;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-list ul li:nth-child(3n){

    margin-right: 0;

}

.pro-img{

    width: 385px;

    height: 306px;

}

.pro-img img{

    display: block;

    width: 100%;

    height:100%;

    object-fit: cover;

}

.pro-text{

    width: 100%;

    height: 54px;

    line-height: 54px;

    background: #2a2d33;

    text-align: center;

    color: #fff;

    font-size: 16px;

    position: relative;

    overflow: hidden;

    z-index: 100;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-list ul li:hover{

    border: 1px solid #138b89;

}

.pro-list ul li .pro-text:after{

    display: block;

    content: '';

    width: 100%;

    height: 54px;

    background: url("../images/pro-li.png") no-repeat center center;

    position: absolute;

    z-index: -1;

    left: -100%;

    bottom: 0;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-list ul li:hover .pro-text:after{

    left: 0;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-list ul li:hover .pro-text{

    text-indent: -90px;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-more{

    width:145px;

    height: 50px;

    background: #fff;

    text-align: center;

    line-height: 50px;

    border: 1px solid #d6d6d6;

    border-radius:30px;

    margin: 0 auto;

    margin-top: 28px;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-more a{

    color: #797878;

    font-size: 14px;

    display: block;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-more:hover{

    background: #138b89;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-more:hover a{

    color: #fff;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

/*优势*/

.youshi{

    width: 100%;

    position: relative;

    padding: 43px 0 76px 0;

    background: url("../images/youshi.jpg") no-repeat center center;

}

.title1{

     width: 100%;

     text-align: center;

     background: url("../images/title.png") no-repeat top center;

}

.title1 h3{

    color: #fff;

    font-size: 32px;

    padding-top: 30px;

}

.title1 h3 strong{

    color: #00b1a7;

}

.title1 p{

    color: #999999;

    font-size: 16px;

}

.ys-adv{

    width: 100%;

    position: relative;

    padding-top: 42px;

}

.ys-type{

    width: 600px;

    position: absolute;

    right: 0;

    bottom: 10px;

}

.ys-type:before{

    display: block;

    content: '';

    width: 67px;

    height: 1px;

    background: #138b89;

    float: left;

    margin-top: 53px;

}

.ys-type ul{

    width: 533px;

    float: right;

}

.ys-type ul li{

    width: 106px;

    height: 106px;

    background: #fff;

    border-radius: 50%;

    margin-right: 35px;

    float: left;

    text-align: center;

}

.ys-type ul li:last-child{

    margin-right: 0;

}

.ys-type ul li h3{

    color: #393939;

    font-size: 22px;

    padding-top: 30px;

    padding-bottom: 2px;

}

.ys-type ul li p{

    color: #a5a5a5;

    font-size: 12px;

    text-transform: uppercase;

}

.ys-type ul .on{

    background: #138b89;

}

.ys-type ul .on h3{

    color: #fff;

}

.ys-type ul .on p{

    color: #fff;

}

.ys-left{

    width: 600px;

    float: left;

}

.ys-right{

    width:535px;

    float: right;

}

.ys-right h3{

    color: #00b1a7;

    font-size: 24px;

    font-weight: bold;

    padding-top: 8px;

    padding-bottom: 10px;

}

.ys-right strong{

    color: #fff;

    font-size: 30px;

}

.ys-right p{

    color: #898989;

    font-size: 14px;

    line-height: 26px;

    margin-top: 35px;

}

.ys-right p:before{

    display: block;

    content: '';

    width: 1px;

    height: 65px;

    background: #5f5f5f;

    float: left;

    margin-right: 25px;

    margin-top: 7px;

}



/*关于我们*/

.in-about{

    width: 100%;

    position: relative;

    padding:55px 0 70px 0;

    background: #f3f3f3;

}

.about-center{

    margin-top:35px;

}

.about-left{

    width:540px;

    float: left;

    margin-top: 10px;

}

.about-left h3{

    color: #3a3a3a;

    font-size: 22px;

}

.about-left strong{

    color: #3a3a3a;

    font-size: 22px;

}

.about-left p{

    color: #5e5e5e;

    font-size: 14px;

    line-height: 26px;

    padding-top: 34px;

}

.about-left a{

    display: block;

    width:145px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    border: 1px solid #d6d6d6;

    border-radius:30px;

    margin-top:53px;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

    color: #797878;

}

.about-left a:hover{

    background: #138b89;

    color: #fff;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.about-right{

    width: 615px;

    float: right;

}



/*资质荣誉*/

.zizhi{

    width: 100%;

    position: relative;

    padding: 60px 0 54px 0;

    background: url("../images/zizhi.png") no-repeat center center;

}

.h-type{

    width: 325px;

    margin: 0 auto;

}

.h-type ul li{

    width: 147px;

    height: 50px;

    border: 1px solid #fff;

    text-align: center;

    line-height: 50px;

    float: left;

    margin-right: 26px;

    border-radius: 30px;

}

.h-type ul li a{

    color: #fff;

    font-size: 16px;

}

.h-type ul li:last-child{

    margin-right: 0;

}

.h-type ul .on{

    background: #fff;

}

.h-type ul .on a{

    color: #4a4a4a;

}

.h-list{

    width: 100%;

    padding: 46px 0;

}

.h-list .list{

    position: relative;

}

.list .swiper-slide{

    width: 285px!important;

    position: relative;

    overflow: hidden;

}

.list .h-img{

    width: 277px;

    height: 230px;

    overflow: hidden;

    border: 4px solid #fff;

}

.list .h-img img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;-webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.list .h-img:hover img{

    transform: scale(1.04);

    -webkit-transform: scale(1.04);

    -moz-transform: scale(1.04);

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.list .h-text{

    line-height: 45px;

    color: #fff;

    font-size: 16px;

    background: url("../images/c-line.png") no-repeat center bottom;

    text-align: center;

}

.list .swiper-slide:hover .h-text{

    top: 0;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.anli-dian{

    bottom:-55px!important;

    left: 50%;

    transform: translateX(-50%);

}

.anli-dian span{

    width: 10px!important;

    height: 10px!important;

    border-radius: 50%!important;

    margin-right: 13px;

}

.anli-dian .swiper-pagination-bullet{

    opacity: 0.4;

    background: #fff!important;

}

.anli-dian .swiper-pagination-bullet-active{

    background: #fff!important;

    opacity: 1!important;

}

.anli-dian span:after{

    display: none;!important;

}

.anli-next{

    width: 23px!important;

    height: 42px!important;

    background: url("../images/h-next.png") no-repeat center center!important;

    right: -80px!important;

}

.anli-next:after{

    display: none;

}

.anli-prev{

    width: 23px!important;

    height: 42px!important;

    background: url("../images/h-prev.png") no-repeat center center!important;

    left: -80px!important;

}

.anli-prev:after{

    display: none;

}

.rongyu-next{

    width: 23px!important;

    height: 42px!important;

    background: url("../images/h-next.png") no-repeat center center!important;

    right: -80px!important;

}

.rongyu-next:after{

    display: none;

}

.rongyu-prev{

    width: 23px!important;

    height: 42px!important;

    background: url("../images/h-prev.png") no-repeat center center!important;

    left: -80px!important;

}

.rongyu-prev:after{

    display: none;

}

.rongyu-dian{

    bottom:-55px!important;

    left: 50%;

    transform: translateX(-50%);

}

.rongyu-dian span{

    width: 10px!important;

    height: 10px!important;

    border-radius: 50%!important;

    margin-right: 13px;

}

.rongyu-dian .swiper-pagination-bullet{

    opacity: 0.4;

    background: #fff!important;

}

.rongyu-dian .swiper-pagination-bullet-active{

    background: #fff!important;

    opacity: 1!important;

}

.rongyu-dian span:after{

    display: none;!important;

}



/*新闻*/

.news{

    width: 100%;

    position: relative;

    padding:50px 0;

    overflow: hidden;

}

.news-center{

    margin-top: 40px;

}

.n-left{

    width: 338px;

    float: right;

}

.n-bt{

    width: 100%;

    height: 108px;

    background: #138b89;

}

.n-bt p{

    color: #fff;

    font-size: 18px;

    padding-top: 28px;

    padding-left: 15px

}

.n-bt span{

    color: #ffffff;

    display: block;

    font-size: 18px;

    padding-left: 15px;

    padding-top: 12px;

    font-weight: 100;

}

.n-img{

    width: 100%;

    height: 165px;

}

.n-img img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.n-tit{

    background: #efefef;

    height: 100px;

}

.n-tit p{

    color: #8a8a8a;

    font-size: 14px;

    padding: 15px 18px 0 18px;

    line-height: 24px;
  
  height:72px;
  overflow:hidden;

}

.n-right{

    width: 810px;

    float: left;

}

.n-right ul li{

    margin-bottom: 20px;

    height: 110px;

    border-bottom: 1px solid #f0f0f0;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.nr-text{

    width: 665px;

    float: right;

}

.nr-text h3{

    color: #484848;

    font-size: 18px;

    padding-bottom: 18px;

}

.nr-text p{

    color: #8a8a8a;

    font-size: 14px;

    line-height: 24px;
	height:48px;
  overflow:hidden;

}

.nr-time{

    width: 110px;

    height: 110px;

    float: left;

    background: #efefef;

    text-align: center;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.nr-time strong{

    font-size: 38px;

    color: #5d5d5d;

    font-weight: bold;

    display: block;

    padding-top: 23px;

}

.nr-time span{

    display: block;

    color: #5d5d5d;

    font-size: 14px;

}

.n-right ul li:hover{

    border-bottom: 1px solid #138b89;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.n-right ul li:hover .nr-time{

    background: #138b89;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.n-right ul li:hover .nr-time strong,.n-right ul li:hover .nr-time span{

    color: #fff;

}



/*网站底部*/

.footer{

    width: 100%;

    position:relative;

    background: #2a2d33;

    padding:46px 0 56px 0;

    border-top:10px solid #138b89;

}

.footer .warpper{

    position: relative;

}

.f-contact{

    width: 100%;

    height: 105px;

    border-bottom: 1px solid #43464d;

}

.f-left{

    float: left;

}

.f-left h3{

    color: #fff;

    font-size: 32px;

    font-weight: bold;

}

.f-left p{

    color: #747880;

    font-size: 18px;

    padding-top: 15px;

}

.f-right{

    float: right;

    width: 360px;

    margin-top: 15px;

}

.f-right img{

    display: block;

    float: left;

    margin-right: 26px;

}

.f-right img:nth-child(2){

    margin-right: 10px;

}

.f-right p{

    color: #747880;

    font-size: 14px;

    padding-top: 5px;

}

.f-right strong{

    color: #fff;

    font-size: 32px;

    font-weight: normal;

    font-family: ziti;

    margin-top: -5px;

    display: block;

}

.f-content{

    margin-top: 40px;

}

.foot1{

    width: 200px;

    float: left;

}

.foot1 ul li{

    float: left;

    width: 50%;

    text-align: left;

    line-height: 43px;

}

.foot1 ul li a{

    color: #747880;

    font-size: 16px;

}

.foot1 ul li:hover a{

    color: #fff;

}



.foot2{

    width: 440px;

    float: left;

    margin-left: 153px;

}

.foot2 p{

    color: #747880;

    font-size: 14px;

    line-height: 26px;

}

.foot2 p a{

    color: #747880;

}

.foot3{

    width: 271px;

    float: right;

}

.foot3 p{

    float: left;

    margin-right: 20px;

    text-align: center;

}

.foot3 p img{

    display: block;

}

.foot3 p:nth-child(2){

    margin-right: 0;

}

.foot3 p span{

    color: #747880;

    font-size: 14px;

    padding-top: 5px;

    display: block;

}

.f-admin{

    margin-top: 40px;

    border-top: 1px solid #424242;

    line-height: 65px;

    color: #707070;

    font-size: 14px;

}

.f-admin a{

    color: #717171;

    font-size: 12px;

}

.admin-right{

    float: right;

}



  /***/



/*面包屑导航*/

.nei-banner{

    width: 100%;

}

.nei-banner img{

    max-width: 100%;

}

.bread2{

    width: 265px;

    height: 88px;

    background: rgba(38,55,71,0.8);

    position: relative;

    margin-top: -88px;

    z-index: 100;

    text-align: center;

}

.bread2 h3{

    color: #fff;

    font-size: 30px;

    position: relative;

    z-index: 100;

    padding-top: 18px;

}

.bread2 p{

    color: #fff;

    font-size: 26px;

    font-weight: bold;

    opacity: 0.15;

    margin-top: -15px;

}

.location{

    width: 100%;

    height: 75px;

    line-height: 75px;

}

.location .warpper{

    height: 73px;

    border-bottom: 2px solid #e7e7e7;

}

.loca-l{

    float: left;

}

.loca-l strong{

    color: #138b89;

    font-size: 26px;

}

.loca-l sub{

    color: #c5c5c5;

    font-size: 14px;

    padding-left: 10px;

}

.loca-r{

    float: right;

    color: #c0c2c1;

    font-size: 14px;

}

.loca-r a{

    color: #c0c2c1;

    font-size: 14px;

}





/*关于我们内页*/

.inner-right{

    padding-top: 50px;

    position: relative;

    padding-bottom: 35px;

}

.company{

    width: 100%;

    position: relative;

}

.company{

    width: 100%;

    position: relative;

    padding-bottom: 43px;

}

.com-left{

    float: left;

    width:792px;

    height: 313px;

}

.com-right{

    width: 408px;

    background: #138b89;

    float: right;

    height: 313px;

}

.com-right p {

    font-size: 18px;

    color: #ffffff;

    padding-top: 73px;

    padding-left: 58px;

    text-transform: uppercase;

}

.com-right h3{

    color: #fff;

    font-size: 40px;

    font-weight: bold;

    padding: 18px 0 18px 58px;

}

.com-right span{

    color: #fff;

    font-size: 28px;

    padding-left: 58px;

}

.com-tit p{

    color: #8a8a8a;

    font-size: 14px;

    line-height: 26px;

}

/*行业应用*/

.case1{

    width: 100%;

    position: relative;

    padding: 18px 0 66px 0;

}

.c-title{

    text-align: center;

}

.c-title h3{

    color: #3f3f3f;

    font-size: 34px;

    font-weight: bold;

}

.c-title p{

    color: #9b9b9b;

    font-size: 14px;

    padding-top: 16px;

    text-transform: uppercase;

}

.case1 img{

    display: block;

    padding-top: 34px;

    margin: 0 auto;

}

.case2{

    width: 100%;

    position: relative;

    padding-bottom: 74px;

}

.case2 ul{

    margin-top: 42px;

}

.case2 ul li{

    float: left;

    width: 285px;

    height: 480px;

    margin-right: 20px;

    position: relative;

    margin-bottom: 20px;

}

.case2 ul li:nth-child(4n){

    margin-right: 0;

}

.case2 ul li .w1{

    padding:10px 23px 0 23px;

    background:rgba(0,0,0,0.5);

    margin-top: -80px;

    position: relative;

    height:70px;

    z-index: 10;

    color: #fff;

    font-size: 14px;

}

.case2 ul li .c-tit{

    padding: 0 23px;

    height: 165px;

}

.case2 ul li .c-tit h3{

    color: #fff;

    font-size: 22px;

    font-weight: bold;

    padding-top: 22px;

}

.case2 ul li .c-tit p{

    color: #fff;

    font-size: 14px;

    line-height: 22px;

}

.case2 ul li:nth-child(1) .c-tit{

    background: #f9ae3b;

}

.case2 ul li:nth-child(2) .c-tit{

    background: #0071ba;

}

.case2 ul li:nth-child(3) .c-tit{

    background: #003d5f;

}

.case2 ul li:nth-child(4) .c-tit{

     background: #719c10;

}

.case2 ul li:nth-child(5) .c-tit{

    background: #229c89;

}

.case2 ul li:nth-child(6) .c-tit{

    background: #ff7a51;

}

.case2 ul li:nth-child(7) .c-tit{

    background: #c49a6d;

}

.case2 ul li:nth-child(8) .c-tit{

    background: #9fa1a3;

}

.case3{

    width: 100%;

    position: relative;

    padding-bottom: 75px;

}

.case3 ul{

    margin-top: 38px;

}

.case3 ul li{

    width: 230px;

    float: left;

    margin-right: 93px;

}

.case3 ul li:last-child{

    margin-right: 0;

}

.case3 ul li .c-yuan{

    width: 230px;

    height: 230px;

    background: url("../images/yuan.png") no-repeat center center;

    text-align: center;

}

.case3 ul li .c-yuan h3{

    color: #229c89;

    font-size: 50px;

    font-weight: bold;

    padding-top: 75px;

}

.case3 ul li .c-yuan p{

    color: #6f6f6f;

    font-size: 18px;

}

.case3 ul li span{

    display: block;

    text-align: center;

    font-size: 14px;

    color: #6f6f6f;

    padding-top: 20px;

    line-height: 24px;

}

.anli-list{

    position: relative;

    width: 100%;

    margin-top: 45px;

}

.y-img{

    width: 765px;

    height: 515px;

    float: left;

}

.y-img img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.y-tit{

    width: 435px;

    height: 515px;

    float: right;

    background: #f3f3f3;

}

.y-tit h3{

    color: #3f3f3f;

    font-size: 24px;

    font-weight: bold;

    padding-top: 54px;

    padding-left: 52px;

}

.y-tit p{

    color: #6f6f6f;

    font-size: 14px;

    line-height: 24px;

    padding:28px 52px 74px 52px;



}

.y-tit span{

    display: block;

    width: 165px;

    height: 46px;

    line-height: 46px;

    text-align: center;

    border-radius: 5px;

    background: #229c89;

    font-size: 14px;

    color: #fff;

    margin-left: 54px;

}

.hy-next{

    width: 34px!important;

    height: 67px!important;

    background: url(../images/c-right.png) no-repeat center center!important;

    right: -80px!important;

}

.hy-next:after{

    display: none;

}

.hy-prev{

    width: 34px!important;

    height: 67px!important;

    background: url(../images/c-left.png) no-repeat center center!important;

    left: -80px!important;

}

.hy-prev:after{

    display: none;

}

.anli-list .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{

    opacity: 1!important;

}

/*产品内页*/

.chanpin-type{

    width: 100%;

    position: relative;

}

.chanpin-type ul li{

    width: 224px;

    line-height: 50px;

    text-align: center;

    background: #eaeef1;

    color: #34383a;

    font-size: 16px;

    margin-right: 20px;

    float: left;

    margin-bottom: 20px;

    position: relative;

}

.chanpin-type ul li>a{

    display: block;

    width: 100%;

}

.chanpin-type ul li:nth-child(5){

    margin-right: 0;

}

.cp-erji{

    width: 100%;

    position: absolute;

    z-index: 100;

    background: #eaeef1;

    visibility: hidden;

    opacity: 0;

    transition: all .3s ease;



}

.cp-erji>a{

    display: block;

    width: 100%;

    line-height: 50px;

    border-top: 1px solid #fff;

}

.cp-erji>a:last-child{

    border-bottom:1px solid #fff ;

}

.chanpin-type ul li:hover .cp-erji{

    visibility: visible;

    opacity: 1;

    transition: all .3s ease;

}

.pro_style_1 {

    width: 100%;

    position: relative;

}



.pro_style_1:after {

    *zoom: 1;

}



.pro_style_1:after:before, .pro_style_1:after:after {

    content: " ";

    display: table;

}



.pro_style_1:after:after {

    clear: both;

}



.pro_style_1 li {

    width:585px;

    height: 480px;

    margin-right: 28px;

    float: left;

    margin-bottom: 28px;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

}

.pro_style_1 li:nth-child(2n){

    margin-right: 0;

}

.pro_style_1 li:hover {

    -webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);

}



.pro_style_1 li:hover .pic img {

    transform: scale(1.04);

    -webkit-transform: scale(1.04);

    -moz-transform: scale(1.04);

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

}



.pro_style_1 li .pic {

    width: 100%;

    height: 410px;

    overflow: hidden;

    position: relative;

}



.pro_style_1 li .pic img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

}

.pro_style_1 li .word .w1 {

    width: 100%;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 68px;

    font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 16px;

    color: #595959;

    background: #f3f3f3;

    text-align: center;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    /* Firefox */

    -webkit-box-sizing: border-box;

}

/*产品详情*/

.prodect-Info{

    width: 100%;

    position: relative;

    background: #f5f5f5;

}

.info-pro{

    padding-bottom: 57px;

}

.info-left{

    width: 100%;

    height: 465px;

    position: relative;

}

.gallery-top2 {

    height: 465px;

    width: 585px;

    float: left;

    border: 1px solid #e5e5e5;

}

.info-pic{

    width: 100%;

    height:100%;

    overflow: hidden;

    background: #fff;

}

.info-pic img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.info-pic1{

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #fff;



}

.info-pic1 img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.info-suotu{

    height: 85px;

    position: absolute;

    right: 0;

    bottom: -23px;

    box-sizing: border-box;

    width:506px;

}

.gallery-thumbs2 {

    position: relative;

    height: 85px;

    margin-top: -22px;

    width: 458px;

    margin-left: 0;

}

.gallery-thumbs2 .swiper-slide {

    width: 105px!important;

    height: 97%;

    opacity: 1;

    border: 1px solid #e5e5e5;

    background: #fff;

}

.gallery-thumbs2 .swiper-slide-thumb-active {

    opacity: 1;

    border: 1px solid #138b89;

}

.cp-left{

    width: 40px!important;

    height: 85px!important;

    background: url("../images/cp-left.png") no-repeat center center;

    top: 0!important;

    left: -50px!important;

}

.cp-left:hover{

    background: url("../images/cp-left-ho.png") no-repeat center center;

}

.cp-left:after{

    display: none;

}

.cp-right{

    width:40px!important;

    height: 85px!important;

    background: url("../images/cp-right.png") no-repeat center center;

    top: 0!important;

    right: 0px!important;

}

.cp-right:hover{

    background: url("../images/cp-right-ho.png") no-repeat center center;

}

.cp-right:after{

    display: none;

}

.info-right{

    width: 557px;

    position: absolute;

    top: 0;

    right: 0;

}

.info-right h3{

    color: #138b89;

    font-size: 24px;

    font-weight: bold;

    height: 50px;

    background: url("../images/line.png") no-repeat center bottom;

}



.info-right small{

    color: #8e8e8e;

    font-size: 14px;

    line-height: 24px;

    display: block;

    padding-top: 22px;

}

.info-right a{

    display: block;

    float: left;

    width: 173px;

    height: 54px;

    line-height: 54px;

    text-align: center;

    background: #138b89 url("../images/zixun.png") no-repeat center left 35px;

    border-radius: 30px;

    color: #fff;

    font-size: 18px;

    text-indent: 28px;

    margin-top: 85px;

}

.inpro-tel{

    margin-top:85px;

    float: left;

    margin-left: 33px;

    width: 285px;

}

.inpro-tel a{

    display: block;

    float: left;

}

.inpro-tel img{

    display: block;

    float: left;

    margin-right: 10px;

}

.inpro-tel p{

    color: #b5b5b5;

    font-size: 14px;

}

.inpro-tel strong{

    color:#229c89;

    font-size: 32px;

    font-family: ziti;

    font-weight: normal;

}

.cp-title{

    width: 100%;

    border-left: 3px solid #f19015;

    margin-bottom: 27px;

    background: #e5e5e5;

    height: 50px;

}

.cp-title h3{

    width: 150px;

    height: 50px;

    background: #138b89;

    float: left;

    line-height: 50px;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

}

/*订购*/

.dinggou form{

    background: #fff;

    padding: 35px;

}

.form-left{

    width: 560px;

    float: left;

}

.formlist{

    border: 1px solid #e5e5e5;

    height: 55px;

    width:560px;

    margin-bottom: 17px;

}

.formlist h3{

    width: 135px;

    text-align: center;

    color: #a6a6a6;

    font-size: 16px;

    border-right: 1px solid #e5e5e5;

    font-weight: 100;

    float: left;

    line-height: 55px;

}

.formlist input{

    width: 370px;

    display: block;

    float: left;

    height: 55px;

    background: #fff;

    line-height: 55px;

    color: #484848;

    font-size: 16px;

    text-indent: 27px;

}

.formlist:nth-child(1){

    background: url("../images/p1.png") no-repeat center right 25px;

}

.formlist:nth-child(2){

    background: url("../images/p2.png") no-repeat center right 25px;

}

.formlist:nth-child(3){

    background: url("../images/p3.png") no-repeat center right 25px;

}

.formlist:nth-child(5){

    background: url("../images/p4.png") no-repeat center right 25px;

}

.form-right{

    width: 560px;

    float: right;

}

.formcontent1{

    border: 1px solid #e5e5e5;

    height: 55px;

    width:560px;

    margin-bottom: 17px;

    margin-top: 17px;

}

.formcontent textarea{

    display: block;

    width: 100%;

    height: 203px;

    border: 1px solid #e5e5e5;

    color: #a6a6a6;

    font-size: 16px;

    line-height: 55px;

    text-indent: 30px;

    background: url("../images/p5.png") no-repeat top 12px right 25px;;

}

.formcontent1 h3{

    width: 135px;

    text-align: center;

    color: #a6a6a6;

    font-size: 16px;

    border-right: 1px solid #e5e5e5;

    font-weight: 100;

    float: left;

    line-height: 55px;

}

.formcontent1 input{

    width: 247px;

    display: block;

    float: left;

    height: 55px;

    background: #fff;

    line-height: 55px;

    color: #484848;

    font-size: 16px;

    text-indent: 27px;

}

.formcontent1 .verify{

    float: right;

    width: 177px;

}

input:-webkit-autofill {

    box-shadow: 0 0 0 1000px #fff inset;

}

.form-sub{

    width: 370px;

    margin: 0 auto;

    height: 50px;

    padding-top: 19px;

}

.form-sub #submit{

    width:170px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: #138b89;

    color: #fff;

    font-size: 18px;

    float: left;

    border-radius: 30px;

}

.form-sub a{

    display: block;

    width:170px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border: 1px solid #e5e5e5;

    color: #8b8b8b;

    font-size: 18px;

    float: left;

    border-radius: 30px;

    margin-left: 20px;

}

.form-sub a:hover{

    background: #138b89;

    color: #fff;

}



/*相关产品*/

.other-pro{

    padding-top: 53px;

}

.other-list .swiper-slide{

    border: 1px solid #e5e5e5;

}

.other-pic{

    width: 100%;

    height: 308px;

    overflow: hidden;

    background: #fff;

}

.other-pic img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.other-tit{

    width: 100%;

    line-height: 55px;

    text-align: center;

    background: #2a2d33;

    color: #fff;

    font-size: 16px;

}

.other-list{

    position: relative;

}

.other-list .swiper-slide:hover .other-tit{

    background: #138b89;

}

.other-dian{

    left: 50%;

    transform: translateX(-50%);

    bottom: -45px!important;

}



.other-dian span{

    width: 10px!important;

    height: 10px!important;

    border-radius: 50%!important;

    margin-right: 13px;

}

.other-dian .swiper-pagination-bullet{

    opacity: 0.4;

    background: #138b89!important;

}

.other-dian .swiper-pagination-bullet-active{

    background: #138b89!important;

    opacity: 1!important;

}

.other-dian span:after{

    display: none;!important;

}



/*联系我们*/

.wal2 {

    max-width: 1200px;

    margin: 0 auto;

}

.contact {

    padding-top: 0;

    position: relative;

}

.contact .title2 {

    font-weight: bold;

    color: #666;

    font-size: 18px;

}

.contact .title2 h2 {

    font-size: 20px;

    font-weight: bold;

}

.contact .list {

    padding: 30px 0;

    min-height: 230px;

}

.contact .list li {

    position: relative;

    min-height: 45px;

    padding-left: 45px;

}

.contact .list li img {

    position: absolute;

    z-index: 10;

    left: 0;

    right: auto;

    top:6px;

    bottom: auto;

}

.contact .list li p {

    font-size:14px;

    color: #666;

    line-height:45px;

}

.contact .ewm {

    position: absolute;

    z-index: 10;

    left: auto;

    right: 0;

    top: 20px;

    bottom: auto;

    width: 250px;

}

.contact .ewm dd {

    padding-bottom: 15px;

}

.contact .ewm dd div {

    width: 125px;

    border: #eee solid 1px;

    float: left;

}

.contact .ewm dd div img{

    width: 100%;

}

.contact .ewm dd p {

    width: 100px;

    font-size: 14px;

    line-height: 20px;

    color: #555;

    float: right;

    padding-top: 37px;

}

.case_fieldset {

    width: 100%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    /* Firefox */

    -webkit-box-sizing: border-box;

    /* Safari*/

}

.case_fieldset legend {

    margin-left: 8px;

    padding-left: 5px;

    padding-right: 5px;

}

.inner_des_title {

    width:100px;

    padding-top: 15px;

    padding-bottom: 15px;

    margin-top: -47px;

    padding-left: 10px;

    background: #fff;

}

.inner_des_title .w1 {

    font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 22px;

    color: #f8b62c;

}

.inner_des_title .w2 {

    font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 13px;

    color: #c1c1c1;

}

.center-content p{

    font-size: 14px;

    line-height: 24px;

}











#main .company-main {

  padding: 50px 0 60px;

  background: #f2f2f2;

  overflow: hidden;

}

#main .company-main .warpper {

  overflow: hidden;

  background: #fff;

  box-shadow: 0 0 2px 1px rgba(102, 102, 102, 0.1);

}

#main .company-main .com-main-left,

#main .company-main .com-main-rig {

  position: relative;

  float: left;

  height: 490px;

  overflow: hidden;

}

#main .company-main .com-main-left {

  padding: 0 47px 0 30px;

  width: 523px;

}

#main .company-main .com-main-left .title {

  margin: 35px 0 25px;

  padding-bottom: 15px;

  border-bottom: 1px solid #ededed;

}

#main .company-main .com-main-left .title h3 {

  font-size: 22px;

  color: #0058b1;

  font-weight: bold;

  margin-bottom: 4px;

}

#main .company-main .com-main-left .title em {

  font-size: 16px;

  color: #d1d1d1;

}

#main .company-main .com-main-left .com-content {

  overflow: hidden;

  font-size: 14px;

  color: #595959;

  line-height: 24px;

  height: 216px;

}

#main .company-main .com-main-left .com-content img {

  max-width: 100%;

}

#main .company-main .com-main-left .com-btn {

  margin-top: 35px;

  float: left;

  overflow: hidden;

  border: 1px solid #268ae7;

}

#main .company-main .com-main-left .com-btn a {

  display: block;

  width: 145px;

  float: left;

  height: 38px;

  line-height: 38px;

  text-align: center;

  font-size: 14px;

  color: #595959;

}

#main .company-main .com-main-left .com-btn a.active {

  background: #268ae7;

  color: #fff;

}

#main .company-main .com-main-rig {

  width: 600px;

}

#main .company-main .com-main-rig .company-img {

  position: relative;

  width: 570px;

  height: 420px;

  font-size: 0;

  text-align: center;

  line-height: 420px;

  margin-top: 35px;

  z-index: 1;

}

#main .company-main .com-main-rig .company-img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

#main .company-main .com-main-rig::after {

  position: absolute;

  content: '';

  top: 0;

  bottom: 0;

  right: 0;

  width: 450px;

  background: #0058b1;

}

#main .news-main {

  background: #fff;

  overflow: hidden;

  padding: 50px 0 40px;

}

#main .news-main .news-content {

  float: left;

  width: 600px;

}

#main .news-main .news-content .news-title {

  height: 40px;

  line-height: 40px;

  font-size: 18px;

  font-weight: bold;

  color: #323232;

  border-bottom: 1px solid #ededed;

  margin-bottom: 20px;

}

#main .news-main .news-content .news-title a {

  font-weight: normal;

  float: right;

  font-size: 14px;

  color: #0058b1;

}

#main .news-main .news-content .news-title a:hover {

  text-decoration: underline;

}

#main .news-main .news-content .news-show {

  overflow: hidden;

  height: 140px;

  margin-bottom: 25px;

}

#main .news-main .news-content .news-show .show-box {

  width: 160px;

  float: left;

  text-align: center;

  line-height: 140px;

  color: #fff;

  font-size: 27px;

  font-weight: bold;

  background: #0058b1;

}

#main .news-main .news-content .news-show .show-img {

  float: left;

  width: 440px;

  height: 140px;

  font-size: 0;

  text-align: center;

  line-height: 140px;

}

#main .news-main .news-content .news-show .show-img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

#main .news-main .news-content .news-show-one {

  margin-bottom: 20px;

  padding-bottom: 25px;

  border-bottom: 1px solid #ededed;

}

#main .news-main .news-content .news-show-one .title {

  overflow: hidden;

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 10px;

}



#main .news-main .news-content .news-show-one .title a {

  display: block;

  float: left;

  color: #323232;

  max-width: 500px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

#main .news-main .news-content .news-show-one .title a h4{

  font-weight: bold !important;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

#main .news-main .news-content .news-show-one .title a:hover {

  color: #0058b1;

}

#main .news-main .news-content .news-show-one .title span {

  float: right;

  color: #808080;

}

#main .news-main .news-content .news-show-one .title span em {

  color: #d9d9d9;

  margin: 0 5px;

}

#main .news-main .news-content .news-show-one .news-p {

  font-size: 14px;

  line-height: 24px;

  color: #808080;

}

#main .news-main .news-content .news-list {

  overflow: hidden;

}

#main .news-main .news-content .news-list ul {

  margin: 0 -20px;

}

#main .news-main .news-content .news-list ul li {

  float: left;

  width: 280px;

  margin: 0 20px;

  font-size: 14px;

  line-height: 30px;

}

#main .news-main .news-content .news-list ul li a {

  position: relative;

  padding-left: 10px;

  display: block;

  color: #808080;

}

#main .news-main .news-content .news-list ul li a h4{

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

#main .news-main .news-content .news-list ul li a::after {

  position: absolute;

  content: '';

  width: 2px;

  height: 2px;

  background: #555555;

  left: 0;

  top: 50%;

  margin-top: -1px;

}

#main .news-main .news-content .news-list ul li a:hover {

  color: #0058b1;

}

#main .news-main .online-main {

  width: 480px;

  float: right;

}

#main .news-main .online-main .title {

  height: 40px;

  line-height: 40px;

  font-size: 18px;

  font-weight: bold;

  color: #323232;

  border-bottom: 1px solid #ededed;

  margin-bottom: 20px;

}

#main .news-main .online-main .online-form {

  overflow: hidden;

}

#main .news-main .online-main .online-form input {

  float: left;

  display: block;

  width: 460px;

  padding: 0 9px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #ededed;

  margin-bottom: 13px;

  font-size: 14px;

  color: #323232;

}

#main .news-main .online-main .online-form input.code {

  width: 300px;

}

#main .news-main .online-main .online-form a {

  display: block;

}

#main .news-main .online-main .online-form a.code {

  float: right;

  height: 42px;

  max-width: 130px;

  line-height: 42px;

  font-size: 0;

  text-align: center;

}

#main .news-main .online-main .online-form a.code img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

#main .news-main .online-main .online-form textarea {

  display: block;

  float: left;

  font-size: 14px;

  color: #323232;

  width: 460px;

  border: 1px solid #ededed;

  height: 120px;

  line-height: 30px;

  padding: 5px 9px;

  margin-bottom: 26px;

}

#main .news-main .online-main .online-form .btn-box {

  float: left;

  width: 100%;

  overflow: hidden;

}

#main .news-main .online-main .online-form .btn-box a.btn {

  display: block;

  width: 265px;

  height: 42px;

  text-align: center;

  line-height: 42px;

  background: #268ae7;

  color: #fff;

  margin: 0 auto;

}

#main .news-main .online-main .online-form .btn-box a.btn:hover {

  background: #0058b1;

}

.link-cover {

  overflow: hidden;

  padding: 30px 0 20px;

  border-top: 1px solid #e6e6e6;

}

.link-cover .title {

  float: left;

  width: 80px;

  height: 35px;

  background: url(../images/link-icon.png) no-repeat left center;

}

.link-cover .link-list {

  float: left;

  width: 1000px;

  height: 35px;

  overflow: hidden;

}

.link-cover .link-list a {

  display: block;

  float: left;

  height: 35px;

  line-height: 35px;

  padding: 0 22px;

  font-size: 14px;

  color: #808080;

}

.link-cover .link-list a img{

  display: block;

  height: 25px;

  margin:5px 0 0;

  width: auto;

}

.link-cover .link-list a:hover {

  color: #268ae7;

}

.link-cover .link-list em {

  display: block;

  float: left;

  font-size: 14px;

  color: #e6e6e6;

  line-height: 35px;

}

.link-cover .link-list.active {

  height: auto;

}

.link-cover .link-more {

  cursor: pointer;

  float: right;

  font-size: 14px;

  color: #4c4c4c;

  line-height: 35px;

  height: 35px;

  padding-right: 20px;

  background: url(../images/down-arr.png) no-repeat right center;

}

.link-cover .link-more.on {

  background: url(../images/up-arr.png) no-repeat right center;

}







.m-column-t {

  position: relative;

  text-align: center;

  font-size: 0;

}

.m-column-t .center {

  display: inline-block;

  font-size: 0;

}

.m-column-t .center h3 {

  color: #333;

  font-size: 30px;

}

.m-column-t .center p {

  color: #d2d2d2;

  font-size: 30px;

}

.m-column-t span {

  position: absolute;

  width: 415px;

  top: 50%;

  margin-top: -5px;

  height: 5px;

  border-bottom: 1px solid #d2d2d2;

  z-index: 1;

}

.m-column-t span.mcl {

  left: 0;

}

.m-column-t span.mcl em {

  float: right;

}

.m-column-t span.mcr {

  right: 0;

}

.m-column-t span em {

  display: block;

  height: 11px;

  border-left: 1px solid #d2d2d2;

}

.textLine {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.textLine3 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.textHidden {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.domHidden {

  overflow: hidden;

}

.about-main {

  padding: 20px 0 70px;

  min-height: 170px;

}

.about-main .ab-content {

  float: right;

  width: 925px;

}

.about-main .ab-content .title {

  line-height: 50px;

}

.about-main .ab-content .title a {

  color: #333;

  padding: 0 5px;

}

.about-main .ab-content .title span.icon-home {

  color: #535353;

}

.about-main .ab-content .title em {

  color: #999;

}

.about-main .ab-content .ab-conBox {

  overflow: hidden;

  background: #fff;

  min-height: 55px;

  padding: 30px 45px 40px;

}

.about-main .ab-content .ab-conBox .de-title {

  text-align: center;

  font-size: 20px;

  color: #333;

  line-height: 25px;

  margin-bottom: 8px;

}

.about-main .ab-content .ab-conBox .sub-co {

  font-size: 14px;

  color: #999;

  text-align: center;

  line-height: 18px;

}

.about-main .ab-content .ab-conBox .ab-detail {

  overflow: hidden;

  margin-top: 30px;

  font-size: 14px;

  color: #777373;

  line-height: 25px;

}

.ab-sild {

  float: left;

  width: 260px;

}

.ab-sild .title {

  position: relative;

  height: 50px;

  text-align: center;

  background: #f3c04b;

  font-size: 16px;

  line-height: 50px;

  color: #fff;

  border-bottom: 1px solid #fff;

}

.ab-sild .title span {

  position: absolute;

  height: 3px;

  width: 30px;

  top: 50%;

  margin-top: -3px;

  border-bottom: 1px solid #fff;

}

.ab-sild .title span em {

  display: block;

  height: 7px;

  border-left: 1px solid #fff;

}

.ab-sild .title span.stl {

  left: 35px;

}

.ab-sild .title span.stl em {

  float: right;

}

.ab-sild .title span.str {

  right: 35px;

}

.ab-sild .sild-cate {

  background: #fff;

  margin-bottom: 20px;

}

.ab-sild .sild-cate .list {

  overflow: hidden;

}

.ab-sild .sild-cate .list li {

  position: relative;

  border-bottom: 1px solid #eee;

  height: 60px;

  line-height: 60px;

}

.ab-sild .sild-cate .list li a {

  display: block;

  padding-right: 35px;

  font-size: 14px;

  color: #333;

  padding-left: 20px;

}

.ab-sild .sild-cate .list li:last-child {

  border-bottom: none;

}

.ab-sild .sild-cate .list li:hover {

  border-color: #f3c04b;

  background: #f3c04b;

}

.ab-sild .sild-cate .list li:hover a {

  color: #fff;

}

.ab-sild .sild-cate .list li:hover:after {

  color: #fff;

}

.ab-sild .sild-cate .list li:after {

  font-weight: bold;

  right: 20px;

  top: 0;

  color: #999;

  position: absolute;

  content: "\e904";

  font-family: 'icomoon' !important;

}

.ab-sild .sild-cont {

  background: #fff;

}

.ab-sild .sild-cont .cont-list {

  padding: 20px;

}

.ab-sild .sild-cont .cont-list ul li {

  color: #333;

  padding: 5px 0;

  padding-left: 60px;

  font-size: 14px;

}

.ab-sild .sild-cont .cont-list ul li span {

  width: 60px;

  margin-left: -60px;

  display: block;

  height: 20px;

  line-height: 20px;

  float: left;

  color: #666;

}

.pro-center {

  background: #fff;

  padding-bottom: 25px;

}

.pro-center .pro-list {

  overflow: hidden;

  padding: 25px 18px 10px;

}

.pro-center .pro-list ul li {

  float: left;

  width: 200px;

  margin: 0 10px 20px;

  border: 1px solid #fff;

}

.pro-center .pro-list ul li:hover {

  border-color: #f3c04b;

}

.pro-center .pro-list ul li .img {

  overflow: hidden;

  width: 200px;

  height: 200px;

  line-height: 200px;

  text-align: center;

  font-size: 0;

  background: #eee;

}

.pro-center .pro-list ul li .img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.pro-center .pro-list ul li .title {

  background: #f7f8fc;

  height: 40px;

  line-height: 40px;

  padding: 0 5px;

  text-align: center;

  font-size: 14px;

  font-weight: bold;

  color: #333;

}

.pro-center .pro-list ul li .title:hover {

  color: #f3c04b;

}

.page {

  font-size: 0;

  text-align: center;

}

.page .center {

  display: inline-block;

  overflow: hidden;

}

.page .center .page-span {

  float: left;

  font-size: 14px;

  color: #c3c3c3;

  line-height: 32px;

  margin-right: 30px;

}

.page .center .page-list {

  float: left;

  overflow: hidden;

}

.page .center .page-list ul li {

  float: left;

  width: auto;

  min-width: 30px;

  height: 32px;

  text-align: center;

  line-height: 30px;

  font-size: 14px;

  margin: 0 4px;

  padding: 0;

  border: none;

  background: transparent;

}

.page .center .page-list ul li a {

  min-width: 20px;

  padding: 0 5px;

  border: 1px solid #eee;

  display: block;

  color: #333;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  overflow: hidden;

  background: #fff;

}

.page .center .page-list ul li:hover a {

  color: #f3c04b;

}

.page .center .page-list ul li.active a {

  background: #f3c04b;

  color: #fff;

}



.news-center .new-list {

  padding: 45px 45px 0px;

}

.news-center .new-list ul li {

  margin-bottom: 35px;

  border-bottom: 1px solid #eee;

}

.news-center .new-list ul li a {

  overflow: hidden;

  display: block;

  height: 90px;

  padding-bottom: 30px;

}

.news-center .new-list ul li a .img {

  float: left;

  width: 130px;

  height: 90px;

  background: #eee;

  line-height: 90px;

  font-size: 0;

  text-align: center;

}

.news-center .new-list ul li a .img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.news-center .new-list ul li a .info {

  float: right;

  width: 690px;

}

.news-center .new-list ul li a .info h3 {

  font-size: 14px;

  font-weight: bold;

  line-height: 24px;

  color: #333;

}

.news-center .new-list ul li a .info em {

  display: block;

  font-size: 12px;

  color: #999;

  line-height: 16px;

  margin-bottom: 10px;

}

.news-center .new-list ul li a .info p {

  font-size: 14px;

  line-height: 22px;

  color: #999;

  max-height: 44px;

  overflow: hidden;

}

.news-center .new-list ul li a:hover h3 {

  color: #f3c04b;

}

.message-c {

  background: #fff;

  padding: 40px 50px;

  overflow: hidden;

}

.message-c .p {

  font-size: 16px;

  line-height: 30px;

  color: #666;

  margin-bottom: 35px;

}

.message-c .from input {

  display: block;

  height: 38px;

  line-height: 38px;

  padding: 0 5px;

  border: 1px solid #d2d2d2;

  margin-bottom: 10px;

  font-size: 14px;

  color: #333;

}

.message-c .from input[name=user],

.message-c .from input[name=phone] {

  width: 348px;

}

.message-c .from textarea {

  font-size: 14px;

  color: #333;

  line-height: 20px;

  display: block;

  width: 728px;

  height: 130px;

  border: 1px solid #d2d2d2;

  padding: 5px;

  margin-bottom: 10px;

}

.message-c .from .code {

  overflow: hidden;

}

.message-c .from .code input[name=code] {

  width: 258px;

  float: left;

}

.message-c .from .code a {

  display: block;

  float: left;

  width: 80px;

  height: 38px;

  padding: 1px 0;

  margin-left: 10px;

}

.message-c .from .code a img {

  width: 80px;

  height: 38px;

}

.message-c .from .btn {

  padding-top: 25px;

}

.message-c .from .btn a {

  display: block;

  width: 362px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  color: #fff;

  font-size: 16px;

  background: #8fa4de;

}

.message-c .from .btn a:hover {

  background: #8397d0;

}

.contact-o {

  background: #fff;

  overflow: hidden;

  padding: 40px 0;

  text-align: center;

}

.contact-o iframe {

  width: 830px;

  height: 500px;

  margin: 0 auto;

}

/*内页产品分类*/

.pro-type1{

    width:100%;

    position: relative;

    margin: 0 auto;

}

.pro-type1 ul li{

    width:216px;

    height: 45px;

    margin-right: 27px;

    margin-bottom: 27px;

    float: left;

    background: #fff;

    text-align: center;

    line-height: 45px;

    border: 1px solid #d6d6d6;

    border-radius:30px;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-type1 ul li:nth-child(5n){

    margin-right: 0;

}

.pro-type1 ul li a{

    color: #797878;

    font-size: 14px;

    display: block;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-type1 ul li:last-child{

    margin-right: 0;

}

.pro-type1 ul li:hover{

    background: #138b89;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}

.pro-type1 ul .xzl{

    background:#138b89;

}

.pro-type1 ul .xzl a{

    color: #fff;

}

.pro-type1 ul li:hover a{

    color: #fff;

    -webkit-transition: 400ms 0s all ease;

    -moz-transition: 400ms 0s all ease;

    -ms-transition: 400ms 0s all ease;

    -o-transition: 400ms 0s all ease;

    transition: 400ms 0s all ease;

}