/***æ ·å¼åˆå§‹åŒ–***/
html{margin:0;padding:0;border:0; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-family: "微软雅黑";}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, input, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body{font-size:14px;color:#555;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
img{border:0;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;}
/*a{text-decoration: none;}*/
b,strong{font-weight: bold;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input:focus,textarea:focus,button:focus,select:focus{ border-color: #E79D34;}
input::-ms-clear{display:none;}
button[disabled],html input[disabled]{cursor:default;}
table{border-collapse:collapse;border-spacing:0;}
label{ cursor: pointer;}
a:active,a:visited{outline: none; border: 0;}
/*清除浮动*/
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { clear:both; }
.content{ margin: 0 auto; width: 920px;}
/***æ ·å¼åˆå§‹åŒ– END***/
/***float***/
.fl { float: left !important; }
.fr { float: right !important; }
/***éšè—与显示***/
.show{display:block !important;}
.hidden{display:none !important;}
.visible-hidden { visibility: hidden; }
.over-initial{overflow: initial !important;}
.vertical-box img { display: block; width: 100%;height: 100%;max-width: 100%; max-height: 100%;}
/***动画过渡时间***/
.transition-0-3s{transition: all 0.3s;}
.transition-0-5s{transition: all 0.5s;}
.transition-0-8s{transition: all 0.8s;}
.transition-1-0s{transition: all 1s;}
.transition-1-5s{transition: all 1.5s;}
.transition-2-0s{transition: all 2s;}
.no-transition{transition:none !important;}
/***文本类容***/
/*æ ‡é¢˜*/
h1,.h1{font-size:28px;}
h2,.h2{font-size:24px;}
h3,.h3{font-size:18px;}
h4,.h4{font-size:16px;}
h5,.h5{font-size:14px;}
h6,.h6{font-size:12px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small{font-size:60%;filter:alpha(opacity=60);opacity:.6;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{font-size:12px;filter:alpha(opacity=60);opacity:.6;}
/*自定义链接颜色(å¯è‡ªç”±æ›´æ¢)*/
a{color:#555;text-decoration:none;} /*链接-颜色*/
a:hover{color:#20b7ff;} /*链接-悬浮颜色*/
.text-underline:hover {text-decoration:underline;}
.bd-t-big{ border-top: 10px solid #f9f9f9;}
.bd-t-default{ border-top: 5px solid #f9f9f9;}
/*段è½*/
p,.p{line-height:25px;}
.text-indent,.text-indent p,.text-indent div{text-indent:2em;}
/*粗体*/
.strong{font-weight:bold;}
.text-normal{font-weight:normal;}
/*对é½*/
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-justify{text-align:justify !important;}
/*文本çœç•¥*/
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.no-ellipsis{overflow:auto;text-overflow:initial;white-space:normal;}
.text-two{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.text-three{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/*å—å·*/
.text-large{font-size:24px !important;}
.text-big{font-size:16px !important;}
.text-default{font-size:14px !important;}
.text-small{font-size:12px !important;}
.text-little{font-size:10px !important;}
.f-13{ font-size: 13px;}
.f-18{ font-size: 18px;}
.f-20{ font-size: 20px;}
.f-22{ font-size: 22px;}
.f-24{ font-size: 24px;}
.f-26{ font-size: 26px;}
.f-32{ font-size: 32px;}
.f-30{ font-size: 30px;}
.f-36{ font-size: 36px;}
.f-38{ font-size: 38px;}
.text-letter{ letter-spacing: 2px;}
/*å—体颜色*/
.text-main{color:#20b7ff;}/*主色*/
.text-sub{color:#e98e0b;}/*辅色*/
.text-dot{color:#fc3b3b;}/*点缀色*/
.text-mix{color:#545454;}/*èžåˆè‰²*/
.text-white{color:#fff;}/*白色*/
.text-black{color:#000;}/*黑色*/
.text-grey{color:#999;}/*æµ…ç°è‰²*/
.text-light-grey{color:#969696;}/*æ·±ç°è‰²*/
.text-red{color:#8a2828;}
.text-orange{color:#f08200 !important;}
.text-blue{color:#5c5c68;}
.text-green{color:#01a75f;}
.text-dark-grey{ color: #323232;}
.text-greys{ color: #646464;}
.text-red{ color: #e90e0e;}
.text-dark-red{ color: #8a2828;}
.text-dark-dot{ color: #9b1414;}
.text-dark-sub{ color: #e94a0b;}
.text-black-light{color: #323232;}
.text-deep{ color: #1d1d1d;}
.text-lightBlack{ color: #333;}
.text-grey-light{ color: #a9a9a9;}
/*行高*/
.text-lh-little{line-height: 16px;}
.text-lh-small{line-height: 18px;}
.text-lh{line-height: 22px;}
.text-lh-big{line-height: 24px;}
.text-lh-large{line-height: 28px;}
/***input***/
.input{font-size:16px;padding:6px 10px;border:solid 1px #ccc;width:100%;height:40px;line-height:15px;display:block;background-color: #fff; -webkit-appearance:none;/*transition:all 1s;*/}
.input:focus,.input-focus{border-color:#20b7ff;}
.input:hover,.input-hover{border-color:#20b7ff;}
.input-error,.input-error:hover{border-color:#20b7ff;}
.input-error:focus{border-color:#d93600;background-color:#fff;}
.input-disabled, .input-disabled:hover, .input[disabled], .input[disabled]:hover {border-color:#999;background-color: #eee;}
.input-readonly, .input[readonly], .input[readonly]:hover { border-color: #ccc; background-color: #fff; }
.inline{ display: inline-block;}
/* å¤é€‰æ¡†ã€å•é€‰æ¡† */
.check[type=checkbox]{ display: inline-block; width: 14px; height: 14px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.check[type=checkbox]:before{content: ' '; display: inline-block; width: 14px; height: 14px; background: url(../img/check.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.check[type=checkbox]:checked:before{ background-image: url(../img/checked.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.check-input[type=checkbox]{ display: inline-block; width: 14px; height: 14px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.check-input[type=checkbox]:before{content: ' '; display: inline-block; width: 14px; height: 14px; background: url(../img/checks.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.check-input[type=checkbox]:checked:before{ background-image: url(../img/checkeds.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio[type=radio]{ display: inline-block; width: 16px; height: 16px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.radio[type=radio]:before{content: ' '; display: inline-block; width: 16px; height: 16px; background: url(../img/radio.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio[type=radio]:checked:before,.radio.checked[type=radio]:before{ background-image: url(../img/radioed.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio-input[type=radio]{display: inline-block; width: 14px; height: 14px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.radio-input[type=radio]:before{content: ' '; display: inline-block; width: 16px; height: 16px; background: url(../img/radios.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio-input[type=radio]:checked:before{ background-image: url(../img/radiosed.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
/***Button***/
.button {display:inline-block;padding: 4px 20px;border: 1px solid #ddd;border-radius: 3px;color: #3a3a3a;font-size:14px; line-height: 23px; text-align: center; background:transparent; /*transition: all 0.3s;*/ cursor: pointer; }
.button-full{display:block;width:100%;}
.button:hover{background:#f1f1f1;}
.button.bg-black,.button.bg-dark-grey,.button.bg-main,.button.bg-dot,.button.bg-gray,.button.bg-light-gray,.button.bg-sub,.button.bg-mix,.button.bg-pink,.button.bg-red,.button.bg-orange,.button.bg-blue,.button.bg-green {color:#fff;border:0;}
.button.bg-black:hover{background:#222;}
.button.bg-dark-grey:hover{background:#444;}
.button.bg-main:hover{background:#1380cb;}
.button.bg-dot:hover{background:#d93600;}
.button.bg-gray:hover{background:#aaa;}
.button.bg-light-gray:hover{background:#aaa;}
.button.bg-sub:hover{background:#ce8011;}
.button.bg-mix:hover{background:#ff5a00;}
.button.bg-white:hover{background:#f1f1f1;}
.button.bg-gray-white:hover{background:#fff;}
.button.bg-pink:hover{background: #e13538;}
.button.bg-red:hover{background: #d10;}
.button.bg-orange:hover{background: #f60;}
.button.bg-blue:hover{background: #0ae;}
.button.bg-green:hover{background: green;}
.button.border-gray:hover,.button.border-main:hover,.button.border-dot:hover,.button.border-mix:hover,.button.border-sub:hover,.button.border-black:hover{color:#fff;}
.button.border-gray-white:hover{background: #eee;}
.button.border-light-gray:hover{background:#ccc;}
.button.border-gray:hover{background:#999;}
.button.border-black:hover{background:#000;}
.button.border-main:hover{background:#2a95de;}
.button.border-sub:hover{background:#1380cb;}
.button.border-mix:hover{background: #d93600;}
.button.border-dot:hover{background: #ff5a00;}
/***select***/
.select{width:100%;height:26px;border:1px solid #ccc;}
.select:focus,.select:hover{border-color:#E79D34;}
/***textarea***/
.textarea{border:1px solid #ccc;resize: none;}
.textarea:hover{border-color:#3db8f9;}
.textarea:focus{border-color:#3db8f9;}
/***margin***/
/***background***/
.bg{ background: #eee; }
.bg-grey{background: #f5f5f5;}
.bg-dark-grey{background: #eaeaea;}
.bg-black{background: #000;}
.bg-white{background: #fff;}
.bg-gray-white{background: #f7f7f7;}
.bg-main{background: #3cb7f9;}
.bg-sub{background: #e98e0b;}
.bg-mix{background: #d93600;}
.bg-dot{background: #ff5a00;}
.bg-pink{background: #e13538;}
.bg-red{background: #d10;}
.bg-orange{background: #f60;}
.bg-blue{background: #0ae;}
.bg-green{background: green;}
.bg-inverse,.bg-inverse a{color: #fff;}
.bg-none{background:none !important;}
.bg-light-red{background: #f00;}
/*内边è·,å…¨,上,下,å·¦,å³*/
.pd-tb-100{ padding-top: 100px; padding-bottom: 100px;}
.pd-tb-40{ padding-top: 40px; padding-bottom: 40px;}
.pd-tb-20{ padding-top: 20px; padding-bottom: 20px;}
.pd-tb-30{ padding-top: 30px; padding-bottom: 30px;}
.pd-lr-30{ padding-left: 30px; padding-right: 30px;}
.pd-lr-20{ padding-left: 20px; padding-right: 20px;}
.pd-30{ padding: 30px;}
.pd-25{ padding: 25px;}
.pd-10{padding: 10px;}
.pt-60{ padding-top: 60px;}
.pt-50{ padding-top: 50px;}
.pt-20{ padding-top: 20px;}
.pt-15{padding-top: 15px;}
.pt-10{ padding-top: 10px;}
.pt-5{ padding-top: 5px;}
.pb-40{ padding-bottom: 40px;}
.pb-20{ padding-bottom: 20px;}
.pb-15{ padding-bottom: 15px;}
.pb-10{ padding-bottom: 10px;}
.pb-5{ padding-bottom: 5px;}
.pl-10{ padding-left: 10px;}
.pl-15{ padding-left: 15px;}
.pl-20{ padding-left: 20px;}
.pl-30{ padding-left: 30px;}
/*外边è·,å…¨,上,下,å·¦,å³*/
.mg-10{ margin: 10px;}
.mt-120{ margin-top: 120px;}
.mt-100{ margin-top: 100px;}
.mt-85{ margin-top: 85px;}
.mt-70{ margin-top: 70px;}
.mt-60{ margin-top: 60px;}
.mt-50{ margin-top: 50px;}
.mt-45{ margin-top: 45px;}
.mt-40{ margin-top: 40px;}
.mt-35{ margin-top: 35px;}
.mt-30{ margin-top: 30px;}
.mt-25{ margin-top: 25px;}
.mt-20{ margin-top: 20px;}
.mt-15{ margin-top: 15px;}
.mt-10{ margin-top: 10px;}
.mt-7{ margin-top: 7px;}
.mt-5{ margin-top: 5px;}
.mr-100{ margin-right: 100px;}
.mr-80{ margin-right: 80px;}
.mr-70{ margin-right: 70px;}
.mr-30{ margin-right: 30px;}
.mr-20{ margin-right: 20px;}
.mr-15{ margin-right: 15px;}
.mr-10{ margin-right: 10px;}
.mr-5{ margin-right: 5px;}
.ml-70{ margin-left: 70px;}
.ml-40{ margin-left: 40px;}
.ml-30{ margin-left: 30px;}
.ml-20{ margin-left: 20px;}
.ml-15{ margin-left: 15px;}
.ml-10{ margin-left: 10px;}
.ml-5{ margin-left: 5px;}
.mb-80{ margin-bottom: 80px;}
.mb-60{ margin-bottom: 60px;}
.mb-50{ margin-bottom: 50px;}
.mb-40{ margin-bottom: 40px;}
.mb-30{ margin-bottom: 30px;}
.mb-20{ margin-bottom: 20px;}
.mb-15{ margin-bottom: 15px;}
.mb-10{ margin-bottom: 10px;}
.mb-5{ margin-bottom: 5px;}
/*æ— åºæœ‰åºåˆ—表*/
ul{list-style:none;}
/***布局***/
.layout{width: 100%;}
.lh-18{ line-height: 18px;}
.lh-20{ line-height: 20px;}
.lh-22{ line-height: 22px;}
.lh-26{ line-height: 26px;}
.lh-28{ line-height: 28px;}
.lh-30{ line-height: 30px;}
.lh-32{ line-height: 32px;}
.lh-60{ line-height: 60px;}
/*宽度比例*/
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w5 { width: 5%; }
.w15 { width: 15%; }
.w25 { width: 25%; }
.w35 { width: 35%; }
.w45 { width: 45%; }
.w55 { width: 55%; }
.w65 { width: 65%; }
.w75 { width: 75%; }
.w85 { width: 85%; }
.w95 { width: 95%; }
.w33{ width: 33.33%;}
.bd-b-none{ border-bottom: none !important;}
.bd-r{ border-right: 1px solid #bbb;}
.bd-b{ border-bottom: 1px solid #cdcdcd;}
.bd-t{ border-top: 1px solid #f5f5f5;}
video::-webkit-media-controls {
overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
width: calc(100% + 32px);
margin-left: auto;
}
video::-internal-media-controls-download-button {
display:none;
}
.footer-copyright>span>a{
color: #fff;
}
@font-face {
font-family:cg;
src: url(../fonts/cg.OTF);
}
.mt-large{ margin-top: 190px;}
.search-content{ min-height: 450px;}
.search-tips{ font-size: 15px; margin-top: 300px;}
.dis-inline{ display: inline-block;}
.home-news .item .text p{ height:80px;}
.top-bar{ position: fixed; top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #969696; background: #eaeaea; z-index: 1003;}
.top-bar .item{ position: relative; float: left; margin-left: 50px; cursor: pointer;}
.top-bar .item .ico{ margin-right: 6px;}
.top-bar .item:hover .ico.ico-webo{ background-image: url(../img/ico1.png);}
.top-bar .item:hover .ico.ico-wechart{ background-image: url(../img/ico3.png);}
.top-bar .item:hover .ico.ico-tel{ background-image: url(../img/ico5.png);}
.top-bar .item:hover .ico.ico-phone{ background-image: url(../img/ico7.png);}
.top-bar .item:hover{ color: #008cd6;}
.top-bar .item:first-child:hover{ color: #d52b2a;}
.top-bar .item:nth-child(2):hover{ color: #42ae3c;}
.top-bar .item .bar-popup{ display: none; position: absolute; top: 40px; left: 0; padding: 10px; width: 100px; height: 100px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); z-index: 999;}
.top-bar .item .bar-popup img{ width: 100%;}
.top-bar .item:hover .bar-popup{ display: block;}
.logo-wrap{ position: fixed; top: 40px; left: 0; width: 100%; height: 100px; background: #fff; z-index: 1002;}
.logo-wrap .logo{ margin-top: 20px; margin-right: 20px; width: 134px; height: 40px;}
.logo-wrap .logo img{ width: 100%;}
.logo-wrap .font{ position: relative; margin-top: 20px; padding-left: 17px; width: 87px; font-size: 16px; font-weight: bold; color: #0072b7;}
.logo-wrap .font:before{ position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 40px; background: #008cd6; }
.logo-wrap .nav-cart{ display: block; margin-right: 20px; margin-top: 24px; font-size: 15px; color: #646464;}
.logo-wrap .search-wrap{ position: relative; margin-top: 17.5px; width: 395px; height: 40px; border: 1px solid #dcdcdc; background: #fff; border-radius: 20px;}
.logo-wrap .search-wrap .input{ padding-left: 25px; width: 64%; height: 100%; font-size: 12px; border: none; border-radius: 30px;}
.logo-wrap .search-wrap .select{ position: relative; padding-left: 10px; width: 90px; height: 100%; font-size: 14px; line-height: 38px; color: #646464; border: none; cursor: pointer; z-index: 999;}
.logo-wrap .search-wrap .select:after{ position: absolute; content: ''; top: 4px; left: 0; height: 30px; border-left: 1px solid #dcdcdc;}
.logo-wrap .search-wrap .select:before{ position: absolute; content: ''; top: 50%; right: 0; margin-top: -4px; width: 14px; height: 8px; background: url(../img/arrow-down.png) no-repeat; background-size: 100% 100%;}
.logo-wrap .search-wrap .select .drop{ display: none; position: absolute; top: 38px; left: 0; width: 100%; text-align: center; border: 1px solid #dcdcdc; background: #fff; z-index: 999;}
.logo-wrap .search-wrap .select .drop .item{ line-height: 38px; border-bottom: 1px solid #dcdcdc;}
.logo-wrap .search-wrap .select .drop .item:last-child{ border-bottom: none;}
.logo-wrap .search-wrap .select .drop .item:hover{ color: #008cd6;}
.logo-wrap .search-wrap .select:hover .drop{ display: block;}
.side-nav{ position: fixed; right: 23px; bottom: 200px; z-index: 999;}
.side-nav .item{ position: relative; width: 70px; height: 65px; border-bottom: 1px solid #b1b1b1; background: #ebebeb; text-align: center; cursor: pointer;}
.side-nav .item:first-child{ background: #00aef2; border-bottom: none;}
.side-nav .item:last-child{ border-bottom: none;}
.side-nav .item:hover .ico.ico-qq{ background-image: url(../img/ico22.png);}
.side-nav .item:hover .ico.ico-phones{ background-image: url(../img/ico24.png);}
.side-nav .item:hover .ico.ico-wecharts{ background-image: url(../img/ico26.png);}
.side-nav .item:hover .ico.ico-xcxs{ background-image: url(../img/ico28.png);}
.side-nav .item .popup{ position: absolute; top: 0; right: 76px; width: 0; height: 65px; background: #00aef2; color: #fff; font-size: 16px; text-align: center; line-height: 65px; transition: all .5s; -webkit-transition: all .5s; overflow: hidden;}
.side-nav .item .code-popup{ top: -38px; padding: 0; height: 100px;}
.side-nav .item .code-popup img{width: 100%;}
.side-nav .item:hover .popup{ width: 150px;}
.side-nav .item:hover .code-popup{ width: 100px; padding: 10px;}
.nav-wrap.fixed{ top: 40px;}
.nav-wrap{ position: fixed; top: 140px; left: 0; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 16px; background: url(../img/bg.png) repeat-x; z-index: 1001;}
.nav-wrap .nav-list .item{ position: relative; float: left; width: 105px; line-height: 50px; font-size: 16px; text-align: center;}
.nav-wrap .nav-list .item a{ display: block;}
.nav-wrap .nav-list .item a,.nav-wrap a{ color: #fff;}
.nav-wrap .nav-list .item:first-child{ width: 240px;}
.nav-wrap .nav-list .item.current,.nav-wrap .nav-list .item:hover{ background: #067ab8;}
.nav-wrap .nav-list .item:after{ position: absolute; top: 0; right: 0; content: ''; width:2px; height: 50px; background: url(../img/line.png) no-repeat; background-size: 100% 100%;}
.nav-wrap .nav-list .item:last-child:after{ width: 0;}
.nav-wrap .head{ margin-right: 10px; margin-top: 10px; width: 30px; height: 30px; border-radius: 50%; overflow: hidden;}
.nav-wrap .line{ margin: 0 15px;}
.nav-wrap .nav-list .item .nav-popup{ display: none; position: absolute; top: 50px; left: 0; width:500px;}
.nav-popup .popup-item,.nav-popup a.popup-item{ width: 180px; height: 70px; text-align: center; line-height: 70px; font-size: 16px; color: #fff; border-bottom: 1px solid #6aafd4; background: #067ab8; cursor: pointer;}
.nav-popup .popup-item:last-child{ border-bottom: none;}
.nav-popup .popup-item:hover,.nav-popup .popup-item.current{ background: #3db8f9;}
.nav-popup .popup-wrap{ display: none; position: absolute; top: 0; left: 180px; width: 200px; height: 420px; background: rgba(255,255,255,.9);}
.popup-wrap .nav-item{ height: 70px;}
.popup-wrap .nav-item .drop-item{ display: inline-block !important; width: 31%; line-height: 70px; font-size: 14px; text-align: center; color: #646464 !important;}
.popup-wrap .nav-item .drop-item:hover,.popup-wrap .nav-item .drop-item.current{ color: #3db8f9 !important;}
.nav-wrap .nav-list .item:hover .nav-popup{ display: block;}
.nav-wrap .js-drop:hover .popup-wrap{ display: block;}
.banner{ position: relative; width: 100%; height:500px;}
.banner-box{ position: relative;}
.banner-box .hd{ position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 1000;}
.banner-box .hd ul li{ display: inline-block; margin-right: 10px; width: 55px; height: 5px; background: #fff; cursor: pointer;}
.banner-box .hd ul li:last-child{ margin-right: 0;}
.banner-box .hd ul li.on{ background: #008cd6;}
.banner-box .banner-wrap ul{ width: 100%; height: 100%;}
.banner-box .banner-wrap ul li{position: relative; float: left; width: 100%; height: 500px;}
.banner-box .banner-wrap ul li a{ display: block; position: absolute; top: 0; left:34%; width: 34%; height: 100%; z-index: 999;}
.banner .banner-content{ position: absolute; top: 35px; left: 50%; margin-left: -600px; width: 1200px; z-index: 990;}
.banner-content .left{ width: 240px; background: rgba(0,0,0,.4);}
.banner-content .left .item{ padding: 0 20px; height: 70px; line-height: 70px; font-size: 14px; color: #fff; border-bottom: 1px solid #acb5bb;}
.banner-content .left .item .title{ width: 92px; font-size: 16px;}
.banner-content .left .item .font-wrap a{margin-right: 3px; color: #fff;}
.banner-content .left .item .font-wrap a:hover{ text-decoration: underline;}
.banner-content .left .item:last-child{ border-bottom: none;}
.banner-content .right{ width: 240px; height: 430px;}
.banner-content .right .item{ float: left; width: 100%; height: 430px;}
.banner-content .right .item .vertical-box{ width: 100%; height: 290px; overflow: hidden;}
.banner-content .right .item .vertical-box img{ height: auto; max-height: initial;}
.banner-content .right .item .text{ position: relative; padding: 20px; height: 140px; background: #e8e8e8; font-size: 14px; color: #646464; overflow: hidden;}
.banner-content .right .item .text .name{ font-size: 16px; color: #323232;}
.star span{ display: inline-block; width: 19px; height: 18px; background: url(../img/ico29.png) no-repeat; background-size: 100% 100%;}
.home-list-wrap{ margin-top: 60px;}
.home-title{ position: relative; font-family: cg; font-size: 30px; color: #323232;}
.home-title:after{ position: absolute; bottom: -10px; left: 0; content: ''; width: 40px; height: 2px; background: #5b5b5b;}
.home-list-wrap .english{ margin-left: 10px; margin-top: 10px; font-size: 16px; color: #646464; text-transform: uppercase;}
.home-list-wrap .center{ margin-left: 170px; text-align: center;}
.center-tab .item{ display: inline-block; position: relative; padding-right: 40px; font-size: 14px; color: #323232; cursor: pointer;}
.center-tab .item.current,.center-tag .item.current a,.center-tag .item:hover a,.center-tab .item:hover{ color: #20b7ff;}
.center-tab .item:after{ position: absolute; top: 2px; right: 0; content: ''; width: 1px; height: 15px; background: #323232; }
.center-tab .item:last-child{ padding-left: 40px; padding-right: 0;}
.center-tab .item:last-child:after{ width: 0;}
.center-tag{ margin-top: 10px;}
.center-tag .item{ display: inline-block; font-size: 12px; color: #323232;}
.center-tag .item a{ color: #323232;}
.center-tag .line{ display: inline-block; margin: 0 20px;}
.home-more{ display: block; width: 140px; height: 36px; line-height: 36px; font-size:14px; color: #7f7f7f; text-align: center; border: 1px solid #7f7f7f; cursor: pointer; border-radius: 20px;}
.home-more:hover{ background: #008cd6; border-color: #008cd6; color: #fff;}
.home-more:hover .ico.ico-more{ background-image: url(../img/ico30.png);}
.more{ display: block; width: 95px; height: 32px; line-height: 32px; text-align: center; font-size: 12px; background: #20b7ff; color: #fff; cursor: pointer; border-radius: 20px;}
.more:hover{ background: #0ea8f1; color: #fff;}
.course-wrap .home-list .item{ background: #fff;}
.home-list .item{ float: left; margin-top: 35px; margin-right: 75px; width: 350px; height: 386px; background: #f5f5f5;}
.home-list .item:nth-child(3n+0){ margin-right: 0;}
.home-list .item .vertical-box{ width: 100%; height: 210px; overflow: hidden;}
.home-list .item .text{ padding: 20px; background: #f5f5f5;}
.home-list .item .text .title{ display: block; font-size: 16px; color: #323232; line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-list .item .text .price{ font-size: 16px; color: #fc3b3b;}
.home-list .item:hover{ box-shadow: 0 0 10px rgba(0,0,0,.3);}
.home-groom{ margin-top: 10px; margin-left: 100px;}
.home-groom a{ margin-right: 5px; color: #969696;}
.home-groom a:hover{ color: #00aef2;}
.data-list{ margin-top: 40px;}
.data-list .item{ float: left; margin-right: 45px; margin-bottom: 20px; width: 575px; height: 420px; border: 1px solid #dcdcdc;}
.data-list .item:nth-child(2n+0){ margin-right: 0;}
.data-list .item .title{ padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc; background: #f1f1f1;}
.data-list .item .select{ margin-left: 30px; width: 100px; height: 50px; border: none; font-size: 14px; color: #323232;}
.data-list .item .data-content{ padding: 0 20px; width: 100%; height:370px;overflow:hidden;}
.data-content .data-item{ display: block; position: relative; margin-top: 18px; font-size: 13px; color: #646464;}
.data-content .data-item:hover{ color: #00aef2;}
.data-content .data-item:nth-child(6) .ico.ico-sort,
.data-content .data-item:nth-child(7) .ico.ico-sort,
.data-content .data-item:nth-child(8) .ico.ico-sort,
.data-content .data-item:nth-child(9) .ico.ico-sort,
.data-content .data-item:nth-child(10) .ico.ico-sort{ height: 16px; background-image: url(../img/ico12.png);}
.home-team{ margin-top: 40px;}
.home-team .item{ float: left; margin-right: 26px; width: 280px; background: #e8e8e8;}
.home-team .item:last-child{ margin-right: 0;}
.home-team .item .vertical-box{ width: 100%; height: 360px;}
.home-team .item .text{ padding: 20px; height: 150px; color: #a8a8a8; font-size: 14px;}
.home-team .item .text .name{ font-size: 18px; color: #353535;}
.home-team .item:hover{ background: #20b7ff;}
.home-team .item:hover .text,.home-team .item:hover .text .name{ color: #fff;}
.home-news .item{ float: left; margin-top: 40px; width: 600px; height: 140px;}
.home-news .item .vertical-box{ width: 200px; height: 140px; overflow: hidden;}
.home-news .item .text{ padding: 0 20px; width: 400px; color: #646464;}
.home-news .item .text .title{ font-size: 16px; color: #323232;}
.home-news .item .text .time{ color: #969696;}
.home-news .item:hover .text .title{ color: #20b7ff;}
.home-about{ margin-top: 40px; height: 375px;}
.home-about .left{ width: 580px; height: 375px;}
.home-about .right{ width: 580px;}
.home-about .right .text{ margin-bottom: 10px; height: 315px; overflow: hidden;}
.home-about .right p{ margin-bottom: 10px; font-size: 16px; color: #646464; line-height: 32px;}
.home-scene{ margin-top: 40px; width: 100%;}
.home-scene .item{ float: left; width: 50%; height: 350px; cursor: pointer; overflow: hidden;}
.home-scene .item .left{ position: relative; height: 100%;}
.home-scene .item .right img{ width: 100%; height: 100%; max-height: 100%; max-width: 100%;}
.home-scene .item .vertical-box{ width: 100%; height: 100%;}
.home-scene .item .text{position: absolute; top:0;width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,.3); text-align: center;}
.home-scene .item .text .name{ position: relative; margin-top: 38%; font-size: 20px; color: #fff;}
.home-scene .item .text .name:before{ position: absolute; bottom: -10px; left: 50%; margin-left: -20px; content: ''; width: 40px; height: 2px; background: #fff;}
.home-teach-more{ margin: 30px auto;}
.home-scene-wrap{ position: relative; width: 100%;}
.home-scene-wrap .tempWrap{ width: 100% !important;}
.home-scene-wrap .prev,
.home-scene-wrap .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index: 99; }
.home-scene-wrap .next{ left:auto; right:3%; background-position:8px 5px; }
.home-scene-wrap .prev:hover,
.home-scene-wrap .next:hover{ filter:alpha(opacity=100);opacity:1; }
.home-url{ height: 100px; background: #f2f2f2;}
.home-url-wrap{ position: relative; height: 100px; line-height: 100px;}
.home-url-wrap .home-url-btn{ display: block;position: absolute; top: 50%;margin-top: -6px; width: 12px; height: 13px; background: url(../img/ico14.png) no-repeat; background-image: 100% 100%; cursor: pointer; z-index: 999;}
.home-url-wrap .home-url-btn.next{ left: 0;}
.home-url-wrap .home-url-btn.prev{ right: 0; background-image: url(../img/ico15.png);}
.home-url-wrap .home-url-list{ margin: auto; width: 95%;}
.home-url-wrap .home-url-list ul{ width: 100%; overflow: hidden;}
.home-url-wrap .home-url-list ul li{ float: left; width: 14%; text-align: center; font-size: 18px;}
.home-url-wrap .home-url-list ul li a{ color: #323232;}
.home-url-wrap .home-url-list ul li a:hover{ color: #20b7ff;}
.course-wrap{ margin-bottom: 50px;}
.course-wrap .home-list .item .text{ background: #fff;}
.course-detail{ padding-top: 40px;}
.course-detail .top{ padding: 30px; background: #fff;}
.course-detail .top .vertical-box{ width: 550px; height: 350px;}
.course-detail .top .text{ padding-left: 50px; width: 590px;}
.course-detail .top .text .title{ font-size: 20px; color: #323232; line-height: 34px;}
.course-detail .top .text .price{ font-size: 22px; color: #f15044;}
.course-detail .top .text .top-table{ margin-top: 22px; padding: 25px 0; border: 1px solid #d0d0d0;}
.top-table .item{ position: relative; padding-left: 30px; float: left; width: 50%; font-size: 16px; color: #646464;}
.top-table .item:after{ position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 140px; background: #d0d0d0; }
.top-table .item:last-child:after{ width: 0;}
.top-table .item p{ margin-bottom: 10px;}
.course-detail .top .text .btn-wrap{ margin-top: 20px;}
.btn-wrap .btn{ display: inline-block; margin-right: 20px; width: 160px; height: 45px; line-height: 45px; text-align: center; font-size: 22px; color: #fff; border-radius: 8px;}
.btn-wrap .btn.bg-main{ background: #3db8f9;}
.btn-wrap .btn.bg-main:hover{ background: #0ca4f4;}
.btn-wrap .btn:last-child{ margin-right: 0;}
.btn-wrap .btn.bg-yellow{ background: #f9ab31;}
.btn-wrap .btn.bg-yellow:hover{ background: #f79907;}
.course-content{ margin-bottom: 70px;}
.course-content .left{ width: 850px; background: #fff;}
.course-tab .item{ float: left; width: 150px; height: 45px; line-height: 45px; border-top: 4px solid #bbbbbb; text-align: center; font-size: 16px; color: #646464;}
.course-tab .item a{ color: #646464;}
.course-tab .item.current,.course-tab .item:hover{ border-color: #3db8f9;}
.course-tab .item.current a,.course-tab .item:hover a{ color: #3db8f9;}
.course-content .course-text{ padding:20px 50px 50px; font-size: 16px;}
.course-content .course-text p{ margin-bottom: 5px; line-height: 30px;}
.course-content .course-text img{ margin:20px auto; width: auto;}
.course-content .right{ padding: 20px 30px 40px; width: 330px; background: #fff;}
.course-content .right .title{ position: relative; padding-left: 15px; font-size: 16px; color: #646464;}
.course-content .right .title:after{ position: absolute; content: ''; top: 2px; left: 0; width: 4px; height: 20px; background: #3db8f9;}
.teach-list .item{ padding: 30px 20px 20px; margin-top: 30px; border: 1px solid #e5e5e5; font-size: 14px; color: #646464;}
.teach-list .item .vertical-box{ margin:0 auto 20px; width: 120px; height: 120px; border-radius: 50%; overflow: hidden;}
.teach-list .item .name{ color: #323232;}
.teach-list .item a{ color: #646464;}
.course-text .title{ margin-bottom: 20px; font-size: 16px; color: #646464;}
.course-text .title .num{ margin-right: 15px; font-size: 20px;}
.course-text .item{ display: block; margin-bottom: 20px; padding: 15px 20px; font-size: 14px; color: #969696; background: #f5f5f5;}
.course-text .page-wrap{ margin-bottom: 0;}
.course-text .top,.report-page .top{ padding: 12px 0; background: #f5f5f5;}
.course-text .top .num-wrap,.report-page .top .num-wrap{ display: table-cell; width: 116px; text-align: center; font-size: 14px; color: #646464; border-right:1px solid #d8d8d8; vertical-align: middle;}
.course-text .top .num-wrap .num,.report-page .top .num-wrap .num{ font-size: 20px; color: #fc3b3b;}
.course-text .top .num-choose,.report-page .top .num-choose{ display: table-cell; width: 610px; vertical-align: middle;}
.num-choose label{ display: inline-block; margin-left: 30px;}
.num-choose .radio{ margin-right: 5px; vertical-align: -3px;}
.evaluate-list .item{ padding: 30px 0; border-bottom: 1px solid #dcdcdc; background: #fff;}
.evaluate-list .item .head{ width: 61px; text-align: center; font-size: 14px; color: #646464;}
.evaluate-list .item .head .vertical-box{ margin-bottom: 10px; width: 61px; height: 61px; border-radius: 50%; overflow: hidden;}
.evaluate-list .item .head .vertical-box img{ margin: 0;}
.evaluate-list .item .text{ padding-left: 20px; width: 688px;}
.evaluate-list .item .text .fonts{ font-size: 14px; line-height: 24px; color: #646464;}
.evaluate-list .item .text .img-wrap img{ margin: 0 10px 0 0; width: 74px; height: 74px;}
.give-wrap{ margin-right: 50px; font-size: 14px; color: #969696; cursor: pointer;}
.give-wrap.current .ico.ico-give{ background-image: url(../img/ico32.png);}
.give-wrap.current{ color: #3db8f9;}
.about-title{ font-size: 36px; color: #3db8f9; font-family: cg; text-align: center;}
.about-english{ margin-top: 5px; font-size: 14px; color: #323232; text-align: center; text-transform: uppercase;}
.about-text p{ font-size: 16px; line-height: 35px;}
.about-wrap{ padding: 90px 0;}
.about-wrap .item{ float: left; text-align: center; font-size: 16px; color: #646464; cursor: pointer;}
.about-wrap .item:hover{ color: #3db8f9;}
.about-wrap .item:hover .ico.ico-tels{ background-image: url(../img/ico35.png);}
.about-wrap .item:hover .ico.ico-address{ background-image: url(../img/ico37.png);}
.about-wrap .item:hover .ico.ico-fax{ background-image: url(../img/ico39.png);}
.join-wrap{ padding: 0 0 70px 0; background: #fff;}
.about-table{ margin-top: 40px; width: 100%; background: #fff;}
.about-table tr{ border-bottom: 1px solid #f7f7f7;}
.about-table tr td{ position: relative; padding: 15px 0; vertical-align: middle; font-size: 16px; color: #646464;}
.about-table tr td:nth-child(2n+0){ padding-left: 20px;}
.about-table tr td p{ line-height: 32px;}
.about-table tr td .btn{ position: absolute; bottom: 20px; right: 20px; display: inline-block; width: 140px; height: 40px; background: #3db8f9; color: #fff; text-align: center; line-height: 40px; border-radius: 10px;}
.about-table tr td .btn:hover{ background: #0ba7fa;}
.apply-wrap{ padding: 50px 0;}
.apply-wrap .apply{ padding: 50px 100px;}
.apply-wrap .apply .text{ margin-left: 130px;}
.apply-wrap .apply .btn{ margin: 40px 0 0 130px; width: 180px; height: 45px; background: #3db8f9; color: #fff; font-size: 20px; text-align: center; line-height: 45px; border-radius: 8px; cursor: pointer;}
.btn.bg-main:hover{ background: #0ba7fa;}
.msg-wrap{ padding: 40px 0;}
.msg-top{ padding: 10px 0 30px; background: #fff;}
.msg-top .item{ margin-top: 20px; font-size: 16px; color: #545454;}
.msg-top .item .name{ width: 125px; text-align: right;}
.msg-top .item .text{ width: 1026px;}
.msg-top .item .text .item-text{ display: inline-block; margin-bottom: 10px; margin-left: 40px; color: #545454;}
.msg-top .item .text .item-text:hover,.msg-top .item .text .item-text.current{ color: #3db8f9;}
.msg-box{ padding: 30px 50px 10px; margin-top: 30px; background: #fff;}
.msg-groom{ padding-bottom: 30px; border-bottom: 1px dashed #dcdcdc;}
.msg-groom .item{ margin-bottom: 25px; font-size: 16px; color: #323232;}
.msg-groom .item a{ color: #323232;}
.msg-groom .item:hover a,.msg-list .item:hover a{ color: #3db8f9;}
.msg-groom .item .label{ display: inline-block; margin-right: 10px; padding: 4px 5px; background: #ff0000; color: #fff; text-align: center; font-size: 12px;}
.msg-groom .item:last-child{ margin-bottom: 0;}
.msg-list .item{ margin-top: 22px; font-size: 14px;}
.msg-list .item a{ color: #646464;}
.msg-detail{ padding: 20px 0;}
.msg-detail .left{ padding: 30px 50px;}
.msg-detail .left .msg-title,.team-detail .right .msg-title{ margin-bottom: 20px; font-size: 18px; text-align: center; color: #3f3f3f;}
.msg-detail .left .msg-text,.team-detail .right .msg-text{ padding-bottom: 20px; color: #969696; border-bottom: 1px dashed #dcdcdc;}
.msg-detail .left .msg-text .share,.team-detail .right .msg-text .share{ display: inline-block; margin-top: 6px; vertical-align: -2px;}
.msg-course .item{ margin-top: 20px; width: 100%; height: 182px;}
.msg-content{ font-size: 14px; color: #646464;}
.msg-content img{ display: block; margin: 20px auto;}
.ico.ico-wxs{ margin-left: 20px; margin-right: 10px; width: 33px; height: 33px; background-image: url(../img/ico90.png);}
.ico.ico-zf{ margin-left: 20px; margin-right: 10px; width: 33px; height: 33px; background-image: url(../img/ico91.png);}
.pay-next{ display: block; margin: 50px 0 0 140px; width: 80px; height: 30px; line-height: 30px; color: #fff; border-radius: 5px;}
.answer-list{ margin-top: 30px; padding: 50px; background: #fff;}
.answer-list .item{ float: left; margin-right: 50px; margin-bottom: 50px; padding-top: 50px; width: 330px; height: 280px; text-align: center; font-size: 16px; border: 1px solid #dcdcdc; border-radius: 15px;}
.answer-list .item:nth-child(3n+0){ margin-right: 0;}
.answer-list .item .vertical-box{ display: inline-block; margin-bottom: 20px; width: 130px; height: 130px;}
.answer-wrap{ padding: 40px 0;}
.answer-wrap .answer-top{ padding: 30px 10px; background: #f9f9f9; border: 1px solid #e6e6e6;}
.answer-wrap .answer-top .title{ margin-bottom: 30px; font-size: 20px; color: #585858;}
.answer-wrap .answer-top .answer-date{ padding-bottom: 30px; border-bottom: 1px solid #c9c9c9; font-size: 14px; color: #5a5754;}
.answer-detail .left{ width: 800px;}
.answer-detail .left .detail-list .item{ margin-top: 30px;}
.detail-list .item .title{ font-size: 18px; color: #4d4d4d;}
.detail-list .item .answer-item{ padding: 15px; border-bottom: 1px dashed #ececec; background: #f9f9f9;}
.detail-list .item .answer-item:last-child{ border-bottom: none;}
.detail-list .item .answer-item label{ display: inline-block; margin-right: 170px;}
.detail-list .item .answer-item .radio{ margin-right: 5px; vertical-align: -3px;}
.detail-list .item .answer-item img{ display: inline-block; width: 120px; vertical-align: middle;}
.answer-detail .left .btn{ display: block; margin: 40px auto; width: 230px; height: 45px; line-height: 45px; background: #3cb7f9; text-align: center; color: #fff; font-size: 18px;}
.answer-detail .right{ margin-top: 63px; width: 360px;}
.right-wrap .right-title{ padding-left: 30px; width: 100%; height: 50px; line-height: 50px; background: #3cb7f9; font-size: 18px; color: #fff;}
.right-wrap .right-course{ border: 1px solid #e7e7e7; border-top: 0;}
.right-wrap .right-course .item{ padding: 10px; border-bottom: 1px solid #e7e7e7;}
.right-wrap .right-course .item a{ display: block;}
.right-wrap .right-course .item:last-child{ border-bottom: none;}
.right-wrap .right-course .item .img{ width: 75px; height: 75px; border-radius: 50%; overflow: hidden;}
.right-course .item .text{ padding-top: 20px; padding-left: 15px; width: 245px;}
.right-course .item .text .font{ color: #181818;}
.right-course .item:hover .text .font{ color: #3cb7f9;}
.right-wrap .right-exam{ padding: 20px 15px; border: 1px solid #e7e7e7; border-top: 0;}
.right-wrap .right-exam .item{ margin-bottom: 15px;}
.team-list{ padding-top: 50px;}
.team-list .item{ position: relative; float: left; margin-bottom: 40px; margin-right: 60px; width: 360px; height: 475px;overflow:hidden}
.team-list .item a{ display: block;}
.team-list .item:nth-child(3n+0){ margin-right: 0;}
.team-list .item .text{ position: absolute; bottom: 27px; left: 5%; width: 90%; height: 115px; color: #fff; transition: all .5s; -webkit-transition: all .5s; overflow: hidden;}
.team-list .item .text .title{ margin-bottom: 10px; font-size: 24px; text-align: center;}
.team-list .item .cover{ display: none; position: absolute; bottom: 0; width: 100%; height: 178px; background: url(../img/bg1.png) no-repeat; background-size: 100% 100%;}
.team-list .item .info{ margin-top: 5px; color: #d8d8d8; text-align: center;}
.team-list .item:hover .cover{ display: block;}
.team-list .item:hover .text{ height: auto;}
.team-detail{ padding: 40px 0;}
.team-detail .left{ width: 220px;}
.team-detail .left .title{ position: relative; height: 60px; background: #3db8f9; font-size: 20px; font-weight: bold; color: #fff; text-align: center; line-height: 60px;}
.team-detail .left .title:before{ position: absolute; top: 50%; left: 50%; margin-top: -21px; margin-left: -88px; content: ''; width: 177px; height: 42px; background: url(../img/ico47.png) no-repeat; background-size: 100% 100%;}
.team-detail .right{ padding: 50px; width: 950px; background: #fff;}
.info-top{ margin-bottom: 70px;}
.info-top .vertical-box{ width: 190px; height: 230px;}
.info-top .text{ padding-left: 30px;}
.info-top .text .name{ font-size: 22px; color: #3db8f9;}
.info-top .text .img{ display: inline-block; margin-right: 10px; width: 120px; height: 120px;}
.info-top .text .share{ vertical-align: -4px;}
.team-title{ font-size: 18px; text-align: center; color: #000;}
.team-text p{ line-height: 32px;}
.team-impression .pic{ width: 250px; height: 271px; box-shadow: -10px 10px 0 #3db8f9;}
.team-impression .impression{ padding-left: 130px; width: 70%;}
.team-impression .impression .item{ margin-bottom: 20px; font-size: 20px; color: #646464;}
.team-impression .impression .item .text{ display: inline-block; width: 170px;}
.team-impression .impression .item .text-dot,.team-impression .impression .item .sign{color: #c50618;}
.team-impression .impression .item .num{ font-size: 46px; color: #1d1d1d;}
.team-impression .impression .item .progress{ display: inline-block; position: relative; width: 220px; height: 10px; border-radius: 5px; background: #dcdcdc;}
.team-impression .impression .item .progress .bar{ display: block; position: absolute; top: 0; left: 0; height: 100%; border-radius: 5px; background: #e0282b; z-index: 10;}
.team-impression .impression .item:last-child{ margin-bottom: 0;}
.comment-list{ height: 325px; overflow-y: auto;}
.comment-list .item{ padding: 30px 0; border-bottom: 1px solid #cdcdcd;}
.comment-list .item .head-wrap{ width: 120px; text-align: center;}
.comment-list .item .head-wrap .vertical-box{ display: inline-block; width: 55px; height: 55px; border-radius: 50%; overflow: hidden;}
.comment-list .item .content{ position: relative; padding: 20px; width: 700px; background: #f9f9f9;}
.team-comment .text{ display: block; width: 120px; text-align: center; font-size: 16px; color: #5d5d5d;}
.team-comment .textarea{ padding: 10px; width: 560px; height: 150px; font-size: 16px; border: 1px solid #dcdcdc; border-radius: 10px;}
.team-btn{ display: block; margin: 30px 0 0 120px; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: url(../img/bg2.png) repeat-x; border-radius: 5px; cursor: pointer;}
.report-list .item{ margin-bottom: 25px; padding-bottom: 30px; border-bottom: 1px solid #dcdcdc;}
.report-list .item .title{ font-size: 18px; color: #646464;}
.report-list .item .font{ margin-top: 15px;}
.report-list .item .btn{ display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #646464; border: 1px solid #646464; border-radius: 8px;}
.report-list .item .btn:hover{ background: #3db8f9; border-color: #3db8f9; color: #fff;}
.report-page .page-wrap{ margin: 0 auto;}
.report-page .home-list .item{ margin-top:0; margin-bottom: 35px; margin-right: 0; margin-left: 53px;}
.report-page .home-list .item:nth-child(3n+0){ margin-left: 53px;}
.report-page .home-list .item:nth-child(2n+0){ margin-right: 0;}
.member-side .item{ position: relative; padding-left: 90px; height: 86px; line-height: 86px; font-size: 18px; cursor: pointer; background: url(../img/bg3.png) no-repeat bottom center;}
.member-side .item .ico{ position: absolute; top: 50%; left: 50px;}
.member-side .item:hover a,.member-side .item.current a{ color: #3db8f9;}
.member-side .item:hover .ico.ico-info,.member-side .item.current .ico.ico-info{ background-image: url(../img/ico49.png);}
.member-side .item:hover .ico.ico-report,.member-side .item.current .ico.ico-report{ background-image: url(../img/ico51.png);}
.member-side .item:hover .ico.ico-live,.member-side .item.current .ico.ico-live{ background-image: url(../img/ico53.png);}
.member-side .item:hover .ico.ico-face,.member-side .item.current .ico.ico-face{ background-image: url(../img/ico55.png);}
.member-side .item:hover .ico.ico-valuation,.member-side .item.current .ico.ico-valuation{ background-image: url(../img/ico57.png);}
.member-side .item:last-child{ background: #fff;}
.report-page .top .btn-wrap{ display: table-cell; vertical-align: middle;}
.report-page .top .btn-wrap .btn{ width: 100px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; background: #3db8f9; border-radius: 5px; }
.report-page .top .btn-wrap .btn:hover{ background: #0ba9fc;}
.news-lists .item{ position: relative; float: left; padding: 1%; margin-right: 60px; width: 360px; height: 380px; background: #fff;}
.news-lists .item a{ display: block; position: relative; padding: 20px; background: #f4f4f4;}
.news-lists .item a:after{ position: absolute; content: ''; top: 0; left: 0; width: 0; height: 4px; background: #00afef; transition: all .5s;}
.news-lists .item .title{ color: #323232; font-size: 16px;}
.news-lists .item .h5{ margin-top: 5px; line-height: 20px; color: #969696;}
.news-lists .item a:hover:after{ width: 100%;}
.news-lists .item:hover .title{ color: #00afef;}
.news-lists .item:nth-child(3n+0){ margin-right: 0;}
.form-group .label{ margin-right: 30px; height: 45px; line-height: 45px; font-size: 16px; text-align:right; color: #646464;}
.form-group .input,.form-group .select{ padding-left: 20px; width: 440px; height: 45px; font-size: 16px; border: 1px solid #dcdcdc; border-radius: 5px;}
.form-group .input label{ display: inline-block; margin-right: 80px; margin-top: 5px;}
.form-group .input label .radio-input{ margin-right: 10px; font-size: 16px; color: #919191; vertical-align: -4px;}
.form-group .textarea{ padding: 20px; width: 690px; height: 180px; font-size: 16px; border-radius: 5px;}
/*垂直水平居中*/
.pic-center { display: block; text-align: center; line-height: 0; border: 1px solid #ddd; }
.pic-center:after{ content:""; display: inline-block; height: 100%; vertical-align: middle; width: 0; }
.pic-center img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.widget-carousel-content { position: relative; margin-top: 15px; width: 100%; height: 54px; overflow: hidden; }
.widget-carousel-content .widget-carousel-lists { position: absolute; left: 0; top: 0; width: 200%; z-index: 1; }
.widget-carousel-content .widget-carousel-lists li { float: left; margin-right: 15px; }
.widget-carousel-lists li a { display: block; width: 54px; height: 54px; border: 2px solid #fff; overflow: hidden; background-color: #fff; }
.widget-carousel-lists li a:hover, .widget-carousel-lists li.current a { border-color: #3db8f9; }
.widget-carousel-content .widget-carousel-link { display: block; position: absolute; top: 50%; margin-top: -25px; width: 25px; height: 50px; background: url(../images/ico_general.png) no-repeat; z-index: 3; }
.widget-carousel-content .prev { display: none; left: 0; background-position: -132px -259px; }
.widget-carousel-content .prev:hover { background-position: -76px -259px; }
.widget-carousel-content .next { right: 0; background-position: -160px -259px; }
.widget-carousel-content .next:hover { background-position: -104px -259px; }
.widget-carousel-box { display: none; position: relative; margin-top: 15px; width: 100%; height: 420px; text-align: center; background-color: #f7f7f7; overflow: hidden; }
.widget-carousel-box .widget-carousel-link { position: absolute; top: 0; display: block; width: 50%; height: 100%; }
.widget-carousel-box .prev { left: 0; cursor: url(../img/cursor_left.png),auto; }
.widget-carousel-box .next { right: 0; cursor: url(../img/cursor_right.png),auto; }
.widget-carousel-box img{ margin: 0 !important; width: auto !important;}
.page-wrap{ margin: 60px auto; text-align: center;}
.page-wrap .item{ display: inline-block; margin: 0 5px; padding: 0 14px; height: 35px; font-size: 16px; color: #969696; line-height: 35px; background: #fff;}
.page-wrap .item.prev,.page-wrap .item.current,.page-wrap .item:hover,.page-wrap .item.next{ background: #3db8f9; color: #fff; border-radius: 5px;}
.page-wrap .item.prev.disabled,.page-wrap .item.next.disabled{ background: #e5e5e5; color: #969696; cursor: no-drop;}
.popup-container{ position: fixed; top: 0; left: 0; width: 0; height: 100%; transition: all .5s; -webkit-transition: all .5s; opacity: 0; }
.popup-container .popup{ position: absolute; top: 50%; left: 45%; padding:10px 15px; width: auto; min-width: 90px; border-radius: 5px; background: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 14px;}
.popup-container.active{ width: 100%; opacity: 1; z-index: 999;}
.result-top{ padding-top: 170px; margin-top: 63px; width: 800px; height: 550px; text-align: center; border: 1px solid #e7e7e7; border-bottom: none;}
.result-top .count{ font-size: 48px; color: #360a00;}
.result-top .result-bg{ display: inline-block; margin-top: 25px; width: 474px; height: 65px; line-height: 65px; font-size: 30px; color: #fff; background: url(../img/ico62.png) no-repeat; background-size: 100% 100%;}
.result-content{ border: 1px solid #e7e7e7;}
.result-content .title{ font-size: 24px; color: #4d4d4d;}
.result-list .item { margin-bottom: 30px;}
.result-list .item .result-item{ padding: 10px; background: #f7f7f7;}
.forget-wrap{ height: 500px; background: #fff;}
.forget-nav{ position: relative; height: 82px;}
.forget-nav .item{ position: absolute; left: 0; width:425px ; height: 82px; font-size: 24px; line-height: 82px; text-align: center; color: #fff; background: url(../img/bg4.png) no-repeat; background-size: 100% 100%;}
.forget-nav .item.second{left: 387px; background-image: url(../img/bg5.png);}
.forget-nav .item.second.current{ background-image: url(../img/bg6.png);}
.forget-nav .item.three{ left: inherit; right: 0; margin-left: -36px; background-image: url(../img/bg7.png);}
.forget-nav .item.three.current{background-image: url(../img/bg8.png); }
.forget-box{ padding-top: 90px; margin: auto; width: 378px;}
.forget-box .input{ height: 45px;}
.forget-third{ margin-top: 40px;}
.forget-third .font{ margin-left: 20px; font-size: 30px; font-weight: bold; color: #3cb7f9;}
.login-wrap{ width: 100%; height: 564px; background: url(../img/login.jpg) no-repeat; background-size: 100% 100%;}
.login{ margin-top: 67px; padding: 10px 30px; width: 440px; height: 430px; background: #fff;}
.login .label{ display: block; margin-top: 25px; font-size: 12px; color: #484646;}
.login .label .check{ margin-right: 5px; vertical-align: -3px;}
.login .btn,.forget-box .btn{ display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 18px; cursor: pointer;}
.register-wrap{ padding: 50px 0; background: #b9cedf;}
.register{ padding: 70px 0 0 90px; height: 690px; background: #fff;}
.register .input{ width: 375px; height: 45px;}
.register-code .input{ width: 235px;}
.register-code .btn{ margin-left: 8px; width: 134px; height: 45px; background: #3cb7f9; color: #fff; font-size: 14px; cursor: pointer;}
.register-btn{ margin-top: 25px; width: 375px; height: 45px; color: #fff; font-size: 18px; cursor: pointer;}
.register-btn:hover{ background: #06a2f6;}
.register .label{ display: block; margin-top: 25px; font-size: 16px;}
.register .label .check{ margin-right: 5px; vertical-align: -3px;}
.register .right{ margin-top: 20px; padding-left: 164px; width: 640px;}
.register .right .vertical-box{ display: table-cell; width: 145px; height: 145px; vertical-align: middle;}
.register .right .text{ display: table-cell; padding-left: 20px; width: 260px; font-size: 16px; vertical-align: middle;}
.register .right .text .title{ margin-bottom: 5px; font-size: 24px; color: #8b8a89;}
.member{ padding: 20px 0;}
.member .left{ width: 225px; border: 1px solid #ededed; background: #fff;}
.member .left .title{ padding-left: 15px; height: 48px; line-height: 48px; color: #2d2d2d; font-size: 18px; background: #dcdcdc;}
.member .left .member-out{ margin-top: 80px; height: 40px; line-height: 40px; background: #3cb7f9; color: #fff; font-size: 14px; text-align: center;}
.member-nav{ padding: 0 15px 20px;}
.member-nav .item{ display: block; margin-top: 20px; font-size: 14px; color: #5c5c5c;}
.member-nav .item:hover,.member-nav .item.current{ color: #3db8f9;}
.member-nav .item:hover .ico.ico-set,.member-nav .item.current .ico.ico-set{ background-image: url(../img/ico72.png);}
.member-nav .item:hover .ico.ico-head,.member-nav .item.current .ico.ico-head{ background-image: url(../img/ico73.png);}
.member-nav .item:hover .ico.ico-pwd,.member-nav .item.current .ico.ico-pwd{ background-image: url(../img/ico74.png);}
.member-nav .item:hover .ico.ico-bind,.member-nav .item.current .ico.ico-bind{ background-image: url(../img/ico75.png);}
.member-nav .item:hover .ico.ico-order,.member-nav .item.current .ico.ico-order{ background-image: url(../img/ico76.png);}
.member-nav .item:hover .ico.ico-car,.member-nav .item.current .ico.ico-car{ background-image: url(../img/ico77.png);}
.member-nav .item:hover .ico.ico-online,.member-nav .item.current .ico.ico-online{ background-image: url(../img/ico78.png);}
.member-nav .item:hover .ico.ico-center,.member-nav .item.current .ico.ico-center{ background-image: url(../img/ico86.png);}
.member .right{ padding: 0 10px; width: 960px; border: 1px solid #ededed; background: #fff;}
.member-title{ padding-left: 10px; height: 40px; line-height: 45px; color: #2d2d2d; border-bottom: 2px solid #4dbced;}
.member-group{ margin-top: 40px;}
.member-group .form-group .label{ width: 110px; height: 45px; line-height: 45px;}
.member-group .form-group .label-wrap{ display: inline-block; width: 440px; height: 45px; font-size: 16px; line-height: 45px;}
.label-wrap .radio-input{ margin-right: 10px; vertical-align: -2px;}
.phone-wrap .input{ width: 280px;}
.phone-wrap .modify{ display: block; margin-left: 32px; width: 125px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; border:1px solid #008cd6; color: #008cd6; border-radius: 8px;}
.phone-wrap .modify:hover{ background: #008cd6; color: #fff;}
.member-group .btn{ display: block; margin: 40px 138px 150px; width: 190px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; cursor: pointer;}
.modify-wrap .modify-nav{ padding: 40px 0 20px; text-align: center;}
.modify-nav .item{ position: relative; display: inline-block; padding-left: 12px; margin-right: 40px; width: 208px;}
.modify-nav .item:last-child{ margin-right: 0;}
.modify-nav .item .dot{ position: absolute; top: -8px; left: 0; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; background: #dadada; font-size: 22px; color: #969696;}
.modify-nav .item .font{ padding-left: 18px; width: 182px; height: 32px; font-size: 16px; line-height: 32px; text-align: center; background: url(../img/border-grey.png) no-repeat; background-size: cover; color: #969696;}
.modify-nav .item.current .dot{ background: #008cd6; color: #fff;}
.modify-nav .item.current .font{ color: #008cd6; background-image: url(../img/border-blue.png);}
.modify-form{ margin: 40px auto 0; width: 565px;}
.modify-form .form-group .label{ text-align: right; line-height: 45px;}
.modify-form .form-group .code-wrap{ width: 440px;}
.modify-form .form-group .code-wrap .input{ width: 260px;}
.modify-form .form-group .input{ height: 45px; border-radius: 8px; font-size: 16px;}
.modify-form .form-group .button.btn{ padding: 0; height: 45px; line-height: 45px; font-size: 16px; color: #008cd6; border-color: #008cd6; border-radius: 8px; background: #fff;}
.modify-form .form-group .button.btn:hover,.member-set .form-group .edit-btn:hover{ background: #008cd6; color: #fff;}
.modify-form .button.next-btn{ display: block; margin: 40px auto 160px; padding: 0; width: 200px; height: 45px; line-height: 45px; border-radius: 8px; font-size: 20px;}
.modify-form .error{ margin-left: 114px;}
.center-list{ padding: 0 15px;}
.center-list .item{ padding: 30px 0; border-bottom: 1px solid #e5e5e5;}
.center-list .item .vertical-box{ width: 164px; height: 106px; overflow: hidden;}
.center-list .item .content{ padding-left: 25px; width: 80%; font-size: 16px;}
.center-list .item .content .btn{ display: block; margin-top: 26px; width: 85px; height: 30px; text-align: center; line-height: 30px; background: #3cb7f9; color: #fff; font-size: 12px;}
.member-head{ margin: 65px auto 160px; text-align: center;}
.member-head .head{ display: inline-block; width: 136px; height: 136px; border-radius: 50%; overflow: hidden;}
.member-head .upload{ position: relative; margin: 25px auto; width: 140px; height: 45px; background: #3cb7f9; color: #fff; text-align: center; line-height: 45px; border-radius: 5px; cursor: pointer;}
.pwd-wrap{ padding: 0 0 160px 20px;}
.pwd-wrap .form-group .label{ width: 134px; height: 30px; line-height: 30px; font-size: 14px;}
.pwd-wrap .form-group .input{ width: 275px; height: 30px; border-radius: 0;}
.pwd-wrap .btn{ margin: 20px 0 0 200px; width: 190px; height: 36px; color: #fff; text-align: center; line-height: 36px; cursor: pointer;}
.msg-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1000;}
.msg-popup .popup{ position: absolute; top: 50%; left: 50%; margin-top: -62px; margin-left: -128px; width: 256px; height: 124px; border-radius: 8px; background: #fff;}
.msg-popup .popup .msg{ padding:30px 20px; text-align: center; font-size: 14px;}
.msg-popup .popup .btn-wrap{ height: 30px;}
.msg-popup .popup .btn-wrap .btn{ display: block; margin-right: 0; float: left; width: 50%; border-radius: 0; font-size: 14px;}
.msg-popup .popup .btn-wrap .btn.close{ background: #dcdcdc; border-radius: 0 0 0 8px;}
.msg-popup .popup .btn-wrap .btn.sure{ background: #3cb7f9; color: #fff; border-radius: 0 0 8px 0;}
.msg-popup .popup .btn-wrap .btn.close:hover{ background: #d2cfcf;}
.msg-popup .popup .btn-wrap .btn.sure:hover{ background: #21aef9;}
.member .right.bind-right{ padding: 0;}
.member .right.bind-right .member-title{ margin-left: 1%; width: 98%;}
.bind-list{ margin-bottom: 260px;}
.bind-list .item{ padding:0 20px; height: 70px; line-height: 70px; font-size: 12px; text-align: center;}
.bind-list .item .btn{ display: inline-block; width: 70px; height: 35px; color: #fff; line-height: 35px; border-radius: 5px;}
.member-content{ padding: 20px 0 260px;}
.member-content .show-top{ padding: 15px; background: #eeeeee;}
.member-content .show-top .head{ width: 61px; height: 61px; border-radius: 50%; overflow: hidden;}
.member-content .show-top .name{ margin-top: 20px; margin-left: 10px; font-size: 16px; color: #2d2d2d;}
.member-content .show-top .pwd{ display: block; margin-top: 30px; color: #fb1111;}
.member-order{ margin-top: 15px; height: 90px; border: 2px dotted #eaeaea;}
.member-order .order-title{ width: 187px; line-height: 90px; text-align: center; font-size: 18px; color: #595858; border-right: 1px dashed #eaeaea;}
.member-list .item{ position: relative; float: left; margin-left: 60px; text-align: center; font-size: 14px;}
.member-list .item a{ color: #989797;}
.member-list .item:hover a{ color: #3db8f9;}
.member-list .item .dot{ position: absolute; top: 3px; right: -6px; width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; font-size: 12px; background: #ff0000; color: #fff;}
.immed-wrap{ margin: 80px auto 160px; width: 375px;}
.immed-wrap .btn{ display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #fff; cursor: pointer;}
.order-tab{ width: 100%; height: 33px; border-bottom: 1px solid #e7e7e7; background: #f4f4f4;}
.order-tab .item{ float: left; width: 130px; height: 33px; border-right: 1px solid #e7e7e7; line-height: 33px; text-align: center; font-size: 16px; color: #494949; cursor: pointer;}
.order-tab .item.current{ height: 34px; background: #fff; color: #3db8f9;}
.order-tag{ margin: 0 auto 60px; width: 98%; }
.order-tag .item{ margin-bottom: 5px;border: 1px solid #eaeaea;}
.order-tag .item .title{ padding: 0 15px; height: 36px; line-height: 36px; font-size: 12px; color: #606060; background: #eee;}
.order-tabs{ display: table; width: 100%;}
.order-tabs .tab-item{ display: table-cell; padding: 18px 0; text-align: center; border-right: 1px solid #EAEAEA; vertical-align: middle;}
.order-tabs .tab-item:last-child{ border-right: 0;}
.order-tabs .tab-item .vertical-box{ display: inline-block; width: 75px; height: 75px; border-radius: 50%;overflow: hidden; vertical-align: middle;}
.order-tabs .tab-item .text,.cart-table td .text,.pay-table tr td .text{ display: inline-block; padding-left: 10px; width: 75%; text-align: left; vertical-align: middle;}
.order-tabs .tab-item:first-child{ padding: 18px 20px;}
.order-tabs .tab-item .btn{ display: inline-block; width: 83px; height: 28px; line-height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff;}
.cart-table{ margin-top: 25px; margin-bottom: 90px; margin-left: 1%; width: 98%; text-align: center; }
.cart-table .check-input{ margin-right: 10px; vertical-align: -2px;}
.cart-table th{ height: 35px; font-weight: normal; font-size: 16px; vertical-align: middle; border-top: 1px solid #e8e8e8;}
.cart-table td{ margin-bottom: 5px; padding: 20px 10px; border: 1px solid #e8e8e8; vertical-align: middle; background: #f7f7f7;}
.cart-table th:first-child{ border-left: 1px solid #e8e8e8;}
.cart-table th:last-child{ border-right: 1px solid #e8e8e8;}
.cart-table td .vertical-box,.pay-table tr td .vertical-box{ display: inline-block; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; vertical-align: middle;}
.cart-table td .text{ width: 70%;}
.cart-table td .btn{ display: inline-block; margin-right: -3px; width: 30px; height: 26px; border: 1px solid #e5e5e5; background: transparent; cursor: pointer;}
.cart-table td .num{ display: inline-block; margin-right: -3px; width: 30px; height: 26px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: transparent; text-align: center;}
.cart-bottom{ margin-bottom: 15px; margin-left: 1%; width: 98%; height: 40px; line-height: 40px; background: #e8e8e8; color: #444; font-size: 12px;}
.cart-bottom .check-input{ margin-left: 20px; margin-right: 10px; vertical-align: -3px;}
.cart-bottom .btn{ display: block; margin-left: 10px; width: 85px; height: 100%; color: #fff; text-align: center;}
.pay-table{ margin-top: 35px; margin-bottom: 35px; width: 100%; border: 1px solid #e7e7e7; text-align: center;}
.pay-table tr{ border-bottom: 1px solid #e7e7e7;}
.pay-table tr:last-child{ border-bottom: none;}
.pay-table tr th{ height: 45px; line-height: 45px; font-weight: normal; font-size: 16px; color: #535251;}
.pay-table tr td{ padding: 20px 10px;}
.pay-table .textarea{ display: inline-block; padding: 10px; width: 230px; height: 86px; border: 1px solid #e7e7e7; background: transparent; vertical-align: middle;}
.pay-price{ padding-bottom: 70px; border-bottom: 1px solid #e7e7e7; text-align: right;}
.pay-price .price{ display: inline-block; font-size: 42px; color: #fb0505;}
.pay-btn{ display: block; margin-top: 44px; margin-right: 20px; margin-bottom: 255px; width: 200px; height: 54px; color: #fff !important; text-align: center; line-height: 54px; font-size: 18px;}
.online{padding: 0 25px;}
.success{ padding: 50px 0 80px;}
.success .title{ height: 30px; border-bottom: 1px solid #efefef; line-height: 30px; font-size: 12px;}
.arrow{ margin: 0 5px; color: #80807f; font-family: '宋体';}
.success-wrap .left{ width: 295px; height: 460px; border: 1px solid #eee;}
.success-wrap .left .title{ padding-left: 20px; height: 40px; line-height: 40px; font-size: 14px; color: #3e3e3e; background: #eee;}
.success-wrap .left .order-content{ padding: 36px 9px;}
.success-wrap .right{ padding-top: 90px; width: 905px; height: 460px; text-align: center; border: 1px solid #efefef; border-left: 0;}
.comment{ padding: 50px;}
.comment-upload .item{ display: inline-block; position: relative; margin-bottom: 15px; margin-right: 20px; width: 120px; height: 120px; cursor: pointer;}
.comment-upload .item .cover{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 10;}
.comment-upload .item:hover .cover,.comment-upload .item:hover .ico.ico-del{ display: block;}
.comment .btn{ display: block; margin: 50px 0 150px 75px; width: 150px; height: 40px; line-height: 40px; border-radius: 8px; text-align: center; font-size: 16px; color: #fff; cursor: pointer;}
.js-del{ cursor: pointer;}
.play-wrap{ padding: 80px 0;}
.play-wrap .play-title{ height: 46px; line-height: 46px; background: #000; color: #fff;}
.play-course{ position: relative; width: 180px; text-align: center; font-size: 20px; cursor: pointer;}
.play-course .couse-nav{ display: none; position: absolute; top: 46px; width: 100%; height: 538px; text-align: center; color: #fff; font-size: 14px; background: rgba(0,0,0,.52); overflow: auto; z-index: 999;}
.play-course .couse-nav::-webkit-scrollbar { display: none;}
.play-course .couse-nav .item{ line-height: 46px;}
.play-course .couse-nav .item a{ display: block; color: #fff;}
.play-course .couse-nav .item.current a{ color: #00afef;}
.play-wrap .title{ width: 80%; font-size: 16px; text-align: center;}
.model_bg{position: absolute; top:0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.6); z-index: 999; display: none;}
.my_model{position: fixed; display: none; top:50%; left: 50%; margin-top: -50px; margin-left: -100px; z-index: 9999; width: 260px; border: 1px solid #aeaeae; border-radius: 3px; padding: 20px; background: #fff;}
.my_model p{line-height:16px; text-align: center;}
.my_model .opBtn{margin-top: 20px; text-align: center;}
.my_model .opBtn a{width: 58px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; display: inline-block; margin-right: 10px; }
.my_model .dialog-sure{background: #3cb7f9; color: #fff; border: 1px solid #3cb7f9;}
.my_model .dialog-close{background: #fff; border: 1px solid #d9d9d9; color: #3c3c3c;}
.footer .footer-top{ position: relative; padding-top: 40px; width: 100%; height: 253px; font-size: 14px; color: #fff; background: url(../img/bg.jpg) no-repeat; background-size: 100% 100%;}
.footer .footer-top .content{ position: relative; height: 100%;}
.footer .footer-top .left{ margin-right: 175px; width: 300px;}
.footer .footer-top .left .logo{ width: 160px; height: 48px;}
.footer .footer-top .left .title{ margin-top: 20px; font-size: 16px;}
.footer .footer-top .dl{ margin-right: 150px;}
.footer .footer-top .dl dt{ font-size: 16px;}
.footer .footer-top .dl dd{ margin-top: 15px;}
.footer .footer-top .dl dd a{ display: block; line-height: 26px; color: #fff; font-size: 14px;}
.footer .footer-top .dl:last-child{ margin-right: 0;}
.footer .footer-top .dl dd a:hover{ color: #20b7ff;}
.footer .footer-top .footer-bottom{ position: absolute; right: 0; bottom: 30px;}
.footer .footer-top .footer-bottom .item{ position: relative; float: left; margin-right: 25px; cursor: pointer;}
.footer .footer-top .footer-bottom .item:last-child{ margin-right: 0;}
.footer .footer-top .footer-bottom .item:hover .ico.ico-wx{ background-image: url(../img/ico17.png);}
.footer-bottom .item .footer-popup{ display: none; position: absolute; top: 60px; left: 50%; margin-left: -50px; padding: 10px; width: 100px; height: 100px; background: #fff;}
.footer .footer-top .footer-bottom .item:hover .footer-popup{ display: block;}
.footer .footer-top .footer-bottom .item:hover .ico.ico-xcx{ background-image: url(../img/ico19.png);}
.footer-copyright{ padding-top: 25px; height: 85px; color: #fff; font-size: 14px; text-align: center; background: #626262;}
select::-ms-expand {display: none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../img/ico13.png) no-repeat scroll 97% center transparent; padding-right: 14px;}
/*图片缩放*/
.enlarge img{transition: all 1.2s;-webkit-transition: all 1.2s;}
.enlarge:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
/* 图标 */
.ico{ display: inline-block; width: 10px; height: 10px; background: transparent no-repeat; background-size: 100% 100%; vertical-align: middle;}
.ico.ico-webo{ width: 24px; height: 18px; background-image: url(../img/ico.png); vertical-align: -3px;}
.ico.ico-wechart{ width: 21px; height: 17px; background-image: url(../img/ico2.png); vertical-align: -4px;}
.ico.ico-tel{ width: 16px; height: 15px; background-image: url(../img/ico4.png); vertical-align: -2px;}
.ico.ico-phone{ width: 11px; height: 18px; background-image: url(../img/ico6.png); vertical-align: -3px;}
.ico.ico-cart{ width: 26px; height: 26px; background-image: url(../img/ico8.png); vertical-align: -6px;}
.ico.ico-search{ position: absolute; top: 9.5px; right: 20px; width: 20px; height: 20px; background-image: url(../img/ico9.png); cursor: pointer; z-index: 999;}
.ico.ico-more{ margin-left: 10px; width: 25px; height: 8px; background-image: url(../img/ico10.png);}
.ico.ico-sort{ margin-right: 10px; width: 12px; height: 13px; background-image: url(../img/ico11.png);}
.ico.ico-wx{ width: 50px; height: 50px; background-image: url(../img/ico16.png);}
.ico.ico-xcx{ width: 50px; height: 50px; background-image: url(../img/ico18.png);}
.ico.ico-give{ margin-right: 5px; width: 12px; height: 12px; background-image: url(../img/ico31.png); vertical-align: 0;}
.ico.ico-dot{ margin: 0 50px; width: 14px; height: 14px; background-image: url(../img/ico33.png);}
.ico.ico-tels{ margin-bottom: 27px; width: 40px; height: 42px; background-image: url(../img/ico34.png);}
.ico.ico-address{ margin-bottom: 20px; width: 35px; height: 49px; background-image: url(../img/ico36.png);}
.ico.ico-fax{ margin-bottom: 26px; width: 49px; height: 43px; background-image: url(../img/ico38.png);}
.ico.ico-top{ margin-top: 18.5px; width: 32px; height: 28px; background-image: url(../img/ico20.png);}
.ico.ico-qq{ margin-top: 18.5px; width: 26px; height: 28px; background-image:url(../img/ico21.png) ;}
.ico.ico-phones{ margin-top: 19.5px; width: 26px; height: 26px; background-image:url(../img/ico23.png) ;}
.ico.ico-wecharts{ margin-top: 19px; width: 34px; height: 27px; background-image:url(../img/ico25.png) ;}
.ico.ico-xcxs{ margin-top: 19.5px; width: 29px; height: 26px; background-image:url(../img/ico27.png) ;}
.ico.ico-info{ margin-top: -11px; width: 22px; height: 22px; background-image: url(../img/ico48.png);}
.ico.ico-report{ margin-top: -11px; width: 18px; height: 22px; background-image: url(../img/ico50.png);}
.ico.ico-live{ margin-top: -11px; width: 22px; height: 22px; background-image: url(../img/ico52.png);}
.ico.ico-face{ margin-top: -11px;width: 22px; height: 22px; background-image: url(../img/ico54.png);}
.ico.ico-valuation{ margin-top: -12px; width: 25px; height: 25px; background-image: url(../img/ico56.png);}
.ico.ico-title{ margin-right: 8px; width: 21px; height: 25px; background-image: url(../img/ico58.png);}
.ico.ico-tip{ position: absolute; top: 50%; left: -10px; margin-top: -9px; width: 18px; height: 18px; vertical-align: -2px;background-image: url(../img/ico59.png);}
.ico.ico-QQ{ margin-right: 5px; width:21px; height: 24px; background-image: url(../img/ico60.png);}
.ico.ico-wxdl{ margin-right: 5px; width:26px; height: 25px; background-image: url(../img/ico61.png);}
.ico.ico-finish{ width: 63px; height: 63px; background-image: url(../img/ico63.png); vertical-align: -21px;}
.ico.ico-set{ margin-right: 10px; width: 20px; height: 21px; background-image: url(../img/ico64.png); vertical-align: -3px;}
.ico.ico-head{ margin-right: 13px; width: 17px; height: 24px; background-image: url(../img/ico65.png); vertical-align: -3px;}
.ico.ico-pwd{ margin-right: 9px; width: 21px; height: 20px; background-image: url(../img/ico66.png); vertical-align: -3px;}
.ico.ico-bind{ margin-right: 13px; width: 17px; height: 17px; background-image: url(../img/ico67.png); vertical-align: -3px;}
.ico.ico-order{ margin-right: 11px; width: 19px; height: 23px; background-image: url(../img/ico68.png); vertical-align: -3px;}
.ico.ico-car{ margin-right: 9px; width: 21px; height: 21px; background-image: url(../img/ico69.png); vertical-align: -3px;}
.ico.ico-online{ margin-right: 10px; width: 20px; height: 20px; background-image: url(../img/ico70.png); vertical-align: -5px;}
.ico.ico-orders{ margin-top: 10px; margin-bottom: 10px; width: 35px; height: 41px; background-image: url(../img/ico79.png);}
.ico.ico-comment{ margin-top: 10px; margin-bottom: 10px; width: 39px; height: 41px; background-image: url(../img/ico80.png);}
.ico.ico-cars{ margin-top: 18px; margin-bottom: 10px; width: 33px; height: 33px; background-image: url(../img/ico81.png);}
.ico.ico-laud{ margin-left: 10px; width: 15px; height: 15px; background-image: url(../img/ico82.png); vertical-align: -2px;}
.ico.ico-success{ margin-right: 10px; width: 45px; height: 45px; background-image: url(../img/ico83.png); vertical-align: -17px;}
.ico.ico-del{ display: none; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; width: 16px; height: 16px; background-image: url(../img/del.png); z-index: 99;}
.ico.ico-play{ margin-right: 10px; width: 23px; height: 19px; background-image: url(../img/ico84.png);}
.ico.ico-center{ margin-right: 10px; width: 25px; height: 19px; background-image: url(../img/ico85.png);}
.detail-popup{ position: fixed; top: 50%; left: 50%; padding: 10px 20px; margin-top: -88px; margin-left: -178px; width: 256px; height: 176px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); z-index: 999;}
.detail-popup .title{ height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; text-align: center;}
.detail-popup .radio{ margin-right: 10px; vertical-align: -4px;}
.detail-popup label{ display: block; margin-bottom: 10px;}
.detail-popup .btn-wrap{ margin-top: 20px; text-align: center;}
.detail-popup .btn-wrap .btn{ display: inline-block; width: 80px; height: 30px; line-height: 30px; font-size: 14px; color: #646464; text-align: center; background: #d8d6d6;}
.detail-popup .btn-wrap .btn.bg-main{ background: #00aef2; color: #fff;}
.detail-popup-li{ position: fixed; top: 50%; left: 50%; padding: 10px 20px; margin-top: -88px; margin-left: -178px; width: 256px; height: 176px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); z-index: 999;}
.detail-popup-li .title{ height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; text-align: center;}
.detail-popup-li .radio{ margin-right: 10px; vertical-align: -4px;}
.detail-popup-li label{ display: block; margin-bottom: 10px;}
.detail-popup-li .btn-wrap{ margin-top: 20px; text-align: center;}
.detail-popup-li .btn-wrap .btn{ display: inline-block; width: 80px; height: 30px; line-height: 30px; font-size: 14px; color: #646464; text-align: center; background: #d8d6d6;}
.detail-popup-li .btn-wrap .btn.bg-main{ background: #00aef2; color: #fff;}
.pay-form .input{ display: inline-block; width: 180px; height: 35px; font-size: 14px; border-radius: 5px;background: transparent;}
.pay-form .select{ padding-left: 20px; width: 140px; height: 35px; border-radius: 5px;}
.pay-form .input.address{ width: 410px;}
.pay-form .textarea{ display: inline-block; padding:10px; width: 240px; height: 80px; overflow: auto; background: transparent; vertical-align: middle;}
.service-bottom{position: fixed; bottom: 100px; right: 60px; display: inline-block;margin-right: 35px;width: 60px;height: 60px;vertical-align: top;z-index: 999; cursor: pointer;}
.service-bottom .img{ position: relative; z-index: 10}
.service-bottom::before, service-bottom::after {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #20b7ff;
border-radius: 50%;
opacity: 0;
animation: circleGo 2s linear infinite;
-webkit-animation: circleGo 2s linear infinite;
}
.service-bottom::after {
animation: circleGo 2s 1s linear infinite;
-webkit-animation: circleGo 2s 1s linear infinite;
}
.service-bottom2{
position: fixed;
top: 47%;
letter-spacing: 2px;
right: 10px;
width: 120px;
height: 200px;
z-index: 999;
border-radius: 5px;
border: 1px solid #20B7FF;
background-color: #fff;
}
.service-bottom2 .title{
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #20B7FF;
border-radius: 5px 5px 0 0;
color: #ffffff;
font-size: 14px;
}
.service-bottom2 .line{
width: 100%;
height: 40px;
display: flex;
flex-direction: row;
cursor: pointer;
}
.service-bottom2 .line img{
width: 20px;
height: 20px;
margin: 10px 5px;
}
.service-bottom2 .line p{
width: 90px;
line-height: 40px;
/*color: #20B7FF;*/
color: #666;
font-size: 14px;
letter-spacing: 0;
}
@keyframes circleGo {
0% {
transform: scale(1);
opacity: .5;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes circleGo {
0% {
transform: scale(1);
opacity: .5;
}
100% {
transform: scale(2.2);
opacity: 0;
}
}
@media screen and (max-width:1700px){
.banner .banner-content{ top: 25px;}
.banner-box .banner-wrap ul li,.banner{ height: 420px;}
.banner-content .right .item .vertical-box{ height: 245px;}
.banner-content .left .item{ height: 65px; line-height: 65px;}
}
@media screen and (max-width:1600px){
.banner-box .banner-wrap ul li, .banner{ height: 400px;}
.banner-content .left .item{ height: 60px; line-height: 60px;}
.banner-content .right .item .vertical-box{ height: 220px;}
}
@media screen and (max-width:1500px){
.banner-box .banner-wrap ul li, .banner{ height: 365px;}
.banner-content .left .item{ height: 50px; line-height: 50px;}
.banner-content .right{ width: 200px;}
.banner-content .right .item .vertical-box{ height: 180px;}
.banner-content .right .item .text{ padding: 10px;}
.banner-content .left .item .title{ font-size: 14px;}
.banner-content .left .item .font-wrap a{ font-size: 12px;}
}