*{padding:0px;margin:0px;list-style:none}
@font-face {
    font-family: 'iconfont';  /* project id 2112580 */
    src: url('//at.alicdn.com/t/font_2112580_3y5jemej14b.eot');
    src: url('//at.alicdn.com/t/font_2112580_3y5jemej14b.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2112580_3y5jemej14b.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2112580_3y5jemej14b.woff') format('woff'),
    url('//at.alicdn.com/t/font_2112580_3y5jemej14b.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2112580_3y5jemej14b.svg#iconfont') format('svg');
  }
body{font-size:12px;/*background:#F4F4F4;*/background:#FFF; font-family:"Arial","Helvetica","Microsoft YaHei";color:#555}
img{border:none}
.clear{clear:both;line-height:0px;}
.clear-fix { *overflow: hidden; *zoom: 1; }
.clear-fix:after { display: table; content: ""; width: 0; clear: both; }
.m-w-1140{width:1140px;margin:0px auto}
.minh300{min-height: 300px;}
.pd20{padding:20px 0px;}
.mgc{margin:0px 37px;}
.bgff{background:#FFF;}
.bgmainclr{background:#0159A2}
.ht-220{height:220px;}
.mt-15{margin-top:15px;}
.bm-20{padding-bottom: 20px;}
.pt-20{padding-top:20px;}
.pm-30{padding-bottom:30px }
.bdrTp{border-top:solid 1px #DEDEDE}


.p-header{width:100%;padding-bottom:5px;}
.p-s12{font-size:12px}
.fun-nav{line-height:27px;float:right}
.hd-line{height:27px;width: 100%;border-bottom: 1px solid #e8e8e8;background: #f4f4f4;}
.hd-nav{width:100%;}
.nav-logo{float:left;width:180px;padding:10px 0px 5px 0px;position: relative;}
.lg-ln1{display: inline-block;position:absolute;bottom:40px;left:0px;font-size:14px;color:#145c8f}
.lg-ln1 a{color:#145c8f;text-decoration: none}
.lg-ln1 a:hover{text-decoration: underline}
.lg-ln2{display: inline-block;position:absolute;bottom:18px;left:0px;font-size:15px;color: #ff4a00}
.lg-ln2 a{color:#ff4a00;text-decoration: none}
.lg-ln2 a:hover{text-decoration: underline}
.bnr3-txt{position: absolute;top:160px;left:50%;font-size:24px;font-family:"Microsoft YaHei";color:#616161;}
.bnr3-txt a{color:#616161;text-decoration: none}
.img-logo{width:150px;height:50px;}
.nav-list{font-size:14px;float:left;position:relative}
.nav-list .hot-tel{position:absolute;right:20px;top:20px;color:#0159A2;font-size:14px; }
.ct-info{float:left;width:285px;padding-top:20px;}
.ct-info h5{font-size:16px;text-align: right;}
.ct-info h5 span.tt{color:#09f}
.ct-info h5 span.vl{color:#ff4a00}
.nav-main{margin-top:15px;}
.nav-main li{float:left;width:96px;height:40px;line-height:40px;text-align:center;position:relative;z-index:1}

.nav-main li:hover dl.nav-sub{display:block}
.nav-main a{color:#555;text-decoration:none}
.nav-main a:hover{color:#084F89 }
dl.nav-sub{display:none;box-shadow: #555 0px 2px 4px;position: absolute;padding-bottom: 5px;width: 100%;left: 0;top: -3px;background: #fff;border-top: 3px solid #084F89;}
dl.nav-sub dd{height:40px;}
dl.nav-sub dd a{cursor:pointer;}
.nav-main a.a-menu{display:block}
dl.nav-sub dd a.a-menu:hover{background:#0159A2;color:#fff;}
.hot-tel b{font-size:16px;}
.hot-tel strong{font-size:20px;color:#ff4a00}
.p-body{width:100%;}

.hots{
    background: #2D313D;
    color: #fff;
    font-size: 16px;
}
.hots-ls{
    width: 100%;
    display: flex;
}
.hots-ls li i{
    font-size: 50px;    
}
.hots-ls li span{
    padding-left: 20px; 
}
.hots-ls li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
}
/******************************** SLIDER ********************************/

.jumbotron {
	background: url('../images/sliderBg.jpg');
	background-size: cover;
	background-repeat:no-repeat;
	color:white;
	-webkit-text-shadow:0px 0px 3px #202020;
	-moz-text-shadow:0px 0px 3px #202020;
	text-shadow:0px 0px 3px #202020;
	padding:90px 0px 0px 0px;
	margin-bottom:0px;
}

.sliderControls span {
	margin-top:-300px;
	opacity:0.3;
}

.sliderControls #slider-prev {
	float:left;
}

.sliderControls #slider-next {
	float:right;
}

.sliderControls #slider-prev:hover {
	opacity:0.7;
}

.sliderControls #slider-next:hover {
	opacity:0.7;
}

.col-lg-6.slideText { margin-top:30px; margin-bottom:40px; }

.col-lg-5.col-lg-offset-1.slideText {
	background-color:rgba(255,255,255,0.15);
	padding:15px 30px 40px 30px;
	margin-bottom:60px;
	border-radius:5px;
}

.col-lg-5.col-lg-offset-1.slideText h1 { font-size:26px; }
.col-lg-5.col-lg-offset-1.slideText p { font-size:16px; margin-bottom:40px; }

.jumbotron h1 {
	font-family:Proxima Nova Light, Helvetica, Arial;
	font-size:55px;
	
}

.jumbotron h1 span { font-family:Proxima Nova Semi-bold, Helvetica, Arial; }

.jumbotron p { font-size:28px; }

.jumbotron p span {
	font-family:Proxima Nova Semi-bold, Helvetica, Arial;
	color:#e9856e;
}

#iphoneBlack {
	position:relative;
	z-index:1000;
	margin-left:-15px;
}

#iphoneWhite {
	margin-left:210px;
	margin-top:-390px;
	position:absolute;
	z-index:0;
}

#ipadWhite {
	margin-top:67px;
	margin-left:200px;
}

#ipadBlack {
	margin-top:-350px;
	margin-left:40px;
}

#iphoneBlackSmall {
	margin-top:-237px;
	margin-left:-15px;
}

#emailInputSlider {
	font-size:16px;
	margin:0px 0px 20px 0px;
	border-radius:30px;
	width:100%;
	border:none;
	padding:0px 15px 0px 15px;
	height:47px;
}

#emailInputSlider:focus { opacity:0.7; }

#buttonSmallSlider {
	font-family:Proxima Nova Semi-bold, Helvetica, Arial;
	font-size:18px;
	display:block; 
	margin:0 auto; 
	-webkit-text-shadow:0px 0px 3px #525252;
	-moz-text-shadow:0px 0px 3px #525252;
	text-shadow:0px 0px 3px #525252;
	padding:0px 35px 0px 35px;
	height:50px;
}

#bubbleGraphic {
	margin:0 auto;
	margin-top:45px;
	margin-bottom:15px;
}

#slideThreeList {
	margin-left:13px;
}

#slideThreeList li {
	display:inline;
	margin-right:80px;
}

#slideThreeList li:nth-child(3) {
	margin-right:0px;
}

/* slider animations */

.fadeInReallyFast { 
	animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.fadeInFast { 
	animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.fadeInMed { 
	animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.fadeInSlow { 
	animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation: fadeIn 0.3s linear 0.5s both; 
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
	
@keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
    100% {opacity: 1;}
}

.feature{
    width: 100%;
    padding: 30px 0px;
}
.feature h2{
    font-size: 30px;
    font-weight: 200;
    padding: 25px 0px 45px 0px;
    text-align: center;
}
.feat-ls{
    display: flex;
}
.feat-ls li{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 30px;
}
.feat-ls li h3{
    font-size: 20px;
    padding: 10px 0px;
    font-weight: 200;
    color: #333333;
}
.feat-ls li .feat-icon{
    font-size: 50px;
    color:#666;
}
.feat-ls li .feat-desc{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #999;
}
.solution-ls{
    width: 100%;
    height: 600px;
    margin: 20px 0px;
    background: url(../images/solution-bg.png) no-repeat center center;
}
.slt-box{
    display: flex;
}
.stl-box .stab{
    width: 230px;
}
.slt-box .stab .tb{
    width: 230px;
    height: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 30px;
    box-sizing: border-box;
    cursor: pointer;
}
.slt-box .stab .tb h4{
    font-size: 18px;
    color:#fff;
}
.slt-box .stab .tb .sdesc{
    font-size: 16px;
    color:#626262;
    line-height: 28px;
}
.slt-box .stab .active{
    color: #fff;
    background-image: -webkit-linear-gradient(left,#00a1ff,#0b61ff 100%)
}
.slt-box .stab .active .sdesc{
    color:#fff;
}
.stl-box .content{
    flex: 1;
}

.solution-ls .content .contab{
    padding: 90px 50px 0;
    margin-left: 100px;
}
.solution-ls .content .contab h3{
    font-size: 36px;
    font-weight: 400;
    color: #fff;
}
.solution-ls .content .contab .desc{
    font-size: 14px;
    color:#fff;
    line-height: 35px;
    text-indent: 30px;
}
.view-det{
    width: 160px;
    border: 1px solid #999;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    line-height: 1.5;
    padding: 6px 15px;
    background-color: transparent;
    transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
    outline: none;
    margin-top: 10px;
}
ul.coninfo{
    text-align: left;
}
.fw-sw{
    width: 500px;
    margin: 0 auto;
    display:flex;
}
.fw-points{
    flex: 1;
    text-align: left;
}
.fw-list{
    font-size: 16px;
    padding-top: 30px;
}
.fw-list li{
    padding: 10px; 
}
.fw-pics{
    width: 150px;
    display: flex;
    flex-direction: column;
}
.fw-pics img{
    max-width: 135px;
    margin-top: 30px;
}
.fw-fit{
    width: 900px;
    display: flex;
    margin: 0 auto;
}
.fw-fit .fw-pics{
    padding-top: 50px;
    width: 350px;
}
.fw-fit .fw-pics img{
    max-width: 330px;
}
.fw-fit .fw-list{
    flex: 1;
}
.fw-fit .fw-list h1{
    font-size: 24px;
}
.fw-fit .fw-list h1 span{
    color: #ff6a09;
}
.fw-fit .fw-list p{
    padding: 10px 0px;
    font-size: 18px;
    text-align: left;
}
a.bnr-btn{
    width: 160px;
    border: 1px solid #999;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    line-height: 1.5;
    padding: 6px 15px;
    background-color: transparent;
    transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
    outline: none;
    margin-top: 10px;
}
.sub-ban{
    width: 100%;
    height: 180px;
    display: flex;
    justify-content: center;
}
.news-layer{
    color:#fff;
    text-align: left;
    margin: 50px 0px 0px 100px;
}
.news-layer{
    color:#fff;
    text-align: left;
    margin: 50px 0px 0px 100px;
}
.news-layer .tt1{
    font-size: 24px;
    text-indent: 10;
}
.news-layer .tt2{
    margin-top: 20px;
    font-size: 24px;
    text-indent: 10px;
}
.abtus-layer{
    color:#fff;
    text-align: left;
    margin: 50px 0px 0px 400px;
}
.abtus-layer .tt1{
    font-size: 24px;
    text-indent: 10;
}
.abtus-layer .tt2{
    margin-top: 20px;
    font-size: 24px;
    text-indent: 80px;
}
.pdt-layer{
    color:#fff;
    text-align: left;
    margin: 50px 0px 0px 100px;
}
.pdt-layer .tt1{
    font-size: 24px;
    text-indent: 10;
}
.pdt-layer .tt2{
    margin-top: 20px;
    font-size: 24px;
    text-indent: 80px;
}
.fw-5-cc{
    display: flex;
    width: 100%;
}
.fw5-con{
    width: 1140px;
    height: 400px;
    background:url(../images/bnr-5-pic.png) no-repeat center right;
    margin: 0 auto;
}
.fw5-con h2{
    font-size: 26px;
}
.fw5-con p{
    line-height: 50px;
    font-size: 18px;
}
.fw5-con .dels{
    padding-top: 35px;
}
.c-box{width:100%;padding-top:10px;}
.row-1{background:#FFF;border:1px solid #e8e8e8;border-radius:5px;}
.bk-40{width:475px;float:left;padding-left:14px;padding-right:15px;}
.bk-60{width:475px;float:left;padding-left:14px;padding-right:15px;}
.bk-title{height:45px;padding-top:10px;/*border-bottom:solid 1px #DEDEDE*/}
.bk-title span.bk-ico{width: 36px;float:left;height: 36px;background:#005B9E no-repeat center center;display: inline-block;vertical-align: middle;border-radius: 18px;margin-right: 10px;}
.bk-title span.i-desc{background-image: url(../images/write.png);}
.bk-title span.i-globe{background-image:url(../images/globe.png);}
.bk-title span.i-laptop{background-image:url(../images/laptop.png);}
.bk-title span.i-iphone{background-image:url(../images/laptop.png);}
.bk-title span.i-app{background-image:url(../images/applications.png);}
.bk-title .bk-tt{font-size:16px;color:#333;}
.bk-title .bk-boxer{height:35px;margin-left:46px;line-height:32px;/*border-bottom:2px solid #084F89*/border-bottom:1px solid #DEDEDE}
.frt-desc{line-height:28px;font-size:14px;padding-top:10px;padding-bottom:10px}
ul.latest-news{padding:10px 0px 10px 30px;font-size:14px;line-height:28px;}
ul.latest-news li{list-style-type: disc;position:relative}
ul.latest-news li span.date{position:absolute;right:0px;}
.pdt-list{padding:0px 10px 10px 10px;}
ul.pdt-con{height:150px;padding-left:30px;}
ul.pdt-con li{float:left;border:solid 1px #DEDEDE;margin-left:15px;width:170px;height:145px;text-align:center}
ul.pdt-con li img{max-width:170px;height:140px;}
.bk-onlyline{padding:0px 10px 0px 10px;}
.bk-links{height:35px;margin-left:46px;line-height:32px;}


.p-footer{padding:30px 0px;background:#242526;color:#fff;border-top:solid 1px #EEE;text-align:center;}
.ft-container{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.ft-container .col{width: 20%; float:left}
.ft-container .col h3{color: #f4f4f4;font-size: 16px;}
.ft-container .col ul{
    padding: 10px 0px;
}
.ft-container .col ul a{
    color: #999;
    background: 0 0;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    transition: color .2s ease;}
.ft-container .col ul li{line-height: 30px;font-size: 12px;}
.p-footer .right-row{display:inline-block;padding: 30px 0px;color:#999;line-height: 25px;}
.p-footer .right-row img{display:inline}


.mg-p-desc{padding:10px 15px;line-height:25px;font-size:14px;color:#999}
.ico-desktop{padding: 17px 10px;text-align:center}
.ico-desktop i{font-size: 39px;
    border-radius: 50%;
    height: 102px;
    width: 102px;
    text-align: center;
    border: solid 1px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    border-color:#0159A2;
    color:#0159A2;
}
.ico-desktop i:before{margin-top:30px;display:inline-block}

.ico-desktop i.i-deck:before{
    content:"\f108"
}
.tt-corp{font-size:26px;color:#fff;text-align: center;height:50px}

.corp-icos{padding:25px 10px;;background:#FFF;}
ul.corp-ls{background:#FFF;}
ul.corp-ls li{padding:0px;text-align:center}
ul.corp-ls li img{margin-right:10px;}
div.scroll-boxer{width:100%;height:82px;margin-bottom:10px;overflow: hidden}

h3.hot-pdt,h3.txt-title{height:35px;line-height:35px;font-size:16px;font-weight:200;position:relative}
.pdt-show{width:100%;}
.pdt-content{
    width:100%;
    height:180px;
    margin-bottom:10px;
    overflow: hidden
}
ul.pdt-ls-ul{
    width: 100%;
}
ul.pdt-ls-ul li{
    width: 100%; 
    text-align: center; 
    position: relative;
    display: flex;
}
.pdt-box{
    width: 20%;
    height: 180px;
}
ul.pdt-ls-ul li img{max-width:170px;height:140px;}
ul.pdt-ls-ul li div.bg-layer{display:none}
ul.pdt-ls-ul li .pdt-box:hover img{opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.15);transform: scale(1.15);cursor: pointer}
ul.pdt-ls-ul li .pdt-box:hover span.pdt-desc{display:block;color:#FFF;}
ul.pdt-ls-ul li .pdt-box:hover h5{color:#0159A2}
ul.pdt-ls-ul li .pdt-box:hover div.bg-layer{background:#000;opacity:0.3;position: absolute;top:0px;left:0px;bottom:0px;right:0px;display:block;z-index: 0}
ul.pdt-ls-ul li h5{height:30px;line-height:30px;font-size:13px;overflow: hidden}
ul.pdt-ls-ul li span.pdt-desc{display:none;position:absolute;top:20px;text-transform: uppercase;font-size: 14px;-webkit-backface-visibility: hidden;z-index: 3}
ul.pdt-ls-ul li h5:hover{cursor: pointer;text-decoration: underline}
ul.pdt-ls-ul li h5 a{color: #555;text-decoration: none;}
ul.pdt-ls-ul li h5 a:hover{text-decoration: underline;color: #0159A2;}
.our-txt-con{width:50%;float:left;}
.txt-ls-box{height:170px;display: flex;}
.txt-ls-box .hd-img {width: 150px}
.txt-ls-box .hd-img .ns-img{width: 150px; height: 100px; margin-top: 10px}
.txt-ls-box ul{padding:5px 30px 0px 20px;}
.txt-ls-box ul li{list-style-type: disc;height:30px;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.txt-ls-box a{color:#555;text-decoration: none}
.txt-ls-box a:hover{text-decoration: underline;color:#0159A2}
.our-txt-contact{width:30%;float:left;}
.our-contact{line-height:35px;font-size:14px;}
.atitle-more{display: inline-block;position:absolute;top:5px;right:45px;font-size:14px;color:#555;text-decoration: none}
.atitle-more:hover{text-decoration: underline}
.fixbar{
    position: fixed;
    right: 0;
    bottom: 130px;
    display: inline-block;
    width: 42px;
    height: 160px;
    cursor: pointer;
    z-index: 1000000000;
}
.ser-bk{
    width: 42px;
    height: 42px;
    color: #fff;
    display: block;
    margin-bottom: 6px;
    position: relative;
    background-color: #09f;
    text-align: center;
}
.ser-bk i{
    display: inline-block;
    width: 24px;
    height: 26px;
    margin-top: 5px;
}
.tel-server {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEVGNDU2OTA3MUNEMTFFODkwRjQ5NjU2OERBRDFGRDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGNDU2OTE3MUNEMTFFODkwRjQ5NjU2OERBRDFGRDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RUY0NTY4RTcxQ0QxMUU4OTBGNDk2NTY4REFEMUZENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RUY0NTY4RjcxQ0QxMUU4OTBGNDk2NTY4REFEMUZENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrJChTMAAAFSSURBVHjaYvj//z8DFIcC8RcgrkISoxjDGMFA/Ps/AtRQywImBgYGSyD+BcQfGRCgGYhrGKgBgLZsBeK7QOwLxG/+o4IaagTRa6hhNLEERPxFMgyXJbKUWPACzTCQJX5IlswHYkZKLNj1HxPALJkAxMyUBlHxf+xgLrWS6TJoMkUHr6iVTEF4DhYfPANiIWrlZFAq+YrFknWURDCyBSBchCMu2qllASi1HMBhSTk1LABhcSB+gsOSFgLBxUGMBSBsjiM+YEmXFYuefCD+A8RlxFgAwi5A/BOHJceBWA5JbRa+4MQXfoF4LHkPxE1A3ADEAUD8DpclhCLJE4i//ccP7uCzhJiUYAHNdIQs8cdiSQmxyU0GiI+SYclzUtI0C7Ty+UmEJaA4+g7E7uRkHgUgXozWSMBmiRuxcYALg5JqJRAfBOIPUMM/AvE2IDaGqQMIMAADN95EjxjQwgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
  }
.qq-server {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEVGNDU2OEM3MUNEMTFFODkwRjQ5NjU2OERBRDFGRDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGNDU2OEQ3MUNEMTFFODkwRjQ5NjU2OERBRDFGRDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RUY0NTY4QTcxQ0QxMUU4OTBGNDk2NTY4REFEMUZENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RUY0NTY4QjcxQ0QxMUU4OTBGNDk2NTY4REFEMUZENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoV9xdMAAAFlSURBVHjaYvj//z8DAWwGxFOA+DYQ/4Ti21AxM0L68UlyAPGc/4TBHKhakixgBuKd/4kHO6B6iLag7j/poA6bWYxgW1CBCBA/BGIuBtLANyCWB+I3yIJMWBTGkGE4A1RPDLogNgtcGMgHzsRYoE6BBRh60eMA5M33QMxGpgW/gFgQGh9YfWBMgeEMUL2G+IIogIFyEITLApDtRlSwwAglFKAZggmIN/+nHtgMNRNuQeZ/6oMMWE7mAHrkHhBLMlAXPAdiJVAcBNPAcAaomcFM6LFOZRAECqK7IK/QyIKnIB/IQTknqGjwcSgtBUpB+6DVnwAQv6ZC6gGZwQ81cx96BRFPBQviCdVosykwfDahKrMViP9SYAFIbxOuKlMUiF9RKZKFgfgdemH3Foj349EEckkeFP/How5kxgf0wg6GWYE4G4gPA/FHqLefAvF6IHZCUucMFXsKVQNSexyIi6BmwM0ECDAAOCza5R/fA2QAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
  }
.button.red {
    border: 1px solid #b42323;
    box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
    background: -webkit-linear-gradient(top,#d53939,#b92929);
    background: -moz-linear-gradient(top,#d53939,#b92929);
    background: linear-gradient(top,#d53939,#b92929);
}
/* .round, .side, .tags {
    padding-right: 30px;
}
.button {
    width: 140px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size:14px;
    text-shadow: 1px 1px 1px #333;
    border-radius: 5px;
    margin: 0 20px 20px 0;
    position: relative;
    overflow: hidden;
}
.red.tags:after {
    background: #b42323;
    border: 2px solid #df4141;
}
.tags:after {
    font-weight: normal;
    position: absolute;
    display: inline-block;
    content: "FREE";
    top: -3px;
    right: -33px;
    color: #fff;
    text-shadow: none;
    width: 85px;
    height: 25px;
    line-height: 28px;
    -webkit-transform: rotate(45deg) scale(.7,.7);
    -moz-transform: rotate(45deg) scale(.7,.7);
    transform: rotate(45deg) scale(.7,.7);
}
.red:hover{
    background: -webkit-linear-gradient(top,#eb6f6f,#c83c3c);
    background: -moz-linear-gradient(top,#eb6f6f,#c83c3c);
    background: linear-gradient(top,#eb6f6f,#c83c3c);
}
.red:active{
    top:1px;
    box-shadow: 0 1px 3px #5b0505 inset,0 3px 0 #fff;
    background: -webkit-linear-gradient(top,#b11a1a,#bf2626);
    background: -moz-linear-gradient(top,#b11a1a,#bf2626);
    background: linear-gradient(top,#b11a1a,#bf2626);
}
.red.side:active:after{
    box-shadow:-1px 0 1px #4b0707 inset;
    background:-webkit-linear-gradient(right,#b11a1a,#b11a1a 60%);
    background:-moz-linear-gradient(right,#b11a1a,#b11a1a 60%);
    background:linear-gradient(right,#b11a1a,#b11a1a 60%);
}
.red.rarrow:active:after,
.red.larrow:active:after{
    background:-webkit-linear-gradient(top left,#b11a1a,#bf2626);
    background:-moz-linear-gradient(top left,#b11a1a,#bf2626);
    background:linear-gradient(top left,#b11a1a,#bf2626);
}
.red.larrow:active:after{
    box-shadow: 0 -1px 0 #640909 inset,1px 0 0 #640909 inset;
} */
/* 主要css样式*/
.main-im{position:fixed;right:-113px;top:300px;z-index:100;width:153px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(http://resource.mugao.com/public/images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;float:left;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:120px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(http://resource.mugao.com/public/images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;display:none}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(http://resource.mugao.com/public/images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(http://resource.mugao.com/public/images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;width:40px;height:133px;background:url(http://resource.mugao.com/public/images/open_im.png) no-repeat left top;float:left;}


/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:388px;z-index:100;opacity: .85;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #09f;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#09f;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;display: flex; align-items: center;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#09f;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ff4a00;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}