﻿#header {
    box-shadow: 0 0 6px rgba(0, 0, 0, .6);
    position: sticky;
    top: 0px;
    z-index: 999;
    background: white;
}

#header .tel-nav {

}

#header .tel {
    line-height: 3;
}

#header .nav div.af {
    display: inline-block;
    padding: 0 10px;
    padding-bottom: 30px;
	font-size:15px;
}

#header .nav div.af > a {
    border-bottom: 2px solid transparent;
}


#header .nav div.af:hover  > a {
    color: red;
    transition: all 0.6s linear;
}

a:hover {
}
#header .subnav  a:hover  { 
    color: red;
}

#header .af > a:after { 
    content: " ";
    position: relative;
    display: block;
    width: 0%;
    margin: 0 auto;
    height: 2px;
    background: red;
    transition: width 0.6s linear;
    top: 20px;
    /*
    border-bottom: 2px solid transparent;
    */
}

#header .af:hover  > a:after {
    content:" ";
    display: block;
    /*
    border-bottom: 2px solid red;
    */
    transition: width 0.6s linear;
    width: 100%;
    position: relative;
    top: 20px;
}

#header >  .w1200 {
    position: unset;
}

#header .subnav {
    position: absolute;
    top: 107px;
    width: 100%;
    left: 0;
    background: white;
        box-shadow: 0 0 6px rgba(0, 0, 0, .6);
        padding-bottom: 20px;
        padding-top: 20px;

    display: none;
}


#header .af:hover .subnav {
    display: block;
}



#header .subnav .w1200 {
    display: flex;
        justify-content: space-between;
        /*
    align-items: center;

    */
}

#header .subnav .w1200 .img {
    width 500px: 
}

#header .subnav .w1200 ul {
    width: 660px;
    /*
        list-style: disc;
        */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
        align-content: baseline;
}

#header .subnav .w1200 ul li {
    width: 28%;
    line-height: 2.85em;
    border-bottom: 1px dotted #ccc;
    margin-left: 19px;
    height: fit-content;
    font-size:14px;
	color:#555;
}


#header .subnav .w1200 ul li:before {
    content: "▸ ";
    display: inline-block;
    color: inherit;
    transition: all .5s;
    
}

#header .subnav .w1200 ul li:hover  { 

    border-bottom: 1px solid red;
    transition: width 1s;
}

#header .subnav .w1200 ul li  a {

}










#banner {
    font-size: 0;
}

#home-chanpin {
    background: #f2f2f2;
    padding-bottom: 30px;
}

#home-chanpin .qiehuan-title {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}

#home-chanpin .qiehuan-title .unit {
    width: 175px;
    text-align: center;
    line-height: 2em;
}

#home-chanpin .qiehuan-title .unit.hover {
    background-color: #fb2122;
    color: white;
    border-radius: 15px;
}

#home-chanpin .qiehuan-con a {
    width: 24%;
    font-size: 0;
}

#home-chanpin .qiehuan-con a p {
    font-size: 16px;
    line-height: 2em;
    text-align: center;
    background-color: #343338;
    color: white;
    margin: 0;
    padding: 0;
}

#home-chanpin .qiehuan-con a:hover p {
    background-color: #fb2122;
    line-height: 2em;
}

#home-fenlei .w1200 {
    background: url(/static/images/fenlei.png) 100%;
}

#home-fenlei .w1200 a {
    width: 15%;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

#home-fenlei .w1200 h3 {
    margin: 0;
    padding: 10px 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: normal;
}

#home-fenlei .w1200 p {
    margin-top: 2px;
}


#home-fenlei .whfont {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    position: relative;
}

#home-fenlei .whfont:before { 
    content: " ";
    width: 110px;
    height: 110px;
    position: absolute;
    left: 5px;
    top: 5px;
        border-radius: 50%;
    border: 1px solid #948a8a;
}

#home-fenlei .whfont:after { 
    content: " ";
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0px;
    top: 0px;
        border-radius: 0  50%  0  0;
    border: 1px solid #f00;

    clip-path: polygon(50% 0, 100% 0, 100% 26%, 50% 50%);

    transition:transform .8s;

}

#home-fenlei .whfont:hover:after { 
    transform:rotate(180deg);


}
#home-fenlei .whfont i {
    font-size: 48px;
    line-height: 120px;
}


#home-fenlei .whfont:hover  i {
    color: red;
    /*
    font-weight: 600;
    */
}


#home-jjfa {
    background-color: #f2f2f2;
    background-color: white;
    margin-bottom: 65px;
}

#home-jjfa .flex>a {
    background-color: #f2f2f2;
    text-align: center;
}

#home-jjfa .flex>a:hover {
    background-color: #fb2122;
    color: white;
}

#home-jjfa .flex>a h3 {
    font-size: 16px;
}

#home-jjfa .flex>a p {
    font-size: 14px;
}

#home-guanyu {
    background: #f2f2f2;
    padding-top: 55px;
    padding-bottom: 55px;
}

#home-guanyu .w1200 .img {
    width: 540px;
    height: 470px;
    margin-right: 37px;
}

#home-guanyu .w1200 .info {
    width: 620px
}

#home-guanyu .w1200 .info h2 {
    font-size: 32px;
}

#home-guanyu .w1200 .info .slogan {
    font-size: 18px;
    margin-top: 20px;
    position: relative;
    margin-bottom: 30px;
}

#home-guanyu .w1200 .info .slogan:after {
    content: "";
    position: absolute;
    width: 479px;
    height: 7px;
    background: url(/static/images/line.png) no-repeat center center;
    left: 0;
    bottom: -15px;
}

#home-guanyu .w1200 .info .desc {
    line-height: 1.7em;
    color: #666;
}

#home-guanyu .w1200 .info a {
    display: inline-block;
    line-height: 54px;
    color: #fff;
    font-size: 16px;
    background-color: #db1d00;
    background: #db1d00 url(/static/images/r.png) no-repeat;
    background-position: 130px center;
    padding-right: 60px;
    padding-left: 20px;
}

#home-news {
    margin-bottom: 30px;
}

#home-news .qiehuan-title {
    display: flex;
    justify-content: center;
}

#home-news .qiehuan-title .unit {
    display: inline-block;
    padding: 5px 30px;
    line-height: 2em;
}

#home-news .qiehuan-title .unit.hover {
    color: #fb2122;
    border-bottom: 1px solid #fb2122;
}

#home-news .qiehuan-con {
    font-size: inherit;
    color: #666;
    margin-top: 30px;
}

#home-news .qiehuan-con .unit>.flex {
    font-size: inherit;
}

#home-news .qiehuan-con .unit>.flex a.img {
    width: 530px;
}

#home-news .qiehuan-con .unit>.flex a.img img {
    width: 100%;
}

#home-news .qiehuan-con .unit>.flex a.img p {
    line-height: 2.7em;
    margin: 0;
    padding: 0;
    background-color: #333;
    padding: 10px 20px;
    box-sizing: border-box;
    color: white;
}

#home-news .qiehuan-con .unit>.flex .list {
    width: 630px;
}

#home-news .list {
    border: 1px solid #ccc;
}

#home-news .list a {
    border-bottom: 1px solid #ccc;
    display: flex;
    padding: 19px 20px;
    justify-content: space-between;
}

#home-news .list a .ymd {
    width: 15%;
    text-align: center;
}

#home-news .list a .d {
    font-size: 36px;
    font-weight: bold;
    color: black;
    margin-bottom: 20px;
}

#home-news .list a .info {
    width: 80%;
}

#home-news .list a:last-child {
    border: 0;
}

#home-hezuo {
    background: #f7f7f7;
    padding-bottom: 60px;
}

#home-hezuo .w1200 {
    margin-top: 30px;
}

#home-hezuo .w1200>a {
    margin-bottom: 20px;
}

#footer {
    background-color: #3e3e3e;
    color: #ccc;
    padding-top: 40px;
    padding-bottom: 40px;
}

#footer .flex {
    align-items: baseline;
}

#footer .flex .u {
    width: 20%;
    padding: 0 20px;
    box-sizing: border-box;
}

#footer .flex .u.u-1 {
    width: 35%;
}

#footer .flex .u.u-4 {
    width: 33%;
}

#footer i {
    display: inline-blocktel;
    padding-right: 5px;
    font-size: 30px;
}

#footer .u a, #footer .u p {
    display: block;
    line-height: 2.2em;
}

#footer .u-1 .con {
    display: flex;
    flex-wrap: wrap;
}

#footer .u-1 .con a {
    width: 50%;
}

#footer .u-4 .tel {
    position: relative;
    padding-left: 70px;
}

#footer .u-4 .tel i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 50px;
}

#footer .u-4 .tel .nu {
    font-size: 26px;
    line-height: 1.5em;
}

#footer .u-4 .gongzuo {
    margin-top: 10px;
}

#footer .u-4 .metas {
    margin-top: 20px;
    padding-left: 102px;
    background: url(/static/images/ewm.png) left bottom no-repeat;
}

#footer .u-4 .metas p {
    line-height: 1.8em;
}

#footer .u-4 .metas i {
    font-size: 18px;
}


#cp {
    background:#222 ;
    color: #ddd;
    text-align: center;
}
#cp p {
    display: inline-block;
    line-height: 3em;
    font-size: 14px;
    padding-right: 20px;
}

/* inner */
.innerbanner {
    width: 100%;
    display: block;
}

.innerbanner  img{
    width: 100%;
    display: block;
}

.innernav {
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content:center;
    margin-bottom: 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.innernav a {
    line-height: 68px;
    padding: 0 50px;
    position: relative;
    overflow: visible;
    font-size: 14px;
    color: #888;
    display: flex;
    align-items: center;
    border-bottom:1px solid inherit;
}

.innernav a i {
    display: inline-block;
    padding-right: 5px;
    font-size: 1.2em;
    color: inherit;
}

.innernav a::after {
    position: absolute;
    content: " ";
    display: block;
    width: 1px;
    height: 1em;
    background: #ccc;
    right: 0;
    top:26px;
}

.innernav a.hover, 
.innernav a:hover {
   color: #063f9c; 
   font-weight: bold;
}

.font-blue {
   color: #063f9c; 
}

.bg-blue { 
    background-color: #063f9c !important;
}
.tilte-fs {
    font-size: 24px;
    margin-top: 53px;
    margin-bottom: 63px;
    text-align: center;
    display: block ;
}


.inner {
   color: #222;
}
.inner p { 
    line-height: 1.5em;
}
/* inner end */

/* #gsjj */
#gsjj .pic-desc .pic {
    width: 604px;
}

#gsjj .pic-desc .desc {
    width: 558px;
}

#gsjj .pic-desc .desc .name {
    font-size: 28px;
    font-weight: bold;
}
#gsjj .pic-desc .desc p {
    font-size:14px;
    line-height:34px;
    color:#545454;
}



#gsjj .three {
    align-items: baseline;
}

#gsjj .three .u {
    width: 33.33333%;
    position: relative;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
}
#gsjj .three .u .brief-title {
	font-size:24px;
    text-align: center;
    padding: 14px 0;
	color:#333;
}
#gsjj .three .u p {
    font-size: 14px;
    line-height: 2em;
    color: #545454;
}
#gsjj .three .u p a:hover {
color: #fb2121;
}
#gsjj .three .u:last-child {
    border-right: 1px solid #ccc;
    margin-top: 50px;
    margin-bottom: 50px;
}

#gsjj .three .u img {
    display: block;
    margin: 0 auto;
}


#gsjj .three .u::after {
    content: " ";
    position: absolute;
    left: -2px;
    top: 30px;
    width: 3px;
    display: block;
    height: 30px;
    background-color: #063f9c;
}

#gsjj .bigpic {
    text-align: center;
}
#gsjj .bigpic p {
    font-size: 14px;
}
/* #gsjj-end */

/* #qywh */
#qywh .show-four {
    background: transparent;
    margin-bottom: 90px;
}

#qywh .nu {
    width: 25%;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    background:white;
    padding-top: 30px;
}
#qywh .nu:nth-child(1),
#qywh .nu:nth-child(5){
    background: #f6f6f6;
}

#qywh .nu .n {
    text-align: center;
    color: #323735;
    font-weight: bold;
    font-size: 72px;
}


#qywh .nu .w { 
    position: absolute;
    top: 78px;
    left: 151px;
    width: 3em;
    background: inherit;
    font-size: 24px;
    color: #333;
}


#qywh .nu  .desc {
    color: #666;
    line-height: 1.7em;
    margin-top: 33px;
    font-size: 14px;
}
#qywh .img {
    width: 50%;
    font-size: 0;
}
#qywh .mb-hd {
    margin-bottom: 20px;
}

#qywh .huodong {
    margin-top: 00px;
    padding-top: 50px;
}


#qywh .huodong {
    background: transparent;
}

#qywh .huodong .unit {
    width: 350px;
    margin-bottom: 40px;
}


#qywh .huodong .unit h3 {
    font-weight:  normal;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:18px;
	color:#333;
}



#qywh .huodong .unit .desc {
    line-height: 1.8em;
	font-size:14px;
	color:#545454;
}

/* #qywh-end */


/* #qysl */
#qysl {
    background: transparent;
}


#qysl .sltop {
    background: transparent;
}

#qysl .sltop .fournu {
    width: 1100px;
    margin:  70px auto;

}


#qysl .sltop .fournu .unit {
    text-align-last: center;
}

#qysl .sltop .fournu  .nu {
    font-size: 64px;
    font-weight: bold;
    color: #013b80;
 }



#qysl .imgs {
    width: 1124px;
}


#qysl .imgs .qiehuan-title {
    width: 232px;
    line-height: 63px;
}

#qysl .imgs .qiehuan-title a {
    display: block;
    font-size: 18px;
    box-sizing: border-box;
    padding-left: 20px;
}

#qysl .imgs .qiehuan-title a.hover {
    background: #013b80;
    color: white;
}
#qysl .imgs .qiehuan-con {
    width: 876px;
}

#qysl .imgs .qiehuan-con .img{ 
    font-size: 0;
}

#qysl .imgs .qiehuan-con img {
    width: 100%;
}


#qysl .imgs .qiehuan-con .desc {
    line-height: 50px;
    background: #efefef;
    box-sizing: border-box;
    padding-left: 20px;
}

#qysl .jianzheng {
    background: #f7f7f7;
    padding: 30px;
    margin-top: 70px;
}

#qysl .jianzheng > .name {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
    line-height: 80px;
    position: relative;
}


#qysl .jianzheng > .name::after {
    content: " ";
    display: block;
    width: 100px;
    margin: 0 auto;
    background: #013b80;
    height: 3px;
}


#qysl .pics {
    width: 1128px;
    margin:  0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
}


#qysl .jianzheng > .more {
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 30px;
}



#qysl .jianzheng > .more a {
    line-height: 3em;
    background: #333;
    color: white;
    display: inline-block;
    line-height: 2em;
    padding: 0 2em;
    font-size: 14px;
}

/* #qysl-end */

/* #dlsyz */
#dlsyz {
    margin-top: 80px;
    margin-bottom: 80px;
}




#dlsyz .info {
    width: 450px;
}

#dlsyz .info .title {
    line-height: 2.4em;
    color: #013b80;
    font-size: 22px;
}



#dlsyz .info .desc {
    line-height: 1.7em;
    color: #222;
    margin-top: 10px;
    margin-bottom: 30px;
}

#dlsyz form {
    display: flex;
    justify-content:  space-between;
    line-height: 2em;
}

#dlsyz form > *  {
    line-height: 2em;
}
#dlsyz form .f-input {
    width: 65%;
}

#dlsyz form .f-submit {
    width: 30%;
    background: #013b80;
    color: white;
    border: 0;
    outline: 0;
}



/* #dlsyz-end */


#lxwm .w1200 {
    background: transparent;
    margin-top: 70px;
    margin-bottom: 70px;
}


#lxwm .w1200 .unit {
    text-align: center;
}


#lxwm .w1200 .unit > i {
    font-size: 3em;
    font-weight: bold;
    color: #013b80;
}
#lxwm .w1200 .unit .name {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 100px;
    margin-top: 20px;
	color: #212121;
}

#lxwm .w1200 .unit .name .desc {
    color: #666;
}


#lxwm .w1200 .unit .moreinfo {
    margin-top: 20px;
    text-align: center;
}
#lxwm .w1200 .unit .moreinfo  p{
    color:#212121;
}

#lxwm .w1200 .unit .moreinfo::before {
    display: inline-block;
    width: 100px;
    background: #013b80;
    height: 2px;
    content: " ";
}
/* #lxwm end */

/* #fwcn */

#fwcn {
    margin-top: 30px;
    margin-bottom: 50px;
}


#fwcn .name-desc { 
    text-align: center;
}


#fwcn .name-desc .name {
    font-size: 27px;
    font-weight: 100;
    line-height: 3em;
}

#fwcn .name-desc .desc {

    line-height: 2em;
}



#fwcn .con {
    width: 1110px;
    margin: 40px auto;
    
}

    /*
#fwcn .con .flex {
    margin-top: 30px;

    margin-bottom: 30px;
}
*/

#fwcn .img  {
    width: 555px;
    font-size: 0;
}


#fwcn .info {
    width: 555px;
    padding: 20px;
    box-sizing: border-box;
}

#fwcn .flex:nth-child(2n) {
    flex-direction: row-reverse; 
}


#fwcn .flex {
    background: url(/static/images/dot.png);
}


#fwcn .info h3 > span {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #333;
    text-align: center;
    padding-right:20px ;
    box-sizing: border-box;
    margin-right: 10px;
}


#fwcn .info h3 > span i {
    font-size: 30px;
    position: relative;
    top: 8px;
    left: 10px;
    color: white;
}
/* #fwcn end */



/* 资料下载分类 */
#zlxzfl {
    background:transparent;
}

#zlxzfl > .desc {
    color: #666;
    text-align: center;
    position: relative;
    top: -40px;
}


#zlxzfl > .img-more img {
    width: 611px;
    height: 186px;
}


#zlxzfl > .img-more p {
    width: 525px;
    font-size: 14px;
    line-height: 2em;

}


#zlxzfl > .img-more p::after {
    content: " ";
    display: block;
    width: 3em;
    height: 2px;
    background: #ccc;
}


#zlxzfl .list {
    margin-top: 30px;
    margin-bottom: 30px;
}

#zlxzfl .list  a {
    display: flex;
    justify-content: space-between;
    color: #666;
    font-size: 18px;
    height: 77px;
    border-bottom: 1px solid #ccc;
    align-items: center;
}



#zlxzfl .list  a .text{
    border-left: 3px solid #013b80;
    padding-left: 10px;
    margin-left: 10px;
}

#zlxzfl .list  a .xiangqing {
    width: 120px;
    line-height: 41px;
    border: 1px solid #ccc;
    text-align: center;
}

/* 资料下载 */
#zlxz {
    background:transparent;
    margin-bottom: 50px;
}


#zlxz .title {
    margin-top: 60px;
    line-height: 40px;
    border-bottom: 3px solid #d9d9d9;
}

#zlxz > .title .name{
    font-size: 20px;
    color: #555;
    font-weight: bold;
    line-height: inherit;
    position: relative;
    display: inline-block;
}

#zlxz > .title .name::after {
    content: " ";
    width: 100%;
    bottom: -3px;
    height: 3px;
    background: #acacac;
    height: 3px;
    display: block;
    position: absolute;
}

#zlxz > .title .down-name {
    line-height: inherit;
    display: inline;
}


#zlxz > .title .down-name span {
    width: 120px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    background: #ececec ;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#zlxz > .list {
    background: transparent;
    margin-top: 10px;
}
#zlxz > .list a {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    line-height: 39px;
    border-bottom: 1px dotted #ccc;
}
 

#zlxz > .list .down-icon {
    line-height: inherit;
    display: inline;
}


#zlxz > .list .down-icon span {
    width: 120px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
}


/* 解决方案 */
#jjfa > .desc {
    color: #666;
    text-align: center;
    position: relative;
    top: -40px;
}


#jjfa .list {
    flex-wrap: wrap;    
}

#jjfa .list a {
    width: 253px;
    margin-bottom: 50px;
    text-align: center;
}
#jjfa .list a img {
    width: 100%;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
    outline: 1px solid #ccc;
}


#jjfa .list a h3 {
    font-weight: bold;
    line-height: 2em;
    color: #545454;
    font-size: 16px;

}

#jjfa .list a p {
    font-size: 14px;
    text-align: left;
}

#jjfa .list a span {
    display: inline-block;
    margin:  0 auto;
    padding: 5px 20px;
    color: white;
    background: #bbb;
    border-radius: 5px;
    font-size: 14px;
}

#jjfa .list a span:hover {
    background: #e42712;
}

 

/*工程案例*/
#gcal > .desc {
    color: #666;
    text-align: center;
    position: relative;
    top: -40px;
	font-size:14px;
	line-height:28px;
}


#gcal .list { flex-wrap: wrap;}

#gcal .list {justify-content: flex-start;}


#gcal .list a {
	box-sizing: border-box;
	display:block;
	float:left;
    width: 280px;
    margin:0 10px 10px 10px;
    background: #f6f6f6;
    padding: 10px;
    box-sizing: border-box;
    padding-bottom: 20px;
	text-align: center;
    
}
#gcal .list a img {
    width: 383px;
    width: 100%;
        width: calc( 100% + 20px);
    height: 200px;
    height: auto;
    box-sizing: border-box;
    margin: -10px;
    display: block;
    max-width: 383px;
    border: 1px solid #ccc;
    height: 200px;
}


#gcal .list a h3 {
    font-weight: normal;
    line-height: 3em;
    color: #444;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

#gcal .list a p {
    font-size: 14px;
    text-align: left;
    padding: 0 20px;
    height: 64px;
}

#gcal .list a span {
    display: inline-block;
    margin:  0 auto;
    padding: 5px 20px;
    color: white;
    background: #bbb;
    border-radius: 5px;
    font-size: 14px;
}

#gcal .list a span:hover {
    background: #e42712;
}


/* 技术文章 */
#jswz > .desc {
    color: #666;
    text-align: center;
    position: relative;
    top: -40px;
}



#jswz .list {
    margin-bottom: 30px;
}

#jswz .list a {
    display: flex;
    justify-content: space-around;
    align-items: center;
	border-top:dashed 1px #A6A6A6;
	padding:30px;
}


#jswz .list a .img {
    width: 204px;
}

#jswz .list a .img img {
    width: 100%;
    height: auto;
}
#jswz .list a .info {
    width:881px;
}
#jswz .list a .info h3 {
    font-size: 16px;
    color: #333;
}
#jswz .list a .info .meta {
    color: #aaa;
    margin: 10px 0;
    font-size: 14px;
    padding: 5px;
}
#jswz .list a .info p {
    color: #666;
    line-height: 1.7em;
    margin-top: 0;
	font-size: 14px;
}



/*工程案例 */ 
#wenzhang {
    margin-bottom: 10px;
}

#wenzhang h1 {
    text-align:center;
    line-height: 3em;
    font-size: 24px;
}

#wenzhang .h1-more {
    font-size: 14px;
    color: #ccc;
    text-align: center;
    position: relative;
    top: -20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted  #ccc;

}


#wenzhang .h1-more > * {
    display: inline-block;
    padding: 0 10px;

}

#wenzhang  .daodu {
    width: 1100px;
    margin: 0 auto;
    border:1px solid #285390;
    line-height: 2em;
    padding: 5px 10px;
    background-color: #f1f1f1;
    border-radius: 10px;
}


/* 产品中心 */
#cpzx {
    background: transparent;
}

#cpzx .hotsearch {
    margin-top: 30px;
    margin-bottom: 30px;
}


#cpzx .hotsearch .name {
    margin-right: 100px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

#cpzx .hotsearch .name::after {
    content: " ";
    position: absolute;
    width: 3em;
    height: 3px;
    background: red;
    top: 40px;
    width: 50%;
    left: 20%;
}
#cpzx .hotsearch .flex {
    flex-grow: 1;
}

#cpzx .hotsearch .flex a {
    text-align: center;
    flex-grow: 1;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#cpzx .lg {
    background: linear-gradient(to bottom, #f6f6f6  , white 50px, white 100%);
    height: 50px;
}

#cpzx .ublock { 
    margin-bottom: 50px;
    width: 1100px;
    margin:  0 auto;
    margin-bottom: 80px;
}

#cpzx .ublock h3 {
    font-size: 26px;
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
    color: #333;
}

#cpzx .ublock .pic-text {
    margin-bottom: 30px;
}

#cpzx .ublock .pic-text .pic { 
    width: 611px;
} 

#cpzx .ublock .pic-text .text {
    width: 443px;
    line-height: 1.5em;
} 


#cpzx .ublock .list {
    margin-bottom: 30px;
}

#cpzx .ublock .list a {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted #ccc;
}

#cpzx .ublock .list a .t {
    font-size: 18px;
    border-left: 3px solid #013b80;
    padding-left: 10px;
    font-weight: bold;
}
#cpzx .ublock .list a .m {
    border: 1px solid #ccc;
    padding: 5px 10px;
}


/* 产品小分类 */

#gcal.cpxfl {
    background: transparent;
}
#gcal.cpxfl .list img {
        height: auto;
        height: 200px;
        width: 288px;
        height: 180px;}
#gcal .list a img:hover{ border:1px solid #000;transition: all .3s;}

#gcal.cpxfl .list a {background: transparent;}

/* 产品 */
#mbx.product {
    background: #f5f5f5 url(/static/images/productmbx.png) -450px 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

#product  {
    line-height:inherit;

    margin-bottom: 40px;
}
#product .bigpic-info {
    background: transparent;
}

#product .bigpic-info .bigpic {
    width: 500px;
    text-align: center;
}

#product .bigpic-info .info { width: 650px;}


#prodcut p {
    margin:  0;
}
#product .bigpic-info h1 { display:block; font-size:24px;}
#product .bigpic-info h1 span{ display:block; float:left;}
#product .bigpic-info h1 .xh{ color:#F10; padding-right:10px;font-size:26px; font-family:arial;}
#product .bigpic-info h1 .mc{ color:#111;font-size:22px;}
#product .bigpic-info .desc { display:block; clear:left; padding-top: 30px; font-size: 14px; line-height: 1.8em;}

#product .bigpic-info .two-icon {
    color: #013b80;
    line-height: 5em;
}
#product .bigpic-info .two-icon i {
    font-size: 2em;
    position: relative;
    top: 0.2em;
	padding-right:10px;
}
#product .bigpic-info .two-icon span {
    display: inline-block;
    padding-right: 2em;
	font-size:15px;
}
#product .bigpic-info .two-icon span a{ font-size:15px;}

#product .bigpic-info ul {
    line-height: 2em;
    list-style-type: disc;
    margin-top: 10px;
    margin-left: 1em;
    margin-bottom: 20px;
}
#product .bigpic-info .more {
    font-size: 14px;
    margin-bottom: 20px;
}

#product .bigpic-info .qq-tel {
    justify-content: left;
}
#product .bigpic-info .qq-tel .qq {
    color: white;
    padding: 8px 5px 7px;
	font-size:14px;
    display: inline-block;
    margin-right: 10px;
	border-radius: 20px;
}
#product .bigpic-info .qq-tel .qq i{vertical-align:2px; color:#F10; font-size:22px;}

#product .bigpic-info .qq-tel .tel span {
    color: #F10;
    font-weight: bold;
	font-size:19px;
	font-family:arial;
}


#product .content {
    margin-top: 40px;
    margin-bottom: 40px;
}

#product .content .head {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
        position: sticky;
    top: 110px;
    background: white;
}

#product .content .head .jianjie {
    background: #f00513;
    color: white;
    display: inline-block;
    padding: 15px 33px;
    position: relative;
}
#product .content .head .jianjie::after {
    position: absolute;
    content:  " ";
    bottom: -12px;
    left: 48%;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #f00513;
}

#product .content .metas {
    width: 680px;
}
#product .content .metas a {
    font-size: 16px;
    display: inline-block;
    padding: 0 10px
}
#product .content .help-tel  {
    font-size: 14px;
}

#product .content .help-tel .tel {
    display: inline-block;
    font-size: 18px;
    color:#e42712;
    margin-left: 20px;
    font-weight: bolder;
	font-family:arial;
}

#product .content .help-tel .tel i{ padding-right:10px;}
#product .shuoming {
    margin-top: 40px;
    margin-bottom: 40px;
    color: #015c60;
    background: #f6f6f6;
    padding: 20px 5px;
	font-size:14px;
	line-height:28px;
}

#product .shuoming span {
    background: #015c60;
    color: white;
    display: inline-block;
    margin-right: 10px;
    padding: 3px 10px;
}


#product .mblock {line-height: 1.8em ;}
#product .mblock h3 {font-size:18.72px;}
#product .mblock h3 span {font-size:14px; font-weight: 200;color:#999;}
#product .mblock p {line-height: 30px;font-size: 14px;color: #434343;text-indent: 30PX;} 
#product .mblock p.plist {text-indent: 0PX;} 
#product .mblock p.ua_bigimg {text-indent: 0PX;text-align:center;} 

#product .mblock .picl-tal{display:flex ;margin-bottom: 30px} 
#product .mblock .picl-tal .picl{width: 540px;height: auto;} 
#product .mblock .picl-tal .tal{margin-left: 80PX;} 
#product .mblock .picl-tal .tal h4{font-size:18PX;color:#F00;}
#product .mblock .picl-tal .tal p{line-height: 26px;text-indent: 0px;font-size: 15px;}
#product .mblock .picr-tar {display:flex ;margin-bottom: 30px}
#product .mblock .picr-tar .picr{width:540px; margin-left: 80px;}
#product .mblock .picr-tar .tar{width: 540px; text-align:left;} 
#product .mblock .picr-tar .tar h4{font-size:18px;color:#F00;} 
#product .mblock .picr-tar .tar p{line-height: 26px;text-indent: 0px;font-size: 15px;}

.mblock .cs_div{display:block; overflow: hidden; font-size:13px; padding-bottom:10px;}
.mblock .cs_div table{font-size:14px;width:100%; text-align:left;border-top:1px solid #e8e8e8; margin-bottom:8px; border-left:1px solid #FFF;}
.mblock .cs_div table tr{background:url(/static/images/tab_x.gif) repeat-x 0 bottom;}
.mblock .cs_div table tr:hover{background:#f7f7f7;}
.mblock .cs_div table td{ height:23px; line-height:28px; padding:7px 0 7px 10px; color:#333; border-bottom:1px solid #ccc;border-right:1px solid #FFF;border-left:1px solid #FFF;}
.mblock .cs_div table .jc{font-weight:bold; } 
.mblock .cs_div table .bj{ background:#e8e8e8;}
.mblock .cs_div table .cent{ text-align:center; padding-left:0;}
.mblock .cs_div .tit{ height:30px; line-height:30px; padding:5px 0; text-align:left; font-size:14px; font-weight:bold; color:#F00; background:url(/static/images/subnavbg_2.gif) no-repeat 0px 18px; }/*±í??μ?±êìa*/
.mblock .cs_div .tit_ms{ line-height:25px; padding:5px 0 5px 0; text-align:left; font-size:13px; color:#006362; }
.w2t300,.w2t250,.w2t200,.w2t150,.w2t100{border-right:1px solid #e2e2e2;}
.mblock .cs_div table .w2t300{ width:300px;border-right:1px solid #e2e2e2;}
.mblock .cs_div table .w2t250{ width:200px;border-right:1px solid #e2e2e2;}
.mblock .cs_div table .w2t200{ width:200px;border-right:1px solid #e2e2e2;}
.mblock .cs_div table .w2t150{ width:150px;border-right:1px solid #e2e2e2;}
.mblock .cs_div table .w2t100{ width:100px;border-right:1px solid #e2e2e2;}
.mblock .cs_div table .w2,.cs_div table .w3,.cs_div table .w6t,.cs_div table .w7t{border-right:1px solid #e2e2e2;}
.mblock .cs_div table .w2{ width:433px;}
.mblock .cs_div table .w3{ width:284px;}
.mblock .cs_div table .w6t{ width:88px; text-align:center;padding:7px 0;}
.mblock .cs_div table .w7t{ width:100px; text-align:center;padding:0;}
.mblock .cs_div table .tleft{ width:180px;padding-left:0;border-right:20px solid #fff; font-weight:bold; color:#434343; border-left:1px solid #FFF;}
.mblock .cs_div table .tleft2{ width:220px;padding-left:0;border-right:20px solid #fff; color:#434343; border-left:1px solid #FFF;} 
.mblock .cs_div table .tbr{ border-right:1px solid #e2e2e2;}
.mblock .cs_div table .cent_rb,.cs_div table .cent_rwb{text-align:center; padding-left:0;}
.mblock .cs_div table .cent_rb{ border-right:1px solid #e2e2e2;}
.mblock .cs_div .pt5{ padding-top:5px;}

.mblock .cs_div dl{ width:1060px;display:block; overflow:hidden; clear:left;}
.mblock .cs_div dl:hover{ background:#f7f7f7;}
.mblock .cs_div dl dt,.cs_div dl dd{ float:left; display:block;}
.mblock .cs_div dl dt{ width:177px;min-height:26px; margin-right:20px; border-top:1px solid #e8e8e8; padding: 5px 0 5px 0;line-height: 26px; color:#6a6a6a;}
.mblock .cs_div dl .dtf{ font-weight:bold;} 
.mblock .cs_div dl .dtc{ color:#F00;}
.mblock .cs_div dl dd{ padding: 5px 0 5px 5px;min-height:26px;line-height: 26px;border-top: 1px solid #e8e8e8; color:#6a6a6a;}
/*cs boder*/
.mblock .cs_div .bl{ border-left:1px solid #e1e1e1;}
.mblock .cs_div .bb{ border-bottom:1px solid #e1e1e1;}
/*table 1.2.3.4*/
.mblock .tab_c .table_bg{ background:#f4f4f4;}
.mblock .cs_div .tit3 img,.cs_div .tit3 span,.cs_div .tit3 font,.cs_div .tit2 img,.cs_div .tit2 span,.cs_div .tit2 font,.cs_div .tit4 img,.cs_div .tit4 span,.cs_div .tit4 font{ display:block; text-align:center;}
.mblock .cs_div .tit3 span,.cs_div .tit2 span,.cs_div .tit4 span{ height:30px;}
.mblock .cs_div .tit3 font,.cs_div .tit2 font{ width:215px; height:24px; line-height:24px; border-top:1px dashed #e1e1e1; color:#a8a8a8; margin:0 auto; padding-top:4px;}
.mblock .cs_div .tit3 .a1,.cs_div .tit2 .a1{width:217px; height:152px; overflow:hidden; margin:10px auto 5px auto; border:2px solid #fff; display:block;}
.mblock .cs_div .tit3 .a1:hover,.cs_div .tit2 .a1:hover,.cs_div .tit4 .a1:hover{border:2px solid #ccc;}
.mblock .cs_div .tit3 .a1 img,.cs_div .tit2 .a1 img{ width:215px; height:150px;border:1px solid #f7f7f7;}
.mblock .cs_div .tit3 .a2,.cs_div .tit3 .a2,.cs_div .tit4 .a2{color:#6a6a6a;}
.mblock .cs_div .tit3 a:hover,.cs_div .tit2 a:hover,.cs_div .tit4 a:hover{ color:#F00;}
.mblock .cs_div .tit4 font{ width:210px; height:24px; line-height:24px; border-top:1px dashed #e2e2e2; color:#a8a8a8; margin:0 auto; padding-top:4px;}
.mblock .cs_div .tit4 .a1{width:200px; height:152px; overflow:hidden; margin:10px auto 5px 0; border:2px solid #fff; display:block;}
.mblock .cs_div .tit4 .a1 img{ width:200px; height:150px;border:1px solid #f7f7f7;}
.mblock .cs_div .dd_range1{ width:858px;}
.mblock .cs_div .dd_range2{ width:426px;}
.mblock .cs_div .dd_range3{ width:282px;} 
.mblock .cs_div .dd_range4{ width:210px;}


#product .like > h3 ,
#product .mblock > h3 {
    font-size: 18.72px;
    font-weight: bolder;
}
#product .like > h3  span,
#product .mblock > h3 span {
    color: #999;
    font-size: 14px;
	font-weight:300;
}


#product .like .text a {
    width: 33%;
    line-height: 2em;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
	font-size: 14px;
    color: #444;
	overflow: hidden;
    height: 36px;
}

#product .like .text a::before {
    position: absolute;
    content: " ";
    background: #013b80;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    top: 1em;
    left: 0;
}

#product .like .text a:hover {
   color: #e42712;
}



#product .like-pro {

}

#product .like-pro  p {
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
        text-align: center;
		font-size: 14px;
        color: #444;

}
#product .like-pro  p:hover {
      color: #e42712;

}
#product .like-pro a {
    width: 16%;
}


#product .like-pro  img {
    width: 100%;
    height: 129px;
}

/*

:target{ padding-top:180px; }

*/





.my-pic-list {
	display: block;
        margin-top: 30px;
}
.my-pic-list .title {
	background: #f6f6f6;
	line-height: 2em;
	color: #025b61;
	padding:15px 0;
}

.my-pic-list .title span {
	background: #025b61;
	color: white;
	padding: 0 30px;
	display: inline-block;
	margin-right: 30px;

    background: #025b61;
    color: white;
    padding: 0 8px;
    display: inline-block;
    margin-right: 26px;
    height: 20px;
    line-height: 20px;

}


.my-pic-list .showpic {
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.my-pic-list .showpic .item {
	margin: 10px;
	overflow: hidden;
}

.my-pic-list .showpic .ua_img_an{border:1px solid #FFF;}
.my-pic-list .showpic .ua_img_an p{ border:1px solid #FFF;}
.my-pic-list .showpic .ua_img_an .ua_img_a1{width:200px; height:266px;}

.my-pic-list .showpic .item img {
	max-width: 99%;
	height: auto;
	transition: all 0.6s;
	border:1px solid #ccc;
}

.my-pic-list .showpic .item img:hover {
	transform: scale(1.2);
}

.my-pic-list .showpicbox{ width:1062px; margin:0 auto; padding-top:20px;}

.my-pic-list .showpic .item p {
	text-align: center;
    border: 1px solid #ccc;
	line-height: 2em;
}




.my-case-list {
	display: block;
}
.my-case-list .title {
	background: #f6f6f6;
	line-height: 3em;
	color: #025b61;
}

.my-case-list .title span {
	background: #025b61;
	color: white;
	padding: 0 30px;
	display: inline-block;
	margin-right: 30px;
}


.my-case-list .showpic {
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.my-case-list .showpic .item {
	margin: 10px;
	overflow: hidden;
	background: #ccc;
	background: #f6f6f6;

}

.my-case-list .showpic .item img {
	max-width: 100%;
	height: auto;
	transition: all 0.6s;
}

.my-case-list .showpic .item img:hover {
	/*
	transform: scale(1.4);
	*/
}


.my-case-list .showpic .item .h3 {
	font-weight: 600;
	font-size: 1.2em;
	border-bottom: 1px dotted #999;
}
.my-case-list .showpic .item p {
	text-align: center;
	line-height: 2em;
	padding: 5px 10px;
	box-sizing: border-box;
}




#video1 {
	display: block;
	margin: 0 auto;
}

.cpxml{position:relative;background:#f5f5f5;margin:0 auto;width:100%;

    position: sticky;
    top: 110px;
    z-index: 9;
}
.cpxml .column{width:1200px;margin:0 auto;text-align:left;overflow:auto;padding-top:15PX;}
.cpxml .column ul{height:40px;text-align:left}
.cpxml .column ul li{display:inline-block;float:left;height:36px;line-height:36px;padding:0 30px;margin-right:10px;font-size:15px;text-align:center; margin-bottom:15px;color:#000;border-radius:30px;}
.cpxml .column a{display:block;}
.cpxml .column a:hover{color:#fff; background-color:#fe2121;}
.cpxml .column .A{background:#d82128;border:1px solid #d82128}
.cpxml .column .A a{color:#fff}
.cpxml .column #scrollwidth{width:auto}


#n-p {
text-align: center;
    line-height: 2em;
}

#more-pro {
    margin: 15px;
}

#more-pro .list-pro {
    max-width: 1200px;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}

#more-pro .list-pro a {
    line-height: 2em;
    padding: 10px 2em;
    border: 1px dotted #ccc;
    border-radius: 32px;
    margin: 10px;
	 
    background: #3b7a65;
    color: white;
}
#more-pro .list-pro a:hover {
    background: white;
    color: #000
}


/* 20210811 add*/
#wa-news2 {
 display: flex;
 flex-wrap: nowrap;
 justify-content:  space-between;
}
#wa-news2  > .content {
    width: 860px;
}

#wa-news2  > .content h1 {
    text-align: center;
    line-height: 3em;
    font-size: 24px;
}



#wa-news2  > .content .h1-more {
    font-size: 14px;
    color: #ccc;
    text-align: center;
    position: relative;
    top: -20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted  #ccc;

}


#wa-news2  > .content .h1-more > * {
    display: inline-block;
    padding: 0 10px;

}


#wa-news2  > .content  .daodu {
    margin: 0 auto;
    border:1px solid #285390;
    line-height: 2em;
    padding: 5px 10px;
    background-color: #f1f1f1;
    border-radius: 10px;
	font-size:14px;
	text-indent:24px;
}

#wa-news2  > .content  .n-p{
    display: block;

    margin-top: 30px;
    margin-bottom: 30px;
}





#wa-news2  > .sidebar > * {
    box-sizing: border-box;
}

#wa-news2  > .sidebar {
    width: 300px;
    box-sizing: border-box;
}


#wa-news2  > .sidebar .nav {
    display:block;
    border-bottom: 2px solid #ccc;
}
#wa-news2  > .sidebar .nav h2 {
    background:#3e3e3e ;
    line-height: 3em;
    font-size: 20px;
    font-weight: normal;
    color: white;
    text-align: center;
    margin: 0;
}
#wa-news2  > .sidebar .nav  a {
    border: 1px solid #ccc;
    border-top: 0;
    display: block;
    font-size: 15px;
    text-align: center;
    line-height: 3.2em;
    text-align: left;
    padding-left: 30px;
    background: url(/static/images/sanjiao.png) left 10px center no-repeat;
}
#wa-news2  > .sidebar .unit {
    margin-top: 30px;
}

#wa-news2  > .sidebar .unit .title  {
    position: relative;
    line-height: 1.5em;
    border-left: 5px solid #ccc;
    padding-left: 10px;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5em;
    font-size: 20px;
}
#wa-news2  > .sidebar .unit .title::after {
    display: block;
    content: " ";
    border-bottom: 2px solid #285390;
    width: 100%;
    position:absolute;
    bottom: -10px;
    left: 0;
    height: 10px;
}

#wa-news2  > .sidebar .unit .list-pic {
    padding-top: 20px;
}

#wa-news2  > .sidebar .unit .list-pic a {
   display: flex; 
   flex-wrap: wrap;
}
#wa-news2  > .sidebar .unit .list-pic a .img {
    width: 35%;;
}
#wa-news2  > .sidebar .unit .list-pic a .info {
    width: 62%;;
}
#wa-news2  > .sidebar .unit .list-pic a .info h3 {
    margin: 0;
    line-height: 1em;
    font-size: 14px;
    font-weight: bold;
}
#wa-news2  > .sidebar .unit .list-pic a .info p {
    font-size: 12px;
}
#wa-news2  > .sidebar .unit .list-text {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
#wa-news2  > .sidebar .unit .list-text a {
    background:#f0f0f0 ;    
    padding: 5px 8px;
    color: #333;
    margin: 5px 8px;
    border-radius: 5px;
	
}

#wa-news2  .n-p {
    background:#f9f9f8 ;
    padding: 5px ;
    padding-left: 20px;
	font-size: 14px;
}
#wa-news2  > .content  .n-p a:hover{
    color: #f00;
}
#wa-news2  .n-p  p {
}
#wa-news2  .n-p  p  span {
    background: #646666;
    color: #fff;
    border-radius: 5px;
    padding: 2px 10px;
}
#wa-news2 .last-con {line-height: 1.7;}

#wa-news2 .last-con p {text-indent: 24px;font-size: 14px;}
#wa-news2 .last-con p.newjs_img {text-indent: 0PX;text-align:center;} 
#wa-news2 .last-con ul {font-size: 14px;text-indent: 24px}


#wa-news2 .last-con h4.hhtitle {background: #eaeaea url("../images/bk_bg2.png") 0 0 repeat-y;margin-bottom: 20px;
margin-top: 30px;border-radius: 6px;font-size: 15px;font-weight: bold;line-height: 40px;overflow: hidden;}

#wa-news2 .last-con h4.hhtitle span{width: 60px;float: left;font-size: 15px;font-weight: bold;color: #fff;text-align: center;
line-height: 40px;margin-right: 20px;}


#wa-news2 .last-con p a img:hover{ 
    border:1px solid #000;
    transition: all .3s;}
	
#wa-news2 .last-con .transverse2_img {display: flex; }
#wa-news2 .last-con .transverse2_img a{text-align: center;width: 50%;} 
#wa-news2 .last-con .transverse2_img a img:hover{border:1px solid #000;transition: all .3s;}
#wa-news2 .last-con .transverse2_img h5 {text-align: center; border-bottom:1px dotted #ccc; }	
	
	

#wa-news2 .last-con table{
    font-size: 13px;
    width:95%;
   
}
#wa-news2 .last-con table tr{
    line-height: 2.8em;
   
}
#wa-news2 .last-con table tr td{
  background: #f6f6f6;
   color: #000;
}

.gototop {
    position:fixed;
    bottom: 30px;
    right: 5px;
}

.gototop  img {
    width:40px;
    height:auto;
}



