/*公共样式--开始*/


html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.transition { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#b30015; }.orange{ color:#922925; }.blue { color: #09357e; }.block{ display:block; }.inline-block{ display:inline-block; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1200px; margin: 0 auto; }


ul,
ol {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearboth {
    clear: both;
}

body {
    font-family: Microsoft YaHei;
}

@media (min-width: 1370px) {
    .container {
        width: 1370px;
    }
}

/* 头部 */
.htop {
    line-height: 40px;
    background: #222222;
}

.htop .fl span a::after {
    content: "，";

}

.htop .fl span a:last-child:after {
    display: none;
}

.htop .fl span a {
    color: #fff;
    opacity: 0.3;
    font-size: 13px;
    transition: all 0.3s;
}

.htop .fl span a:hover {
    opacity: 1;
}

.top_tel {
    margin-left: 33px;
    color: #fff;
    font-size: 13px;
}

.htop .fr {
    color: #6a6a6a;

    font-size: 13px;
    transition: all 0.3s;
}

.htop .fr a {
    color: #6a6a6a;

    font-size: 13px;
    transition: all 0.3s;
}

.htop .fr a:hover {
    color: #fff;
}

.lloo {
    padding-bottom: 3px; width:40%
}
.lloo img{ max-width:100%}
.nav {
    width: 60%;
}

.nav .x-menu {
    display: flex;
    justify-content: space-between;
}

.nav .x-menu span:last-child {
    display: none;
}

.so {
    background: url("../img/static.xypt.net.cn/68e76a00/21/07/994810bebeb2eed7d127485e22d4e1caaef37a06.png")no-repeat center;
    width: 28px;
    height: 100%;
}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 110px;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(28, 64, 134, 0.5);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
}

.ss #keyword::placeholder {
    color: #fff;
}

.nav .x-menu span {
    line-height: 90px;
    color: #d6d6d6;
}

.x-menu>li>a {
    position: relative;
}

.x-menu>li>a::after {
    content: "";
    width: 0;
    height: 3px;
    background: #005cac;
    position: absolute;
    bottom: 0px;
    left: 60%;
    -webkit-transform: translateX(-59%);
    -ms-transform: translateX(-59%);
    transform: translateX(-59%);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.x-menu>li:hover>a::after {
    width: 122%;
}

.index4{padding:100px 0; position: relative; background:url(../images/j18.jpg) center no-repeat; background-size:cover;}
.index4 .text{width:48%; float:left; padding:25px 0 35px 0;}
.index4 .text .H4{font-size:36px; color:#005eb8; text-transform: uppercase; font-weight: bolder; font-family: Arial;}
.index4 .text .bold{font-weight: bolder;}
.index4 .text .thin{font-weight:normal;}
.index4 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;}
.index4 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;}
.index4 .text .p{font-size:16px; color:#707070; line-height: 34px; height: 270px; margin: 30px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;}
.more2{display:block; width:163px; height: 38px; line-height: 38px; background-color:#005eb8; text-align: center; font-size:14px; color:#fff;}
.more2:hover{background-color:transparent; border:1px solid #005eb8; color:#005eb8;}
.index4Num{margin-top:55px; padding-top:45px; border-top:1px solid #e4e4e4; }
.index4Num .list{font-weight:bolder; float:left; }
.index4Num .list:nth-child(2){float:right;}
.index4Num .big{font-size:80px; color:#005eb8; font-family: Arial; font-weight: bolder; line-height: 58px; display: inline-block;}
.index4Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#005eb8; font-family: Arial;line-height: 20px; margin: 0 20px 0 3px; vertical-align: bottom;}
.index4Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 20px; vertical-align: middle;font-weight:normal; }
.videoR{position:absolute; top:100px; right:0; width:47.34%;padding:0 0 52px 7.81%; background:url(../images/p13.png) left bottom no-repeat; background-size: 93% 91.58% ;}
.videoR .pic{height:542px;}
.videoR .playBtn{width:90px; height: 90px; position: absolute; top:37.98%; left: 11.11%; cursor: pointer;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}

@media screen and (max-width:1549px){
	.index4Num .big{font-size:60px;}
}
@media screen and (max-width:1199px){
	.index4{padding:60px 0;}
	.index4Num .big{font-size:50px;}
	.index4Num .p2{display:block;}
	.videoR{padding:0 0 30px 30px;}
	.videoR .playBtn{width:60px; height: 60px; left: 0px;}
	.index4Num{margin-top:30px; padding-top:30px;}
	.index4 .text .H4{font-size:28px;}
	.index4 .text .H5{font-size:22px;}
	.videoBox2{width:90%;}
}
@media screen and (max-width:767px){
	.index4{padding:40px 0 30px 0;}
	.index4 .text{padding:0; width:100%;}
	.videoR{position:relative;}
	.index4 .text .H4{font-size:20px;}
	.index4 .text .H5{font-size:16px; padding:10px 0;}
	.index4 .text .p{font-size:13px; line-height: 22px; height: 260px; margin: 15px 0;}
	.more2{width:120px; font-size:12px;}
	.index4Num{margin-top:20px; padding-top:20px;}
	.index4Num .big{font-size:30px; line-height: 30px;}
	.index4Num .p2{font-size:13px; margin-top:5px;}
	.videoR{width:100%; top:auto; margin-top:20px; padding:0 0 20px 20px;}
	.videoR .pic{background:none !important; height: auto;}
	.videoR .pic img{ max-width:100%; padding:5px;}
	.videoR .playBtn{width:30px; height: 30px; top:50%; margin-top:-15px; left: 5px;}
	
}

.fb1 {
    padding-top: 69px;
    background: url("../img/5da7d69c/21/08/9d9f51eea8bc4e40568f117c54ba4b5236459ff9.jpg")no-repeat center top;
    padding-bottom: 29px;
}

.fb1 .d1 {
    width: 15%;
}

.fb1 .d1 .p1 {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
}

.fb1 .d1 ul li {
    font-size: 14px;
    line-height: 14px;
}

.fb1 .d1 ul li a {
    color: #bcbcbc;
    transition: all 0.5s;
}

.fb1 .d1 ul {
    margin-top: 33px;
}

.fb1 .d1 ul li+li {
    margin-top: 17px;
}

.fb1 .d1 ul li a:hover {
    color: #fff;
}

.fb1 .lx {
    width: 40%;
    padding-left: 10px;
}

.dbzx {
    display: block;
    width: 142px;
    line-height: 42px;
    border-radius: 5px;
    background: #005cac;
    color: #fff;
    background: url("../img/5da7d69c/21/08/839b0898dc0d1b7b8dc5835ba82873a5c1f2f236.png")no-repeat #005cac;
    background-position: 22px;
    padding-left: 62px;
    transition: all 0.5s;
    margin-top: 47px;
}

.dbzx:hover {
    color: #fff;
    padding-left: 72px;
}



.ftcontact p{
    font-size: 14px;
    line-height: 14px;
    color: #bcbcbc;
    margin-top: 12px;
}

.fb1 .lx .fr p {
    font-size: 14px;
    color: #bcbcbc;
    line-height: 14px;
    margin-top: 21px;
    text-align: center;
}

.ff2 {
    margin-top: 55px;
    font-size: 14px;
    line-height: 14px;
    color: #6a6a6a;
}

.ff2 a {
    font-size: 14px;
    line-height: 14px;
    color: #bcbcbc;
    margin-left: 5px;
}

.ff2 a:hover {
    color: #fff;
}

.bq {
    background: #171717;
    line-height: 77px;
    font-size: 14px;
    color: #717171;
}

.bq a {
    color: #717171;
}

.bq a:hover {
    color: #fff;
}

.foot,
.sjbq {
    display: none;
}

@media (max-width: 1370px) {
    .jjfa {
        height: 780px;
    }

    .jhf {
        display: flex;
        justify-content: space-between;
        max-width: 630px;
        margin-top: 398px;
    }

    .newList {
        padding-bottom: 0;
        padding: 26px 30px;
    }

    .fb1 .lx {
        padding-left: 0;
    }
}

@media (max-width: 1200px) {
    .fb1 .lx .fr {
        display: none;
    }

    .fb1 .lx .fl {
        float: right;
    }

    .newList .nr4 {
        margin-top: 15px;
    }

    .newList {
        padding: 23px 30px;
    }

    .bq .fr {
        display: none;
    }

    .ff2 {
        display: none;
    }
}

@media (max-width: 992px) {
    header {
        display: none;
    }

    .x-banner,
    .page-banner {
        margin-top: 60px;
    }

    .jhf {
        max-width: 100%;
    }

    .xwleft {
        display: none;
    }

    .xwright {
        width: 100%;
        float: none;
    }

    footer {
        display: none;
    }



    .foot,
    .sjbq {
        display: block;
    }

    .foot {
        background: #1e1d2d;
        color: #bcbbbe;
        padding: 0 15px;
        padding-top: 20px;
        padding-bottom: 15px;
        /* margin-top: 30px; */
    }

    .fw {
        width: 95%;
        margin: 0 auto;
    }

    .fw .du .dul .p1 span {
        margin-right: 30px;
    }

    .fw .du .dul .sec li {
        padding-left: 10px;
        margin-bottom: 8px;
    }

    .fw .du .dul .sec {
        display: none;
    }

    .fw .du .dul .sec a {
        color: #939090;
        font-size: 12px;
    }

    .fw .du .dul p {
        border-bottom: 1px solid #7a7a7a;
        line-height: 40px;
    }

    .fw .du {
        font-size: 14px;
    }

    .sjbq {
        font-size: 12px;
        color: #bcbbbe;
        padding-top: 5px;
    }

    .sjbq a {
        color: #bcbbbe;
    }
}

@media (max-width:900px) {
    .lgtp {
        width: 100%;
        float: none;
    }

    .lgtp:nth-child(2) {
        margin-top: 20px;
    }

    .cal {
        width: 48%;
    }

    .case {
        background: #f5f5f5;
    }

    .lgtp .lgtimg .lgtnr .p2 {
        color: #fff;
    }
}

@media (max-width:550px) {
    .xuqiu .p1 {
        font-size: 25px;
        line-height: 25px;
    }

    .xuqiu {
        margin-top: 40px;
        padding-bottom: 38px;
    }

    .xuqiu .p2 {
        font-size: 16px;
        line-height: 32px;
        color: #333333;
        text-align: center;
        margin-top: 13px;
    }

    .xuqiu .p4 .p4img {
        width: 76px;
        margin: 0 auto;
    }

    .xuqiu .p4 .p4img img {
        width: 100%;
    }

    .xuqiu .p4 p {
        font-size: 16px;
        line-height: 16px;
    }

    .xuqiu .p3 {
        margin-top: 30px;
    }

    .xuqiu .p4 {
        margin-top: 25px;
    }

    .jjfa .p1 {
        font-size: 18px;
        line-height: 18px;
    }

    .jjfa .p2 {
        font-size: 25px;
        line-height: 25px;
        margin-top: 10px;

    }

    .jjfa {
        padding-top: 30px;
        background-image: none ! important;
        height: auto;
    }

    .jhf {
        margin-top: 30px;
        display: block;
    }

    .lbl .pn2 {
        margin-top: 8px;
        font-size: 15px;
    }

    .lbl .pn2 br {
        display: none;

    }

    .lbl+.lbl {
        margin-top: 10px;
    }

    .lbl .pn1 {
        font-size: 20px;
    }

    .jjnm {
        padding-bottom: 30px;
    }

    .lgtp .lgtimg .lgtnr .p1 {
        font-size: 25px;
        line-height: 25px;
    }

    .lgtp .lgtimg .lgtnr .p2 {
        font-size: 16px;
        line-height: 16px;
    }

    .lgtp .lgtimg .lgtnr .p3 {
        font-size: 16px;
        line-height: 16px;
    }

    .anli .cnr {
        padding: 0 5px;
    }

    .cal p {
        line-height: 35px;
        background: url("../img/static.xypt.net.cn/68e76a00/21/07/282a34f….png")no-repeat center right;
        font-size: 15px;
        color: #333333;
        transition: all 0.3s;
    }

    .cal {
        margin-top: 20px;
    }

    .case .p1 {
        font-size: 25px;
        line-height: 25px;
    }



    .case .p2 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 8px;
    }

    .lgt {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    .pxpm {
        display: block;
    }

    .case .p1 {
        display: none;
    }

    .case {
        padding-top: 37px;
        padding-bottom: 38px;
    }

    .news .p1 {
        font-size: 25px;
        line-height: 25px;
    }

    .news .p2 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 8px;
    }

    .news {
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .news {
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .xw {
        margin-top: 23px;
    }

    .newList .nr2 {
        font-size: 20px;
        line-height: 20px;
    }

    .x-banner .owl-carousel .owl-dots {
        display: none;
    }


}

.nytel {
    margin-top: 25px;
}

.nytel .p1 {
    font-size: 20px;
    color: #333333;
    line-height: 20px;
}

.nytel .p2 {
    font-size: 30px;
    font-family: Arial;
    line-height: 30px;
    font-weight: 600;
    margin-top: 15px;
    color: #005cac;
}

.c1 {
    margin-top: 50px;
    margin-bottom: 52px;
}

.c1 .list2 {
    margin-top: 42px;
}

.c1 .list2 li {
    float: left;
    position: relative;
}

.c1 .list2 li:hover .img img{
       transform: scale(1.1);
}
.c1 .list2 li .img{
    overflow:hidden;
}
.c1 .list2 li .img img {
    width: 100%;
     transition-duration: .3s;
}

.c1 .list2 li .zi {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 5%;
}

.c1 .list2 li .zi h3 {
    color: #fff;
    font-size: 14px;
}

@media (max-width: 1025px) {
    .c1 .list2 li .zi h3 {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .c1 .list2 li .zi h3 {
        font-size: 12px;
    }
}

.c1 .list2 li .zi h4 {
    font-size: 24px;
    margin-top: 18px;
    color: #fff; font-weight:bold;
}

@media (max-width: 1380px) {
    .c1 .list2 li .zi h4 {
        font-size: 24px;
    }
}

@media (max-width: 1025px) {
    .c1 .list2 li .zi h4 {
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    .c1 .list2 li .zi h4 {
        font-size: 14px;
        margin-top: 0;
        line-height: 24px;
    }
}

.c1 .list2 li .zi .img1 {
    margin-top: 14%;
}

.c1 .list2 li .zi .img1 img {
    max-width: 100%;
}

@media (max-width: 500px) {
    .c1 .list2 li .zi .img1 img {
        height: 40px;
    }
}

.c1 .list2 li:nth-child(1) {
    width: 49.3%;
    margin-right: 0.7%;
}

@media (max-width: 993px) {
    .c1 .list2 li:nth-child(1) {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
}

.c1 .list2 li:nth-child(1) .zi {
    justify-content: center;
    text-align: center;
}

.c1 .list2 li:nth-child(1) .zi .img1 {
    margin-top: 33%;
}



.c1 .list2 li:nth-child(2),.c1 .list2 li:nth-child(4) {
    width: 24.7%;
    margin-right: 0.6%;
}
.c1 .list2 li:nth-child(2),.c1 .list2 li:nth-child(3){margin-bottom: 0.8%;}

@media (max-width: 993px) {
.c1 .list2 li:nth-child(2),.c1 .list2 li:nth-child(4){
        width: 49.5%;
        margin-right: 1%;
    }
}

.c1 .list2 li:nth-child(3),.c1 .list2 li:nth-child(5) {
    width: 24.7%;
}

@media (max-width: 993px) {
.c1 .list2 li:nth-child(3),.c1 .list2 li:nth-child(5) {
        width: 49.5%;
    }
}

.c1 .list2 li .zi .more a {
    display: inline-block;
    width: 140px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    border-radius: 19px;
    padding-left: 30px;
    background: url(../images/f5a7d1ac21aaf59252cef60b12b5c5f19cf00afd.png) no-repeat 80% 50%;
    text-align: left;margin-top:60px
}

.c1 .list2 li .zi .more a:hover {
    background: url(../images/046ba108c3652259241cb58e9b692b49dec05b60.png) no-repeat 80% 50% #fff;
    color: #333;
}

h2.bt {
    text-align: center;
    font-size: 40px;
    line-height: 1;
    color: #333333;
}



h2.bt span {
    font-size: 60px;
    color: #666;
    margin-top: -35px;
    display: block; font-weight:700; opacity:0.1
}


.project.container { max-width: 1920px;width: 100%; }
.project li { width: 20%;float: left; }
.project li a { color: #fff; }
.project li a:hover { color: #fff; }
.project li .pic { overflow: hidden; }
.project li .pic img{ transform: scale(1, 1);}
.project li:hover .pic img {transform: scale(1.2, 1.2);}
.project li .bg { left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3); z-index: 8 }
.project li:hover .bg { background: rgba(0, 94,184, 0.9); }
.project li .text1 { left: 10%;top:12%;width: 80%;height: 12%; z-index: 9; }
.project li .text2 { left: 10%;top:23%;font-size:22px;width: 80%;height: 12%; z-index: 9; }
.project li .text3 { left: 10%;top:31%;width: 80%;height: 62%; z-index: 9;overflow: hidden;opacity: 0;filter:alpha(opacity=0); }
.project li .text3 li { width: 100%;margin-bottom: 1%; }
.project li .more { left: 10%;top:55%;z-index: 9;opacity: 1;filter:alpha(opacity=100);border:#fff 1px solid;color:#fff;padding:6px 32px;display:inline-block;font-size: 12px; background: rgba(8, 0, 2, 0.43);border-radius: 4px;}
.project li:hover .text3 { opacity: 1;filter:alpha(opacity=100); }
.project li:hover .more { display: none; }

.project.sy { height: 87%;border-top:#fff 120px solid;}
.project.sy ul { height: 100%; }
.project.sy li.sy { height: 100%;}
.project.sy li .pic { height: 100%; }
.project.sy li .pic img { height: 100%; }

.project1 .title { font-size: 26px; }
.project2 { padding:3% 0 1%; }
.project2 .datu { left:0;top:0;width:100%;height:100%;z-index:-1; }
.project2 .datu img { width: 100%; }
.project3 { padding: 1% 0;margin:1% 0 2%;background: #f8f8f8; }
.project3 .mr_frUl{float:left;width:92%;}
.project3 .mr_frBtnL{cursor:pointer;float:left;margin:3% 0 0;width:4%; text-align: left;}
.project3 .mr_frBtnR{cursor:pointer;float:right;margin:3% 0 0;width:4%;text-align: right;}
.project3 .mr_frUl ul li { width:20%;float:left; }
.project3 .mr_frUl ul li img { width: 90%;margin:0 5%; }
.project4.container { max-width: 1500px;width: 92%;padding:0 0 4%; }
.project4 li { width: 25%;float: left;margin:0 0 1%;color: #999;overflow: hidden; white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

.absolute {
    position: absolute;
}
.transition {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.fadeInRight { animation:fadeInRight 1s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeInUp { animation:fadeInUp 1s 0s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
.pc {
    display: block;
}
.phone {
    display: none;
}

@media screen and (max-width:767px) {
	.fadeInRight { animation:fadeInRight .8s 0s both }
	.fadeInLeft { animation:fadeInLeft .8s 0s both }
	.fadeIn { animation:fadeIn .8s 0s both}
	.fadeInUp { animation:fadeInUp .8s 0s both }
	.phone { display: block; }
	.pc {display: none;}
	.project li { width:100%; margin-bottom: 2%; }
	.project li:hover .bg { background: rgba(0, 0, 0, 0); }
	.project li .text1 { top:22%;height: 36%;line-height: 22px;background:url(../images/arrdown.png) no-repeat top right;background-size: 30px auto;  }
	.project li .text2 { top:65%;font-size:18px;height: 22%; }
	.project.sy { height: 92%;border-top:#fff 70px solid;}
	.project.sy li.sy { height: 120px;width:100%; overflow: hidden;margin-bottom: 2%; }
	.project.sy li .pic { height: 100%; }
	.project.sy li .pic img { width:100%;height: auto; }
	.project.sy li .more { left: 60%;top:55%;padding:2px 15px; }

	.project1 .title { font-size: 20px;padding: 2% 0; }
	.project3 .mr_frBtnL,.project3 .mr_frBtnR{margin:1% 0 0;}
	.project3 .mr_frBtnL img,.project3 .mr_frBtnR img { width: 14px; }
	.project3 .mr_frUl ul li { width:33.3333%;}
	.project4 li { width: 48%;margin:0 2% 2% 0; }
}


.product {
    background: url("../images/1fa876f0c2fb15d18a9a3c23383b74c39e916740.png")no-repeat center;
    padding-top: 80px;
  
}

.product .title {
    display: none;
}

.product .title h3 {
    color: #005eb8;
}

.product .title p {
    color: #005eb8;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.pro-tit {
    float: left;
    width: 10.42%;
    overflow: hidden;
}

.pro-tit img {
    max-width: 100%;
}

.pro-cfn {
    float: left;
    width: 16.67%;
}

.pro-cfn ul li {
    margin-top: 10px;
}

.pro-cfn ul li:first-child {
    margin-top: 0;
}

.pro-cfn ul li a {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    align-items: center;
    max-width: 198px;
    border: solid 1px #ddd;
    padding-left: 40px;
    transition: all .5s ease;
}

.pro-cfn ul li a .pro-ico {
    max-height: 26px;
    max-width: 26px;
    overflow: hidden;
}

.pro-cfn ul li a .pro-ico img {
    max-width: 100%;
    transition: all .3s ease;
}

.pro-cfn ul li a h3 {
    font-size: 16px;
    line-height: 70px;
    color: #333;
    margin-left: 20px;
    transition: all 0s ease;
}

.pro-cfn ul li.cur {
    position: relative;
}

.pro-cfn ul li.cur a {
    background: #005eb8;
    border: solid 1px #005eb8;
    max-width: 100%;
}

.pro-cfn ul li.cur::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 72px;

    top: 0;
    right: 25px;
}

.pro-cfn ul li.cur a h3 {
    color: #fff;
}

.pro-cfn ul li.cur a .pro-ico img {
    margin-top: -26px;
}

.pro-list {
    float: right;
    width: 68%;
    padding-top: 40px; max-height:500px;
}

.pro-list ul li {
    display: none;
}

.pro-list ul li .pro-img {
    float: left;
    width: 60%;
}

.pro-list ul li .pro-img img {
    max-width: 100%;
}

.pro-list ul li .pro-text {
    float: left;
    width: 40%;
    margin-top: 85px;
    display: flex;
    justify-content: end;
}

.pro-list ul li .pro-text .pro-exp p {
    font-size: 24px;
    font-weight: bold;
    color: #005eb8;
}

.pro-list ul li .pro-text .pro-exp p:nth-child(2) {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    font-weight: 400;
    padding-top: 10px;
}

.pro-list ul li .pro-text a {
    display: block;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 30px;
    border: solid 1px #005eb8;
    width: 108px;
    margin-top: 50px;
    transition: all .3s ease;
}

.pro-list ul li .pro-text a:hover {
    background-color: #005eb8;
    color: #fff;
}

@media(max-width: 991px) {
	 .title {
        padding: 0;
    }
    .title h3 {
        font-size: 36px;
    }
    .title p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }
	}

@media(max-width: 768px) {
    .product .title {
        display: block;
    }
    .pro-tit {
        display: none;
    }
    .pro-cfn {
        margin-left: 0;
    }
    .title h3 {
        font-size: 32px;
    }
    .product .title p {
        font-size: 18px;
        line-height: initial;
        margin-top: 5px;
    }
    .product {
        padding-top: 40px;
        padding-bottom: 60px;
        background-size: cover;
    }
    .pro-show {
        /* margin-top: 30px; */
    }
    .pro-list {
        width: 65%;
        padding-top: 60px;
    }
	 .title h3 {
        font-size: 32px;
    }
}

@media(max-width: 767px) {
    .pro-cfn ul li a {
        max-width: 100%;
    }
    .pro-cfn {
        width: 21%;
    }
    .pro-cfn ul li.cur::after {
        display: none;
    }
    .pro-cfn ul li a h3 {
        margin-left: 15px;
    }
    .pro-cfn ul li a {
        padding-left: 0;
        justify-content: center;
    }
    .pro-list {
        width: 68%;
    }
	 .pro-list ul li .pro-img{
        width: 100%; text-align:center;
    }
    .pro-list ul li .pro-text{
        width: 100%;
    }
}

@media(max-width: 600px) {
    .pro-cfn {
        float: none;
        width: 100%;
    }
    .pro-cfn ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .pro-cfn ul li {
        width: 31%;
        margin: 5px 1%;
    }
    .pro-cfn ul li:first-child {
        margin-top: 5px;
    }
    .pro-show {
        margin-top: 20px;
    }
    .pro-list {
        float: none;
        width: 100%;
        padding-top: 20px;
        margin-top: 20px;
        border-top: solid 1px #ddd;
    }
    .pro-list ul li .pro-text {
        padding-top: 60px;
    }
    .title {
        padding: 0;
    }
}

@media(max-width: 425px) {
    .pro-list ul li .pro-text {
        padding-top: 0;
    }
    .pro-cfn ul li a h3 {
        margin-left: 8px;
    }
    .pro-cfn ul li a .pro-ico {
        max-width: 20px;
        max-height: 20px;
    }
    .pro-cfn ul li a h3 {
        line-height: 35px;
        font-size: 12px;
    }
    .product {
        padding-bottom: 40px;
    }
}

@media(max-width: 375px) {
    .pro-list ul li .pro-text {
        margin-top: 30px;
        padding-left: 10px;
    }
    .pro-list ul li .pro-text .pro-exp p {
        font-size: 20px;
    }
    .pro-list ul li .pro-text .pro-exp p:nth-child(2) {
        font-size: 14px;
        font-weight: initial;
        line-height: 24px;
    }
}

@media(max-width: 320px) {
    .pro-cfn ul li a h3 {
        margin-left: 5px;
    }
    .pro-list ul li .pro-text .pro-exp p {
        font-size: 18px;
    }
    .pro-list ul li .pro-text .pro-exp p:nth-child(2) {
        font-size: 12px;
        line-height: 18px;
    }
    .pro-list ul li .pro-text a {
        line-height: 26px;
        width: 90px;
    }
    .pro-list ul li .pro-text {
        margin-top: 20px;
    }
}



.case {
    padding-top: 70px;
    padding-bottom: 55px;
}

.case-show {
    margin-top: 70px;
}
.case-list .swiper-slide a {
    display: block;
    position: relative;
}
.case-list .swiper-slide a .case-img {
    overflow: hidden; text-align:center;
}
.case-list .swiper-slide a .case-img img {
    max-width: 100%; height:300px; width:auto;
}
.case-list .swiper-slide a h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 54px;
    background-color: rgb(0 0 0 / 40%);
}
.swiper-slide {
    width: 790px;
}
.swiper-slide a {
    transition: 0.2s;
}
.swiper-pagination {
    position: unset;
    text-align: center;
    width: 100%;
    margin-top: 40px;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 10px;
    background: #000;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #005eb8;
}

.x-news {
    background: #f9f9f9;
    padding: 5vh 0 8vh;
}

.x-news-box {
    margin-top: 3vh;
    font-size: 0;
}

.tabzz {
    display: flex;
    justify-content: center;
    margin-bottom: 5vh;
}

.tabzz li {
    width: 188px;
    background-color: #f3f3f3;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 33px;
}

.tabzz li a {
    color: #333333;
    font: 400 18px/58px "Microsoft yahei";
}

.tabzz li a .img {
    width: 40px;
    overflow: hidden;
    margin-right: 10px;
}

.tabzz li a .img img {
    margin-right: 10px;
    /* transition: all 0.8s; */
}

.tabzz li.cur {
    background-color: #005eb8;
}

.tabzz li.cur .img img {
    /* transition: all 0.8s; */
    transform: translateX(-40px);
}

.tabzz li.cur a {
    color: #fff;
}

.x-news-list-left {
    width: 60%;
    float: left;
}

.x-news-list-left li {
    float: left;
    width: calc(50% - 34px);
    margin-right: 34px;
}
.x-news-list-left li .img{  background:#fff; text-align:center}
.x-news-list-left li .img img {
    max-width: 100%; height:250px;
}

.x-news-list-left li .text {
    background-color: #fff;
    padding: 17px;
}

.x-news-list-left li .text h3 {
    color: #333333;
    font: 400 18px/52px "Microsoft yahei";
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-news-list-left li .text p {
    color: #999999;
    font: 400 14px/24px "Microsoft yahei";
}

.x-news-list-left li .text .date {
    color: #888888;
    font: 400 14px/36px "Microsoft yahei";
    margin-top: 36px;
    background: url(../images/777412354ff25851096c5068d836d82812fa117d.png) no-repeat 80% center;
}

.x-news-list-left li:hover .text h3 {
    color: #005eb8;
}

.x-news-list-left li:hover .text .date {
    background: url(../images/28f19058664aeaa8a3cae9b71bd4663b2005d009.png) no-repeat 80% center;
}

.x-news-list-right {
    float: right;
    width: 40%;
}

.x-news-list-right li {
    padding: 22px 30px 20px 10px;
    background-color: #fff;
}

.x-news-list-right li+li {
    margin-top: 30px;
}

.x-news-list-right li .date {
    float: left;
    width: 80px;
    text-align: center;
}

.x-news-list-right li .date h4 {
    color: #555555;
    font: 600 40px/50px "Airal";
}

.x-news-list-right li .date span {
    color: #666666;
    font: 400 14px/16px "Microsoft yahei";
}

.x-news-list-right li .text {
    width: calc(100% - 80px);
    float: left;
    padding-left: 30px;
    position: relative;
}

.x-news-list-right li .text::after {
    position: absolute;
    left: 8px;
    top: 4px;
    content: "";
    display: block;
    width: 1px;
    height: 70px;
    background-color: #e8e8e8;
}

.x-news-list-right li .text h3 {
    color: #333;
    font: 400 18px/24px "Airal";
    margin-bottom: 10px;
}

.x-news-list-right li .text p {
    color: #999999;
    font: 400 14px/22px "Airal";
    margin-bottom: 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.x-news-list-right li:hover .text h3 {
    color: #005eb8;
}

@media (max-width: 1366px) {
    .x-news-list li {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}

@media (max-width: 1200px) {
    .x-news-list-left {
        width: 100%;
    }

    .x-news-list-right {
        display: none;
    }

    .x-news-list-left li {
        margin-right: 0px;
        width: calc(50% - 10px);
    }

    .x-news-list-left li+li {
        margin-left: 20px;
    }
}

@media (max-width: 769px) {

  
    .tabzz li {
        width: 30%;
        padding-left: 0;
        text-align: center;
    }
    .tabzz li a {
        font-size: 16px;
        line-height: 2.4;
    }
    .tabzz li a .img {
        display: none;
    }
    .x-news-list-left li {
        width: 100%;
    }
    .x-news-list-left li+li{
        margin: 0;
        margin-top: 10px;
    }
.case-show{ margin-top:0}
h2.bt span{ font-size:40px;}
}


.page-category{padding: 15px 0; border-bottom: 1px solid #eee;}

.page-path{float: left; height: 35px;line-height: 35px;}
.page-path a{color: #777;}
.page-path img{ vertical-align: middle; }
.page-path i{font-size: 16px; color: #777;}
.page-path b{font-weight: normal; font-family: simsun;}
.page-path span{color:#2458AE;}
@media (max-width:768px) {
	.page-path{height: auto; line-height: 26px; width:100%; margin-bottom:20px;}
}
.page-catelink{float: right;}
.page-catelink a{display: inline-block; padding: 0 20px; line-height: 34px; border: 1px solid #eee; border-radius: 40px; color: #666; margin-left: 10px;}
.page-catelink a:hover,.page-catelink a.on{background-color: #2458AE; border-color: #2458AE;  color: #fff;}
.xypg-right-content img{ max-width:100%}


/* 产品中心自适应 */

@media(max-width: 1440px) {
    .pro-cfn {
        width: 20.67%;
    }
    .pro-list {
        width: 60%;
        padding-top: 80px;
    }
}

@media(max-width: 1199px) {
    .pro-cfn {
        margin-left: 3%;
    }
    .pro-cfn ul li a {
        max-width: 160px;
        padding-left: 20px;
    }
    .pro-cfn ul li a h3 {
        line-height: 55px;
    }
    .pro-cfn ul li.cur::after {
        height: 57px;
        right: 10px;
    }
    .pro-list ul li .pro-text {
        padding-left: 30px;
    }
    .pro-list ul li .pro-text .pro-exp p {
        font-size: 22px;
    }
    .pro-list ul li .pro-text .pro-exp p:nth-child(2) {
        font-size: 18px;
    }
    .pro-list ul li .pro-text a {
        margin-top: 20px;
    }
    .pro-tit {
        width: 8%;
    }
    .product {
        padding-top: 60px;

    }
}

@media(max-width: 991px) {
    .pro-cfn ul li a {
        max-width: 150px;
    }
    .pro-cfn ul li a h3 {
        font-size: 14px;
        line-height: 44px;
    }
    .pro-cfn {
        width: 25%;
    }
    .pro-cfn ul li.cur::after {
        height: 46px;
        background-size: 15px 15px;
        width: 15px;
    }
    .pro-list {
        width: 58%;
    }
    .product {
        background-size: 1440px 555px;
    }
    .pro-list ul li .pro-text {
        margin-top:0px;
    }
    .pro-list ul li .pro-text .pro-exp p:nth-child(2) {
        font-size: 17px;
    }
    .pro-list ul li .pro-text a {
        font-size: 12px;
        line-height: 28px;
        width: 100px;
    }
}

@media(max-width: 768px) {
	.page-catelink{ float:left}
	.page-catelink a{ padding:0 10px;}
    .product .title {
        display: block; text-align:center
    }
	.pro-list ul li .pro-img img{ height:300px;}
    .pro-tit {
        display: none;
    }
    .pro-cfn {
        margin-left: 0;
    }
    .title h3 {
        font-size: 32px;
    }
    .product .title p {
        font-size: 18px;
        line-height: initial;
        margin-top: 5px;
    }
    .product {
        padding-top: 40px;
        padding-bottom: 60px;
        background-size: cover;
    }
    .pro-show {
        /* margin-top: 30px; */
    }
    .pro-list {
        width: 65%;
        padding-top: 10px;
    }

}

@media(max-width: 767px) {
    .pro-cfn ul li a {
        max-width: 100%;
    }
    .pro-cfn {
        width: 21%;
    }
    .pro-cfn ul li.cur::after {
        display: none;
    }
    .pro-cfn ul li a h3 {
        margin-left: 15px;
    }
    .pro-cfn ul li a {
        padding-left: 0;
        justify-content: center;
    }
    .pro-list {
        width: 68%;
    }
}

@media(max-width: 600px) {
    .pro-cfn {
        float: none;
        width: 100%;
    }
    .pro-cfn ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .pro-cfn ul li {
        width: 31%;
        margin: 5px 1%;
    }
    .pro-cfn ul li:first-child {
        margin-top: 5px;
    }
    .pro-show {
        margin-top: 20px;
    }
    .pro-list {
        float: none;
        width: 100%;
        padding-top: 20px;
        margin-top: 20px;
        border-top: solid 1px #ddd;
    }
    .pro-list ul li .pro-text {
        padding-top: 60px;
    }
    .title {
        padding: 0;
    }
}

@media(max-width: 425px) {
    .pro-list ul li .pro-text {
        padding-top: 0;
    }
    .pro-cfn ul li a h3 {
        margin-left: 8px;
    }
    .pro-cfn ul li a .pro-ico {
        max-width: 20px;
        max-height: 20px;
    }
    .pro-cfn ul li a h3 {
        line-height: 35px;
        font-size: 12px;
    }
    .product {
        padding-bottom: 40px;
    }
}

@media(max-width: 375px) {
    .pro-list ul li .pro-text {
        margin-top: 30px;
        padding-left: 10px;
    }
    .pro-list ul li .pro-text .pro-exp p {
        font-size: 20px;
    }
    .pro-list ul li .pro-text .pro-exp p:nth-child(2) {
        font-size: 14px;
        font-weight: initial;
        line-height: 24px;
    }
}

@media(max-width: 320px) {
    .pro-cfn ul li a h3 {
        margin-left: 5px;
    }
    .pro-list ul li .pro-text .pro-exp p {
        font-size: 18px;
    }
    .pro-list ul li .pro-text .pro-exp p:nth-child(2) {
        font-size: 12px;
        line-height: 18px;
    }
    .pro-list ul li .pro-text a {
        line-height: 26px;
        width: 90px;
    }
    .pro-list ul li .pro-text {
        margin-top: 20px;
    }
}

/*联系我们*/
.contact{width:76.68%;padding:50px 0 65px 0;margin: auto;  }
.place{ position: relative; z-index: 1;}
.placeMap{position: relative;margin:0 27.12% 0 10%; }
.dotBox{width:100%; height: 100%; position: absolute; top:0; left: 0;}
.dotBox .dot{width:25px; height: 25px; position: absolute; background:url(../images/p34.png) center no-repeat; background-size:100%;}

.dot1{top:22.11%; left: 67.13%;}
.dot2{top:26.29%; left: 74%;}
.dot3{top:28.71%; left:75.79%;}
.dot4{top:34.43%; left: 78.21%;}
.dot5{top:45.21%; left: 84.45%;}
.dot6{top:45.21%; left: 68.15%;}
.dot7{top:48.51%; left: 59.49%;}
.dot8{top:39.49%; left: 60.89%;}
.dot9{top:37.62%; left:51.21%;}
.dot10{top:36%; left:36.17%;}
.dot11{top:24%; left:21.65%;}

.placeMap .textBox{width:404px; border:1px solid #cccccc; padding:25px; background-color:#fff; position: absolute; top:50%; left:60px;display: none;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.placeMap .textBox::after{background-color:#cccccc;width:42px; height: 1px;  content: ""; position: absolute; top:50%; left: -42px; content: "";}
.placeMap .textBox .H4{font-size:24px; color:#215ba1; }
.placeMap .textBox .text{font-size:16px; line-height: 30px; color:#333333; margin-top:15px;}
.placeMap .textBox .text .p1{float:left;}
.placeMap .textBox .text .p2{margin-left:85px; display: block;}

@media screen and (min-width:992px){
	.placeMap .dotBox .dot:hover{background-image:url(../images/p33.png);}
	.placeMap .dotBox .dot:hover .textBox{display:block; z-index: 20;}
}
@media screen and (max-width:1659px){
	.placeMap{margin:0 10%;}
}
@media screen and (max-width:991px){
	.contact{width:100%;}
	.placeMap{margin:0 ; overflow: scroll;}
	.placeMap .textBox::after{display:none;}
	.placeMap .textBox{left: 30px; padding:5px; width:300px;}
	.placeMap .textBox .H4{font-size:14px;}
	.placeMap .textBox .text{font-size:12px; line-height: 18px; margin-top:5px;}
	.placeMap .textBox .text .p2{margin-left:60px;}
}
@media screen and (max-width:767px){
	.contact{padding:30px 0;}
}

.map{ width:100%; height:470px; margin-top:30px; border:6px solid #fff; box-shadow: 0 0 17px rgba(0,0,0,0.09);}
.map img,.map label{max-width: none;width: auto!important;}
#bdmap{ width:100%; position:relative; height:100%;}
#bdmap .BMap_pop{ float:right; background-image:url(../images/mapbg.png); background-repeat:no-repeat; border:none !important; width:405px !important; border:0 !important; height:84px; margin: 90px 0 0 220px;}
#bdmap .BMap_pop .BMap_top,#bdmap .BMap_pop .BMap_center,#bdmap .BMap_pop .BMap_bottom,#bdmap .BMap_pop div:nth-child(9n){ width:86% !important;}
#bdmap .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap .BMap_pop div img{display:none;}
#bdmap .iw_poi_content{ font-size: 14px; color: #666666; line-height: 24px; padding:30px 20px 30px 40px;}
#bdmap .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap .BMapLabel{ display: none !important;}
@media  screen and (max-width:767px){

}
#bdmap .BMap_pop div:nth-child(9){ top:0 !important; left: 0 !important; width: 100% !important; height: 100%; }
#bdmap .BMap_pop img:nth-child(10){display:none;}

@media screen and (max-width:991px){
	.map{height:500px;}
}
@media screen and (max-width:767px){
	.map{height:300px; }
}

.contact3R{width:68%; float:right; background:url(../images/p42.png) center no-repeat; background-size:cover; margin-top:30px; border:6px solid #fff; box-shadow: 0 0 17px rgba(0,0,0,0.09); padding:48px 4.8% 50px 4.8%;}
.contact3R .H4{font-size:22px; color:#1f1f1f; margin-bottom:20px;}
.contact3R .ico{width:20px; height: 20px; float:left; line-height: 0; margin-top:18px;}
.contact3R .ico img{ max-width:100%}
.contact3R .p{font-size:16px; line-height: 54px;}
.contact3R .p2{ margin-left:28px; display: block;}
.contact3L{width:29.6%; float:left; padding:65px 0 0 0;box-shadow: 0 0 17px rgba(0,0,0,0.09); margin-top:30px; height:370px; }
.contact3L .pageEwm{display:block; width:166px; margin: auto; padding:14px; background:url(../images/p35.png) center no-repeat; background-size:100% 100%;}
.contact3L .pageEwm img{ max-width:100%;}
.contact3L .p{font-size:18px; line-height: 28px; text-align: center; margin-top:18px;}

@media screen and (max-width:1199px){
	.contact3R{padding:20px;}
	.contact3R .p{font-size:14px;}
	.contact3L{height:348px;}
}
@media screen and (max-width:767px){
	.contact3R{width:100%; padding:10px;}
	.contact3R .H4{font-size:18px; margin-bottom:10px;}
	.contact3R .p2{line-height:45px;}
	.contact3R .ico{margin-top:15px;}
	.contact3L{width:100%; height: auto; padding:30px 0;}
	.contact3L .p{font-size:14px; line-height: 24px; margin-top:10px;}
}