/*顶部开始*/
a{color: #333;}
.bga1 {background-color:rgba(29, 78, 157, 0.9);}
.bg-14408f{background-color: #14408f;}
.bg-f4f4f4{background-color: #f4f4f4;}
.color-14408f{color: #14408f;}
.color-a9a9a9{color: #a9a9a9;}
.color-333{color: #333;}
.pd-0-20{padding: 0 0.10rem;}
.header .logo img {height:0.72rem;}
.header .menuico {height:0.72rem;width:0.48rem;background:url(../images/menuico.png) center / contain no-repeat;}
.header .on {background:url(../images/closeico.png) center / contain no-repeat;}
.nav {position:absolute;left:0;right:0;z-index:10;height:100%;display:none;margin-top:0.1rem;}
.nav li {box-sizing:border-box;border-bottom:0.01rem solid #999;}
.nav li a {font-size:0.24rem;color:#fff;line-height:0.6rem;height:0.6rem;display:block;font-weight:100;}
.message .iform{}
.message input,.message select,.message button{display: inline-block;height: 0.36rem;line-height: 0.36rem;border:1px solid #999;font-size: 0.12rem;}
.message .info_name{width: 1rem;}
.message .info_phone{width: 2rem;}
.message .info_need{width: 1.5rem;}
.message .submitBtn{width: 1rem;}

.case .case-list li,.case-list-other li{width: 48%;margin: 0.1rem 1%; float: left;}
.case .case-list li.li1{width: 98%;}
.case .img{position: relative;}
.case .img .play {position: absolute; background: url(../images/play2.png) center no-repeat; width: 100%; height: 100%; cursor: pointer;}
.case .img .play img{display: none;}

.service li{width: 31.33%;margin: 0.1rem 1%;float: left;}
.service li img{border-radius: 100%;width: 50%;}

.customer li{width: 14.666%;margin: 0.1rem 1%;float: left;}


.videos {position: fixed; left:0%; top: 0%;  z-index: 2; width:100%;height: 100%;display: none;  background-color: rgba(0,0,0,0.9);}
.videos .box{position: absolute; margin:0 auto;  width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.videos .vclose {position: absolute; right: 0%; top: 0%; border-radius: 100%; cursor: pointer; z-index: 3;}

.case .case-list-other .more-link span {background-color: #14408f;}
.customer .customer-list .more-link span {background-color: #2992c9;}
.customer .customer-list .more-link span,.case .case-list-other .more-link span {display: inline-block; height: 0.8rem; line-height: 0.8rem; width: 70%; color: #fff;  border-radius: 0.8rem;}

.page a,.page span{display: inline-block;padding: 0.05rem 0.10rem;border: 1px solid #ccc;margin:0.05rem;}
.page span{background-color: #14408f;color: #fff;border-color: #14408f;}

.contact .codeimg img{width: 50%;}


.contact .msg-bg{box-shadow: 0 4px 9px #dedede;width: 90%;margin: 0.20rem auto;border-radius: 0.2rem;}
.contact .msg-bg .title{border-bottom: 0.01rem solid #f4f4f4;}
.contact .msg_form input,.contact .msg_form button{margin: 10px 0;height: 0.6rem;width: 80%;box-sizing: border-box;border-radius: 0.08rem;vertical-align: bottom;}
.contact .msg_form input{border: 0.01rem solid #dedede;color: #999;padding-left: 0.48rem;}
.contact .msg_form button{border: none;color: #fff;background-color: #14408f;}
.contact .msg_form .info_name{background: url(../images/icon-name.png) 0.1rem center / 0.24rem auto no-repeat;}
.contact .msg_form .info_need{background: url(../images/icon-need.png) 0.1rem center / 0.24rem auto no-repeat;}
.contact .msg_form .info_phone{background: url(../images/icon-phone.png) 0.1rem center / 0.24rem auto no-repeat;}
.contact .msg_form .info_company{background: url(../images/icon-company.png) 0.1rem center / 0.24rem auto no-repeat;}

/*底部浮窗*/
.bottom-online {position:fixed;bottom:0;left:0;right:0;z-index:3;overflow:hidden;}
.bottom-online li {float:left;width:39%;text-align:center;padding:0.1rem;border-radius:0.04rem;box-sizing:border-box;}
.bottom-online li.bg1 {margin-left:10%;}
.bottom-online li.bg2 {margin-left:2%;margin-right:10%;}
.bottom-online li a {height:0.32rem;line-height:0.32rem;display:block;color:#fff;}
.bottom-online li .tel_icon {background:url(../images/tel_icon.png) center top / 0.32rem no-repeat;display:inline-block;vertical-align:bottom;height:0.32rem;width:0.32rem;}
.bottom-online li .feedback_icon {background:url(../images/feedback_icon.png) center top / 0.32rem no-repeat;display:inline-block;vertical-align:bottom;height:0.32rem;width:0.32rem;}
/*foot wechat*/
.wechat {padding:0.2rem 0;position:fixed;left:0;right:0;z-index:2;box-shadow:0px 1px 10px #ccc;bottom:0;}
.wechat li {float:left;width:25%;}
.wechat li a {padding-top:0.36rem;display:block;}
.wechat  .bottom_chat a {background:url(../images/bottom_chat.png) center top / 0.36rem auto no-repeat;}
.wechat  .bottom_quyang a {background:url(../images/bottom_quyang.png) center top / 0.36rem auto no-repeat;}
.wechat  .bottom_kefu a {background:url(../images/bottom_kefu.png) center top / 0.36rem auto no-repeat;}
.wechat  .bottom_phone a {background:url(../images/bottom_phone.png) center top / 0.36rem auto no-repeat;}
.wechat  .bottom_feedback a {background:url(../images/bottom_feedback.png) center top / 0.36rem auto no-repeat;}
/* 
.wechat  .bottom_wechat a {background:url(../images/bottom_wechat.png) center top / 0.3rem auto no-repeat;}
*/
.wechat  .bottom_tel a {display:block;border-radius:0.36rem;width:90%;}
.wechat  .bottom_wechat a {display:block;border-radius:0.36rem;color:#1aad19;border:0.01rem solid #1aad19;width:90%;}
.wechat  .bottom_wechat .icon_wechat {background:url(../images/bottom_wechat2.png) left center / 0.3rem auto no-repeat;padding:0.15rem 0 0.15rem 0.36rem;display:inline-block;}
.wechat  .bottom_tel .icon_tel {background:url(../images/bottom_tel.png) left center / 0.3rem auto no-repeat;padding:0.15rem 0 0.15rem 0.36rem;display:inline-block;}
/*chat*/
.chat {border-radius:0.4rem;color:#fff;width:100%;border:none;}
/*wechat*/
#wechat {width:6.4rem;height:100%;position:fixed;left:0;right:0;margin:0 auto;background:rgba(0,0,0,.6);top:0;z-index:2;display:none;}
.wechat_box {width:5rem;position:fixed;left:0;right:0;top:50%;margin:0 auto;padding:0.5rem 0;border-radius:.2rem;margin-top:-1.8rem;}
.wechat_box i {position:absolute;right:0;top:0;margin:0.2rem 0.2rem 0 0;font-style:normal;height:0.4rem;width:0.4rem;line-height:0.4rem;text-align:center;border-radius:0.3rem;background:#333;cursor:pointer;}
.wechat_box .img {display:inline-block;height:0.8rem;width:0.8rem;background:url(../images/wechat_success_icon.png) no-repeat center;background-size:contain;}
.wechat_box .know {display:inline-block;background-color:#1aad19;border-radius:.25rem;width:2rem;height:.5rem;line-height:.5rem;margin-top:0.2rem;cursor:pointer;}
/*foot*/
.footer {padding:0.2rem;}
.footer .tel {border-radius:0.04rem;}
.bottomtel {position:fixed;bottom:0;width:6.4rem;left:50%;margin-left:-3.2rem;border-top:0.02rem solid #fff;}
@keyframes enlarge {
12.5% {-webkit-transform:scale(1.1);transform:scale(1.1)}
25% {-webkit-transform:scale(1);transform:scale(1)}
37.5% {-webkit-transform:scale(1.1);transform:scale(1.1)}
50% {-webkit-transform:scale(1);transform:scale(1)}
}
/*字体*/
@media only screen and (min-width:641px) {html {font-size:100px;}
}
@media only screen and (max-width:640px) {html {font-size:100px;}
}
@media only screen and (max-width:540px) {html {font-size:84.375px;}
}
@media only screen and (max-width:480px) {html {font-size:75px;}
}
@media only screen and (max-width:414px) {html {font-size:64.6875px;}
}
@media only screen and (max-width:400px) {html {font-size:62.5px;}
}
@media only screen and (max-width:375px) {html {font-size:58.5938px;}
}
@media only screen and (max-width:360px) {html {font-size:56.25px;}
}
@media only screen and (max-width:320px) {html {font-size:50px;}
}