@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

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


.layui-layer{
    background: url(//cdn.xypt.top/874a80e1/21/05/61211b394f3b729e991d9500125fa392009eba7f.jpg) no-repeat;
    background-size: 100% 100%;
}

.gengd li{
    font-size: 14px;
    line-height: 30px;
}
.gengd li a{
    color: #333;
}

.bb_fu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    text-align: center;
    width: 727px;
    padding: 20px 0;
}

.bb_fu>h1 {
    font-size: 60px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}

.bb_fu>h3 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 6px;
    margin: 1.125% 0 3.125%;
}

.bb_fu>p {
    font-size: 2px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 15px;
    margin-bottom: 15px;
}

.weq1{
        float: right;
    color: #fff;
    margin: 40px 30px 0 0;
    font-size: 16px;
}








/*  */

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        transform: scale(1.08)
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        transform: scale(1.08)
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.banner .banner-item img {
    width: 100%;
    /*-moz-transform: scale(1,1);*/
    /*-ms-transform: scale(1,1);*/
    /*-o-transform: scale(1,1);*/
    /*-webkit-transform: scale(1,1);*/
    /*transform: scale(1,1);*/
    /*-webkit-transition: all 10s ease;*/
    /*transition: all 10s ease;*/
}

.banner .banner-item.slick-active img,
.banner .banner-item.slick-current img{
    -webkit-animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94);
    -moz-animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94);
    animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94)
    
    /*-moz-transform:scale(1.2,1.2);*/
    /*-ms-transform:scale(1.2,1.2);*/
    /*-o-transform:scale(1.2,1.2);*/
    /*-webkit-transform:scale(1.2,1.2); */
    /*transform:scale(1.2,1.2);*/
}




/**/
.o-scroll{
    overflow: hidden;
}


/*  */

.banner .slick-arrow {
    position: absolute;
    z-index: 9999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 0;
    outline: none;
    border: none;
    top: 50%;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
}

.banner .slick-prev {
    left: 2%;
    background: url(../images/prev.png) no-repeat center;
}

.banner .slick-next {
    right: 2%;
    background: url(../images/next.png) no-repeat center;
}











@font-face {
    font-family: 'constan2';
    src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}
.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

            .demo-message-wrap input::-webkit-input-placeholder,
            .demo-message-wrap textarea::-webkit-input-placeholder {
                /* WebKit browsers */
                  color: #fff;
            }

            .demo-message-wrap input:-moz-placeholder,
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                  color: #fff;
            }

            .demo-message-wrap input::-moz-placeholder,
            textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                   color: #fff;
            }

            .demo-message-wrap input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                  color: #fff;
            }

            .demo-message-wrap input[type='text']::-webkit-input-placeholder{
                color: #fff;
            }



.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}
/*头部样式*/
.sky{width:1920px;position:relative;left:50%;margin-left:-960px;height:35px;background:#dddddd;}
.sky_con{width:1200px;margin:0 auto;}
.huan{float:left;color:#666666;font:400 12px/35px "Microsoft Yahei";}
.huan a{line-height:35px;color:#666666;font-size:12px;padding-right: 5px;}
.k1x{float:right;line-height:35px;color:#666666;font-size:12px;}
.k1x a{color:#666666;font-size:12px;}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}



.tou_con{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5}
.tou{width:1200px;margin:0 auto;height:120px;overflow:hidden}
.logo{float:left;line-height:120px;margin-top: 2%}
.telx{float:right;margin-top:30px;}


#formsearch1{}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch1 input{background:#fff;border:1px solid #c8c8c8;float:left;width:80%;outline: none;}
#formsearch1 input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;}
#formsearch1 input#s_btn{width:20%;height:35px;line-height:35px;text-align:center;background:none;color:#fff;border:none;cursor:pointer;
    float: right;
}

#menu{
      width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: #03479c;
}
.ct1{color:#03479c;font-size:42px;text-align:center;}
.ct1 span{display:block;text-transform:uppercase;font-size:18px;font-weight:normal;color:#888888;font-family:"Arial";line-height: 30px;}




/*高品质追求*/
.box2{width:1200px;margin:0 auto;margin-top:20px;}
.tabz{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.tabz li{float:left;width:140px;height:32px;display:block;line-height:32px;background:#eaeaea;text-align:center;color:#666666;font-size:14px;cursor: pointer;margin-left:10px;}
.tabz li.cur{color:#fff;text-decoration:none;font-size:14px;background:#03479c;}
.tabz  li:hover, .tabz li.cur {
    background: #03479c;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.tabz li:hover a, .tabz li.cur a {
    color: #fff;
}

.ttz{display: none;margin-top:30px;}
.list1z{padding:8px 10px;}
.list1z li{position:relative;vertical-align: middle;float:left;margin-right:26px;margin-bottom:26px}
.list1z li a.img{display:block}
.list1z li a.img img{width:376px;height:270px;}


.list1z li:nth-child(3n){float:right;margin-right:0px;}

.dac{background:#03479c;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:45px;height:45px;}
.list1z li h3{color:#fff;font-size:16px;float:left;font-weight:normal;margin-left:5%;}
.list1z li h3 a{color:#fff;font-size:16px;line-height:45px;}
.list1z li:hover .dac{background:#b99562;}


.mx{float:right;color:#fff;font-size:16px;margin-right:5%;}
.mx a{color:#fff;font-size:16px;}

/*滚动*/
.pin{width:1200px;margin:0 auto;}

.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}
.product_list3{}
.product_list3 li{float:left;margin-right:38px;margin-bottom:38px;_display:inline;position:relative;width:376px;height:248px;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:376px;height:248px;}
.product_list3 li h3{text-align:center;position:absolute;bottom:0px;width:100%;background:url(../images/h3.png) no-repeat center top;height:40px;color:#fff;}
.product_list3 li h3 a{font-weight:normal;line-height:40px;font-size:16px;color:#fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#b99562;}


.section{overflow: hidden;}
.x-banner {
    width: 100vw;
}
.gfg{
    width: 15%;
    background: #fff;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    float: left;
    position: relative;
    z-index: 999999;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, .2);
}

.daoha {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 100vh;
    background: url(//cdn.xypt.top/874a80e1/21/05/61211b394f3b729e991d9500125fa392009eba7f.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0 10%;
  }
  
  .daoha .x-menu {
    height: 100vh;
    overflow: auto;
    padding-bottom: 80px;
    box-sizing: border-box;
    padding: 13% 0;
    overflow: hidden;
  }
.xymob-navbtng {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 4%;
    margin: auto 0 auto 27px;
    width: 30px;
    height: 20px;
  }
  .xymob-navbtng span, .xymob-navbtng:after, .xymob-navbtng:before {
    display: block;
    height: 2px;
    width: 100%;
    background: #1b46a3;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  
  .xymob-navbtng span {
    margin: 7px 0;
  }
  
  .xymob-navbtng:after, .xymob-navbtng:before {
    content: '';
    -webkit-transform-origin: 7.5%;
            transform-origin: 7.5%;
  }
  
  .xymob-navbtng.clicked span {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  
  .xymob-navbtng.clicked:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .xymob-navbtng.clicked:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.bgfg{
    width: 20%;
    margin: 0 auto;
}
.bgfg img{
    max-width: 100%;
    height: auto;
}
.ying{
    font-size: 0.9rem;
    line-height: 30px;
}

#myMenu {
    position: fixed;
    padding-top: 5px;
    left: 7.6%;
    z-index: 9999;
    top: 50%;
    height: 134px;
   transform: translateY(-50%);
    background: url(../images/tiao.png) no-repeat left top;
}

#myMenu .menuList {
    margin: 5px 0;
    position: relative;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}

#myMenu .menuList a {
    display: block;
    height: 19px;
    line-height: 19px
}

#myMenu .menuList h3 {
    color: #fff;
    font-size: 14px;
    margin-left: 23px;
    display: none;
    line-height: 17px;
    padding-left: 5px;
    font-weight: normal;
    text-align: center;
    background: url(../images/fk.png) no-repeat center;
    width: 76px;
    height: 19px;
}

#myMenu .menuList a::after {
    content: "";
    display: block;
    width: 17px;
    height: 12px;
    background: url(../images/dian.png) no-repeat 5px center;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
}

#myMenu .menuList.active a::after {
    background: url(../images/dian1.png) no-repeat 5px center;
}

#myMenu .menuList.active a h3 {
    display: block;}



.aboutText {
    overflow: hidden;
    position: relative;
}
.aboutTextImg{
    position: relative;
    float: left;
    display: inline;
    width: 480px;
    overflow: hidden;
    height: 430px;
}
.aboutText .aboutTextImg .aboutTextImg1{
    background: url(//cdn.xypt.top/874a80e1/21/05/872f6be910f89da377f85682c19949b8fd28fffb.png) no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 478px;
    height: 395px;
    z-index: 999;
}
.aboutText .aboutTextImg .aboutTextImg2{
    width: 110px;
    height: 110px;
    background-color: #f00;
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: 9999;
    border-radius: 100%;
    opacity: 0.9;
}
.aboutText .aboutTextImg .aboutTextImg3{
    width: 338px;
    height: 338px;
    background-color: #fdb726;
    position: absolute;
    bottom: 0px;
    left: 60px;
    z-index: 99;
    border-radius: 100%;
}
.aboutText .aboutTextImg .aboutTextImg4{
    width: 264px;
    height: 264px;
    background-color: #00ad69;
    position: absolute;
    top: 12%;
    left: 0px;
    z-index: 99;
    border-radius: 100%;
}












.ghbf{
    float: right;
    width: 10%;
    color: #fff;
    margin-top: 1.5%;
}
.hung_gh{
    float: right;
    background: url(//cdn.xypt.top/874a80e1/21/05/a96c0cd41c3b28a019a58db79c767ad0e6b3a559.png) left center no-repeat;
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
}
.qing{
    float: left;
    width: 45%;
    text-transform: uppercase;
}
.hung{
    float: left;
    width: 30%;
    position: relative;
}
.husng{
    position: absolute;
    top:30px;
    right: 0px;
    background: rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
    padding: 3%;
    width: 240px;
    display: none;
}
.section1{
    background: url(//cdn.xypt.top/874a80e1/21/05/63b5383837bf19787c3c84aac60fa8603dc852dd.jpg) no-repeat;
    background-size: 100% 100%;
}
.section0{background:#fff;}
.section{position: relative;width: 100%;}
.chanhh{
    max-width: 1236px;
    margin: 0 auto;
    
}
.eeqqq{
    display: none;
}

.dingsjs{
    position: relative;
  z-index: 9999;
  width: 60%;
  margin: 0 auto;
}
.nei{
    position: relative;
    overflow: hidden;
}

.abt_mm{
    background: url(//cdn.xypt.top/874a80e1/21/05/492ac2fe7ad2eb4aa5c381ec32bff7f17aa1fe09.png) right center no-repeat;
    width: 30%;
    font-size: 0.6rem;
    font-family: "Microsoft Yahei";
    color: #666666;
    margin-top: 20%;
}
.abt{
    position: absolute;
    top: 0%;
    left:2%;
    width: 20%;
    z-index: 999;
}
.abhh{
    width: 35%;
}
.abmm{
    width: 60%;
}
.abhh img{
    width: 100%;
    height: auto;
    transform: scale(0.5);
    transition-duration: 3s;
    opacity: 0;
}
.active .abhh img{
    transform: scale(1);
    opacity: 1;
}
.abgg{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.abmm_tt{
    font-size: 1.5rem;
    font-family: "Microsoft Yahei";
    color: #333333;
    line-height: 50px;
}
.abbbb{
    color: #666666;
    font-size: 0.7rem;
    line-height: 28px;
    padding: 2% 0;
}
.abshu{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5%;
}
.abshu li{
     width: 33%;
     text-align: left;
     font-family: "Microsoft Yahei";
}
.abshu_tt span{
    font-size: 2.4rem;
    line-height: 50px;
    color: #0527af;
}
.abshu_tt{
    font-size: 0.6rem;
    color: #333333;
}
.abshu_hh{
    font-size: 0.7rem;
    line-height: 50px;
}
.abvv{
    width: 15%;
    float: left;
    margin-top: 6%;
}
.abvv_mm{
    background: url(//cdn.xypt.top/874a80e1/21/05/aba946f0f587c85b253b079adf5ed1370fa8c9cf.png) no-repeat;
    background-size: 100% 100%;
    width: 123px;
    height: 150px;
}
.abvv_yy{
    text-align: center;
    font-weight: 600;
    color: #333333;
    font-size: 0.8rem;
    line-height: 40px;
}
.abvv_yy a{
    color: #333333;
}
.abt_tt{
    color: #999999;
    font-size: 1.5rem;
    font-family: "Microsoft Yahei";
    line-height: 45px;
}
.abt_yy{
    color: #333;
    font-size: 1.5rem;
    font-family: "Microsoft Yahei";
    line-height: 50px;
}
.nei2{
    position: relative;
}

.section2 {
    background: url(//cdn.xypt.top/874a80e1/21/05/1315a9628824f34c7a7518d9eca2b24b8db6eef3.jpg) no-repeat 50% 0;
    background-size: cover;
}

.list22{margin-top:25px;margin-left:38px;}
.section2 .abt{
    position: absolute;
    top: 20%;
    left: 2%;
    width: 23%;
    z-index: 999;
    color: #fff;
}
.yul{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;width: 100%;}
.yul li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;border-right: #fff 1px solid;overflow:hidden;}
.yul li:nth-child(5){
    border:none;
}
.yul li .bj1{position: absolute;width: 100%;height: 100%;top:0;left: 0;text-align: center;display:flex;justify-content:center;align-items: center;}
.yul li .img{opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.yul li .img .bj{height: 100vh;}
.bj1 h3{color: #ffffff;font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gung{
    width: 80%;
    margin: -60% auto 0;
}
.gung img{
    max-width: 100%;
    height: auto;
}
.bj1 span{display: block;
    color: #ffffff;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.shuzi{
    font-size: 3rem;
    line-height: 80px;
    color: #fff;
}
.shixian{
    width: 1px;
    height: 50px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 auto;
}
.yinds{
    opacity: 0;
    transition: all 0.6s ease;
}
.yul li:hover .yinds{
    opacity: 1;
    transition: all 0.6s ease;
}
/*.bj1 a{display: none;}*/


.yul li:hover .bj1{background: rgba(17,52,142,.6);}
.yul li:hover .bj1 a{display: block;margin-top: 117px;}
.yul li:hover .img{opacity: 1;}
.yul li .bj11{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.yul li:hover .bj11{margin-top: -30px;}
.yul li .img img{display: block;width: 100%;}

.section2 .abt_tt{
    color: #fff;

}
.section2  .abt_yy{
    color: #fff;
}
.section2 .abt_mm{
    background: url(//cdn.xypt.top/874a80e1/21/05/be1841ee3a4aa321907b78ccd57f7c64bdae59e3.png) right center no-repeat;
    width: 30%;
    font-size: 0.6rem;
    font-family: "Microsoft Yahei";
    color: #fff;
    margin-top: 20%;
}
.section2 .abt_mm a{
    color: #fff;
}
@media(max-width: 1200px){
    .bj1 h3{font-size: 20px;}
    .bj1 span{font-size: 12px;}
}

.yul2{display:none;}

@media(max-width: 769px){
    
    .abt dd{font-size: 26px;}
    .abt dt{font-size: 14px;margin-top: 5px;}
    .acon{font-size: 16px;line-height: 28px;}
    .section3 .abt{position: static;}
    .yul{display: none;}
    .yul2{display: block;padding: 0 30px;margin-top: 20px;}
    .yul2 li{width:46%;float: left;margin:0 2% 20px 2%;}
    .yul2 li h3{color: #fff;text-align: center;font-size: 16px;font-weight: normal;margin-bottom: 5px;}
    .yul2 li span{color: #fff;text-align: center;display: block;font-size: 12px;text-transform: uppercase;}
    .yy a{text-align: center;margin-top: 15px;display: block;}
}
@media(max-width:540px){
     .acon{font-size: 14px;line-height: 24px;}
     .aul li a {
        width: 140px;
        height: 140px;
        padding-top: 25px;
    }
    .aul li h3{margin-top: 0px;}
    .aul li .img img{width: 23%;}
}

@media(max-width:370px){
      .aul li a {
        width: 120px;
        height: 120px;
        padding-top: 25px;
    }
    .aul li h3{margin-top: 3px;font-size: 12px;}
    .aul li .img{height: 38px;line-height: 38px;}
    .aul li .img img{width: 23%;}
}

.section3{
    background: url(//cdn.xypt.top/874a80e1/21/05/9786b8f994aea6c8a9661eb6f07492943cbc0f7a.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.xwffh li{
    border: #0527af 1px solid;
    border-radius: 20px;
    text-align: center;
    font-family: "Microsft Yahei";
    font-size: 0.7rem;
    line-height: 37px;
    margin-bottom: 3%;
    width: 40%;
}
.xwffh {
    margin: 3% 0;
}
.xwffh li:hover{
    background: #0527af;
}
.xwffh li:hover a{
    color: #fff;
}
.bbgy{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbgy li{
   width: 33%;
   border-left: #e5e9ec 2px solid;
   box-sizing: border-box;
   padding: 3%;
   position: relative;
   height: 100%;
   height: 660px;
}
.hungg{
    position: absolute;
    top:0px;
    left:5%;
    width: 90%;
     transition: all 1s ease;
}


.bbgy_img{
    position: absolute;
    bottom: 0px;
    left:5%;
    width: 90%;
    transition: all 1s ease;
}

.bbgy li:hover .hungg{
    transition: all 1s ease;
    top:60%;
}

.bbgy li:hover .bbgy_img{
    transition: all 1s ease;
     bottom: 50%;
}
.hunfs{
    display: none;
}

.bbgy_img img{
    width: 100%;
    height: auto;
}
.bbgy_shi{
    font-weight: 600;
    font-size: 5.1rem;
    color: #d8d8d8;
    line-height: 100px;
}
.bbgy_tt{
    color: #000;
    font-size: 0.9rem;
    line-height: 40px;
    margin-top: 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bbgy_tt a{
    color: #000;
}
.bbgy_ro{
    font-size: 0.7rem;
    line-height: 40px;
    color: #666;
}
.bbgy_nei{
    font-size: 0.7rem;
    font-family: "Microosft Yahei";
    color: #555555;
    line-height: 28px;
}
.section3 .abt{
    position: absolute;
    top:20%;
    left: 2%;
    width: 20%;
    z-index: 999;
}
.bbgy_img{
    margin-top: 3%;
}
.section4{
    background: url(//cdn.xypt.top/874a80e1/21/05/02ca7933ed8cc483ba2f95783f3f35828e8ca13b.jpg) no-repeat;
    background-size: 100% 100%;
}
.section4 .abt{
    position: absolute;
    top:20%;
    left: 2%;
    width: 20%;
    z-index: 999;
    color: #fff;
}
.section4 .abt_tt{
    color: #fff;
}
.section4 .abt_yy {
    color: #fff;
}
.section4 .abt_mm {
    background: url(//cdn.xypt.top/874a80e1/21/05/be1841ee3a4aa321907b78ccd57f7c64bdae59e3.png) right center no-repeat;
    width: 30%;
    font-size: 0.6rem;
    font-family: "Microsoft Yahei";
    color: #fff;
    margin-top: 20%;
}
.section4 .abt_mm a{
    color: #fff;
}
.shixogh_im{
    background: url(//cdn.xypt.top/874a80e1/21/05/2f4c85f5c48f74182a62082a7dabec9785788ee2.png) center center no-repeat;
    background-size: 100% 100%;
 
    width: 357px;
    height: 357px;
}
.shixogh_im img{
    width: 100%;
    height: 100%;
}
.shixogh{
    width: 30%;
    margin:0 auto;
    text-align: center;
    color: #fff;
    position: relative;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.fhun a{
    color: #fff;
}
.fhun{
    position: absolute;
    top:30%;
    left:50%;
    width: 30%;
    margin-left: -15%;
    text-align: center;
    cursor: pointer;
}
.shixogh_tt{
    font-size: 0.6rem;
}
.shixogh_shi{
    font-size: 1.2rem;
    line-height: 40px;
}
.shixogh_tu{
    background: url(//cdn.xypt.top/874a80e1/21/05/bf5a60fd93adbc3e91f80489a28ccf7904ee4c4c.png) no-repeat;
    width: 40px;
    height: 38px;
    background-size: 100% 100%;
    margin: 4% auto 0;
}
.shixogh_mm{
    font-size: 0.7rem;
    line-height: 40px;
    cursor: pointer
}
.shixogh_mm a{
    color: #fff;
}
.fing{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.hufngs{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.hufngs li{
    width: 30%;
    text-align: center;
}

.hufngs_tt{
    font-size: 14px;
    color: #494949;
    line-height: 40px;
    font-weight: 600;
}
.hufngs_tt a{
   color: #494949; 
}
.hufn_img img{
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
.hufngs{
        display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
}
.dingkj{
    width: 20%;
}
.dingkj img{
    max-width: 100%;
    height: auto;
}
.xiashi{
    width: 30%;
    color: #fff;
}
.ring{
    width: 12%;
}
.ring img{
    max-width: 100%;
    height: auto;
}
.xiashi_tt{
    font-size: 0.9rem;
}
.xiashi_yy{
    font-size: 0.6rem;
}
.xsjopi{
    margin-top: 2%;
    font-size: 0.7rem;
    line-height: 22px;
}
.bang{
    font-size: 0.65rem;
    line-height: 24px;
    color: #fff;
    text-align: center;
}
.bang a{
    color: #fff;
}
.xiang{
    margin: 1% 0;
    border-top: #9b9b9d 1px solid;
}

.section1 #fp-nav li a i{
    border: solid 2px #999999;
}
.section1  #fp-nav li a span{
    color: #999;
}
.section1 .ghbf{
    color: #999;
}
.section1 .hung_gh{
  background: url(//cdn.xypt.top/874a80e1/21/05/fc96a22faff81dfa03e69c3180abc98e6eab6065.png) no-repeat;
}

.section3 #fp-nav li a i{
    border: solid 2px #999999;
}
.section3  #fp-nav li a span{
    color: #999;
}

.section3 .ghbf{
    color: #999;
}
.section3 .hung_gh{
  background: url(//cdn.xypt.top/874a80e1/21/05/fc96a22faff81dfa03e69c3180abc98e6eab6065.png) no-repeat;
}

.dhudn{
    display: none;
}
.x-banner img{
    height: 100vh;
}


.weq{
    float: right;
    width: 15%;
    margin-right: 20%;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5%;
    position: relative;
    z-index: 9999;
}

.fhung{
    display: none;
}
.fghfa{
    display:block
}
.xianshi{
    display: none;
}
.xisnhid{
    display:none;
}

.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}/* 设置表格方式垂直居中 */






.based span.two {
    background: url(//cdn.xypt.top/874a80e1/21/05/56fbc06d13058da6e51f7ea812012a088eac1f63.png) no-repeat center;
    -webkit-animation: inlinerbgo 1.2s infinite linear;
    animation: based 1.2s infinite linear;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: auto 100%;
}



@-webkit-keyframes based {
    0% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }
}

@keyframes based {
    0% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }
}

@-webkit-keyframes based {
    0% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }
}

@keyframes based {
    0% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }
}


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

@media(max-width:1500px){
    .abt_tt{
        font-size: 1rem;
    }
    .section3 .chanhh{
        margin-left: 15%;
    }
    .section1 .chanhh{
        margin-left: 10%;
    }
    
    .bbgy li{
        max-height:550px;
    }
    
}


@media(max-width:1366px){
    .chanhh{
        padding: 0 2%;
    }
    .abt_mm{
        width: 45%;
    }
    .section2 .abt_mm{
        width: 45%;
    }
    .section4 .abt_mm{
        width: 45%;
    }
}


@media (max-width: 1200px) {
    .x-banner img{
        height: auto;
    }

    
    #fp-nav{display: none;}

}

@media(max-width:1024px){
    .bbgy li{
        max-height:396px;
    }

    .bbgy_shi{
        font-weight: 600;
        font-size: 2.1rem;
        color: #d8d8d8;
        line-height: 50px;
    }
    .bbgy_tt{
            color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
    .bbgy_ro{
        font-size: 12px;
    line-height: 30px;
    color: #666;
    }
    .bbgy_nei{
        word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    }
}


.fp-viewing-section0  .weq1 p a{
    color: #fff;
}
.fp-viewing-section0  .weq1 p{
     color: #fff;
}
.fp-viewing-section1  .weq1 p a{
    color: #fff;
}
.fp-viewing-section1  .weq1 p{
     color: #fff;
}


.fp-viewing-section3  .weq1 p a{
    color: #fff;
}
.fp-viewing-section3  .weq1 p{
     color: #fff;
}


@media(max-width:992px){
    
    .qing{
        width: 50%;
    }
.x-banner img{
    height:100vh;
}
    .dhudn{
        display: block;
        margin-bottom: 10px;
        margin-top:3%;
    }
    .xwffh{
        display: none;;
    }
    .fngiuj{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .fngiuj li{
        border: #0527af 1px solid;
        border-radius: 20px;
        text-align: center;
        font-family: "Microsft Yahei";
        font-size: 0.7rem;
        line-height: 37px;
        margin-bottom: 3%;
        width: 15%;
        margin: 0 1%;
    }
    .fngiuj li:hover {
        background: #0527af;
    }
    .fngiuj li:hover a {
       color: #fff;
    }
    .section3 .abt{
        display: none;
    }
    .section3 .chanhh {
        margin-left: 0%;
    }
    .abt{
    position: static;
    margin: 0 auto;
    }
    .abt_mm{
        width: 55%;
        margin-top: 0px;
        line-height: 40px;
    }
    .abt_yy{
        line-height: 40px;
    }
    .abt_tt{
        line-height: 40px;
    }
    .section2 .abt{
        display: none;
    }
    .section4 .abt{
        position: static;
         margin: 0 auto;
         text-align: center;
    }
    .section4 .abt_yy{
        line-height: 40px;
    }
    .section4 .abt_tt{
        line-height: 40px;
    }
    .section4 .abt_mm{
        width: 100%;
        margin-top: 0px;
    }
    .shixogh{
        width: 38%;
    }
    #fp-nav{
        display: none;
    }
    .fhun{
        width: 60%;
        margin-left: -30%;
    }
    .shixogh {
        width: 50%;
    }
    .abhh{
        width:50%;
        margin:4% auto 0;
    }
    .section1 .chanhh{
        margin-left: 0px;
    }
    .section1{
        background: #fff;
    }
    .abmm{
        width: 100%;
    }
    .abvv {
        width: 17%;
        margin:0 auto;
        float: none;
    }
    .dingkj , .ring{
        display: none;
    }
}


@media(max-width:768px){
    .gengd{
        display:none;
    }
    .xianshi{
        display:block;
    }
     .xianshi .abt_mm{
         display:block;
         width:30%;
         margin:3% auto 0;
         padding-left:0px;
     }
    .section2 .abt {
        display: block;
    }
    
    .section2 .abt{
        position: static;
         margin: 0 auto;
         width: 100%;
         text-align: center; 
    }
    .section2 .abt_mm{
        width: 100%;
        margin-top: 1%;
        background: url(//cdn.xypt.top/874a80e1/21/05/be1841ee3a4aa321907b78ccd57f7c64bdae59e3.png) 60% center no-repeat;
    }
    .section3 .chanhh{
        padding: 2%;
    }
    .abt_mm{
        width: 100%;
    }
    .x-banner , .page-banner{
        margin-top: 60px;
    }
     .abmm_tt{
        font-size:16px;
    }
    .abbbb{
        font-size:12px;
    }
    .abshu li{
        text-align:center;
    }
    .section2 .abt_tt{
        font-size:14px;
    }
    .section2 .abt_yy , .shixogh_shi , .shixogh_mm , .bang{
        font-size:14px;
    }
    .abshu_hh{
         font-size:12px;
         line-height:30px;
    }
    .fngiuj li{
          font-size:14px;
    }
    .bbgy_nei, .bbgy_ro, .xiashi_yy, .abt_tt, .abt_mm , .section2 .abt_mm ,.section4 .abt_mm ,.shixogh_tt{
       font-size:12px; 
    }
    .section2 .abt_mm{
        text-align:left;
        padding-left:40%;
    }
    .abt_mm{
        text-align:left;
        padding-left:20%;
    }
    .section4 .abt_tt{
         font-size:14px;
    }
    .xsjopi{
        font-size:12px; 
    }
    .xiashi_tt{
        font-size:14px;
    }
    .xiaongd{
        width:60%;
        margin:0 auto;
        text-align:center;
    }
     .xiaongd img{
         max-width:100%;
         height:auto;
     }
     .nei2{
         padding:3% 0;
     }
     .section2 .abt_mm{
         display:none;
     }
     .hunfs{
         text-align:center;
     }
     .hunfs .abt_tt{
         font-size:30px;
     }
     .fhung{
         display:block;
         margin-top:2%;
     }
     .fghfa{
         display:none;
     }
     .shouzin{
         float:left;
         width:45%;
         border-radius:20px;
     }
     .shouzin img{
         width:100%;
         height:auto;
         border-radius:20px;
     }
     .guh{
         float:right;
         width:53%;
     }
     .fhung li{
         margin-bottom:2%;
     }
     .guh_tt{
         font-size:18px;
         font-weight:600;
         line-height:40px;
             overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
     }
     .guh_tt a{
         color:#333;
     }
     .guh_shi{
         font-size:16px;
         line-height:30px;
     }
     .neing{
         font-size:14px;
     }
       .abmm_tt{
        display:none;
    }
    .abvv{
        display:none;
    }
    .abt_mm{
    display:none;
}

    .xisnhid{
        display:block;
    }
    .section2 .xisnhid  .abt_mm{
        display:block!important;
         width:30%;
         margin:3% auto 0;
         padding-left:0px;
         background:url(//cdn.xypt.top/874a80e1/21/05/be1841ee3a4aa321907b78ccd57f7c64bdae59e3.png) right center no-repeat;
    }

.hunfs{
    display: block;
}
}

@media(max-width:425px){
    .abshu{
        margin-top:0px;
    }
    .xymob-search-btn{
        position:absolute;
            top: 28px;
    right: 20px;
    }
    .hufngs li {
    width: 19%;
}
    
    .ying2{
        font-size:14px;
    }
    .bghkj{
        font-size:14px;
    }
    .x-layout{
        display:none;
    }
    .fngiuj li{
        width:28%;
    }
    .xianshi .abt_mm{
            width: 30%;
    }
     .section2 .xisnhid  .abt_mm{
        display:block!important;
         width:30%;
         margin:3% auto 0;
         padding-left:0px;
         background:url(//cdn.xypt.top/874a80e1/21/05/be1841ee3a4aa321907b78ccd57f7c64bdae59e3.png) right center no-repeat;
    }
       .hunfs .abt_tt {
            font-size: 20px;
        }
        
    
    .guh_tt{
        font-weight:400;
        font-size:14px;
    }
    .neing{
        font-size:12px;
        display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    }
  
    .section2 .abt_tt , .section2 .abt_yy{
        font-size:20px;
    }
    .nei2{
        padding:2% 0;
    }

    .bbgy li{
        width: 100%;
        border:none
    }
    .bbgy_shi{
        line-height: 35px;
        font-size: 3.1rem;
    }
    .bbgy_tt{
        font-size: 14px;
        margin-top: 0px;
    }
    .bbgy_ro{
        line-height: 25px;
    }
    .fngiuj li{
        width: 29%;
    }
    .abt{
        width: 35%;
        text-align: center;
    }
    .abt_yy {
        line-height: 40px;
        font-size:20px;
    }
    .abvv {
        width: 30%;
        margin: 0 auto;
        float: none;
    }
    .section2 .abt_mm {
        width: 100%;
        margin-top: 1%;
        background: url(//cdn.xypt.top/874a80e1/21/05/be1841ee3a4aa321907b78ccd57f7c64bdae59e3.png) 66% center no-repeat;
    }
    .section4 .abt{
        width: 35%;
    }
    .shixogh_im{
        width: 200px;
        height: 200px;;
    }
    .shixogh {
        width: 100%;
    }
    .xiashi{
        width: 100%;
    }
   
}

.sun-delay0 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.sun-delay1 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.sun-delay2 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.sun-delay3 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.sun-delay4 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.sun-delay5 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.sun-delay6 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.sun-delay7 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.sun-delay8 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.sun-delay9 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.sun-delay10 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}



.sun-ani-left,
.sun-ani-down,
.sun-ani-up,
.sun-ani-right {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

.sun-ani-left {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

.sun-ani-down {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}

.sun-ani-up {
    -webkit-transform: translateY(-200px);
    transform: translateY(200px);
}

.sun-ani-right {
    -webkit-transform: translatex(100px);
    transform: translatex(100px);
}

.actives .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.active .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.active .sun-ani-down,
.active2 .sun-ani-down{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.active .sun-ani-up,
.active2 .sun-ani-up{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.active .sun-ani-right {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
}



.active  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.active .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

.active .animated.bounceIn,.active .animated.bounceOut,.active .animated.flipOutX,.active .animated.flipOutY {
    -webkit-animation-duration: 1.75s;
    animation-duration: 1.75s;
}




@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}




/*手机底部*/
@media (max-width:768px){
    .db{display:block!important;}
   }
   
   
   .dbb{height:50px;}
   
   /* 页脚 */
   .footer {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 999;
     background: #000;
   }
   
   .footer ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   
   .footer ul li {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     text-align: center;
     color: #ffffff;
     line-height: 30px;padding:10px 0;
     font-size: 0;
   }
   
   .footer ul li.active {
     background: #000;
   }
   
   .footer ul li a {
     display: block;color:#fff;
   }
   
   .footer ul li .iconfont {
     font-size: 18px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }
   
   .footer ul li span {
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;color:#fff;
   }
   
   
   .footer li .icon-home{ background: url(//cdn.xypt.top/874a80e1/21/05/dff449459c9ea7a864e8cef010a3ded232ec79a4.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-home2{ background: url(//cdn.xypt.top/874a80e1/21/05/99f4b45c08c67871cb3bb6f3ab4f4ea1600d6fe1.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-phone{ background: url(//cdn.xypt.top/874a80e1/21/05/abc3329b0ce0cbc9c8af19329d85376fc9743045.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-contact{ background: url(//cdn.xypt.top/874a80e1/21/05/19eb01f71ebcdb7ccb88754b159163c9d852438e.png) no-repeat;width:20px;height:20px;}
   
   .footer li .icon-phone:before{font-size:0;}
   .footer ul li a{border-right:1px solid #fff;}
   .footer ul li:last-child a{border-right:none;}