@charset "utf-8";
/*涉及区域：公共,全局*/
html,body { font-size: 16px; font-family: "Microsoft YaHei","微软雅黑","SimSun","宋体"; }
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,form,input,textarea,button,pre,img { margin: 0; padding: 0;}
.container{width: 100%; max-width: 1440px;}
ul,ul li { list-style: none;}
a,a:hover{ text-decoration: none;}
a:hover{color: #ff0000;}
.center{text-align: center; margin: auto;}

/*header*/
.header{text-align: center;line-height: 40px; min-height: 120px;}
.header .title{ padding: 35px 10px;text-align: left;}
.header .column nav{padding: 40px 20px 0 0;text-align: right;}
.header .column nav ol{ justify-content: flex-end;}

/*旋转木马*/
.carousel{width: 100%; padding: 0; overflow: hidden;}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    100%{transform: scale(1.1); -webkit-filter: blur(15px);}
    100%{transform: scale(1); -webkit-filter: blur(0);}
}
.carousel .carousel-item img{-webkit-animation: scaleDraw 5s linear 1;}


/*服务范围*/
.service {margin-bottom: 50px;}
.service .title{text-align: center;padding: 65px 0;}
.service .title .cn{margin-bottom: 10px;}
.service .title .en{color:#8b8b8b;}
.service .project{padding: 10px;}
.service .project .content{text-align: center;padding: 20px;}
.service .project .content p{ padding: 10px 0;}
.service .project .content i.fas,.service .project .en {color:#4c4c4c}
.service .project .content hr{ width: 90%;margin: auto; height: 0px; opacity:1; border-top:1px solid #a4a4a4!important;}
.service .project .content .prompt{color: #4c4c4c; line-height: 30px;}
.service .project a:link{ width:100%; width:100%;background: #ddefff;display: block;}
.service .project a:link .content .en{font-size: 14px!important;}
.service .project a:hover{background: #ff4444;color: #FFFFFF;}
.service .project a:hover .content p.en,.service .project a:hover .content .prompt{color: #FFFFFF;}
.service .project a:hover i.fas{color:#FFFFFF;}
.service .project a:hover .content hr{ border-top:1px solid #FFFFFF!important;}
.service .project a:hover{transform: scale(1.15, 1.15);  -webkit-transform: scale(1.15, 1.15);  -moz-transform: scale(1.15, 1.15);  -o-transform: scale(1.15, 1.15);  -ms-transform: scale(1.15, 1.15);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;}

/*典型案例*/
.example { min-height:900px;background: url("") center center;background-size: cover;
    background-repeat: repeat-y;color: #FFFFFF;background-color:#588cbc;padding-bottom: 50px;}
.example .title{text-align: center;padding: 65px 0;}
.example .title .cn{margin-bottom: 10px;}
.example .caselist img{border: #FFFFFF solid 2px; overflow: hidden; width: 300px; height: 220px;}
.example .caselist p{ line-height: 40px;text-align: center;  color: #FFFFFF;}
.example .caselist a:link{padding:20px 0;display: block;text-align: center; }
.example .caselist a:hover{background: #ff0000;}
.example .caselist a:hover{padding:5px 0;border: #ff0000 solid 2px;transform: scale(1.15, 1.15);  -webkit-transform: scale(1.15, 1.15);  -moz-transform: scale(1.15, 1.15);  -o-transform: scale(1.15, 1.15);  -ms-transform: scale(1.15, 1.15);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;}
.example .caselist a:hover img{border: #FFFFFF solid 0px; }

/*资质和优势*/
.advantage {min-height:640px;margin-bottom: 50px;}
.advantage .title{text-align: center;padding: 65px 0;}
.advantage .title .cn{margin-bottom: 10px;}
.advantage .title .en{color:#8b8b8b;}
.advantage .picture  p{text-align: center;padding: 15px 0;}
.advantage .picture img{border-radius:50%;overflow:hidden;border: 5px solid #ddefff; margin-bottom: 15px; }
.advantage .picture a:hover img{border: 5px solid #ff0000;transform: scale(1.15, 1.15);  -webkit-transform: scale(1.15, 1.15);  -moz-transform: scale(1.15, 1.15);  -o-transform: scale(1.15, 1.15);  -ms-transform: scale(1.15, 1.15);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;border-radius:0;}

/*公司简介*/
.introduce { min-height:700px;background: url("") center center;background-size: cover;
    background-repeat: repeat-y;color: #FFFFFF;background-color:#4d697f;}
.introduce .title{text-align: center;padding: 65px 0;}
.introduce .title .cn{margin-bottom: 10px;}
.introduce .content{line-height: 40px;text-indent: 2em;margin-bottom: 50px;}

/*联系我们*/
.contact {min-height:480px;margin-bottom: 50px;}
.contact .title{text-align: center;padding: 65px 0;}
.contact .title .cn{margin-bottom: 10px;}
.contact .title .en{color:#8b8b8b;}
.contact .uslist{text-align: center;padding: 50px;line-height: 35px;}
.contact .uslist i.fas{font-size: 24px;}
.contact .uslist .name{margin-bottom: 50px;}
.contact .uslist span{margin: 0 15px; }
.contact .uslist img{max-width: 200px;margin-top: -40px; width: 80%}


/*版权信息*/
.copyright{min-height:80px; background: #0c0c0c; line-height: 80px;color: #FFFFFF;}
.copyright a:link,.copyright a{color: #FFFFFF;}
.copyright a:hover{color: #FF0000;}
.copyright .spacing{height: 50px;}


/*栏目页*/
.banner{width: 100%; padding: 0; overflow: hidden;}

/*文字内容*/
.text-content .location{padding:15px 0;line-height: 35px;}
.text-content .title{line-height: 50px; padding: 35px 10px; text-align: center;}
.text-content .time{text-align: center;line-height: 50px;color: #888888;}
.text-content .info{line-height: 35px; padding: 30px 10px; }
.text-content img{margin: 15px 0;}


/*图片列表*/
.pic-content .location{padding:15px 0;line-height: 35px;}
.pic-content .case-list{margin: 30px 0;}
.pic-content .piclist img{border: #FFFFFF solid 2px; overflow: hidden; width: 300px; height: 220px;}
.pic-content .piclist p{ line-height: 40px;text-align: center;  color: #000000;}
.pic-content .piclist a:link{padding:20px 0;display: block;text-align: center; }
.pic-content .piclist a:hover{background: #ff0000; padding:5px 0;border: #ff0000 solid 2px;transform: scale(1.15, 1.15);  -webkit-transform: scale(1.15, 1.15);  -moz-transform: scale(1.15, 1.15);  -o-transform: scale(1.15, 1.15);  -ms-transform: scale(1.15, 1.15);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;}
.pic-content .piclist a:hover img{border: #FFFFFF solid 0px; }
.pic-content .piclist a:hover p{color: #FFFFFF;}
.pic-content .advantage-list{margin: 30px 0;}
.pic-content .advantage-list .picture  p{text-align: center;padding: 15px 0;}
.pic-content .advantage-list .picture img{border-radius:50%;overflow:hidden;border: 5px solid #ddefff; margin-bottom: 15px; }
.pic-content .advantage-list .picture a:hover img{border: 5px solid #ff0000;transform: scale(1.15, 1.15);  -webkit-transform: scale(1.15, 1.15);  -moz-transform: scale(1.15, 1.15);  -o-transform: scale(1.15, 1.15);  -ms-transform: scale(1.15, 1.15);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;border-radius:0;}

/*分页样式*/
.pagination {margin: 30px 0;border-radius: 5px; justify-content : center;}
.pagination > li {display: inline;}
.pagination > li > a, .pagination > li > span { position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7; text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus, .pagination > .disabled > a,.pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-lg > li > a,.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;}
.pagination-sm > li > a,.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 5px;border-bottom-right-radius: 5px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}


/* 底部导航 */
.bottomMenu {position:fixed;width:100%;left:0;bottom:0;z-index:6;}
.bottomMenu .ui-grid-c .ui-block-a,.bottomMenu .ui-grid-c .ui-block-b,.bottomMenu .ui-grid-c .ui-block-c,.bottomMenu .ui-grid-c .ui-block-d {margin-right:0;}
.bottomMenu i {color: #ffffff; font-size: 24px; margin: 5px 0;}
.footer-b li {background:rgba(45, 45, 45, 0.96);color:#525252;margin-right:0;text-align:center;}
.footer-b li a {display:block;height:60px;padding:5px 0 0 0;}
.footer-b li span {display:inline-block;width:21px;height:21px;}
.footer-b li h2 {font-weight:normal;line-height:14px;font-size:14px;font-family:Microsoft YaHei;color:#fff;}

.weixin-popup {width:220px;height:295px;background:#fff;left:50% !important;bottom:220px !important;
margin-left:-110px;position:absolute;z-index:2199;display:none;border-radius:3px;}
.weixin-popup img {width:220px;height:295px;border-radius:3px; z-index: 2199;}
.ui-popup-screen {z-index:1; }
.ui-overlay-b.in{opacity:0.8;background:#000;}

.menu_home {width: 60px;height: 60px; background-color: #fff;  border-radius: 30px; box-shadow: 0 0 1px 3px rgba(0,0,0,.4);display: block;position: fixed;z-index: 999;  bottom: 10px;   text-align: center; }
.menu_home i{font-size:24px;  color:#000; margin-top: 10px;}
.menu_home h2{ font-size:14px; color:#000; margin: auto;}





@media (max-width: 575.98px) {}

@media (max-width: 767.98px) {
    .contact .uslist{text-align: center;padding: 20px;line-height: 35px;}
    .contact .uslist .name{margin-bottom: 10px;}
    .copyright{line-height: 30px;padding: 15px 10px;}
    .contact .uslist img{margin-top: 0px;max-width: 300px;}
    .service .project .content p{padding: 5px 0;}
    .service .content p.line,.service .content hr,.service .content p.prompt{display: none; height: 0; overflow: hidden;padding: 0;}


}

@media (max-width: 991.98px) {
    .header .title{padding: 10px 10px;}
    .header .column nav{padding: 0;margin-right: 10px;}
    .text-content .info img{max-width: 80%;text-indent:0!important;}
    .contact .uslist img{margin-top: -20px;}
}

@media (max-width: 1199.98px) {
}

@media (max-width: 1399.98px) {}