/*初始化样式*/
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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 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%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

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


.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 14px;}
.flex{ display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.flex-center{display: flex;display: -webkit-flex;align-items: center;}
.wd1400{width: 1400px;margin: 0 auto;}

/*头部样式*/
.top_head{position: relative;}
.top_aa{position: relative;line-height: 42px;background: #f8f8f8;color: #888888;font-size: 14px;}
.top_aa a{color: #888888;}

.top_bb{position: relative;}
.top_bb>.flex{height: 140px;align-items: center;}
.logotext{margin-left: 15px;background: url(../images/e8657b18cb48d215b14ee74dc12c5b6ebd7ae942.png) no-repeat left center;padding-left: 15px;}
.logotext h3{font-size: 24px;color: #0082ce;}
.logotext h3 b{font-size: 30px;font-weight: bold;}
.logotext p{font-size: 18px;color: #666666;}

.top_right{display: flex;align-items: center;justify-content: flex-end;}
.hot_phone{margin-left: 30px;padding-right: 70px;background: url(../images/688c54b5ad56bbf40e9c377ad42bfdfff6e3b5aa.png) no-repeat right center;
text-align: right;}
.hot_phone span{font-size: 16px;color: #666666;font-weight: normal;margin-bottom: 5px;display: inline-block;}
.hot_phone h3{color: #0082ce;font-family: "Impact";font-size: 30px;display: block;}

.top_cc{position: relative;background: #444444;}


/* banner */
.htmleaf-container .slider{width: 100% !important; height:725px; margin:0 auto; overflow: hidden; position:relative; background:#093e96}
.htmleaf-container .slider .slider-main li{ width:100% !important; }
.htmleaf-container .slider .slider-main li img{width:2000px !important;height:725px !important;position:absolute;left:50%;margin-left:-1000px;}




/*热门搜索*/

.search_index {
    position: relative;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0;
}

.hotSearch {
    float: left;
    height: 46px;
    line-height: 46px;
    color: #0093d8;
    font-size: 14px;
    font-weight: bold;
}
.hotSearch a {
    color: #888888;
    font-size: 14px;
    font-weight: normal;
    margin-right: 15px;
}

#formsearch2 {
    width: 354px;
    height: 46px;
    line-height: 46px;
    float: right;
    background: url(../images/33d0f8db9d574cf36b24aca75b801177d74d7c74.png) no-repeat center center;
}
#formsearch2 input {
    height: 46px;
    background: #fff;
    line-height: 46px;
    border: none;
    outline: none;
}
#formsearch2 input#keyword {
    height: 46px;
    line-height: 46px;
    padding-left: 15px;
    color: #999999;
    float: left;
    background: none;
    border: none;
    font-size: 14px;
    width: calc(100% - 60px);
}
#formsearch2 input#s_btn {
    width: 60px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
    float: left;
    background: none;
}


/*  */

.h-about {
    background: url(../images/04e2659f9543b554532ef6bcd9f1451f61db9089.jpg) no-repeat center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 35px;
}


.habo-top {
    display: flex;
    align-items: stretch;
}

.h-leftall {
    width: 610px;
}

.h-right {
    width: 724px;
    transform: translateY(38px);
}

.h-left h3 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    position: relative;
}

.h-left h3::before {
    width: 380px;
    background-color: #cccccc;
    height: 1px;
    left: 0%;
    top: 68px;
    content: '';
    position: absolute;
}

.h-left h3 span {
    color: #0082ce;
}

.h-left h4 {
    font-weight: normal;
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-top: 55px;
}

.zxzx {
    background-color: #0082ce;
    height: 46px;
    line-height: 46px;
    width: 160px;
    text-align: center;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zxzx h3 {
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
    font-weight: normal;
}

.zxzx img {
    margin-left: 10px;
}

.p1 {
    background: #f9f9f9;
    padding: 3% 0;
}


.habo-bto {
    margin-top: -20px;
}

.habo-bto .mokall {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.habo-bto .mokall li {
    width: 16%;
}

.habo-bto .mokall li a:hover img {
    transform: rotate(180deg);
    transition: all .5s;
}

.habo-bto .mokall li a:hover .habo-bto .mokall li a img {
    max-width: 100%;
}

.habo-bto .mokall li a {
    display: block;
    text-align: center;
}

.habo-bto .mokall li a h3 {
    font-size: 24px;
    color: #0082ce;
    line-height: 34px;
    font-weight: bold;
    margin-top: 7px;
}

.habo-bto .mokall li a h4 {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    font-weight: normal;
}




.habo-bto .mokall li {
    display: block;
    text-align: center;
}

.habo-bto .mokall li:hover img {
     -webkit-animation: jello 1s;
    -moz-animation: jello 1s;
    animation: jello 1s;
    transition: all .5s;
}

.habo-bto .mokall li img {
    transition: all .5s;
}

.habo-bto .mokall li img {
    max-width: 100%;
}

.habo-bto .mokall li h3 {
    font-size: 24px;
    color: #0082ce;
    line-height: 34px;
    font-weight: bold;
    margin-top: 7px;
}

.habo-bto .mokall li h4 {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    font-weight: normal;
}

.hengxian {
    max-width: 100%;
}
.hengxian:last-child {
    display: none;
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) 
    }
}


/* h-product */
.h-product{
    position: relative;
    padding: 50px 0 0;
}

.tit-product{
    text-align: center;
    margin-bottom: 30px;
}
.tit-product h3{font-size: 48px;color: #0082ce;font-weight: bold;padding-bottom: 20px;
background: url(../images/3a5be6ff53b5d7829d68138459f028f8e4264668.png) no-repeat center bottom;margin-bottom: 20px;}
.tit-product h3 span{color: #000;}
.tit-product p{font-size: 20px;color: #666666;}

.pro_wap{position: relative;}
.sort1{display: flex;justify-content: center;margin-bottom: 30px;flex-wrap: wrap;}
.sort1 li{position: relative;margin: 0 14px 20px 14px;text-align: center;}
.sort1 li a{display: block;width: 170px;line-height: 54px;background: #eaeaea;font-size: 16px;color: #666666;}
.sort1 li.on a{background: #0082ce;color: #fff;}

.list_pp{position: relative;display: flex;flex-wrap: wrap;}
.list_pp li{position: relative;width: calc(24.33% - 36px);margin: 0 22.5px 55px 22.5px;text-align: center;}
.list_pp li a{display: block;}
.list_pp li .com-img {border: 1px solid #d7d7d7;margin-bottom: 10px;}
.list_pp li .com-img img{width: 305px;height: 305px;}
.list_pp li h3{line-height: 65px;background: #e4e4e4;font-size: 16px;color: #444444;}
.list_pp li:hover h3{background: #0082ce;color: #fff;}



/*选择我们*/
.chooseus {
    margin-top: 30px;
}
.h-strength {
    margin-top: 70px;
}
.str-left {
    width: 53.33%;
    float: left;
    background: url(../images/28575ba94c005344ad1323bd907c172229436b14.jpg) no-repeat center;
    background-size: cover;
    height: 650px;
    padding-top: 85px;
    padding-bottom: 252px;
    padding-left: 260px;
}
.str-left h3 {
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
}
.str-left h4 {
    font-size: 24px;
    color: #ffffff;
    font-weight: normal;
    margin-top: 15px;
    position: relative;
}
.str-left h4::before {
    position: absolute;
    content: '';
    width: 176px;
    height: 2px;
    background-color: #fff;
    left: 0;
    top: 60px;
}
.str-left h5 {
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    font-weight: normal;
}
.str-left h5 img {
    margin-right: 14px;
}
.str-right {
    width: 46.66%;
    float: right;
}
.str-right img {
    width: 100%;
    height: 650px;
}
.h5all {
    margin-top: 95px;
}
.habo-btos .mokalls {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.habo-btos .mokalls li {
    width: 25%;
}
.habo-btos .mokalls li a:hover img {
    transform: rotate(360deg);
    transition: all .5s;
}
.habo-btos .mokalls li:hover h3 {
    font-weight: bold;
}
.habo-btos .mokalls li a img {
    max-width: 100%;
}
.habo-btos .mokalls li a {
    display: block;
    text-align: center;
}
.habo-btos .mokalls li a h3 {
    font-size: 24px;
    color: #0082ce;
    line-height: 34px;
    font-weight: bold;
    margin-top: 7px;
}
.habo-btos .mokalls li a h4 {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    font-weight: normal;
}
.habo-btos .mokalls li {
    display: block;
    text-align: center;
    padding: 30px 0;
}
.habo-btos .mokalls li:hover img {
    /* transform: rotate(360deg);
    transition: all .5s; */
}
.habo-btos .mokalls li img {
    max-width: 100%;
}
.habo-btos .mokalls li h3 {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    margin-top: 7px;
}
.habo-btos .mokalls li h4 {
    font-size: 12px;
    color: #c8c8c8;
    line-height: 30px;
    font-weight: normal;
    text-transform: uppercase;
}
.habo-btos .mokalls li .img1 {
    display: block;
    margin-left: calc(50% - 21.5px);
}
.habo-btos .mokalls li .img2 {
    display: none;
    margin-left: calc(50% - 21.5px);
}
.habo-btos .mokalls li:hover .img1 {
    display: none;
    transition: all .3s;
}
.habo-btos .mokalls li:hover .img2 {
    display: block;
    transition: all .3s;
}
.strenght-bto {
    position: relative;
}
.habo-btos {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

/*留言*/
.h-message {
    background: url(../images/83281d62c1cc50fb125a1b19bbd08fc6c26891bb.jpg) no-repeat center;
    background-size: cover;
    padding-top: 47px;
    padding-bottom: 45px;
}

.msg-left {
    float: left;
    width: 50%;
}

.msg-right {
    float: right;
    width: 45.523%;
}

.msg-left h3 {
    font-size: 24px;
    color: #666666;
    font-weight: normal;
}

.msg-left h4 {
    font-size: 38px;
    color: #333333;
    font-weight: bold;
    margin-top: 20px;
}

.msg-left h4 span {
    color: #0093d8;
    margin-right: 10px;
}

.msg-left h5 {
    font-size: 24px;
    color: #0093d8;
    font-weight: normal;
    display: flex;
    align-items: center;
    margin-top: 28px;
}

.msg-left h5 span {
    font-size: 16px;
    color: #666666;
    margin-left: 5px;
}

.msgul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msgul .msgli {
    width: 83.606%;
}

.msgul .msgli li input:focus {
    border: none !important;
}

.msgul li input {
    width: 100%;
    line-height: 44px;
    padding-left: 22px;
    border: none;
    background-color: #ededed;
}

.li3 input {
    margin-top: 10px;
}

.msgli {
    position: relative;
}

.li1 {
    width: 49%;
    float: left;
}

.li2 {
    width: 49%;
    float: right;
    position: relative;
}

.li2 .checkCodeImg {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    display: block;
}

.li2 .checkCodeImg img {
    width: 100px;
    height: 28px;
}

.lastli {
    background-color: #0093d8;
    padding: 25px 30px;
    border-radius: 5px;
}

.lastli button {
    border: none;
    background-color: #0093d8;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    width: 50px;
}

.msg-right {
    margin-top: 26px;
}



.protext {
    text-align: center;
}

.protext h3 {
    font-size: 48px;
    font-weight: bold;
    color: #333333;
}

.protext h4 {
    font-size: 20px;
    font-weight: normal;
    color: #666;
    margin-top: 10px;
}

.protext img {
    margin-top: 8px;
}

.protext span {
    color: #0093d8;
}






/* 应用领域 */

.x-apply {
    padding-top: 5vh;
    position: relative;
}

.x-apply-con {
    padding: 10px;
}

.x-apply-con:hover .com-img img{
    transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);
}

.x-apply-con .img {
    position: relative;
}

.x-apply-con .img::before{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
}

.x-apply-con img {
    width: 100%;
}

.x-apply .x-apply-con .img .wz {
    position: absolute;
    opacity: 0;
    left: 44px;
    right: 44px;
    bottom: 55px;
    background-color: rgba(255, 255, 255, 0.94);
}

.x-apply .x-apply-con .img .wz .imgico {
    float: left;
    padding: 26px;
    padding-bottom: 20px;
}

.x-apply .x-apply-con .img .wz img {
    border: 1px solid #007ec5;
    border-radius: 44px;
    float: left;
    width: 82px;
    height: 82px;
}

.x-apply .x-apply-con .img .wz h3 {
    margin-left: 50px;
    float: left;
    width: calc(100% - 210px);
    padding-top: 19px;
    color: #333333;
    font: 600 24px/44px "Microsoft yahei";
}

.x-apply .x-apply-con .img .wz h3 p {
    color: #666666;
    font: 400 14px/22px "Microsoft yahei";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 66px;
    overflow: hidden;
}

.x-apply .x-apply-con .img .wz .more {
    float: right;
    width: 120px;
    font: 400 14px/120px "Micrtosoft yahei";
    color: #fff;
    text-align: center;
    background: url(../images/e30e48a0054d1d2028be1446ed871c3f671bd1d2.png) no-repeat center 80px #007ec5;
    padding-bottom: 10px;
}

.asas_list .slick-slide.slick-active .img .wz {
    opacity: 1;
}

.asas_list .slick-slide.slick-active .img::before{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    content: "";
}

.asas_list .slick-arrow {
    position: absolute;
    top: 45%;
}

.asas_list .slick-arrow.slick-prev {
    font-size: 0;
    outline: none;
    width: 68px;
    height: 94px;
    left: 240px;
    background: url(../images/93ea92d0dff71d56942f943ba0e2b07cc6d70b1b.png) no-repeat center rgba(0, 0, 0, 0.4);
    border: none;
    z-index: 99;
}

.asas_list .slick-arrow.slick-next {
    font-size: 0;
    outline: none;
    width: 68px;
    height: 94px;
    right: 240px;
    background: url(../images/815000ca3544b1017cbdc4c2451a4678b194855f.png) no-repeat center rgba(0, 0, 0, 0.4);
    border: none;
    z-index: 99;
}



@media(max-width: 1440px){
    .x-apply .x-apply-con .img .wz h3 {
    margin-left: 19px;    
    width: 100px;
    font: 600 16px/44px "Microsoft yahei";
}
.x-apply .x-apply-con .img .wz .more {
    width: 75px;

}
}

.p2 {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -962px;
}
.p2 .protext{
    margin-top: 5vh;
}


.p2-swiper {
    width: 100%;
    overflow: hidden;
    margin-top: 48px;
}


.p2-swiper li {
    width: 850px;
    height: 636px;
    margin-right: 20px;
    overflow: hidden;
}

.p2-swiper li a {
    display: block;
    position: relative;
}

.p2-swiper li a div.img {
    width: 100%;
    height: 100%;
}
.p2-swiper li a div.img img {
  
    width: 850px;
    height: 636px;
}

.p2-swiper li a::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, .6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    transition: all ease .2s;
}


.p2-swiper li.swiper-slide-active a::after {
    opacity: 0;
    z-index: -1;
}

.p2-swiper li .cont {
    width: 764px;
    height: 130px;
    background-color: rgba(255, 255, 255, .94);
    position: absolute;
    bottom: 56px;
    left: 50%;
    transform: translateX(-300%);
    display: flex;
    justify-content: space-between;
    transition: all ease .7s;
    opacity: 0;
}

.p2-swiper li .cont .conta {
    padding: 25px 86px 10px 55px;
    overflow: hidden;
    width: 646px;
}

.p2-swiper li .cont .conta h3 {
    font-size: 24px;
    color: #333333;
    line-height: 1;
    margin-bottom: 10px;
}

.p2-swiper li .cont .conta p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.p2-swiper li .cont .contb {
    width: 118px;
    background-color: #007ec5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.p2-swiper li .cont .contb span {
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 15px;
}

.p2-swiper li .cont .contb img {
    max-width: 100%;
}

.p2-swiper li.swiper-slide-active .cont {
    opacity: 1;
    transform: translateX(-50%);
}

.p2-swiper .p2prev {
    width: 68px;
    height: 94px;
     background: url(../images/93ea92d0dff71d56942f943ba0e2b07cc6d70b1b.png) no-repeat center rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 13.54%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 999;
}


.p2-swiper .p2next {
    width: 68px;
    height: 94px;
     background: url(../images/815000ca3544b1017cbdc4c2451a4678b194855f.png) no-repeat center rgba(0, 0, 0, 0.4);
    position: absolute;
    right: 13.54%;
    top: 50%;
    
    cursor: pointer;
    z-index: 999;
}








.tech{
    /* background: url(../images/tech.png)no-repeat bottom center; */
    padding-top: 65px;
    padding-bottom: 100px;
    position: relative;
}
.tech-con{
    position: relative;
    z-index: 3;
}
.tech-list{
    margin-top: 45px;
}
.tech-list ul li:first-child{
    margin-left: 0;
}
.tech-list ul li{
    cursor: pointer;
    float: left;
    border: solid 1px #ddd;
    text-align: center;
    padding-top: 30px;
    width: 138px;
    height: 170px;
    position: relative;
    margin-left: 40px;
}
.tech-list ul li .tech-img{

}
.tech-list ul li .tech-img img{
    max-width: 100%;
}
.tech-list ul li .tech-img .img2{
    display: none;
}
.tech-list ul li:hover .tech-img .img2{
    display: block;
}
.tech-list ul li:hover .tech-img .img1{
    display: none;
}
.tech-list ul li h3{
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}
.tech-list ul li p{
    font-size: 12px;
    color: #aeaeae;
    margin-top: 5px;
    font-family: Arial;
    text-transform: uppercase;
}
.tech-list ul li span{
    position: absolute;
    width: 40px;
    color: #999;
    background: #eeeeee;
    line-height: 24px;
    font-size: 16px;
    font-family: Arial;
    font-weight: 600;
    text-align: center;
    display: block;
    bottom: -12px;
    left: 34%;
}
.tech-list ul li:hover span{
    background: #0067a7;
    color: #fff;
}
.tech-list ul li:hover h3{
    color: #0067a7;
}
.tech-list ul li:hover{
    border: solid 1px #0067a7;
}


.tech-list ul li:hover .tech-img img{
-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s; transition: all .5s;
}



/* h-news */
.h-news{
    position: relative;
    background: #f5f5f5;
    padding: 50px 0 100px;
}

.sort3{display: flex;justify-content: center;margin-bottom: 30px;}
.sort3 li{position: relative;margin: 0 20px 20px 20px;text-align: center;}
.sort3 li a{display: block;line-height: 45px;font-size: 20px;color: #666666;}
.sort3 li a span{padding-right: 10px;}
.sort3 li:hover a{color: #0067a7;font-weight: bold;}

.h_news_con{position: relative;display: flex;justify-content: space-between;align-items: flex-start;}
.xw_list_tj{position: relative;width: 642px;}
.xw_list_tj li a{display: block;}
.xw_list_tj li img{width: 642px;height: 460px;}
.xw_list_tj li .fuss{position: absolute;left: 0px;bottom: 0px;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);padding: 12px 15px;display: flex;align-items: center;justify-content: space-between;border-top-right-radius: 30px;}
.xw_list_tj li .fuss h3{display: block;font-size: 16px;color: #fff;}
.xw_list_tj li .fuss span{display: block;font-size: 16px;color: #fff;padding-right: 20px;}


.aspp{width: 705px;position: relative;}
.xw_list_six{position: relative;}
.xw_list_six li{position: relative;margin: 25px 0;height: 116px;}
.xw_list_six li a{display: flex;align-items: center;}
.xw_list_six li .aaimg{width: 176px;}
.xw_list_six li .aaimg img{width: 176px;height: 116px;}
.xw_list_six li .bbtime{width: 115px;text-align: center;border-right: 1px solid #e3e3e3;}
.xw_list_six li .bbtime span:nth-child(1){display: block;font-family: "Arial";font-size:18px;font-weight: bold;color: #2e2f34;}
.xw_list_six li .bbtime span:nth-child(2){display: block;font-size: 16px;color: #666666;font-family: "Arial";}

.xw_list_six li .cctext{padding-left: 30px;width: 410px;}
.xw_list_six li .cctext h3{font-weight: bold;font-size: 18px;color: #333333;margin-bottom: 10px;}
.xw_list_six li .cctext .gffd{display: block;font-size: 14px;color: #999999;}
.xw_list_six li:hover .cctext h3{font-weight: bold;color: #004982;}


#ydemo{overflow:hidden;width:100%;margin:0 auto;height: 460px;}
#yindemo {float: left;}
#ydemo1 {float: left;}
#ydemo2 {float: left;}









.h-footer {
    background-color: #20201f;

}

.fnav-all {
    padding-top: 55px;
    padding-bottom: 28px;
    border-bottom: 1px solid #373736;
}

.fnav-all dl dt {
    font-size: 22px;
    color: #0093d8;
    font-weight: bold;
}

.fnav-all .dl1 dd {
    margin-top: 45px;
}

.fnav-all .dl2 dd {
    margin-top: 28px;
}

.fnav-all .dl3 dd {
    margin-top: 40px;
}

.fnav-all dl dd h3 {
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    line-height: 40px;
}

.fnav-all .dl1 {
    float: left;
    width: 34.7%;
}

.fnav-all .dl2 {
    float: left;
    width: 29.85%;
}

.fnav-all .dl3 {
    float: right;
    width: 16.8%;
}

.fnav-all .dl2 dd ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 65px;
    font-weight: normal;
}

.fnav-all .dl2 dd ul li img {
    margin-right: 18px;
}

.fnav-all .dl2 dd ul li a:hover {
    color: #0093d8;
}

.fnav-all .dl2 dd ul li {
    float: left;
    width: 33.333%;
}

.allewm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.allewm .leftewm {
    text-align: center;
}

.allewm .leftewm {
    text-align: center;
    width: 45%;
}

.allewm .leftewm img {
    max-width: 100%;
}

.allewm .leftewm h3 {
    font-size: 14px;
    color: #999999;
}





.gl-footer {
    background-color: #20201f;
}

.c-link span {
    color: #f2f2f2;
    font-size: 14px;
}

.c-link dd {
    color: #f2f2f2;
    font-size: 12px;
    padding-top: 5px;
}

.c-link {
    padding-right: 3px;
}

.x-region {
    padding-left: 3px;
}



.ksleft {
    width: 32.515%;
    float: left;
}

.ksleft dl {
    margin-bottom: 0;
}

.ksleft dl:first-child {
    width: 62%;
    float: left;
}

.ksleft dl:last-child {
    width: 38%;
    float: right;
}

.ksleft dl a {
    font-size: 16px;
    color: #eeeeee;
}

.ksleft dl dt {
    font-size: 18px;
    color: #eeeeee;
}

.ksleft dl dd a:hover {
    color: #c2c2c2;
}

.ksleft dl dd {
    margin-top: 16px;
}

.ksleft dl span {
    margin-top: 16px;
    display: block;
}

.kscenter {
    width: 39.87%;
    float: left;
    margin-left: 7.36%;
}

.cleft {
    overflow: hidden;
    float: left;
    width: 50%;
}

.cleft h3 {
    font-size: 18px;
    color: #eeeeee;
    font-weight: normal;
}

.cleft ul {
    width: 50%;
}

.cleft li a {
    font-size: 16px;
    color: #eeeeee;
}

.cleft li a:hover {
    color: #c2c2c2;
}

.cleft li:nth-child(2n) {
    margin-left: 30px;
}

.cleft li {
    margin-top: 17px;
    float: left;
}

.cright {
    float: right;
}

.cright h3 {
    font-size: 18px;
    color: #eeeeee;
    font-weight: normal;
}

.crtel h5 {
    margin-top: 30px;
}

.crtel h5 p {
    font-size: 16px;
    color: #eeeeee;
    margin: 0px;
    margin-bottom: 20px;
}

.ksright {
    width: 15.1%;
    float: right;
}

.ksright h3 {
    font-size: 18px;
    color: #eeeeee;
    font-weight: normal;
}




.hm-floor {
    background-color: #20201f;
    border-bottom: 5px solid #0093d8;
    padding: 32px 0;
}

.fl-left {
    width: 87%;
    float: left;
    color: #b6b6b6;
    font-size: 13px;
}

.fl-left a {
    color: #b6b6b6;
}

.fl-center {
    width: 15%;
    float: left;
    display: none;
}

.fl-center h3 {
    float: left;
    color: #b6b6b6;
    font-size: 12px;
}

.fl-center a {
    float: left;
    color: #b6b6b6;
}

.fl-right {
    float: right;
    color: #b6b6b6;
    line-height: 20px;
}

.fl-right a {
    color: #b6b6b6;
    font-size: 13px;
    position: relative;
}


.fl-right span {
    color: #fefefe;
    font-size: 14px;
}

.fl-right a:hover {
    color: #0093d8;
}

.fl-left a:hover {
    color: #0093d8;
}

.fl-right {
    display: flex;
    align-items: center;
}

.c-link .con span {
    color: #b6b6b6;
}