@CHARSET "UTF-8";
p{margin:0;}
body{overflow-x:hidden;}
/*头部样式*/
.wh{max-width: 1470px;padding: 0 15px;margin:0 auto;}
.wh2{max-width: 1430px;padding: 0 15px;margin:0 auto;}
#header {
    width: 1104px;
    margin: 0 auto;
}

.top1{height: 34px;line-height: 34px;overflow: hidden;background: #eeeeee;color: #888888;font-size: 14px;}
.top1 a{color: #888888;}
.top1 a:hover{color: #00449f;}
.top2{height: 129px;overflow: hidden;}
.logo {
    float: left;line-height: 129px;
        display: flex;
    justify-content: center;
    align-items: center;
    height: 129px;
}
.logowz{margin-top: 39px; color: #333333;font-size: 19px;line-height: 30px;padding-left: 26px;margin-left: 15px;background: url(../images/line1.png) no-repeat left center;}
.tel dd{color: #00449f;font-size: 30px;font-family: 'Arial';font-weight: bold;padding-left: 35px;background: url(../images/tel.png) no-repeat left center;line-height:1.3;}
dt{font-weight: normal;}
.tel{margin-top: 25px;}
.tel dt{
    width: 238px;
    height: 19px;
    background-color: #e5e5e5;
    border-radius: 2px;
    letter-spacing: 2px;
    color: #333333;
    font-size: 15px;
    text-align: center;
    line-height: 19px;
}

.topLink {
    width: 300px;
    float: right;
    text-align: right;
}

.topLink .f_count {
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}

.topLink .k1 {
    line-height: 32px;
    float: right;
}

.topLink .k2 {
    float: right;
    margin-top: 2px;
    text-align: left;
    background: url(../images/tel.jpg) 0 50% no-repeat;
    padding-left: 60px;
    font-size: 14px;
    line-height: 26px;
}
.topLink .k2 span{
    color:#f00;
}

.topLink .k2 p {
    color: #1c4481;
    font-size: 24px;
}

#menu {
    background: #eeeeee;position: relative;z-index: 999;
}

@media(max-width: 1200px){
    .logowz{display: none;}
}
/*热门搜索*/

.search {
   line-height: 78px;border-bottom: 2px solid #00449f;
}

.border-l {
    width: 5000px;
    position: absolute;
    border-top: 1px solid #0448b0;
    left: -5000px;
    top: 15px;
}

.border-r {
    width: 5000px;
    position: absolute;
    border-top: 1px solid #0448b0;
    right: -5000px;
    top: 25px;
}

.search #formsearch {
    float: right;width: 446px;height: 44px;background: url(../images/ss.jpg) no-repeat center;margin-top: 14px;
}

.hotSearch {
    float: left;
    padding-left: 33px;
    background: url(../images/yy.png) no-repeat left center;
    font-weight: normal;
    color: #00449f;
    font-size: 14px;
}
.hotSearch a{color: #666;}
.hotSearch a:after{content: '/';color: #e3e3e3;font-size: 14px;margin:0 9px;}
.hotSearch a:last-child:after{content: '';}
.hotSearch a:hover{color: #00449f;}
.search #formsearch input{height:44px;background:transparent;border:none;line-height:44px;font-family:"Microsoft YaHei";outline: none;}
.search #formsearch input#keyword{height:44px;line-height:44px;padding-left:15px;color: #999999;font-size: 14px;width: 390px;}
.search #formsearch input#s_btn{width:50px;height:44px;line-height:44px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;}

.search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999999;
}
.search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999999;
}
.search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999999;
}
.search :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999999;
}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



/**/
.box1{background: url(../images/bj1.jpg) no-repeat top center;background-size: cover;padding: 7.5% 0 4.9%;}
.bt1 {text-align: center;font-weight: bold;color: #222222;font-size: 40px;line-height: 1;}
.bt1 span{color: #00449f;}
.psort{text-align: center;margin-top: 25px;}
.psort li{display: inline-block;}
.psort li a{display: block;color: #00449f;font-size: 18px;padding-left: 19px;transition: all 0.4s linear;margin: 0 14px; background: url(../images/d1.png) no-repeat left center;}
.psort li a:hover{background: url(../images/d2.png) no-repeat left center;}
.plist {margin: 0 -18px;margin-top: 3.3vw;}
.plist .slick-prev,.plist .slick-next{outline: none;width: 50px;height: 50px;position: absolute;top:50%;margin-top: -25px; border-radius: 6px;font-size: 0;border:none;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.plist .slick-prev{background: #ffffff url(../images/lt.png) no-repeat center;left: -7.8125vw;}
.plist .slick-next{background: #ffffff url(../images/rt.png) no-repeat center;right: -7.8125vw;}
.plist .slick-prev:hover{background: #00449f url(../images/lt2.png) no-repeat center;}
.plist .slick-next:hover{background: #00449f url(../images/rt2.png) no-repeat center;}
.plist .slick-arrow{box-shadow: 0 0 10px rgba(1,114,186,.1);}
.plist .lii{margin: 0 18px;position: relative;}
.plist .slick-slide .img{display: block;}
.plist .slick-slide .img img{width: 100%;}
.plist .slick-slide{position: relative;}
.plist .slick-slide h3 a{display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 0 3px;
 line-height: 50px;font-weight: normal; text-align: center;color: #ffffff;font-size: 16px;width: 100%;bottom: 0;text-align: center; background: rgba(0,0,0,.43);}
.plist .slick-slide:hover h3 a{background-color: #00449f;}

@media(max-width: 1760px){
    .plist .slick-prev{left: -3vw;}
    .plist .slick-next{right: -3vw;}
}
@media(max-width: 1600px){
    .plist .slick-prev{left: 18px;}
    .plist .slick-next{right: 18px;}
    .bt1{font-size: 36px;}
}
@media(max-width: 1200px){
    .bt1{font-size: 30px;}
    .psort li a{font-size: 16px;}
    .plist .slick-slide h3 a{font-size: 14px;}
    .kf{display: none!important;}
}


@media(max-width: 640px){
    .bt1{font-size: 24px;}
    .psort li a{font-size: 14px;margin-bottom: 5px;}
    .plist .slick-slide h3 a{font-size: 14px;}
    .plist .slick-prev,.plist .slick-next{width: 38px;height: 38px;margin-top: -19px;}
    .page-position{font-size: 12px;}
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.c2 {
    background: url(../images/bj2.jpg) no-repeat top center;
    padding-top: 5vw;
    padding-bottom: 5vw;
}

.c2a {
    width: 49%;
}

.c2abt {
    border-left: 8px solid #0172ba;
    padding-left: 30px;
    margin-bottom: 3.5vw;
}

.c2abt dd {
    font-size: 2.2rem;
    color: #00449f;
    font-weight: 600;
}

.c2abt dd span {
    display: inline-block;
    background: #ebf4dc;
    font-size: 2.5rem;
    width: 50px;
    height: 50px;
    color: #85bd24;
    line-height: 1;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: -5px;
    font-weight: normal;
}

.c2abt dt {
    font-size: 1.2rem;
    color: #666666;
    font-weight: normal;
}

.c2ays li {
    margin-bottom: 3.3vw;
}

.c2ays .img {
    width: 11.5%;
    position: relative;
}

.c2ays .img::after {
    content: "";
    width: 2px;
    height: 2.7vw;
    background: #eaeaea;
    position: absolute;
    top: 91px;
    left: 49%;
}

.c2ays li:last-child .img::after {
    display: none;
}

.c2ays .img img {
    max-width: 100%;
}

.c2ays .liwz {
    width: 82%;
}

.c2ays .liwz h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333333;
}

.c2ays .liwz p {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    margin-top: 6px;
}

.c2dh {
    padding-left: 24px;
    height: 50px;
    line-height: 50px;
    background: #f2f2f2;
    border-radius: 50px;
    color: #666666;
    font-size: 14px;
}

.c2dha img {
    line-height: 50px;
    margin-right: 15px;
}

.c2dh span {
    color: #0172ba;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
    position: relative;
    top: 6px;
}

.c2dh .c2dhb {
    display: block;
    background: #0172ba;
    text-align: center;
    width: 168px;
    font-size: 14px;
    color: #ffffff;
    line-height: 50px;
    height: 50px;
    border-radius: 50px;
}

.c2b {
    width: 45.7%;
    margin-top: 10px;
}

.c2b img {
    max-width: 100%;
}



@media (max-width: 992px) {
    .c2a {
        width: 90%;
        margin: 0 auto;
    }

    .c2b {
        display: none;
    }

    .c2ays .img::after {
        display: none;
    }

    .c2dh {
        width: 60%;
        margin: 0 auto;
    }

    .wfgd {
        display: none;
    }

    .mgd {
        display: block;
    }
}
@media (max-width: 768px) {
  

    .c2abt dd {
        font-size: 22px;
    }

    .c2abt dt {
        font-size: 18px;
    }

    .c2abt {
        border-left: 6px solid #0172ba;
    }

    .c2ays .liwz h3 {
        font-size: 20px;
    }


    .c2 {
        background-size: cover;
    }

  

}

@media (max-width: 640px) {
    

    .c2abt dt {
        font-size: 16px;
    }

    .c2ays .liwz h3 {
        font-size: 18px;
    }

    .c2ays .liwz p {
        font-size: 14px;
        margin-top: 5px;
    }

 
}

@media (max-width: 500px) {
    

    .c2a {
        width: 100%;
    }

  
}

@media (max-width: 400px) {
    

    .c2abt dd {
        font-size: 20px;
    }

    .c2abt {
        padding-left: 15px;
        border-left: 3px solid #0172ba;
    }

    .c2abt dd span {
        height: 22px;
        width: 22px;
    }

    .c2abt dt {
        font-size: 14px;
    }

    .c2ays .img {
        width: 15%;
    }

    .c2ays .liwz h3 {
        font-size: 16px;
    }

    .c2ays .liwz p {
        font-size: 12px;
        line-height: 22px;
    }


}


/**/
.box2{background: url(../images/bj3.jpg) no-repeat top center;background-size: cover;padding: 4.9% 0;}
.hleft h3{color: #ffffff;font-size: 1.7rem;}
.hleft h3 span{font-weight: normal;}
.ztel{height: 51px;margin-top: 28px; background-color: #f2f2f2;border-radius: 25px;line-height: 51px;color: #666666;font-size: 14px;padding-left: 28px;}
.ztel span{background: url(../images/tel2.png) no-repeat left center;padding-left: 32px;}
.dh{color: #00449f;font-family: 'ArialMT';font-size: 1.5rem;}
.ztel a{display: block;width: 167px;color: #ffffff;height: 51px;background-color: #00449f;border-radius: 25px;font-size: 14px;text-align: center;margin-left: 32px;}
.lct{margin-top: 6px;width: 46%;}
.lct img{width: 100%;}


.box3{background: #f7f7f7;padding:5.9% 0 4.7%;}


.about-left{width: 46.7%;}
.about-left img {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.about-left img:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.about-right{width: 50.4%;}
.about-right .tit {
    color: #222222;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
}

.about-right .tit span {
    color: #00449f;
}

.about-right .en {
    font-size: 18px;
    color: #666666;
    margin-top: 19px;
    font-weight: normal;
    text-transform: uppercase;
}

.about-right .tit .more {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
    opacity: 1;
}

.about-right .tit .more .img {
    width: 39px;
    height: 28px;
    overflow: hidden;
    transition: all .3s;
}

.about-right .tit .more:hover .img {
    background-position: 0 -28px !important;
}

.about-right {
    padding-top: 2.1vw;
}

.about-cate {
    background: #f0f0f0;
    padding: 1.3vw 0;
    margin-top: 4%;
    padding-right: 14%;
}

.about-cate li {
    text-align: center;
}

.about-cate li a {
    display: inline-block;
    color: #666;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    padding-left: 40px;
    float: left;
    margin-left: 10%;
}

.about-cate li span {
    display: inline-block;
    color: #666;
    font-size: 18px;
    line-height: 30px;
    float: left
}
.about-left .com-img{
    width: 100%;
}
.about-cate li:hover span {
    color: #00449f
}

.about-cate li:hover a {
    filter: invert(10%) sepia(99%) saturate(6115%) hue-rotate(206deg) brightness(85%) contrast(101%);
}

.about-right .intro {
    color: #666666;
    font-size: 17px;
    line-height: 30px;
    margin-top: 4%;
}

@media (max-width: 1500px) {
    .about-right{padding-top: 0;}
    .about-cate{padding-right: 0;}
}








/*资质荣誉*/

.honor {
    margin-top: 46px
}

.honor h2 {
    color: #00449f;
    font-size: 32px;
    line-height: 1;
    position: relative;
    padding-left: 28px;
}

.honor h2:after {
    position: absolute;
    width: 6px;
    height: 26px;
    left: 0;
    top: 50%;
    margin-top: -13px;
    background: #00449f;
    content: "";
}

.honor-list {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: 40px;
}

.honor-item {
    padding: 0 18px;
}

.honor-item .img {
    border: 4px solid #d3d3d2;
    overflow: hidden;
}

.honor-item .img img {
    transition: all .5s ease;
}

.honor-item .img:hover img {
    transform: scale(1.1);
}

.honor-item h3 {
    color: #666;
    font-size: 16px;
    line-height: 50px;
    background: #e2e2e2;
    text-align: center;
    font-weight: normal;
    overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}

.honor-list .owl-item:hover h3 {
    background: #00449f;
    color: #fff;
}



.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.box4{margin: 4% 0 2.6%;}
.nsort{margin: 36px 0 49px;text-align: center;}
.nsort li{display: inline-block;}
.nsort li a{display: block;color: #666666;font-size: 16px;padding-left: 19px;transition: all 0.4s linear;margin: 0 32px; background: url(../images/d1.png) no-repeat left center;}
.nsort li.active a{color: #00449f;background: url(../images/d2.png) no-repeat left center;}
.nul >div{width: 31.6%;}
.nul img{width: 100%;}
.nbox{border: solid 1px #e1e6f2;padding: 36px 30px 15px 30px;}
.nbox h3 a{display: block;font-weight: normal;color: #414141;margin-bottom: 22px; font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nbox p{color: #666666;font-size: 14px;line-height: 26px;margin-bottom: 10%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nn a{display: block;color: #a8acb5;font-size: 14px;background: url(../images/jt2.png) no-repeat right center;padding:19px 0;border-top:1px solid #e1e6f2;}
.nul .nbox h3 a:hover{color: #003c8d;}
.nul .nn a:hover{color: #003c8d;}
.nmore a{display: block;margin: 0 auto; margin-top: 3%;width: 168px;height: 50px;background: #00449f url(../images/jt3.png) no-repeat 112px center;line-height: 50px;color: #ffffff;font-size: 16px;padding-left: 30px;}



@media (max-width: 1280px) {
    .about-right .intro {
        color: #333;
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
        max-height: 150px;
        overflow: hidden;
    }
    .about-cate li a{padding-left: 30px;}
    .about-cate li span{font-size: 16px;}
}


@media(max-width: 991px){
    .about-right,.about-left{float: none;width: 100%;}
    .about-left{margin-bottom: 30px;}
    .about-right .tit{font-size: 30px;}
    .honor h2{font-size: 26px;}
    .nbox{padding: 20px 15px 15px 15px;}
    .nn a{padding:10px 0;}
    .nbox h3 a{font-size: 16px;margin-bottom: 10px;}
    .nsort{margin: 20px 0;}
    .f_link{display: none;}
}



@media(max-width: 640px){
    .about-right .tit{font-size: 26px;}
    .about-right .en{font-size: 16px;margin-top: 10px;}
    .about-cate li a{padding-left: 40px;}
    .honor,.honor-list{margin-top: 20px;}
    .about-cate{margin-top: 20px;}
    .box4{margin: 30px 0;}
    .nsort li a{margin: 0 5px;}
    .nul >div{width: 100%;margin-bottom: 20px;}
    .nbox{padding: 20px 15px 5px 15px;}
    .nbox p{margin-bottom: 15px;}

}

@media (max-width: 1024px) {
    .honor-item h3 {
        color: #666;
        font-size: 14px;
        line-height: 2.75;
        background: #f4f4f4;
        text-align: center;
        font-weight: 400;
    }
}







/*主体样式*/

#container {
    width: 1104px;
    margin: 0 auto;
    margin-top: 10px;
}

.navigation {
    float: right;
    width: 100px;
}

.firm {
    height: 564px;
    position: relative;
    padding-top: 13px;
}

.firm-p {
    position: absolute;
    right: 0;
    top: 30px;
    text-align: right;
}

.firm-p .k1 {
    font-size: 22px;
    color: #0448b0;
    line-height: 24px;
    font-weight: normal;
}

.firm-p .k2 {
    font-size: 31px;
    color: #0448b0;
    line-height: 50px;
}

.firm-p .k2 span.a {
    font-size: 26px;
}

.firm-p .k2 span.b {
    font-size: 28px;
    color: #999999;
    font-weight: normal;
}

.firm-p .k3 {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}

.crafts {
    color: #333333;
    font-size: 32px;
    line-height: 84px;
    text-align: center;
    font-family: "微软雅黑";
}

.menu-cate {
    width: 278px;
    float: left;
    border: 1px solid #b5b5b5;
    padding: 4px 0;
}

.menu-cate .title {
    background: #1c4481;
    line-height: 27px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 17px;
}

.menu-cate .title span {
    font-size: 18px;
    color: #4d79bc;
    display: block;
    font-weight: bold;
}

.product-img {
    width: 805px;
    float: right;
}

.product-img .title {
    height: 34px;
    line-height: 34px;
    padding-top: 13px;
    border-bottom: 3px solid #bfbfbf;
    padding-left: 88px;
    color: #1c4481;
    font-size: 18px;
    font-weight: normal;
    position: relative;
}

.product-img .title a {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 12px;
    font-family: "宋体";
}

.product-img .tlea {
    background: url(../images/ta.jpg) 0 50% no-repeat;
}

.product-img .tleb {
    background: url(../images/tb.jpg) 0 50% no-repeat;
}

.product-img .tlec {
    background: url(../images/tc.jpg) 0 50% no-repeat;
}
.process{margin-bottom:8%;}
.process .title {
    text-align: center;
    color: #1c4481;
    font-size: 40px;
    line-height: 44px;
}

.process .title-en {
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 30px;
}
.process-list{padding-top:30px;}
.process-list li{
    width:16.666%;
    float: left;
    text-align: center;
    
}
.process-list li .img{
    position: relative;
}
.process-list li + li .img:before{
    position: absolute;
    width:20px;
    height:20px;
    left:-10px;
    top:50%;
    margin-top:-10px;
    background:url(../images/jt.png) no-repeat;
    content:"";
    opacity: 0.5;
}
.process-list li img{
    width:150px;
    height:150px;
}
.process-list li .text{
    padding:20px 20px;
    height:76px;
    font-size: 14px;
    
}

.index-case {
    padding-top: 20px;
}

.index-case .title {
    text-align: center;
    color: #1c4481;
    font-size: 32px;
    line-height: 44px;
}

.index-case .title-en {
    text-align: center;
    color: #999999;
    line-height: 30px;
}

.cases {
    width: 1104px;
    margin-top: 3px;
    padding: 30px 0 20px;
    background: #eeeeee;
}

.cases .content li {
    text-align: center;
    line-height: 38px;
    float: left;
    margin: 0 9px;
}

.cases .content li a.img {
    display: block;
    padding: 4px 6px;
    background: #fff;
    box-shadow: 5px 5px 5px #b4b2b3;
}

.cases .content li img {
    width: 260px;
    height: 232px;
}

.cases .content li h3 {
    font-weight: normal;
}

.cases .content {
    width: 870px;
    overflow: hidden;
    height: 278px;
    float: left;
}

.prolist {
    width: 2000px;
}

#preleft {
    cursor: pointer;
    float: left;
    margin-top: 100px;
    _display: inline;
    margin-left: 35px;
    margin-right: 47px;
}

#preright {
    cursor: pointer;
    float: right;
    margin-top: 100px;
    _display: inline;
    margin-right: 35px;
}

.preop:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.about-us {
    width: 712px;
    float: left;
    margin-top: 15px;
}

.about {}

.about .title {
    font-weight: normal;
    padding-bottom: 4px;
    background: url(../images/ab.jpg) 0 bottom no-repeat;
    line-height: 36px;
    height: 36px;
    color: #1c4481;
    font-size: 18px;
    position: relative;
}

.about .title a {
    position: absolute;
    right: 0;
    top: 5px;
    font: 100 12px/36px "宋体";
}

.about .content {
    padding-top: 22px;
}

.about-img {
    float: left;
}

.about .content .about-p {
    width: 356px;
    float: right;
    line-height: 22px;
}

.about .content .title-cn {
    font-size: 14px;
    line-height: 26px;
}

.about .content .about-p a.more {
    color: #799cd1;
    padding-top: 20px;
    display: inline-block;
}

.about .content .about-p a.more {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

.about .content .about-p a.more:hover {
    color: #e87518;
}


#prelefts {
    cursor: pointer;
    float: left;
    margin-top: 77px;
    _display: inline;
    margin-left: 7px;
}

#prerights {
    cursor: pointer;
    float: right;
    margin-top: 77px;
    _display: inline;
    margin-right: 7px;
}

.answer {
    width: 308px;
    float: right;
    margin-top: 30px;
}

.answer .title {
    height: 29px;
    line-height: 29px;
    position: relative;
    background: url(../images/qa.jpg) 0 50% no-repeat #e5e5e5;
    color: #fff;
    padding-left: 35px;
    font-size: 14px;
    font-weight: normal;
}

.answer .title a {
    position: absolute;
    right: 10px;
    top: 0;
    font: 100 12px/29px "宋体";
}

.answer .content {
    padding: 5px;
    border: 1px solid #dcdcdc;
    border-top: none;
    height: 531px;
}

#news_demo {
    overflow: hidden;
    height: 507px;
    margin: 0 auto;
}

#innewsdemo {
    height: 100%;
}

.advantage {
    padding: 33px 0 20px;
}

.advantage .title {
    background: url(../images/ystt.jpg) no-repeat top center;
    height: 47px;
    margin-bottom: 17px;
}

.advantage .content {
    line-height: 28px;
    padding: 0 174px;
}

.cont-left {
    width: 566px;
    margin-top: 23px;
}

.cont-left .a-title {
    background: url(../images/tts2.png) 0px 0 no-repeat;
    height: 85px;
    margin-bottom: 15px;
    margin-top: 19px;
}

.cont-p {
    font-size: 14px;
    line-height: 28px;
}

.more-img {
    text-align: right;
    padding-right: 33px;
}

.more-img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.paddingtop15 {
    padding-top: 15px;
}

.b-title {
    height: 112px;
    background: url(../images/tts4.png) 0 0 no-repeat;
    margin-top: 68px;
}

.c-title {
    height: 100px;
    background: url(../images/tts1.png) 0 0 no-repeat;
}
.d-title {
    height: 100px;
    background: url(../images/tts3.png) 0 0 no-repeat;
    margin-top: 52px;
}
.e-title {
    height: 100px;
    background: url(../images/tts5.png) 0 0 no-repeat;
    margin-top: 52px;
}
/*通用样式*/

.fl {
    float: left;
}

.fr {
    float: right;
}


/*首页左侧联系我们*/

.roll_product li {
    padding-bottom: 0px;
}


/*友情链接*/

.f_link {
    margin-top: 15px;font-size: 14px;line-height: 24px;
}


/*页面底部*/

.footer {
    padding-top: 3.5%;
    background: #1b1b1b;
    padding-bottom: 24px;
    border-bottom: 1px solid #323232;
    margin-top: 40px;
}

.footera {
    color: #fff;
    background: url(../images/map.png) no-repeat right 40%;
}

.footera .ftwz {
    font-size: 24px;
    line-height: 1;
}

.footera .dblx {
    font-size: 14px;
    line-height: 33px;
    margin-top: 2vw;
}
.footera .dblx p{padding-left: 34px;}
.footera .dblx  p:first-child{background: url(../images/a1.png) no-repeat 2px center;}
.footera .dblx  p:nth-child(2){background: url(../images/a2.png) no-repeat 2px center;}
.footera .dblx  p:nth-child(3){background: url(../images/a3.png) no-repeat left center;}
.footera .dblx  p:nth-child(4){background: url(../images/a4.png) no-repeat 2px center;}

.footera .dblx img {
    margin-right: 5px;
}

.footera .dbfx {
    margin-top: 20px;
}

.footera .dbfx .pull-right {
    float: left!important;
}

.footerb {
    width: 58%;
}

.footerb .fot {
    width: 25%;
}

.footerb .fot dd {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 1.6vw;
}

.footerb .fot dt {
    font-size: 14px;
    line-height: 30px;
    color: rgba(255,255,255,.3);
    font-weight: normal;
}

.footerb .fot dt a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255,255,255,.3);
}

.footerb .fot dt a:hover {
    color: #0172ba;
}

.foot {
    background: #1b1b1b;
    padding: 1.5vw 0;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255,255,255,.3);
    text-align: center;
}

.foot a {
    color: rgba(255,255,255,.3);
}

.foot a:hover {
    color: rgba(255,255,255,.3);
}

.jszc a {
    margin: 0 5px;
}





.dbfx .bdsharebuttonbox{float:left;height:34px;line-height:34px;}
.dbfx .bdsharebuttonbox a{display:inline-block;width:34px;height:34px;margin:0 20px 0 0px;padding:0;background-position:center;}

.dbfx  .bdsharebuttonbox a.bds_tqq{background:url(../images/qq.png)no-repeat center;width:34px;height:34px;}
.dbfx  .bdsharebuttonbox a.bds_weixin{background:url(../images/wx.png) no-repeat center;width:34px;height:34px; }
.dbfx  .bdsharebuttonbox a.bds_tsina{background:url(../images/wb.png)no-repeat center;width:34px;height:34px;}

@media(max-width: 1100px){
    .process-list li img{width: 80%;height:80%;}
}

@media(max-width: 890px){
    .footerb{display: none;}
    .footer{padding: 30px 0;}
}

@media(max-width:640px){
    .footera .ftwz{font-size: 18px;}
    .footera .dblx p{padding-left: 28px;}
    .x-copyright{font-size: 12px;line-height: 20px;}
    .process-list li{width: 33.333%;}
    .process-list li .text{padding: 10px 10px;height: 101px;}
    .process-list li:nth-child(4) .img:before{display: none;}
    .process .title{font-size: 26px;}
    .process .title-en{line-height: 1;}
}

/*------------内页-------------------*/

.language {
    width: 110px;
    height: 32px;
    position: relative;
    float: right;
}

.translate {
    width: 100px;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 99999;
}

.translate li {
    border: 1px dashed #cccccc;
    line-height: 26px;
    text-align: left;
    background: #fff;
}

.translate li a {
    display: block;
    padding-left: 10px;
    background: url(../images/dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
    text-decoration: none;
    color: #275cea;
    cursor: pointer;
}

.translate-en {
    display: none;
    padding: 6px;
    padding-top: 0px;
}

.translate li .translate-en a {
    padding-left: 0px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
    font-weight: bold;
}


/*产品列表页描述*/

.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
}

.left .box {
    margin-bottom: 10px;
    border: 1px solid #b5b5b5;
}

.left .box h3 {
    line-height: 44px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: #1c4481;
    font-size: 14px;
    color: #fff;
}

.left .box .content {
    padding: 5px;
}

.n_banner {
    
}

.n_banner img {
    width: 100%;
    height: auto;
}

.left {
    width: 225px;
    float: left;
    margin-top: 10px;
}

.sort_menu {}

.sort_menu h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.sort_product {
    margin-top: 10px;
}

.sort_product h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact {
    margin-top: 10px;
}

.n_contact h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact .content {
    padding: 5px;
    line-height: 22px;
}

.right {
    width: 860px;
    float: right;
    padding-bottom: 10px;
}

.sitemp {
    height: 30px;
    overflow: hidden;
    border-bottom: 1px solid #b6b6b6;
    width: 1104px;
    margin: 10px auto 0;
    line-height: 30px;
}

.sitemp h2 {
    width: 500px;
    float: right;
    line-height: 31px;
    text-align: right;
    text-indent: 15px;
    font-size: 14px;
    font-weight: normal;
}

.sitemp .site {
    width: 500px;
    float: left;
    text-align: left;
    line-height: 30px;
    font-family: "微软雅黑";
}

.in-site {}

.right .content {
    padding: 10px;
    overflow: hidden;
}

.cases a {
    width: 350px;
    height: 250px;
    display: block;
    float: left;
    margin-left: 12px;
    position: relative;
}

.cases a p {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    font-size: 16px;
    left: 0;
    top: 0;
}



/*手机底部*/
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer2 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #00449f;
}

.footer2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer2 ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer2 ul li.active {
  background: #da251c;
}

.footer2 ul li a {
  display: block;color:#fff;
}

.footer2 ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer2 ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer2 li .icon-home{ background: url(../images/a11.png) no-repeat;width:20px;height:20px;}
.footer2 li .icon-home2{ background: url(../images/a22.png) no-repeat;width:20px;height:20px;}
.footer2 li .icon-phone{ background: url(../images/a33.png) no-repeat;width:20px;height:20px;}
.footer2 li .icon-contact{ background: url(../images/a44.png) no-repeat;width:20px;height:20px;}

.footer2 li .icon-phone:before{font-size:0;}

.footer2 ul li a{border-left:1px solid rgba(255,255,255,.5);}
@media(max-width: 620px){
    .product_detail .list{margin-left: 0;margin-bottom: 15px;}
}

@media(max-width: 1203px){
    .news_detail h3.title_bar,.share{float: none;width: 100%;margin: 0;height: auto;}
    .share{width: 160px;margin: 0 auto;}
}