/*初始化样式*/
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:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;    overflow-x: hidden;
    max-width: 100%;}
a{text-decoration:none;outline:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#333;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;}
hr {border: 0;border-top:1px solid #ccc;height:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


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

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



.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);}



.demo-case{
    overflow-x: hidden;
}








/*首页banner*/
.banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:500px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;right:46%;bottom:20px;z-index:100;}
.banner .num li{width:12px;height:12px;display:inline-block;margin:0 4px;background:#fff;line-height:18px;
  text-indent:-100px;overflow:hidden;border-radius:12px;}
.banner .num li.num_hover{background-color:#ff7c00;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}




.demo-header {
    background: #fff;
    padding: 1.30208333% 0
}

.demo-logo {
    float: left;
    width: 15.3125%
}

.demo-logo a {
    display: block
}

.demo-header-right {
    float: right;
    width: 25%;
    position: relative;
    text-align: right;
    margin-top: 15px;
}

.demo-header-right #formsearch,
.demo-header-right .demo-login {
    display: inline-block;
    vertical-align: middle
}

.demo-header-right #formsearch {
    /* width: calc(100% - 100px); */
    position: relative;
    border:1px solid #bfbfbf;
    border-radius: 4px;
}

.demo-header-right #formsearch:before {
    content: "|";
    position: absolute;
    right: 36px;
    top: 5px;
    color: #bfbfbf;
}

.demo-header-right #formsearch #s_btn {
    float: right;
    background: none;
    outline: none;
    border: none;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    width: 35px;
    height: 30px;background:url(../images/ss.png) no-repeat;padding-top:15px;
}

.demo-header-right #formsearch #keyword {
    float: left;
    background: none;
    outline: none;
    border: none;
    width: calc(100% - 35px);
    color: rgba(0, 0, 0, .8);
    margin-top: 5px;
    height: 20px;
    padding-left: 10px
}

.demo-header-right .demo-login {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    line-height: 30px
}

.demo-header-right .demo-login .username {
    max-width: 75px;
    vertical-align: -10px;
    display: inline-block
}

.demo-header-right .demo-login a {
    color: #000
}

.demo-header-right .demo-login a:hover {
    color: #ab001a
}


@media(max-width:1200px){
    .dao {
    width: 80%;
}
.demo-header-right{width:20%}
}






/* 导航样式 */

.dao {
    width: 75%;
    float: left;
    margin-top:15px;
}


.xmenu {}
.xmenu li {
    float: left;
    position: relative;
    margin: 0 .1vw;
}
.xmenu li a{display: block;
    padding: 0 25px;
    border: 1px solid transparent;
    font-size: 14px;
    color: #000;
    border-radius: 4px;
    line-height: 2.4;}

 .xmenu li a:hover {
    border-color: #1E90FF;
    color: #1E90FF;
}

.xmenu li a.on{ border-color: #1E90FF;
    color: #1E90FF;}


.xmenu li:hover .x-sub-menu {display:block;visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.xmenu li .x-sub-menu {
  position: absolute;
  z-index: 99;
  width:120px;
  left: -1px;
  top:70px;
  background-color: rgba(255, 255, 255, .9);
  display:none;
}

.xmenu li .x-sub-menu li{background:none;height:46px;width:154px;}
.xmenu li .x-sub-menu li a {display: block; text-align: center;width:154px;height:46px;line-height:46px;font-size: 14px; color: #ffffff;padding: 0; background: none;}
.xmenu li .x-sub-menu li a:hover{background:#023c83; color:#fff;}





.tops { height: 37px; line-height: 37px; border-bottom: 1px solid #dcdcdc; font-size: 12px; color: #5a5a5a; }
.tops a { display: inline-block; margin: 0 4px; font-size: 12px; color: #5a5a5a; }

@media (min-width: 1440px) { .container { width: 1380px; } }
.serve-mods {margin: 60px 0 108px;display:none;}

.title { font-size: 25px; text-align: center; }
.title p {color: rgba(90, 90, 90, 0.2);margin-bottom: 0;text-transform: uppercase;}
.title h4 {color: #1E90FF;font-size: 22px;margin-top: 8px;}

.serveList { margin-top: 70px; }
.serveList li { padding-left: 8px; padding-right: 8px; }
.serveList li .banner-item { padding: 54px 38px 0; height: 218px; text-align: center; border: 1px solid #d2d2d2; }
.serveList li .banner-item span { display: inline-block; width: 70px; height: 71px; }
.serveList li .banner-item h4 { margin-top: 24px; height: 60px; line-height: 60px; font-size: 16px; color: #5a5a5a; border-top: 1px solid #eeeeee; text-align: center; white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden;  }
.serveList li .banner-item:hover { background: #1E90FF; }
.serveList li .banner-item:hover span{  filter: brightness(100);}
.serveList li .banner-item:hover h4 { color: #fff; border-top-color: #fff; }
.serveList .items0:hover span, .serveList .items2:hover span { background-position: center 0px !important; }
.serveList .items1:hover span { background-position: center 0px !important; }
.serveList .items3:hover span { background-position: center 0px !important; }
.serveList .items4:hover span, .serveList .items5:hover span { background-position: center 0px !important; }

.aboutImg, .aboutCont {float: left;width: 50%;}

.aboutImg img {width: 100%;height: 290px;}

.aboutCont {padding: 38px 17% 0 48px;height: 290px;background: #1E90FF;}
.aboutCont h3{
  font-size:25px;
  line-height:25px;
  font-weight:normal;
  margin-bottom: 32px;
  color: #fff;
}
.aboutCont p {font-size: 14px;color: #ffffff;line-height: 24px;text-indent: 2em;}
.aboutCont p strong { font-weight: normal; font-size: 24px; color: #fff; }

a.look { display: inline-block; height: auto; line-height: 44px; padding: 0 36px; border-radius: 22px; font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 44px; border: 1px solid #fff; }
.look i { display: inline-block; vertical-align: middle; border-color: transparent transparent transparent #ffffff; border-style: dashed dashed dashed solid; width: 0px; height: 0px; overflow: hidden; border-width: 8px; }
a.look {color: #fff;}
a.look:hover{color: #fff;}

.demo-about {
    background: #fff;
    padding: 0 0 84px;
    margin-top:3%;
}

.demo-product { text-align: center; }
.demo-product .look { margin-bottom: 54px; border-color: #e5e5e5; color: #5a5a5a; }
.demo-product .look i { border-color: transparent transparent transparent #dcdcdc; border-style: dashed dashed dashed solid; width: 0px; height: 0px; overflow: hidden; border-width: 8px; }
.demo-product .look:hover { color: #1E90FF; border-color: #1E90FF; }
.demo-product .look:hover i { border-color: transparent transparent transparent #1E90FF; border-style: dashed dashed dashed solid; width: 0px; height: 0px; overflow: hidden; border-width: 8px; }

.demo-product-list li .img { border: 2px solid #eeeeee; }
.demo-product-list li .img img { max-width: 100%; }
.demo-product-list li:hover .img { border-color: #1E90FF; }












.demo-product-list {
    font-size: 0;
    margin: 3.125% -12px 0
}

.demo-product-list li {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 24px);
    margin: 0 12px 0;
}

.demo-product-list li h3 {
    border: 1px solid transparent;
    border-top: none;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1;
    padding: 2.2em 0;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;font-weight:normal;
}

.demo-product-list li:hover h3 {
   
    padding-left: .5em;
    padding-right: .5em;
    color: #1E90FF
}

@media (max-width:1024px) {
    .demo-product-list li {
        margin-bottom: 20px;

    }

    .demo-product-list li h3 {
        font-size: 14px;
        padding: 1em 0
    }
}

@media (max-width:768px) {
  .demo-product-list li {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 24px);
    margin: 0 12px 0;
}
    
    }





.demo-case .title { padding: 42px 0 52px; background: #1E90FF; margin-bottom: 26px; }
.demo-case .title p { color: rgba(255, 255, 255, 0.2); }
.demo-case .title h4 { color: #fff; }



.demo-case-item {
    padding: 0 1px;
    background: #fff
}

.demo-case-item a {
    display: block;
    padding: 6px 6px 0 6px;
    margin-right: 18px;
    border: 1px solid #eeeeee;
}



.demo-case-item .wz h3 {
    font-size: 14px;
    color: #5a5a5a;
    line-height: 45px;
    text-align: center;
}

.demo-case-item .wz p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    font-weight: 100;
    margin-bottom: 2em
}

.demo-case-item .wz span {
    display: block
}

.demo-case-item .wz .iconfont {
    font-size: 20px;
    width: 1.7em;
    height: 1.7em;
    border: 1px solid #b0b3b8;
    color: #b0b3b8;
    border-radius: 50%
}

@media (max-width:1024px) {
    .demo-case-item .wz {
        margin-top: 10px
    }

    .demo-case-item .wz h3 {
        font-size: 16px
    }

    .demo-case-item .wz p {
        font-size: 13px;
        margin-bottom: 1.5em
    }

    .demo-case-item .wz .iconfont {
        font-size: 18px
    }
}

.demo-case-item:hover a {
    border-color: #1E90FF;
    
}
.demo-case-item:hover a .wz h3{

    color: #1E90FF; 
}
.demo-case-item:hover .iconfont {
    background: #000;
    color: #fff;
    border-color: #000
}

.demo-case-list{position:relative;}
.demo-case-list .owl-prev{background:url(../images/z.png) no-repeat !important;width:23px;height:40px;display:block;border:none;outline:none;left:-3.5%;position:absolute;top:50%;margin-top:-20px;}
.demo-case-list .owl-next{background:url(../images/y.png) no-repeat !important;width:23px;height:40px;display:block;border:none;outline:none;right:-3.5%;position:absolute;top:50%;margin-top:-20px;}







.demo-news { margin-top: 108px; padding: 50px 0 12px; }

.news-list li { margin-bottom: 38px; }
.news-list li a { display: block; }
.news-list li a:hover .date { border-color: #1E90FF; }
.news-list li a:hover .date p, .news-list li a:hover .date span { color: #1E90FF; }
.news-list li a:hover .date p::after, .news-list li a:hover .date span::after { background: #1E90FF; }
.news-list li a:hover .descr h4 { color: #1E90FF; }
.news-list .date { width: 70px; height: 70px; padding-top: 10px; border: 1px solid #707070; float: left; margin-right: 22px; text-align: center; }
.news-list .date p { position: relative; font-size: 18px; color: #4f4f4f; font-weight: bold; }
.news-list .date p::after { position: absolute; left: 25%; right: 25%; bottom: 0; content: ''; width: 50%; height: 1px; background: #313131; }
.news-list .date span { font-size: 13px; color: #4f4f4f; }
.news-list .descr { margin-top: 10px; }
.news-list .descr h4 {     margin-bottom: 10px;
    font-size: 16px;
    color: #323232;
    font-weight: normal;
    line-height: 2em; }
.news-list .descr p { font-size: 14px; color: #5a5a5a;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;  }

.demo-layout { padding-top: 60px; }
.demo-layout .linkUS {border-top: 1px solid #fff;line-height: 64px;font-size: 14px;color: #fff;margin-top:20px;}
.demo-layout .linkUS a { display: inline-block; margin: 0 4px; font-size: 14px; color: #fff; }

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

.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.relate-news-list1 li { float: left; width: 20%; padding: 0 10px; }
.relate-news-list1 li a { padding-right: 0; }
.relate-news-list1 li a::before { width: 0; margin-right: 0; }
.relate-news-list1 li + li { border-left: 1px solid #eee; }

.product-detail-imgbox { border: 1px solid #e5e5e5; padding: 15px 10%; }

.product-detail-swiper {float: left;width: 520px;}

.product-detail-swiper .view { border: 1px solid #d2d2d2; }

.product-detail-swiper .view .swiper-slide { outline: none; }

.product-detail-swiper .view .slick-con { text-align: center; display: block; height: 318px; line-height: 318px; font-size: 0; }

.product-detail-swiper .view .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .view .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .preview { width: 90%; margin: 0 auto; /* margin: 0 -5px; */ position: relative; margin-top: 10px; }

.product-detail-swiper .preview .swiper-slide { outline: none; }

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con { border-color: #f39300; }

.product-detail-swiper .preview .slick-con { text-align: center; display: block; height: 150px; line-height: 99px; margin: 0 5px; border: 1px solid #eee; font-size: 0; }

.product-detail-swiper .preview .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .preview .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right { position: absolute; z-index: 99; top: 50%; margin-top: -74px; width: 24px; height: 148px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; }

.product-detail-swiper .preview .arrow-left { left: -28px; background: url(../images/n_prev.png) center no-repeat #eee; }

.product-detail-swiper .preview .arrow-right { right: -28px; background: url(../images/n_next.png) center no-repeat #eee; }

.product-detail-list1 { width: calc(100% - 610px); float: right; }

.product-detail-list1 b { float: left; font-size: 16px; color: #5a5a5a; font-weight: normal; }

.product-detail-list1 h1 { margin-top: 45px; height: 48px; line-height: 48px; padding-left: 14px; margin-bottom: 32px; border-bottom: 1px solid #b5b5b5; font-size: 14px; color: #232323; font-weight: normal; }

.product-detail-list h1 { font-size: 30px; font-weight: 700; color: #333; line-height: 65px; }

.product-detail-item li { width: 100%; font-size: 16px; color: #5a5a5a; }

.product-detail-item li span { font-size: 16px; color: #5a5a5a; }

.product-detail-tabbox { border: 1px solid #dcdcdc; border-top: none; }

/*#message-form { width: 65%; margin: 0 auto; }*/

/*#message-form .col-md-6 { position: relative; }*/

/*#message-form .input-txt { width: 100%; height: 48px; padding-left: 26px; border: 1px solid #dcdcdc; margin-bottom: 16px; font-size: 14px; color: #333; outline: none; }*/

/*#message-form b { position: absolute; left: 4px; top: 30%; display: inline-block; margin-right: 10px; font-size: 14px; color: #f30000; }*/

/*#message-form .col-sm-6 { position: relative; }*/

/*#message-form.n-default .msg-wrap { position: absolute; }*/

/*#message-form #checkcode { width: 100%; }*/

/*#message-form #checkCodeImg { position: absolute; right: 62px; top:0px; }*/

/*#message-form #change_code { position: absolute; right: 6px; top:0px; }*/

/*#message-form .text-area { height: auto; }*/

/*#message-form .btn-submit { display: block; width: 50%; margin: 24px auto 0; height: 48px; background: #1E90FF; border-radius: 0; font-size: 16px; color: #fff; border: none; }*/

/*#message-form .input-txt::-webkit-input-placeholder { color: #a1a1a1; }*/

#message-form .input-txt:-moz-placeholder { /* Firefox 18- */ color: #a1a1a1; }

#message-form .input-txt::-moz-placeholder { /* Firefox 19+ */ color: #a1a1a1; }

/*#message-form .input-txt:-ms-input-placeholder { color: #a1a1a1; }*/

.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1600px) { 
  .aboutCont {padding-bottom: 6px;} 
  .look {
    margin-top: 24px;
}}
@media (max-width: 1440px) { .aboutCont { 
    padding-top: 11px;
        padding-right: 10%;

}
  .demo-menu > li > a { padding: 0 20px; } }
@media (max-width: 1366px) { .look { margin-top: 12px; } }
@media (max-width: 1280px) { .look { margin-top: 0; } }
@media (max-width: 1280px) { .product-detail-imgbox { padding: 15px; } }
@media (max-width: 1024px) { .demo-menu > li > a { padding: 0 15px; }
  .look { margin-top: 20px; }
  .aboutCont p { 
  overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
  }
  .news-list .descr h4 { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
  .product-detail-list1 {width: calc(100% - 477px);} 
  .product-detail-swiper{width: 445px;}
  }
@media (max-width: 768px) { .serve-mods { margin: 20px 0; }
  .serveList { margin-top: 20px; }
  .serveList li { margin-bottom: 10px; }
  .aboutImg, .aboutCont { width: 100%; }
  .aboutCont p { overflow: auto; text-overflow: normal; white-space: normal; }
  .demo-news { margin-top: 20px; background: #eeeeee !important; }
  .demo-about { padding-bottom: 20px; }
  .product-detail-swiper { float: none; width: 100%; }
  .product-detail-list1 { float: none; width: 100%; }
  #message-form { width: 100%; } 
  .aboutCont {padding-top:5%;} 



}



@media (max-width: 450px) { .demo-case-item a { margin-right: 0; }
  .demo-product .look { margin-bottom: 20px; }
  .demo-case .title { padding: 16px 0; margin-bottom: 10px; } }






.demo-layout {
    background: #1E90FF;
}

.demo-layout-logo {
    margin-bottom: 20px
}

.demo-layout-desc {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5)
}

.nyyav .demo-layout{
        padding-bottom: 2em;
}

.demo-layout-contact p,.demo-layout-contact p a{
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
    line-height:28px;
}

.demo-layout-contact strong {
    display: block;
    font-size: 24px;
    color: hsla(0, 0%, 100%, .8)
}

.demo-layout-contact a {
    color: rgba(255, 255, 255, .6);
}

.demo-layout-menu dl {
    float: left;
    width: 20%;
    text-align: left;
}

.demo-layout-menu dl dt,.demo-layout-contact h4 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 1.43em
}

.demo-layout-menu dl dd a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
    line-height: 2
}

.demo-layout-ewm {
    
    margin-top: 43px;
}

.demo-layout-ewm p {
    background: hsla(0, 0%, 100%, .1);
    font-size: 13px;
    font-weight: 100;
    padding: .8em 0;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, .7);
    margin: 15px 0 0
}

.demo-footer {
    background: #fff;
    padding: 10px 0;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
}

.demo-footer,
.demo-footer a {
    font-size: 13px;
    color: #7b7b7b;
}

.demo-footer a:hover {
    color: #7b7b7b;
}

.demo-seo {
    float: left
}




@media (max-width: 768px) { 
    .x-banner{margin-top:60px;}
    .page-banner{margin-top:60px;}

 }


.x-sub-menu{
    display: none !important;
}




/*内页左侧样式*/

/*.container{padding:0 2%;}*/
.page-position a{color: #333;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}





.xypg-left-nav {
    margin: 0 -1px;
    position: relative;
}

/* .xypg-left-nav>li+li {
    border-top: 1px solid #e4e4e4
} */

.xypg-left-nav>li {
    /* position: relative; */
    
}

.xypg-left-nav>li>a {
    display: block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: #1E90FF;
    text-align: center;
    position: relative;
}

.xypg-left-nav>li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 20px;
    text-align: center;
    font-family: iconfont;
    top: 20px;
    right: 25px;
    cursor: pointer
}

.xypg-left-nav>li .first-nav-btn:after {
    content: "\E61F"
}

.xypg-left-nav>li .first-nav-btn.clicked:after {
    content: "\E638"
}

.xypg-left-nav>li.clicked>a,
.xypg-left-nav>li:hover>a {
    color: #fff;
    /* background: #ab001a */
}

.xypg-left-nav>li.clicked>a::after{

    position: absolute;
    left: 30%;
    right: 30%;
    bottom: 10px;
    content: '';
    width: 40%;
    height: 1px;
    background:#fff;display:none;
}

.xypg-left-nav>li.clicked .first-nav-btn,
.xypg-left-nav>li:hover .first-nav-btn {
    color: #fff
}




.xypg-left-nav .xypg-left-subnav {
    /* position: absolute;
    left: 0;
    right: 0; */
    /* bottom: 0; */
    /* display: none; */
    padding:20px 0;
    border-bottom: 1px solid #e5e5e5;
}
.mobnavs{

    display: none;
}
.mobnavs>li{

    position: relative;
}


.mobnavs .xypg-left-subnav{
     display: none;
}

.disnone{

    display: none;
}

.mobnavs .xypg-left-subnav>li{

    padding: 8px 45px 8px 25px;
    margin: 0 40px;
     float:none;

}


.xypg-left-nav .xypg-left-subnav>li {
    /* padding: 8px 45px 8px 25px; */

    float: left;
    margin: 0 40px;

}

.xypg-left-nav .xypg-left-subnav>li>a {
    display: block;
    line-height: 20px;
    color: #5a5a5a;
    font-size: 14px
}

.xypg-left-nav .xypg-left-subnav>li.clicked>a,
.xypg-left-nav .xypg-left-subnav>li>a:hover {
    color: #1E90FF
}

.xypg-left-nav .xypg-left-threenav>li>a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    padding-left: 10px
}

.xypg-left-nav .xypg-left-threenav>li>a:before {
    content: "\2014   "
}

.xypg-left-nav .xypg-left-threenav>li.clicked>a,
.xypg-left-nav .xypg-left-threenav>li>a:hover {
    color: #1E90FF
}

@media (max-width:990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block
    }
}

.demo-layout{
    overflow-x: hidden;
}


@media (max-width:1024px) {
    .xmenu li a {
        padding:0 16px;
    }
}

@media (max-width: 1440px){
    .demo-header-right{
        display: none;
    }
    .dao{
            width: auto;
    float: right;
    }
}
@media (max-width:992px){
   .demo-news { margin-top: 20px; background: #eeeeee !important; }
}
@media (max-width:768px) {
    .aboutCont{
       padding: 3% 4%;
       height: auto;
    }
    .aboutImg img {
        height: auto;
    }
    .aboutCont h3{
        font-size: 22px;
        margin-bottom: 1em;
    }
    a.look{
           margin-top: 1em;
    line-height: 2.5em;
    font-size: 14px;
    padding: 0 20px;
    }
    .title p {font-size:21px;}
.title h4 {font-size: 19px;}
.serveList{
    margin:20px 0 0;
}
}