@charset "utf-8";
 @import url('../font/webFont.css');
body, td, th, input, textarea, select { font-family: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color: #555; outline: none; }
html { font-size: 62.5%; overflow-x: hidden; }
html, body { background: #fff; height: 100%; }
html, body, form { margin: 0; }
img { border: 0px none; vertical-align: middle; outline: none; max-width: 100%; width: auto; height: auto; }
ul, dl { display: block; margin: 0; padding: 0; }
ul, dl { display: block; margin: 0; padding: 0; }
dd { margin: 0; padding: 0; }
li { list-style: none; }
p { display: block; margin: 0; padding: 0; }
a, button, input, img, div, p, li, span { border: 0px none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; color: #777177; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:active { color: #0079C3; }
*:after { content: ''; display: block; height: 0; clear: both; }
#think_page_trace_open { z-index: 999998; }
mark { display: inline-block; }
.fl-left, .fl { float: left; }
.fl-right, .fr { float: right; }
#all { width: 100%; margin: auto; height: 100px; transition: transform .3s; position: relative; }
#black { content: ''; display: block; width: 100%; height: 100%; position: fixed; z-index: 98; left: 0; top: 0; background: rgba(0,0,0,.5); display: none; }
#all.move { transform: translateX(-200px); }
#outer { width: 200px; height: 100%; position: fixed; z-index: 99; background: #f4f5f6; right: 0; top: 0; transform: translateX(200px); transition: transform .3s; overflow: auto; }
#outer.move { transform: translateX(0px); }
#outer>a { display: block; font-size: 1.5rem; transition: all .25s; padding: 2.6rem 0 2.6rem 3.2rem; border-bottom: 1px solid #e8e8e8; }
#outer>a>i { display: inline-block; width: 32px; vertical-align: middle; font-size: 2.4rem; }
#outer>a>i.icon-home { font-size: 2.8rem; margin-left: -4px; margin-right: 4px; }
#outer>a:hover { background: #d8ae5d; color: #fff; }
#outer>div { background: #e8e8e8; display: none; }
#outer>div>a { display: block; font-size: 1.4rem; padding: 2rem 0 2rem 5.8rem; border-bottom: 1px solid #fff; transition: all .25s; }
#outer>div>a:hover { background: #1885f5; color: #fff; }
 #outer::-webkit-scrollbar {
width:8px;
height:8px;
}
#outer::-webkit-scrollbar-track {
background:#fff;
}
#outer::-webkit-scrollbar-thumb {
background:#1b1b1b;
}
#outer::-webkit-scrollbar-thumb:vertical:hover {
background: #5d92fe;
}
#nav { display:none; background: #1885f5; width: 96px; height: 93px; position: fixed; z-index: 99; right: 0; top: 0; color: #fff; transition: transform .3s, background .2s; }
#nav.move { transform: translateX(-200px); }
#nav>span { display: block; width: 100%; text-align: center; font-size: 2.5rem; margin-top: 22px; }
#nav>p { font-weight: bold; text-align: center; margin-top: 7px; }
#nav:hover { background: #d8ae5d; }
#head { border-bottom: 1px solid rgba(255,255,255,.16); width: 1080px; margin:0 auto; height: 92px; left: 0; top: 0; z-index: 4; transition: background .35s, opacity .25s }
#head .logo { float: left; }
#head .logo a { display: block; width: 150px; height: 46px; margin: 23px 0 0 36px; position: relative; }
#head .logo a>img { height: 100%; position: absolute; left: 0; top: 0; transition: all .3s; }
#head .logo a>span { color: #666; position: absolute; right: 0; top: -10px; transform: scale(.9); transition: all .35s; }
#head.active { background: #fff; }
#head.hide { opacity: 0; z-index: 0; }
#menu { float: left; z-index: 2; margin-left: 50px; margin-top: 45px; }
#menu>li { float: left; }
#menu>li>a { display: block; font-size: 1.6rem; padding: 0 28px; transition: color .25s; }
#menu>li>a:hover, #menu>li:hover>a { color: #0079C3 !important; }
#head.active #menu>li>a { color: #464646; }
#menu>li>.d1 { position: fixed; width: 100%; left: 0; height: 0; margin: 3px auto auto auto; background: #fff; overflow: hidden; transition: all .35s; }
#menu>li>.d1.active { height: 613px; }
#menu>li>.d1 .wrap { display: table; table-layout: fixed; width: 100%; }
#menu>li>.d1 dl { display: table-cell; width: 25%; box-sizing: border-box; border-right: 1px solid #e8e8e8; }
#menu>li>.d1 dl:last-child { border-right: 0px none; }
#menu>li>.d1 dl>dt>a { display: block; height: 54px; line-height: 52px; background: #f4f5f6; text-align: center; font-size: 1.7rem; color: #464646; transition: all .25s; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
#menu>li>.d1 dl:hover>dt>a { background: #1885f5; color: #fff; }
#menu>li>.d1 dl>dd { padding: 25px 30px 30px 30px; min-height: 449px; }
#menu>li>.d1 dl>dd>a { display: table; table-layout: fixed; font-size: 1.4rem; padding: 5px 0 5px 0; width: 100%; }
#menu>li>.d1 dl>dd>a img { display: inline-block; width: 50px; height: 50px; background: #eee; margin-right: 10px; transition: all .2s; }
#menu>li>.d1 dl>dd>a:hover img { margin-left: 6px; margin-right: 10px; }
#menu>li>.d1 dl>dd>a p { display: table-cell; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; position: relative; padding: 1px 0; }
#menu>li>.d1 dl>dd>a p:after { content: ''; display: block; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; background: #888; }
#menu>li>.d1 dl>dd>a:hover p { color: #333; }
#menu>li>.d1 dl>dd>a:hover p:after { width: 100%; }
#menu>li>.d1 .more { display: block; height: 56px; line-height: 54px; background: #eaf2f7; text-align: center; font-size: 1.7rem; color: #333; transition: all .25s; }
#menu>li>.d1 .more i { font-size: 2.8rem; vertical-align: middle; margin-right:.5rem;
display: inline-block; }
#menu>li>.d1 .more:hover { background: #dbebf5; }
#menu>li>.d2 { position: fixed; width: 100%; left: 0; margin: 3px auto auto auto; background: #fff; overflow: hidden; transition: height .3s; height: 0; }
#menu>li>.d2.active { height: 250px; border-top: 1px solid #e6e6e6; }
#menu>li>.d2 .wrap { width: 100%; margin: auto; padding: 20px 25px 30px 25px; box-sizing: border-box; }
#menu>li>.d2 .wrap a { display: block; float: left; width: 20%; box-sizing: border-box; padding: 10px; font-size: 1.5rem; }
#menu>li>.d2 .wrap a>p { background: #f4f5f6; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .2s; padding: 5px 10px; }
#menu>li>.d2 .wrap a:hover>p { background: #e8e8e8; color: #464646; transition: all .25s; }
#menu>li>.d2 .wrap a>p img { display: inline-block; width: 60px; height: 60px; margin-right: 5px; transition: all .2s; }
#menu>li>.d2 .wrap a:hover>p img { margin-left: 6px; }
#menu>li>.d2 .wrap a.more p { background: #eaf2f7; border: 0px none; height: 70px; line-height: 68px; padding: 0; text-align: center; color: #464646; transition: all .25s; }
#menu>li>.d2 .wrap a.more p:after { display: none; }
#menu>li>.d2 .wrap a.more p>i { font-size: 2.4rem; display: inline-block; vertical-align: middle; margin-right:.5rem;
}
#menu>li>.d2 .wrap a.more:hover p { background: #dbebf5; }
#menu>li>.same { position: fixed; width: 100%; left: 0; margin: 2px auto auto auto; background: #fff; overflow: hidden; transition: height .3s; height: 0; box-sizing: border-box; }
#menu>li>.same.active { height: 400px; border-top: 1px solid #e6e6e6; }
#menu>li>.same .wrap { width: 1200px; padding: 50px 0; margin: auto; }
#menu>li>.same .l { width: 380px; float: left; }
#menu>li>.same .l .tit { font-size: 4rem; color: #464646; position: relative; margin-bottom: 50px; }
#menu>li>.same .l .tit:after { width: 42px; height: 4px; background: #1885f5; content: ''; display: block; position: absolute; left: 0; bottom: -20px; }
#menu>li>.same .desc { color: #999; line-height: 1.8; font-size: 1.5rem; }
#menu>li>.same .c { width: 200px; float: left; margin-left: 160px; }
#menu>li>.same .c>a { display: block; font-size: 1.8rem; padding: 10px 0 10px 0; border-bottom: 1px solid #fff; transition: padding-left .25s; }
#menu>li>.same .c>a:hover { border-bottom: 1px solid #888; color: #333; padding-left: 8px; }
#menu>li>.same .r { width: 300px; float: right; }
#menu>li>.same .r .img { width: 300px; height: 200px; background: #eee; margin-top: 10px; }
#menu>li>.same .r .desc { margin-top: 10px; font-size: 1.7rem; color: #666; }
#lan { width: 80px; height: 92px; line-height: 90px; color: #333; position: absolute; z-index: 3; right: 186px; top: 0; text-align: center; transition: color .3s; text-align: center; }
#lan .icon { width: 1em; height: 1em; vertical-align: -0.35em; fill: currentColor; overflow: hidden; }
#lan>svg { font-size: 1.86rem; vertical-align: middle; }
#lan>span { display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 1.6rem; transition: all .3s; }
#lan:hover>span { color: #1885f5 !important; }
#search { width: 80px; height: 92px; line-height: 90px; color: #fff; position: absolute; z-index: 3; right: 116px; top: 0; text-align: center; transition: color .3s; }
#search>span { font-size: 2.2rem; }
#search:hover { color: #1885f5 !important; }
#head.active #search { color: #999; }
 @media (max-width:1440px) {
#menu { width: 770px; }
#menu>li>a { font-size: 1.5rem; }
#menu>li>.d1 dl>dt>a { font-size: 1.6rem; }
#menu>li>.d2 .wrap a>p { padding: 4px 8px; font-size: 1.5rem; }
#menu>li>.d2 .wrap a.more p { height: 68px; line-height: 66px; }
}
@media (max-width:1366px) {
#menu>li>.d1 dl>dt>a { font-size: 1.5rem; }
#menu>li>.d1 dl>dd { padding: 20px 20px; }
#menu>li>.d1 dl>dd>a { font-size: 1.3rem; padding: 4px 0; }
#menu>li>.same .c>a { font-size: 1.6rem; }
#menu>li>.same .r .desc { font-size: 1.5rem; }
}
@media (max-width:1280px) {
#menu { width: 730px; }
#menu>li>a { padding: 0 25px; }
#menu>li>.d1 dl>dt>a { font-size: 1.4rem; }
#menu>li>.d1 dl>dd>a { font-size: 1.3rem; padding: 3px 0; }
#menu>li>.d1 .more { font-size: 1.5rem; }
#menu>li>.d2 .wrap a { padding: 8px; }
#menu>li>.d2 .wrap a>p { padding: 4px 6px; font-size: 1.4rem; }
#menu>li>.d2 .wrap a.more p { height: 68px; line-height: 66px; }
#menu>li>.same .wrap { width: 330px; width: 1100px; }
#menu>li>.same .l .tit { font-size: 4.6rem; }
#menu>li>.same .desc { font-size: 1.4rem; }
#menu>li>.same.active { height: 380px; }
#menu>li>.same .c { width: 200px; float: left; margin-left: 140px; }
}
@media (max-width:1080px) {
#all { height:66px; }
#all.move { transform: translateX(-160px); }
#outer { width: 160px; transform: translateX(160px); }
#outer>a { font-size: 1.4rem; transition: all .25s; padding: 1.7rem 0 1.7rem 2.5rem; }
#nav { display:block; width: 66px; height: 66px; transition: transform .3s, background 0s; }
#nav:hover { background: #1885f5; }
#nav.move { transform: translateX(-160px); }
#nav>span { font-size: 1.7rem; margin-top: 16px; }
#nav>p { margin-top: 5px; font-size:.9rem;
}
#nav:active { background: #d8ae5d; }
#head { background: #fff; height: 65px; }
#head .logo a { width: 108px; height: 32px; margin: 16px 0 0 20px; }
#head .logo a>img.blue { opacity: 1; }
#head .logo a>span { color: #666; top: -7px; transform: scale(1); }
#lan { height:58px; line-height:56px; right:65px; }
#search { width: 65px; height: 65px; line-height: 63px; color: #777177; right: 68px; top: 0; }
#search>span { font-size: 2.2rem; }
#menu { display: none; }
}
<!--
-->
#foot { background: #DCDCDC; padding-bottom:50px; }
#foot_con { width: 1080px; height: 100%; margin: auto; }
#foot_l { width: 100%; float: left; }
#foot_r { width: 190px; float: right; }
#qr { text-align: center; padding-top: 30px; }
#foot_r_txt { color: #333; text-align: center; padding-top: 15px; }
.footList { float: left; width:20%; margin-top: 30px; }
.footList li {  line-height:180%; }
.footList li a { display: block; padding-bottom: 7px; color: #7A7A7A; font-size: 13px; }
.footList li a:hover, .footList li a:active { color: #FFF; }
.footList li a.ftit { color: #7A7A7A; font-size: 15px; font-weight: bold; display: block; padding-top: 5px; padding-bottom: 15px; }
.footList li a.ftit:hover, .footList li a.ftit:active { color: #7A7A7A; }
#foot_copy { background: #717171; height: 42px; line-height:42px; }
#foot_copy * ,#foot_copy a{ color:#FFF; }
@media (max-width:1080px) {
#foot { display:none; }
#foot_con { width:auto; width:90%; }
#foot_copy { height:auto; line-height:normal; padding:15px 0; }
}