@charset "utf-8"; 
body { background-color: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; }
address,caption,cite,code,dfn,th,var,b,i,s { font-style: normal; font-weight: normal; }
li { list-style-type: none; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
body, button, select, textarea, input, pre { font: 12px/1.125  PingFangSC-Light,'pingfang','helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif; color: #373737; }
body { word-wrap: break-word; word-wrap: break-word; }
button { overflow: visible; white-space: nowrap; word-wrap: normal; border: 0; cursor: pointer; }
textarea { resize: none; }
textarea:focus { outline: none 0; }
button,input:focus { outline: none 0; }
.bds-c#236DEFit-pop { display: none !important; }
a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; }
/*public*/
a.font-orange:link,a.font-orange:visited { color: #f60; }
.font-orange { color: #f60; }
.vline { font-size: 12px; font-style: normal; margin: 0 5px; }
.clearfix { *zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { content: ""; display: table; clear: both; }
.title-max { font-size: 0; text-align: center; }
.title-min { font-size: 18px; text-align: center; color: #666; }

/*浮动*/
.left, .fl { float: left; }
.right, .fr { float: right; }


/*input组件*/
.form-group { width: 100%; height: 40px; margin: 0 0 25px 0; }
/*input左侧标题名称*/
.form-group h6 { display: block; float: left; margin-right: 14px; width: 100px; height: 40px; line-height: 40px; font-size: 14px; text-align: right; }
.form-group input { display: inline-block; vertical-align: top; width: 240px; padding: 10px; font-size: 14px; border: 1px solid #ddd; margin-bottom: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.form-group input:focus { border: 1px solid #4d9cf5; }
/*input验证码 图形验证码 短信验证码*/
.form-group .form-verification { display: inline-block; width: 100px; height: 40px; vertical-align: top; margin-left: 10px; }
.form-group .form-verification img { display: block; width: 110%; height: 100%; }
.form-group .form-verification .click-msg-btn { cursor: pointer; width: 110px; height: 40px; background-color: #236DEF; color: #fff; font-size: 15px; border: 1px solid #236DEF; }
/*input验证码 input宽度调整*/
.form-group .verification { width: 146px; padding: 12px; border: 1px solid #ddd; border-radius: 3px;box-sizing: border-box; }
.form-group .verification+div+p { margin-left: 20px; }
/*7天自动登录复选框*/
.youba-login .chk-login { width: 15px; height: 15px; margin: 5px 10px 0 7px; padding: 0; vertical-align: top; float: left; }
/*正则验证提示*/
.form-group p { display: inline-block; margin-left: 10px; padding-left: 22px; font-size: 14px; color: #236DEF; height: 38px; line-height: 38px; }
.form-group .success { background: url("../images/pay.png") no-repeat -102px 8px; }
.form-group .error { background: url("../images/pay.png") no-repeat -102px -50px; }
.form-group input.error-border { border: 1px solid #236DEF !important; }
/*通用蓝色按钮*/
.form-group .blue-btn { cursor: pointer; width: 263px; background-color: #50a2ff; color: #fff; font-size: 15px; border: 1px solid #50a2ff; }
.form-group .blue-btn:hover { background: #3190FC; }



/****************************** 通用动画样式开始 ******************************/
/* 动画效果 晃动Buzz */
@-webkit-keyframes hvr-buzz { 
	50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	100% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@keyframes hvr-buzz { 
	50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	100% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
/*模态框 弹窗 动画*/
@-webkit-keyframes showSweetAlert { 
	0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
	45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
	80% { transform: scale(0.95); -webkit-transform: scale(0.95); }
	100% { transform: scale(1); -webkit-transform: scale(1); }
}
@keyframes showSweetAlert { 
	0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
	45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
	80% { transform: scale(0.95); -webkit-transform: scale(0.95); }
	100% { transform: scale(1); -webkit-transform: scale(1); }
}
.sweet-alert { text-align: center; -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
/*弹窗提示 成功or失败*/
.sweet-alert h1 { position: relative; z-index: 10; margin: 20px 0; font-size: 28px; color: #236DEF; }
.sweet-alert p { font-size: 16px; }
.sweet-alert u { text-decoration: none; }
.sweet-alert img { margin: 30px 0 20px 0; }
.sweet-alert h6 { font-size: 14px; color: #037CBF; }
.sweet-alert a { display: inline-block; height: 44px; padding: 0 36px; margin: 30px 0 0 0; line-height: 44px; color: #fff; font-size: 18px; border: none; border-radius: 3px; background: #2b63be; cursor: pointer; }
/*弹窗 成功 对勾*/
.sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; }
.sweet-alert .sa-icon.sa-success { border-color: #1296E0; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 109px; background: rgba(255,255,255,0); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }
.sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(134, 189, 220, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: rgba(255,255,255,0); position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #1296E0; display: block; border-radius: 2px; position: absolute; z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 45px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@-webkit-keyframes animateSuccessTip { 
	0% { width: 0; left: 1px; top: 19px; }
	54% { width: 0; left: 1px; top: 19px; }
	70% { width: 50px; left: -8px; top: 37px; }
	84% { width: 17px; left: 21px; top: 48px; }
	100% { width: 25px; left: 14px; top: 45px; }
}
@keyframes animateSuccessTip { 
	0% { width: 0; left: 1px; top: 19px; }
	54% { width: 0; left: 1px; top: 19px; }
	70% { width: 50px; left: -8px; top: 37px; }
	84% { width: 17px; left: 21px; top: 48px; }
	100% { width: 25px; left: 14px; top: 45px; }
}
@-webkit-keyframes animateSuccessLong { 
	0% { width: 0; right: 46px; top: 54px; }
	65% { width: 0; right: 46px; top: 54px; }
	84% { width: 55px; right: 0px; top: 35px; }
	100% { width: 47px; right: 8px; top: 38px; }
}
@keyframes animateSuccessLong { 
	0% { width: 0; right: 46px; top: 54px; }
	65% { width: 0; right: 46px; top: 54px; }
	84% { width: 55px; right: 0px; top: 35px; }
	100% { width: 47px; right: 8px; top: 38px; }
}
@-webkit-keyframes rotatePlaceholder { 
	0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
	100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 
}
@keyframes rotatePlaceholder { 
	0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
	100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
}
.animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; }
.animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; }
/*弹窗 失败 叉子*/
/* 差号 */
.sweet-alert .sa-icon.sa-error { border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; }
.sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; }

@-webkit-keyframes animateErrorIcon { 
	0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
	100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; }
}
@keyframes animateErrorIcon { 
	0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
	100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } 
}
.animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; }
@-webkit-keyframes animateXMark { 
	0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
	50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
	80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
	100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; }
}
@keyframes animateXMark { 
	0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
	50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
	80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
	100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; }
}
.animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; }
/****************************** 通用动画样式结束 ******************************/
/*一级头部导航*/
.header-holder { cursor: pointer; width: 100%; background-color: #ffffff; transition: all 0.3s linear; position: relative; }
.header-first-box { height: 34px; border-bottom: 1px solid #ececec; line-height: 34px; background-color: #ffffff; }
.header-first-box .header-nav-first { margin: 0 auto; max-width: 1200px; }
.header-first-box .header-nav-first .nav-first-left { position: relative; width: 80px; float: left; text-align: center; border: 1px solid transparent; border-top: none; border-bottom: none; }
.header-first-box .header-nav-first .nav-first-left:hover { background: #ffffff; border: 1px solid #E0E0E0; border-top: none; border-bottom: none; }
.header-first-box .header-nav-first .nav-first-right { float: right; position: relative; }
.header-first-box .header-nav-first .nav-first-right a:hover,.navtion span:hover { color: #0154A0; }
.header-first-box .header-nav-first .nav-first-left .header-icon { display: inline-block; width: 11px; height: 15px; margin-bottom: -4px; }
.header-first-box .header-nav-first .nav-first-left .header-icon img { display: block; width: 100%; height: 100%; }
.header-first-box .header-nav-first .nav-first-left .nav-city { display: inline-block; color: #666; }
.header-first-box .header-nav-first .nav-first-left .nav-change { display: inline-block; color: #358ed8; }
.nav-first-left .nav-lbs { position: absolute; top: 34px; left: -1px; display: none; background: #fff; width: 125px; border: 1px solid #E0E0E0; border-top: none; padding: 10px 5px; }
.nav-first-left .nav-lbs span { margin-left: 10px; }
.nav-first-left .nav-lbs div { display: inline-block; width: 45px; background: #F3F3F3; text-align: center; margin-right: 10px; }
.nav-first-left .nav-lbs div:hover { background: #237ED9; color: #fff; }
.nav-first-left .nav-lbs a { display: block; }
.nav-first-left .nav-lbs a:hover { color: #fff; }
.header-first-box .header-nav-first .nav-first-left:hover .nav-lbs { display: block; }
.header-first-box .header-nav-first .nav-first-right li { float: left; margin-right: 10px; }
.header-first-box .header-nav-first .nav-first-right li .img { float: left; display: block; margin-top: 10px; margin-right: 10px; width: 18px; height: 15px; font-size: 0; }
.header-first-box .header-nav-first .nav-first-right li .dingdan-img { float: left; display: block; margin-top: 10px; margin-right: 10px; width: 14px; height: 14px; font-size: 0; }
.header-first-box .header-nav-first .nav-first-right i { font-size: 16px; color: #ba1511; font-weight: 700; }

.header-first-box .header-nav-first .nav-first-right .division-thread { width: 1px; height: 11px; background-color: #c4c4c4; margin-top: 12px; }
.header-first-box .header-nav-first .nav-first-right .navigation { position: relative; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0 5px; }
.header-first-box .header-nav-first .nav-first-right .navigation .rotate { transform-origin: center center; transform: rotate(180deg); transition: transform 0.2s; }
.header-first-box .header-nav-first .nav-first-right .navigation:hover { position: relative; background-color: #fff; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu { display: none; position: absolute; left: -1px; width: 173px; line-height: 24px; background-color: #fff; border: 1px solid #E0E0E0; border-top: none; padding: 10px 5px; z-index: 100; }
.header-first-box .header-nav-first .nav-first-right .nav-about .my-menu { width: 67px; }
.header-first-box .header-nav-first .nav-first-right .nav-server .my-menu { width: 158px; }
.header-first-box .header-nav-first .nav-first-right .nav-wechat .my-menu { width: 120px; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-title { font-weight: 700; padding-left: 15px; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .my-center { padding-left: 15px; }
.header-first-box .header-nav-first .nav-first-right .nav-about .my-menu .my-center { padding-left: 9px; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .my-center .menu-center { float: left; display: inline-block; width: 70px; }
.header-first-box .header-nav-first .nav-first-right .nav-about .my-menu .my-center .menu-center { display: block; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .my-center .menu-center a:hover { color: #0154A0; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-business { border-top: 1px dotted #ccc; padding-top: 5px; margin-top: 5px; clear: both; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-phone,.menu-kefu { background: #02A478; width: 145px; height: 35px; margin: 5px 5px; border-radius: 5px; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-kefu { margin-bottom: 10px; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-kefu:hover { background: #058B67; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-phone { background: #FF4040; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-phone:hover { background: #B23835; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-phone a,.menu-kefu a { font-size: 14px; color: #fff; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-kefu a:hover { color: #fff; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-phone i,.menu-kefu i { display: inline-block; margin: 3px 5px; margin-left: 10px; width: 32px; height: 32px; background: url(../images/kefu.png) no-repeat 0 0; -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-phone i { float: left; background: url(../images/phonelogo.png) no-repeat 0 0; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-phone span,.menu-kefu span { display: inline-block; margin-top: 7px; }
.menu-kefu span { margin-right: 12px; }
.menu-phone span { float: left; }
.menu-kefu span { float: right; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-icon { padding: 10px 15px; }
.header-first-box .header-nav-first .nav-first-right .navigation .my-menu .menu-icon img { width: 92px; height: 92px; }
.header-first-box .header-nav-first .nav-first-right .nav-wechat .my-menu span { padding-left: 12px; }
.scale { float: left; display: block; }

/*二级头部导航*/
.header { max-width: 1200px; margin: 0 auto; clear: both; overflow: hidden; }
.header .tel { float: right; font-size: 16px; color: #1560ad; line-height: 25px; padding: 30px 0; }
.header .tel i { vertical-align: top; }
.logo { display: block; float: left; height: 80px; vertical-align: middle; }
.logo img { margin: 22px 10px 22px 0; }
.logo-tit { padding-top: 22px; line-height: 1; font-size: 18px; font-weight: bold; color: #666666; }
.logo-sub { padding-top: 6px; /*line-height: 1;*/ font: normal 14px/1 "Microsoft YaHei"; color:#C92625; }
.logo-sub span { color: #236DEF; }

.nav { float: left; margin-left: 40px; }
.nav li { float: left; padding: 0 20px; }
.nav .a-tag { float: left; display: block; height: 80px; line-height: 80px; font-size: 16px; font-weight: 700; text-align: center; box-sizing: border-box; }
.nav .a-try { display: block; line-height: 30px; font-size: 16px; font-weight: 700; margin: 20px 0 20px 10px; padding: 0 15px; background: #b23835; color: #fff; border-radius: 20px; }
.nav .a-try:hover { background: #da2d29; }
.nav1 { float: right; }
.nav1 li { float: left; }
.nav1 li { text-decoration: none; color: #333333; }
.nav1 .a-tag { display: block; line-height: 30px; font-size: 16px; font-weight: 700; padding: 35px 10px; }
.nav1 .a-tag:hover { color: #0154a0; }
.nav1 .a-try { display: block; line-height: 30px; font-size: 16px; font-weight: 700; margin: 35px 0 35px 10px; padding: 0 15px; background: #b23835; color: #fff; border-radius: 5px; }
.nav-hot { position: absolute; top: -20px; right: 0; }
.header .freetry { float: right; display: block; margin: 23px 0; padding: 0 13px; height: 34px; background: #236DEF; line-height: 34px; font-size: 14px; color: #ffffff; border-radius: 17px; }
/*header fixed*/
#fixed-header { display: none; position: fixed; top: 0; z-index: 200; width: 100%; background: #fff; border-bottom: 1px solid #E0E0E0; transition: all 0.3s linear; }
#fixed-header.scrollShow { display: block; }
#fixed-header .logo { height: 50px; }
#fixed-header .logo img { margin: 5px 0; }
#fixed-header .nav { float: left; margin-left: 35px; }
#fixed-header .nav .a-tag { height: 50px; line-height: 50px; }
#fixed-header .nav img { padding: 22px 0px; }
#fixed-header .nav .a-try { margin: 10px 0 10px 10px; }
#fixed-header .cd-headline { float: left; }
#fixed-header .cd-headline .cd-words-wrapper { line-height: 48px; vertical-align: top; }
#fixed-header .cd-headline i { font-size: 16px; color: #ba1511; font-weight: 700; }
#fixed-header .cd-headline>u { display: inline-block; width: 30px; height: 30px; background: url("../images/phone-logo-header.png") no-repeat 0 0; margin: 8px 12px; }
.section { max-width: 1200px; margin: 0 auto; }
.section.faq { padding: 40px 0 0; }
.section-choose,.section-version,.section-cases,.section-fns { max-width: 1200px; margin: 0 auto; padding: 120px 0 136px; }
.grid-cases,.grid-version { background: #f5f6f6; }
.grid-fns { background-color: #f6f6f6; }
.grid-fns .item-form { position: relative; }
.grid-fns .item-form span { display: none; position: absolute; top: -48px; left: 0px; padding: 10px; font-size: 14px; color: #009CFF; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
#free-box { width: 440px; min-height: 470px; top: 48%; left: 60%; }
#free-box .sweet-alert .sa-icon.sa-success .sa-fix { background-color: #fff; }
#free-box .sweet-alert .sa-icon.sa-success::before,#free-box .sweet-alert .sa-icon.sa-success::after { background: #fff; }
.free-box-content { width: 300px; margin: 0 auto; }
.free-box-content p { font-size: 14px; line-height: 25px; padding: 10px 0 20px 0; }
.free-box-content button { display: inline-block; width: 100%; padding: 12px; margin-bottom: 6px; border: 1px solid #236DEF; cursor: pointer; font-size: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #236DEF; color: #fff; }
.free-box-content button:hover { background: #236DEF; }
.grit { position: absolute; z-index: 300; top: 105px; width: 100%; background-color: #fff; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); }
.section-mid { max-width: 1200px; margin: 0 auto; height: 120px; display: none; }
.section-mid .mid-nav { padding: 0 320px; background-color: #236DEF; cursor: pointer; }
.section-mid .mid-nav li { float: left; width: 130px; height: 120px; text-align: center; font-size: 16px; }
.section-mid .mid-nav li a { display: block; margin-top: 26px; }
.section-mid .mid-nav li a:hover { color: #3874cb; }
.section-mid .mid-nav li p { margin-top: 10px; }
.section-choose .title-max { padding-top: 170px; opacity: 0; transition: all 0.5s ease-out; }
.section-choose .item-active { padding-top: 0px; opacity: 1; }
.section-choose .item-down { padding-top: 60px; opacity: 1; }

/*焦点图切换*/
.banner-form { position: relative; }
.swiper-container { width: 100%; height: 520px; margin-left: auto; margin-right: auto; background: #1865FF; }
.swiper-slide { text-align: left; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide { /*background: #1E3FCA; */text-align: center; }
.swiper-container .item { width: 100%; text-align: left; }
.swiper-pagination { z-index: 100!important; }
.swiper-pagination-clickable .swiper-pagination-bullet { background: rgba(255,255,255,1); width: 28px; border-radius: 8px; }
.swiper-pagination-bullet-active { background: rgba(255,255,255,.8); }
.swiper-form { position: absolute; left: 50%; top: 0; width: 1920px; height: 520px; z-index: 99; }

/*免费试用*/
.form-try-box { overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -600px; padding: 40px 0; width: 1200px; height: 440px; }
.form-try { position: relative; z-index: 15; float: right; width: 306px; height: 100%; background: rgba(255,255,255,.8); border-radius: 10px; -moz-box-shadow: 0 0 20px 0 rgba(51,51,51,.5); -webkit-box-shadow: 0 0 20px 0 rgba(51,51,51,.5); box-shadow: 0 0 20px 0 rgba(51,51,51,.5); }
.form-try .item-header { text-align: center; line-height: 1; font-size: 24px; padding: 32px 0; color: #236DEF; }
.form-try .item-button,.form-try .item-input,.form-try .item-title { margin: 0 24px; }
.form-try .item-input { position: relative; padding: 0 10px 0 54px; margin-bottom: 24px; height: 44px; background: #ffffff; border-radius: 5px; }
.form-try .item-input .item-input-ico { position: absolute; top: 0; left: 0; width: 54px; height: 44px; font-size: 0; }
.form-try .item-input input { width: 100%; height: 44px; line-height: 44px; font-size: 14px; border: none 0; }
.form-try .item-title { padding: 10px 0; }
.form-try .item-button { padding: 20px 0 0; }
.form-try .item-button a { display: block; text-align: center; }

/*免费试用验证*/
.for_fix_ie6_bug .tooltips_main { position: absolute; right: 50px; top: -32px; z-index: 100; width: 109px; padding: 6px 10px; border-radius: 5px; font-size: 12px; background: rgb(120,186,50); color: #fff; }
.for_fix_ie6_bug b { position: absolute; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-top: 10px solid rgb(120,186,50); border-right: 6px solid transparent; left: 14px; top: 22px; }


/*右侧固定栏*/
.aside-right { position: fixed; right: 5px; top: 200px; z-index: 20; }
.aside-right li { width: 65px; height: 65px; margin-top: 2px; text-align: center; background: #3088F4; position: relative; }
.aside-right li a { color: #fff; }
.aside-right li:hover { background: #4D99FE; }
.aside-right li i { display: block; width: 35px; height: 45px; margin: 0 auto; background: url("../images/index-icon.png") no-repeat; }
.aside-right li:hover i { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.aside-right .aside-consult i { background-position: 0px 8px; }
.aside-right .aside-tel i { background-position: -39px 8px; }
.aside-right .aside-free i { background-position: 0px -32px; }
.aside-right .aside-wechat i { background-position: -42px -32px; }
.aside-right .aside-suggest i { background-position: -83px -31px; }
.aside-right .aside-top { display: none; }
.aside-right .aside-top i { background-position: -142px 12px; }
.aside-right .aside-top a { display: block; height: 65px; }
.aside-right .aside-code { position: absolute; display: none; left: -133px; top: 2px; background: #fff; padding: 10px; border: 1px solid #e0e0e0; }
.aside-right .aside-code img { display: block; width: 100px; padding-bottom: 10px; }
.aside-right .aside-code span { line-height: 16px; color: #999; }
.aside-right .aside-wechat:hover .aside-code { display: block; }
/*右侧固定栏电话咨询*/
#aside-modal-tel { width: 440px; min-height: 430px; top: 48%; left: 60%; }
#aside-modal-tel .aside-tel-icon { height: 40px; margin-top: 35px; background: url("../images/icon-tel.png") no-repeat 98px -108px; }
#aside-modal-tel .youba-modal-content { text-align: center; }
#aside-modal-tel .youba-modal-content span { display: block; line-height: 35px; color: #999; font-size: 18px; }
#aside-modal-tel .aside-modal-input { padding: 10px 0; }
#aside-modal-tel .fa-qq { font-size: 20px; }
#aside-modal-tel .aside-modal-input input { border: 2px solid #EBEBEB; padding-left: 10px; height: 40px; width: 180px; transition: all 0.3s linear; font-size: 14px; }
#aside-modal-tel .aside-modal-input input:focus { border-color: #3088F4; }
#aside-modal-tel .aside-modal-input>div>span { display: inline-block; width: 80px; line-height: 44px; height: 44px; vertical-align: top; font-size: 14px; color: #fff; background: #3088F4; cursor: pointer; }
#aside-modal-tel .youba-modal-content a { display: inline-block; width: 240px; height: 40px; line-height: 44px; text-align: center; border: 2px solid #3088F4; vertical-align: bottom; margin: 10px; color: #3088F4; font-size: 16px; padding: 0 15px; }
#aside-modal-tel .aside-modal-input>span { display: none; position: absolute; top: 156px; left: 83px; padding: 10px; font-size: 14px; color: #009CFF; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }

/*底部固定滑动*/
.footer-fixed { position: fixed; left: 20px; bottom: 20px; z-index: 20; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; cursor: pointer; }
.footer-fixed i { display: block; width: 84px; height: 100px; background: url("../images/index-icon.png") no-repeat -10px -76px; }
.footer-fixed span { position: absolute; top: 10px; right: -12px; display: block; width: 28px; height: 24px; background: url("../images/index-icon.png") no-repeat -179px -6px; -webkit-animation: Sparking 3s 2s infinite; animation: Sparking 3s 2s infinite; }
/*闪烁动画*/
@-webkit-keyframes Sparking { 0% { opacity: 1; }
	25% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes Sparking { 0% { opacity: 1; }
	25% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}
.footer-fixed-tel { position: fixed; bottom: 0; z-index: 50; height: 100px; width: 100%; background: #fff; transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0; -ms-transform-origin: 0 50% 0; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.3); }
.footer-fixed-tel .footer-fixed-slider p { padding-bottom: 10px; font-size: 26px; color: #3163BE; }
.footer-fixed-tel .footer-fixed-slider li { color: #3163BE; }
.footer-fixed-tel .footer-fixed-slider b { color: #000; }
.footer-fixed-tel>a { position: absolute; top: -48px; left: 50px; }
.footer-fixed-tel>a>i { display: block; width: 140px; height: 148px; background: url("../images/footer-avatar.png") no-repeat 0 0; }
.footer-fixed-content { margin-left: 210px; padding: 30px 0; }
.footer-fixed-slider { float: left; width: 270px; }
.flex-viewport { line-height: 26px; }
.flex-control-nav,.flex-direction-nav { display: none; }
.footer-fixed-input { display: inline-block; }
.footer-fixed-btn .footer-fixed-input input { height: 40px; padding: 0 10px; margin-left: 20px; border: 2px solid #3088F4; font-size: 14px; }
.footer-fixed-btn .footer-fixed-input>div>span { display: inline-block; height: 44px; line-height: 44px; padding: 0 15px; font-size: 14px; vertical-align: bottom; color: #fff; background: #3088F4; cursor: pointer; }
.footer-fixed-btn .footer-fixed-input>span { display: none; position: absolute; top: -12px; left: 500px; padding: 10px; font-size: 14px; color: #009CFF; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
.footer-fixed-btn .footer-fixed-input i { display: inline-block; width: 18px; height: 18px; background: url(../images/index-icon.png) no-repeat -165px -45px; vertical-align: middle; margin-right: 5px; }
.footer-fixed-btn>a { display: inline-block; height: 40px; line-height: 44px; text-align: center; border: 2px solid #3088F4; vertical-align: bottom; margin: 0 10px; color: #3088F4; font-size: 16px; padding: 0 15px; }
.footer-fixed400 { display: inline-block; color: #3088F4; font-size: 24px; margin-left: 20px; }
.footer-fixed400 i { display: inline-block; width: 32px; height: 32px; background: url(../images/index-icon.png) no-repeat -123px -37px; margin-right: 5px; vertical-align: middle; }
.footer-fixed-colse { font-size: 36px; position: absolute; right: 22px; top: 26px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; cursor: pointer; }
.footer-fixed-colse:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }


/*底部信息*/
.g-wrap { width: 1200px; margin: 0 auto; }
.mod-links { padding: 50px 0; background: #2b2b2b!important; /*border-top: 1px solid #E0E0E0; */ ; }
.mod-links .tit { margin-bottom: 35px; line-height: 1; font-size: 16px; color: #ffffff; font-weight: bold; }
.mod-links ul li { width: 100%; line-height: 34px; font-size: 14px; color: #666666; font-weight: bold; }
.mod-links a { color: #666666; }
.mod-links .intro-w, .mod-links .probuy-w, .mod-links .news-w, .mod-links .service-w, .mod-links .contact-w, .mod-links .share-w { float: left; }
.mod-links .intro-w { width: 180px; }
.mod-links .probuy-w { width: 180px; }
.mod-links .news-w { width: 180px; }
.mod-links .service-w { width: 180px; }
.mod-links .contact-w { width: 330px; }
.mod-links .share-w { padding-left: 24px; width: 78px; }
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: none !important; display: block; line-height: 1 !important; height: 48px !important; background-image: url(../images/ico-wxxl.png) !important; margin: 0 0 18px 0 !important; padding-left: 48px !important; }
.bdshare-button-style0-16 .bds_tsina { background-position: 0 0 !important; }
.bdshare-button-style0-16 .bds_weixin { background-position: 0 -52px !important; }
.footer-copyright { padding: 28px 0; min-width: 1200px; background-color: #1a1a1a; line-height: 24px; color: #626262; font-size: 14px; text-align: center; }
.footer-copyright a { color: #626262; }
.footer-copyright a:hover { color: #ffffff; }
.footer-copyright img { height: 18px; vertical-align: middle; display: inline-block ; }


/*免费试用7天模态框*/
.overlay { display: none; position: fixed; top: 0; left: 0; z-index: 9000; width: 100%; height: 100%; opacity: 0.5; background: #000; }
.youba-modal { display: none; position: fixed; top: 35%; left: 54%; margin: -210px 0 0 -355px; z-index: 10000; width: 650px; min-height: 620px; background: #fff; overflow: hidden; -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
.youba-modal-container { width: 1300px; position: relative; left: 0px; transition: all 0.3s linear; overflow: hidden;}
.youba-modal .youba-modal-title { border-bottom: 1px solid #E8E8E8; }
.youba-modal .youba-modal-title p { padding: 15px 0 15px 15px; font-size: 20px; color: #236DEF; }
.youba-modal-close { position: absolute; top: 6px; right: 14px; font-size: 32px; cursor: pointer; }
.youba-modal-content { padding: 30px; }
.my-slider1,.my-slider2 { float: left; }
.my-slider1 { margin: 40px 100px 0 0px; min-width: 560px; }
.my-slider2 { display: none; }
.my-slider3 { display: none; /*position: absolute; */ top: 27px; right: 92px; }


/*试用步骤*/
.try-box-step { padding: 20px 0 20px 0px; height: 56px; }
.try-box-step .item { float: left; width: 33%; position: relative; }
.try-box-step .item-no { width: 100px; text-align: center; position: relative; z-index: 9; }
.try-box-step .item-no span { width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; background: #e3e3e3; display: inline-block; border-radius: 50%; }
.try-box-step .item-title { width: 100px; text-align: center; line-height: 20px; margin: 10px 0 0; font-size: 14px; color: #666; }
.try-box-step .item-line { height: 5px; background: #e3e3e3; position: absolute; left: 37px; top: 10px; right: -37px; }
.try-box-step .on .item-no span,.try-box-step .on .item-line { background: #236DEF; }
.try-box-step .on .item-title { color: #000; }
.try-box-step .step-first .item-no { width: 92px; }
.try-box-step .step-first .item-title { width: 94px; }
.try-box-step .step-first .item-line { right: -109px; left: 50px; }
.try-box-step .step-second .item-no { width: 219px; }
.try-box-step .step-second .item-title { width: 220px; }
.try-box-step .step-second .item-line { right: -165px; left: 114px; }
.try-box-step .step-third .item-no { width: 322px; }
.try-box-step .step-third .item-title { width: 319px; }
.try-box-step .step-third .item-line { right: -165px; left: 114px; }
/*试用步骤结束*/
/*第一步填写表单*/
.try-box-form h1 { margin-right: 6px; }
/*正则错误提示*/
.try-box-form p,.try-box-info b { display: inline-block; padding-left: 22px; margin-left: 10px; vertical-align: top; font-size: 14px; color: #236DEF; height: 38px; line-height: 38px; }
.try-box-form .next-btn,.try-box-info .submit-btn,.my-slider3 .close-btn { display: inline-block; width: 263px; padding: 12px; margin-bottom: 6px; border: 1px solid #236DEF; cursor: pointer; font-size: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #236DEF; color: #fff; }
.try-box-form .msg-btn:hover,.try-box-form .next-btn:hover,.try-box-info .submit-btn:hover,.my-slider3 .close-btn:hover { background: #236DEF; }
/*第一步填写表单结束*/

/*第二步提交信息*/
/*用户数*/
.try-box-info .counter { height: 30px; width: 125px; border: #6F6F6F solid 1px; border-radius: 2px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
.try-box-info .counter .c-plus,.counter .c-minus { position: relative; width: 20%; height: 30px; display: block; cursor: pointer; }
.try-box-info .counter .c-plus { border-left: #6F6F6F solid 1px; float: right; }
.try-box-info .counter .c-minus { border-right: #6F6F6F solid 1px; float: left; }
.try-box-info .counter .c-input { float: left; width: 50%; height: 30px; line-height: 24px; padding: 0 5px; text-align: center; font-size: 16px; font-weight: bold; border: none 0; }
.try-box-info .counter .line-x,.counter .line-y { position: absolute; background: #6F6F6F; }
.try-box-info .counter .line-x { width: 8px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -4px; }
.try-box-info .counter .line-y { width: 2px; height: 8px; top: 50%; left: 50%; margin: -4px 0 0 -1px; }
.try-box-info .limit-tip { opacity: 0; transition: all 0.3s linear; }
.try-box-info .email-com { display: inline-block; }
.try-box-info .eamil-p { position: relative; top: -12px; }
.try-box-info .email-com input[type="radio"] { display: none; }
.try-box-info .form-group .hasCom { vertical-align: middle; width: 180px; margin-left: 5px; }
.try-box-info label { font-size: 14px; }
/*第三步完成申请*/
/*对勾*/
.my-slider3 .sweet-alert .sa-icon.sa-success .sa-fix { background-color: #fff; }
.my-slider3 .sweet-alert .sa-icon.sa-success::before, .my-slider3 .sweet-alert .sa-icon.sa-success::after { background: #fff; }
.my-slider3 .sucess-tel { padding: 10px; margin: 30px 20px; line-height: 22px; font-size: 14px; background: #F3F3F3; text-align: left; }
.my-slider3 .sucess-tel span { font-size: 16px; font-weight: bold; color: #0D971A; margin: 0 5px; }

/*右侧固定栏 意见建议*/
#suggest-box { min-height: 530px; top: 44%; }
.suggest-content { display: inline-block; width: 420px; height: 150px; padding-top: 8px; padding-left: 9px; border: 1px solid #ddd; vertical-align: top; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.suggest-content:focus { border: 1px solid #4d9cf5; }
#suggest-form span { display: block; margin: 5px 114px; color: #999999; }
#suggest-form+p { margin: 10px 25px 30px; line-height: 20px; font-size: 12px; }
.suggest-box-btn { display: block; width: 263px; padding: 12px; margin: 6px auto; border: 1px solid #50a2ff; cursor: pointer; font-size: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #50a2ff; color: #fff; }
.suggest-box-btn:hover { background: #3190FC; ; }
#suggest-successbox { top: 44%; left: 58%; width: 500px; min-height: 500px; }
.suggest-successbtn { display: inline-block; width: 100%; padding: 12px; margin-bottom: 6px; border: 1px solid #50a2ff; cursor: pointer; font-size: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #50a2ff; color: #fff; }
.suggest-successbtn:hover { background: #3190FC; }


/*为什么选择网易*/
.panel-choose { overflow: hidden; zoom: 1; padding: 120px 0 0; transition: all 0.5s ease-out; }
.panel-choose li { float: left; margin-right: 24px; margin-bottom: 24px; width: 384px; }
.panel-choose li:nth-child(3n) { margin-right: 0; }
.panel-choose .item { padding: 21px 0 21px 0; border-radius: 5px; }
.panel-choose .item-pic { margin: 0 auto; width: 88px; height: 88px; font-size: 0; }
.panel-choose .item-content { text-align: center; }
.panel-choose .item-title { padding: 25px 0 11px; font-size: 18px; font-weight: 700; color: #ffffff; }
.panel-choose .item-txt { padding: 0 24px; height: 40px; line-height: 20px; font-size: 14px; color: #ffffff; }

/*邮箱版本*/
.section-version .widget-try { padding-top: 0; }
.panel-version { overflow: hidden; zoom: 1; padding: 60px 0 24px; height: auto; max-width: 1200px; margin: 0 auto; }
.panel-version .item { overflow: hidden; float: left; background: #ffffff; width: 588px; border-radius: 10px; }
.panel-version .item:nth-child(2n) { float: right; }
.panel-version .item .item-inner .item-txt { color: #ffffff; }
.panel-version .item .item-inner { padding: 53px 0; background: url(../images/bg-01.png) no-repeat center; background-size: cover; color: #ffffff; }
.panel-version .item:nth-child(2n) .item-inner { background: url(../images/bg-02.png) no-repeat center; background-size: cover; color: #ffffff; }
.panel-version .item .item-inner .item-txtz { padding: 0 24px; margin-top: 24px; display: inline-block; border-radius: 14px; background-color: rgba(255,255,255,0.30); line-height: 28px; font-size: 14px; }
.panel-version .item.action { -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.2); box-shadow: 0 -1px 10px rgba(0,0,0,.2); cursor: pointer; }
.panel-version .item-inner { text-align: center; }
.panel-version .item-media { line-height: 1; font-size: 32px; font-weight: bold; color: #ffffff; }
.panel-version .item-media i { vertical-align: middle; margin: 0 10px 0 0; }
.panel-version .item-txt { font-size: 12px; color: #666; padding-top: 10px; }
.panel-version ul { padding: 0 24px; }
.panel-version ul .item-money { padding: 44px 0 49px; border-bottom: 1px solid #f5f6f6; line-height: 1; font-size: 16px; text-align: center; }
.panel-version ul .item-money-tit { width: 100%; height: 154px; border-bottom: 1px solid #f5f6f6; line-height: 154px; font-size: 18px; font-weight: bold; color: #333333; text-align: center }
.panel-version ul .item-title { padding-top: 42px; padding-bottom: 25px; line-height: 1; font-size: 14px; color: #666666; font-weight: bold; }
.panel-version ul .item-price { font-size: 60px; color: #333333; }
.panel-version ul .item-shop { float: left; width: 180px; line-height: 42px; color: #333333; }
.panel-version ul .item-img { float: left; padding-right: 11px; width: 4px; height: 42px; font-size: 0; }
.item-buy-two { margin-top: 15px; padding: 40px 0; border-top: 1px solid #f5f6f6; text-align: center; }
.item-buy-two .item-main { display: inline-block; width: 200px; height: 50px; background-color: #ff7b7b; border-radius: 5px; line-height: 50px; font-size: 18px; font-weight: bold; color: #ffffff; cursor: pointer; }
.item-buy-two .item-main a { display: block; color: #ffffff; }
.item-buy-two .item-try-btn { margin-top: 24px; display: block; line-height: 1; font-size: 14px; font-weight: bold; color: #999999; }
.item-buy-two .item-mainy { background-color: #91d1d6; }
.item-buy-two .item-on { background-color: #237ed9; color: #ffffff; }
.item-buy-two .item-main:hover { background-color: #e56e6e; color: #ffffff; }
.item-buy-two .item-mainy:hover { background-color: #80b9bd; color: #ffffff; }


/*在线报价*/
.inquiry-price { color: #666666; background-color: #f5f6f6; }
.inquiry-price .des { float: left; width: 395px; height: 120px; border-left: 1px solid #e3e4e6; border-right: 1px solid #e3e4e6; line-height: 120px; font-size: 24px; color: #666666; font-weight: 700; text-align: center; }
.inquiry-price .min-price { font-size: 48px; color: #236DEF; font-weight: 700; }
.inquiry-price-wrap { float: left; padding: 0 35px; width: 732px; border-right: 1px solid #e3e4e6; }
.inquiry-price-wrap img { width: 45px; height: 55px; }
.inquiry-price-con { float: left; width: 432px; height: 120px; padding-left: 70px; text-align: left; background: url(../images/calculator.png) 0 30px no-repeat; }
.input-w { margin-top: 30px; font-size: 24px; color: #666666; }
.err-inquiry-msg { /*display: none; */ font-size: 16px; }
.inquiry-price .input-w .inquiry-price-input { margin-right: 5px; width: 245px; height: 30px; border: 1px solid #999999; background-color: #f5f6f6; font-size: 20px; text-align: center; }
.inquiry-price .reference-pri { font-size: 16px; padding-top: 8px; }
.inquiry-price #standardPrice { /*display: none; */ ; }
.inquiry-price .#236DEFir-btn { display: block; margin-top: 36px; width: 143px; background-color: #236DEF; border-radius: 5px; height: 48px; line-height: 48px; font-size: 18px; color: #ffffff; text-align: center; cursor: pointer; }
#max-price,#min-price { color: #236DEF; }

/*客户案例*/
.section-cases .title-min { padding: 20px 0 60px; line-height: 1; }
.section-cases .item-button { padding: 30px 0; text-align: center; }
.panel-cases { overflow: hidden; zoom: 1; max-width: 1200px; margin: 0 auto 24px; }
.panel-cases li { float: left; width: 200px; background-color: #ffffff; }
.panel-img { overflow: hidden; position: relative; display: table; width: 200px; height: 124px; text-align: center; font-size: 0; margin: auto; }  
.panel-img span { vertical-align: middle; display: table-cell; width: 200px; height: 124px; }
.panel-img span img { margin: 0 auto; max-width: 200px; max-height: 124px; }
*+html .panel-img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; }
*+html .panel-img span img { position: relative; top: -50%; left: -50%; }

/*常见问题&最新公告&联系我们*/
.section-fns { padding: 60px 0; overflow: hidden; zoom: 1; }
.section-fns .item-more { float: right; line-height: 24px; font-size: 14px; }
.section-fns .item-more a { color: #666666; }
.section-fns .item-more a:hover { text-decoration: underline; }
.section-fns .item-list a { padding-left: 14px; display: block; background: url(../images/ico-07.png) no-repeat left center; line-height: 28px; font-size: 14px; color: #666666; }
.section-fns .item-list a:hover { text-decoration: underline; }
.section-fns .item-title { font-size: 0; margin-bottom: 20px; }
.section-fns .item-title img { float: left; display: block; }
.panel-faq,.panel-news { float: left; color: #fff; padding: 0 24px; border-left: #e3e4e6 solid 1px; }
.section-service { padding: 70px 0 60px; margin: 0 auto; max-width: 1200px; text-align: center; }
.panel-service { display: inline-block; }
.panel-service .item-title { margin-bottom: 40px; font-size: 0; }
.panel-service .item-input { position: relative; margin: auto; width: 512px; border: 1px solid #ffffff; border-radius: 5px; height: 46px; background-color: #ffffff; }
.panel-service .item-input a { display: block; position: absolute; right: 0px; top: 0px; bottom: 0px; padding: 0 26px; border-radius: 0 5px 5px 0; background: #93171c; line-height: 46px; font-size: 18px; font-weight: bold; color: #ffffff; }
.panel-service .item-input a:hover { background: #7a1417; }
.panel-service .item-input input { float: left; padding: 0 20px; width: 347px; height: 46px; background: transparent; border: none 0; line-height: 46px; font-size: 14px; color: #999999; }
.panel-service .item-input input::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; }
.panel-service .item-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; }
.panel-service .item-input input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; }
.panel-service .item-input input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999; }
.panel-service span { display: none; position: absolute; top: -48px; left: 50%; margin-left: -75px; padding: 10px; font-size: 14px; color: #009CFF; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }




/*超出文本内容省略号*/
.panel-faq { width: 358px; }
.panel-news { width: 743px; border-right: #e3e4e6 solid 1px; }
.section-fns .panel-news .item-list a { float: left; width: 345px; }
.section-fns .panel-news .item-list a:nth-child(2n) { float: right; }
.panel-faq .item-list a,.panel-news .item-list a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*详情页头图*/
.grid-banner { background: #236DEF; }
.panel-banner { max-width: 1200px; margin: 0 auto; position: relative; height: 280px; color: #fff; }
.panel-banner .item-pic { position: absolute; right: 100px; bottom: 0; }
.panel-banner .item-pic img { vertical-align: top; }
.panel-banner .item-txt { font-size: 18px; line-height: 40px; }
.panel-banner .item-txt i { vertical-align: top; margin: 6px 0 0 5px; }
.panel-banner .item-title { font-size: 48px; padding: 70px 0 10px; }
.panel-banner .banner-title { font-size: 48px; padding: 110px 0 10px; }
.panel-banner .panel-title { font-size: 48px; padding: 100px 0 10px; }
.panel-banner .panel-txt { font-size: 18px; line-height: 40px; padding: 0 0 0 10px; }
/*按钮*/
.button-yellow-big { height: 44px; line-height: 44px; color: #fff; font-size: 18px; padding: 0 30px; border-radius: 5px; display: inline-block; background: #f1c120; }
.button-yellow-big:hover { background: #ffb100; }
.button-blue { margin: 6px 0 0 24px; display: inline-block; background: #236DEF; cursor: pointer; width: 258px; height: 44px; line-height: 44px; font-size: 18px; color: #ffffff; border: none; border-radius: 5px; }
.button-blue:hover { background: #236DEF; }
.button-red-big { height: 44px; line-height: 44px; color: #fff; font-size: 18px; padding: 0 30px; border-radius: 5px; display: inline-block; background: #236DEF; }
.button-red-big:hover { background: #236DEF; }
.button-blue-big { height: 44px; line-height: 44px; color: #fff; font-size: 18px; padding: 0 30px; border-radius: 5px; display: inline-block; background: #236DEF; }
.button-blue-big:hover { background: #3088f4; }
.button-green-big { height: 44px; line-height: 44px; color: #fff; font-size: 18px; padding: 0 30px; border-radius: 5px; display: inline-block; background: #3dbd82; }

/*图标*/
.icon { display: inline-block; background: url(../images/icon.png) no-repeat 0 0; }
.icon-brand { background-position: 0 -162px; width: 80px; height: 80px; }
.icon-safe { background-position: 0 -252px; width: 80px; height: 80px; }
.icon-stable { background-position: 0 -342px; width: 80px; height: 80px; }
.icon-swim { background-position: 0 -432px; width: 80px; height: 80px; }
.icon-easy { background-position: 0 -522px; width: 80px; height: 80px; }
.icon-servie { background-position: 0 -612px; width: 80px; height: 80px; }
.icon-business { background-position: 0 -702px; width: 35px; height: 39px; }
.icon-flagship { background-position: 0 -751px; width: 39px; height: 35px; }
.icon-divider { background-position: 0 -796px; width: 35px; height: 35px; }
.icon-phone { background-position: -49px -1189px; width: 14px; height: 17px; }
.icon-talk { background-position: -49px -1214px; width: 18px; height: 16px; }
.icon-contact { background-position: -49px -1240px; width: 15px; height: 15px; }
.icon-mail { background-position: 0 -102px; width: 62px; height: 50px; }

/*电话图标*/
.tel-min-white,.tel-max-white,.tel-min-blue,.tel-max-blue { background: url(../images/icon-tel.png) no-repeat 0 0; display: inline-block; }
.tel-min-white { background-position: 0 0; width: 182px; height: 27px; }
.tel-max-white { background-position: 0 -37px; width: 228px; height: 27px; }
.tel-min-blue { background-position: 0 -74px; width: 175px; height: 25px; }
.tel-max-blue { background-position: 0 -109px; width: 264px; height: 36px; }

.icon-plan-p1,.icon-plan-p2,.icon-plan-p3,.icon-plan-p4,.icon-plan-p5,.icon-plan-p6,.icon-plan-p7 { background: url(../images/icon-plan.png) no-repeat 0 0; display: inline-block; width: 102px; height: 65px; }
.icon-plan-p1 { background-position: 19px 0; }
.icon-plan-p2 { background-position: 25px -84px; }
.icon-plan-p3 { background-position: 22px -160px; }
.icon-plan-p4 { background-position: 19px -236px; }
.icon-plan-p5 { background-position: 19px -319px; }
.icon-plan-p6 { background-position: 0 -396px; }
.icon-plan-p7 { background-position: 14px -485px; }

/*功能图标*/
.icon-func { background: url(/skin/images/icon-product.png) no-repeat 0 0; display: inline-block; width: 62px; height: 62px; }
.f1 { background-position: 0 15px; }
.f2 { background-position: 11px -46px; }
.f3 { background-position: 4px -110px; }
.f4 { background-position: 2px -172px; }
.f5 { background-position: 2px -233px; }
.f6 { background-position: 9px -293px; }
.f7 { background-position: 9px -359px; }
.f8 { background-position: 6px -429px; }
.f9 { background-position: 4px -502px; }
.f10 { background-position: 12px -579px; }
.f11 { background-position: 1px -656px; }
.f12 { background-position: 6px -728px; }
.f13 { background-position: 2px -797px; }
.f14 { background-position: 8px -866px; }
.f15 { background-position: 3px -933px; }
.f16 { background-position: 3px -1000px; }
.f17 { background-position: 3px -1066px; }
.f18 { background-position: 2px -1136px; }
.f19 { background-position: 7px -1210px; }
.f20 { background-position: 6px -1278px; }
.f21 { background-position: 3px -1347px; }
.f22 { background-position: 2px -1422px; }
.f23 { background-position: 3px -1499px; }
.f24 { background-position: 7px -1574px; }
.f25 { background-position: 5px -1652px; }
.f26 { background-position: 1px -1730px; }
.f27 { background-position: 1px -1809px; }
.f28 { background-position: 2px -1885px; }
.f29 { background-position: 0 -1963px; }
.f30 { background-position: 1px -2043px; }
.f31 { background-position: 3px -2121px; }
.f32 { background-position: 8px -2200px; }
.f33 { background-position: 8px -2270px; }
.f34 { background-position: 15px -2340px; }
.f35 { background-position: 12px -2390px; }
.f36 { background-position: 12px -2450px; }
.f37 { background-position: 12px -2520px; }
.f38 { background-position: 15px -2668px; }
.f39 { background-position: 12px -2732px; }
.f40 { background-position: 12px -2795px; }

/*头部图标*/
.icon-hand { background: url(/skin/images/header_bg.png) no-repeat 0 0; display: inline-block; width: 32px; height: 32px; }
.h1 { background-position: 5px 1px; }
.h2 { background-position: -37px 1px; }
.h3 { background-position: -75px 1px; }
.h4 { background-position: -111px 1px; }
.h5 { background-position: 5px -35px; }
.h6 { background-position: -37px -35px; }
.h7 { background-position: -75px -36px; }
.h8 { background-position: -111px -34px; }
.h9 { background-position: -152px 1px; }
.h10 { background-position: -193px 1px; }
.h11 { background-position: 0px -70px; }
.h12 { background-position: -36px -70px; }
.h13 { background-position: -71px -70px; }
.h14 { background-position: -111px -70px; }
.h15 { background-position: -152px -35px; }
.h16 { background-position: -193px -35px; }
.h17 { background-position: 0px -106px; }
.h18 { background-position: -36px -106px; }
.h19 { background-position: -71px -106px; }
.h20 { background-position: -111px -106px; }
.icon-small { background: url("../images/header_m.png") no-repeat 0 0; display: inline-block; width: 30px; height: 30px; }
.tab-product { background-position: 5px 4px; margin-bottom: -9px; }
.tab-function { background-position: -28px 3px; margin-bottom: -9px; }
.tab-solution { background-position: -58px 3px; margin-bottom: -9px; }
.tab-cases { background-position: -88px 3px; margin-bottom: -9px; }
.pro-brand-detail:hover .tab-product { background-position: 5px -20px; margin-bottom: -4px; }
.pro-brand-detail:hover .tab-function { background-position: -28px -26px; margin-bottom: -9px; }
.pro-brand-detail:hover .tab-solution { background-position: -58px -26.59px; margin-bottom: -9px; }
.pro-brand-detail:hover .tab-cases { background-position: -88px -25px; margin-bottom: -9px; }


/*分享图标*/
.icon-sina,
.icon-xsina { background: url(../images/weibo_icon.png) no-repeat 0 0; display: inline-block; width: 20px; height: 20px; }
.icon-sina { background-position: -20px 0; }
.icon-weixin,
.icon-xweixin { background: url(../images/weixin_icon.png) no-repeat 0 0; display: inline-block; width: 20px; height: 20px; }
.icon-weixin { background-position: -20px 0; }

/*详情页底部试用 您的企业邮箱专属顾问热线：*/
.widget-try { text-align: center; padding: 40px 0; }
.widget-try .item-txt { color: #236DEF; font-size: 20px; padding: 15px 0 10px; }
.try-step { text-align: center; padding: 0 0 50px; }
.try-step .title-max { color: #000; }
.try-step .item-pic { padding: 30px 0 20px; }
.try-step .item-pic img { vertical-align: top; }

/*选项卡*/
.tab-menu .mid-nav { max-width: 1200px; margin: 0 auto; }
.tab-menu .mid-nav li { float: left; }
.tab-menu { height: 75px; font-size: 0; border-bottom: #cbcbcb solid 1px; text-align: center; }
.tab-menu a { display: inline-block; font-size: 22px; height: 55px; padding: 10px 0; margin: 0 60px; line-height: 55px; color: #666; }
.tab-menu a:hover,.tab-menu .on { padding-bottom: 7px; color: #236DEF; }
.tab-menu a:hover,.tab-menu .on { border-bottom: 3px solid #236DEF; }
.tab-menu a:hover,.tab-menu .on .tab-product { background-position: 5px -20px; margin-bottom: -4px; }
.tab-menu a:hover,.tab-menu .on .tab-function { background-position: -28px -26px; margin-bottom: -9px; }
.tab-menu a:hover,.tab-menu .on .tab-solution { background-position: -58px -26.59px; margin-bottom: -9px; }
.tab-menu a:hover,.tab-menu .on .tab-cases { background-position: -88px -25px; margin-bottom: -9px; }

/*产品介绍*/
.panel-product { padding: 0 70px; background: url(../images/bg-product.png) no-repeat 0 150px; }
.panel-product .item { overflow: hidden; zoom: 1; padding: 50px 0; }
.panel-product .item-pic { float: right; }
.panel-product .item-txt { font-size: 16px; line-height: 34px; padding: 5px 0; }
.panel-product .item-title { font-size: 36px; margin: 0 0 10px; }
.panel-product .item-content { float: left; }
.panel-product .i1 .item-content { padding-top: 230px; }
.panel-product .i2 .item-content { padding-top: 130px; }
.panel-product .i3 .item-content { padding-top: 130px; }
.panel-product .i4 { padding: 100px 0; }
.panel-product .i4 .item-content { padding-top: 30px; }
.panel-product .reverse .item-pic { float: left; }
.panel-product .reverse .item-content { float: right; }

/*功能介绍*/
.panel-function .title-max { text-align: left; font-size: 24px; color: #000; padding: 50px 20px 30px; }
.panel-function ul { overflow: hidden; zoom: 1; }
.panel-function li { float: left; width: 20%; }
.panel-function .item { position: relative; text-align: center; font-size: 16px; border: #eee solid 1px; border-radius: 4px; margin: 0 20px 40px; height: 160px; overflow: hidden; }
.panel-function .item:hover { border-color: #236DEF; }
.panel-function .item .star-tip { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url("../images/icon-product.png") no-repeat 0px -2598px; }
.panel-function .item-media { height: 80px; margin: 30px 0 0; }
.panel-function .item-inner,.panel-function .item-outer { -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all 0.2s; }
.panel-function .item-outer { opacity: 0; padding: 20px; }
.panel-function .item-outer h4 { margin: 0 0 20px; }
.panel-function .item-outer p { font-size: 14px; color: #666; line-height: 20px; }
.panel-function .item:hover .item-inner { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px)
; }
.panel-function .item:hover .item-outer { opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px)
; }
.panel-plan ul { zoom: 1; padding: 20px 0; }
.panel-plan li { float: left; width: 33.3333%; }
.panel-plan .item { text-align: center; font-size: 16px; border: #eee solid 1px; border-radius: 4px; margin: 20px 30px; height: 280px; padding: 20px; }
.panel-plan .item:hover { border: 1px solid #2C8DE1; }
.panel-plan .item-media { height: 80px; margin: 30px 0 0; }
.panel-plan .item-title { font-size: 24px; margin: 0 0 20px; }
.panel-plan .item-txt { line-height: 24px; font-size: 14px; }



/*联系我们*/
.section-contact { max-width: 1200px; margin: 0 auto; }
.section-contact .title-max { color: #000; padding: 30px 0; }
.panel-contact { overflow: hidden; zoom: 1; }
.panel-contact dt { color: #1560ad; font-size: 22px; margin-bottom: 15px; }
.panel-contact dd { font-size: 14px; margin-bottom: 15px; }
.panel-contact .item { overflow: hidden; margin-bottom: 30px; }
.panel-contact .item dl { float: left; margin: 10px 30px 10px; padding: 15px 15px 0 15px; min-height: 230px; }
.panel-contact .item dl:hover { -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,.2); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,.2); box-shadow: 0px 0px 6px 3px rgba(0,0,0,.2); }
.panel-contact .item-bottom dl { float: left; }
.panel-online { padding: 30px 0; }
.panel-online dl { background: url(../images/icon.png) no-repeat 180px 10px #f7f7f7; border-radius: 5px; margin: 0 20px; padding: 20px; }
.panel-online dt { font-size: 18px; margin: 0 0 15px; }
.panel-online dd a { font-size: 14px; display: inline-block; height: 32px; line-height: 32px; border-radius: 5px; color: #fff; background: #3dbd82; padding: 0 15px; }
.panel-online .item-header { height: 44px; background: url(../images/line.gif) repeat-x 0 50%; text-align: center; }
.panel-online .item-title { height: 44px; line-height: 44px; color: #fff; background: #3dbd82; border-radius: 5px; padding: 0 20px; font-size: 18px; display: inline-block; }
.panel-online .item-inner { overflow: hidden; zoom: 1; padding: 30px 0; }
.panel-online .item { float: left; width: 25%; }
.panel-online .icon { vertical-align: middle; margin: 0 5px 0 0; }

.main-holder { background: #f5f7f6; padding-top: 165px; }
.main { max-width: 1200px; margin: 0 auto; padding: 0 0 40px; }


/*加入我们_详情页*/
.faq .faq-title { font-size: 14px; }
.faq .faq-title span { color: #155df5; }
.faq .faq-content { height: auto; background-color: #fafafa; margin-top: 30px; padding: 20px 30px 0px 30px; }
.faq .faq-content .h-title { color: #155df5; font-size: 18px; }
.faq .faq-content .g-title { font-weight: 900; }
.faq .faq-content .g-botton { margin-bottom: 20px; }
.faq-content p { line-height: 40px; font-size: 14px; }
.faq-content .solid { border-top: 1px solid #efefef; margin: 10px 0px 10px 0px; }

/*加入我们*/
.faq .faq-title { font-size: 20px; margin-bottom: 20px; }
.faq .come { background-color: #f8f8f8; padding: 20px 20px 25px 20px; }
.faq .come .search { height: 30px; margin-bottom: 10px; }
.faq .come .search input { width: 200px; height: 25px; padding: 0 5px 0 5px; }
.faq .come .search button { width: 50px; height: 28px; background-color: #155df5; border: none; margin-left: 10px; color: #fff; cursor: pointer; margin-bottom: 50px; }
.faq .come ul { width: 1140px; height: 40px; }
.faq .come ul li { height: 30px; line-height: 30px; font-size: 15px; float: left; padding-left: 20px; }
.faq .come ul .f-first { margin-left: -20px; }
.faq .come ul .size { color: #155df5; }
.faq .tab { margin-top: 30px; font-size: 15px; }
.faq .tab .tab-name { font-weight: bolder; background-color: #efefef; height: 50px; }
.faq .tab tr { border: 1px solid #efefef; height: 70px; }
.faq .tab tr a { cursor: pointer; }
.faq .tab tr td { text-align: center; }
.faq .tab tr .first { text-align: left; padding-left: 60px; }


/*新闻详情*/
.panel-client .panel-title { font-size: 14px; color: #4c8ac5; margin-bottom: 40px; }
.panel-client .panel-title a { color: #4c8ac5; }
.panel-client .panel-left { width: 700px; float: left; }
.panel-client .panel-right { width: 400px; height: auto; float: right; }
.panel-client .panel-right a { display: block; }
.panel-client .panel-right a:hover { background: #3088F4; color: #fff; }
.panel-client .panel-right .r-play { font-size: 16px; line-height: 30px; height: 30px; margin-bottom: 15px; }
.panel-client .panel-right .r-img { width: 400px; height: auto; }
.panel-client .panel-right .r-img img { width: 100%; height: 100%; margin-bottom: 10px; }
.panel-client .panel-right .r-main { font-size: 14px; height: 35px; line-height: 35px; }
.panel-client .panel-right .r-main img { display: inline-block; padding-right: 15px; width: 8px; height: 8px; }
.panel-client .panel-right .r-main span { display: inline-block; }
.panel-client .panel-right .r-border { height: 180px; border: 1px solid #e6e6e6; margin-bottom: 20px; background: url("../images/qiyewangzhan.png") repeat-x; background-size: 100%; }
.panel-client .panel-right .r-border1 { height: 180px; border: 1px solid #e6e6e6; margin-bottom: 20px; background: url("../images/yunkefu.png") repeat-x; background-size: 100%; }
.panel-client .panel-right .r-border2 { height: 180px; border: 1px solid #e6e6e6; margin-bottom: 20px; background: url("../images/tamp.png") repeat-x; background-size: 100%; }
.panel-client .panel-right .r-border3 { height: 180px; border: 1px solid #e6e6e6; margin-bottom: 20px; background: url("../images/qiyeyingxiao.png") repeat-x; background-size: 100%; }
.panel-client .panel-right .border-title { font-size: 16px; padding: 20px 0px 5px 20px; }
.panel-client .panel-right .border-main { font-size: 13px; line-height: 25px; height: 25px; padding: 0 0 0 20px; color: #a6a6a6; }
.panel-client .panel-right .r-border .botton { width: 350px; height: 35px; color: #155df5; text-align: center; line-height: 35px; border: 1px solid #155df5; margin: 20px 20px 0 20px; cursor: pointer; }
.panel-client .panel-right .r-border1 .botton { width: 350px; height: 35px; color: #155df5; text-align: center; line-height: 35px; border: 1px solid #155df5; margin: 20px 20px 0 20px; cursor: pointer; }
.panel-client .panel-right .r-border2 .botton { width: 350px; height: 35px; color: #155df5; text-align: center; line-height: 35px; border: 1px solid #155df5; margin: 20px 20px 0 20px; cursor: pointer; }
.panel-client .panel-right .r-border3 .botton { width: 350px; height: 35px; color: #155df5; text-align: center; line-height: 35px; border: 1px solid #155df5; margin: 20px 20px 0 20px; cursor: pointer; }
.panel-client .panel-left-title h1 { font-size: 25px; text-align: center; line-height: 40px; }
.panel-client .panel-left-title h5 { text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; }
.panel-client .panel-left .mainy { line-height: 30px; font-size: 14px; text-indent: 2em; margin-top: 5px; }
.panel-client .panel-left .mainy-img { width: 700px; height: auto; margin: 10px 0 10px 0; }
.panel-client .panel-left .mainy-img img { display: block; width: 100%; height: 100%; }
.panel-client .panel-left .tab-title { font-size: 14px; margin-top: 50px; height: 30px; line-height: 30px; width: 700px; }
.panel-client .panel-left .tab-title li { float: left; }
.panel-client .panel-left .tab-title .school { padding: 0 5px; background-color: #e5e5e5; margin-left: 10px; text-align: center; }
.panel-client .panel-left .tab-title .email { width: 65px; background-color: #e5e5e5; margin-left: 20px; text-align: center; }
.panel-client .panel-left .tab-down { font-size: 14px; margin-top: 20px; height: 30px; line-height: 30px; width: 700px; }
.panel-client .panel-left .tab-down li { float: left; padding-left: 20px; }
.panel-client .panel-left .tab-footer { width: 700px; height: 30px; line-height: 30px; clear: both; font-size: 14px; margin: 40px 0 40px 0; }
.panel-client .panel-left .tab-footer .footer-left { float: left; }
.panel-client .panel-left .tab-footer .footer-right { float: right; }


/*关于我们*/
.about-section { max-width: 1200px; margin: 0 auto; }
.about-section .title { text-align: center; font-size: 30px; height: 200px; line-height: 200px; }
.course-wrapp .title,.course-wrapy .title { text-align: center; font-size: 30px; padding-top: 70px; }
.course-wrapy .title { color: #fff; }
.swiper-title { height: 200px; max-width: 1200px; margin: 0 auto; text-align: center; font-size: 30px; line-height: 200px; margin-bottom: -60px; }
.panel-producty .title2 { text-align: center; font-size: 16px; padding: 28px 0 20px 0; margin-top: -80px; }
.panel-producty .tit-img { height: 310px; width: 661px; margin: 0 auto; }
.panel-producty .tit-radius { padding: 0 180px; }
.panel-producty .tit-radius .bor-radius { width: 220px; height: 220px; border: 1px solid #236DEF; }
.panel-producty .tit-img img { display: block; width: 100%; height: 100%; }
.panel-producty .i1 { height: 182px; margin: -30px 0 20px 0; }
.panel-producty .i1 .item-top .item-left { height: 182px; width: 356px; border: 1px solid #dcdcdc; float: left; }
.panel-producty .i1 .item-top .item-left .service { height: 20px; padding: 30px 0 0 20px; }
.panel-producty .i1 .item-top .item-left .service .ser-enterprise { font-size: 35px; color: #1069ad; }
.panel-producty .i1 .item-top .item-left .service .ser-time { font-size: 20px; color: #1069ad; }
.panel-producty .i1 .item-top .item-left .service .ser-since { font-size: 12px; color: #939393; }
.panel-producty .i1 .item-top .item-left .service-number { height: 60px; margin-top: 25px; }
.panel-producty .i1 .item-top .item-left .service-number .ser-left { height: 70px; float: left; padding: 20px 10px 0 20px; border-right: 1px solid #e1e1e1; }
.panel-producty .i1 .item-top .item-left .service-number .ser-left .left-number { font-size: 35px; color: #1069ad; }
.panel-producty .i1 .item-top .item-left .service-number .ser-left .left-service { font-size: 12px; color: #939393; line-height: 30px; }
.panel-producty .i1 .item-top .item-left .service-number .ser-right { height: 40px; float: left; padding: 20px 20px 0 20px; }
.panel-producty .i1 .item-top .item-left .service-number .ser-right .left-number { font-size: 35px; color: #1069ad; }
.panel-producty .i1 .item-top .item-left .service-number .ser-right .left-service { font-size: 12px; color: #939393; line-height: 30px; }
.panel-producty .i1 .item-top .item-right { height: 182px; width: 744px; float: right; }
.panel-producty .i1 .item-top .item-right p { line-height: 30px; text-indent: 2em; padding: 10px; font-size: 16px; }

.panel-producty .i2 { height: 230px; margin-bottom: 76px; }

.panel-producty .i3 { height: 252px; }
.panel-producty .i3 .Honor1 { height: 193px; width: 254px; float: left; }
.panel-producty .i3 .Honor1 .Honor-img { width: 254px; height: 193px; }
.panel-producty .i3 .Honor1 .Honor-img img { display: block; width: 100%; height: 100%; }
.panel-producty .i3 .Honor1 .Honor-win { padding-top: 10px; width: 254px; height: 61px; text-align: center; line-height: 25px; font-size: 14px; }
.panel-producty .i3 .Honor1 .Honor-win .Honor-bear { color: #5dacfd; }
.panel-producty .i3 .Honor2 { height: 193px; width: 254px; float: left; margin: 0 190px 0 190px; }
.panel-producty .i3 .Honor2 .Honor-img { width: 254px; height: 193px; }
.panel-producty .i3 .Honor2 .Honor-img img { display: block; width: 100%; height: 100%; }
.panel-producty .i3 .Honor2 .Honor-win { padding-top: 10px; width: 254px; height: 61px; text-align: center; line-height: 25px; font-size: 14px; }
.panel-producty .i3 .Honor2 .Honor-win .Honor-bear { color: #5dacfd; }
.panel-producty .i3 .Honor4 { height: 193px; width: 254px; float: right; }
.panel-producty .i3 .Honor4 .Honor-img { width: 254px; height: 193px; }
.panel-producty .i3 .Honor4 .Honor-img img { display: block; width: 100%; height: 100%; }
.panel-producty .i3 .Honor4 .Honor-win { padding-top: 10px; width: 254px; height: 61px; text-align: center; line-height: 25px; font-size: 14px; }
.panel-producty .i3 .Honor4 .Honor-win .Honor-bear { color: #5dacfd; }
.panel-producty .Arrow { height: 100px; }
.panel-producty .Arrow ul li { float: left; margin: 0 0 0 20px; }


/*发展史*/
.ovh ul,
ol { list-style: none; float: left; }
.ovh li { list-style: none; float: left; }
.wrap { padding: 0 6%; }
.bg-gray { background-color: #f5f5f5; }


/**********发展历程**********/
.course-wrap { padding-top: 32px; padding-bottom: 40px; transition: normal; }
.course-wrap.m-wrap { padding-top: 15px; position: relative; }
.course-wrap p.f48 { font-size: 42px; line-height: 50px; color: #035cac; }
.course-wrap.m-wrap p.f48 { font-size: 20px; line-height: 34px; }
.course-wrap span.f14 { display: block; width: 100%; line-height: 26px; }
.course-wrap.m-wrap span.f14 { line-height: 22px; }
.course-wrap .course-list { margin-top: 30px; max-width: 1200px; position: relative; margin: 0 auto; }
.course-wrap.m-wrap .course-list { margin-top: 20px; }
.course-wrap .course-list .ovh { width: 91%; margin: 0 auto; position: relative; overflow: hidden; background: url(../images/bg_12.png) repeat-x left center; }
.course-wrap.m-wrap .course-list .ovh { background: none; width: 100%; }
.course-wrap .course-list li { width: 300px; position: relative; margin-right: -93px; }
.course-wrap.m-wrap .course-list li { margin-right: 0; margin-bottom: 20px; width: 100%; }
.course-wrap .course-list .main { padding: 17px 20px 27px; background-color: #fff; width: 260px; color: #777; }
.course-wrap .course-list .main p { padding-left: 18px; background: url("../images/ico_125.jpg") no-repeat left 9px; line-height: 20px; }
.course-wrap.m-wrap .course-list .main { width: 94%; padding: 17px 3% 27px; }
.course-wrap .course-list li .top { background: url(../images/bg_10.png) no-repeat left top; padding-top: 45px; height: 42px; line-height: 42px; font-family: "Arial"; font-size: 18px; text-align: center; }
.course-wrap.m-wrap .course-list li .top { padding-top: 0; padding-left: 3%; width: 97%; text-align: left; background: #e8e8e8; }
.course-wrap .course-list li.odd { margin-top: 0; }
.course-wrap.m-wrap .course-list li.odd { position: relative; }
.course-wrap .course-list li.odd .top { background: url(../images/bg_11.png) no-repeat left bottom; padding-bottom: 45px; padding-top: 0; }
.course-wrap.m-wrap .course-list li.odd .top { padding-bottom: 0; background: #e8e8e8; position: absolute; top: 0; left: 0; width: 100%; }
.course-wrap.m-wrap .course-list li.odd .main { margin-top: 42px; }
.course-wrap .course-list .butn { display: block; width: 42px; height: 42px; position: absolute; top: 50%; margin-top: -21px; cursor: pointer; }
.course-wrap.m-wrap .course-list .butn { display: none; }
.course-wrap .course-list .prev { background: url(../images/ico_40.png) no-repeat center top; left: 0; }
.course-wrap .course-list .next { background: url(../images/ico_39.png) no-repeat center top; right: 0; }
.course-wrap .course-list .butn:hover { background-position: center bottom; }
.course-wrap .course-list li:hover .top { background: url(../images/bg_10.png) no-repeat right top; color: #fff; }
.course-wrap.m-wrap .course-list li:hover .top,.course-wrap.m-wrap .course-list li.odd:hover .top { background: #e8e8e8; color: #666; }
.course-wrap .course-list li.odd:hover .top { background: url(../images/bg_11.png) no-repeat right top; color: #fff; }
.course-wrap .title { font-size: 27px; text-align: center; height: 120px; line-height: 120px; }


.course-wrap .warp_title2 { font-size: 15px; line-height: 50px; text-align: center; margin-top: -30px; }
.course-wrap .radius { width: 370px; height: 370px; margin: 0 auto; border: 1px dashed #0068b7; border-radius: 330px; margin-top: 50px; background: url("../images/back.jpg"); position: relative; }
.course-wrap .radius .radius1 { position: absolute; width: 100px; height: 100px; border: 1px dashed #314878; border-radius: 130px; left: 130px; top: -50px; background-color: #fff; text-align: center; }
.course-wrap .radius .radius2 { position: absolute; width: 100px; height: 100px; border: 1px dashed #314878; border-radius: 130px; left: 310px; top: 95px; background-color: #fff; text-align: center; }
.course-wrap .radius .radius3 { position: absolute; width: 100px; height: 100px; border: 1px dashed #314878; border-radius: 130px; left: 250px; top: 280px; background-color: #fff; text-align: center; }
.course-wrap .radius .radius4 { position: absolute; width: 100px; height: 100px; border: 1px dashed #314878; border-radius: 130px; right: 240px; top: 280px; background-color: #fff; text-align: center; }
.course-wrap .radius .radius5 { position: absolute; width: 100px; height: 100px; border: 1px dashed #314878; border-radius: 130px; right: 310px; top: 100px; background-color: #fff; text-align: center; }
.course-wrap .radius .radiu-mid { position: absolute; width: 150px; height: 150px; border: 2px solid #0068b7; border-radius: 130px; right: 110px; top: 100px; background-color: #f5f5f5; text-align: center; }
.course-wrap .radius .radiu-mid .radiu-ser { font-size: 24px; color: #0d53b2; line-height: 120px; }
.course-wrap .radius .radiu-mid .radius-ser { margin-top: -30px; }
.course-wrap .radius .radius1 .radiu1-ser { font-size: 21px; color: #0459cc; line-height: 80px; }
.course-wrap .radius .radius1 .radius1-ser { color: #7a7979; margin-top: -15px; }
.course-wrap .radius .radius2 .radiu2-ser { font-size: 21px; color: #0459cc; line-height: 80px; }
.course-wrap .radius .radius2 .radius2-ser { color: #7a7979; margin-top: -15px; }
.course-wrap .radius .radius3 .radiu3-ser { font-size: 21px; color: #0459cc; line-height: 80px; }
.course-wrap .radius .radius3 .radius3-ser { color: #7a7979; margin-top: -15px; }
.course-wrap .radius .radius4 .radiu4-ser { font-size: 21px; color: #0459cc; line-height: 80px; }
.course-wrap .radius .radius4 .radius4-ser { color: #7a7979; margin-top: -15px; }
.course-wrap .radius .radius5 .radiu5-ser { font-size: 21px; color: #0459cc; line-height: 80px; }
.course-wrap .radius .radius5 .radius5-ser { color: #7a7979; margin-top: -15px; }
.course-wrapp { height: 254px; background: url("../images/about_vision.jpg"); background-size: 100% 100%; }
.course-wrapp .wrap_title { font-size: 28px; text-align: center; padding-top: 70px; }
.course-wrapp .warp_title2 { font-size: 20px; text-align: center; padding-top: 42px; }

.course-wrapy { height: 280px; background: url("../images/vioic-come.jpg"); background-size: 100% 100%; }
.course-wrapy .wrap_title { font-size: 28px; text-align: center; color: #fff; padding-top: 42px; }
.course-wrapy .warp_title2 { font-size: 14px; text-align: center; color: #fff; padding-top: 21px; }
.course-wrapy .lop { margin: 0 auto; width: 178px; height: 50px; border-radius: 3px; background-color: #00a7f7; line-height: 50px; margin-top: 40px; text-align: center; font-size: 14px; cursor: pointer; }
.course-wrapy .lop a { color: #fff; cursor: pointer; }
.course-wrapy .lop:hover { background-color: #2b63be; }


/*合作加盟*/
.panel-producty .coop { text-align: center; height: 180px; }
.panel-producty .coop .coop-title { text-align: center; font-size: 35px; color: #155df5; line-height: 100px; margin-top: 50px; }
.panel-producty .coop .coop-title2 { text-align: center; font-size: 15px; color: #666666; }
.panel-producty .i5 { height: 185px; margin: 10px 0 90px 0; }
.panel-producty .i5 li { height: 185px; width: 356px; float: right; margin-right: 23px; }
.panel-producty .i5 li .i5-mid { height: 185px; width: 240px; margin: 0 auto; text-align: center; }
.panel-producty .i5 li .i5-mid .mid-img { height: 55px; width: 55px; margin: 0 auto; }
.panel-producty .i5 li .i5-mid .mid-img img { display: block; height: 100%; width: 100%; }
.panel-producty .i5 li .i5-mid .i5-title { height: 60px; line-height: 60px; font-size: 17px; font-weight: bold; }
.panel-producty .i5 li .i5-mid  p { height: 25px; line-height: 25px; font-size: 14px; color: #737373; }
.coop-wrap { height: 360px; background: url("../images/coop_gay.jpg"); background-size: 100% 100%; text-align: center; }
.coop-wrap .wrap-title { font-size: 42px; height: 90px; line-height: 90px; padding-top: 45px; }
.coop-wrap .wrap-title2 { font-size: 20px; height: 40px; line-height: 40px; }
.coop-wrap p { font-size: 14px; height: 30px; line-height: 30px; }
.coop-wrap .hotline { font-size: 20px; color: #6386f1; height: 60px; line-height: 60px; }
.coop-wrap .hotline i { font-size: 28px; }


/*分页*/
.pagenum { width: 100%; height: auto; line-height: 24px; text-align: center; margin: 40px 0 50px; font-size: 14px; }
.pagenum span { color: #fff !important; background-color: #c2272f !important; border: 1px #c2272f solid !important; padding: 4px 10px !important; border-radius: 4px !important; }
.pagenum a { color: #3f3f3f; background-color: #efefef; border: 1px #e1e1e1 solid; padding: 4px 10px; border-radius: 4px; }
.pagenum a:hover { color: #fff; background-color: #c2272f; border: 1px #c2272f solid; padding: 4px 10px; }


/*在线悬浮代码*/
.m-confirm { width: 67px; position: fixed; top: 50%; right: 0px; background-color: #fff; font-size: 12px; color: #fff; margin-top: -171px; z-index: 9999; }
.m-confirm .z-show { display: block !important; }
.m-confirm .z-over { background-color: #197ad8 !important; }
.m-confirm .z-over-1 { background-color: #c6c6c6 !important; }
.m-confirm .i-sprite { background: url("../images/icon-sprite.png") no-repeat; display: inline-block; zoom: 1; width: 67px; height: 30px; margin-top: 28px; overflow: hidden; }
.m-confirm .online { height: 99px; text-align: center; border-bottom: 1px solid #8dc7ff; cursor: pointer; background-color: #378fe5; }
.m-confirm .online .i-sprite-1 { background-position: 20px 0px; }
.m-confirm .tel { height: 99px; text-align: center; border-bottom: 1px solid #8dc7ff; position: relative; cursor: pointer; background-color: #378fe5; }
.m-confirm .tel .i-sprite-2 { background-position: 20px -28px; }
.m-confirm .tel .content { width: 131px; height: 43px; background: url("../images/tel-aside@2x.png") no-repeat; background: url("../images/tel-aside@1x.png") no-repeat\9; background-size: 138px 43px; line-height: 43px; position: absolute; display: none; top: 27px; left: -147px; z-index: 9999; font-size: 14px; color: #333; text-align: left; padding-left: 17px; }
.m-confirm .demo { padding: 30px 0; text-align: center; background-color: #378fe5; border-bottom: 1px solid #8dc7ff; cursor: pointer; }
.m-confirm .demo .icon { width: 25px; height: 25px; margin-bottom: 5px; }
.m-confirm .demo:hover { background-color: #197ad8; }
.m-confirm .totry { padding: 30px 0; text-align: center; background-color: #378fe5; border-bottom: 1px solid #8dc7ff; cursor: pointer; }
.m-confirm .totry .icon { width: 25px; height: 25px; margin-bottom: 5px; }
.m-confirm .totry:hover { background-color: #197ad8; }
.m-confirm .top { height: 43px; text-align: center; background-color: #dbdbdb; cursor: pointer; }
.m-confirm .top .i-sprite-4 { height: 20px; background-position: 27px -81px; margin-top: 0px; }
.m-confirm .top p { color: #666; font-weight: bolder; height: 20px; line-height: 10px; }