@charset "UTF-8";
/* CSS Document */
/*

/*Base*/
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section {margin: 0;padding: 0;}
html,body{

}
body{
    font: 14px/24px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
}
ul{
    list-style-type: none;
}
input,label,img{
    vertical-align:middle;
}

.clear {
    clear: both;
}
.clearfix{
    zoom: 1;
}
.clearfix:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.fl {
    float:left;
}
.fr {
    float:right;
}


.noselect{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.hide{
    display: none !important;
}
.show{
    display: show !important;
}
.text-center{
    text-align: center;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
}
.text-center{
    vertical-align: center;
}
.text-left{
    vertical-align: left;
}
.text-right{
    vertical-align: right;
}

a{
    outline: none;
    text-decoration: none;
}
a{
    color: #333;
}

.pos{
    position: relative;
}
.poa{
    position: absolute;
}
.container{
    width:1360px;
    margin-left: auto;
    margin-right: auto;
}
.w1000{
    width:1000px;
}
.w1150{
    width:1150px;
}
.w50{
    width:50% !important;
}
.pd50{
    padding:50px 0;
}
.mb40{
    margin-bottom:40px;
}
.mb50{
    margin-bottom:50px;
}
.pab50{
    padding-bottom:50px;
}
.mab50{
    margin-bottom:50px;
}

.no-transition{
    -webkit-transition:none !important;
    transition:none !important;
}
.bg{
    background-color: #f3f3f3;
}
hr{
    margin: 5px 0;
    height: 0px;
    overflow: hidden;
}
.img-box-highlight{
    overflow: hidden;
    display: block;
    position: relative;
}
.img-box-highlight:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: -140px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, righttop, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
}
.img-box-highlight:hover:before {
    left: 680px;
    transition: left .6s ease 0s;
}

.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.trs{transition:all 0.75s ease;-webkit-transition:all 0.75s ease;-moz-transition:all 0.75s ease;-o-transition:all 0.75s ease;-ms-transition:all 0.75s ease;}

/*--- 图片 ---*/

body{
    font: 16px/24px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
    overflow-x:hidden;
    position: relative;
}
.mr0{
    margin-right: 0px !important;
}
.ml0{
    margin-left: 0px !important;
}
.mb40{
    margin-bottom:40px !important;
}
.mb50{
    margin-bottom:50px !important;
}
.no-transition{
    transition:none !important;
}
.bg{
    background-color: #f3f3f3;
}
.img-scale{
    transform: scale(1);
    transition: all 0.7s ease-in-out;
}
.img-scale:hover{
    transform: scale(1.1);
}
.img-box-highlight{
    overflow: hidden;
    display: block;
    position: relative;
}
.img-box-highlight:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: -140px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, righttop, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
}
.img-box-highlight:hover:before {
    left: 680px;
    transition: left .6s ease 0s;
}

.wrapper{  width:1360px; margin-left: auto; margin-right: auto;}


.top-box{ line-height:32px; border-bottom:1px solid #ddd; font-size:14px;}
.header{background: #fff;width: 100%;height: 115px;}
.logo{ padding-top:22px;}
.txt {float: left;line-height: 38px;margin-top: 28px;margin-left: 16px; border-left: 1px solid #ddd; padding-left: 20px;}
.txt .p3 {font-size: 20px;}
.txt .p4 {line-height: 20px;font-size: 16px; color:#777;}
.mobile{  margin-top: 20px; }

.nav-box{background: #0076bc; height: 60px; width: 100%;}
.nav li.main{height:60px; line-height:60px; text-align:center; float:left; position:relative;}
.nav li.main a.main{height:60px; display:block; color:#fff; font-size:18px; padding:0 35px; width:100px;}
.nav li.main a.main p{line-height:13px; color:#c9c9c9; font-size:12px;}
.nav li.main a.main:hover{text-decoration:none;background: #04659e;color:#fff;}
.nav li.main a.main:hover p{color:#c9c9c9;}
.nav li.main div{display:none; text-align:center; overflow:hidden; position:absolute; top:60px; z-index: 99999; width:100%; }
.nav li.main div a{display:block; height:46px; line-height:46px; color:#fff; font-size:14px; background-color: #087ec4; background-color:rgba(8,126,196,0.6); overflow:hidden;}
.nav li.main div a:hover{text-decoration:none; background-color:#087ec4; background-color:rgba(9,74,93,.8);}

.nav li.on{background:#04659e;}
.nav li.on a.main{color:#fff;}
.nav li.on a.main:hover p{color:#333;}

.header-bg .sub-nav{background-color:#fff;}
.header-bg .sub-nav a{border-color:#999;}

/*--- banner ---*/
.banner .swiper{ position: relative;}
.banner .swiper-slide img { width: 100%;}
.banner .swiper-slide img+img {position: absolute; left: 0; top: 0;}
.banner .swiper-slide img { width: 100%;transition: 3s linear; transform: scale(1.08);}
.banner .swiper-slide.swiper-slide-active img {transform: scale(1);}
.banner .swiper-pagination-bullet{ width: 12px; height: 12px; }
.banner .swiper-btn{cursor: pointer;transition: all 0.4s ease-in-out; opacity: 0; border: #eee 3px double; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6);position: absolute;  cursor: pointer; width:40px; height:40px; line-height: 40px; text-align: center; z-index: 100; display: block; top:50%; margin-top:-50px; left:1%; color:#fff;}
.banner .swiper-btn .fa{ font-size:40px; font-weight: 300; }
.banner .swiper-btn.swiper-btn-next{ right:1%; left:auto;}
.banner:hover .swiper-btn{ color: #fff; opacity: 0.8;}
.banner:hover .swiper-btn.swiper-btn-next{ right:4%; }
.banner:hover .swiper-btn.swiper-btn-prev{ left:4%;}

.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{color: #fff; opacity: 0.8;}
.swiper-button-next,.swiper-button-prev{ color: #fff; opacity: 0;}

.mod-box {
    padding-top: 50px;
}
.mod-head{
    margin-bottom:36px;
    text-align: center;
}
.mod-head h3{
    position: relative;
    filter: alpha(opacity=1);
    opacity: 1;
    font-weight: normal;
    font-size: 32px;
    margin: 0 auto;
    width: 530px;
    height: 32px;
    line-height: 32px;
    margin-top: 15px;
    transition: all 0.5s ease-out;
}
.mod-head h3::before{
    content:"";
    position: absolute;
    display: block;
    top:50%;
    background: #d9d9d9;
    height:1px;
    width:100%;
}
.mod-head h3 span {
    position: relative;
    background-color: #fff;
    z-index: 1;
    padding: 0 58px;
}
.mod-head p{
    margin-top:12px;
    line-height: 30px;
    color:#777;
	font-size:16px;
}

.mod-body{}
.mod-more {
    display: block;
    text-align: center;
    font-size: 16px;
    border-width: 2px;
    margin: 0 auto 20px;
    width: 210px;
    padding:15px 0;
    border-radius: 4px;
    border: 1px solid #90be20;
    color: #90be20;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.mod-more:hover{
    color: #fff;
    background-color: #90be20;
}
.mt50{ margin-top: 50px; }

.tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
    gap: 30px;
}

.tab {
    padding: 12px 28px;
    background: white;
    border-radius: 30px;
    cursor: pointer;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.tab:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.tab.active {
    background: linear-gradient(90deg, #3e60ee, #3498db);
    color: white;
}
.swiper-container{ overflow: hidden; padding-bottom: 40px;}
.swiper-button-container{text-align: center;}
.swiper-button-container div{
    background-color: #ebebeb;
    opacity: 1;
    width: 42px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /* margin: 0px 51px; */
    border-radius: 0px;
    overflow: hidden;
    transition: 0.5s;
    color: #555;
    display: inline-block;
    zoom: 1;
    font-size: 20px;
    cursor: pointer;
}
.swiper-button-container div:hover{
    background-color: #efe712;
}

/* .product-nav2{ margin-right: -30px; }
.product-nav2 li{float: left;margin:0 20px 20px 0px; width: 280px; }
.product-nav2 li .info{ padding-top: 10px; }
.product-nav2 li .info1{float: left;font-size: 16px; color: #827f7f;}
.product-nav2 li .info2{float: right;font-size: 16px;}

.product-nav{display: flex;justify-content: space-evenly;}
.product-nav li{ text-align: center;}
.product-nav a{background-color:#fff;border:1px solid #0269b8;border-radius: 18px; color:#0269b8;border:1px solid #0269b8; font-size:16px; height: 40px; line-height: 40px; display: block; text-align: center;  width:200px;}
.product-nav a:hover{background-color:#0269b8; display: block;color: #fff; height: 40px;line-height: 40px;} */
.li-product li{ width: 385px;float: left; margin: 10px 7px; }
.li-product li p{ font-size: 18px; line-height: 50px; color: #333; text-align: center; }

.li-pro{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 40px; /* 关键属性：设置间距为40px */
    flex-wrap: wrap;}

    .image-card {
        flex: 0 0 calc(33.333% - 27px); /* 计算宽度时考虑间距 */
        background: white;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .image-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    }
    
    .image-placeholder {
        /* height: 250px; */
        background-color: #3498db;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.5rem;
        font-weight: bold;
    }
    .image-placeholder img{
        width: 100%;
    }   
    .image-info {
        padding: 20px;
        text-align: center;
    }
    
    .image-info h3 {
        font-size: 1.4rem;
        margin-bottom: 10px;
        color: #2c3e50;
    }
    
    .image-info p {
        color: #7f8c8d;
        line-height: 1.6;
    }

.mod-gg {height:210px; background:#0269b8;}
.mod-gg .ad-txtl{ width:900px; float:left; padding-top:30px;}
.mod-gg .ad-txtl h3{ font-size:36px; color:#fff; font-weight:bold; margin-bottom:15px; line-height: 54px;}
.mod-gg .ad-txtl h3 font{ color:#fff000;}
.mod-gg .ad-txtl p{ font-size:16px; color:#fff;}
.mod-gg .ad-tel{ float:right; color:#fff; padding-top:40px;}
.mod-gg .ad-tel span{ display:block; font-size:14px; }
.dtel{ font-size:24px; display:block;margin:6px 0;}
.mod-gg .ad-tel a{display:inline-block;padding:4px 40px;background:#ff8a00;font-size:18px;color:#fff;}
.mod-gg img {width:100%;height:auto;background-size:contain|cover;-moz-background-size:contain|cover;-webkit-background-size:contain|cover;-o-background-size:contain|cover;}

.morebtn{ margin-top: 20px;}
.morebtn a{ background-color: #1873c2; padding: 14px 38px; text-align: center; color: #fff; }




.mod-news{padding:40px 0;}

.news_list{display: flex;flex-wrap: wrap; justify-content: space-between;}
.hr{ padding:20px 0; border-bottom:1px #bbb dashed;width: 660px;}
.hr .tu {width: 80px;height: 80px;float: left;background: #1873c2;color: #fff;text-align: center; margin-right: 15px;}
.hr .tu h2{ font-weight:normal; font-size:36px;line-height: 50px;}
.hr .tu:hover{ background-color:#fea901;}
.hr .info p{margin-top:5px; font-size:12px; color:#777;}
.blue{background-color:#1873c2; padding:40px 0;}
/* 首页 */


.li-case{
}
.li-case .swiper-slide{
    width:320px;
    margin-bottom:20px;
}
.li-case  a{
    box-sizing: border-box;
    height:100%;
    width:100%;
    display: block;
}
.li-case .list-img img{
    width: 100%;
    
}
.li-case a .list-info{
    padding: 20px;
        text-align: center;
}



.qh-btn{
    margin-top: 10px;
    text-align: center;
}
.qh-btn div{
    background-color: #ebebeb;
    opacity: 1;
    width: 42px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /* margin: 0px 51px; */
    border-radius: 0px;
    overflow: hidden;
    transition: 0.5s;
    color: #555;
    display: inline-block;
    zoom: 1;
    font-size: 20px;
    cursor: pointer;
}
.qh-btn div:hover{
    background-color: #efe712;
}

.mod-aboutus .aboutus-body-left,
.mod-aboutus .aboutus-body-right{
    width:680px;
}



.aboutus-content-box{  background: #ededed;  padding:25px;}
.aboutus-content p{ text-indent: 2em; line-height: 1.8; padding-bottom: 10px; font-size: 16px; }



.mod-news{}
.mod-news-content{ width: 380px; margin-right: 30px; float: left;  }
.mod-news-content h3{ line-height: 40px; }
.li-news li{ line-height: 30px; }
.li-news span{float: right; color: #676767;}

/*----LINK----*/

.mod-link{
    padding-top:30px;
    padding-bottom:50px;

}
.mod-link dt,
.mod-link dd{
    float:left;
}
.mod-link dd{
    margin-left:10px;
}
.mod-link dt h4{
    color:#03b2dd;
    font-size:30px;
    float:left;
}
.mod-link dt p{
    height: 26px;
    width:90px;
    background-color: #03b2dd;
    color:#fff;
    text-align: center;
    float:left;
    margin-left:5px;
}
.mod-link dd a{
    margin:0 10px;
}



/* Index Title */
.index-tit {
  padding: 40px 0 35px 0;
}
.index-tit h3 {
  margin-bottom: 10px;
  font-size: 30px;
  color: #40aae3;
  text-align:center;
}
.index-tit h4 {
  font-size: 18px;
  font-weight:normal;
  color: #cacace;
  text-transform: uppercase;
  font-family: Arial;
  text-align:center;
}
.index-tit h4 span {
  color: #e4392a;
}

.index-tit-na {
  border-bottom: 1px solid #e8e8e8;
  height: 36px;
}
.index-tit-na p {
  line-height: 30px;
  padding-right: 10px;
}

.about-box{ padding:46px 0;}
.about-box dl dt{width:590px; float:left;}
.about-box dl dd{ float:left; width:580px; background-color:#f5f5f5; height:400px;}
.about-box dl dd .cont{ padding:30px;}
.about-box h3 a{font-size:20px; color:#73a600; line-height:36px; }
.about-box p{margin-top:5px; font-size:14px; color:#6f6f6f; line-height:32px;}
.hr .tu h2{ font-weight:normal; font-size:36px;line-height: 50px;}
.hr .tu:hover{ background-color:#fea901;}

.product-box{width:100%;background-color: #f4f5f9; text-align:center; padding-bottom:30px;}
.product-box .index-tit{padding: 40px 0 35px 0;}
.product-box .content-box .mn{height:728px;margin-top:30px;padding-bottom:22px;}
.youshi-box{ padding:30px 0;}
.picMarquee-left{overflow:hidden; position:relative; }
.ppp{ float:left; margin-top:20px;}

.pro-list li{ width:300px;*width:300px; text-align:center; padding-bottom:12px; float:left; margin:0px 8px;}
.pro-list li div.img-box{ width:300px; height:200px; text-align:center;}
.pro-list li div.img-box a{ width:300px; height:200px; display:block; padding-top:13px; padding-left:13px;}
.pro-list li p {width:300px;height: 40px;line-height:40px;text-align: center;margin:0 auto;margin-top:10px;font-size:16px;}
.fenlei-list{ margin-top:30px; height:67px;}
.fenlei-list li{width:350px;height:67px;float:left;margin:0 8px;margin-bottom:20px;text-align:center;line-height:67px;font-size:18px; background-color:#fff;}
.product-more {
  padding-bottom: 30px;
}
.product-more a {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  width: 150px;
  margin: 0 auto;
  background: #73a600;
  color:#fff;
}
.product-more a:hover {
  background: #ff3366;
  color: #fff;
}




/*---- page ---- */
#pages {
    width:100%;
    margin-top:30px;
    text-align: center;
}
#pages ul{
    display: inline-block;
}
#pages li {
    display: inline;
}
#pages li a,
#pages li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
#pages li:first-child a,
#pages li:first-child span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
#pages li:last-child a,
#pages li:last-child span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
#pages li a:hover,
#pages li a:focus,
#pages li span:hover,
#pages li span:focus {
    z-index: 2;
    color: #ca0822;
    background-color: #eeeeee;
    border-color: #ddd;
}
#pages .active a,
#pages .active a:hover,
#pages .active a:focus,
#pages .active span,
#pages .active span:hover,
#pages .active span:focus {
    z-index: 3;
    color: #fff;
    background-color: #162638;
    border-color: #162638;
    cursor: default;
}
#pages .disabled span,
#pages .disabled span:hover,
#pages .disabled span:focus,
#pages .disabled a,
#pages .disabled a:hover,
#pages .disabled a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

/* 当前位置 */


.breadcrumb{line-height:50px; font-size: 14px;color: #454545;}
.font-blue {color: #3598dc!important;}
.breadcrumb a{ color:#454545;}

/*----box----*/
.wraper-box{padding-top:35px;padding-bottom:50px;background: #f7f8f9;}
.sider-box{ margin-bottom: 20px; }
.main-box{ background-color: #fff; padding:40px 60px; }
.main-bg{ background-color: #fff; padding:40px 60px; }

.sub_nav h3{ height: 50px; line-height: 50px; background-color: #2383cf; color: #fff; padding-left: 30px; }
.sub_nav li{ float: left; margin-right: 20px; margin-bottom: 10px; }
.sub_nav li a{ padding:0 30px; line-height:40px;display: block; border: 1px solid #4a9ced; border-radius: 18px;font-size: 16px;color: #4a9ced;}
.sub_nav li a:hover,.sub_nav li.active{font-weight:bold;color:#fff; font-size:16px; background-color: #4a9ced; border-radius: 18px;}
.sub_nav li a:hover,.sub_nav li.active a{color:#fff; }

/*---tuwen---*/
.li-tuwen{}
.li-tuwen li{overflow: hidden; border-bottom:1px solid #ddd; padding: 20px 0;}
.li-tuwen li .list-thumb {float: left;margin-right: 30px; width: 270px;}
.li-tuwen li .list-thumb img{ width: 100%;}
.li-tuwen li .list-text .title { font-size: 20px;color: #000; padding-top: 10px; }
.li-tuwen li .list-text .description{ color: #666; padding-top:15px; line-height: 1.5em; font-size: 15px;}
.li-tuwen li .list-text{font-size: 16px;color: #312d2d;line-height:30px;}
.li-tuwen li .list-text .date{font-size: 13px;color: #888;height: 30px;line-height: 30px;}
.li-tuwen li .list-text .date i{ padding-right: 5px; }
.li-tuwen li a:hover .list-text .title{color: #0a3eb8; font-weight: bold;}
.li-tuwen li:hover{background-color: #f1f2f3;}

/* footer style */
.footer{width:100%; background-color:#373d41; padding-top: 40px;padding-bottom: 20px; color:#c5d1dc;}
.bottom-footer {border-top: 1px solid #4b5054;margin-top: 20px;padding-top: 20px;}
.footer p a{ color: #eee; }
.footer-nav{ line-height:50px; border-bottom:1px solid #5b6167; margin-bottom:15px;}
.footer-nav a{ padding:0 40px; color:#acb6bf; font-size:16px;}
.footer .content p{ line-height:24px; text-align:center; padding-top:10px; font-size:14px;}

/* Scroll Top */
.scroll-to-top {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 5px;
  display: none;
  right: 20px; }
  .scroll-to-top > i {
    display: inline-block;
    font-size: 32px;
    opacity: 0.7 ;
    filter: alpha(opacity=70) ; }
  .scroll-to-top:hover {
    cursor: pointer; }
    .scroll-to-top:hover > i {
      opacity: 1 ;
      filter: alpha(opacity=100) ; 
}
/*---- 图片列表页 ----*/
.wrapper-mt{margin-top:30px;}
.li-item-img{margin-top:30px; display: flex;    flex-wrap: wrap; }
.li-item-img li{ width: 33.33%; transition: all 0.3s ease-out; text-align: center;}

.li-item-img li:hover img{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.li-item-img .list-inner{
    
}
.li-item-img .list-thumb{
    display: block;
    overflow: hidden;
}
.li-item-img .list-info{
    text-align: center;
}
.li-item-img .list-info h4{
    display: block;
    line-height:3;
    font-size: 20px;
    color: #084a5d;
    font-weight: normal;
}
.li-item-img .list-info label{
    display: block;
    margin-top:4px;
    line-height: 16px;
    height:16px;
    color:#999;
}
.li-item-img .list-info i{
    font-style: normal;
    display: block;
    position: absolute;
    color: #fff;
    background-color: #ffa31f !important;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    display: none;
    bottom: 10px;
    right: 10px;
    width: 50px;
    line-height: 20px;
    padding:5px 0;
    z-index: 10;
}
.li-item-img li:hover .list-info i {
    display: block;
}
/*---- 产品列表 ----*/
.img_box{position: relative; width:100%; height:100%; overflow:hidden;}
.li_product li{margin:0 0.5% 33px 0.5%; width:32%; float:left;}
.li_product .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/custom/pro_mask.png) center center no-repeat;display:none;}
.li_product .tit_box{background-color:#f4f4f4; color:#595757; font-size:13px;}
.li_product .tit_box .pd{padding:25px 35px 20px;}
.li_product .tit_box .pd ._t{height:44px; position:relative; margin-bottom:15px;font-size:16px; line-height:42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_product .tit_box .pd .line{width:0;height:1px; background-color:#fff;}
.li_product a:hover .tit_box .line{width:100%;}
.li_product a{display:block;}
.li_product a:hover .mask{display:block;}
.li_product a:hover .tit_box{background-color:#ee1c25; color:#fff; }

/*正常内容页*/
#Article{overflow:hidden; font-family:"微软雅黑"; color:#555;}
#Article h1{color:#000;font:800 26px/30px "微软雅黑",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5}
#Article h1 span{ font-size:12px; font-weight:normal; line-height:20px; color:#999}
#Article .content{ font-size:18px; padding-top: 20px;}
#Article .content p{line-height:1.8;text-align:justify;word-wrap:break-word; padding-bottom:15px;overflow-wrap: break-word;word-wrap: break-word;}

#Article .pagination{ padding:10px 0; border-top:1px solid #ddd;}
#Article .pagination p{ margin: 5px 0;}
#Article .pagination p a{cursor: pointer;color: #337ab7;}

.related-news{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}
.related-news h3{ line-height:40px;}
.related-news li{ width:45%; line-height:32px; float:left; margin:0 10px;border-bottom:1px dotted #ddd;background:url(../images/zixiang/li_dot.png) left center no-repeat; }
.related-news li a{ padding-left:15px;}


/*留言板*/
.formDetail .formDetail-head h1 {
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  line-height: 46px;
  font-weight: normal;
}
.formDetail .formDetail-head h1,
.formDetail .formDetail-head p {
  padding-left: 12px;
}
.formDetail-body {
  padding: 30px 12px 85px;
}
.formDetail-body .form-group {
  margin-bottom: 10px;
}
.formDetail-body .form-group .col-md-2 {
  float: left;
  width: 80px;
  text-align: right;
  padding-right: 15px;
  line-height: 50px;
  display: block;
}
.formDetail-body .form-group select,
.formDetail-body .form-group input,
.formDetail-body .form-group textarea {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  padding: 10px 8px;
  line-height: 30px;
  vertical-align: top;
  box-sizing: border-box;
}
.formDetail-body .form-group select,
.formDetail-body .form-group input {
  height: 50px;
  width: 260px;
}
.formDetail-body .form-group select {
  height: 50px;
  width: 260px;
}
.formDetail-body .form-group textarea {
  width: 770px;
  height: 200px;
}
.formDetail-body .form-group span {
  margin-left: 6px;
  font-style: normal;
  font-size: 12px;
  color: #ffa31f;
  line-height: 50px;
}

.formDetail-body .form-group button {
  border: 0;
  width: 258px;
  height: 55px;
  border-radius: 3px;
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.formDetail-body .form-group button:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* Kefu */
.lx-info{ float:left; width:360px; border:1px solid #ddd; background-color:#f8f8f8; padding:10px 15px;}
.lx-ditu{ float:right; width:800px}

/* single-page */

.protit{ line-height:30px; border-bottom:1px solid #DDD; color:#565656;padding-bottom: 6px;}
.protit h3 { font-size: 22px;color: #125f9e;}
.single-page-content{ font-size: 18px; line-height: 1.8em; padding-top: 15px;}
.single-page-content p{text-align:justify;word-wrap:break-word; padding-bottom: 10px;}

.page-head{
    background:url('../image/i-line.png') repeat-x left center;
    text-align: center;
    margin-bottom:40px;

}
.page-head h1{
    display: inline-block;
    padding:0 100px;
    background: #fff;
    font-size:40px;
    line-height: 40px;
    font-weight: normal;
}

.uni_column_tit1 .col_tit{ padding-bottom:15px; font-size:36px; color:#393939; }
.uni_column_tit1 .col_desc { font-size:14px; color:#82807f; }
.page-container{}


.btn {
    display: inline-block;
    background-color: #e1e5ec;
    color:#333;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    border:0 none;
}

.btn.green{
    color: #FFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
}