html,body{ margin:0; padding:0; color:#333; font:14px/1.6 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"; overflow-x: hidden;}
img{ border:none 0;}
form{ margin:0;}
a{ text-decoration:none; color:#29e; outline:none; transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:hover{ text-decoration:none;}
.clearfix:after{ content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
input[type="text"]::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
input[type="checkbox"], input[type="radio"]{ vertical-align:-2px;}
.blod{ font-weight:bold;}
.text-center { text-align: center; }
.tblue{ color:#29e;}
[class^="icon-sersup-"], [class*="icon-sersup-"]{ background:url(../images/icon-sersup.png) no-repeat; display:inline-block; width:62px; height:62px; vertical-align:middle;}
.icon-sersup-jinlogo{ background-position: 0 0; width: 70px; height: 22px;}
.icon-sersup-toptel{ background-position: -85px 0; width: 22px; height: 22px; margin: 0 5px 2px 0;}
.icon-sersup-step01{ background-position: -128px 0; width: 52px; height: 43px;}
.icon-sersup-step02{ background-position: -201px 0; width: 44px; height: 53px;}
.icon-sersup-step03{ background-position: -262px 0; width: 52px; height: 53px;}
.icon-sersup-step04{ background-position: -335px 0; width: 51px; height: 51px;}
.icon-sersup-appoint01{ background-position: 0 -76px; width: 109px; height: 109px;}
.icon-sersup-appoint02{ background-position: -128px -76px; width: 73px; height: 59px; margin: 24px 0 0;}
.icon-sersup-appoint03{ background-position: -233px -76px; width: 59px; height: 59px; margin: 24px 0 0;}
.icon-sersup-appoint04{ background-position: -314px -76px; width: 50px; height: 59px; margin: 24px 0 0;}

[class^="icon-support-"], [class*="icon-support-"]{ background:url(../images/icon-support.png) no-repeat; display:inline-block; vertical-align:middle;}
.icon-support-footdown{ background-position:-358px -80px; width: 7px; height: 8px; margin: 0 0 2px 5px}
a:hover .icon-support-footdown{ background-position:-385px -80px; width: 7px; height: 8px;}
.icon-support-wechat{ background-position:-246px -80px; width: 36px; height: 36px;}
a:hover .icon-support-wechat{ background-position:-302px -80px; width: 36px; height: 36px;}
.icon-support-wechatimg{ background-position:-341px -191px; width: 140px; height: 140px;}



a.btn-subscribe{ background: #29e; width: 173px; height: 47px; line-height: 47px; display: inline-block; text-align: center; font-size: 18px; color: #fff; border-radius: 3px;}
a.btn-partner{ background: #29e; width: 257px; height: 57px; line-height: 57px; display: inline-block; text-align: center; font-size: 22px; font-weight: 100; color: #fff; border-radius: 3px;}


.top{ background: #fff; width:100%; height: 50px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1); border: 1px solid #ddd\0; position:fixed; top:0; left:0; right:0; z-index:999;}
.top .cont{ margin: 0 auto; }
.top .logo{ /*margin: 12px 0 0 0; float: left;*/}
.top .logoline{ background: #ccc; margin: 0 10px; width: 1px; height: 20px; display: inline-block; vertical-align: middle;}
.top .sublogo{ vertical-align: middle;}
.top .topright{  float: right;}




.banner{ background: url(../images/bannerbg.jpg) center top no-repeat; background-size:cover; margin: 50px 0 0; height: 650px;}
.banner .cont{ margin: 0 auto; width: 1080px;}
.banner .slogan{ padding: 145px 0 0; font-size: 48px;}
.banner .bannertip{ padding: 20px 0 0; font-size: 24px;}
.banner .bannerbtn{ padding: 30px 0 0;}
.banner .bannerbtntip{ padding: 25px 0 0; color: #29e;}

.maintitle{ padding: 75px 0 50px; text-align: center; font-size: 48px;}
.maintitle .maintitletip{ margin: 10px 0 0; font-size: 20px;}

.subbanner{ background: url(../images/subbannerbg.jpg) center top no-repeat; margin: 0 auto; width: 1080px; height: 350px;}
.subbanner .subslogan{ padding: 50px 0 0 60px; font-size: 26px; line-height: 2; font-weight: 100;}
.subbanner .subbannerhref{ padding: 10px 0 0 60px;}

.m-subbanner { display: none; }

.stepwrap{ margin: 97px 0 0; background: #fafafa;}
.stepwrap .steps{ margin: 0 auto; padding: 0 0 20px; width: 1080px;}
dl.step-list{ margin: 0; padding:0 0 30px; width: 540px; height: 120px; float: left;}
dl.step-list dt{ margin: 0; padding: 0 0 0 100px; width: 90px; float: left;}
dl.step-list dd{ margin: 0 0 0 110px; font-size: 16px;}
dl.step-list dd.title{ margin: -10px 0 0; font-size: 24px;}


.appointwrap{ margin: 0;}
ul.appoint-list{ margin: 0 auto; padding: 0; list-style: none; width: 1060px;}
ul.appoint-list li{ margin: 0 4px 0 0; width: 260px; height: 344px; text-align: center; float: left; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);}
ul.appoint-list li > a{ display: block; color: inherit;}
.appointwrap .appointicon{ padding: 60px 0 0; height: 110px;}
.appointwrap .appointtitle{ padding: 20px 0 0; font-size: 24px;}
.appointwrap .appointtip{ padding: 40px 0 0 ; color: #b3b3b3;}
.appointwrap .appointtip.onerow{ padding: 50px 0 0;}

.m-appointintro { display: none; }

.appointintro{ background: #fafafa; margin: 112px 0 0;}
dl.appointintro-list{ margin: 0 auto; padding: 150px 0 130px; width: 1080px;}
dl.appointintro-list dt{ margin: 0; float: left;}
dl.appointintro-list dd{ margin: 0 0 0 560px;}
dl.appointintro-list dd.title{ padding: 55px 0 0; font-size: 48px;}
dl.appointintro-list dd.tip{ padding: 20px 0 0; font-size: 26px; font-weight: 100;}
dl.appointintro-list dd.appointintrobtn{ padding: 32px 0 0;}

.sercenter{ margin: 0;}
.sercenter-tab{ margin: 0 auto; width: 1080px;}
.sercenter-tab table{ border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed;}
.sercenter-tab table th{ padding: 15px 30px; border-bottom: 1px solid #dadada; text-align: left; font-weight: normal; font-size: 18px;}
.sercenter-tab table td{ padding: 15px 30px; border-bottom: 1px solid #ececec;}


.partnerwrap{ margin: 0; text-align: center;}
.partnerwrap .partnerbtn{ margin: 0;}
.partnerwrap .partnermap{ margin: 25px 0 0;}
.partnerwrap .partnertel{ padding: 120px 0 60px; }
.partnerwrap .partnerteltip{ font-size: 30px; font-weight: 100; color: #666;}
.partnerwrap .partnertelnum{ font-size: 40px; color: #29e;}

.m-partnermap { display: none; }

.footer { display: none; }





.footwrap{ background:#2d2e2e; color:#777;}
.footwrap a{ color:#777;}
.footwrap a:hover{ text-decoration:none; color:#e0e0e0;}
ul.foot-list{ margin:0 auto; padding:60px 0 40px; list-style:none; width:1200px;}
ul.foot-list li{ float:left; margin:0 0 0 70px; line-height:2.6; width:160px; font-size: 13px;}
ul.foot-list li .title{ margin:0 0 5px; font-size:14px; color: #e0e0e0;}
ul.foot-list li div{ white-space:nowrap;}
ul.foot-list .wechat{ margin: 10px 0 0; position: relative;}
ul.foot-list .scanwechat{ background: #fff; width: 148px; height: 203px; border: 1px solid #eef2f5; text-align: center; position: absolute; bottom: 51px; left: -54px; z-index: 10; display: none;}
ul.foot-list .scanwechat .scanarrow{ width: 0; height: 0; line-height: 0; font-size: 0; display: inline-block; border-style: solid dashed dashed dashed; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -8px; left: 63px; z-index: 11;}
ul.foot-list .scanqr{ font-size: 12px; color: #151515;}
ul.foot-list .attentionqr{ font-size: 12px; color: #999;}
.copyright{ margin:0 auto; padding: 20px 0; text-align:center; color:#666; font-size: 12px;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#29e;}













/* retinaå…¼å®¹ */
@media only screen and (-webkit-min-device-pixel-ratio :1.5),(min-resolution:120dpi),(-ms-high-contrast:active),(-ms-high-contrast:none){

}


/* å“åº” 1920-2580 */
@media (min-width: 1921px) and (max-width: 2880px){

}
/* å“åº” pad 1681-1920 */
@media (min-width: 1681px) and (max-width: 1920px){

}
/* å“åº” pad 1000-1360 */
@media (min-width: 1361px) and (max-width: 1680px){

}
/* å“åº” pad 1000-1360 */
@media (min-width: 1001px) and (max-width: 1360px){

}
/* å“åº” pad 770-1000 */
@media (min-width: 770px) and (max-width: 1000px){

}

/* å“åº” mobi 300-769 */
@media (min-width: 300px) and (max-width: 769px){
	.top .cont{ width: auto; }
	.top .logo{ /*margin: 12px 0 0 20px; */}
	.top .topright{ display: none; }

	.banner{ background-image: url(../images/m_bannerbg.jpg); background-size: cover; height: 182px;}
	.banner .cont{ width: auto; padding: 0 20px; }
	.banner .slogan{ padding: 25px 0 0; font-size: 24px; color: #000; }
	.banner .bannertip{ padding: 10px 0 0; font-size: 18px;}
	.banner .bannerbtn{ padding: 20px 0 0;}
	a.btn-subscribe { width: 86px; height: 24px; line-height: 24px; font-size: 9px; }
	.banner .bannerbtntip { display: none; }

	.maintitle{ padding: 35px 0; font-size: 24px; color: #000; }
	.maintitle .maintitletip{ margin: 10px 0 0; font-size: 20px;}

	.subbanner{ display: none; }
	.subbanner .subslogan{ padding: 50px 0 0 60px; font-size: 14px; line-height: 2; font-weight: 100;}
	.subbanner .subbannerhref{ padding: 10px 0 0 60px;}

	.m-subbanner { display: block; padding: 0 20px 40px; }
	.m-subbanner img { width: 100%; }
	.m-subbanner .m-subslogan { padding: 30px 0 30px 0px; }
	.m-subbanner .m-subslogan > span { display: inline-block; width: 50%; margin-bottom: 10px; }

	.stepwrap{ margin: 0; }
	.stepwrap .steps{ width: auto; }
	dl.step-list{ width: 50%; height: auto; float: left; text-align: center; padding-bottom: 40px; }
	dl.step-list dt{ padding: 0; margin-bottom: 30px; width: auto; float: none; }
	dl.step-list dd{ margin: 0; font-size: 13px;}
	dl.step-list dd.title{ margin-bottom: 10px; font-size: 12px; }
	.icon-sersup-step01 { margin-bottom: 10px; }

	.appointwrap{ margin: 0;}
	ul.appoint-list{ width: auto;}
	ul.appoint-list li{ margin: 0 0 30px 0; width: 50%; height: auto; box-shadow: none;}
	ul.appoint-list li > a{ display: block; color: inherit;}
	.appointwrap .appointicon{ padding: 0; height: 110px;}
	.appointwrap .appointtitle{ padding: 25px 0 0; font-size: 16px;}
	.appointwrap .appointtip{ padding: 15px 0 0; font-size: 13px; }
	.appointwrap .appointtip.onerow{ padding: 20px 0 15px;}


	.appointintro{ display: none; }
	dl.appointintro-list{ margin: 0 auto; padding: 150px 0 130px; width: auto;}
	dl.appointintro-list dt{ float: none;}
	dl.appointintro-list dt img { width: 100%; }
	dl.appointintro-list dd{ margin: 0; text-align: center; }
	dl.appointintro-list dd.title{ padding: 55px 0 0; font-size: 24px; color: #000; }
	dl.appointintro-list dd.tip{ padding: 10px 0 0; font-size: 13px; font-weight: 100;}
	dl.appointintro-list dd.appointintrobtn{ padding: 32px 0 0;}
	dl.appointintro-list dd.appointintrobtn .btn-subscribe { width: 100%; height: 48px; line-height: 48px; font-size: 16px; }

	.m-appointintro { display: block; padding: 0 20px 30px; }
	.m-appointintro img { width: 100%; }
	.m-appointintro .maintitle { padding-bottom: 15px; }
	.m-appointintro .m-tip { font-size: 13px; margin-bottom: 40px; text-align: center; }
	.m-appointintro .btn-subscribe { width: 100%; height: 48px; line-height: 48px; font-size: 16px; margin-top: 45px; }

	.sercenter { display: none; }

	.partnerwrap{ margin: 0; padding: 0 20px; text-align: center;}
	.partnerwrap .maintitle > div:first-child { font-size: 24px; color: #000; }
	.partnerwrap .maintitle .maintitletip { font-size: 15px; }
	.partnerwrap .partnerbtn{ margin: 0;}
	.partnerwrap .partnerbtn .btn-partner { width: 100%; height: 48px; line-height: 48px; font-size: 16px; margin-top: 40px; }
	.partnerwrap .partnermap{ display: none; }
	.partnerwrap .partnermap img { width: 100%; }
	.partnerwrap .partnertel{ display: block; padding: 65px 0; }
	.partnerwrap .partnerteltip{ font-size: 15px; }
	.partnerwrap .partnertelnum{ font-size: 20px; }

	.m-partnermap { display: block; }
	.m-partnermap img { width: 100%; }

	.footer { display: block; background-color: #999; color: #f3f4f6; padding: 20px; text-align: center; }

	.footwrap { /*display: none;*/ }
}

/* bannerå“åº”æ¨ªå± mobi 320-769 */
@media (max-height: 320px) and (max-width: 770px){

}
.table_new tr td{ padding:15px; font-size:14px;}
.table_new .chengse{ color:#ff7f45;}
.table_new .jingoal{ color:#2299ee;}