@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#004c98;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;border-radius: 0;}
textarea {  -webkit-appearance: none;}   
button{ border-radius: 0; } 
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }

table{ width: 100%; border: solid 1px #eee; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee;}
img{border:0}

@font-face {font-family:'BebasNeue-Regular'; src: url('../fonts/BebasNeue-Regular-3.ttf'); }
@font-face {font-family:'Avignon'; src: url('../fonts/Avignon-Bold.ttf'); }

.fl{ float:left;}
.fr{ float:right;}



.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}


/*navBox*/
.navBox{width: 100%;height:100%;position: fixed;top: 0;right: -100%;z-index: 98;overflow: hidden;background-color: #000;transition: all 0.6s ease;}
.onNav{right: 0;}
.navBox .nav{width: 100%;max-height:calc(100vh - 120px);;overflow-y: auto;margin-top:-30px;position: absolute;top: 50%; transform: translateY(-50%);  left: 0;}
.navBox .nav .tit{width: 50%;height:50px;padding: 15px 0;box-sizing: border-box;margin: 0 auto;}
.navBox .nav .tit a{display:block;width: 100%;color: #fff;font-size: 20px;line-height:20px;font-weight: bold;position: relative;}
.navBox .nav .tit a span{font-size: 16px;line-height:16px;text-transform: uppercase;position: absolute;bottom: 0;right: 0;}
.navBox .nav .tit:hover a{color: #004c98;}
.navBox .nav .tit.on .iconfont{transform: rotate(90deg);}
.navBox .nav .sub{display: none;width: 100%;background-color: rgba(255,255,255,0.1);}
.navBox .nav .sub li{width:50%;margin: 0 auto;}
.navBox .nav .sub li a{color: #fff;font-size: 14px;display: block;width: 100%;padding: 12px 0;font-weight: bold;position: relative;}
.navBox .nav .sub li a span{display: block;position: absolute;bottom: 12px;right: 0; font-size: 12px; text-transform: uppercase;}
.navBox .nav .sub li:hover a{color: #004c98;}
.navBox .phone{color: #FFFFFF;font-size: 22px; width: 100%; line-height: 26px;  font-weight: bold; display: inline-block; padding:15px 10px ; box-sizing: border-box;position: absolute;bottom: 0;left: 0; background-color: #004c98; text-align: center; }


/*header*/
.header-logo{display:block;position: absolute;top: 15px;left: 10px;z-index: 99;}
.header-logo img{height: 30px;display: block;}
.header-menu{width: 40px;height: 40px;position: fixed;top:10px;right:10px;z-index:99;overflow: hidden;background-color: #004c98;display: flex;align-items: center;justify-content: center;flex-direction: column;box-shadow: 0 0 14px rgba(0,0,0,0.05);}
.header-menu .solid{width: 26px;height: 2px;background-color: #fff;transition: all 0.6s ease;}
.header-menu .solid2{margin: 8px;}
.onSolid1{transform: rotate(-45deg) translateY(14px);margin-right: 19px !important;}
.onSolid2{transform: translateX(40px);}
.onSolid3{transform: rotate(45deg) translateY(-14px);margin-right: 19px !important;}


/*banner*/
.banner{position:relative; overflow:hidden; margin:0 auto;width: 100%; z-index: 1;}
.banner .hd{ position: absolute; bottom:12px; text-align: center; width: 100%;z-index: 2;}
.banner .hd li{display: inline-block; width:5px; height:10px; margin: 0 6px;text-indent:-100px;position:relative;font-size: 0;}
.banner .hd li::after{content: '';width: 5px;height: 10px;border-radius:4px;background-color: #FFFFFF;opacity: 0.7;position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.banner .hd li.on::after{opacity: 1;height: 16px;}
.banner .bd{position:relative; z-index:0;}
.banner .bd li{position:relative;overflow:hidden;}
.banner .bd li img{background:url(../images/loading.gif) center center no-repeat; width:100%;display: block;}
.banner .bd li .cont{position: absolute;top: 50%;left: 4%; width: 92%; transform: translateY(-50%);}
.banner .bd li .cont .tit{color: #FFFFFF;font-size: 18px;margin-bottom: 2%;}
.banner .bd li .cont .title{color: #FFFFFF;font-size: 18px; line-height: 30px; margin-bottom: 2%;}
.banner .bd li .cont .title span{font-weight: bold;}
.banner .bd li .cont .sum{ color: #fff; font-size: 10px; }
.banner .bd li .cont .sum a{ display: inline-block;  color: #fff; font-size: 14px; letter-spacing: 1px; padding: 0 10px; line-height: 30px; border-radius: 15px; border: solid 1px #fff; margin:3px 5px;}
.banner .bd li .cont .sum a:hover{ background-color: #fff; color: #004c98;}

/*indexTitle*/
.indexTitle{width: 100%;text-align: center;}
.indexTitle .tit{font-size: 20px;line-height: 18px;color: #000000;}
.indexTitle .tit span{font-size: 16px;line-height: 16px;font-family: Avignon;color: #333333;text-transform: uppercase;margin-left: 6px;}
.indexTitle .tit p{font-size: 16px;line-height: 16px;font-family: Avignon;color: #333333;text-transform: uppercase;margin-top: 4px;}
.indexTitle .txt{font-size: 14px;line-height: 16px;color: #666666;margin-top: 10px;}

/*indexService*/
.indexService{width: 100%;padding: 6% 0 2%;overflow: hidden;}
.indexService .indexTitle{width: 96%;padding: 0 2%;}
.indexService .service{ width:100%;margin-top: 4%;}
.indexService .service .hd ul{width: 98%; margin:2% 1%; display: flex;align-items: center;justify-content: space-between;}
.indexService .service .hd ul li{width: 32%; margin:2% 1%; color: #333333; line-height: 22px; letter-spacing: 2px; font-size: 16px;text-align: center;padding: 8px ; box-sizing: border-box; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius: 5px;}
.indexService .service .hd ul li.on{background-color: #004c98;color: #FFFFFF;}
.indexService .service .bd .box .imgBox{width: 100%;overflow: hidden;position: relative;}
.indexService .service .bd .box .imgBox img{width: 100%;display: block; position: relative;}
.indexService .service .bd .box .imgBox.web .img1{width: 56%;position: absolute;bottom: 14%;right: 10%;z-index: 3;}
.indexService .service .bd .box .imgBox.web .img2{width: 30%;position: absolute;bottom: 20%;right: 50%;}
.indexService .service .bd .box .imgBox.web .img3{width: 14%;position: absolute;bottom: 20%;right: 67%;}
.indexService .service .bd .box .imgBox.wechat .img1{width: 47%;position: absolute;bottom: 24%;left: 24%; }
.indexService .service .bd .box .imgBox.wechat .img2{width: 31%;position: absolute;bottom: 5%;left: 8%;}
.indexService .service .bd .box .imgBox.wechat .img3{width: 31%;position: absolute;bottom: 18%;left: 20%; }
.indexService .service .bd .box .imgBox.wechat .img4{width: 31%;position: absolute;bottom: 47%;right: 20%;}
.indexService .service .bd .box .imgBox.wechat .img5{width: 30.6%;position: absolute;bottom: 60.5%;right: 8.5%;}
.indexService .service .bd .box .imgBox.marketing .img1{width: 55%;position: absolute; top: 5%; left:8%; }
.indexService .service .bd .box .imgBox.marketing .img2{width: 15%;position: absolute; top: 10%; left:40%; }
.indexService .service .bd .box .imgBox.marketing .img3{width: 12%;position: absolute; top: 16%; left:50%; }
.indexService .service .bd .box .imgBox.marketing .img4{width: 25%;position: absolute; bottom: 7%; right:5%; }
.indexService .service .bd .box .imgBox.marketing .img5{width: 66%;position: absolute; top: 10%; left:10%; }
.indexService .service .bd .box .imgBox.software .img1{width: 23%;position: absolute; top: 10%; left:5%; }
.indexService .service .bd .box .imgBox.software .img2{width: 15%;position: absolute; bottom: 5%; right:7%; }
.indexService .service .bd .box .imgBox.software .img3{width: 35%;position: absolute; top: 15%; left:34%; }
.indexService .service .bd .box .imgBox.software .img4{width: 48%;position: absolute; top: 10%; left:30%; }
.indexService .service .bd .box .imgBox.matching img{width: 100%;display: block;}
.indexService .service .bd .box .imgBox.matching .img1{width: 46%;position: absolute; top: 8%; left:-4%;}
.indexService .service .bd .box .imgBox.matching .img2{width: 22%;position: absolute; bottom: -17%; left:-11%;}
.indexService .service .bd .box .imgBox.matching .img3{width: 23%;position: absolute; bottom: -17%; left:9%;}
.indexService .service .bd .box .imgBox.matching .img4{width: 26%;position: absolute; bottom: -15%; left:32%;}
.indexService .service .bd .box .imgBox.matching .img5{width: 30%;position: absolute; bottom: -13%; right:0%;}
.indexService .service .bd .box .imgBox.matching .img6{width: 10%;position: absolute; bottom: 16%; right:28%;}
.indexService .service .bd .box .imgBox.matching .img7{width: 80%;position: absolute; bottom: 20%; right:10%;}
.indexService .service .bd .box .imgBox.matching .img8{width: 34%;position: absolute; top: 10%; right:0%;}

.indexService .service .bd .box .imgBox .more{display: flex;padding-left: 0;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;background-color: rgba(0, 0, 0, 0.3);}
.indexService .service .bd .box .imgBox .more a{display: block;border: 1px solid #fff;color: #fff;line-height: 26px;font-size: 14px;padding: 0 12px;}
/*indexCase*/
.indexCase{width: 96%;padding: 6% 2%;overflow: hidden;}
.indexCase ul{width: 100%;margin-bottom: 4%;}
.indexCase ul li{width: 100%;margin-top: 4%;box-shadow: 0 0 14px rgba(0,0,0,0.08);}
.indexCase ul li .img{width: 100%;overflow: hidden;border-bottom: 1px solid #eeeeee;}
.indexCase ul li .img img{width: 100%;display: block;}
.indexCase ul li .tit{color: #333333;font-size: 18px;padding:  3% ;box-sizing: border-box;}
.indexCase ul li .tit span{ color: #004c98; margin-left: 5px; }
.more{display:block;width: 150px;height: 36px;line-height: 36px;background-color: #004c98;font-size: 14px;color: #fff;padding-left: 20px;margin: 0 auto;position: relative;}
.more .iconfont{color: #fff;font-size: 24px;transform: rotate(-90deg);position: absolute;top: 0;bottom:0;right: 20px;margin: 0 auto;}

/*indexCustomer*/
.indexCustomer{width: 96%;background-color: #f3f3f3;padding: 6% 2%;overflow: hidden;}
.indexCustomer .customer{ width:100%;margin-top: 4%;}
.indexCustomer .customer .bd ul{ width:100%;}
.indexCustomer .customer .bd li{ width:49%; float:left;margin-right: 2%;margin-bottom:2%;background-color: #FFFFFF;}
.indexCustomer .customer .bd li:nth-child(2n){margin-right: 0;}
.indexCustomer .customer .bd li img{ width:100%;display: block;}
.indexCustomer .customer .hd{margin-top: 2%;}
.indexCustomer .customer .hd ul{display: table;text-align: center;width: 100%;}
.indexCustomer .customer .hd li{display:inline-block;width:8px; height:8px; background-color: #ddd;margin:0 6px; overflow:hidden;font-size: 0;border-radius: 50%;}
.indexCustomer .customer .hd .on{background-color: #004c98;}

/*indexNumber*/
.indexNumber{width: 100%;background-color: #004c98;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;overflow: hidden;}
.indexNumber li{width: 50%;border: 1px solid rgba(255,255,255,0.3);border-bottom: none;border-left: none;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 4% 0;}
.indexNumber li:nth-child(-n+2){border-top: none;}
.indexNumber li:nth-child(2n){border-right: none;}
.indexNumber li .num{color: #fff;}
.indexNumber li .num span{font-size: 44px;font-family: BebasNeue-Regular;}
.indexNumber li .num sub{font-size: 18px;}
.indexNumber li .tit{font-size: 14px;color: rgba(255,255,255,0.8);}

/*indexProgramme*/
.indexProgramme{width: 92%;padding: 6% 4%;background: url("../images/index_programme_bg.jpg") center center no-repeat;background-size: cover;}
.indexProgramme .txt{font-size: 16px;line-height: 26px;color: #ffffff;text-align: center;}
.indexProgramme .box{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 4%;}
.indexProgramme .box a{width: 34%;height: 36px;border: solid 1px #ffffff;text-align: center;line-height: 36px;color: #FFFFFF;font-size: 14px;margin: 0 2%;}

/*indexNews*/
.indexNews{width: 96%;padding: 6% 2% 2%;overflow: hidden; background-color: #f5f5f5;}
.indexNews .news{width: 100%;padding: 4% 0 0 ;}
.indexNews .news .hd{width: 100%;margin-bottom: 4%;}
.indexNews .news .hd ul{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.indexNews .news .hd ul li{font-size: 14px;line-height:26px;text-align: center;padding: 6px 0;background-color:#fff;color: #333;width:32%;position: relative;}
.indexNews .news .hd ul li.on{background-color: #004c98;color: #FFFFFF;}

.indexNews .news .bd ul{width: 100%;}
.indexNews .news .bd ul li{width: 100%;  padding: 1.5% 0;}
.indexNews .news .bd ul li a{width: 100%; display: inline-block; padding: 8px; box-sizing: border-box; background-color: #fff; }
.indexNews .news .bd ul li .img{width: 100%;overflow: hidden;}
.indexNews .news .bd ul li .img img{width: 100%;display: block;}
.indexNews .news .bd ul li .con{width: 100%; margin-top: 10px;}
.indexNews .news .bd ul li .con .tit{color: #333333;font-size: 16px; line-height: 24px; overflow: hidden;}
.indexNews .news .bd ul li .con .time{color: #999999;font-size: 12px;margin: 8px 0 0;}



/*footer*/
.footer{width: 100%;padding: 6% 0 50px 0;background: url("../images/offer_bg.jpg") center center no-repeat;background-size: cover;overflow: hidden;}
.footer .title{font-size: 16px;color: #ffffff; line-height: 24px; margin-bottom: 5%; padding: 0 4%;}
.footer .title p{font-size: 14px;margin-top: 2%;}
.footer .form{width: 92%; border-top: dashed 1px  rgba(255,255,255,0.1); margin: 0 4%; padding: 5% 0;}
.footer .form .tit{font-size: 16px;color: #ffffff;margin-bottom: 4%;}
.footer .form form{width: 100%;}
.footer .form form label{display: block;position: relative;float: left;width: 49%;}
.footer .form form label:first-child{margin-right: 2%;}
.footer .form form label:last-child{width:100%;margin-right: 0;display: flex;}
.footer .form form label:last-child img{width: 46%;height: 30px;margin: 5px 0;}
.footer .form form label span{font-size: 14px;line-height:40px;color: #999;position: absolute; top: 0;left: 0;display: block;}
.footer .form form .row{width: 65%;padding: 0 2%;box-sizing:border-box;float:left;background-color: rgba(240,240,240,0.9);}
.footer .form form .txt.w1{width: 100%;font-size: 14px;color: #333;line-height: 20px;padding:10px 0;background-color: rgba(0,0,0,0);border: none;}
.footer .form form label select.txt.w1{padding: 10px 0;}
.footer .form form .btn{width:35%;display:block;height: 80px;line-height:80px;float: left;background-color: #004c98;border: none;color: #fff;font-size: 14px;}
.footer .dkh{ display: inline-block; width: 100%; box-sizing: border-box; font-size: 20px; color: #fff; background-color: rgba(0,76,152,0.8); padding:3% 2%; text-align: center; font-weight: bold;}
.footer .dkh span{ font-size: 24px;}
.footer .cont{width: 96%;margin:0 auto;}
.footer .cont:nth-child(3){border-bottom: none;}
.footer .cont .tit{color: #e8e8e8;font-size: 14px;position: relative;line-height: 22px;padding-left: 22px;box-sizing: border-box;margin: 2% 0;}
.footer .cont .tit .iconfont{color: #e8e8e8;font-size: 20px;line-height:22px;position: absolute;top: 0;left: 0;}
.footer .cont .tit a{ color: #e8e8e8;}
.footer .copyRight{width:96%;padding:2% 2% 2%;color: #a5a8aa;font-size: 12px;line-height: 22px;border-top: 1px solid rgba(255,255,255,0.2);}
.footer .copyRight a{color: #a5a8aa; display: inline-block;}
.footer .link{color: #a5a8aa;font-size: 12px;line-height: 20px;width:96%;padding:0 2% 3%;}
.footer .link a{color: #a5a8aa;}

/*goTop*/
.goTop{width: 38px;height: 38px;background-color:#fff;box-shadow: 0 0 18px rgba(0,0,0,0.15);border-radius: 50%;position: fixed;bottom: 54px;right: 3%;z-index:96;display: none;color: #004c98;font-size: 24px !important;line-height: 38px;text-align: center;}

/*bottomBox*/
.bottomBox{width: 100%;background-color: rgba(255,255,255,0.95);height: 50px;position: fixed;bottom: 0;left: 0;z-index:96;display: flex;align-items: center;justify-content: center;}
.bottomBox a{display: block;}
.bottomBox .zx{width: 25%;color: #333333;font-size: 12px;border-right: 1px solid #eeeeee;border-top: 1px solid #eeeeee;height: 100%;text-align: center;}
.bottomBox .zx .iconfont{font-size: 28px;line-height: 28px;}
.bottomBox .call{width: 50%;background-color: #004c98;color: #FFFFFF;font-size: 16px;height: 100%;text-align: center;line-height: 50px;}

/*demandBox*/
.popup{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.WeChat{width: 90%;padding:10% 0 8%;border-radius: 4px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);display: none;z-index: 1000;}
.WeChat .close{color: #333333;font-size: 26px;position: absolute;top: 4%;right: 4%;}
.WeChat .wx{width: 200px;height: 200px;overflow: hidden;margin: 10px auto;border: 1px solid #eee;}
.WeChat .wx img{width: 100%;}
.WeChat p{color: #333;font-size: 14px;text-align: center;}


.demandBox{width: 90%;padding:10% 0 8%;background: #FFFFFF;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: 1000;display: none;border-radius: 4px;}
.demandBox .close{color: #333333;font-size: 26px;position: absolute;top: 4%;right: 4%;}
.demandBox .title{color: #666;font-size: 14px;text-align: center;margin: 0 0 4%;}
.demandBox .or{width: 100%;position: relative;color: #666666;font-size: 14px;line-height: 16px;text-align: center;margin: 4% 0;}
.demandBox .or::after{content: '';width: 40%;height: 1px;background-color: #e5e5e5;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.demandBox .or::before{content: '';width: 40%;height: 1px;background-color: #e5e5e5;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.demandBox .dh{display: inline-block;color: #004c98;font-size: 14px;position: relative;margin-left: -32px;left:50%;}
.demandBox .dh .iconfont{font-size: 20px;position: absolute;top: 0;left: -22px;}
.demandBox .demand{width: 90%;margin: 0 auto;}
.demandBox .demand form{width: 100%;}
.demandBox .demand form label{display: block;position: relative;}
.demandBox .demand form label span{font-size: 14px;line-height:18px;color: #333;position: absolute; top: 10px; left: 0;display: block;}
.demandBox .demand form .row{width: 100%;margin: 0 0 4%;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;}
.demandBox .demand form .txt.w1{width: 100%;font-size: 14px;color: #333;line-height: 18px;padding:10px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .btn{width:100%;display:block;height: 40px;line-height:40px;background-color: #004c98;border: none;color: #fff;font-size: 14px;}

.demandBox .demand form .code{display: flex;margin-bottom: 4%;}
.demandBox .demand form .code .row{margin-bottom: 0;}

/*pageBanner*/
.pageBanner{width: 100%;overflow: hidden;position: relative; background-size: cover !important;}
.pageBanner .cont{width: 84%;padding:30%  8% 20%; position: relative; z-index: 2;}
.pageBanner .cont .tit{font-size: 24px;color: #ffffff;}
.pageBanner .cont .tit span{font-weight: bold;}
.pageBanner .cont .title{font-size: 18px;color: #ffffff;margin-top: 2%; }

/*pageTitle*/
.pageTitle{width: 100%;text-align: center;}
.pageTitle .tit{font-size: 20px;color: #272e34;}
.pageTitle .title{font-size: 16px;font-family:Avignon;color: #dadada;text-transform: uppercase;line-height: 20px;}

/*pageAbout*/
.pageAbout{width: 100%;padding: 6% 0 0;overflow: hidden;}
.pageAbout .img{overflow: hidden;width: 100%;}
.pageAbout .img img{width: 100%;display: block;}
.pageAbout .cont{width: 96%;padding:2%;}
.pageAbout .cont .tit{font-size: 16px;line-height: 22px;color: #333333;margin-bottom: 20px;}
.pageAbout .cont .txt{font-size: 14px;line-height: 26px;color: #666666;}

/*pageHonor*/
.pageHonor{width: 96%;background-color: #f7fafc;padding: 6% 2%;overflow: hidden;}
.pageHonor .list{ width:100%;margin-top: 4%;}
.pageHonor .list .bd ul{ width:100%;}
.pageHonor .list .bd li{ width:100%; float:left; text-align: center;}
.pageHonor .list .bd li img{ width:100%;display: block;}
.pageHonor .list .bd li .tit{ padding: 10px; background-color: #fff; font-size: 14px; line-height: 22px;}
.pageHonor .list .hd{margin-top: 3%;}
.pageHonor .list .hd ul{display: table;text-align: center;width: 100%;}
.pageHonor .list .hd li{display:inline-block;width:10px; height:10px; background-color: #ddd;margin:0 6px; overflow:hidden;font-size: 0;border-radius: 50%;}
.pageHonor .list .hd .on{background-color: #004c98;}



/*pagePersistence*/
.pagePersistence{width: 100%;padding: 6% 0 0;overflow: hidden;}
.pagePersistence .list{width: 96%;padding: 0 2%;}
.pagePersistence .list li{width: 100%;padding: 4% 0;border-bottom: 1px dashed #e5e5e5;}
.pagePersistence .list li:last-child{border-bottom: none;}
.pagePersistence .list li .tit{color: #333333;font-size: 16px;}
.pagePersistence .list li .tit span{ color: #004c98; margin-right: 5px;}
.pagePersistence .persistence{position:relative; overflow:hidden; margin:0 auto;width: 100%; z-index: 1;}
.pagePersistence .persistence .hd{text-align: center; width: 100%; left: 0; right: 0;  font-size: 0; position: absolute; bottom: 0;}
.pagePersistence .persistence .hd li{display: inline-block; vertical-align: bottom; width:33.33%; height:10px; margin: 0 0;font-size: 0;background-color: rgba(255,255,255,0.4); box-sizing: border-box; }
.pagePersistence .persistence .hd li:first-child{ border-right: 0;}
.pagePersistence .persistence .hd li.on{background-color: #004c98; }
.pagePersistence .persistence .bd{position:relative; z-index:0;}
.pagePersistence .persistence .bd li{position:relative; text-align:center; display: block; width: 100%;}
.pagePersistence .persistence .bd li img{ width:100%;display: block;}



/*pageWebsite*/
.pageWebsite{width: 100%;padding: 6% 0 0;overflow: hidden;}
.pageWebsite .text{padding: 0 2%;width: 96%;color: #999999;font-size: 14px;line-height: 22px;text-align: center;margin-top: 2%;}
.pageWebsite .cont{width: 98%; margin: 2% 1%; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 3%;}
.pageWebsite .cont li{width: 48%;background-color: #fff;padding: 2% 0;font-size: 16px;color: #333;text-align: center;box-sizing: border-box; margin: 2% 1% ; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius: 5px;}
.pageWebsite .cont li span{color: #004c98;}
.pageWebsite .box{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.pageWebsite .box li{width:50%;padding:3% 2%; box-sizing: border-box; border: solid 1px #fff; background-color: #f7f7f7;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.pageWebsite .box li .iconfont{width: 56px;height: 56px;border: solid 1px #ccd0d4;border-radius: 50%;color: #004c98;font-size: 36px;margin: 0 auto;transition: all 0.6s ease;}
.pageWebsite .box li .tit{font-size: 16px;color: #333333;margin: 3% 0;}
.pageWebsite .box li .txt{font-size: 12px;line-height: 18px;color: #999999;text-align: center;width: 80%;}


.WebsiteImg{width: 100%;overflow: hidden;position: relative;}
.WebsiteImg img{width: 100%;display: block;}
.WebsiteImg .img1{width:47%;position: absolute;top: 12%;right: 0%;}
.WebsiteImg .img2{width:44%;position: absolute;bottom: 8%;right:5%;}
.WebsiteImg .img3{width:49%;position: absolute;top: 4%;right: 30%;}
.WebsiteImg .img4{width:19%;position: absolute;bottom: 36%;left: 6%;}
.WebsiteImg .img5{width:15%;position: absolute;bottom: 8%;left: 38%;}
.WebsiteImg::after{ content: ''; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2);}

/*pagePlan*/
.pagePlan{width: 96%;padding: 6% 2% 2%;overflow: hidden;}
.pagePlan .tit{font-size: 18px;color: #272e34;}
.pagePlan .text{font-size: 14px;line-height: 20px;color: #333333;}
.pagePlan .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;margin-top: 2%;}
.pagePlan .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 7px;left: 0;}
.pagePlan .img{width: 100%;overflow: hidden;margin-top: 2%;}
.pagePlan .img img{width: 100%;display: block;}

/*pageAchievements*/
.pageAchievements{width: 96%;background: url(../images/web/bg.jpg) center center no-repeat ; background-size: cover; padding: 4% 2%;overflow: hidden;}
.pageAchievements .title{font-size: 18px;color: #272e34;text-align: center;}
.pageAchievements ul{width: 100%;margin-top: 4%;}
.pageAchievements ul li{width: 100%;position: relative;padding-left: 60px;box-sizing: border-box;margin-bottom: 4%;}
.pageAchievements ul li .num{font-size: 40px;line-height: 30px;font-family:Avignon;color: #d0d0d0;position: absolute;top: 0;left: 0;}
.pageAchievements ul li .tit{font-size: 16px;color: #272e34;margin-bottom:2%;}
.pageAchievements ul li .txt{font-size: 14px;line-height:20px;color: #666;}
.pageAchievements .a{width:50%;height: 40px;background-color: #004c98;margin: 0 auto;line-height: 40px;text-align: center;color: #fff;font-size: 14px;}

/*webCase*/
.webCase{width: 96%;padding: 6% 2%;overflow: hidden;}
.webCase ul{width: 100%;margin-bottom: 4%;}
.webCase ul li{width: 100%;margin-top: 4%;box-shadow: 0 0 14px rgba(0,0,0,0.08);}
.webCase ul li .img{width: 100%;overflow: hidden;}
.webCase ul li .img img{width: 100%;display: block;}
.webCase ul li .tit{color: #333333;font-size: 18px;padding:  3% ;box-sizing: border-box;}



/*pageWeChat*/
.pageWeChat{width: 100%;padding: 6% 0 0;overflow: hidden;}
.pageWeChat .text{padding: 0 2%;width: 96%;color: #999999;font-size: 14px;line-height: 22px;text-align: center;margin-top: 2%;}
.pageWeChat .cont{width: 98%; margin: 2% 1%; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 3%;}
.pageWeChat .cont li{width: 48%;background-color: #fff;padding: 2% 0;font-size: 16px;color: #333;text-align: center;box-sizing: border-box; margin: 2% 1% ; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius: 5px;}
.pageWeChat .cont li span{color: #004c98;}
.pageWeChat .box{width: 100%;display: flex; font-size: 0; align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.pageWeChat .box li{width:50%;background-color:#f7f7f7; box-sizing: border-box; border: solid 1px #fff; padding: 3% 2%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.pageWeChat .box li .iconfont{width: 56px;height: 56px;border: solid 1px #ccd0d4;border-radius: 50%;color: #004c98;font-size: 36px;margin: 0 auto;transition: all 0.6s ease;}
.pageWeChat .box li .tit{font-size: 16px;color: #333333;margin: 3% 0;}
.pageWeChat .box li .txt{font-size: 12px;line-height: 18px;color: #999999;text-align: center;width: 80%;}


.WeChatImg{width: 100%;overflow: hidden;position: relative;}
.WeChatImg img{width: 100%;display: block;}
.WeChatImg .img1{width:40%;position: absolute;top: -4%;right: 8%;}
.WeChatImg .img2{width:36%;position: absolute;bottom: -12%;right: -13%;}
.WeChatImg .img3{width:40%;position: absolute;top: -12%;right: 44%;}
.WeChatImg .img4{width:40%;position: absolute;bottom: -12%;right: 18%;}
.WeChatImg .img5{width:40%;position: absolute;bottom: -4%;left: 6%;}
.WeChatImg::after{ content: ''; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2);}

/*pageService*/
.pageService{width: 96%;padding: 6% 2% 2%;overflow: hidden;}
.pageService .tit{font-size: 18px;color: #272e34;}
.pageService .text{font-size: 14px;line-height: 20px;color: #333333;}
.pageService .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;margin-top: 2%;}
.pageService .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 7px;left: 0;}
.pageService .img{width: 100%;overflow: hidden;margin-top: 2%;}
.pageService .img img{width: 100%;display: block;}

/*pageSolution*/
.pageSolution{width: 98%;background-color:#f7f7f7;padding: 6% 1%;overflow: hidden;}
.pageSolution .title{font-size: 18px;color: #272e34;text-align: center;}
.pageSolution .text{color: #666666;font-size: 14px;text-align: center;margin: 2% 1%;}
.pageSolution .a{width:50%;height: 40px;background-color: #004c98;margin: 0 auto;line-height: 40px;text-align: center;color: #fff;font-size: 14px;}
.pageSolution ul{ width:100%;margin: 4% 0 3%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.pageSolution ul li{ width:48%;margin: 1%;background-color: #FFFFFF;padding: 4% 3%;box-sizing: border-box;position: relative;}
.pageSolution ul li .num{font-family: Avignon;color: #004c98;font-size: 24px;line-height: 30px;}
.pageSolution ul li .tit{color: #333333;font-size: 16px;margin: 3% 0;}
.pageSolution ul li .txt{color: #999999;font-size: 14px;}
.pageSolution ul li .iconfont{position: absolute;top: 50%; transform: translateY(-50%); right: 3%;width: 50px;height: 50px;}

/*WeChatCase*/
.WeChatCase{width: 96%;padding: 6% 2%;overflow: hidden;}
.WeChatCase ul{width: 100%;margin-bottom: 4%;}
.WeChatCase ul li{width: 100%;margin-top: 4%;box-shadow: 0 0 14px rgba(0,0,0,0.08);}
.WeChatCase ul li .img{width: 100%;overflow: hidden;border-bottom: 1px solid #eeeeee;}
.WeChatCase ul li .img img{width: 100%;display: block;}
.WeChatCase ul li .tit{color: #333333;font-size: 18px;padding:  3% ;box-sizing: border-box;}



/*pageMarket*/
.pageMarket{width: 100%;padding: 6% 0 0;overflow: hidden;}
.pageMarket .text{padding: 0 2%;width: 96%;color: #999999;font-size: 14px;line-height: 22px;text-align: center;margin-top: 2%;}
.pageMarket .cont{width: 98%; margin: 2% 1%; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 3%;}
.pageMarket .cont li{width: 48%;background-color: #fff;padding: 2% 0;font-size: 16px;color: #333;text-align: center;box-sizing: border-box; margin: 2% 1% ; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius: 5px;}
.pageMarket .cont li span{color: #004c98;}
.pageMarket .box{width: 100%; display: flex;align-items: center;justify-content: flex-start; text-align: center;}
.pageMarket .box li{width:30.33%;padding:3% 1.5%;background-color:#f7f7f7;border-right: 1px solid #fff; }
.pageMarket .box li:last-child{border-right: none;}
.pageMarket .box li .iconfont{width: 56px;height: 56px;border: solid 1px #ccd0d4;border-radius: 50%;color: #004c98;font-size: 36px;margin: 0 4% 0 2%;transition: all 0.6s ease; margin: auto;}
.pageMarket .box li .cBox{width: 100%; margin-top: 2%;}
.pageMarket .box li .tit{font-size: 16px;color: #333333;margin:0  0;}
.pageMarket .box li .txt{font-size: 12px;line-height: 18px;color: #999999;}


.MarketImg{width: 100%;overflow: hidden;position: relative;}
.MarketImg img{width: 100%;display: block;}
.MarketImg .img1{width: 48%;position: absolute; top: 12%; left:-4%;}
.MarketImg .img2{width: 24%;position: absolute; bottom: -14%; left:-12%;}
.MarketImg .img3{width: 25%;position: absolute; bottom: -12%; left:12%;}
.MarketImg .img4{width: 28%;position: absolute; bottom: -11%; left:36%;}
.MarketImg .img5{width: 32%;position: absolute; bottom: -9%; right:0%;}
.MarketImg .img6{width: 12%;position: absolute; bottom: 16%; right:28%;}
.MarketImg .img7{width: 80%;position: absolute; bottom: 22%; right:10%;}
.MarketImg .img8{width: 36%;position: absolute; top: 10%; right:0%;}

/*pageInquiry*/
.pageInquiry{width: 92%;padding: 8% 4%;background: url("../images/marketing/img2.jpg") center center no-repeat;background-size: cover;overflow: hidden;}
.pageInquiry .title{font-size: 18px;color: #fff;}
.pageInquiry .text{color: #e8e8e8;font-size: 14px;margin: 2% 0 4%;}
.pageInquiry .cont{font-size: 14px;line-height: 20px;color: #fff;margin-bottom: 4%;}
.pageInquiry .cont .txt{position: relative;padding-left: 16px; float: left; box-sizing: border-box;margin: 2% 5% 0 0;}
.pageInquiry .cont .txt::after{content: '';width: 6px;height: 6px;background-color: #fff;border-radius: 50%;position: absolute;top: 7px;left: 0;}
.pageInquiry .a{width:50%;height: 40px;background-color: #004c98;line-height: 40px;text-align: center;color: #fff;font-size: 14px;}

/*pageChannel*/
.pageChannel{width: 96%;padding: 6% 2% 2%;overflow: hidden;}
.pageChannel .text{padding: 0 2%;width: 96%;color: #999999;font-size: 14px;line-height: 18px;text-align: center;margin-top: 2%;}
.pageChannel ul{width: 100%;}
.pageChannel ul li{width: 100%;padding: 4% 0;margin-top: 2%;text-align: center;box-shadow: 0 0 16px rgba(0,0,0,0.06);}
.pageChannel ul li .num{font-size: 40px;line-height: 40px;color: #b3b6bb;font-family: Avignon;}
.pageChannel ul li img{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #e0e0e0;display: block;margin:3% auto;}
.pageChannel ul li .tit{font-size: 18px;color: #333333;margin-bottom:2%;}
.pageChannel ul li .txt{font-size: 14px;line-height: 26px;color: #999999;}

/*pageExtension*/
.pageExtension{width: 92%;padding: 6% 4%;background: url("../images/marketing/bg.jpg") center center no-repeat;background-size: cover;}
.pageExtension .txt{font-size: 16px;line-height: 26px;color: #ffffff;text-align: center;}



/*pageSoftware*/
.pageSoftware{width: 100%;padding: 6% 0 0;overflow: hidden;}
.pageSoftware .text{padding: 0 2%;width: 96%;color: #999999;font-size: 14px;line-height: 22px;text-align: center;margin-top: 2%;}
.pageSoftware .cont{width: 98%; margin: 2% 1%; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 3%;}
.pageSoftware .cont li{width: 48%;background-color: #fff;padding: 2% 0;font-size: 16px;color: #333;text-align: center;box-sizing: border-box; margin: 2% 1% ; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius: 5px;}
.pageSoftware .cont li span{color: #004c98;}
.pageSoftware .box{width: 100%;display: flex; font-size: 0; align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.pageSoftware .box li{width:50%;background-color:#f7f7f7; box-sizing: border-box; border: solid 1px #fff; padding: 3% 2%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.pageSoftware .box li .iconfont{width: 56px;height: 56px;border: solid 1px #ccd0d4;border-radius: 50%;color: #004c98;font-size: 36px;margin: 0 auto;transition: all 0.6s ease;}
.pageSoftware .box li .tit{font-size: 16px;color: #333333;margin: 3% 0;}
.pageSoftware .box li .txt{font-size: 12px;line-height: 18px;color: #999999;text-align: center;width: 80%;}

.SoftwareImg{width: 100%;overflow: hidden;position: relative;}
.SoftwareImg img{width: 100%;display: block;}
.SoftwareImg .img1{width:24%;position: absolute;bottom: 5%;left: 7%;}
.SoftwareImg .img2{width:15%;position: absolute;bottom: 5%;right: 8%;}
.SoftwareImg .img3{width:40%;position: absolute;top: 20%;right: 30%;}
.SoftwareImg .img4{width:53%;position: absolute;top: 15%;right: 20%;}
.SoftwareImg::after{ content: ''; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2);}


.pageItem .mod{padding: 0 2% 10px;margin-bottom: 20px;}
.pageItem .img{width: 100%;transition: all .3s;}
.pageItem .info{width: 100%;margin-top: 15px;}
.pageItem .title{font-size: 18px;color: #333333;font-weight: normal;}
.pageItem .sm{font-size: 14px;color: #666666;margin-top: 5px;}
.pageItem .txt{font-size: 14px;color: #888888;line-height: 24px;margin-top: 15px;}
.pageItem .mod:nth-child(odd){background: #f7fafc;}
.pageItem .img:hover{transform: scale(1.05,1.05);}

/*pageSuperiority*/
.pageSuperiority{width: 96%;padding: 6% 2% 2%;overflow: hidden;}
.pageSuperiority .text{padding: 0 2%;width: 96%;color: #999999;font-size: 14px;line-height: 18px;text-align: center;margin-top: 2%;}
.pageSuperiority ul{width: 100%;margin-top: 4%;}
.pageSuperiority ul li{width: 100%;margin-top: 2%;overflow: hidden;background-color: #000000;position: relative;}
.pageSuperiority ul li img{width: 100%;display: block;opacity: 0.6;}
.pageSuperiority ul li .cont{position: absolute;top: 50%;left: 0;padding:0 6%;transform: translateY(-50%);}
.pageSuperiority ul li .cont .tit{font-size: 18px;color: #ffffff;margin-bottom: 2%;}
.pageSuperiority ul li .cont .txt{font-size: 14px;line-height: 20px;color: #ffffff;position: relative;padding-bottom: 4%;}
.pageSuperiority ul li .cont .txt::after{content: '';width: 20%;height: 2px;background-color: rgba(255,255,255,0.5);position: absolute;bottom: 0;left: 0;}

/*pageVisual*/
.pageVisual{width: 92%;padding: 6% 4%;background: url("../images/vr/bg.jpg") center center no-repeat;background-size: cover;position: relative;}
.pageVisual .txt{font-size: 16px;line-height: 26px;color: #ffffff;text-align: left;}
.pageVisual .img{width: 8%;position: absolute;top: 10%;right: 3%;}
.pageVisual .img img{width: 100%;}

/*panoramaCase*/
.panoramaCase{width: 96%;padding: 6% 2%;overflow: hidden;}
.panoramaCase ul{width: 100%;margin-bottom: 4%;}
.panoramaCase ul li{width: 100%;margin-top: 4%;box-shadow: 0 0 14px rgba(0,0,0,0.08);}
.panoramaCase ul li .img{width: 100%;overflow: hidden;}
.panoramaCase ul li .img img{width: 100%;display: block;}
.panoramaCase ul li .tit{color: #333333;font-size: 18px;padding:  3% ;box-sizing: border-box;}



/*pageNav*/
.pageNav{width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.pageNav li{width: 50%;}
.pageNav li a{width:100%;display:block;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;box-sizing: border-box;color: #333333;background-color: #eee;font-size: 14px;text-align: center;padding: 10px 0;}
.pageNav li:nth-child(2n) a{border-right: none;}
.pageNav li.on a{background-color: #004c98;color: #FFFFFF;}


/*pageCase*/
.pageCase{width: 96%;padding: 2% 2% 0 2%;overflow: hidden;}
.pageCase li{width: 100%;margin-bottom: 2%;box-shadow: 0 0 14px rgba(0,0,0,0.08);}
.pageCase li .img{width: 100%;overflow: hidden;border-bottom: 1px solid #eeeeee;}
.pageCase li .img img{width: 100%;display: block;}
.pageCase li .tit{color: #333333;font-size: 18px;padding: 3% 3% ;box-sizing: border-box;}
.pageCase li .tit span{ margin-left: 5px; color: #004c98;}

/*pageBannerCase*/
.pageBannerCase{width: 100%;overflow: hidden;position: relative; background-size: cover !important;}
.pageBannerCase .cont{width: 90%; padding: 30% 5% 5%; position: relative; z-index: 2; text-align: center;}
.pageBannerCase .cont .tit{font-size: 24px;line-height: 30px;color: #ffffff;}
.pageBannerCase .cont .title{font-size: 14px; line-height: 26px; color: #ffffff;margin-top: 10px;}
.pageBannerCase .cont .ewm{ width: 100%; text-align: center; margin: 5% auto 0;}
.pageBannerCase .cont .ewm img{ display: inline-block; width: 40%; border-radius: 10px;}
.pageBannerCase .cont .ewm p{ font-size: 14px; color: #fff; margin-top: 10px;}
.pageBannerCase .cont a{display: block;width: 36px;height: 36px;line-height:36px;border: 1px solid #FFFFFF;border-radius: 50%;color: #FFFFFF;font-size: 20px;margin: 4% auto 0;}


/*pageCaseD*/
.pageCaseD{width: 96%;padding: 4% 2%;overflow: hidden;}
.pageCaseD .tit{color: #333333;font-size: 16px;margin-bottom: 2%;text-align: center;font-weight: bold;}
.pageCaseD .text{color: #666;font-size: 14px;line-height: 28px;}
.pageCaseD .text img{ max-width: 100%;}
.pageCaseD .img{width: 100%;margin-top: 4%;}
.pageCaseD .img img{max-width: 100%;}


/*pageNews*/
.pageNews{width: 96%;padding:2% 2% 4%;overflow: hidden; background-color: #f5f5f5;}
.pageNews li{width: 100%;  padding: 1.5% 0;}
.pageNews li a{width: 100%; display: inline-block; padding:  15px; box-sizing: border-box; background-color: #fff; }
.pageNews li .img{width: 100%;overflow: hidden; margin-bottom: 10px;}
.pageNews li .img img{width: 100%;display: block;}
.pageNews li .cont{width: 100%; }
.pageNews li .cont .tit{color: #333333;font-size: 16px; line-height: 24px; overflow: hidden;}
.pageNews li .cont .tit span{ color: #004c98; margin-right: 5px;}
.pageNews li .cont .time{color: #999999;font-size: 12px;margin: 8px 0 ;}
.pageNews li .cont .txt{color: #666;font-size: 14px; line-height: 24px; overflow: hidden;}

/*pageNewsD*/
.pageNewsD{width: 96%;padding: 4% 2%;overflow: hidden;}
.pageNewsD .title{color: #333333;font-size: 18px;text-align: center;font-weight: bold;}
.pageNewsD .time{color: #999999;font-size: 12px;text-align: center;margin: 0 0 3%;padding: 3% 0 2%;border-bottom: 1px solid #eeeeee;}
.pageNewsD .time span{margin: 0 5px;}
.pageNewsD .text{color: #333333;font-size: 14px;line-height: 24px;}
.pageNewsD .text video{width: 100%;display: block;}
.pageNewsD .text img{max-width: 100%;display: block;margin: 3% 0 0;}
.linkBox{width: 96%;padding:2%;border-top: 1px solid #eeeeee;overflow: hidden;}
.linkBox a{display: block;color: #666;font-size: 14px;padding: 2% 0;}

/*pageNewsDetail*/
.pageNewsDetail{width: 96%;padding: 6% 2% 2%;border-top: 1px solid #eeeeee;overflow: hidden;}
.pageNewsDetail h1{color: #333333;font-size: 16px;}
.pageNewsDetail ul{width: 100%;margin-top: 2%;}
.pageNewsDetail ul li{width: 100%;padding: 2% 0;border-bottom: 1px dashed #e5e5e5;}
.pageNewsDetail ul li:last-child{border-bottom: none;}
.pageNewsDetail ul li .tit{color: #333333;font-size: 16px;line-height: 24px;}
.pageNewsDetail ul li .time{color: #999;font-size: 14px;margin-top: 2%;}


/*pageContact*/
.pageContact{width: 96%;padding: 6% 2%;overflow: hidden;}
.pageContact .text{width: 100%;position: relative;padding-left: 40px;box-sizing: border-box;margin-top: 4%;}
.pageContact .text .iconfont{color: #333333;font-size: 32px;position: absolute;top: -4px;left: 0;}
.pageContact .text .txt{font-size: 14px;line-height: 22px;color: #000000;margin-bottom: 5px;}
.pageContact .text .txt a{display: inline-block;color: #000000;transition: all 0.6s ease;}
.pageContact .text .txt a:hover{color: #004c98;}

/* pageMap */
.pageMap{width: 100%; height: 240px;}
.pageMap #mapall {height:240px;width: 100%;}

/* pageForm */
.pageForm{width: 96%;background-color: #fff;padding: 6% 2%;}
.pageForm .title{font-size: 18px; color: #272e34;text-align: center;}
.pageForm .title p{font-size: 14px; color: #666;margin-top: 2%;}
.pageForm form{width:100%; margin:4% 0 0; overflow:hidden;}
.pageForm .row{width:100%;margin-bottom: 2%;border: 1px solid #eeeeee;overflow: hidden;box-sizing: border-box;padding: 0 10px;}
.pageForm label{position:relative; display:block;}
.pageForm label span{ position:absolute; left:0; top:10px; font-size:14px;line-height:20px;color:#666;}
.pageForm .txt{ border: none; padding:10px 0; background:#fff;}
.pageForm .txt.w1{ width:100%; height:20px; line-height:20px;font-size: 14px;}
.pageForm .txt.w2{ width:100%; height:80px; line-height:20px;font-size: 14px;resize: none;}

.pageForm .row1{ margin-bottom: 2%;}
.pageForm .row1 label{ float: left; padding:0 9px; width: 58%; box-sizing: border-box; border: solid 1px #eee;}
.pageForm .row1 label span{ left: 9px;  top:10px;}
.pageForm .row1 .ipt{ border: 0; width: 100%;  padding:10px 0; line-height: 20px; font-size:14px; }
.pageForm .row1 input:focus{ float: left; width: 100%; border: 0; padding:10px 0; line-height: 20px;  font-size:14px; }
.pageForm #code{ float: right; width: 40%; height: 42px; margin: 0 ;}
.pageForm .btn{width:100%; height:40px;display: block;text-align:center;font-size:14px;color:#fff;border:0;background:#004c98;margin: 4% auto ;}
.pageForm .text{line-height:16px; font-size:12px;color: #999;}
.pageForm .text span{ color:#004c98;}


/* pages */
.pages {margin:0; text-align:center; background:#fafafa; width: 96%; padding:2% ;}
.pages a { display:inline-block; font-size: 14px; line-height:26px; text-align:center; color:#666; padding:0 8px; margin:4px 0;}
.pages a:hover { color:#004c98; text-decoration:none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.pages a.curpage { display:inline-block;  color:#004c98; text-decoration:line-through; text-align:center; padding: 0; margin:0 15px;}
.pages .pgejump{display: none;}

.pageDoprice{ padding: 6% 2%; background-color: #f7fafc;}
.pageDoetit{ text-align: center; font-weight: 100; margin-bottom: 8px; font-size: 18px; color: #ccc; line-height: 26px; transform: none;text-transform: uppercase; }
.pageDoctit{ text-align: center; font-family: '黑体'; font-size: 22px; color: #3b99f0; }
.pageDoplist{ margin-top: 5%; text-align: center; }
.pageDoplist li{float: left; padding: 5% 0; width: 49%; margin-right: 2%; box-sizing: border-box; border: 1px solid #eee; margin-top: 2%; background-color: #fff; transition: background-color .25s; -webkit-transition: background-color .25s; transition: transform .25s; -webkit-transition: transform .25s; }
.pageDoplist li:nth-child(even){margin-right: 0;}
.pageDoptop{ font-weight: bold; font-size: 30px; text-transform: uppercase; font-family: '微软雅黑'; }
.pageDopline{ width: 20px; height: 2px; margin: 2% auto 5%; background: #eee; }
.pageDopmid{ line-height: 25px; font-size: 14px; color: #999; margin-bottom: 4px; }
.pageDopbot{ color: #e6000a; font-size: 16px; }
.pageDopbot em{ font-size: 20px; font-style: normal;}
.pageDoplist li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); border: none; position: relative; z-index: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.pageDoplist li:hover *{ color: #fff!important; }
.pageDoadv li{ height: 320px; padding-top: 35px; }
.pageDoadv_h2{ padding: 0 22px; font-size: 20px; color: #555; margin-bottom: 27px; }
.pageDoadv_icon{ width: 100px; height: 100px; line-height: 100px; font-size: 0; border-radius: 50%; margin: 0 auto 32px; display: block; }
.pageDoadv_icon img{ max-width: 80%; max-height: 80%; }
.pageDoadv_icon img.pageDoadv_icon02 {display: none;}
.pageDoadv_p{ height: 72px; padding: 0 22px; font-size: 12px; color: #999; line-height: 24px; }
.pageDoadv li:hover .pageDoadv_icon{ background: #fff; }
.pageDoadv li:hover .pageDoadv_icon img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.pageDoadv li:hover .pageDoadv_icon img.pageDoadv_icon01 {display:none;}
.pageDoadv li:hover .pageDoadv_icon img.pageDoadv_icon02 {display:block;margin:0 auto;padding-top:30px;}
.pageLi1 .pageDoptop{ color: #ff9000; }
.pageLi1:hover,.pageLi1 .pageDoadv_icon{ background: #ff9000; }
.pageLi2 .pageDoptop{ color: #3b99f0; }
.pageLi2:hover,.pageLi2 .pageDoadv_icon{ background: #3b99f0; }
.pageLi3 .pageDoptop{ color: #57be5b; }
.pageLi3:hover,.pageLi3 .pageDoadv_icon{ background: #57be5b; }
.pageLi4 .pageDoptop{ color: #ff6868; }
.pageLi4:hover,.pageLi4 .pageDoadv_icon{ background: #ff6868; }
.pageLi5 .pageDoptop{ color: #25b49b; }
.pageLi5:hover,.pageLi5 .pageDoadv_icon{ background: #25b49b; }

.xi_tover{ display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

/*电话介绍*/
.xi_tel_pac{ overflow: hidden; padding: 50px 0 65px; background: #f0f0f0 url(../images/xbg4.jpg) top center no-repeat; background-size: cover; }
.xi_tel_pac ul.clear{ margin-top: 5%;}
.xi_tel_pac .xi_li{ position: relative; padding: 55px 20px; text-align: center; width: 277px; box-sizing: border-box; border-top: 2px solid #ddd; background: #fff; transition: all .25s; -webkit-transition: all .25s; }
.xi_tel_pac .xi_li:before{ content: ''; position: absolute; left: 0; top: -2px; width: 0; height: 2px; background: #3b99f0; transition: all .25s; -webkit-transition: all .25s; }
.xi_tel_pac .xi_li .xi_tit{ width: 21px; height: 42px; display: block; position: absolute; left: 30px; top: -2px; }
.xi_tel_pac .xi_li.hot .xi_tit{ background: url(../images/xicon33.png) center no-repeat; }
.xi_tel_pac .xi_li.new .xi_tit{ background: url(../images/xicon34.png) center no-repeat; }
.xi_tel_pac .xi_li.year .xi_tit{ background: url(../images/xicon35.png) center no-repeat; }
.xi_tel_pac .xi_li h2{ margin-bottom: 30px; font-size: 24px; color: #333; font-weight: 100; }
.xi_tel_pac .xi_bpri{ margin-bottom: 20px; color: #e6000a; }
.xi_tel_pac .xi_bpri em{ vertical-align: middle; font-size: 60px; }
.xi_tel_pac .xi_bpri font{ margin-left: 10px; font-size: 14px; width: 15px; word-break: break-all; word-wrap: break-word; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 15px; }
.xi_tel_pac .xi_spri{ color: #e6000a; font-size: 40px; vertical-align: middle; }
.xi_tel_pac .xi_spri font{ margin-left: 10px; font-size: 18px; color: #e6000a; }
.xi_tel_pac .xi_text{ height: 180px; color: #555; line-height: 36px; font-size: 14px; }
.xi_tel_pac .xi_text em{ color: #3b99f0; }
.xi_tel_pac .xi_stext{ margin-bottom: 13px; height: 36px; }
.xi_pack_buy{ border: none; margin-top: 52px; width: 100%; height: 50px; line-height: 50px; background: #3b99f0; color: #fff; font-size: 18px; display: block; border-radius: 3px; transition: all .25s; -webkit-transition: all .25s; }
.xi_pack_buy:hover{ -moz-box-shadow: 0 0 5px 1px #ededed inset; -webkit-box-shadow: 0 0 5px 1px #ededed inset; box-shadow: 0 0 5px 1px #ededed inset; }
.xi_tel_pac .xi_li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.xi_tel_pac .xi_li:hover:before{ width: 100%; }


/*虚拟主机*/
.xi_host_pac{padding: 6% 2%; }
.xi_host_pac .xi_li{ width: 100%; padding: 8% 5% 5%; margin-top: 2%;}
.xi_host_pac .xi_li h2{ font-size: 20px; margin-bottom: 3%; }
.xi_host_pac .xi_li h2 em{ font-weight: 100; color: #3b99f0; }
.xi_host_pac .box{ height: 50px; border-left: 1px solid #eee; width: 33.3%; float: left; box-sizing: border-box; }
.xi_host_pac .box1{ text-align: left; border-left: none; }
.xi_host_pac .box3{ text-align: right; }
.xi_host_pac .box .xi_btop{ font-size: 24px; color: #333; line-height: 26px; }
.xi_host_pac .box .xi_bbot{ font-size: 14px; color: #999; line-height: 24px; }
.xi_host_pac .xi_bpri{ margin: 5.5% 0 5%; }
.xi_host_pac .xi_bpri em{ font-size: 58px; font-style: normal;}
.xi_host_pac .xi_bpri font{ font-size: 16px; line-height: 16px; }
.xi_host_pac .xi_text{ height: 120px; font-size: 12px; color: #777; text-align: left; line-height: 30px; }
.xi_host_pac .xi_pack_buy{ height: 60px; line-height: 60px; margin-top: 36px; }
.xi_host_sup{ padding: 40px 0 30px; background: url(../images/xbg6.jpg) top center no-repeat; }
.xi_host_sup ul.clear{ text-align: center; width: 1230px; margin-top: 65px; }
.xi_host_sup li{ margin-bottom: 30px; padding: 40px 45px; float: left; background: #fff; margin-right: 30px; width: 380px; height: 280px; box-sizing: border-box; transition: all .25s; -webkit-transition: all .25s; } 
.xi_host_sup .img{ margin-bottom: 27px; height: 60px; line-height: 60px; font-size: 0; }
.xi_host_sup .img img{ max-height: 100%; transition: all .25s; -webkit-transition: all .25s; }
.xi_host_sup .xi_hsuph2{ margin-bottom: 20px; font-size: 20px; color: #333; }
.xi_host_sup .xi_hsuptxt{ height: 72px; color: #999; font-size: 12px; line-height: 24px; }
.xi_host_sup li:hover *{ color: #fff; }
.xi_host_sup li:hover .img img{ animation: bounce 1s 0s linear normal; -webkit-animation: bounce 1s 0s ease-out normal; }
.xi_host_sup .xi_hsup3,.xi_host_sup .xi_hsup6{ margin-right: 0; }
.xi_host_sup .xi_hsup1:hover{ background: #ff9000; }
.xi_host_sup .xi_hsup2:hover{ background: #3b99f0; }
.xi_host_sup .xi_hsup3:hover{ background: #57be5b; }
.xi_host_sup .xi_hsup4:hover{ background: #ff6868; }
.xi_host_sup .xi_hsup5:hover{ background: #25b49b; }
.xi_host_sup .xi_hsup6:hover{ background: #827af6; }
.xi_host_adv{ padding: 60px 0 75px; }
.xi_host_adv{ background: #fff url(../images/xbg5.png) top center no-repeat; }
.xi_host_adv li{ border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; }
.xi_host_adv li .xi_dosicon{ border-radius: 20px; }
.xi_host_adv li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); border: #fff; }

/*企业邮箱*/
.xi_ema_pac{background: none;}
.xi_ema_pac .xi_li{background-color: #f7fafc;}
.xi_ema_pac .xi_li h2{ margin-bottom: 5px; }
.xi_ema_pac .xi_li h3{ font-size: 14px; color: #999; }
.xi_ema_pac .xi_bpri{ margin: 5% 0 0; }
.xi_ema_pac .box{ width: 50%; text-align: center; height: 60px; }
.xi_ema_pac .box .xi_btop{ font-size: 30px; line-height: 36px; }
.xi_ema_pac .box .xi_btop img{ vertical-align: initial; }
.xi_ema_pac .box .xi_bbot{ font-size: 14px; }
.xi_ema_pac .xi_pack_buy{ margin-top: 50px; }
.xi_ema_pac .xi_tips{ margin: 2% 0 5%; color: #3b99f0; font-size: 16px; }
.xi_ema_fun{ padding: 40px 0 60px; background: #f6f6f6 url(../images/xbg7.jpg) top center no-repeat; }
.xi_ema_table{ background: #fff; margin-top: 55px; box-shadow: 0 5px 10px rgba(0,0,0,.05); }
.xi_ema_fea{ padding: 40px 0 80px; background: #fff url(../images/xbg8.png) top center no-repeat; }
.xi_ema_fea li{ overflow: hidden; background: #fff; float: left; border-top: 1px solid #eee; border-left: 1px solid #eee; text-align: center; padding: 60px; width: 400px; height: 280px; box-sizing: border-box; }
.xi_efimg{ position: relative; top: 0; margin-bottom: 66px; height: 80px; line-height: 80px; font-size: 0; transition: all .25s; -webkit-transition: all .25s; }
.xi_efimg img{ max-height: 100%; }
.xi_efh2{ margin-top: 0; font-size: 20px; color: #555; transition: all .25s; -webkit-transition: all .25s; }
.xi_dftxt{ margin-top: 30px; height: 0; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; text-align: left; transition: all .25s; -webkit-transition: all .25s; }
.xi_eflist{ margin-top: 70px; }
.xi_ema_fea li.xi_efl1,.xi_ema_fea li.xi_efl4{ border-left: none; }
.xi_ema_fea li.xi_efl1,.xi_ema_fea li.xi_efl2,.xi_ema_fea li.xi_efl3{ border-top: none; }
.xi_ema_fea li:hover{ box-shadow: 0 5px 10px rgba(0,0,0,.05),1px 0 1px rgba(0,0,0,.04); z-index: 1; position: relative; }
.xi_ema_fea li:hover .xi_efimg{ top: -100%; height: 0; }
.xi_ema_fea li:hover .xi_efh2{ margin-top: -46px; }
.xi_ema_fea li:hover .xi_dftxt{ height: 72px; }
.xi_ema_pri{ padding: 40px 0 70px; background: #25bcb3 url(../images/xbg9.jpg) top center no-repeat; }
.xi_ema_pri .xi_donp_top li.rec:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background: url(../images/xicon55.png) center no-repeat; display: block; }
.xi_ema_pri .xi_donp_top li{position: relative;width: 33.3%;font-size: 24px;}
.xi_ema_pri .xi_donp_top li font{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 20px; } 
.xi_ema_pri .xi_donp_bot{ padding-top: 30px; }
.xi_ema_type{ margin-bottom: 30px; font-size: 0; text-align: center; }
.xi_ema_type dd{ cursor: pointer; min-width: 100px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #ddd; text-align: center; border-radius: 18px; margin: 0 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; color: #555; }
.xi_ema_type dd.on{ background: #3b99f0; border-color: #3b99f0; color: #fff!important; }
.xi_ema_type dd:hover{ color: #3b99f0; border-color: #3b99f0; }
.xi_ema_pri .xi_donp_wrap th{ width: 20%; }
.xi_ema_detail table{display: none;/* opacity: .6; */}
.xi_ema_detail table:first-child{ display: table; opacity: 1; }

.pageServer{padding: 6% 2%;}
.pageServer .box{ margin-top: 5%;}
.pageServer .box .list{box-sizing: border-box;border:#dbdbdb 1px solid;width:100%;float:left;margin-top: 2%;}
.pageServer .box .list:hover{border:#0b98de 1px solid}
.pageServer .box .list h1{font-size:14px;color:#0b98de;text-indent:15px;padding:15px 0}
.pageServer .box .list .img{padding-left:20px}
.pageServer .box .list ul{line-height:20px;padding:15px 0 13px 13px}
.pageServer .box .list ul li{float:left;width:50%}
.pageServer .box .list ul li p{color:#454545}
.pageServer .box .list .last{height:55px;line-height:55px;background:#f2f2f2}
.pageServer .box .list .last span{font-size:14px;color:#333;padding:0 10px}
.pageServer .box .list .last span i{font-size:12px;color:#666;font-style: normal;}
.pageServer .box .list .btn{position:absolute;top:20px;right:20px}
.pageServer .box .list .btn a{display:block}