*{margin:0px; padding:0px;list-style:none;box-sizing: border-box;font-style: normal;font-family: 'Microsoft Yahei',"微软雅黑",arial,"宋体",sans-serif;}
html,body{font-size: 14px;color: #555555;}
body{padding-bottom: 73px;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html clearfix{height:1%;}
.fl{float: left;}
.fr{float: right;}
img{border: 0;flex-shrink:0;}
input, label, img, th {vertical-align: middle;}
.hide {display: none;}
.block {display: block;}
.f14 {font-size: 14px;}
.font14{font-size:14px;}
.Arial {font-family:Arial, Helvetica, sans-serif;}
a{text-decoration: none;color: #555555;cursor: pointer;}
a:hover{
    color: #54b2bd;
}
.color1, .color1 a{
    color: #54b2bd;
}
.divdl dt{
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    color: #000;
    text-align: center;
    padding-bottom: 32px;
}
.btn{
    width: 152px;
    line-height: 46px;
    color: #54b2bd;
    border: 2px solid #54b2bd;
    display: inline-block;
    border-radius: 4px;
}
.btn:hover{
    background-color: #54b2bd;
    color: #fff;
}
.btn2{
    display: inline-block;
    text-align: center;
    width: 152px;
    height: 46px;
    line-height: 44px;
    font-size: 16px;
    border: 0px;
    background-color: #f09e38;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
a.btn2{
    color: #fff;
}
.verify_img{
    cursor: pointer;
}
.viewPasswordLi{
    position: relative;
}
.viewPasswordLi a{
    position: absolute;
    width: 26px;
    height: 26px;
    right: 12px;
    top: 12px;
    background: url(../../Home/images/login_08.jpg) no-repeat;
    display: inline-block;
}
.maxw{
    padding: 0px 14px;
}
.alldata{
    text-align: center;
    display: none;
}
/*
头部
*/
.p_dh{
    text-align: center;
    margin-bottom: 20px;
}
.p_dh .title{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
.p_dh .des{
    font-size: 12px;
    padding-top: 12px;
}
.p_dh .des a{
    color: #54b2bd;
    margin-left: 20px;
}
.p_ndh{
    padding-bottom: 12px;
    text-align: center;
    background: url(../images/banner.jpg) no-repeat center;
    background-size: cover;
    padding-top: 50px;
    color: #fff;
}
.p_ndh .title{
    font-weight: lighter;
    font-size: 35px;
}
.p_ndh .title2{
    font-weight: bold;
    font-size: 35px;
}
.p_ndh .des{
    color: #bde3e7;
    font-size: 10px;
    padding-top: 30px;
}
.p_ndh .des2{
    color: #bde3e7;
    font-size: 12px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 45px;
}
/* 首页 */
.banner{
    height: 647px;
    background: url(../images/home_banner.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding-top: 110px;
    position: relative;
}
.banner .title{
    font-size: 35px;
    padding-bottom: 6px;
}
.banner .des{
    color: #bde3e7;
    font-size: 12px;
    line-height: 20px;
}
.banner .zixun{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 100px;
}
.ph_site{
    padding-top: 63px;
    margin: auto;
    padding-bottom: 100px;
}
.ph_site ul li .img{
    position: relative;
    max-width: 400px;
    margin: auto;
}
.ph_site ul li img{
    width: 100%;
}
.ph_site .cont{
    width: 78%;
    position: absolute;
    top: 66%;
    left: 11%;
    color: #fff;
}
.ph_site .cont .title{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #edeff2;
}
.ph_site .cont .des{
    font-size: 12px;
    padding-top: 12px;
    line-height: 22px;
}
.ph_site .more, .ph_app .more{
    padding-top: 18px;
    text-align: center;
}
.swiper{
    position: relative;
}
.ph_site .index-swiper-pagination{
    bottom: unset !important;
    top: 20px !important;
    text-align: center;
}
.swiper-pagination {
    --swiper-pagination-color: #57b2bd;
    --swiper-pagination-bottom: auto;
    --swiper-pagination-bullet-inactive-color:#fff;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
}
.swiper-pagination span{
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.ph_app{
    background-image: linear-gradient(to bottom, #fff, #54b2bd);
    padding: 82px 0px;
}
.ph_app .img{
    padding-top: 50px;
    padding-bottom: 66px;
}
.ph_app .cont{
    background-color: #fff;
    border-radius: 12px;
    padding: 35px 30px;
    color: #748082;
}
.ph_app .cont .title{
    font-size: 16px;
    padding-top: 24px;
    padding-bottom: 8px;
}
.ph_app .cont .des{
    padding-left: 6px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cdcdcd;
}
.ph_threed{
    padding-top: 68px;
    padding-bottom: 40px;
}
.ph_threed ul li{
    width: 100%;
    margin-bottom: 16px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); 
    border-radius: 6px;
    overflow: hidden;
}
.ph_threed .list .img{
    position: relative;
}
.ph_threed .list .title{
    top: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    padding: 0px 24px;
    font-weight: bold;
    justify-content: space-between;
}
.ph_threed .list .title a{
    font-weight: normal;
    display: inline-block;
    width: 98px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
}
.ph_threed .list .des{
    padding: 0px 24px;
    font-size: 14px;
    line-height: 46px;
}
/* 关于我们 */
.p_about_bac{
    background-image: linear-gradient(to bottom, #fff, #edeff2);
}
.p_about_top{
    padding-top: 35px;
}
.p_about_top .title{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
.p_about_top .des{
    color: #646464;
    padding: 40px 30px;
    font-size: 14px;
    line-height: 25px;
    padding-top: 40px;
}
.p_about_top .img{
    text-align: center;
}
.pa_youshi{
    padding: 60px 0px;
    background-color: #f7f8f8;
}
.pa_youshi dt{
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.dtdes{
    text-align: center;
    padding-top: 8px;
    padding-bottom: 24px;
    font-size: 12px;
}
.pa_youshi dd{
    width: 100%;
    display: flex;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 22px;
    padding: 24px 27px 24px 17px;
}
.pa_youshi dd .img{
    display: flex;
    align-items: center;
    padding-right: 10px;
    justify-content: center;
}
.pa_youshi dd .title{
    color: #000;
    padding-bottom: 4px;
    font-size: 14px;
}
.pa_youshi dd .cont{
    flex: 1;
}
.pa_youshi dd .des{
    font-size: 12px;
    line-height: 22px;
    margin: auto;
}
.about_team{
    padding-top: 60px;
    padding-bottom: 24px;
}
.about_team dt{
    text-align: center;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 20px;
    color: #000;
}
.about_team dd .title{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 11px;
}
.about_team dd .des{
    font-size: 14px;
    color: #bde3e7;
    padding-bottom: 14px;
    margin-bottom: 17px;
    border-bottom: 1px solid #bde3e7;
}
.about_team_cont{
    border-radius: 10px;
    background-color: #54b2bd;
    color: #fff;
    padding: 60px 25px 20px;
}
/* 联系我们 */
.p_contact .contact_li{
    padding: 32px 30px 0px;
}
.p_contact .contact_li li{
    padding-bottom: 26px;
    display: flex;
}
.p_contact .contact_li li img{
    height: 30px;
    margin-right: 8px;
}
.p_contact .contact_li .title{
    padding-top: 4px;
}
.p_contact .contact_li .des{
    padding-top: 4px;
    flex: 1;
    color: #000;
}
.contact_form{
    padding-bottom: 14px;
}
.contact_form .message{
    width: 100%;
    background-color: #f0f9fa;
    border-radius: 6px;
    overflow: hidden;
}
.contact_form .message .title{
    font-size: 20px;
    line-height: 64px;
    background-color: #54b2bd;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.contact_form .layui-form{
    padding: 13px 20px 42px 20px;
}
.contact_form .inputlist{
    display: flex;
    padding-bottom: 16px;
    justify-content: space-between;
}
.contact_form .inline{
    display: flex;
    width: 100%;
}
.contact_form .icon{
    width: 80px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.contact_form input{
    flex: 1;
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    color: #555;
    border: 0px;
    padding: 0px 10px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #b7b8b8;
    background-color: #f0f9fa;
}
.contact_form .text{
    display: flex;
    padding-top: 12px;
    width: 100%;
    align-items: start;
}
.contact_form .layui-textarea{
    flex: 1;
    border-radius: 4px;
    color: #646464;
    border: 1px solid #b7b8b8;
    padding: 12px;
    font-size: 14px;
    line-height: 160%;
    background-color: #f0f9fa;
    height: 157px;
}
.contact_form .layui-btn{
    width: 152px;
    height: 46px;
    font-size: 18px;
    border: 0px;
    background-color: #f09e38;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.contact_form .verify_code{
    width: 40%;
}
.contact_form .cr_lx{
    text-align: center;
    font-size: 14px;
}
/* 网站建设 */
.pcw_pro_dt{
    text-align: center;
    margin: 14px;
    padding: 3px;
    display: flex;
    background-color: #edeff2;
    border-radius: 4px;
}
.pcw_pro_dt a{
    display: inline-block;
    flex: auto;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: bold;
}
.pcw_pro_dt a.on{
    color: #fff;
    background-color: #54b2bd;
}
.pcw_pro ul li{
    display: none;
    width: 100%;
    text-align: center;
    padding-top: 48px;
    background-color: #f0f9fa;
    padding-bottom: 24px;
    border-radius: 6px;
}
.pcw_pro ul li .tit{
    font-size: 24px;
    color: #54b2bd;
    font-weight: bold;
}
.pcw_pro ul li .des1{
    line-height: 60px;
}
.pcw_pro ul li .old_price{
    color: #b0bfbf;
    text-decoration: line-through;
}
.pcw_pro ul li .price{
    font-size: 30px;
    padding-top: 20px;
}
.pcw_pro ul li .price b{
    font-size: 48px;
    color: #000000;
}
.pcw_pro ul li .des2{
    color: #b0bfbf;
    padding-top: 10px;
    padding-bottom: 52px;
}
.pcw_pro ul li .mianyi{
    font-size: 45px;
    color: #000;
    font-weight: bold;
    padding-top: 20px;
}
.pcw_xmfw{
    padding-top: 78px;
}
.pcw_xmfw dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pcw_xmfw dl dd{
    width: 48%;
    height: 60px;
    line-height: 60px;
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 40px auto;
    padding-left: 56px;
    font-size: 14px;
    border-radius: 6px;
    margin-bottom: 18px;
}
.pcw_xmfw dl dd.img1{
    background-color: #e5f2d6;
    background-image: url(../../Home/images/web_07.jpg);
}
.pcw_xmfw dl dd.img2{
    background-color: #e8f7f8;
    background-image: url(../../Home/images/web_09.jpg);
}
.pcw_xmfw dl dd.img3{
    background-color: #fcf4bd;
    background-image: url(../../Home/images/web_11.jpg);
}
.pcw_xmfw dl dd.img4{
    background-color: #eaf1f9;
    background-image: url(../../Home/images/web_13.jpg);
}
.pcw_xmfw dl dd.img5{
    background-color: #ffe2ea;
    background-image: url(../../Home/images/web_22.jpg);
}
.pcw_xmfw dl dd.img6{
    background-color: #fef5e4;
    background-image: url(../../Home/images/web_23.jpg);
}
.pcw_xmfw dl dd.img7{
    background-color: #e2f5ff;
    background-image: url(../../Home/images/web_20.jpg);
}
.pcw_xmal{
    padding-top: 65px;
    padding-bottom: 86px;
    position: relative;
}
.pcw_xmal dt{
    padding-top: 42px;
}
.pcw_xmal dd{
    padding-bottom: 22px;
    color: #000;
}
.pcw_xmal dd .title{
    padding: 24px 12px;
    color: #000;
    text-align: center;
}
.pcw_xmal .index-swiper-pagination{
    bottom: 100px !important;
}
/* 3D */
.pct_video{
    background-color: #f7f8f8;
}
.pct_video dt{
    padding: 45px 0px;
}
.pct_video dd{
    width: 100%;
    text-align: center;
    padding: 0px 46px;
}
.pct_video dd .img, .has_video dd .img{
    position: relative;
}
.pct_video dd .img::after, .has_video dd .img::after{
    left: 50%;
    top: 50%;
    margin-top: -38px;
    margin-left: -36px;
    position: absolute;
    content: "";
    display: inline-block;
    width: 72px;
    height: 75px;
    cursor: pointer;
    background: url(../../Home/images/video-btn.png);
}
.pct_video dd img{
    width: 100%;
}
.pct_video dd .title{
    padding-top: 16px;
    padding-bottom: 26px;
}
.pct_video dd .title span{
    color: #000;
}
.swiper-button-left, .swiper-button-right{
    display: inline-block;
    position: absolute;
    height: 30px;
    top: 55%;
    width: 46px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
}
.swiper-button-left{
    left: 0px;
    background-image: url(../images/jt_left.png);
}
.swiper-button-right{
    background-image: url(../images/jt_right.png);
    right: 0px;
}
.pct_pic{
    margin: 0px 16px 44px 16px !important;
}
.pct_pic dt{
    padding-top: 70px;
    padding-bottom: 46px;
}
.pct_pic dd img{
    width: 100%;
    border-radius: 0px 0px 6px 6px;
}
.pct_pic dd .title{
    border-radius: 6px 6px 0px 0px;
    color: #ffffff;
    background-color: #1b1b1b;
    height: 58px;
    font-size: 12px;
    line-height: 58px;
    text-align: center;
}
.dvideo .video{
    display: none;
}
.pct_pic .index-swiper-pagination{
    bottom: 20px !important;
    text-align: center;
}
.video_cont{
    display: none;
}
.show_video{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    height: 100vh;
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.6); 
    justify-content: center;
    align-items: center;
}
.video_cont .video{
    width: 900px;
    position: relative;
}
.video_cont .video video{
    width: 100%;
}
.video_cont .close_video{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../Home/images/close.png) no-repeat center;
    top: 10px;
    right: 10px;
    position: absolute;
}
/* APP/小程序开发 */
.pca_top{
    padding-bottom: 0px;
    margin-bottom: 14px;
    background: url(../images/appbanner.jpg) no-repeat;
    background-size: cover;
}
.pca_top .des{
    padding-top: 70px;
    padding-bottom: 12px;
}
.pca_top .pca_product{
    width: 1045px;
    background: url(../../Home/images/apppic_03.jpg) no-repeat left top #fff;
    padding-left: 716px;
    margin: auto;
    height: 422px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
}
.pca_top .tit{
    padding-top: 56px;
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
.pca_top .des1{
    line-height: 60px;
}
.pca_top .old_price{
    color: #b0bfbf;
    text-decoration: line-through;
}
.pca_top .price{
    font-size: 30px;
    padding-top: 24px;
}
.pca_top .price b{
    font-size: 48px;
    color: #000000;
}
.pca_top .des2{
    padding-top: 10px;
    padding-bottom: 52px;
}
.pca_top .des3{
    color: #b0bfbf;
}
.pca_top .mianyi{
    font-size: 45px;
    color: #000;
    font-weight: bold;
    padding-top: 20px;
}
.pca_xmal{
    padding: 60px 0px 66px !important;
}
.pca_xmal .swiper-button-left, .pca_xmal .swiper-button-right{
    top: 45%;
}
.pca_xmal .prod{
    margin: auto;
    width: 262px;
    height: 534px;
    position: relative;
    text-align: center;
}
.pca_xmal .prod .phone{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../../Home/images/phone.png) no-repeat;
}
.pca_xmal .prod .img{
    width: 238px;
    height: 515px;
    margin-top: 10px;
    border-radius: 25px;
}
.pca_xmal dd .ewm{
    width: 242px;
    height: 519px;
    z-index: 1;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6); 
    top: 7px;
    left: 10px;
    border-radius: 25px;
    text-align: center;
}
.pca_xmal dd .ewm img{
    width: 102px;
    height: 102px;
    margin-top: 207px;
}
.pca_xmal dd:hover .ewm{
    opacity: 1;
}
.pca_xmal dd .title{
    color: #000;
    text-align: center;
    padding: 15px 0px;
}
.pca_xmal dd:hover .title{
    color: #54b2bd;
}
/* 新闻 */
.ph_news{
    padding-top: 12px;
    padding-bottom: 45px;
}
.pcw_pro_dt .news_top{
    font-size: 14px;
}
.pcw_pro_dt span{
    display: inline-block;
    padding-left: 30px;
    background-size: auto 24px;
    background-repeat: no-repeat;
    background-position: 0px center;
}
.pcw_pro_dt .news_1 span{
    background-image: url(../../Home/images/news_icon_03.png);
}
.pcw_pro_dt .news_2 span{
    background-image: url(../../Home/images/news_icon_06.png);
}
.ph_news .list li{
    background-color: #f0f9fa;
    padding: 0px 18px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.ph_news .list li:nth-child(2n){
    background-color: #edeff2;
}
.ph_news .list li .des{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
    font-size: 12px;
    color: #748082;
}
.ph_news .list .title{
    display: flex;
    color: #b2b2b2;
    margin-bottom: 12px;
    justify-content: space-between;
    line-height: 46px;
    font-size: 12px;
    border-bottom: 1px solid #dddddd;
}
.ph_news .list .title span{
    display: inline-block;
    width: 80px;
    text-align: right;
}
.ph_news .list .title a{
    color: #555555;
    font-size: 14px;
    overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis; 
    flex: 1;
}
.ph_news .list .more{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 18px;
    text-align: right;
}
/* 新闻详情 */
.ny_news_view{
    padding: 0px 12px 50px;
    background-color: #f7f8f8;
}
.ny_news_view .title{
    font-size: 24px;
    padding-top: 32px;
    color: #282828;
    text-align: center;
}
.ny_news_view .time{
    font-size: 14px;
    color: #a9a9a9;
    padding-top: 20px;
    padding-bottom: 24px;
    text-align: center;
}
.ny_news_view .desc{
    color: #646464;
    font-size: 16px;
    line-height: 180%;
    padding-bottom: 26px;
}
.ny_news_view .desc img{
    max-width: 100%;
}
.prevnext span{
    display: inline-block;
    width: 58px;
    height: 32px;
    border: 1px solid #666666;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    color: #666666;
    margin-right: 12px;
}
.prevnext .pre{
    margin-bottom: 12px;
}
/* 登陆注册 */
.p_login{
     background: url(../../Home/images/login.jpg) no-repeat; 
    background-size: cover;
    background-color: #a9a9a9;
}
.login_cont{
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: right;
}
.login_form{
    width: 524px;
    background-color: #fff;
    padding: 40px 65px 20px;
    border-radius: 14px;
    font-size: 14px;
}
.login_form .login-box-msg{
    color: #000;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 30px;
}
.login_form li{
    display: flex;
    padding-bottom: 12px;
    justify-content: space-between;
}
.login_form .text{
    height: 54px;
    padding-left: 63px;
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #d5dddf;
    color: #555;
    border-radius: 6px;
    font-size: 16px;
    width: 100%;
    background-color: #f9fbfe;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea:-moz-placeholder
{ /* Chrome/Opera/Safari */
    color: #bebebe; 
}
.login_form .checkbox{
    margin-right: 10px;
}
.login_form .phone{
    background-image: url(../../Home/images/reg_03.jpg);
}
.login_form .verify_code{
    background-image: url(../../Home/images/reg_06.jpg);
    width: 240px;
}
.login_form .phone_verify_code{
    background-image: url(../../Home/images/reg_08.jpg);
    width: 240px;
}
.login_form .username{
    background-image: url(../../Home/images/reg_10.jpg);
}
.login_form .email{
    background-image: url(../../Home/images/reg_12.jpg);
}
.login_form .password{
    background-image: url(../../Home/images/reg_14.jpg);
}
.login_form .passwordConfirm{
    background-image: url(../../Home/images/reg_14.jpg);
}
.login_form .sendsms{
   width: 140px;
   display: inline-block;
   line-height: 52px;
   text-align: center;
   background-color: #f0f9fa;
   color: #54b2bd;
   border-radius: 4px;
   border: 1px solid #54b2bd;
}
.login_form .noactive{

}
.login_form .login_btn{
    border: 0px;
    width: 100%;
    background-color: #f09e38;
    height: 54px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
}
.login_form .tkt{
    color: #000;
}
.login_form .login-box-msg2{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.login_form .login-box-msg2 .smslogin{
    color: #000;
    font-size: 14px;
    font-weight: normal;
}
.login_form .back_home{
    color: #889092;
    text-decoration: underline;
}
.login_form .forgot_pwd{
    color: #889092;
}
.login_form .reg{
    font-weight: bold;
    color: #54b2bd;
}
.login_form .type_sms{
    display: none;
}
/* 分页 */
.pagination{
    display: flex;
    justify-content: center;
    padding-top: 15px;
    align-items: center;
}
.pagination > li{
    margin: 0px 3px;
    text-align: center;
    color: #54b2bd;
}
.pagination > li > span, .pagination > li > a {
    display: inline-block
}
.pagination > li a, .pagination > li.disabled span{
    text-decoration: none;
    border: 1px solid #54b2bd;
    background-color: #fff;
    color: #54b2bd;
    display: block;
    width: 26px;
    line-height: 24px;
    height: 26px;
    border-radius: 4px;
}
.pagination > li a:hover{
    background-color: #54b2bd;
    color: #fff;
}
.pagination > li.active span{
    width: 26px;
    height: 26px;
    line-height: 24px;
    border-radius: 4px;
    background-color: #54b2bd;
    color: #fff;
}
.pagination > li:last-child span,.pagination > li:last-child a,.pagination > li:first-child span, .pagination > li:first-child a{
    display: inline-block;
    line-height: 22px;
    width: 26px;
    height: 26px;
}
.nodata{
    text-align: center;
    line-height: 80px;
}
/* 底部 */
.foot_dingzhi{
    color: #54b2bd;
    text-align: center;
}
.foot_dingzhi .cont{
    padding-top: 63px;
    background-image: linear-gradient(to bottom, #e6e6e6, #dadada);
}
.foot_dingzhi .title{
    font-size: 24px;
    font-weight: bold;
}
.foot_dingzhi .des{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 30px;
    line-height: 22px;
}
.footmenu{
    z-index: 10000;
	background-color: #ffffff;
	position: fixed;
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.footmenu2{
	height: 73px;
}
.footmenu li{
    height: 73px;
	float: left;
	width: 25%;
	text-align: center;
	font-size: 15px;
}
.footmenu li a{
	padding-top: 35px;
	display: block;
	color: #333333;
	position: relative;
	background-position:center 10px;
	background-repeat: no-repeat;
	background-size: auto 40%;
}
.footmenu li a.home{
	background-image: url(../images/home_16.jpg);
}
.footmenu li a.cases{
	background-image: url(../images/home_18.jpg) ;
}
.footmenu li a.news{
	background-image: url(../images/home_20.jpg);
}
.footmenu li a.contact{
	background-image: url(../images/home_22.jpg);
}
.footmenu .onn{
	color: #54b2bd;
}
.footmenu li.on a.home{
	background-image: url(../images/home2_16.jpg);
}
.footmenu li.on a.cases{
	background-image: url(../images/home2_18.jpg);
}
.footmenu li.on a.news{
	background-image: url(../images/home2_20.jpg);
}
.footmenu li.on a.contact{
	background-image: url(../images/home2_22.jpg);
}
.fudong{
    position: fixed;
    top: 40%;
    right: 14px;
    z-index: 100;
}
.fudong a{
    display: inline-block;
    cursor: pointer;
}
.fudong a.kefu{
    height: 38px;
    width: 38px;
    background: url(../../Home/images/kefu.png) no-repeat;
    background-size: 100% auto;
    border-radius: 19px;
}
.fudong a.kefu:hover{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.mainlevel{
	position:relative;
}
.menusub{
	width:130px;
	bottom: 73px;
	left: 50%;
    margin-left: -65px;
	display:none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	position:absolute;
	z-index:1000;
	text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 10px;
}
.menusub dl{
	position:relative;
}
.menusub dd a{
	background-image: none !important;
	color:#3e3a39;
	height:38px;
	display:inline-block;
	width:100px;
	padding:0px;
	line-height:38px;	
}
/* 3DWeb */
.p_dweb_glb{
    background: url(../images/home_banner.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    color: #fff;
    text-align: center;
}
.p_dweb_glb .title{
    font-size: 35px;
    font-weight: bold;
    padding-bottom: 14px;
    padding-top: 6px;
}
.p_dweb_glb .li1{
    padding-top: 38px;
    font-size: 16px;
}
.p_dweb_glb .li2{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 26px;
}
.p_dweb_glb .glb_c{
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.p_dweb_glb .dwtouch{
    padding: 3px;
    background-color: #edeff2;
    display: flex;
}
.p_dweb_glb .dwtouch a{
    width: 50%;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}
.p_dweb_glb .dwtouch a.on{
    background-color: #54b2bd;
    color: #fff;
    border-radius: 8px;
}
.p_dweb_glb .glb_c .glb_sb{
    font-size: 10px;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #555555;
}
.p_dweb_glb .glb_pri{
    padding-top: 26px;
    padding-bottom: 28px;
}
.p_dweb_glb .glb_pri a{
    display: inline-block;
    text-align: center;
    width: 154px;
    color: #fff;
    line-height: 48px;
    background-color: #f09e38;
    border-radius: 6px;
}
#modelBorderContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 330px;              
}
#modelBorder {
    max-width: 512px;
    width: 100%;
    height: 50%;
}
/* 进度条css样式 */
#container {
    position: absolute;
    width: 150px;
    height: 10px;
    top: 50%;
    left:50%;
    margin-left: -75px;
    margin-top: -8px;
    border-radius: 8px;           
    border: 1px solid #e3e8e7;          
    z-index: 1000;
    font-size: 12px;
}
#per {
    height: 100%;
    width: 0px;
    background: #00ffff;
    color: #000;
    border-radius: 8px;    
    line-height: 10px;
    text-align: right;       
}
.p_dweb_gxhdz{
    padding-top: 45px;
    padding-bottom: 55px;
}
.p_dweb_ldzs dl{
    padding-bottom: 58px;
}
.p_dweb_gxhdz .index-swiper-pagination{
    bottom: 40px !important;
    text-align: center;
}
.p_dweb_gxhdz dl dd{
    width: 100%;
    padding: 50px;
    padding-bottom: 80px;
    text-align: center;
    background-color: #f7f8f8;
    border-radius: 6px;
}
.p_dweb_gxhdz dl dd .img{
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p_dweb_gxhdz dl dd .title{
    padding-top: 12px;
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
}
.p_dweb_gxhdz dl dd .des{
    line-height: 30px;
}
.p_dweb_ldzs{
    background: linear-gradient(to bottom, #fff, #54b2bd);
}
.p_dweb_ldzs dl dd{
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 20px;
    padding-bottom: 40px;
}
.p_dweb_ldzs dl dd .num{
    font-size: 38px;
    text-align: right;
    font-weight: bold;
}
.p_dweb_ldzs dl dd .cont{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #cdcdcd;
    align-items: baseline;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.p_dweb_ldzs dl dd .title{
    font-size: 18px;
    font-weight: bold;
    
}
.p_dweb_ldzs dl dd .des{
    line-height: 30px;
}
.p_dweb_ldzs dl dd:hover, .p_dweb_ldzs dl dd:hover .title,.p_dweb_ldzs dl dd:hover .num{
    color: #fff;
}
.p_dweb_ldzs dl dd:hover{
    box-shadow: 5px 0px 30px rgba(83, 83, 83, 0.2);
}
.p_dweb_ldzs dl dd.li1:hover{
    background-color: #54b2bd;
}
.p_dweb_ldzs dl dd.li2:hover{
    background-color: #aac83d;
}
.p_dweb_ldzs dl dd.li3:hover{
    background-color: #7fb1fe;
}
.p_dweb_ldzs dl dd.li4:hover{
    background-color: #fdbe36;
}
.p_dweb_ldzs dl dd.li5:hover{
    background-color: #f19579;
}
.p_dweb_ldzs dl dd.li6:hover{
    background-color: #ffa2b2;
}