a{text-decoration: none;}
*{padding:0;
margin:0;
}
li{list-style:none;}
.fl{float: left;}
.fr{float: right;}
body{width:100%;}
.top_bg{ height:163px; background:url(../images/top_bg.gif) repeat-x; }
.header{width: 1200px; margin:0 auto;}
.h_con{ height:113px; overflow:hidden;}
.h_con h1{ float:left;padding: 15px 32px 0 0;width:220px}
.h_con h1 img{
    max-width: 100%;
}
.h_con .h_dw{ float:left; padding:15px 0 0; font-size:18px; color:#333;line-height: 36px; }
.h_dw b{display: block;font-size: 26px;color: #0f5aad;}
.h_con .tel{ float:right;line-height: 26px;font-size: 14px;color: #aaa; background:url(../images/tel.gif) no-repeat;width: 210px;height: 80px;padding: 31px 0 0 75px;}
.tel b{display: block;font-size: 26px;color: #333; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.h_nav{ height:50px; line-height:50px;}
.h_nav li{height: 50px; float:left; background:url(../images/nav_bor.gif) no-repeat 0 18px;    text-align: center;
    width: 100%;}
.h_nav li a{ font-size:16px; color:#fff; display:block; float:left;width: 100%;text-align: center;}
.h_nav li a:hover,.h_nav li.cur a{font-weight: bold;}

em,i{ font-style:normal;}


        /*banner*/
        .fullSlide{ min-width:1200px; position:relative;  height:600px; overflow:hidden;  }
        .fullSlide .bd{ position:relative; z-index:0;  }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:600px; }
		.fullSlide .bd li img {width: 1920px;height: 600px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:40px; position:absolute; z-index:1;overflow:hidden; }
        .fullSlide .hd ul{margin-left:500px; }
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #fff; text-indent: -999px;}
        .fullSlide .hd ul .on{background: #0f5aad;}
      

.s_bg{height: 80px;overflow: hidden;border-bottom: #ececec 1px solid;}
.search{ width:1200px; margin:0 auto;}
.search p{ float:left;font-size: 14px; color:#999; width:825px; height:80px; line-height:80px; overflow:hidden;}
.search p a{font-size: 14px; color:#999; padding:0 10px 0 0;}
.search p a:hover{color: #0f5aad;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:233px; height:48px; border:none; padding:0 0 0 60px; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:48px; outline:none;margin-top: 14px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:81px; height:48px;margin-top: 14px;}
input::-webkit-input-placeholder {color: #666;}


.f_bg{ background:#152887; height:213px; overflow:hidden; padding:43px 0 0;}
.footer{width: 1200px; margin:0 auto;}
.f_logo{width: 306px;height: 213px;}
.f_logo img{width: 156px;height: 86px;display: block;padding: 0 0 15px;margin-top: -6px;}
.f_logo p{font-size: 14px;color: white;line-height: 27.5px;}
.f_logo p a{color: white;}
/* .f_logo p span,.f_ban span{padding: 0 10px;} */
.f_nav{height: 213px;width: 280px; padding:0 0 0 40px; background:url(../images/f_line.gif) no-repeat left 10px;}
.f_nav ul li{height: 47px;line-height: 39.4px;overflow: hidden;width: 140px;float: left;}
.f_nav ul li a{font-size: 14px;color: white;}
.f_nav ul li a:hover{color: white;}
.f_ban{width: 330px;height: 213px; padding:0 0 0 50px; background:url(../images/f_line.gif) no-repeat left 10px;}
.f_ban p{font-size: 14px;color: white;line-height: 36.7px;}
.f_ban p a{font-size: 14px;color: white;}
.f_er{width: 140px;height: 203px; padding:10px 0 0 50px; background:url(../images/f_line.gif) no-repeat left 10px;}
.f_er p{width: 140px;text-align: center;line-height: 0;}
.f_er img{ width:140px; height:140px;}
.f_er span{display: block;font-size: 14px;color: white;line-height: 30px;}
  
.bg01{  height:840px; overflow:hidden;}


.fl {
    float: left;
}



.fen{        width: 262px;
    background: rgba(50,50,50,1);
    overflow: hidden;
    margin-top: 4px;
    border-top: 0;}

.fen h2{ height:96px; background:url(../images/fen_h.png) no-repeat center top; font:18px "Microsoft YaHei"; font-weight:bold; color:#000; text-transform:uppercase; margin-bottom:20px;}

.fen h2 a{ display:block; padding:15px 0 0 60px; color:#fff;}

.fen h2 em{ display:block; font-size:13px; font-weight:normal;}

.fen h2 i{ display:block; font-size:43px; float:left; width:40px;}

.fen h2 span{ display:inline-block; margin-top:9px;}

.fen h3{ width:228px; height:38px; font:16px "Microsoft YaHei"; font-weight:bold; line-height:38px;overflow:hidden; margin:7px auto 0;    margin-top: 21px;}

.fen h3 a{ display:block; color:#fff; background:url(../images/fen_bg1.png) no-repeat;padding-left:37px;}

.fen h3 a:hover{ color:#fff; background:url(../images/fen_bg2.png) no-repeat;}

.fen ul{ padding:5px 0; width:205px; margin:0 auto; display:none;}

.fen li{ font:14px "Microsoft YaHei"; line-height:41px; height:41px; overflow:hidden; background:url(../images/fen_dot.png) no-repeat left center;padding-left:20px; border-bottom:1px dashed #ccc;}

.fen li a{ color:white; display:block;}

.fen h5 a{ display:block; width:228px; height:38px; background:url(../images/fen_bg3.png) no-repeat center top; font:16px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#2c2b2b; margin:24px; line-height:38px;}

.fen p{ font:15px "Microsoft YaHei"; font-weight:bold; color:#152887; padding:12px 10px 0 10px; line-height:30px;}

.fen p em{ display:block; padding-left:88px;}

.fen p span{ display:block; font:22px "Microsoft YaHei"; text-align:center;color:#152887; padding:10px 0 20px;}

.fen p span i{ display:block; font:30px Arial; font-weight:bold; padding-top:9px;}



.pro{             width: 961px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: 3%;
    float: left;}

.prot{ height:42px; overflow:hidden; position:relative; background:url(../images/pro_bg1.png) repeat-x center top;}

.prot li{ width:120px; height:42px; float:left; font:18px "Microsoft YaHei"; text-align:center; line-height:35px; font-weight:bold;}

.prot li a{ display:block; width:120px; height:42px;color:#152887;}

.prot li a:hover,.prot .cur a{ background:url(../images/pro_bg2.png) no-repeat center top; color:#ffffff;}

.prot p a{ display:block; font:14px Arial; color:black; text-transform:uppercase; font-weight:bold; position:absolute; top:10px; right:0;}

.pro3{ height:855px;}

.pro2 li{    width: 31%;
    float: left;
    height: 283px;
    margin-right: 11px;
    margin-top: 32px;
    position: relative;
    margin-left: 11px;}

.pro2 li img{ display:block; width:100%; border:1px solid #ffffff;}

.pro2 li em{ display:none; width:72px; height:72px; position:absolute; top: 68px;
    left:111px;background:url(../images/pro_sou.png) no-repeat;}

.pro2 li span{ display:block; height:30px; text-align:center;}

.pro2 li span a{ display:inline-block; width:108px; height:30px; background:url(../images/pro_btn1.png) no-repeat center top; font:16px "Microsoft YaHei"; text-align:center; line-height:30px; color:#fff; margin:0 10px;}

.pro2 li span a.a02{ background:url(../images/pro_btn2.png) no-repeat center top; color:#152887;}



.pro2 li a{ display:block;}


.pro2 li h4{
    text-align: center;
    color:black;
    padding: 7px;
}
.proMenu-menu li:hover{background-color:#6B6F74;}
.proMenu-menu li:hover a{color:white}
.pro2 li a:hover img{width:100%; border:2px solid #DA251C;}

.pro2 li a:hover em{ display:block;}


.navthree:first-child{
    display: block;
}


.fen ul:first-child
{ 
    display: block;
}


.index_case{
    height: 582px;
    background: #ffffff;
}

.index_title{
    height: 166px;
}

.index_title .p1 {
    font-size: 32px;
    color: #111111;
    text-align: center;
    line-height: 55px;
    padding-top: 47px;
}
.index_title .p2 {
    font-size: 18px;
    color: #555555;
    text-align: center;
    text-transform: uppercase;
}
.marqueeleft {
    height: 378px;
    width: 1200px;
    /* overflow: hidden; */
    margin: auto;
}


.marqueeleft ul{
    float:left;
}
.marqueeleft li{
    float:left;
    margin-right:15px;
    display:inline;
    width:389px;
    height:378px;
    overflow:hidden;
}
.marqueeleft li .img{
    width: 100%;
    height: 293px;
    overflow: hidden;
}
.marqueeleft li .img img{
    width: 100%;
    height: 293px;
    transition:all 0.4s ease-in-out;
}
.marqueeleft li:hover .img img{
    transform: scale(1.1);
}
.marqueeleft li .xinxi{
    width: 100%;
    height: 85px;
    background: #f5f5f5;
    transition:all 0.3s ease-in-out;
}
.marqueeleft li:hover .xinxi{
    background: #4e70c3;
}
.marqueeleft li .xinxi .float_l p:nth-child(1){
    font-size: 16px;
    color: #555555;
    width: 290px;
    margin-left: 20px;
    padding-top: 10px;
    line-height: 36px;
    height: 36px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
    transition:all 0.2s ease-in-out;
}
.marqueeleft li:hover .xinxi .float_l p:nth-child(1){
    color: #fff;
}
.marqueeleft li .xinxi .float_l p:nth-child(2){
    font-size: 14px;
    color: #909090;
    width: 290px;
    margin-left: 20px;
    padding-right: 20px;
    background: url("../images/zt1.png") center right no-repeat;
    display: initial;
    transition:all 0.2s ease-in-out;
}
.marqueeleft li:hover .xinxi .float_l p:nth-child(2){
    color: #fff;
    background: url("../images/zt2.png") center right no-repeat;
}
.marqueeleft li .xinxi .float_r{
    width: 47px;
    border-left: solid 1px #e0e0e0;
    height: 20px;
    margin-top: 30px;
    background: url("../images/jt1.png") center right 30px no-repeat;
    transition:all 0.2s ease-in-out;
}
.marqueeleft li:hover .xinxi .float_r{
    background: url("../images/jt2.png") center right 20px no-repeat;
}

.headP {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 88px;
    z-index: 111;
    /* padding: 0 4.32%; */
    width: 100%;
    padding-left: 12%;
    /* width: 100%; */
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

@media only screen and (max-width: 1024px) {
    .headP {
        height: 0.88rem;
    }
}

.headP .planB {
    display: none;
}

.headP .headLeft {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.headP .headLeft .logoDiv {
    height: 12px;
    /* border-right: 1px solid rgba(255, 255, 255, 0.54); */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.headP .headLeft .logoDiv .logo {
    width: 224px;
    margin-right: 0.4rem;
}

.headP .headLeft .navList {
    padding-left:234px;
    height: 88px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.headP .headLeft .navList>div {
    padding: 0 39px;
    height: 88px;
    line-height: 88px;
    font-size: 16px;
    position: relative;
    white-space: nowrap;
    color: #FFFFFF;
}
@media only screen and (max-width: 1710px) {

    .headP .headLeft .navList>div{padding:0 27px;}
}
@media only screen and (max-width: 1650px) {

    .headP .headLeft .navList>div{padding:0 23px;}
}
@media only screen and (max-width: 1570px) {
    .headP .headLeft .navList>div{padding:0 19px;}
}
@media only screen and (max-width: 1500px) {
    .headP .headLeft .navList>div{padding:0 29px;}
}
@media only screen and (max-width: 1440px) {
    .headP .headLeft .navList>div {
        padding: 0 25px;
    }
}
@media only screen and (max-width: 1410px) {
    .headP .headLeft .navList {
        padding-left: 25px;
    }
}
@media only screen and (max-width: 1330px) {
    .jsk {
        margin-left: 32px !important;
    }
}
.jsk{
   width: 30px;
    margin-left: 52px;
}
/*.headP .headLeft .navList>div:hover {*/
/*    background-color: #6B6F74;*/
/*}*/
.content{
    width: 1311px;
    margin: 0 auto;
}
.headP .headLeft .navList>div:hover .navSecond {
    display: block;
    opacity: 1;
    height: auto;
}

.headP .headLeft .navList>div a {
    color:white;
    white-space: nowrap;
    font-size: 18px;
}

.headP .headLeft .navList>div a:hover {
    color:#DA251C;
    font-weight: bold;
}

.headP .headLeft .navList>div .navSecond {
    opacity: 0;
    display: none;
    height: 0;
    width: max-content;
    position: absolute;
    top: 88px;
    left: 0;
    z-index: 11;
    background-color: #6B6F74;
    padding: 15px 0;
}
.headP .headLeft .navList>div .navSecond li:hover{background-color: #DA251C;}
.headP .headLeft .navList>div .navSecond li {
    line-height: 45px;
}

.headP .headLeft .navList>div .navSecond a {
    color: rgba(255, 255, 255, 0.8);
    padding: 0 33px;
    white-space: nowrap;
}

.headP .headLeft .navList>div .navSecond a:hover {
    color: #FFFFFF;
}

.headP .headRight {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.headP .headRight>div {
    margin-left: 50px;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .headP .headRight>div {
        margin-left: 0.5rem;
    }
}

.headP .headRight .lang {
    width: 120px;
    height: 28px;
    background-color: #FFFFFF;
    color: #28456d;
    border-radius: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}

.headP .headRight .lang img {
    width: 18px;
    margin-right: 15px;
}

.headP .headRight .lang2 {
    font-size: 0.38rem;
    color: #FFFFFF;
}

.headP .headRight .search {
    width: 21px;
    margin-left: 50px;
}

@media only screen and (max-width: 1024px) {
    .headP .headRight .search {
        margin-left: 0.5rem;
    }
}

.headP .headRight .erweima {
    width: 22px;
}

.headP .headRight .erweima .floatEwm {
    display: none;
    position: absolute;
    left: -45px;
    top: 45px;
    width: 114px;
    height: 114px;
    padding: 7px;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.headP .headRight .erweima .floatEwm span {
    position: absolute;
    left: 48px;
    top: -13px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 13px solid #FFFFFF;
}

.headP .headRight .erweima:hover .floatEwm {
    display: block;
}

.headP .headRight .menu {
    width: 219px;
}

.headP .headRight .menu2 {
    width: 0.35rem;
}

.headP.active,
.headP.fixed,
.headP.static {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
}

.headP.active .planA,
.headP.fixed .planA,
.headP.static .planA {
    display: none;
}

.headP.active .planB,
.headP.fixed .planB,
.headP.static .planB {
    display: block;
}

.headP.active .navList>div,
.headP.fixed .navList>div,
.headP.static .navList>div {
    color: #2d4a6c;
}

.headP.active .navList>div a,
.headP.fixed .navList>div a,
.headP.static .navList>div a {
    color: black;
}

.headP.active .navList>div a:hover,
.headP.fixed .navList>div a:hover,
.headP.static .navList>div a:hover {
    color: #FFFFFF;
}

.headP.active .navList>div:hover,
.headP.fixed .navList>div:hover,
.headP.static .navList>div:hover {
    color: #FFFFFF;
}

.headP.active .navList>div:hover a,
.headP.fixed .navList>div:hover a,
.headP.static .navList>div:hover a {
    color: #DA251C;
}
.xiao_five2:hover a{
     color: #DA251C;
}
.headP.active .lang,
.headP.fixed .lang,
.headP.static .lang {
    color: #FFFFFF;
    background-color: #2d4a6c;
}

.headP.active .lang2,
.headP.fixed .lang2,
.headP.static .lang2 {
    color: #2d4a6c;
}

.headP.active .floatEwm,
.headP.fixed .floatEwm,
.headP.static .floatEwm {
    background-color: #2d4a6c !important;
}

.headP.active .floatEwm span,
.headP.fixed .floatEwm span,
.headP.static .floatEwm span {
    position: absolute;
    left: 48px;
    top: -13px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 13px solid #2d4a6c !important;
}

.headP.active .logoDiv,
.headP.fixed .logoDiv,
.headP.static .logoDiv {
    /* border-right: 1px solid #e2e2e2 !important; */
}

.headP.noshadow {
    box-shadow: none;
}

.popMask {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 111;
    background-color: #f6f6f6;
}

.popMask .pop_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 88px;
    padding: 0 80px;
}

.popMask .pop_head .logo {
    width: 163px;
}

.popMask .pop_head .menu {
    width: 25px;
}

.popMask .title {
    padding: 0.2rem 80px 0;
    font-size: 0.3rem;
}

.popMask .des {
    padding: 0.1rem 80px 0;
    font-size: 0.14rem;
    color: #818181;
}

@media only screen and (max-width: 750px) {
    .popMask .des {
        font-size: 12px;
    }
}

.popMask .lunbo {
    padding: 0.5rem 80px;
    position: relative;
}

.popMask .lunbo .menuSwp .swiper-slide {
    height: 6.33rem;
    cursor: pointer;
}

.popMask .lunbo .menuSwp .swiper-slide .shadow {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.popMask .lunbo .menuSwp .swiper-slide .shadow img {
    width: 1.65rem;
}

.popMask .lunbo .menuSwp .swiper-slide .shadow .codeDemo {
    position: relative;
    width: 1.65rem;
    height: 1.65rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popMask .lunbo .menuSwp .swiper-slide .shadow .codeDemo .circleOut {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 1.3rem;
    border: 1px dashed rgba(255, 255, 255, 0.09);
    border-radius: 50%;
    animation: circle1 2s forwards;
}

.popMask .lunbo .menuSwp .swiper-slide .shadow .codeDemo .circleOut .circleIn {
    width: 1.3rem;
    height: 1.3rem;
    border: 1px dashed rgba(255, 255, 255, 0.32);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: circle2 2s forwards;
}

.popMask .lunbo .menuSwp .swiper-slide .shadow .codeDemo .circleOut .circleIn .circleNum {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    text-align: center;
    border: 1px dotted rgba(255, 255, 255, 0.67);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 11px 35px 0px rgba(0, 0, 0, 0.13);
    font-size: 0.6rem;
    color: #FFFFFF;
}

.popMask .lunbo .menuSwp .swiper-slide .shadow .text {
    font-size: 0.18rem;
    color: #FFFFFF;
}

@media only screen and (max-width: 750px) {
    .popMask .lunbo .menuSwp .swiper-slide .shadow .text {
        font-size: 18px;
    }
}

.popMask .lunbo .menuSwp .swiper-slide:hover .shadow {
    background-color: rgba(0, 78, 162, 0.78);
}

.popMask .lunbo .menuSwp .swiper-slide.active .shadow {
    background-color: rgba(0, 78, 162, 0.78);
}

.popMask .lunbo .swiper-next {
    background-image: url(../images/icon_swpnext.png);
    right: 55px;
}

.popMask .lunbo .swiper-prev {
    background-image: url(../images/icon_swpprev.png);
    left: 55px;
}

.popMask .lunbo .swiper-next,
.popMask .lunbo .swiper-prev {
    position: absolute;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    box-shadow: 0rem 0.08rem 0.26rem 0rem rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    outline: none;
}

@media only screen and (max-width: 1024px) {
    .popMask .pop_head {
        height: 0.88rem;
        padding: 0 0.4rem;
    }

    .popMask .title {
        padding: 0 0.4rem;
    }

    .popMask .des {
        padding: 0 0.4rem;
    }

    .popMask .lunbo {
        padding: 0 0.4rem;
        margin-top: 0.4rem;
    }

    .popMask .lunbo .menuSwp .swiper-slide {
        height: 8rem;
    }
}

.menuMask {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0.88rem;
    bottom: 0;
    z-index: 20;
    background-color: #2d4a6c;
    padding: 0.28rem;
    color: #FFFFFF;
    overflow: scroll;
}

.menuMask .menuCont .menu_item .menu_one {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 1.25rem;
    height: 1.25rem;
    padding: 0 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menuMask .menuCont .menu_item .menu_one span {
    color: #ffffff;
    font-size: 0.36rem;
}

.menuMask .menuCont .menu_item .menu_one img.plus {
    width: 0.25rem;
}

.menuMask .menuCont .menu_item .menu_two {
    height: 0;
    opacity: 0;
    padding: 0 0.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

.menuMask .menuCont .menu_item .menu_two.active {
    height: auto;
    opacity: 1;
}

.menuMask .menuCont .menu_item .menu_two a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.3rem;
    color: #cee3ff;
}

.menuMask .menu_links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    z-index: 11;
    padding: 0.2rem 0;
}

.menuMask .menu_links .fd_link {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.2rem;
    border-radius: 6px;
    margin-right: 0.3rem;
    background-size: 80%;
}

.menuMask .menu_links .fd_link:nth-child(4n) {
    margin-right: 0;
}


.pc_search{position:fixed; left:0; top:0; background:#fff; width:100%; z-index:99999; display:none;}
.pc_search_top .hd{text-align:center; padding-top:70px;}
.pc_search_top .hd span{display:inline-block; font-size:32px; color:#1C2B89; vertical-align:middle; font-family:Impact;  
text-transform:uppercase; cursor:pointer;}
.pc_search_top .hd span.cur{font-size:40px; color:#323f47;}
.pc_search_top .hd em{display:inline-block; vertical-align:middle; font-size:40px; color:#323f47; font-weight:bold; margin:0 5px;}
.pc_search_top .bd{padding:0 15%; margin:60px 0 115px;}
.pc_search_top .bd form{position:relative; border-bottom:1px solid #333333;}
.pc_search_top .bd .inp{display:block; font-size:16px; color:#aeaeae; width:100%; height:65px; line-height:65px; border:none;}
.pc_search_top .bd .btns{position:absolute; right:0; top:50%; margin-top:-17px; width:34px; height:34px; background:url(../images/pc_search.png) no-repeat center; border:none; outline:none; padding:0; cursor:pointer;}
.pc_search_bott a{display:block; height:82px; line-height:82px; background:#343e47; text-align:center;}
.pc_search_bott a span{display:inline-block; vertical-align:middle;}
.pc_search_bott a span.xiala_search{width:34px; height:32px; background:url(../images/xiala_search.png) no-repeat center;}
.pc_search_bott a span.txt{font-size:20px; color:#1C2B89; margin-left:14px;}
.pc_search_close{width:100px; height:100px; background:#1C2B89;  position:absolute; right:0; top:0; cursor:pointer;}
.pc_search_close .icon{width:25px; height:25px; position:absolute; left:50%; margin-left:-12px; top:50%; margin-top:-12px; background:url(../images/pc_search_close1.png) no-repeat center; transition:all 0.5s ease;}
.pc_search_close:hover .icon{transform:rotateZ(180deg);}
.flash {
    position: relative;
    margin-bottom: 70px;
    --color-text: #333;
    --color-bg: #000;
    --color-link: #aaa;
    --color-link-hover: #333;
    --color-info: #7239c0;
}

.flash .slides {
    position: relative;
    width: 100%;
    height: 92vh;
    margin: auto;
    /*pointer-events:none;*/
    overflow: hidden;
}

.flash .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flash .slide--current {
    opacity: 1;
}

.flash .slide__img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
}
.flash-txt {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 40%;
    z-index: 1;
    transform: translateX(300px);
    opacity: 0;
    transition: 1.5s all;
}

.flash-txt img {
    margin-bottom: 40px;
}

.flash-txt a.flash-txt-more {
    display: inline-block;
    background: #fff;
    color: rgba(50,50,50, .75);
    border-radius: 17.5px;
    width: 110px;
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
    margin-left:8%;
}

.flash-txt i {
    display: inline-block;
    line-height: 35px;
    width: 35px;
    text-align: center;
    font-style: normal;
    border-radius: 50%;
    color: #fff;
    background: #6B6F74;
}

.flash .slide--current .flash-txt {
    transform: translate(0, 0);
    opacity: 1;
    transition: 1.5s all;
}

.flash-txt a.flash-txt-more:hover {
    background: #000;
    color: #fff;
}

.flash-panel {
    position: absolute;
    left: 0;
    bottom: -50px;
    background: #6B6F74;
    padding: 25px 0;
    color: #fff;
    right: 50%;
}

.flash-panel-txt {
    position: relative;
    text-align: right;
    padding: 0 15px;
    transform: translateY(100%);
    opacity: 0;
}

.flash-panel-txt h2 {
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
}

.flash-panel-txt span {
    display: none;
    white-space: nowrap;
    overflow: hidden;
}

.flash-panel-img {
    display: none;
    opacity: 0;
    position: relative;
    z-index: 1;
}

.flash-panel.on .flash-panel-txt {
    transform: translateY(0);
    opacity: 1;
    transition: 1s all;
    z-index: 1;
}

.flash-panel.on .flash-panel-img {
    opacity: 1;
    transition: 2s all;
}

.flash .pagination {
    position: absolute;
    left: 50%;
    bottom: -45px;
    padding-left: 25px;
}

.flash .pagination__item {
    width: 25px;
    color: #b5b5b5;
    font-size: 25px;
    cursor: pointer;
}

.flash .pagination__item:hover {
    color: #6B6F74;
}

.flash .pagination__item--current {
    color: #DA251C;
}

@media(min-width:992px) {
    .flash-txt {
        position: absolute;
        left: 52%;
        top: 30%;
    }

    .flash-txt-last {
        left: 15%;
    }

    .flash {
        margin-bottom: 150px;
    }

    .flash-panel {
        padding: 0;
        bottom: -80px;
        display: flex;
        justify-content: flex-end;
    }

    .flash-panel-txt {
        display: inline-block;
        padding: 6%;
    }

    .flash-panel-txt h2 {
        margin-bottom: 20px;
        font-size: 37px;
        font-weight: 500;
    }

    .flash-panel-txt span {
        display: unset;
        font-size: 16px;
    }

    .flash-panel-img {
        display: unset;
        background: #6B6F74;
        text-align: center;
        padding: 6%;
    }

    .flash .pagination {
        bottom: -60px;
        padding-left: 45px;
    }

    .flash .pagination__item {
        width: 55px;
    }
}
.uncover {
    overflow: hidden;
    background-image: none !important;
    position: relative;
}

.uncover__img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
}

.uncover__slices {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}

.uncover__slices--vertical {
    flex-direction: row;
}

.uncover__slices--horizontal {
    flex-direction: column;
}

.uncover__slices--horizontal-double {
    display: grid;
    grid-template-columns: 50% 50%;
}

.uncover__slices--vertical-double {
    display: grid;
    grid-template-rows: 50% 50%;
}

.uncover__slice {
    color: #fff;
    background-color: currentColor;
    flex: 1;
}

.uncover__slices--vertical .uncover__slice {
    box-shadow: 1px 0 0 currentColor;
}

.uncover__slices--horizontal .uncover__slice {
    box-shadow: 0 1px 0 currentColor;
}


.netHead {
    height: 4rem;
  }
  
  @media only screen and (max-width: 768px) {
    .netHead {
      height: 6rem;
    }
  }
  
 










  @keyframes myfirst {
    from {
      width: 1rem;
      height: 1rem;
    }
    to {
      width: 100%;
      height: 100%;
    }
  }
  
  @keyframes myfirst2 {
    from {
      width: 1rem;
      height: 1rem;
    }
    to {
      width: 80%;
      height: 80%;
    }
  }
  
  @keyframes myfirst3 {
    from {
      width: 1rem;
      height: 1rem;
    }
    to {
      width: 1rem;
      height: 1rem;
    }
  }
  
  @keyframes circle1 {
    from {
      width: 1.3rem;
      height: 1.3rem;
    }
    to {
      width: 100%;
      height: 100%;
    }
  }
  
  @keyframes circle2 {
    from {
      width: 1.3rem;
      height: 1.3rem;
    }
    to {
      width: 80%;
      height: 80%;
    }
  }

  .cp_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 60px 0 50px;height: 80px;overflow: hidden;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}
.cp_tit{ background:url(../images/cp_bg.jpg) no-repeat;height:150px;padding: 55px 0 0; overflow:hidden;}
.item {
    width: 50%;
    height: 480px;
    position: relative;
}

.item .img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
}

.item.one .box {
    margin-left: 8%;
    color: #fff;
    position: relative;
    top: 16%;
    width: 79%;
    text-align: left;
}

.item.two .box {
    margin-left: 10%;
    color: #000;
    position: relative;
    top: 15%;
    width: 79%;
    text-align: left;
}

.item .box {
    padding-left: 68px;
}

.item .box {
    margin-top: 40px;
}

.second4 .item .box strong {
    font-size: 30px;
    font-weight: 100;
}

.item .box .line {
    width: 46px;
    height: 2px;
    background-color: #fff;
    margin: 10px 0 20px;
}

 .item .box p {
    font-size: 18px;
    line-height: 40px;
}

.item .box p i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    background: url(../images/c5.png) center no-repeat;
}

.item.two .box p i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    background: url(../images/c9.png) center no-repeat;
}

.item.two .box .line {
    width: 46px;
    height: 2px;
    background-color: #000;
    margin: 10px 0 20px;
}

.clear {
    zoom: 1;
}

.clear:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clear::before,
.clear::after {
    content: "";
    display: table;
}
.box strong{font-size:19px;}
.clear::after {
    clear: both;
}

.item {
    width: 50%;
    height: 480px;
    position: relative;
}

.page{ margin:0 auto;width: 1400px;height:100%; }
.com_t b{background: url(../images/20200616214950_976716484.png)no-repeat top center;}
.com{height:516px;}
/*.com_fl{width:858px;height:667px;background: url(../images/20200616215258_237010247.png)no-repeat left center;}*/

.com_fl{width:858px;height:484px;background: url(../images/20200616215258_237010247.jpg)no-repeat left center;}


.about_m{width:100%;height:500px; position: relative;}

/*.dot{ position: absolute;bottom:186px;left: 386px;z-index: 2;width:80px; height:80px;border-radius: 50%;background: url(../images/20200617202857_1327914177.png)#6B6F74 no-repeat center;-webkit-transform: rotate(0deg);transform: rotate(0deg);}*/
.pulse { -webkit-animation-name: pulse; animation-name: pulse;}
.pulse {position: absolute;bottom:165px;left:366px;z-index: 1;width:120px;height:120px;border-radius: 50%;background: #6B6F74;-webkit-box-shadow: 1px 1px 20px #6B6F74;box-shadow: 1px 1px 20px #6B6F74;opacity: 0.4; -webkit-animation: warn 2.2s ease-out;animation: warn 2.2s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.pulse1 { position: absolute; bottom:133px;left:332px;z-index: 1;width:185px; height: 185px;border-radius: 50%;background: #6B6F74;-webkit-box-shadow: 1px 1px 20px #6B6F74;box-shadow: 1px 1px 20px #6B6F74; opacity: 0.8;-webkit-animation: warn1 2s ease-out;animation: warn1 2s ease-out; -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.com_fl>a{height:164px;display: block;background: #000;opacity:0.9;padding:40px 50px;font-size:16px;color:#ccc;line-height: 30px;}



.com_fr{position: relative;width: 498px;height:485px;border: #eee 1px solid;}

.com_fr span{display: block;height:63px;line-height: 63px; font-size: 24px;color:#fff;text-align: center;background: url(../images/20200617111725_1975668904.png)no-repeat top center;}
.com_fr_b_bj{background: url(../images/20200617112718_2136839877.png)no-repeat;}
.com_fr_b_fl,.com_fr_b_fr{position: absolute;top: 606px;width: 30px;height: 30px;z-index: 99;cursor: pointer;}
.com_fr_b_fl{left: 60px;}
.com_fr_b_fr{right:60px;background-position: right center;}
.com_fr_b{ margin-top: 30px;}
.com_fr_b table div>a{display: block; font-size: 16px;color: #666;margin-top:26px;}


.video_btn{cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 9;} 
.video_m {background:#eee;width: 1000px; height: 600px; z-index: 1; margin: 7% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 5.3em;right: 15.1em;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 

.tour-package {
    /*background-image: url(../images/package-bg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0 70px;
    margin-top:43px;
    width: 71%;
    margin: auto;
    overflow-x: clip;
  }
  
  .single-package {
    background: #ffffff;
    margin: 0 0 30px;
  }
  
  .single-package .img {
    position: relative;
  }
  
  .single-package .img a {
    display: block;
  }
  
  .single-package .img img {
    width: 100%;
  }
  
  .single-package .img .off {
    position: absolute;
    left: 0;
    top: 30px;
    color: #ffffff;
    background-color: #ee5351;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 22px;
    z-index: 2;
  }
  
  .single-package .img .off::before {
    content: "";
    position: absolute;
    background-image: url(../images/home1/package-icon.png);
    background-position: center;
    width: 116px;
    height: 66px;
    z-index: -1;
    left: -17px;
    top: -6px;
  }
  
  .single-package .content {
    padding: 5px;
  }
  
  .single-package .content .name-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  
  .single-package .content .name-price .np-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    padding-right: 5px;
  }
  .np-name{
    text-align: center;
  }
  .single-package .content .name-price .np-name .name {
    color: #454545;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin: 0 0 12px;
    letter-spacing: 0;
    height: 40px;
  }
  
  .single-package .content .name-price .np-name .name:hover {
    color: #03a3f0;
  }
  
  .single-package .content .name-price .np-name .duration {
    color: #979797;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
  
  .single-package .content .name-price .np-name .duration .icon {
    color: #03a3f0;
    margin-right: 4px;
  }
  
  .single-package .content .name-price .np-price {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    padding-left: 5px;
    text-align: right;
  }
  
  .single-package .content .name-price .np-price .from {
    color: #979797;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
  
  .single-package .content .name-price .np-price .from.cross {
    text-decoration: line-through;
  }
  
  .single-package .content .name-price .np-price .price {
    color: #03a3f0;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
  }
  
  .package-carousel .owl-nav div {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 60px;
    width: 60px;
    line-height: 60px;
    background: #03a3f0;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
  }
  
  .package-carousel .owl-nav .owl-prev {
    left: -360px;
  }
  
  .package-carousel .owl-nav .owl-next {
    right: -360px;
  }
  .news{padding:0px 0px 80px 0px;}
.news > .page > .fl{width: 480px;height: 580px;background: #f5f5f5;position: relative;}
.news > .page > .fr{width: 890px;height: 580px;}

.news > .page > .fl .news_tit{background:url(../images/20200618115211_1195646766.png) repeat center;height: 178px;padding: 30px 35px;}
.news_tit a{font-size: 28px;color: #fff;display: block;line-height: 30px;position: relative;}
.news_tit a .en{font-size: 14px;font-family: arial,microsoft yahei;display: block;line-height:25px;font-weight: 100;text-transform: capitalize;}
.news_tit a i{position: absolute;width: 25px;height: 25px;background:#6B6F74 url(../images/20200618115211_1697996462.png) no-repeat center;right: 0;top: 13px}
.news_l_cont{width: 410px;position: absolute;left: 35px;top: 110px;}
.news_l_cont_in{width: 100%;}
.news_l_cont_i{display: block;width: 100%;}
.news_l_cont_i img{width: 100%;height: 280px;display: block;}
.news_l_cont_i strong,.news_r2_cont_i strong{font-size: 18px;font-weight: normal;color: #343434;white-space: nowrap;overflow: hidden;width: 100%;display: block;line-height: 50px;padding: 10px 0 0;text-overflow: ellipsis;}
.news_l_cont_i p,.news_r2_cont_i p{font-size: 14px;font-weight: 100;color: #999;line-height: 28px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news_l_cont_tit{position: absolute;width: 96%;top: 240px;text-align: right;left: 0;}
.news_l_cont_tit li{width: 10px;height: 10px;background: #ccc;display: inline-block;border-radius: 50px;-webkit-transition:0.3s all ease;transition:0.3s all ease;margin-right: 3px;cursor: pointer}
.news_l_cont_tit li.cur{width: 30px;background: #DA251C;}

.news_l_cont_i i{font-size: 14px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #999;display: block;width: 100%;height: 30px;font-style: normal;margin-top: 20px;}
.news_l_cont_i i:after,.news_r2_cont_i i:after{content: '';width: 65px;height: 1px;top: 14px;background: #ccc;display: block;position: absolute;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.news_l_cont_i *,.news_r2_cont_i *{-webkit-transition:0.3s all ease;transition:0.3s all ease}
.news_l_cont_i:hover i:after,.news_r2_cont_i:hover i:after{background: #6B6F74;width: 100px}
.news_l_cont_i:hover strong,.news_r2_cont_i:hover strong{color: #6B6F74;}
.news_r2_cont_i{width: 380px;float: left;margin-right: 50px}
.news_r2_cont_i i{font-size: 14px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #999;display: block;width: 90%;height: 30px;font-style: normal;margin-top: 25px;}
.news_l_cont_i i em,.news_r2_cont_i i em{
    font-size: inherit;
    font-style: normal;
    font-family: inherit;
    float: right;
}
.news_row2{padding:30px 35px;width: 820px;height: 189px;background: #f5f5f5;position: relative;}
.news_row2 .news_tit a,.news_row3 .news_tit a{color: #343434}
.news_row2 .news_tit a .color,.news_row3 .news_tit a .color{color: #6B6F74;font-size: inherit;font-weight: bold;}
.news_row2 .news_tit a .en,.news_row3 .news_tit a .en{color: #999}
.news_row3{padding:30px 35px;width: 820px;height:251px;background: #f5f5f5 url(../images/20200618115211_273728067.jpg) no-repeat 0 center;margin-top: 20px;position: relative;}
.news_row3 .fl{width: 380px;}
.news_row3 .fr{width: 420px}


.news_r2_cont{overflow: hidden;}
.news_r2_cont_tit{position: absolute;width: 96%;top: 50px;text-align: right;left: 0;}
.news_r2_cont_tit li{width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition:0.3s all ease;transition:0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r2_cont_tit li.cur{width: 30px;background: #DA251C;}


.news_r3_cont{position: relative;}
.news_r3_cont_i p{background: url(../images/20200618115211_145399865.png) no-repeat left center;font-size: 16px;color: #333;font-weight: normal;padding-left: 40px;line-height: 38px;}
.news_r3_cont_i span.small{background: url(../images/20200618115211_863900633.png) no-repeat left center;font-size: 14px;color: #999;padding-left: 40px;display: block;line-height: 32px;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_r3_cont_i{display: block;padding: 15px 0 0px;}

.news_r3_cont_tit{position: absolute;width: 100%;top: -35px;text-align: right;left: 0;}
.news_r3_cont_tit li{width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition:0.3s all ease;transition:0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r3_cont_tit li.cur{width: 30px;background: #DA251C;}




.footer_nav {
	background: #2f2f2f;
	border-bottom: 1px solid #000000;
    display: flex;
    width:100%;
}

.footer_nav ul li {
	width: 114px;
	float: left;
	line-height: 70px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: relative;
}

.footer_nav ul li::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 11px;
	background: #fff;
	right: 0;
	top: 0;
	margin-top: 30px;
}

.lw::after {
	display: none;
}

.footer_nav ul li a {
	color: #fff;
}

.footer_nav {
	background: #000000;
}

.last {
	padding: 45px 0 65px 0;
	background: #000000;
}

.last_logo {
	position: relative;
	width: 374px;
	font-size: 14px;
	color: #bfc0c0;
}

.last_logo p a {
	color: #bfc0c0;
}

.last_logo::after {
	position: absolute;
	background: #000000;
	content: '';
	width: 1px;
	height: 120px;
	right: 0;
	top: 16px;
}

.last_middle {
	width: 554px;
}

.last_middle p {
	font-size: 16px;
	color: #bfc0c0;
	padding-left: 60px;
	margin-bottom: 20px;
}

.last_right {
	width: 270px;
	padding-top: 10px;
}

.point {
	float: right;
	width: 113px;
	border-top: 1px solid #626262;
	border-bottom: 1px solid #626262;
	padding: 20px 0 33px 0;
}

.point p {
	font-size: 14px;
	color: #fff;
	line-height: 40px;
}
.container {
    width: 1300px;
    margin: 0 auto;
}
.container1 {
    width: 800px;
    margin: 0 auto;
}

.proban{width: 100%;background-repeat: no-repeat;display: flex;align-items: center;background-size: cover;background-position: center bottom;background-color: #edeef0;position: relative;}
.proban-cont{max-width: 546px;position: relative;z-index: 3;}
.proban-cont h1{font-size: 40px;font-weight: 700;line-height: 1;color: #6B6F74;margin-bottom: 12px;}
.proban-cont h6{font-size: 16px;text-transform: uppercase;font-weight: 700;color: #6B6F74;opacity: 0.3;font-family: Arial;}
.proban-cont p{font-size: 16px;color: #222;line-height: 30px;margin: 24px 0 18px;}
.proban-cont i{display: block;width: 100px;height: 3px;background: #6B6F74;}
.product{width: 100%;padding: 30px 0 68px;float: left;}
.proMenu{width: 240px;float: left;position: relative;}
.proMenu-title{display: flex;flex-direction: column;color: #fff;justify-content: center;height: 84px;padding: 0 20px;background: url('../images/prolbBg.jpg') no-repeat center/cover;}
.proMenu-title h2{text-align: center;font-size: 24px;line-height: 1;font-weight: 700;margin-bottom: 8px;}
.proMenu-title p{opacity: 0.3;font-size: 14px;text-transform: uppercase;font-weight: 700;font-family: Arial;line-height: 1;text-align:center;}
.proMenu-call{width: 100%;background: #f5f5f5;margin-top:4px;padding-top: 18px;text-align: center;}
.proMenu-call h6{width: 100%;}
.proMenu-call h6 span{display: inline-block;font-size: 16px;color: #6B6F74;height: 26px;line-height: 26px;font-weight: 700;background: url('../images/prolbTel.png') no-repeat left center;}
.proMenu-call p{font-size: 22px;font-weight: 700;line-height: 1;color: #6B6F74;margin: 10px 0 18px;}
.proMenu-call a{display: flex;width: 100%;background: #6B6F74;height: 46px;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-weight: 700;}
.proMenu-menu{width: 100%;background: #f5f5f5;user-select: none;display: block;padding-bottom: 18px;}
.proMenu-menu li{width: 100%;position: relative;}
.proMenu-menu li::after{content: "";position: absolute;width: calc(100% - 40px);bottom: 0;background: #e3e3e3;left: 0;height: 1px;right: 0;margin: 0 auto;}
.proMenu-menu li:last-child::after{display: none;}
.proMenu-menu-link{display: flex;align-items: center;padding: 0 20px;position: relative;height: 68px;font-size: 15px;color: #333;font-weight: 700;transition: all .4s ease;}
.proMenu-menu-link::after{content: "";width: 14px;height: 14px;position: absolute;right: 16px;top: 50%;margin-top: -7px;background: url('../images/prolbArr.png') no-repeat center;}
.proMenu-menu-link h2{max-width: 180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: 700;font-size:16px;}
.proMenu-menu-link.active{background: #6B6F74;color: #fff !important;}
.proMenu-menu-link.active::after{background-image: url('../images/prolbArrH.png');right: 20px;}
.proMenu-menu-drop{display: none;width: 100%;padding: 10px 0;}
.proMenu-menu-drop a{display: block;height: 32px;line-height: 32px;font-size: 14px;color: #666;font-weight: 500;padding: 0 32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.proMenu-menu-drop a:hover, .proMenu-menu-drop a.active{color: #6B6F74;}
.proMenu-menu-link:hover{color: #6B6F74;}
.proMenu-click{display: none;user-select: none;position: absolute;width: 32px;height: 32px;text-align: center;background: rgba(29,32,136,1);z-index: 2;border-radius: 2px;}
.proMenu-click span{width: 20px;height: 2px;background: #fff;display: block;position: relative;margin: 15px auto 0;transition: all .2s linear;}
.proMenu-click span:before,.proMenu-click span:after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.proMenu-click span:before{top: -6px;}
.proMenu-click span:after{top: 6px;}
.proMenu-click.active span:before, .proMenu-click.active span:after{top: 0;}
.proMenu-close{display: none;}
.proCont{width: calc(100% - 270px);float: right;position: relative;}
/* 产品-列表 */
.prolb{width: 100%;overflow: hidden;}
.prolb-list{width: 100%;}
.prolb-ul{margin: -2% 0 0 -2%;}
.prolb-link{display: block;width: 31%;float: left;margin: 2% 0 0 2%;background: #fff;}
.prolb-img{width: 100%;display: flex;align-items: center;justify-content: center;height: 244px;
    overflow: hidden;border: 1px solid #dcd6dc;}
.prolb-img img{max-width: 100%;transition: all .6s ease;width:100%;}
.prolb-cont{width: 100%;display: flex;flex-direction: column;justify-content: center;text-align: center;height:51px;padding-bottom: 16px;}
.prolb-cont h2{font-size: 18px;font-weight: 700;color: #333;transition: all .4s ease;margin-bottom: 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.prolb-cont p{font-size: 13px;color: #999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.prolb-link:hover .prolb-img img{transform: scale(1.02);}
.prolb-link:hover .prolb-cont h2{color: #6B6F74;}

/* 产品-详情 */
.proxq{width: 100%;overflow: hidden;}
.proxq-btn{width: 100%;margin-top: 30px;}
.proxq-btn a{display: block;overflow: hidden;width: 49%;background: #fff;transition: all .4s ease;}
.proxq-btn a:first-child{float: left;}
.proxq-btn a:last-child{float: right;}
.proxq-btn-hint, .proxq-btn-cont, .proxq-btn-img{height: 78px;display: flex;align-items: center;position: relative;}
.proxq-btn-hint{width: 72px;justify-content: center;font-size: 13px;position: relative;float: left;color: #999;transition: all .4s ease;}
.proxq-btn-hint::after{content: "";position: absolute;width: 1px;height: 36px;background: #e7e7e7;top: 50%;margin-top: -18px;right: 0;transition: all .4s ease;}
.proxq-btn-info{width: calc(100% - 88px);float: right;padding-right: 14px;overflow: hidden;}
.proxq-btn-img{width: 80px;float: right;overflow: hidden;float: right;transition: all .4s ease;opacity: 0;}
.proxq-btn-img-size{width: 100%;height: 54px;background: #fff;padding: 8px;display: flex;align-items: center;justify-content: center;}
.proxq-btn-img img{max-width: 100%;max-height: 100%;}
.proxq-btn-cont{width: calc(100% - 94px);float: left;}
.proxq-btn-cont-center{width: 100%;}
.proxq-btn-cont h2{font-size: 17px;color: #333;line-height: 1;margin-bottom: 8px;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.proxq-btn-cont p{font-size: 13px;color: #999;line-height: 1;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.proxq-btn a:last-child .proxq-btn-hint{float: right;}
.proxq-btn a:last-child .proxq-btn-hint::after{right: auto;left: 0;}
.proxq-btn a:last-child .proxq-btn-info{float: left;padding-right: 0;padding-left: 14px;}
.proxq-btn a:last-child .proxq-btn-img{float: left;}
.proxq-btn a:last-child .proxq-btn-cont{float: right;text-align: right;}
.proxq-btn a:hover{background: #6B6F74 !important;}
.proxq-btn a:hover .proxq-btn-cont h2{color: #fff;}
.proxq-btn a:hover .proxq-btn-cont p{color: #fff;}
.proxq-btn a:hover .proxq-btn-hint::after{background: rgba(255, 255, 255, 0.2);}
.proxq-btn a:hover .proxq-btn-img{opacity: 1;}
.proxq-btn a:hover .proxq-btn-hint{color: #fff;}
.proxq-mix{width: 90%;padding: 40px;background: #fff;}
.proxq-head{width: 100%;}
.proxq-head-loop{width: 500px;float: left;}
.proxq-head-loop-top{width: 100%;border: 1px solid #e2e2e2;}
.proxq-head-loop-img{width: 100%;height: 412px;display: flex;align-items: center;justify-content: center;}
.proxq-head-loop-img img{max-width: 88%;max-height: 88%;}
.proxq-head-loop-thumbs{width: 100%;margin-top: 18px;position: relative;padding: 0 32px;}
.proxq-head-loop-thumbs .equip-min{display: flex;width: 100%;height: 88px;overflow: hidden;border: 1px solid #d8d8d8;align-items: center;justify-content: center;background: #fff;}
.proxq-head-loop-thumbs .equip-min img{max-width: 80%;max-height: 80%;object-fit: cover;}
.proxq-head-loop-thumbs .equip-min.active{border:1px solid #6B6F74;}
.proxq-head-loop-thumbs .prev, .proxq-head-loop-thumbs .next{position: absolute;width: 32px;height: 88px;top: 0;background: url('../images/proxqArr.png') no-repeat left center;cursor: pointer;transition: all .4s ease;}
.proxq-head-loop-thumbs .prev{left: 0;}
.proxq-head-loop-thumbs .next{transform: rotate(180deg);right: 0;}
.proxq-head-loop-thumbs .prev:hover, .proxq-head-loop-thumbs .next:hover{background-image: url('../images/proxqArrH.png');}
.proxq-head-mix{width: calc(100% - 500px);padding-left: 40px;float: right;}
.proxq-head-info{width: 100%;}
.proxq-head-info h2{font-size: 30px;color: #333;line-height: 1.32;}
.proxq-head-info p{font-size: 14px;color: #666;line-height: 25px;margin-top: 20px;}
.proxq-head-list{width: 100%;margin-top: 20px;}
.proxq-head-list p{display: block;padding: 18px 0;font-size: 15px;color: #666;border-top: 1px dashed #e6e6e6;}
.proxq-cont{width: 100%;margin-top: 40px;}
.proxq-cont-head{width: 100%;position: relative;}
.proxq-cont-head::after{content: "";position: absolute;width: 100%;height: 1px;background: #eaeaea;left: 0;bottom: 0;}
.proxq-cont-head h2{width: 129px;height: 47px;display: flex;align-items: center;padding-left: 20px;background: url('../images/proxqic.png') no-repeat center/100% auto;font-size: 18px;color: #fff;font-weight: 700;}
.proxq-cont-desc{width: 100%;margin-top: 40px;}
.proxq-cont-desc p{font-size: 15px;color:black;line-height: 30px;}
.proxq-cont-desc h1, .proxq-cont-desc h2, .proxq-cont-desc h3, .proxq-cont-desc h4, .proxq-cont-desc h5, .proxq-cont-desc h6{font-size: 15px;color: #333;line-height: 30px;font-weight: 700;}
.proxq-cont-desc p br{content: "";display: block;height: 22px;}
.Container-wrapper{width: 100%;}
.contain-1400{width: 1400px;margin: 0 auto;}
.contain{width: 1300px;margin: 0 auto;}
.ym{padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
    display: table;
    margin: auto;}
.ym a{float:left; border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; margin-right:5px; margin-bottom:5px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.ym a:hover{background:#5c5c5c; color:#FFF; border:solid 1px #5c5c5c;}

a.page-num-current {
    background: #6B6F74;
    color: #FFF;
    border: solid 1px #6B6F74;
}
.ym span  {
    display: block;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}
.proxq-head img{  
    display: block;
    margin: auto;}
    .sonBan-site{padding-top: 25px;}
    .sonBan-site a{color:black;}

    .proCont dl {
           border: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 22px 56px 18px 22px;
    background: #fff;
    display: inline-block;
        width:856px;
    }
    
    .proCont dt {
            width: 18.4%;
    float: left;
    margin-right: 2.3%;
    }
    
    .proCont dt img {
        width:100%; 
        display: block;
    }
    
    .proCont dd h4 {
           height: 40px;
    font-weight: normal;
    font-size: 18px;
    color: #154c64;
    line-height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
    }
    
    .proCont h4 a {
        display: block;
        height: 40px;
        color: #4b4a4a;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .proCont dl:hover{border:1px solid #DA251C;}
    .proCont dl:hover h4 a {
        color:black;
    }
    
    .k12-xl-xwlb-1nt2-1-01-list-desc {
         max-height: 49px;
    font-size: 14px;
    line-height: 23px;
    color: #797979;
    margin-bottom: 1px;
    overflow: hidden;
    }
    
    .k12-xl-xwlb-1nt2-1-01-list-deta {
        width: 90px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
        float: right;
        background: #b6b6b6;
        color: #fff;
    }
    .k12-xl-xwlb-1nt2-1-01-list-deta a{color:#fff;}
    
    .proCont dl:hover .proCont-deta {
        background: #152887;
        border-color: #152887;
    }
    
    .proCont dl:hover .proCont-deta a {
        color: #fff;
    }
    .about_contact {
        padding-top: 90px;
        background-image: url(../images/contact.jpg);
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-bottom:50px;
    }
    
    .about_contact .about_contact_top .en {
        margin-bottom: 0;
    }
    
    .about_contact .about_contact_top {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 61px;
        border-bottom: 1px solid #EFEFEF;
    }
    
    .about_contact .about_contact_top .service_text {
        font-size: 16px;
        color: #666;
        text-align: right;
        line-height: 1;
        font-family: PingFang;
        font-weight: 500;
    }
    
    .about_contact .about_contact_top .phone {
        text-align: right;
        line-height: 1;
        font-family: PingFang;
        font-weight: 500;
        font-size: 24px;
        color: #6B6F74;
        margin-top: 14px;
    }
    
    .about_contact .address {
        padding: 38px 0 0px;
        display: flex;
        justify-content: space-between;
    }
    
    .about_contact .address .left li {
        font-size: 16px;
        font-family: PingFang;
        font-weight: 500;
        color: #666666;
        line-height: 40px;
    }
    
    .about_contact .address .right p {
        text-align: center;
        margin-top: 5px;
        color: #666;
        font-size: 16px;
        font-family: PingFang;
        font-weight: 500;
    }
    
    .about_contact .map {
        margin-top: 44px;
    }
    
    .about_contact .online {
        padding: 88px 0 172px;
        display: flex;
        justify-content: space-between;
    }
    
    .about_contact .online .left {
        width: 28.7%;
    }
    
    .about_contact .online .right {
        width: 54.8%;
    }
    
    .about_contact .online .en {
        margin-bottom: 87px;
    }
    
    .about_contact .online .left .text {
        font-size: 16px;
        color: #999;
        line-height: 36px;
        margin-bottom: 55px;
    }
    
    .about_contact .online .left li {
        font-size: 16px;
        color: #999;
        line-height: 40px;
    }
    
    .about_contact .online .right .input label {
        display: block;
        font-size: 16px;
        font-family: PingFang;
        font-weight: bold;
        color: #333333;
        line-height: 1;
        margin-bottom: 39px;
    }
    
    .about_contact .online .right .input_div {
        margin-bottom: 28px;
    }
    
    .about_contact .online .right .input {
        border-bottom: 1px solid #ddd;
    }
    
    .about_contact .online .right .input input {
        border: none;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        color: #aaa;
        outline: none;
        width: 100%;
        background-color: transparent;
    }
    
    .about_contact .online .right .input select {
        height: 44px;
        width: 100%;
        border: none;
        outline: none;
        font-size: 14px;
        color: #aaa;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(../images/bottom222.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
    
    .about_contact .online .right .input_div1 {
        display: flex;
        justify-content: space-between;
    }
    
    .about_contact .online .right .input_div1 .input {
        width: 45%;
    }
    
    .about_contact .online .right .input_div .verfiy {
        position: relative;
    }
    
    .about_contact .online .right .input_div .verfiy_code {
        position: absolute;
        bottom: 9px;
        right: 0;
    }
    
    .about_contact .online .right .input_div .verfiy input {
        padding-right: 130px;
    }
    
    .about_contact .online .right .submit {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 167px;
        height: 52px;
        background: #6B6F74;
        color: #fff;
        line-height: 52px;
        text-align: center;
        font-size: 16px;
        font-family: PingFang;
        font-weight: 500;
        margin-top: 39px;
    }
    
    .about_contact .online .right .submit .iconfont {
        font-size: 22px;
        padding-left: 13px;
    }
    
    .about_contact .online .right .submit span {
        vertical-align: middle;
    }
    .container1400 {
        width: 1300px;
        max-width: 100%;
        margin: 0 auto;
      }
      .left .en{
        position: relative;
        font-size: 36px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #222222;
        line-height: 1;
        text-transform: uppercase;
        padding-bottom: 32px;
      }
      .left .zh{
        font-size: 26px;
        font-family: PingFang;
        font-weight: 500;
        color: #222222;
        line-height: 1;
        margin-bottom: 17px;
      }


.about_contact_top .en:before,
.about_contact .online .en::before
 {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 35px;
	height: 4px;
	background: #6B6F74;
}


.proCont dl:hover .k12-xl-xwlb-1nt2-1-01-list-deta{background-color:#DA251C;}


.infos{}
.infos h3{
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 27px;
    margin-top: 27px;
}
.liuyan{}
.inputs{    width: 48%;
    margin: 1%;
    float: left;}
.inputs input{    width: 100%;
    padding: 13px;
    border: 1px solid #ced7d3;}