@charset "utf-8"; 
.wrap {width: 1200px;margin: 0 auto;}
.commPad{padding: 60px 0;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: 1px rgba(255, 255, 255, .2) solid;}
.header .wrap{display: flex;justify-content: space-between;align-items: center;}
.header .logo{display: block; width: 100px;line-height: 56px;position: relative;height: 56px;font-size: 0;float: left;position: relative;}
.header .logo img{position: absolute;left: 0;top: 12px;width: 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}
.header .logo .img2{opacity: 0;visibility: hidden;}
.header ul{display: flex;align-items: center;}
.header ul li{margin: 0 10px;}
.header ul li a{font-size: 14px;color: #ffffff;line-height: 56px;font-weight: bold;position: relative;display: block;padding: 0 20px;}
.header ul li a:after{content: '';display: block;width: 0;height: 2px;background: #FFFFFF;border-radius: 20px;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;overflow: hidden;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}
.header ul li.active a:after,.header ul li:hover a:after{opacity: 1;visibility: visible;width: 32px;}
.header .tel{font-size: 14px;color: #ffffff;line-height: 56px;padding-left: 28px;background-image: url('../images/tel.png');background-repeat: no-repeat;background-position: left center;background-size: auto 20px;}
.header.active{background: #ffffff;box-shadow: 0px 6px 12px 0px rgba(222,228,246,0.4);}
.header.active .logo .img2{opacity: 1;visibility: visible;}
.header.active .logo .img1{opacity: 0;visibility: hidden;}
.header.active ul li a{color: #222222;}
.header.active ul li.active a,.header.active ul li:hover a{color: #2E63FB;}
.header.active ul li.active a:after,.header.active ul li:hover a:after{background: #2E63FB;}
.header.active .tel{color: #222222;background-image: url('../images/tel_hover.png');}

.server{background: #ffffff;box-shadow: 0px 6px 12px 0px rgba(222,228,246,0.4);}
.server .wrap{display: flex;justify-content: space-between;align-items: center;}
.server .logo{display: block; width: 100px;line-height: 56px;position: relative;height: 56px;font-size: 0;float: left;position: relative;}
/* .server .logo img{position: absolute;left: 0;top: 12px;width: 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} */
.server .logo .img2{opacity: 1;}
.server ul{display: flex;align-items: center;}
.server ul li{margin: 0 40px;}
.server ul li a{font-size: 14px;color: #222222;line-height: 56px;font-weight: bold;position: relative;display: block;padding: 0 20px;}
.server ul li a:after{content: '';display: block;width: 0;height: 2px;background: #FFFFFF;border-radius: 20px;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;overflow: hidden;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}
.server ul li.active a:after,.header ul li:hover a:after{opacity: 1;visibility: visible;width: 32px;}
.server .tel{font-size: 14px;color: #222222;line-height: 56px;padding-left: 28px;background-image: url('../images/tel.png');background-repeat: no-repeat;background-position: left center;background-size: auto 20px;}
/* .server.active{background: #ffffff;box-shadow: 0px 6px 12px 0px rgba(222,228,246,0.4);} */
.server .logo .img2{opacity: 1;visibility: visible;}
.server .logo .img1{opacity: 1;visibility: hidden;}
.server ul li a{color: #222222;}
.server ul li.active a,.header.active ul li:hover a{color: #2E63FB;}
.server ul li.active a:after,.header.active ul li:hover a:after{background: #2E63FB;}
.server .tel{color: #222222;background-image: url('../images/tel_hover.png');}


.proPull{position: fixed;top: 120px;left: 0;width: 100%;z-index: 999999;background: #F6F7FA;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;padding: 34px 0;opacity: 0;visibility: hidden;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.05);}
.proPull.active{opacity: 1;visibility: visible;top: 56px;}
.proPull .wrap{max-width: 1366px;}
.proPull .items{font-size: 0;margin: -.5%;}
.proPull .items .item{display: inline-block;vertical-align: top;width: 19%;margin: .5%;overflow: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;background: linear-gradient(180deg, #F4F6FC 0%, #FFFFFF 100%);box-shadow: 0px 2px 12px 0px rgba(222,228,246,0.48);border-radius: 4px;border: 1px solid #FFFFFF;padding: 15px 12px;}
.proPull .items .item h3{font-size: 14px;color: #222222;line-height: 24px;}
.proPull .items .item p{font-size: 12px;color: #98A3B7;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 40px;}
.proPull .items .item:hover{border-color: #2E63FB;}
.proPull .items .item:hover h3{color: #2E63FB;}

.commTit{text-align: center;margin-bottom: 30px;}
.commTit h3{font-size: 24px;color: #222222;line-height: 30px;}
.commTit p{font-size: 14px;color: #98A3B7;line-height: 24px;margin-top: 8px;}

.commTit2{text-align: center;}
.commTit2 h3{font-size: 28px;color: #282828;line-height: 1;display: inline-block;vertical-align: middle;font-weight: normal;}
.commTit2 h3:before{content: '';display: inline-block;vertical-align: middle;width: 98px;height: 23px;background-image: url('../images/titbg1.png');background-repeat: no-repeat;background-position: center;margin-right: 40px;background-size: 100%;}
.commTit2 h3:after{content: '';display: inline-block;vertical-align: middle;width: 98px;height: 23px;background-image: url('../images/titbg2.png');background-repeat: no-repeat;background-position: center;margin-left: 40px;background-size: 100%;}
.commTit2 p{font-size: 18px;color: #666666;line-height: 30px;margin-top: 15px;text-transform: uppercase;}
.commTit2 h4{font-size: 20px;color: #98a3b7;line-height: 32px;font-weight: normal;margin-top: 25px;}
.footer .top{background: #373F5E;padding: 35px 0;}
.footer .top .wrap{display: flex;justify-content: space-around;}
.footer .top dl dt{font-size: 18px;color: #ffffff;line-height: 30px;margin-bottom: 8px;}
.footer .top dl dd{display: block;vertical-align: top;padding-right: 15px;}
.footer .top dl dd a{font-size: 14px;color: #AEB2BF;line-height: 26px;display: block;}
.footer .top dl dd a:hover{color: #ffffff;}
.footer .bot{background: #2D344E;font-size: 14px;color: #AEB2BF;line-height: 26px;text-align: center;padding: 10px 0;}
.footer .bot a{display: inline-block;color: #AEB2BF;}

.serverFoot{margin-top: 0;}

.pages{font-size: 0;}
.pages a{display: inline-block;vertical-align: top;font-size: 14px;color: #222222;line-height: 30px;background: rgba(255,255,255,0);
border-radius: 2px;border: 1px solid #E5E7EB;min-width: 30px;height: 30px;text-align: center;margin-right: 12px;}
.pages .prev{background-image: url('../images/prev.png');background-repeat: no-repeat;background-position: center;background-size: auto 14px;}
.pages .next{background-image: url('../images/next.png');background-repeat: no-repeat;background-position: center;background-size: auto 14px;}
.pages a.active,.pages a:hover{background-color: #2F6FE7;color: #ffffff;}
.pages .prev:hover{background-image: url('../images/prev_active.png');}
.pages .next:hover{background-image: url('../images/next_active.png');}

.lybBox{width: 240px;border-radius: 6px;z-index: 99;box-shadow: 0 8px 40px 0 rgba(0,0,0,0.4);position: fixed;left: 20px;bottom: 10px;background: #ffffff;overflow: hidden;}
.lybBox .lyTop{background: #6696FF;padding: 0 0 0 14px;display: flex;align-items: center;justify-content: space-between;}
.lybBox .lyTop h3{font-size: 14px;color: #ffffff;line-height: 46px;}
.lybBox .lyTop i{display: block;width: 46px;height: 46px;background-image: url('../images/nodemin.png');background-repeat: no-repeat;background-position: center;background-size: auto 16px;cursor: pointer;}
.lybBox .lyTop i.active{background-image: url('../images/nodemax.png');background-size: auto 30px;}
.lybBox p{font-size: 14px;color: #303133;line-height: 20px;padding: 12px 14px;}
.lybBox textarea{width: 214px;height: 84px;margin: 8px auto 7px;padding: 10px 12px; resize: none;overflow: hidden; border: 1px solid #DCDFE6;background-color: #fff;text-align: left;outline: 0;border-radius: 4px;font-size: 12px;color: #303133;line-height: 20px;display: block;}
.lybBox .lable{position: relative;width: 214px;margin: 0 auto;}
.lybBox input{width: 100%;height: 32px;margin: 8px auto 7px;padding: 10px 12px 10px 32px; overflow: hidden; border: 1px solid #DCDFE6;background-color: #fff;text-align: left;outline: 0;border-radius: 4px;font-size: 12px;color: #303133;line-height: 32px;display: block;}
.lybBox .lable span{display: block;width: 32px;height: 32px;background-image: url('../images/user.png');background-repeat: no-repeat;background-position: center;background-size: auto 12px;position: absolute;left: 0;top: 0;}
.lybBox .lable .sp2{background-image: url('../images/nodephone.png');}
.lybBox .lable .sp3{background-image: url('../images/custom-select.png');}
.lybBox .tj{height: 32px;width: 64px;line-height: 32px;text-align: center;border-radius: 4px;font-size: 12px;color: #fff;cursor: pointer;float: right;background-color: #6696FF;margin: 6px 14px 14px;}