/*公共部分*/
body{font-family:PingFangSC-light,"Source Sans Pro","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#333;background-color:#fff;}
a{color:#666666;text-decoration:none}
a:hover{color:#0078d7;text-decoration:none}
li{list-style-type:none}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0;}
a.link-blue{color: #0078D7;}
a.link-blue:hover{text-decoration: underline;}

.table-warp{margin:0px 15px;}
.table-warp a.btn-more{display: block;height: 40px;border: 1px solid #dddddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top: none;color: #0078d7;text-align: center;line-height: 40px;}
.table-warp a.btn-more:hover{background: #eff8ff;}
.table{border-collapse: collapse;color:#666666;width: 100%;}
.table td{height: 40px;font-size: 14px;border: 1px solid #dddddd; text-align: center;}
.table td img.icon{width: 20px;height: 20px;}
.table td b{font-size: 16px;color: #000000;font-weight: normal;}
/*栅格&响应式*/  
.row{margin-right: 0; margin-left: 0;}  
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position: relative; min-height: 1px;}  
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float: left;}  
.col-xs-12{width: 100%;}  
.col-xs-11{width: 91.66666667%;}  
.col-xs-10{width: 83.33333333%;}  
.col-xs-9{width: 75%;}  
.col-xs-8{width: 66.66666667%;}  
.col-xs-7{width: 58.33333333%;}  
.col-xs-6{width: 50%;}  
.col-xs-5{width: 41.66666667%;}  
.col-xs-4{width: 33.33333333%;}  
.col-xs-3{width: 25%;}  
.col-xs-2{width: 16.66666667%;}  
.col-xs-1{width: 8.33333333%;}  
.col-xs-offset-12{margin-left: 100%;}  
.col-xs-offset-11{margin-left: 91.66666667%;}  
.col-xs-offset-10{margin-left: 83.33333333%;}  
.col-xs-offset-9{margin-left: 75%;}  
.col-xs-offset-8{margin-left: 66.66666667%;}  
.col-xs-offset-7{margin-left: 58.33333333%;}  
.col-xs-offset-6{margin-left: 50%;}  
.col-xs-offset-5{margin-left: 41.66666667%;}  
.col-xs-offset-4{margin-left: 33.33333333%;}  
.col-xs-offset-3{margin-left: 25%;}  
.col-xs-offset-2{margin-left: 16.66666667%;}  
.col-xs-offset-1{margin-left: 8.33333333%;}  
.col-xs-offset-0{margin-left: 0;}  
@media (min-width: 768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float: left;} .col-sm-12{width: 100%;} .col-sm-11{width: 91.66666667%;} .col-sm-10{width: 83.33333333%;} .col-sm-9{width: 75%;} .col-sm-8{width: 66.66666667%;} .col-sm-7{width: 58.33333333%;} .col-sm-6{width: 50%;} .col-sm-5{width: 41.66666667%;} .col-sm-4{width: 33.33333333%;} .col-sm-3{width: 25%;} .col-sm-2{width: 16.66666667%;} .col-sm-1{width: 8.33333333%;} .col-sm-pull-12{right: 100%;} .col-sm-pull-11{right: 91.66666667%;} .col-sm-pull-10{right: 83.33333333%;} .col-sm-pull-9{right: 75%;} .col-sm-pull-8{right: 66.66666667%;} .col-sm-pull-7{right: 58.33333333%;} .col-sm-pull-6{right: 50%;} .col-sm-pull-5{right: 41.66666667%;} .col-sm-pull-4{right: 33.33333333%;} .col-sm-pull-3{right: 25%;} .col-sm-pull-2{right: 16.66666667%;} .col-sm-pull-1{right: 8.33333333%;} .col-sm-pull-0{right: auto;} .col-sm-offset-12{margin-left: 100%;} .col-sm-offset-11{margin-left: 91.66666667%;} .col-sm-offset-10{margin-left: 83.33333333%;} .col-sm-offset-9{margin-left: 75%;} .col-sm-offset-8{margin-left: 66.66666667%;} .col-sm-offset-7{margin-left: 58.33333333%;} .col-sm-offset-6{margin-left: 50%;} .col-sm-offset-5{margin-left: 41.66666667%;} .col-sm-offset-4{margin-left: 33.33333333%;} .col-sm-offset-3{margin-left: 25%;} .col-sm-offset-2{margin-left: 16.66666667%;} .col-sm-offset-1{margin-left: 8.33333333%;} .col-sm-offset-0{margin-left: 0;}}  
@media (min-width: 992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;} .col-md-12{width: 100%;} .col-md-11{width: 91.66666667%;} .col-md-10{width: 83.33333333%;} .col-md-9{width: 75%;} .col-md-8{width: 66.66666667%;} .col-md-7{width: 58.33333333%;} .col-md-6{width: 50%;} .col-md-5{width: 41.66666667%;} .col-md-4{width: 33.33333333%;} .col-md-3{width: 25%;} .col-md-2{width: 16.66666667%;} .col-md-1{width: 8.33333333%;} .col-md-pull-12{right: 100%;} .col-md-pull-11{right: 91.66666667%;} .col-md-pull-10{right: 83.33333333%;} .col-md-pull-9{right: 75%;} .col-md-pull-8{right: 66.66666667%;} .col-md-pull-7{right: 58.33333333%;} .col-md-pull-6{right: 50%;} .col-md-pull-5{right: 41.66666667%;} .col-md-pull-4{right: 33.33333333%;} .col-md-pull-3{right: 25%;} .col-md-pull-2{right: 16.66666667%;} .col-md-pull-1{right: 8.33333333%;} .col-md-pull-0{right: auto;} .col-md-offset-12{margin-left: 100%;} .col-md-offset-11{margin-left: 91.66666667%;} .col-md-offset-10{margin-left: 83.33333333%;} .col-md-offset-9{margin-left: 75%;} .col-md-offset-8{margin-left: 66.66666667%;} .col-md-offset-7{margin-left: 58.33333333%;} .col-md-offset-6{margin-left: 50%;} .col-md-offset-5{margin-left: 41.66666667%;} .col-md-offset-4{margin-left: 33.33333333%;} .col-md-offset-3{margin-left: 25%;} .col-md-offset-2{margin-left: 16.66666667%;} .col-md-offset-1{margin-left: 8.33333333%;} .col-md-offset-0{margin-left: 0;}}  
@media (min-width: 1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float: left;} .col-lg-12{width: 100%;} .col-lg-11{width: 91.66666667%;} .col-lg-10{width: 83.33333333%;} .col-lg-9{width: 75%;} .col-lg-8{width: 66.66666667%;} .col-lg-7{width: 58.33333333%;} .col-lg-6{width: 50%;} .col-lg-5{width: 41.66666667%;} .col-lg-4{width: 33.33333333%;} .col-lg-3{width: 25%;} .col-lg-2{width: 16.66666667%;} .col-lg-1{width: 8.33333333%;} .col-lg-pull-12{right: 100%;} .col-lg-pull-11{right: 91.66666667%;} .col-lg-pull-10{right: 83.33333333%;} .col-lg-pull-9{right: 75%;} .col-lg-pull-8{right: 66.66666667%;} .col-lg-pull-7{right: 58.33333333%;} .col-lg-pull-6{right: 50%;} .col-lg-pull-5{right: 41.66666667%;} .col-lg-pull-4{right: 33.33333333%;} .col-lg-pull-3{right: 25%;} .col-lg-pull-2{right: 16.66666667%;} .col-lg-pull-1{right: 8.33333333%;} .col-lg-pull-0{right: auto;} .col-lg-offset-12{margin-left: 100%;} .col-lg-offset-11{margin-left: 91.66666667%;} .col-lg-offset-10{margin-left: 83.33333333%;} .col-lg-offset-9{margin-left: 75%;} .col-lg-offset-8{margin-left: 66.66666667%;} .col-lg-offset-7{margin-left: 58.33333333%;} .col-lg-offset-6{margin-left: 50%;} .col-lg-offset-5{margin-left: 41.66666667%;} .col-lg-offset-4{margin-left: 33.33333333%;} .col-lg-offset-3{margin-left: 25%;} .col-lg-offset-2{margin-left: 16.66666667%;} .col-lg-offset-1{margin-left: 8.33333333%;} .col-lg-offset-0{margin-left: 0;}} 

*{margin: 0; padding: 0; border: 0;}

.nav-warp{height:92px;width: 100%;position: fixed;top:0;z-index: 9999;}
.nav{height:92px;width: 100%;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease; position: relative;box-shadow: 0px 0px 2px rgba(0,0,0,0.2);background:#ffffff;}
.nav-fixed{top: -56px;-webkit-transition-property: background-color;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;height: 56px;}
.nav-fixed .login{display: none;}
#cssmenu>ul>li.btn-free-div{position:absolute;right:15px;display: block;height: 30px;text-align: center;top: 13px;display: none;}
#cssmenu>ul>li.btn-free-div a{font-size: 14px;color: #ffffff;height: 30px;line-height:28px;display: block;border: 1px solid #0078D7;background: #0078d7;float: right;}
#cssmenu>ul>li.btn-free-div a:hover{color: #0078D7;border: 1px solid #0078D7;background: #ffffff;}
#cssmenu>ul>li.btn-free-div span{float: left; margin:8px 10px 0 0;font-size: 14px;}
#cssmenu>ul>li.btn-free-div span font{color: #ff3300;font-size: 16px;}

.nav-fixed #cssmenu>ul>li.btn-free-div{display: block;}

.main-warp{width: 100%; max-width: 1200px; margin: 0 auto;}
/*
.nav-warp .nav .login{width:550px; height:24px; position: absolute;right:20px; text-align: right;top:15px;}
.nav-warp .nav .login a,.nav-warp .nav .login span.hotline{height: 24px; line-height: 24px;display:block;float: right;padding:0 10px;color: #ffffff;}
.nav-warp .nav .login span.hotline font{color:#ff6600;}
.nav-warp .nav .login a.btn-free,.nav-warp .nav .login a.btn-reg{color:#249eff; margin-left:5px;}
.nav-warp .nav .login a.btn-free:hover,.nav-warp .nav .login a.btn-reg:hover{color:#0078d7;}
.nav-warp .nav .login a.btn-singup{color:#ffffff;}
.nav-warp .nav .login a.btn-singup:hover{color: #dddddd;}
.nav-warp .nav .login .login-icon{display:block;float: right;position: relative;width:150px;}
.nav-warp .nav .login .login-icon span{display:inline-block;*display:inline;zoom:1;height: 24px;line-height: 24px;color: #bbbbbb; padding-left:10px;float: left;}
.nav-warp .nav .login .login-icon a{width: 20px; height: 20px;padding: 2px;display:inline-block;*display:inline;zoom:1;}
.nav-warp .nav .login .login-icon a i{border-radius: 3px; background: #777777; display: block;width: 20px; height: 20px;}
.nav-warp .nav .login .login-icon a i img{width: 20px; height: 20px;}
 a:hover i{background: #999999;}
.nav-warp .nav .login .login-icon .iframe-login{position: absolute;width: 305px;height: 325px;border:1px solid #989077;background:#fff;box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);right: 0px;top:40px; display: none;}
.nav-warp .nav .login .login-icon .iframe-login iframe{width:304px;height: 320px;}
.nav-warp .nav .login .login-icon .btn-drive{display:none;}
*/
.nav-warp .login{height:36px; text-align: right; background:#212427;color: #aaaaaa;line-height: 36px;}
.nav-warp .login a,.nav-warp .nav .login span.hotline{height: 24px; line-height: 24px;display:block;float: right;padding:0 10px;margin-top:6px;}
.nav-warp .login span.hotline font{color:#ffffff;font-weight: bold;}
.nav-warp .login a.btn-free,.nav-warp .login a.btn-reg{color:#249eff; margin-left:5px;}
.nav-warp .login a.btn-free:hover,.nav-warp .login a.btn-reg:hover{color:#0078d7;}
.nav-warp .login a.btn-singup{color:#ffffff;}
.nav-warp .login a.btn-singup:hover{color: #dddddd;}
.nav-warp .login .login-icon{display:block;float: right;position: relative;width:145px;padding-right:10px;}
.nav-warp .login .login-icon span{display:inline-block;*display:inline;zoom:1;float: left;}
.nav-warp .login .login-icon a{width: 20px; height: 20px;padding: 2px;display:inline-block;*display:inline;zoom:1;}
.nav-warp .login .login-icon a i{border-radius: 3px; background: #777777; display: block;width: 20px; height: 20px;}
.nav-warp .login .login-icon a i img{width: 20px; height: 20px;}
.nav-warp .login .login-icon a:hover i{background: #999999;}
.nav-warp .login .login-icon .iframe-login{position: absolute;width: 305px;height: 325px;border:1px solid #989077;background:#fff;box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);right: 0px;top:36px; display: none; z-index:10000;}
.nav-warp .login .login-icon .iframe-login iframe{width:304px;height: 320px;}
.nav-warp .login .login-icon .btn-drive{display:none;}

.sub-nav{ background: #f5f5f5;width:100%;display: inline;white-space: nowrap;overflow-x:auto;float:left;overflow-y:hidden; margin-bottom:50px;}
.sub-nav li{display:inline-block;*display:inline;zoom:1;padding:0 20px 0 0px;color: #ffffff;font-size: 16px; line-height: 50px;}
.sub-nav li a{display: block;height:50px;color: #333333; text-align: center;padding: 0 30px;}
.sub-nav li a:hover{color: #0078d7;}
.sub-nav li a.cur{background: #0078d7;color: #ffffff;}
/*首页*/

.slider {position: relative;width: 100%;height: auto;overflow: hidden;}
/*盒子带容器*/
.slides {height: auto;
	/* Simple clear fix */
	overflow: hidden;
	/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {height: auto;float: left;clear: none;}
.slider-arrows {}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 40px;height: 40px;line-height: 40px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}
/*左右按钮样式及放置位置*/
.slider-arrow--right {bottom: 50%;right: 30px;}
.slider-arrow--left {bottom: 50%;left: 30px;}
/*
background:url(img/.png) no-repeat;
*/
.slider-nav {position: absolute;bottom: 30px;}
.slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 5px;background:#cccccc;border-radius: 100%;opacity: 0.6;}
.slider-nav__item:hover {background: #ffffff;opacity: 0.6;}
.slider-nav__item--current {background: #ffffff;opacity:1;} /*被选中后的样式*/

.slide .box {width: 100%;height: 600px;background-color:#324a5a;color: #fff;text-transform: capitalize;vertical-align: middle;background-position: center center}
.slide .box h1,.slide .box b{font-size:44px;padding-top: 250px;display:block}
.slide .box p{font-size:18px;display: block;margin:5px 0 35px 0;}
.slide .box a.btn{display: block;border:1px solid #ffffff;width: 160px;height: 40px;line-height:40px;font-size:16px;color: #ffffff;text-align: center;}
.slide .box a.btn:hover{background: #ffffff;color: #666666;}
.slide .box-white h1,.slide .box-white b,.slide .box-white p{color: #333333;}
.slide .box-white a.btn{color: #0078d7;border-color:#0078d7;}
.slide .box-white a.btn:hover{color: #ffffff;background: #0078d7;}

.slide-logo{overflow: hidden;margin: 0 10px;}
.slide-logo .slides .slide .box {width: 100%;height:60px;background: none;}
.slide-logo .slides .slide .box .left{width: 49.5%;float: left;}
.slide-logo .slides .slide .box .right{width: 49.5%;float: right; text-align: right;}
.slide-logo .slides .slide .box .right img, .slide-logo .slides .slide .box .left img{width: 100%; margin-bottom: 5px;}
.slide-logo .slider-nav2 {padding-top:20px; float:right; margin-right:43%; }
.slide-logo .slider-nav__item2 {width:40px;height:4px;float: left;clear: none;display: block;margin: 0 5px;background:#0078d7;}
.slide-logo .slider-nav__item2:hover {background: #0078d7;opacity: 0.6;}
.slide-logo .slider-nav__item--current2 {background: #ffffff;opacity:1;} /*被选中后的样式*/

.section{padding:40px 0;}
.section h2{font-size: 26px; text-align: center;color: #000000;font-weight: normal; padding-bottom: 30px;width: 80%;margin: 0 auto;}
.section h3{font-size: 20px; text-align: center;color: #000000;font-weight: normal; padding:20px; border-bottom: 1px dotted #dddddd; margin-bottom: 30px;}
.section h2 i{display: block;width:90%;margin:0 auto;font-size: 14px;line-height:24px;font-weight: normal; font-style: normal;color: #999999;padding-top:10px;}
.section .txt{line-height: 28px;font-size: 14px;}
.section .img{width:70%; margin:0 auto; display: block;}
.section-bg-black{background: #f5f5f5;padding-top:60px; margin-bottom: 20px;}
.section-bg-blue{background: #46d7fb;padding-top:60px; margin-bottom: 20px;}
.section-bg-blue h2{color: #FFFFFF;}
.btn-section-more{border:1px solid #0078D7;display: inline-block;margin:15px 0;height:30px;line-height: 30px;color: #0078D7;padding:0 20px;border-radius:30px;}
.btn-section-more:hover{background-color: #0078d7;color: #ffffff;}

.index-em-bg{height:420px;}
.index-em-bg h2{font-size:50px;font-weight: bold;}
.index-em-bg h2 em{display: block;width: 100%;font-style: normal;font-size:30px; font-weight: normal;color: #999999;}
.index-em-bg p{width:700px; margin: 0 auto; text-align: center;}
.index-em-bg a{display: block;border: 1px solid #0078d7;width: 160px;height: 40px;line-height: 40px;font-size: 16px;color: #0078d7;text-align: center; margin: 40px auto;}
.index-em-bg a:hover{background: #0078d7;color: #ffffff;}
.index-em{ text-align: center;}

.index-em img{width:70%;}
a.btn-h5-login{width: 100%; background: #0078D7;height: 40px;line-height: 40px;color: #ffffff;font-size:16px;display: none; text-align: center; margin-top: 55px;}

.index-video{text-align: center; position: relative;}
.index-video img{width:100%;}
.index-video a{position: absolute;width:180px;height:180px;background-image:url(/r/cms/www/web2018/img/icon-play.png); left: 50%;top:50%;margin: -85px 0 0 -88px;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/icon-play.png', sizingMethod='scale');}
.index-video a:hover{background-image:url(/r/cms/www/web2018/img/icon-play-hover.png); background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/icon-play-hover.png', sizingMethod='scale');}
.index-video i{position: absolute;width: 100%;color: #ffffff; text-align: center;top: 20px;font-size:24px;font-style: normal}

.index-products .list{text-align: center;position: relative; margin:10px auto 0 auto;width:95%;overflow:hidden;}
.index-products .list img{width: 100%;}
.index-products .list h2{font-size: 26px; text-align: center;width:100%;bottom:50px;position: absolute;color: #ffffff; z-index: 100;-webkit-transition-property:bottom;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.index-products .list a i{position: absolute;left:0;bottom:20px;text-align: center;font-style: normal;color:#7990a8;-webkit-transition-property:opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;font-size: 14px;padding: 10px;display: block;}
.index-products .list a{position: absolute;height:460px;bottom: 0;width:100%;z-index: 10;background:url(/r/cms/www/web2018/img/index-pic-product-bg.png) repeat-x center bottom;}
.index-products .list:hover a i{color: #ffffff;}
.index-products .list:hover a{cursor: pointer;background:url(/r/cms/www/web2018/img/index-pic-product-curbg.png) repeat-x center bottom;}
.index-products .list:hover h2{}

.index-products .list-em{width:99%; margin:20px auto 50px auto; overflow: hidden;text-align: left; background:url(/r/cms/www/web2018/img/index-pic-em2.jpg);height: 250px;}
.index-products .list-em img{width: 100%;display:block}
.index-products .list-em h2{text-align: left;color: #333333; left:90px;bottom: 140px;font-size:32px;margin: 0;padding: 0;display: inline-block;width: auto;}
.index-products .list-em p{bottom:60px;left:90px;position: absolute;width: 40%;color:#666666;-webkit-transition-property:opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;font-size: 14px;line-height: 24px;}
.index-products .list-em a{background: none;}
.index-products .list-em a i{text-align: left;left: 90px;bottom: 70px;opacity: 0;-webkit-transition-property:bottom;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.index-products .list-em:hover a{cursor: pointer;
background:url(/r/cms/www/web2018/img/index-pic-productem-curbg.png) repeat-y;opacity: 1;-webkit-transition-property:opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.index-products .list-em:hover h2{bottom:120px;color: #ffffff;}
.index-products .list-em:hover p{opacity:0;-webkit-transition-property:opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.index-products .list-em:hover a i{bottom: 90px;opacity:1;-webkit-transition-property:bottom;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}

.index-login-tips{width: 597px;height: 445px;position:absolute;right:0;top:25px;z-index: 100000; background:url('/r/cms/www/web2018/img/index-login-tip.png');display: none;}
.index-login-tips .btn-close{width:130px;display: inline-block; height:40px; line-height: 40px; text-align: center; background: #0078D7;color: #ffffff; margin: 300px 0 0 355px;}
.index-login-tips .btn-close:hover{background: #0364BD;}

.index-data{}
.index-data .em,.index-data .mail,.index-data .meet,.index-data .webcast{display: block; margin:15px 10px;position: relative;height:160px; text-align: center;}
.index-data b{display: block; font-size:48px;font-weight: normal; height: 80px;padding-top: 30px;}
.index-data b font{font-size: 18px;font-weight: normal;}
.index-data p{font-size: 14px;color:#666666;}

.index-data .em{background: #e9f5ff;}
.index-data .em b{color: #31a3ff;}
.index-data .mail{background: #fff1f1;}
.index-data .mail b{color: #eb4856;}
.index-data .meet{background: #f1ffe3;}
.index-data .meet b{color: #4ab10c;}
.index-data .webcast{background: #fff4df;}
.index-data .webcast b{color: #ef9a07;}

.index-solution-title{padding-bottom:0;}
.index-solution{background:#799ab5; height: 480px;padding: 0;color: #ffffff; text-align:center;}
.index-solution .list{position:relative;background-size: 100%;display: block; margin:0 10px;background-position: center center;height: 480px; overflow:hidden;-webkit-transition-property: background-size;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;}
.index-solution .list .bg{background-color: rgba(0, 120, 215, 0);height:480px;-webkit-transition-property: background-color;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;}
.index-solution .list b{font-size: 30px;font-weight: normal;display: block; padding-top: 160px;-webkit-transition-property:padding-top;-webkit-transition-duration:0.3s;-webkit-transition-timing-function: ease;}
.index-solution .list b img{width:110px;height: 110px;}
.index-solution .list p{display: block;font-size: 14px;height: 1px;overflow: hidden; padding:0 20px; margin-top:40px; text-align: left;}
.index-solution .list a{display: block;width:60%;bottom:-40px;left:20%;height: 32px;color: #ffffff; line-height: 32px; border:1px solid #ffffff;margin: 10px auto 0 auto;position: absolute;-webkit-transition-property:bottom;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.index-solution .list a:hover{background: #FFFFFF;border:1px solid #FFFFFF;color: #0078d7;}

.index-solution .list:hover{background-size: 110%;-webkit-transition-property: background-size;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;}
.index-solution .list:hover .bg{background-color: rgba(0, 120, 215, 0.8);-webkit-transition-property: background-color;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;}
.index-solution .list:hover p{height:120px;-webkit-transition-property:height;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;}
.index-solution .list:hover b{padding-top: 100px;-webkit-transition-property:padding-top;-webkit-transition-duration:0.3s;-webkit-transition-timing-function: ease;}
.index-solution .list:hover b img{display: none;}
.index-solution .list:hover a{bottom:80px;-webkit-transition-property:bottom;-webkit-transition-duration:0.6s;-webkit-transition-timing-function: ease;}
.index-solution .edu{background-image:url(../img/index-solution-1.jpg);}
.index-solution .finance{background-image:url(../img/index-solution-2.jpg);}
.index-solution .medical{background-image:url(../img/index-solution-3.jpg);}
.index-solution .event{background-image:url(../img/index-solution-4.jpg);}
.index-solution .training{background-image:url(../img/index-solution-5.jpg);}
.index-solution .more{background-color: #61809a;height: 480px;margin:0 10px;-webkit-transition-property: background-color;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;}
.index-solution .more a{height:480px; display: block;line-height: 520px;color:#ffffff;}
.index-solution .more a img{width:55px; height: 55px;filter:alpha(opacity=50);opacity:0.5;margin-left:-10px;-webkit-transition-property:margin-left;-webkit-transition-duration:0.6s;-webkit-transition-timing-function:ease;}
.index-solution .more:hover{background-color: #0078D7;-webkit-transition-property: background-color;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;}
.index-solution .more:hover a img{filter:alpha(opacity=100);opacity:1; margin-left:20px;-webkit-transition-property:margin-left;-webkit-transition-duration:0.6s;-webkit-transition-timing-function: ease;}
.index-solution .more span{display:block; position: absolute;top: 50%;left:0;opacity:0.5;font-size:20px;width: 100%; text-align: center;letter-spacing:5px;margin-top: -30px;font-weight: normal;}

.index-customsay{background:#f1f1f1;background-size:100%;padding-top:80px;margin-bottom: 40px;}
.index-customsay .logo{display:block; text-align: center;}
.index-customsay .logo li{display: block;border: 2px solid #ffffff; background-color:#FFFFFF ; margin:10px 0; text-align: center;}
.index-customsay .logo li.on{border:2px solid #0078D7;-webkit-transition-property: border-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.index-customsay .logo li img{width: 100%;}
.index-customsay .logo-left { padding-left: 10px;}
.index-customsay .logo-right{ padding-right: 10px;}
.index-customsay .con{padding:80px 80px 0 80px; max-height:200px;overflow: hidden;}
.index-customsay .con li{display: none;}
.index-customsay .con li p{position: relative;display: block; line-height: 30px;font-size: 16px;}
.index-customsay .con li p i{position: absolute;left: -50px;color:#0078D7;font-size: 80px;font-style: normal;}
.index-customsay .con li p i.left{left: -45px;top:-0px}
.index-customsay .con li p i.right{right: -45px;top:20px}


.index-news .video{position: relative;margin:0 10px;cursor: pointer;}
.index-news .video img{width: 100%; vertical-align: bottom;}
.index-news .video i{position: absolute;width: 100%; height: 40px;background-color: rgba(0, 0, 0, 0.4);bottom: 0;left: 0;font-size: 12px;color: #ffffff;line-height:40px;font-style: normal; text-align: center;}
.index-news .video span{width:66px;height: 66px; position: absolute; background-image: url(../img/index-videoplay.jpg); background-size: 100%; z-index: 10; left: 50%;top: 50%; margin:-46px 0 0 -33px;}
.index-news .video:hover span{background-image:url(../img/index-videoplay-on.jpg);transition-property:background-image;-webkit-transition-duration:0.6s;-webkit-transition-timing-function: ease;}
.index-news .news{ margin-top:30px;}
.index-news .news li{height:30px; line-height:30px;display: block;padding-right:40px;position: relative;}
.index-news .news li h4{font-weight: normal;}
.index-news .news li a{width: 80%; overflow: hidden; display: block;height: 30px;text-overflow:ellipsis;white-space: nowrap;}
.index-news .news li span{position: absolute;right: 10px;font-size: 12px;color: #999999;top: 0;}

.index-free{background:url(../img/index-free-bg.jpg) no-repeat center center;height: 100px;font-size:18px; text-align: center;}
.index-free p{color: #ffffff;font-size: 18px; margin: 20px auto 20px auto}
.index-free a{display: block;font-size: 16px; margin:10px auto;color: #ffffff; border:1px solid #ffffff;height: 40px;line-height: 40px;width:180px;}
.index-free a:hover{background: #ffffff;color: #0078D7;}

.friendLink{background:#333333;padding: 20px 0;}
.friendLink .list{position: relative;padding-left:80px;}
.friendLink font{display: inline-block;color: #999999;position:absolute;left:10px;top: 2px;}
.friendLink a{color: #666666;display: inline-block; margin:2px 10px;}
.friendLink a:hover{color: #0078D7;}

.footer{background: #373a41;}
.footer a{color: #666666;}
.footer a:hover{color: #999999;}
.footer .hotline{position: relative;width: 24%;}
.footer .hotline i{width:64px;height:64px;display: block;position: absolute;left:0;top:0;background-size:100%; background: url(../img/index-hotline.png) center no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/index-hotline.png', sizingMethod='scale');}
.footer .hotline ul{ display: block; margin-left:80px;}
.footer .hotline ul li{color: #999999; margin-bottom: 10px;}
.footer .hotline ul li b{font-size: 20px;font-weight: normal;display: block;color:#ffffff}
.footer .middle-line{width:7%;}
.footer .middle-line span{display: block;width:1px;height:120px; border-left:1px #999999 dashed}
.footer .links{}
.footer .links i{color: #ffffff;font-style: normal;display: block;padding-bottom: 8px;}
.footer .links li{position: relative;}
.footer .links li a{color: #999999;font-size: 12px;line-height: 22px;}
.footer .links li a:hover{color:#ffffff;}
.footer .copyright{color: #666666;font-size: 12px; padding-top:15px; margin-top: 20px;border-top:1px solid #666666;}
.footer .copyright .lang{ text-align: right;}
.footer .qr-code{position:absolute;left:0;margin-top:3px;background:url(../img/footer-qrcode.png) no-repeat;width:100px;height:100px;background-size: 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/footer-qrcode.png', sizingMethod='scale');}

/*产品*/
.product-banner{height: 480px; background-position:top center;background-repeat: no-repeat;color: #ffffff;margin-top:80px;}
.product-banner .info {padding-top:160px;width:60%;}
.product-banner .info h1{font-size:48px; font-weight: normal;}
.product-banner .info p{font-size: 14px; padding: 10px 0 30px 0; display: block;}
.product-banner .info a.btn-free{width:124px;height:40px; line-height: 40px; text-align: center;color: #ffffff;border:1px solid #ffffff;font-size: 14px;display: block;}
.product-banner .info a.btn-free:hover{background:#0078D7;color:#ffffff;border-color: #0078D7;}

.medium-banner{height: 240px; background-position:top center;background-repeat: no-repeat;color: #ffffff;margin-top:0px;}
.medium-banner .info {padding-top:135px;}
.medium-banner .info h1{font-size:48px; font-weight: normal;}
.medium-banner .info p{font-size: 14px; padding: 10px 0 30px 0; display: none;}

.min-banner{height:380px; background-position:top center;background-repeat: no-repeat;color: #ffffff;}
.min-banner .info {padding-top:180px;width:40%;}
.min-banner .info h1{font-size:48px; font-weight: normal;}
.min-banner .info p{font-size: 14px; padding: 10px 0 30px 0; display: block;}

.mini-banner{height:150px;background-position:top center;background-repeat: no-repeat;color: #ffffff;background:#373A41;position: relative;}
.mini-banner .info {padding-top:100px;width:100%;}
.mini-banner .info h1,.mini-banner .info b{font-size:32px; font-weight: normal;}
.mini-banner .info h1 i,.mini-banner .info b i{font-size:12px;font-style: normal;display: inline-block;padding-left: 15px;}
.mini-banner .info h1 i a,.mini-banner .info b i a{color: #0078d7;padding-left: 5px;}
.mini-banner .info h1 i a:hover,.mini-banner .info b i a:hover{color: #999999;}

.product-advantage{height: 160px;}
.product-advantage .list{height: 160px;border-right:1px solid #dddddd; text-align: center;}
.product-advantage .list img{width: 60px; margin-top:40px;}
.product-advantage .list span{text-align:center;font-size: 16px;display: block;box-sizing:border-box;padding: 0 5px;}
.product-advantage .border-0{border:0}

.product-advantage-desc{}/*带描述*/
.product-advantage-desc .list{border-right:1px solid #dddddd; text-align: center; padding-bottom:40px;}
.product-advantage-desc .list img{width: 60px; margin-top:40px;}
.product-advantage-desc .list h4{font-size: 18px;font-weight: normal; padding:10px 0;}
.product-advantage-desc .list p{font-size: 14px;display: block;box-sizing:border-box;padding: 0 20px; text-align:justify;color: #999999;padding-top: 10px;word-break: break-all;line-height: 24px;}
.product-advantage-desc .list .text-center{text-align: center;}
.product-advantage-desc .border-0{border:0}
.product-advantage-desc .large-icon{border:0}
.product-advantage-desc .large-icon img{width:128px;}
.product-advantage-desc .list p{padding: 0 50px;}

.product-text-info p{display: block; margin:30px 20px; line-height: 25px; font-size: 14px;color: #666666;}

.product-functions{padding-top: 30px;}
.product-functions .list{height:120px;}
.product-functions .list h4{border-left:4px solid #0078D7;padding-left:10px; margin-left: 10px; line-height:18px;font-size: 18px;color: #000000;font-weight: normal;}
.product-functions .list p{padding:10px 15px 10px 25px;color: #666666; text-align: justify;word-break:break-all;line-height:24px;}

.product-pic-section img{width: 100%;}
.product-pic-section p{display: block;width: 80%;text-align: center;padding-bottom:30px; margin: 0 auto;color: #666666;font-size: 16px;}

.product-custom .list{margin:0 10px 10px 10px; background: #ffffff;padding:30px;position: relative; height: 340px;}
.product-custom .list img{width: 100%;}
.product-custom .list b{display: block;padding: 10px 0;font-size:18px; font-weight: normal;}
.product-custom .list p{color: #999999; }
.product-custom .list .bottom{position: absolute;bottom: 0;height:50px;color: #999999; line-height: 50px;border-top:1px dotted #dddddd;width: 100%; left:0;box-sizing:border-box;font-size: 12px;text-indent:30px}
.product-custom .list .bottom span{position: absolute;right:30px;top: 0;}
.product-custom .list .bottom a{color: #0078d7;}
.product-custom .list .bottom a:hover{color: #000000;}

.product-img-list{text-align: center;}
.product-img-list h4{font-size: 16px;padding-top:15px;}
.product-img-list p{display: block;padding:10px 15px 20px 15px;color: #666666;}
.product-img-list img{margin-top: 20px;width:60%;max-width: 180px;}

.product-buy .list{margin:0 10px 10px 10px;padding:30px 0 30px 40px;position: relative;border: 1px solid #dddddd;background: #ffffff;z-index: 0;}
.product-buy .list .title{ text-align: center;padding:20px 0 40px 0}
.product-buy .list .title h4{font-size:24px;color: #000000;font-weight: normal;}
.product-buy .list .title p{font-size: 12px;color: #666666;}
.product-buy .list .description{color: #999999;line-height: 30px;}
.product-buy .list .description i{font-size: 18px;color: #000000; font-style: normal;}
.product-buy .list .description span{font-size: 14px;color: #000000;}
.product-buy .list a{width: 136px; height: 40px;line-height: 40px; text-align: center;display: block;margin:40px auto 20px auto;}
.product-buy .list a.btn-free{ background: #0078D7;color: #ffffff;}
.product-buy .list a.btn-free:hover{background: #006ec5;}
.product-buy .list a.btn-buy{ background:#4AB10C;color: #ffffff;}
.product-buy .list a.btn-buy:hover{background: #40a503;}
.product-buy-cloudcard .list{padding-left:0;}
.product-buy-cloudcard .list .description{color: #999999;text-align: center;}
.product-buy-cloudcard .list .description img{width:80%;}
.product-buy-cloudcard .list .description i.price{color: #ff3300;font-weight: bold;font-size:24px;}


.product-buy .commend{position: relative;z-index: 100;}
.product-buy .commend .list{background: #0078d7;border:0; position: absolute;width: 110%;z-index: 10; left:-10%;top:-20px;padding:50px 40px;box-sizing:border-box;*width:370px;}
.product-buy .commend .list .title h4,.product-buy .commend .list .description span,.product-buy .commend .list .description i{color: #ffffff;}
.product-buy .commend .list .title p,.product-buy .commend .list .description{color: #96d1ff;}
.product-buy .commend .list a.btn-free{border:1px solid #ffffff;color: #ffffff;background: #0078D7;}
.product-buy .commend .list a.btn-free:hover{background: #006ec5;}

/*产品页新闻区*/
.product-news {padding-top:20px;}
.product-news b{font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;width:90%;}
.product-news .img-news .list {width: 90%;}
.product-news .img-news .list img{width: 100%;display: block;}
.product-news .img-news .list a.title{background:#333333;display: block; text-align: center;color: #ffffff;font-size: 18px;padding:20px 10px;}
.product-news .img-news .list a.title:hover{background: #0078d7;border-color:#0078d7;}
.product-news .img-news .list a p{display: block; padding: 5px;font-size: 12px; text-align: left;color: #999999;}
.product-news .img-news .list a p span{color: #666666;font-style: italic;}
.product-news .img-news .list a:hover p{color: #ffffff;}
.product-news .img-news .list a:hover p span{color:#add7ff}
.product-news ul li{display: block;margin-bottom:20px;padding:5px;}
.product-news ul li:hover{ background: #f5f5f5;}
.product-news ul li b{border-left:4px solid #0078d7; padding-left:10px;}
.product-news ul li a{display:block;color: #000000;font-size:18px;}
.product-news ul li a:hover{color: #0078d7;}
.product-news ul li a span{color:#999999;font-style:italic;font-size: 12px;display: block;padding-left:15px; padding-bottom: 5px;}
.product-news ul li a p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:15px;color:#333333;}
.product-news a.btn-more{height: 32px;line-height: 32px;background: #F5F5F5;border:1px solid #dddddd;display: block; text-align: center;}
.product-news a.btn-more:hover{color: #0078d7;border-color:#0078d7;background: #ffffff;}

.section-img-txt .img{width:50%; float: left; text-align: left;box-sizing:border-box;}
.section-img-txt .img img{width:80%;}
.section-img-txt .txt{width: 50%; float: right;font-size: 14px;color: #666666;padding:100px 30px 0 0;box-sizing:border-box;}
.section-img-txt .txt h4{font-size:24px;color: #000000; display: block;padding:10px 0; font-weight: normal;}
.section-img-txt .txt h4 i{display: block;font-size: 16px;font-weight: normal; font-style: normal;color: #999999;}
.section-img-txt .txt b{color: #000000;font-weight: normal;}
.section-img-txt .txt p{margin:10px 0;display: block;}



.section-img-right .img{float:right; text-align: right;}
.section-img-right .txt{float: left;padding:100px 0 0 30px;}

.section-img-txt-min .img{text-align: center;}
.section-img-txt-min .img img{width:50%; margin: 10px auto 20px 0;}
.section-img-txt-min .txt{font-size: 16px;padding-top:70px;}
.section-img-txt-min .txt h4{padding-left: 0; margin-bottom: 0;padding: 0;}
/*邮箱*/
.mail-banner{background-image: url(../img/banner-mail.jpg);}
.mail-service{height: 300px; background: url(../img/mail-service-bg.png) no-repeat top center;padding-top: 60px;}
.mail-service h2{color:#ffffff;}
.mail-service ul{position: relative;color: #ffffff;font-size: 16px; padding-left:200px; display: block;margin:30px 0 0 100px; }
.mail-service ul .img{position: absolute;left:0px;top:-10px;width:150px; text-align: center;font-size: 18px;}
.mail-service ul .img img{width: 110px;height: 110px;margin-top:10px;}
.mail-service ul li{position: relative;padding-left: 20px;display: block;height:30px; line-height:30px;}
.mail-service ul li span{color: #ffe400;font-size: 40px; display: inline-block;position: absolute;left:0;top: 0;}

/*云归档*/
.archive-banner{background-image: url(../img/banner-archive.jpg);}
.archive-text-info{background: url(../img/archive-info-bg.jpg); background-position: center center;}

/*云网关*/
.gateway-banner{background-image: url(../img/banner-gateway.jpg);}

/*网盘*/
.drive-banner{background-image: url(../img/banner-drive.jpg);}
.drive-function-img{width:70%; margin: 0 auto;padding-top:80px;}
.drive-function-img img{width: 100%;}

/*会议*/
.aftificial-flow{padding: 30px 0;}
.aftificial-flow h4{font-size: 16px;font-weight: normal;border-bottom:1px solid #0078d7;color:#0078d7; height:40px;line-height:20px;position: relative;}
.aftificial-flow h4 i{width: 10px;height:10px;border-radius: 20px;border:3px solid #0078D7;display: block;left:-5px;top:32px;background: #ffffff;position: absolute;}
.aftificial-flow h4 b{font-size: 22px;font-weight:normal;}
.aftificial-flow p{font-size: 14px;display: block;padding: 20px 20px 0 0;line-height:24px;}
.aftificial-flow p span{color: #0078D7;}
.aftificial-flow .line-h{height: 30px;}
.aftificial-flow .f2 h4,.aftificial-flow .f2 p span,.aftificial-flow .f2 h4 i{color: #40A503;border-color: #40A503;}
.aftificial-flow .f3 h4,.aftificial-flow .f3 p span,.aftificial-flow .f3 h4 i{color: #ff890b;border-color: #ff890b;}
.aftificial-flow .f4 h4,.aftificial-flow .f4 p span,.aftificial-flow .f4 h4 i{color: #00b2d8;border-color: #00b2d8}
.aftificial-flow .f5 h4,.aftificial-flow .f5 p span,.aftificial-flow .f5 h4 i{color: #099dfb;border-color: #099dfb}
.faq-list li{display: block;margin: 0 10px; padding:10px 10px 6px 10px;cursor: default;}
.faq-list li b{font-weight:normal;color:#333333;font-size: 14px;cursor:pointer;}
.faq-list li b:hover{color: #0078d7;}
.faq-list li b span{font-size:12px;display: inline-block;padding-right: 5px;color: #333333}
.faq-list li p{font-size: 14px;color: #666666;padding:5px 0 5px 12px;display: none;}
.faq-list li.cur{background: #f5f5f5;}
.faq-list li.cur b{font-weight: bold;cursor: default;}
.faq-list li.cur b:hover{color: #333333;}
.faq-list li.cur p{display: block;}

/*云卡*/
.cloudcard-footer{height:250px;background-image: url(../img/cloudcard-footer.jpg);padding-top: 100px;}
.cloudcard-footer p{text-align: center;font-size:20px;padding: 10px;font-weight: bold;}
.cloudcard-footer p .logo{width:30%; margin-top: 40px;}
.cloudcard-escort{display: none;}
.cloudcard-escort h2{ border-top: 5px solid #0078D7;width: 100%; padding:40px 0;margin-top: 20px;}
.cloudcard-escort .list{text-align: center;}
.cloudcard-escort .list h3{margin-bottom:10px;}
.cloudcard-escort .list img{width:60%;}

/*智能硬件*/
.hard-vcs6-banner{height:770px;background: url(../img/hard-vcs6-bannerbg.jpg) no-repeat top center; text-align: center;position: relative;padding-top: 100px;margin-top:0}
.hard-vcs6-banner h1{font-size: 48px;color:#0078D7; margin-top: 50px;}
.hard-vcs6-banner h2{font-size: 48px;color:#333333; font-weight: normal;}
.hard-vcs6-banner .r360{width: 525px;height:202px;background:url(../img/hard-vcs6-banner360.png) no-repeat center center;position: absolute; left:100px; top: 200px;}
.hard-vcs6-banner .threesixty{position:relative;overflow:hidden;margin:-140px auto 0 auto}.threesixty .threesixty_images{display:none;list-style:none;margin:0;padding:0;float: left;}.threesixty .threesixty_images img{position:absolute;top:0;width:100%;height:auto}.threesixty .threesixty_images img.previous-image{visibility:hidden;width:0}.threesixty .threesixty_images img.current-image{visibility:visible;width:100%}.threesixty .spinner{width:60px;display:block;margin:0 auto;height:30px;background:#333;background:rgba(0,0,0,.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.threesixty .spinner span{font-family:Arial,ms trebuchet,sans-serif;font-size:12px;font-weight:bolder;color:#fff;text-align:center;line-height:30px;display:block}.threesixty .nav_bar{position:absolute;top:10px;right:10px;z-index:11}.threesixty .nav_bar a{display:block;width:32px;height:32px;float:left;background:url(/assets/sprites.png) no-repeat;text-indent:-99999px}.threesixty .nav_bar a.nav_bar_play{background-position:0 0!important}.threesixty .nav_bar a.nav_bar_previous{background-position:0 -73px!important}.threesixty .nav_bar a.nav_bar_stop{background-position:0 -37px!important}.threesixty .nav_bar a.nav_bar_next{background-position:0 -104px!important}.threesixty:-webkit-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}.threesixty:-moz-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}
.hard-vcs6-banner .threesixty .tips{bottom:130px;color:#9da9af;position:absolute;left:50%;margin-left:-100px;}
.hard-vcs6-banner .vcs6{ text-align: center;margin-top:50px;}
.hard-vcs6-banner .desc{background:rgba(0,120,215,0.9); height: 200px;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #e6f4ff;line-height:26px;}
.hard-vcs6-banner .desc p{display: block; padding: 20px; margin-top:20px;}
.hard-vcs6-banner .desc img{width: 270px;}
.hard-vcs6-p1{height: 600px;background:url(../img/hard-vcs6-4.png) no-repeat center bottom #1f2f3c;position: relative;}
.hard-vcs6-p1 h2{font-size:36px;color:#ffffff; font-weight: normal; padding-bottom: 15px; margin-top: 100px;}
.hard-vcs6-p1 .desc{font-size: 16px; text-align: center;color: #ffffff;width:750px; margin: 0 auto;line-height:26px;}
.hard-vcs6-p1 .img{position: absolute;bottom: 0; width:100%;height:300px;width:1000px; left: 50%; margin-left:-500px;}
.hard-vcs6-p1 .quick-warp{width: 100%;position: relative;}
.hard-vcs6-p1 .quick-warp .hdmi{width: 88px;height:81px;background: #edca09; position: absolute;left:178px;top:11px; text-align:center; padding-top:20px;}
.hard-vcs6-p1 .quick-warp .hdmi-line{width: 311px;height: 58px;position: absolute;top: 28px;left: -145px;}
.hard-vcs6-p1 .quick-warp .dc{width:44px;height:37px;background: #edca09; position: absolute;right: 85px;top: 35px; text-align:center; padding-top:7px;}
.hard-vcs6-p1 .quick-warp .dc-line{width: 311px;height: 58px;position: absolute;top:46px;right: -235px;}
.hard-vcs6-p2{height: 485px;background: url(../img/hard-vcs6-10.jpg) no-repeat top center;position: relative;padding-top: 120px;}
.hard-vcs6-p2 .computer{position: absolute;bottom:-4px;left: 50%; margin-left: -700px;}
.hard-vcs6-p2 h2{font-size:36px;font-weight: normal;padding-bottom: 15px;}
.hard-vcs6-p2 .desc{font-size: 16px;width: 500px;line-height:26px;}
.hard-vcs6-p2 .screen{position: absolute;right: 50%;top: 146px;margin-right:-525px;}
.hard-vcs6-p2 .wifi{position: absolute; bottom:235px;left: 50%; margin-left: -280px;}
.hard-vcs6-p3{height:330px;background: url(../img/hard-vcs6-14.jpg) no-repeat top center;padding: 0; text-align: right; position: relative;padding-top: 240px;}
.hard-vcs6-p3 h2{font-size:36px;color:#FFFFFF; font-weight: normal; padding-bottom: 15px;}
.hard-vcs6-p3 .desc{font-size: 16px;color: #ffffff;width:550px;line-height:26px; float: right;}
.hard-vcs6-p3 .img{position: absolute;left:50%;top: 205px;margin-left: -380px;}

.hard-vcs6-p4{height:390px;background: url(../img/hard-vcs6-21.jpg) no-repeat top center;padding: 0; position: relative;padding-top: 240px;}
.hard-vcs6-p4 h2{font-size:36px;font-weight: normal; padding-bottom: 15px;}
.hard-vcs6-p4 .desc{font-size: 16px;width:550px;line-height:26px; }
.hard-vcs6-p4 .img{position: absolute;left:50%;width:700px; top:0px; margin-left: -100px;}
.hard-vcs6-p4 .img ul{display: block;width: 100%; position: relative;}
.hard-vcs6-p4 .img ul li{position: absolute;}
.hard-vcs6-p4 .img ul li.l1{top: 160px;left:50px;}
.hard-vcs6-p4 .img ul li.l2{top: 90px;left: 300px;}
.hard-vcs6-p4 .img ul li.l3{top: 145px;left: 560px;}
.hard-vcs6-p4 .img ul li.l4{top: 350px;left: 270px;}
.hard-vcs6-p4 .img ul li.l5{top: 400px;left: 540px;}

.hard-vcs6-p5{height:620px;background:url(../img/hard-vcs6-22.jpg) no-repeat center bottom #ffffff;position: relative; text-align: center; padding-top: 100px;}
.hard-vcs6-p5 h2{font-size:36px;font-weight: normal;padding-bottom: 15px;}
.hard-vcs6-p5 .desc{font-size: 16px;line-height:26px; margin: 0 auto;}
.hard-vcs6-p5 .country{background:#52abe9;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #e6f4ff;line-height:26px; padding:30px 0;}
.hard-vcs6-p5 .country{font-size: 14px;}
.hard-vcs6-p5 .country h3{font-size: 20px; padding-bottom:10px;}
.hard-vcs6-p5 .point{display: block;position: absolute;height: 200px;z-index: 100;}
.hard-vcs6-p5 .point ul{display: block;position: relative;}
.hard-vcs6-p5 .point li{background: #52abe9;width:12px;height:12px;border-radius:12px;display: block;position: absolute;}
.hard-vcs6-p5 .point li.l1{top: 115px;left: 200px;}
.hard-vcs6-p5 .point li.l2{top: 95px;left: 92px;}
.hard-vcs6-p5 .point li.l3{top: 182px;left: 308px;}
.hard-vcs6-p5 .point li.l4{top: 235px;left: 232px;}
.hard-vcs6-p5 .point li.l5{top: 200px;left: 635px;}
.hard-vcs6-p5 .point li.l6{top: 140px;left: 760px;}
.hard-vcs6-p5 .point li.l7{top: 260px;left: 815px;}
.hard-vcs6-p5 .point li.l8{top: 60px;left: 865px;}
.hard-vcs6-p5 .point li.l9{top: 116px;left: 1002px;}
.hard-vcs6-p5 .point li.l10{top: 130px;left: 1108px;}

.hard-vcs6-p6{height:390px;background:#142435;padding: 0; position: relative;padding-top: 240px;color: #ffffff;}
.hard-vcs6-p6 h2{font-size:36px;font-weight: normal; padding-bottom: 15px;}
.hard-vcs6-p6 .desc{font-size: 16px;width:550px;line-height:26px; }
.hard-vcs6-p6 .img{position: absolute;left:50%;width:700px; top:0px; margin-left:50px;}
.hard-vcs6-p6 .img ul{display: block;width: 100%; position: relative;}
.hard-vcs6-p6 .img ul li{position: absolute;}
.hard-vcs6-p6 .img ul li.l4{top:250px;z-index: 1;}
.hard-vcs6-p6 .img ul li.l3{top:200px;left: 170px; z-index: 10;}
.hard-vcs6-p6 .img ul li.l2{top:180px;left: 120px; z-index:20;}
.hard-vcs6-p6 .img ul li.l1{top:205px;left: 245px; z-index:30;}

.hard-vcs6-p7{height:auto;background:url(../img/hard-vcs6-26.jpg) no-repeat center top #ffffff;position: relative; text-align: center; padding: 100px 0 70px 0;}
.hard-vcs6-p7 h2{font-size:36px;font-weight: normal;padding-bottom: 15px;}
.hard-vcs6-p7 .product{padding:40px 0;}
.hard-vcs6-p7 .product .list img{width: 100%;}
.hard-vcs6-p7 .product .list h3{font-size: 30px;}
.hard-vcs6-p7 .product .list p{font-size: 16px;}
.hard-vcs6-p7 .advantage{border-top:1px solid #dddddd; margin-top:30px;padding-top:30px;padding-bottom:60px;}
.hard-vcs6-p7 .advantage div{text-align: left;}
.hard-vcs6-p7 .advantage div p{display: block; position: relative;padding:10px 0 20px 50px;}
.hard-vcs6-p7 .advantage div p i{border:2px solid #0078d7;width:32px;height: 32px;border-radius: 32px;display: inline-block; text-align: center;line-height: 32px;color: #0078d7;position: absolute;left:0;top:5px;font-style:normal;font-size:20px;}

/*VCX-3*/
.hard-vcs3-banner{height:700px;background: url(../img/hard-vcs3-bannerbg.jpg) no-repeat top center; text-align: center;position: relative;padding-top: 100px;margin-top:0;overflow: hidden;}
.hard-vcs3-banner h1{font-size: 48px;color:#0078D7; margin-top:80px;}
.hard-vcs3-banner h2{font-size: 36px;color:#333333; font-weight: normal;}
.hard-vcs3-banner .pic1{width:400px;position:absolute;left: 50%; margin-left: -350px;top: 20px;z-index: 20;}
.hard-vcs3-banner .pic2{width:300px;position:absolute;left: 50%; margin-left:0px;top:80px;z-index: 10;}
.hard-vcs3-banner .advantage li{width:50%;display: block; text-align: center;float: left;margin-top: 40px;}
.hard-vcs3-banner .advantage li span{width:90px;height: 90px;display:inline-block;border-radius: 10px;background: #e8f1f6;}
.hard-vcs3-banner .advantage li strong{color: #000000;font-size:18px;font-weight: normal;display: block;padding:5px 0;}
.hard-vcs3-banner .advantage li p{width:85%;display:inline-block;font-size: 14px;color: #666666;}
.hard-vcs3-banner .advantage .icon img{width:100%;}

.hard-vcs3-title{font-size: 36px;color: #000000;font-weight: normal;margin:90px 0 30px 0;}
.hard-vcs3-desc{color:#999999;font-size: 14px;}
.hard-vcs3-desc i{position: absolute;left: 0;top:3px;width: 4px;height: 35px;border-radius: 4px;background: #2da2ff;}
.hard-vcs3-desc strong{font-size: 16px;color: #000000;font-weight: normal;}
.hard-vcs3-desc li{margin-bottom: 20px;display: block;position: relative;padding-left:20px;}
.hard-vcs3-icons li{width: 64px;height: 64px;background-image:url(../img/hard-vcs3-icons.png);background-repeat: no-repeat;background-size:640px 64px;display: inline-block;border-radius: 5px;border: 1px solid #969fa9;margin-right: 10px;}
.hard-vcs3-icons{margin-top:30px;}
.hard-vcs3-icons li.icon1{background-position:0 0;}
.hard-vcs3-icons li.icon2{background-position:-64px 0;}
.hard-vcs3-icons li.icon3{background-position:-128px 0;}
.hard-vcs3-icons li.icon4{background-position:-192px 0;}
.hard-vcs3-icons li.icon5{background-position:-256px 0;}
.hard-vcs3-icons li.icon6{background-position:-320px 0;}
.hard-vcs3-icons li.icon7{background-position:-384px 0;}
.hard-vcs3-icons li.icon8{background-position:-448px 0;}
.hard-vcs3-icons li.icon9{background-position:-512px 0;}
.hard-vcs3-icons li.icon10{background-position:-576px 0;}
.hard-vcs3-p2{height:600px;background: url(../img/hard-vcs3-p2-bg.jpg) no-repeat top center;overflow: hidden;}
.hard-vcs3-p3{height:600px;background: url(../img/hard-vcs3-p3-bg.jpg) no-repeat top center;overflow: hidden;}
.hard-vcs3-p3 .hard-vcs3-title{margin-top:120px;}
.hard-vcs3-p3 .pics{position: relative; margin-top: 100px;}
.hard-vcs3-p3 .pics .pic1{position: absolute;left:253px;top:240px;}
.hard-vcs3-p3 .pics .pic2{position: absolute;left: -50px;top: 200px;}
.hard-vcs3-p3 .pics .pic3{position: absolute;left: 371px;top:52px;z-index: 20;}
.hard-vcs3-p3 .pics .pic4{position: absolute;left: 348px;top:20px;z-index: 10;}

.hard-vcs3-p4{height:600px;background: url(../img/hard-vcs3-p4-bg.jpg) no-repeat top center;overflow: hidden;}
.hard-vcs3-p4 .hard-vcs3-title,.hard-vcs3-p4 .hard-vcs3-desc strong{color: #ffffff;}
.hard-vcs3-p4 .hard-vcs3-desc{color: #aaaaaa;}
.hard-vcs3-p4 .hard-vcs3-title{margin-top:120px;}
.hard-vcs3-p4 .pics{position: relative; margin-top: 100px;}
.hard-vcs3-p4 .pics .pic1{position: absolute;left:-20px;top:32px;z-index:10;}
.hard-vcs3-p4 .pics .pic2{position: absolute;left:250px;top:90px;z-index:20;}
.hard-vcs3-p4 .pics .pic3{position: absolute;left:220px;top:220px;z-index:30;}
.hard-vcs3-p4 .pics .pic4{position: absolute;left:280px;top:277px;z-index:40;}

.hard-vcs3-p5{height:600px;background: url(../img/hard-vcs3-p5-bg.jpg) no-repeat top center;overflow: hidden;}
.hard-vcs3-p5 .hard-vcs3-title{margin-top:140px;}
.hard-vcs3-p5 .pics{position: relative; margin-top: 100px;}
.hard-vcs3-p5 .pics .pic1{position: absolute;left:190px;top:60px;z-index:10;}
.hard-vcs3-p5 .pics .pic2{position: absolute;left:-20px;top:5px;z-index:20;}

.hard-vcs3-p6{height:600px;background: url(../img/hard-vcs3-p6-bg.jpg) no-repeat top center;overflow: hidden;}
.hard-vcs3-p6 .hard-vcs3-title{margin-bottom:10px;color: #ffffff; text-align: center;}
.hard-vcs3-p6 .hard-vcs3-desc{color: #aaaaaa;text-align: center;}
.hard-vcs3-p6 .icons{padding-top:40px;}
.hard-vcs3-p6 .icons .icon{background:rgba(0,0,0,0.5);width:90%;text-align: center;color:#ffffff;padding:20px 0;margin:5px auto;}
.hard-vcs3-p6 .icons .icon span{background-image:url(../img/hard-vcs3-icons2.png);background-repeat: no-repeat;background-size:1000px 80px;display: inline-block;width: 100px;height: 80px;}
.hard-vcs3-p6 .icons .icon .icon1{background-position:0 0;}
.hard-vcs3-p6 .icons .icon .icon2{background-position:-100px 0;}
.hard-vcs3-p6 .icons .icon .icon3{background-position:-200px 0;}
.hard-vcs3-p6 .icons .icon .icon4{background-position:-300px 0;}
.hard-vcs3-p6 .icons .icon .icon5{background-position:-400px 0;}
.hard-vcs3-p6 .icons .icon .icon6{background-position:-500px 0;}
.hard-vcs3-p6 .icons .icon .icon7{background-position:-600px 0;}
.hard-vcs3-p6 .icons .icon .icon8{background-position:-700px 0;}
.hard-vcs3-p6 .icons .icon .icon9{background-position:-800px 0;}
.hard-vcs3-p6 .icons .icon .icon10{background-position:-900px 0;}

.hard-vcs3-p7{background:#f2fcff;overflow: hidden;padding-bottom:50px;}
.hard-vcs3-p7 .hard-vcs3-title{margin-bottom:10px;text-align: center;}
.hard-vcs3-p7 .hard-vcs3-desc{text-align: center;}
.hard-vcs3-p7 .pics .pic{text-align: center;position: relative;width:90%;margin: 10px auto;}
.hard-vcs3-p7 .pics .pic img{width: 100%;line-height: 0;}
.hard-vcs3-p7 .pics .pic i{position: absolute;z-index: 10;height: 40px;background:rgba(0,120,215,0.9);width: 100%;bottom:4px;color: #ffffff;font-style: normal;line-height: 40px;}

/*云视*/
.cloudv-banner{background-color:#29588c;overflow: hidden;background: linear-gradient(to right, #0b416f 0%,#027aff 100%);}
.cloudv-banner .main-warp{position:relative;}
.cloudv-banner .main-warp .pic{position: absolute;right: 0;top: 0;}
.cloudv-banner .main-warp .pic img{position: absolute;right: 0;top: 0;}
.cloudv-banner .main-warp .pic img.logo{right:250px;top:190px;z-index:20;}
.cloudv-banner .main-warp .pic img.bg{top:10px;}
.cloudv-banner .main-warp .pic img.hard1{top:25px;right:75px;}
.cloudv-banner .main-warp .pic img.hard2{top:95px;right: 179px;}
.cloudv-banner .main-warp .pic img.hard3{top:45px;right: 70px;}

.cloudv-p1 .list {border:1px solid #dddddd;border-radius:10px;margin:10px 30px;overflow: hidden;}
.cloudv-p1 .list img{width: 100%;}
.cloudv-p1 .list h4{text-align: center;font-size: 16px;padding-top: 20px;}
.cloudv-p1 .list p{display: block;margin: 20px;min-height:50px;}
.section-img-txt .txt .cloudv-h4 b{font-size:32px; font-weight: bold;display: inline-block;padding-bottom: 10px;}

/*Banner*/
.training-banner{background-image: url(../img/banner-training.jpg);}
.doubleTeacher-banner{background-image: url(../img/banner-doubleTeacher.jpg);}
.eschool-banner{background-image: url(../img/banner-eschool.jpg);}
.famousTeacher-banner{background-image: url(../img/banner-famousTeacher.jpg);}
.famousSchool-banner{background-image: url(../img/banner-famousSchool.jpg);}
.wisdomEducation-banner{background-image: url(../img/banner-wisdomEducation.jpg);}
.emergencyTeaching-banner{background-image:url(../img/banner-emergencyTeaching.png);}
.parentsCommittee-banner{background-image:url(../img/banner-parentsCommittee.png);}
.largeClass-banner{background-image: url(../img/banner-largeClass.png);}
.smallClass-banner{background-image: url(../img/banner-smallClass.png);}
.financial-banner{background-image: url(../img/banner-financial.jpg);}
.financial-function-img{width:100%; margin: 0 auto;padding-top:20px;}
.financial-function-img img{width: 100%;}
.cloudcard-banner{background-image: url(../img/banner-cloudcard.jpg);}
.marketing-banner{background-image: url(../img/banner-marketing.jpg);}
.live-banner{background-image: url(../img/banner-live.jpg);}
.live2-banner{background-image: url(../img/banner-live2.jpg);}
.standardconference-banner{background-image: url(../img/banner-standardconference2.jpg);}
.webconference-banner{background-image: url(../img/banner-webconference.jpg);}
.videoconference-banner{background-image: url(../img/banner-videoconference2.jpg);}
.artificial-banner{background-image: url(../img/banner-artificial.jpg);}
.webinar-banner{background-image: url(../img/banner-webinar.jpg);}
.enterprise-banner{background-image: url(../img/banner-enterprise.jpg);}
.event-banner{background-image: url(../img/banner-event.jpg);}
.annual-banner{background-image: url(../img/banner-annual.jpg);}
.meeting-banner{background-image: url(../img/banner-meeting.jpg);}
.mobile-banner{background-image: url(../img/banner-mobile.jpg);}
.blog-banner{background-image: url(../img/banner-blog.jpg);}
.blog-detail-banner{background-image: url(../img/banner-blog-detail.jpg);}
.about-banner{background-image: url(../img/banner-about.jpg);}
.help-banner{background-image: url(../img/banner-help.png);}
.solution-edu-banner{background-image: url(../img/banner-solution-edu.jpg);}
.solution-finance-banner{background-image: url(../img/banner-solution-finance.jpg);}
.solution-medical-banner{background-image: url(../img/banner-solution-medical.jpg);}
.solution-event-banner{background-image: url(../img/banner-solution-event.jpg);}
.solution-school-banner{background-image: url(../img/banner-solution-school.jpg);}
.em-banner{background-image: url(../img/banner-em.jpg);}
.hybridcloud-banner{background-image: url(../img/banner-hybridcloud.jpg);}
.news-banner{background-image: url(../img/banner-news.jpg);}
.joinus-banner{background-image: url(../img/banner-joinus.jpg);}
.contact-banner{background-image: url(../img/banner-contact.jpg);}

/*解决方案*/
.solution-text-info{background: url(../img/solution-eduinfo-bg.jpg); background-position: center center; text-align: center;font-size:16px}
.solution-text-info p{display: block;padding:50px 20px;}
.solution-nav{width: 100%;height:180px;z-index: 100;background-image: url(../img/banner-help.png);position: static;-webkit-transition-property:height;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.solution-nav h3{font-size: 26px;font-weight: normal;padding-top:75px; display: block;color: #ffffff;}
.solution-nav ul{display: block;padding-top: 75px;}
.solution-nav ul li{height: 40px;line-height: 40px;text-align: center;display: inline-block;*display:inline;zoom:1;margin-right:10px;}
.solution-nav ul li a{display: block;height: 40px;font-size: 16px;padding: 0 30px;background: #ffffff;}
.solution-nav ul li a:hover{background:#EFF8FF;}
.solution-nav ul li a.cur{background:#0078d7;color: #ffffff;}
.follow-fixed{position: fixed;height:140px;-webkit-transition-property:height;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}

.solution-company{padding-top: 20px;}
.solution-company .info{padding-right:40px;font-size: 14px;}
.solution-company h3{font-size:font-size:24px}
.solution-company .info .logo{text-align: center;border: 1px solid #dddddd;margin-bottom: 10px;line-height: 0;}
.solution-company .info .logo img{width: 100%;}
.solution-company .info .desc{color: #666666;}
.solution-company .info .desc b{color: #000000;}
.solution-company .info .icon{padding-top: 20px;}
.solution-company .info .icon ul li{display: block;float: left;width:20%; text-align: center;font-size: 12px;}
.solution-company .info .icon ul li img{width:80%;}
.solution-company .info .icon i{display: block;font-style: normal;padding:0 0 8px 8px;font-size: 16px;}
.solution-company .solution{padding-left:40px;}
.solution-company .solution h4{padding:8px 15px; line-height:18px;font-size: 16px;color: #ffffff;background:#0078d7;font-weight: normal;display: inline-block; border-radius:3px;}
.solution-company .solution .h4-red{background: #f35b3c}
.solution-company .solution p{padding:10px 15px 10px 0px;color: #666666; text-align: justify;word-break:break-all;line-height:24px;}
.solution-company .solution b{font-size: 16px;color: #000000;display:inline-block;padding-bottom:5px;}
.solution-event-p1{background: url(../img/solution-event-p1.jpg) no-repeat top center;}
.solution-event-p1 img{width: 100%; margin-bottom: 30px;}
.solution-event-p1 em{border-left: 4px solid #0078D7;padding-left: 10px;margin-left: 10px;line-height:20px;font-size: 16px;color: #000000;font-weight: normal;display: block;font-style: normal;}
.solution-event-part .section-img-txt .img img{width: 90%;}
.solution-event-part a.btn-free{font-size: 14px;height: 30px;line-height:28px;display:inline-block;color: #0078D7;border: 1px solid #0078D7;padding:5px 20px; margin-top: 10px;}
.solution-event-part a.btn-free:hover{color: #ffffff;border: 1px solid #0078D7;background: #0078d7;}

/*下载*/
.download-banner{background-image: url(../img/banner-download.jpg);}
.download-list{background: #ffffff; padding:55px 45px 20px 45px; margin-bottom: 30px;box-sizing:border-box;}
.download-list .info {padding-left:90px;font-size: 14px;position: relative;}
.download-list .info img{position: absolute;width: 72px;height: 72px;left:0px;top: 0;}
.download-list .info h4{color:#000000;font-size:24px;font-weight: normal;}
.download-list .info p{color: #999999;}
.download-list .list{padding-top: 30px;padding-left:90px;}
.download-list .list a.btn-down{width: 130px;height: 30px; line-height:30px; text-align: center;font-size: 14px;border:1px solid #0078D7; display:inline-block; margin-right:10px;color:#0078D7;}
.download-list .list a.btn-down:hover{color: #ffffff;background: #0078d7;}
.download-list .list p{font-size: 12px;color: #999999;padding-top: 20px;}
.download-list .list p a{color: #0078d7; display: inline-block;margin-top: 10px;}
.download-list .list p a:hover{text-decoration: underline;}
.download-list .list .qr-code{margin-top: 10px;}
.download-list .middle-line span{height:200px;border-right:1px dotted #dddddd;margin-left:20px;width:1px;display: block;}

/*博客*/
.blog-list{margin: 15px;}
.blog-list .img{width:100%;height: 200px;background: #0078d7;background-position: center center;border-radius: 5px 5px 0 0;background-size:100%;-webkit-transition-property: background-size;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;position: relative;}
.blog-list .img i{width: 50px;height: 50px; display: block;position: absolute;left:20px;bottom:20px;background-repeat: no-repeat;background-size:100%;}
.blog-list .img i.video{background-image:url(../img/blog-icon-video.png);}
.blog-list .txt{border:1px solid #dddddd;border-top:0;padding: 10px 10px 20px 10px}
.blog-list .txt h4{color: #000000;font-size: 16px;font-weight: normal;padding:10px 0;height: 22px; overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.blog-list .txt p{color: #999999;font-size: 12px;display: block;height:36px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.blog-list:hover{margin: 5px 15px 25px 15px;-webkit-transition-property: margin;-webkit-transition-duration:0.2s;-webkit-transition-timing-function: ease;}
.blog-list:hover .img{background-size: 110%;-webkit-transition-property: background-size;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;}
.blog-list:hover .txt{border-color: #0078d7;}

.blog-detail{padding:70px 50px;background: #ffffff;}
.blog-detail h1{text-align: left;width: 100%;padding-bottom:10px;font-size:26px;color: #000000;font-weight: normal;}
.blog-detail h2{text-align: left;width: 100%;padding-bottom:10px;}
.blog-detail .time{color: #999999;font-size: 12px;border-bottom:1px solid #dddddd;padding-bottom: 10px;}
.blog-detail .desc{font-size: 12px;color: #999999;padding:20px;background: #f5f5f5; margin: 20px 0;line-height: 24px;}
.blog-detail .desc b{color: #000000;font-weight: normal;}
.blog-detail .content{line-height:32px;font-size: 16px;}
.blog-detail .content p{margin-bottom: 16px;display: block;color: #333333;}
.blog-detail .content img{margin: 0 auto;max-width:60%;}
.blog-detail .content strong{font-size:20px;margin-top:20px;color: #000000;}
.blog-detail .recommend-news{border-top:1px dotted #dddddd;margin-top:60px;padding-top: 20px;}
.blog-detail .recommend-news ul li strong{color:#333333;}
.blog-detail .recommend-news ul li{color:#999999;display:block;padding:10px 0;}
.blog-detail .recommend{padding-top: 30px;}
.blog-detail .recommend li{width: 32%;margin: 10px 10px 0 0;float: left; background: #f5f5f5;}
.blog-detail .recommend li a{display: block;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.blog-detail .share{border-top:1px solid #dddddd;margin-top:40px;padding-top:20px; text-align: center;vertical-align: top;height: 50px;display:none}
.blog-detail .share a{height: 64px;width: 64px;display: inline-block;float: right;margin:6px;}
.blog-detail .share span{height: 64px;width: 64px;display: inline-block;line-height: 64px;color: #999999;float: right;}
.blog-detail .share .bds_button_more{background-image: url(../img/share-icon-weixin.png);background-size: 100%;background-position: 0 0;}
.blog-detail .share .bds_button_weixin{background-image: url(../img/share-icon-weixin.png);background-size: 100%;background-position: 0 0;}
.blog-detail .share .bds_button_weixin:hover{background-image: url(../img/share-icon-weixin-hover.png);background-position: 0 0;}
.blog-detail .share .bds_button_tsina{background-image: url(../img/share-icon-weibo.png);background-size: 100%;background-position: 0 0;}
.blog-detail .share .bds_button_tsina:hover{background-image: url(../img/share-icon-weibo-hover.png);background-position: 0 0;}
.blog-detail .share .bds_button_more{background-image: url(../img/share-icon-more.png);background-size: 100%;background-position: 0 0;}

.new_page{display: block; text-align: center;padding: 30px 0;}
.new_page a{display: inline-block;padding:5px 20px; text-align: center;border:1px solid #0078d7;color:#0078d7;margin: 0 5px}
.new_page a:hover{color: #ffffff; background: #0078d7;}
.new_page select{border:1px solid #dddddd;}

/*新闻*/
.news-list{padding:10px;background: #ffffff;}
.news-list li{display: block;border-bottom:1px solid #dddddd;padding:30px 0; text-align: left;min-height:120px;}
.news-list li h3{text-align:left;padding:0 0 10px 0;border-bottom:0;margin-bottom: 0;font-size:24px;color: #000000;}
.news-list li h3 a{font-size:24px;color: #000000;text-align: left;}
.news-list li .desc a{color:#666666 ;display: inline-block;padding-bottom:10px;}
.news-list li h3 a:hover,.news-list li .desc a:hover{color:#0078D7;}
.news-list li .time{color: #999999;font-size: 12px;}
.news-list .border-0{border:none;}
.news-nav{display: block;position: absolute; bottom: -50px;font-size: 12px;color: #999999;}
.news-nav li{display:inline-block;float: left;}
.news-nav a{color: #333333;text-decoration: none;}
.news-nav a:hover{color: #0078D7;}

/*关于*/
.about-ry{overflow-x: scroll;}
.about-info{padding:5px 10px;}
.about-info img{width: 100%;}

/*帮助*/
.helpcenter-bg{background: url(../img/help-bg.png) top center no-repeat;min-height: 400px;}
.helpcenter-bg .iframe-box{padding:15px;position: relative;height:510px;width:610px;overflow:hidden;}
.helpcenter-bg .iframe{padding: 0;width: 1500PX;height:600px;margin-left: -445px;margin-top:-45px;}
.helpcenter-bg .service-info{background: #ffffff;padding:20px;color: #666666; margin-bottom:10px;overflow: hidden;position:relative;}
.helpcenter-bg .service-info b{font-size: 16px;font-weight:normal;color: #000000;}
.helpcenter-bg .service-info h2{font-size: 18px;padding:10px 0 0px 0;text-align: left;width: 100%;}
.helpcenter-bg .service-info .bg-yun-1{background: url(../img/help-yun-1.png) no-repeat;width:100px;height: 132px;background-size:100%;position: absolute;bottom: -40px;right: 20px;}
.helpcenter-bg .service-info .bg-yun-2{background: url(../img/help-yun-2.png) no-repeat;width:100px;height: 182px;background-size:100%;position: absolute;bottom: -40px;right: 20px;}
.helpcenter-bg .service-info .bg-yun-3{background: url(../img/help-yun-3.png) no-repeat;width:100px;height: 157px;background-size:100%;position: absolute;bottom: -40px;right: 20px;}

.helpcenter-product-service{width:800px; position:fixed;z-index: 20000;left: 50%;top:80px;height: 80%; margin-left: -400px; background: #ffffff;display: none;}
.helpcenter-product-service h2{ text-align: center;font-size:24px;padding:30px 0 20px 0;position: relative;}
.helpcenter-product-service .con{height:78%; overflow: auto;}

.helpcenter-product-service .con b{display: block; font-weight: normal;font-size: 18px; padding: 10px 0 10px 0; text-align: center;background: #0078d7;width: 700px; margin: 10px auto;color:#ffffff}
.helpcenter-product-service .btn-close{width:30px;height:30px;display:block;background:url(../img/btn-fixed-close.png);background-size:100%;position:absolute;right: 20px;top: 20px;cursor:pointer;z-index: 100;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close.png', sizingMethod='scale');}
.helpcenter-product-service .btn-close:hover{background:url(../img/btn-fixed-close-hover.png);background-size:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close-hover.png', sizingMethod='scale');}

.helpcenter-video{background:url(../img/helpcenter-video-bg.jpg) top center;margin: 80px;padding: 0;}
.helpcenter-video .box{height: 460px;width: 840px;float: right;background: #008cff;margin:250px 80px 100px 0; border-radius:30px;position: relative;}
.helpcenter-video .box .left-img{position: absolute;width:525px;height:680px;background:url(../img/helpcenter-video-left.png);top:-120px;left: -270px;}
.helpcenter-video .box .title{margin:80px 0 45px 200px;}
.helpcenter-video .box .warnning{width: 375px;height:105px;border-radius:15px; margin:15px 0 0 230px; background:url(../img/helpcenter-video-warning.png) no-repeat #ff7e00;background-position:30px 30px;color: #ffffff;font-size: 16px; padding:25px 0 0 145px;position: relative; display: none;}
.helpcenter-video .box .warnning span{display: block;font-size:48px;line-height: 48px;padding-top: 12px;}
.helpcenter-video .box .warnning i{font-size: 18px;font-style: normal; display: block;padding-top: 12px;line-height:30px;}
.helpcenter-video .box .warnning .countdown{position: absolute;bottom: 40px;color: #ff7e00;background: #fff600;width: 45px;height: 45px;line-height: 45px;text-align: center;font-size: 45px;font-weight: bold;left: 43px;display: none;}
.helpcenter-video .box .join .submit{width: 390px;height: 75px;line-height: 75px; color: #000000;font-size:32px;background: linear-gradient(#ffffff,#e7e7e7);box-shadow:0 3px 6px 0 rgba(0,0,0,.15);display: block;margin: 20px 0 0 300px;border-radius: 10px; text-align: center;}
.helpcenter-video .box .join em{display: inline-block;height: 26px; line-height: 26px;padding-left:30px;background: url(../img/helpcenter-video-clock.png) no-repeat left center; margin-left:285px; color:#96D1FF;font-style: normal;font-size: 16px;margin-top:30px;}
.helpcenter-video .box .join .form{margin-left: 300px;margin-top: -200px;display: none;}
/*右侧悬浮客服*/
a.btn-urgent{width:44px;padding:5px 0;background:#FF3300;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);display: block;font-size: 14px;color: #ffffff;position:fixed;right:20px;z-index:110;margin-bottom: -220px;bottom: 50%; text-align: center;border-radius: 22px;}
a.btn-urgent:hover{background: #e72e00;}

.right-service{position: fixed;right:20px;bottom: 50%; margin-bottom: -85px;z-index: 100;}
.right-service .btn{width:44px;height:145px;background:#00aeff;background: linear-gradient(#00aeff,#0078d7);text-align: center;color: #ffffff;font-size: 14px;line-height:16px;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);cursor: default;}
.right-service .btn span{width:26px;height:26px;display: inline-block;margin:10PX 0;}
.right-service .btn span img{width: 100%;}
.right-service .btn:hover{background:#0078d7;background: linear-gradient(#0078d7,#00aeff);}


.right-service .service-detail{position: relative;}
.right-service .service-box{visibility:visible!important;bottom:0;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);display: none;}
.right-service .service-box{box-sizing:border-box;position:absolute;bottom:0;width:260px;min-height:50px;padding:30px 20px;background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);z-index:4;bottom:-10;right:52px;}
.right-service .service-box .box-close{position: absolute;right: 15px;top: 10px;cursor: pointer;width: 30px;height: 22px;padding-top: 8px;text-align: center;}
.right-service .service-box .box-close img{width:14px;opacity:0.5;}
.right-service .service-box .box-close:hover img{opacity:1;}
.right-service .service-box .content{min-height:24px;padding-left:0;transition:all .3s;transition-delay:.1s}
.right-service .service-box .content li{list-style:none;margin-bottom:20px}
.right-service .service-box .content li:last-of-type{margin-bottom:0}
.right-service .service-box .content .content-icon{width:40px;height:40px;display:inline-block;vertical-align:top;float: left;}
.right-service .service-box .content .content-icon img{width:100%}
.right-service .service-box .content .content-main{display:inline-block;vertical-align:top;margin-left:12px;float: left;}
.right-service .service-box .content .content-main .content-title{font-size: 14px;color: #000000;}
.right-service .service-box .content .content-main .content-desc{font-size: 12px;color: #999999;}
.right-service .service-box .content .content-main .content-phone{font-size: 18px;padding-bottom: 10px;}
.right-service .service-box .content .content-main a .content-title{text-decoration:none;color:#0078d7;}


.right-bar{position: fixed;right:20px;bottom: 50%; margin-bottom: 50px;z-index: 100;}
.right-bar .warp{position: relative;}
.right-bar .warp a{background-color:rgba(20,35,50,0.7); display: block;width:44px; height: 44px; margin-bottom: 10px;border-radius:22px;box-shadow:0 1px 3px rgba(0,0,0,.2);position:absolute;right: 0;-webkit-transition-property:width background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;background-size:44px 44px;background-repeat: no-repeat;overflow:hidden;white-space:nowrap;}
.right-bar .warp a:hover{width:80px;-webkit-transition-property:width background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;background-color:#0078d7;padding-left:50px;background-position-x:5px;}
.right-bar .warp a span{display: none;font-size:16px;color: #ffffff;line-height: 44px;}
.right-bar .warp a i{position: absolute;width:34px;height: 17px;background-size: 34px 17px;display: block;top:-7px;right: -12px;background-repeat:no-repeat;}
.right-bar .warp a i.icon-new{background-image:url(../img/icon-rightbar-new.png);}
.right-bar .warp a i.icon-service{background-image:url(../img/icon-rightbar-service.png);}
.right-bar .warp a:hover span{display: block;}
.right-bar .warp a.btn-free{top: 54px;background-repeat: no-repeat;background-image: url(../img/right-bar-free.png);animation: frame 6000ms steps(1,end) both infinite;background-size: auto;background-color:transparent;box-shadow: none;}
.right-bar .warp a.btn-free:hover{background-image: none;background-color:#0078d7;background-image:url(../img/icon-rightbar-free.png);animation-play-state:paused;background-size: 44px 44px; background-position:0 0;animation:frame2 1ms}
.right-bar .warp a.btn-videoservice{top:54px;display:none;background-image:url(../img/icon-rightbar-video.png);overflow: visible;}
.right-bar .warp a.btn-videoservice:hover{}
.right-bar .warp a.btn-online{top:162px;background-image:url(../img/icon-rightbar-server.png);overflow:visible;}
.right-bar .warp a.btn-call{top:108px;background-image:url(../img/icon-rightbar-call.png);}
.right-bar .warp a.btn-call:hover{width:205px;}
@keyframes frame {
0% {background-position:0 0;}1.3% {background-position:-44px 0;}2.6% {background-position:-88px 0;}3.9000000000000004% {background-position:-132px 0;}5.2% {background-position:-176px 0;}6.5% {background-position:-220px 0;}7.800000000000001% {background-position:-264px 0;}9.1% {background-position:-308px 0;}10.4% {background-position:-352px 0;}11.700000000000001% {background-position:-396px 0;}13% {background-position:-440px 0;}14.3% {background-position:-484px 0;}15.600000000000001% {background-position:-528px 0;}16.900000000000002% {background-position:-572px 0;}18.2% {background-position:-616px 0;}19.5% {background-position:-660px 0;}20.8% {background-position:-704px 0;}22.1% {background-position:-748px 0;}23.400000000000002% {background-position:-792px 0;}24.7% {background-position:-836px 0;}26% {background-position:-880px 0;}27.3% {background-position:-924px 0;}28.6% {background-position:-968px 0;}29.900000000000002% {background-position:-1012px 0;}31.200000000000003% {background-position:-1056px 0;}32.5% {background-position:-1100px 0;}33.800000000000004% {background-position:-1144px 0;}35.1% {background-position:-1188px 0;}36.4% {background-position:-1232px 0;}37.7% {background-position:-1276px 0;}39% {background-position:-1320px 0;}40.300000000000004% {background-position:-1364px 0;}41.6% {background-position:-1408px 0;}42.9% {background-position:-1452px 0;}44.2% {background-position:-1496px 0;}45.5% {background-position:-1540px 0;}46.800000000000004% {background-position:-1584px 0;}48.1% {background-position:-1628px 0;}49.4% {background-position:-1672px 0;}50.7% {background-position:-1716px 0;}52% {background-position:-1760px 0;}53.300000000000004% {background-position:-1804px 0;}54.6% {background-position:-1848px 0;}55.9% {background-position:-1892px 0;}57.2% {background-position:-1936px 0;}58.5% {background-position:-1980px 0;}59.800000000000004% {background-position:-2024px 0;}61.1% {background-position:-2068px 0;}62.400000000000006% {background-position:-2112px 0;}63.7% {background-position:-2156px 0;}65% {background-position:-2200px 0;}66.3% {background-position:-2244px 0;}67.60000000000001% {background-position:-2288px 0;}68.9% {background-position:-2332px 0;}70.2% {background-position:-2376px 0;}71.5% {background-position:-2420px 0;}72.8% {background-position:-2464px 0;}74.10000000000001% {background-position:-2508px 0;}75.4% {background-position:-2552px 0;}76.7% {background-position:-2596px 0;}78% {background-position:-2640px 0;}79.3% {background-position:-2684px 0;}80.60000000000001% {background-position:-2728px 0;}81.9% {background-position:-2772px 0;}83.2% {background-position:-2816px 0;}84.5% {background-position:-2860px 0;}85.8% {background-position:-2904px 0;}87.10000000000001% {background-position:-2948px 0;}88.4% {background-position:-2992px 0;}89.7% {background-position:-3036px 0;}100% {background-position:-3080px 0;}
}

a.backToTop{position:fixed;width:44px; height:44px;border:0;bottom:50px;right:20px;background-color:#444;background-color:rgba(20,35,50,0.7);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition-property:background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;display: none;border-radius:22px;z-index:1000;}
a.backToTop:hover{border:0;background-color:#0078d7;-webkit-transition-property:background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
a.backToTop img{width: 100%;}

/*浮窗*/
.overlay{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;opacity:0.5;filter:Alpha(Opacity=50);display:none;_position:absolute;z-index:15000;}
.fixed-box{width:710px;/*height:570px;*/background:#fff;position:fixed;top:50%;left:50%;margin:-210px 0 0 -355px;_margin:-180px 0 0 -355px;z-index:20000;display:none;_position:absolute;padding:0 10px 4px 10px;box-sizing:border-box;}
.fixed-box .btn-close{width:30px;height:30px;display:block;background:url(../img/btn-fixed-close.png);background-size:100%;position:absolute;right: 20px;top: 20px;cursor:pointer;z-index: 100;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close.png', sizingMethod='scale');}
.fixed-box .btn-close:hover{background:url(../img/btn-fixed-close-hover.png);background-size:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close-hover.png', sizingMethod='scale');}
.fixed-box h4{font-size: 18px;height: 60px;line-height: 60px;font-weight: normal; text-align: center;margin-top: 20px;}

.video-box{width: 640px;}
.video-box video{width: 100%;margin-bottom: 0;}

/*申请免费试用弹出框*/
/**/
.try_box h1{width:100%;height:30px;font-size:24px;color:#2c2c2c;text-align:center;padding-top:40px;}
.try_box .toptitle {color: #2c2c2c;display: block;font-size: 24px;height: 30px;padding-top: 40px;text-align: center;width: 100%;}
.try_box .toptitle2 {color: #333;ont-size: 12px;font-style: normal;font-weight: normal;margin: 15px 0 25px; text-align: center;}

.try_step{width:637px;height:79px;margin:10px 0px 0px 40px;}
.try_step1{background:url(../img/try_topBg.gif) no-repeat 0px 0px;}
.try_step2{background:url(../img/try_topBg.gif) no-repeat 0px -80px;}
.try_step3{background:url(../img/try_topBg.gif) no-repeat 0px -159px;}
.try_cont{width:100%;margin-top:5px;border-top:1px #d9dee5 dashed;padding:20px 0 0px 0;}
.try_box_vedio .try_cont{border-top:0;}

.disNone{display:none;}
.whenSuccess{padding: 0 40px 4px 40px;}
.try_success{height:100px;margin:10px auto 0 auto;padding-left:75px;background:url(../img/try_success.png) left center no-repeat;display: block;width: 130px;}
.try_success p.font28{font-size:28px;font-weight:bold;color:#51ac00;padding-top:20px;}
.try_success p.font16{font-size:16px;color:#6d7e92;padding-top:5px;}
.whenInput{text-align: center;}
.whenInput h1{font-size: 24px;padding:15px 0 5px 0;}
.whenInput h1 span{color: #FF3300;font-size:32px;}
.whenInput .tips{padding-bottom: 20px;color:#999999;font-size: 16px;}

.try_contBox{/*width:550px;_width:650px;*/height:30px;padding:15px 0px 0px 95px;position:relative;}
.zindex10{z-index:10;}
.try_contTitle{width:100px;height:30px;float:left;display:block;color:#282828;font-size:14px;text-align:right;line-height:250%;}
.try_contInput{width:340px;height:32px;line-height:32px;display:block;float:left;margin-left:8px;border:1px #cbcfd5 solid;background:#fff;color:#b4b7bb;text-indent:5px;line-height:200%;font-size: 14px;}
.tel{width:340px;margin-left:8px;}
.try_contBox .interval{display:block;width:14px;height:32px;line-height:32px;float:left;color:#B4B7BB;padding:0 3px;}
.try_contBox .error_msg{display:block;float:left;*width:90px;height:32px;line-height:32px;padding-left:8px;color:#eb2f36;font-size:12px;}
.try_contList{list-style:none;width:340px;padding:5px 0;overflow-y:auto;border:1px #cbcfd5 solid;border-top:0;background:#fff;position:absolute;top:45px;right:0px;_right:-1px;z-index:99;display:none;}
.try_contList li{padding-left:10px;cursor:pointer;}
.try_contList li:hover{background:#F2F4F6;}
/*.try_contInput:hover{border:1px #ff4d54 solid;}*/
.try_inputIcon{width:16px;height:16px;display:block;position:absolute;top:25px;left:520px;/*right:110px;_right:210px;*/}
.try_inputIcon_suc{background:url(../img/try_inputIcon_suc.png) center no-repeat;_background:url(../img/try_inputIcon_suc.gif) center no-repeat;}
.try_inputIcon_error{background:url(../img/try_inputIcon_error.png) center no-repeat;_background:url(../img/try_inputIcon_error.gif) center no-repeat;}
.try_inputIcon1{background:url(../img/try_inputIcon.gif) no-repeat 0px -29px;}
.try_InputSelect{width:12px;height:12px;display:block;float:left;padding-left:108px;_padding-left:104px;padding-top:0px;padding-right:5px;}
.try_SelectLine{line-height:150%;_line-height:220%;}
.try_inputDis{margin:5px 0 20px 130px;}
.try_inputDis a{width:125px;margin-left:73px;_margin-left:36px;font-size:13px;float:left;height:36px;line-height:36px;text-align:center;display:block;background:#0078d7;color:#fff;margin-left:74px;}
.try_inputDis .server_error{display:block;float:left;height:12px;line-height:12px;padding-top:20px;color:#575757;}
.try_bottom{width:100%;/*height:78px;background:#cbcfd5;*/margin-top:20px;_margin-top:17px;/*font-size:24px;color:#0f1010;text-align:center;line-height:350%;*/}

/*销售查询*/
.topUp_box{width:100%;margin:65px 30px 0 0;position:relative;border: 1px solid #dddee5;}
.topUp_box .formDetail{display:none;padding:0 0 20px 20px;}
.topUp_box_top{width:723px;height:6px;display:block;background:url(../img/images_263/topUp_top.gif) no-repeat;position:absolute;top:0px;left:0px;}
.topUp_box_bottom{width:723px;height:6px;display:block;background:url(../img/images_263/topUp_bottom.gif) no-repeat;position:absolute;bottom:0px;_bottom:-11px;left:0px;}
.topUp_title{width:100%;height:46px;position:absolute;top:-45px;_top:-48px;left:0px;z-index:100;padding:0px;margin:0px;}
.topUp_title li{width:40%;max-width:232px;height:44px;float:left;background:#f2f3f5;float:left;border-top-left-radius:4px;border-top-right-radius:4px;border:1px #dddee5 solid;border-bottom:1px #eaebf1 solid;padding:0;}
.topUp_title li a{width:100%;height:44px;display:block;padding-top:3px;font-size:14px;color:#415660;text-align:center;line-height:300%;}
/*.topUp_title li a:hover,*/.topUp_title_hover{background:#fff;border-top-left-radius:4px;border-top-right-radius:4px;}
.topUp_title_dis{margin-left:3px;}
.topUp_boxCont{height:60px;margin:0 auto;}
.topUp_domain{width:105px;height:32px;display:block;float:left;font-size:14px;color:#282828;line-height:190%;text-align:right;}
.topUp_input{width:90%;max-width:480px;height:32px;display:block;float:right;border:1px #cbcfd5 solid;background:#fff;line-height:200%;text-indent:4px;color:#999;}
.topUp_explain{width:80%;max-width:480px;height:20px;display:block;float:right;font-size:12px;color:#67777f;}
.topUp_input:active,.topUp_input:visited{border:1px #ff4d54 solid;box-shadow:1px 1px 2px #d5d4d4 inset;}
.topUp_boxDis{padding-top:15px;}
.topUp_boxHight{padding-top:0px;height: 32px;}
.topUp_boxDis a{width:100px;height:32px;line-height:32px;text-align:center;display:block;background:#0078d7;color:#fff;margin-left:203px;}
.topUp_boxDis a.lf105{letter-spacing:5px;font-size:14px; border:1px solid #CBCFD5;background:#F0F0F0;color:#67777F;margin-left:105px;}
.topUp_boxHight_next{height:40px;padding-bottom:12px;}
.topUp_boxDis a:hover {background:#006EC5;}
.topUp_boxDis a:active {background:#006EC5;}
.topUp_boxDis a.lf105:hover{border:1px solid #CBCFD5;background:#F0F0F0;}
.topUp_boxDis a.lf105:active{border:1px solid #CBCFD5;background:#F0F0F0;}
/*楠岃瘉鐮�*/
.topUp_boxDis a.identCode{background:#DAE8F3;display:block;width:90px;height:35px;color:#519BD3;border:1px solid #519BD3;position:absolute;left:280px;top:3px;margin:0 0 0 25px;font-size:18px;font-weight:bold;padding-top:5px;letter-spacing:3px;}
.topUp_boxDis a.changeIdentCode{color: #0063E9;display: block;width:150px;height:20px;position:absolute;left:370px;top:20px;background:none;border:0;margin:0 0 0 25px;;text-align:left;padding-left:10px;}
.topUp_boxDis a.changeIdentCode:hover{text-decoration: underline;}
.topUp_boxDis .subBtn{width:82px;height:32px;line-height:32px;text-align:center;display:block;background:#ff8d00;border:1px solid #e07c00;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;margin-left:80px;margin-left:118px;cursor:pointer;}
.topUp_boxDis .subBtn:hover {background:#ffa230;border:1px solid #ef9321;}
.topUp_boxDetail{padding-top: 20px;}
.topUp_boxDetail li{height: auto;display: inline-block;border:0;padding:0;min-height: 30px;}
.topUp_boxDetail .tit li{font-size: 18px;font-weight: bold; padding:10px 0 10px 10px}
.topUp_boxDetail .len285{width: 100px;color:#666666;}
.topUp_boxDetail div{display:block;padding:5px 0; background: #E9F5FF;margin:20px 20px 20px 0;}
.topUp_boxDetail p a{color: #ffffff;float: right; display: block;background:#0078d7; text-align: center;padding: 3px 10px; margin-right: 20px;}
.topUp_boxDetail .mar10{margin-left: 20px;}

/*离线留言*/
.consult-offline-box{position: fixed;z-index:10000;bottom:5%;right: 20px;}
.consult-offline{width: 189px;display: block;cursor: pointer;border: 0;}
.consult-offline-confirm{position: fixed;z-index:10001;top:0;right:0;background-color:rgba(0,0,0,0.5);width: 100%;height: 100%;}
.consult-offline-confirm .confirm-box{width:360px;height:500px;position: fixed;top: 50%;left: 50%;margin: -250px 0 0 -180px;z-index: 10002;border-radius:15px;overflow: hidden;}
.consult-offline-confirm .confirm-box .list i.btn-close{width:30px;height:30px;background-image: url(../img/btn-fixed-close.png);display: block;float: right;background-size: 100%; margin-right: -10px;}
.consult-offline-confirm .confirm-box .list i.btn-close:hover{background-image: url(../img/btn-fixed-close-hover.png)}
.consult-offline-confirm .confirm-box .list{height:210px;display: block;padding: 20px 30px;background-image: url(../img/consult-offline-icon1.png);background-repeat: no-repeat;background-position: right bottom;background-size: 100px 100px;line-height: 24px;background-color: #ffffff;}
.consult-offline-confirm .confirm-box .list b{font-size:24px;}
.consult-offline-confirm .confirm-box .list a{height:36px;border-radius:36px;line-height:36px;background-color:#666666;display:inline-block;text-align: center;padding: 0 40px; margin-top: 30px;color: #ffffff;}
.consult-offline-confirm .confirm-box .list a:hover{background-color: #999999;}
.consult-offline-confirm .confirm-box .list-online{background-color:#0182dc;color: #ffffff;background-image: url(../img/consult-offline-icon2.png);}
.consult-offline-confirm .confirm-box .list-online a{background-color:#8ecb24;}
.consult-offline-confirm .confirm-box .list-online a:hover{background-color:#96e114;}

.pc-show{display: block;}