@charset "utf-8";


section, article, aside, header, footer, nav { display: block; }

/* font */
body, a, input, textarea { font-family: \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; color: #333; }
body { font-size: 14px; line-height: 1.2; }
input, select, textarea { font-size: inherit; }
h1, h2, h3, h4 { font-weight: 400; font-size: 1em; }

/* parts */
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.vm { vertical-align: middle; }
.nt { text-indent: -38888px; outline: none; }

body {background-color:#b4b4b4}

.main-sub { background: url(../images/main-sub-bg.jpg) no-repeat center 0;}
.main-sub .wrap { position: relative;  width: 1200px;  margin: 0 auto; background-position: -360px 0; }
.main-sub .sub-slogan {position:relative; height: 530px;}
.main-sub .video { position: relative; left: 582px; display: block; width: 37px; height: 37px; cursor: pointer; }

.main-sub .news-info {position: relative; width: 794px; background-color: #ffffff; margin-top: 36px;}

.main-sub .sub-download{position: absolute; top: 603px; width:382px; height:268px; right:0; background:url(../images/sub-download.jpg) no-repeat center 0}
.main-sub .sub-download img {position:absolute; top: 36px; left:33px; width: 110px; height:110px}
.main-sub .sub-download .ios {position:absolute; top: 39px; left:169px; width: 178px; height:58px; text-indent:-9999px;}
.main-sub .sub-download .android {position:absolute; top: 107px; left:169px; width: 178px; height:58px; text-indent:-9999px;}
.main-sub .sub-download .get-card {position:absolute; top: 189px; left:36px; width: 310px; height:41px; text-indent:-9999px;}

.main-sub .sub-banner{top:891px; width:382px; height:190px; right:0; position: absolute;}
.sub-banner .panel-banner {width: 100%;height: 100%;position: relative;}
.panel-banner .switchMod-cont {position: relative; width: 100%; height: 100%;  z-index:1;}
.panel-banner .switchMod-cont img {position: relative; width: 100%; height: 100%;}
.panel-banner .switchMod-menu {height: 24px; position: absolute; bottom: 0; margin-bottom: 10px; right: 10px; z-index:2;}
.panel-banner .switchMod-menu li,.panel-banner .switchMod-menu li .current {background: url(../images/sub-choose.png) no-repeat;}
.panel-banner .switchMod-menu li {width: 24px; height: 24px; font: 0/0 a; color: transparent; text-shadow: none;  background-color: transparent;  border: 0; float: left; cursor: pointer; margin-left: 5px;}
.panel-banner .switchMod-menu .ll {left: 30px;}
.panel-banner .switchMod-menu .current {background-position: -24px}

.main-sub .sub-icon{top:1130px; width:355px; height:85px; right:15px; position: absolute; background:url(../images/sub-icon.png)}
.main-sub .sub-icon a {position:relative; margin-left:27.5px; width: 65px; height:85px; text-indent:-9999px;display:inline-block;}
.main-sub .sub-icon .begin {position:relative; margin-left:0;  width: 65px; height:85px; text-indent:-9999px;display:inline-block;}
.main-sub .sub-icon .begin a{ display:block; margin-left: 0;}
.main-sub .sub-icon .wx {position:relative; margin-left:27.5px; width: 65px; height:85px; text-indent:-9999px;display:inline-block;}
.main-sub .sub-icon .wx img {display: none;width: 120px;height: 120px; position: absolute;top: 87px;left: -20px;}
.main-sub .sub-icon .wx:hover img{ display: block; }

/*news-list*/
.c-box-sub { width: 793px; }
.c-box-sub h1 { text-align: center; font-weight: 700; font-size: 26px; border-bottom: 1px dashed #c3beb9; padding-top: 25px; padding-bottom: 15px;}

.c-box-sub-head { height: 72px; padding: 10px 36px; }
.c-box-sub-head h2 { padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #e0e0e0; font-size: 30px;}
.c-box-sub-head p { color: #39536a; position: absolute; right: 44px; margin-top: -30px; }
.c-box-sub-head p a { color: #39536a;}

.c-box-sub-body { min-height: 500px; padding: 20px 40px 60px; background-color: #fff; }

.c-box-sub-body .menu { height: 37px;}
.c-box-sub-body .menu ul { overflow: hidden; }
.c-box-sub-body .menu li, .c-box-sub-body .menu .current, .c-box-sub-body .menu li:hover{ float: left; width: 98px; height: 37px; margin: auto 15px;  text-align: center; background: url(../images/sub-menu.png) no-repeat;}
.c-box-sub-body .menu .current{background-position: -98px}
.c-box-sub-body .menu li:hover{background-position: -98px}
.c-box-sub-body .menu a { display: block; width: 98px; height: 37px; line-height: 32px; font-weight: 700; font-size: 16px; margin: 2px auto;}
.c-box-sub-body .menu a:hover, .c-box-sub-body .menu .current a { color: #ffffff; text-decoration: none; }
.c-box-sub-body .menu .ll { padding-left: 108px;}

.c-box-sub-body .list { width: 676px; margin-left: 20px; margin-top: 40px; padding-bottom: 20px; overflow: hidden; }
.c-box-sub-body .list li { *float: left; padding: 13px 0; overflow: hidden; }
.c-box-sub-body .list li .ellipsis { width: 520px; }
.c-box-sub-body .list-pics li { float: left; margin-right: 30px; padding: 0; border: 4px solid #eee; }
.c-box-sub-body .list-pics li img { width: 184px; height: 124px; }
.c-box-sub-body .thumb li { float: left; margin-right: 6px; padding: 0; border: 4px solid #eee; }
.c-box-sub-body .thumb li img { width: 200px; height: 275px; }
.c-box-sub-body .list-pics .end { margin-right: 0; }

.c-box-sub-body .page { margin-top: 20px; text-align: center; cursor: default; }
.c-box-sub-body .page a, .c-box-sub-body .page span { display: inline-block; padding: 1px 5px; }
.c-box-sub-body .page a:hover { text-decoration: none; }
.c-box-sub-body .page span.current { font-weight: 700; }
.c-box-sub-body .page a { color: #888; }
.c-box-sub-body .page a:hover, .c-box-sub-body .page span.current { color: #555; }
.c-box-sub-body .page, .c-box-sub-body .page span.disabled { color: #ccc; }

.c-box-sub-body .assistant {padding-top: 10px;  padding-bottom: 20px; text-align: center; }
.c-box-sub-body .assistant span { margin-left: 16px; }
.c-box-sub-body .assistant em { color:#c59d5d; }
.c-box-sub-body .assistant a { display: inline-block; margin: 0 8px; }
.c-box-sub-body .assistant a:hover { text-decoration: none; }
.c-box-sub-body .assistant .current { font-weight: 700; }

.c-box-sub-body .article { margin-top: 7px; padding-bottom: 20px; }
.c-box-sub-body .article p { padding: 7px 0; }
.c-box-sub-body .article a { text-decoration: underline; color: #f00; }
.c-box-sub-body .article strong { color: red; }

.c-box-sub-body .showcase { margin-top: 20px; }
.c-box-sub-body .showcase .viewport { width: 636px; height: 395px; }
.c-box-sub-body .showcase .list-pics { margin-top: 40px; padding-top: 40px; border-top: 1px dashed #c3beb9; }
.c-box-sub-body .showcase .list-pics li { position: relative; margin-bottom: 20px; }
.c-box-sub-body .showcase .list-pics li .icon { position: absolute; top: 42px; left: 72px; width: 45px; height: 45px; background-repeat: no-repeat; cursor: pointer; }

.c-box-sub-body .cont-wx { width: 100%; height: 100%; padding-top: 115px; }
.c-box-sub-body .cont-wx p { width: 100%; text-align: center; }
.c-box-sub-body .cont-wx p img { width: 200px; height: 100%; margin-bottom: 10px; }
.c-box-sub-body .cont-wx p em { color: #f00; }

/* footer */
.footer {position: relative; min-width: 1200px; padding: 25px 0 20px; }
.footer a { padding: 0 5px; font-size: 12px; color: #fff; }
.footer p { padding: 2px 0; font-size: 12px; color: #fff; }