body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #666; }

body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #fff url(../images/headbg.png) no-repeat center top; background-size: 100%; }

.fl { float: left; }

.fr { float: right; }

.wrap { width: 1200px; margin: 0 auto; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

.clearfix { display: block; *zoom: 1; }
.clearfix::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#page { margin: 20px auto; width: 100%; overflow: hidden; text-align: center; }
#page a, #page span { display: inline-block; width: auto; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6; margin: 0 5px; }
#page span { background-color: #63B8FF; color: #fff; }
#page a:hover { background-color: #63B8FF; color: #fff; }
#page .activP { background-color: #63B8FF; color: #fff; }

.ico { background: url(../images/icon.png) no-repeat; background-size: 1000px 1000px; }

.headerwrap { margin: 0 auto; overflow: hidden; width: 100%; }
.headerwrap header { width: 1200px; height: 103px; margin: 0 auto; overflow: hidden; }
.headerwrap header > a { float: left; display: block; margin-top: 31px; }
.headerwrap header > a img { width: 191px; height: 47px; }
.headerwrap header nav { float: right; margin-top: 26px; margin-right: 150px;}
.headerwrap header nav > i.ico { float: left; width: 19px; height: 18px; background-position: -5px -49px; position: relative; top: 18px; }
.headerwrap header nav a { float: left; display: block; position: relative; padding: 10px 15px 10px 12px; }
.headerwrap header nav a.current { font-weight: 700; }
.headerwrap header nav a span { display: inline-block; position: relative; font-size: 18px; color: #fff; }
.headerwrap header nav a span:after { content: ""; position: absolute; width: 0; height: 0; top: 30px; left: 0; right: 0; margin: auto; background-color: transparent; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; }
.headerwrap header nav a:hover span:after { display: block; width: 38px; height: 4px; background-color: #ffac01; border-radius: 1px; position: absolute; top: 30px; left: 0; right: 0; margin: auto; }
.headerwrap header nav a.current span i { position: absolute; top: 25px; right: 42%; display: inline-block; width: 62px; height: 37px; background-position: -34px -41px; }
.headerwrap header nav a:hover span i { display: none; }
.headerwrap header nav a:nth-last-of-type(1) { padding-right: 0; }
.headerwrap header nav a > i.ico { display: inline-block; position: relative; top: 4px; margin-right: 8px; }
.headerwrap header nav a i.sy { width: 18px; height: 22px; background-position: -7px -8px; }
.headerwrap header nav a i.yx { width: 27px; height: 22px; background-position: -41px -7px; }
.headerwrap header nav a i.yy { width: 18px; height: 22px; background-position: -84px -8px; }
.headerwrap header nav a i.zx { width: 20px; height: 24px; background-position: -197px -8px; top: 5px; }
.headerwrap header nav a i.hj { width: 22px; height: 22px; background-position: -118px -8px; }
.headerwrap header nav a i.phb { width: 25px; height: 22px; background-position: -156px -8px; }

.contentwrap { width: 1200px; margin: 5px auto 0; overflow: hidden; }

.homepage { background: #fff; overflow: hidden; width: 1160px; padding: 10px 20px; border-radius: 12px; }

.Minnav { height: 54px; line-height: 54px; border-bottom: 1px solid #f0eff5; width: 100%; background: #fff; }
.Minnav .ul .li { float: left; height: 100%; margin-right: 40px; color: #8e8e93; cursor: pointer; position: relative; }
.Minnav .ul .li .ico { display: inline-block; vertical-align: middle; margin: -2px 6px 0 0px; }
.Minnav .ul .li .ico1 { height: 16px; width: 12px; background-position: -322px -9px; }
.Minnav .ul .li .ico2 { height: 12px; width: 13px; background-position: -274px -8px; }
.Minnav .ul .li .sur { display: none; width: 0px; height: 0px; position: absolute; left: 50%; margin-left: -5px; bottom: -1px; border-bottom: 12px solid #f0eff5; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.Minnav .ul .li .sur::after { content: ''; display: block; width: 0px; height: 0px; position: absolute; top: 2px; left: -8px; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.Minnav .ul .on { color: #000; color: rgba(0, 0, 0, 0.9); }
.Minnav .ul .on .sur { display: block; }
.Minnav .ul .on .ico1 { background-position: -301px  -9px; }
.Minnav .ul .on .ico2 { background-position: -249px -8px; }

.Minnav_tab .item + .item { display: none; }
.Minnav_tab .item { width: 100%; overflow: hidden; }
.Minnav_tab .list1 { width: 110%; padding: 20px 0 20px; overflow: hidden; }
.Minnav_tab .list1 li { float: left; width: 98px; margin: 10px 20px 0 0px; text-align: center; }
.Minnav_tab .list1 li:hover p { color: #63B8FF; }
.Minnav_tab .list1 li .img { height: 80px; border-radius: 15px; overflow: hidden; width: 80px; margin: 0 auto; }
.Minnav_tab .list1 li .img img { width: 100%; }
.Minnav_tab .list1 li p { color: #333237; line-height: 34px; height: 34px; overflow: hidden; }
.Minnav_tab .list2 { padding: 0 0 20px; width: 100%; margin: auto; }
.Minnav_tab .list2 li:nth-of-type(2n+1) span { border-color: #4cc6ff; }
.Minnav_tab .list2 li:nth-of-type(2n+2) span { border-color: #ff6933; }
.Minnav_tab .list2 li { width: 100%; height: 28px; line-height: 28px; color: #dee0e7; margin-bottom: 10px; overflow: hidden; white-space: nowrap; }
.Minnav_tab .list2 li span { display: inline-block; padding: 0 14px; height: 25px; color: #4b4b4b; font-size: 16px; font-weight: 700; border-left: 3px solid #4cc6ff; }
.Minnav_tab .list2 li a { color: #444; font-size: 14px; padding: 0 5px; margin: 0 8px 0 4px; }

.friendlyLink { background-color: #1e1e1f; padding-top: 22px; }

.friendlyLink > div { background-color: #181818; color: #a0a0a0; }

.friendlyLink > div > div { width: 1200px; margin: 0 auto; padding: 36px; overflow: hidden; }

.friendlyLink .linksTit { font-size: 18px; }

.friendlyLink .linksTit i { display: inline-block; width: 30px; height: 24px; background-position: -616px 0; position: relative; top: 5px; margin-right: 6px; }

.friendlyLink .linksTags { overflow: hidden; margin-top: 18px; }

.friendlyLink .linksTags a { float: left; font-size: 12px; line-height: 34px; color: #a0a0a0; margin-right: 26px; }

.friendlyLink .linksTags a:hover { color: #63B8FF; }

footer { width: 100%; height: 115px; color: #999; font-size: 14px; background-color: #141414; text-align: center; padding-top: 30px; }

footer p:nth-of-type(1) { color: #616161; line-height: 46px; font-weight: 600; }

footer p:nth-of-type(2) { color: #999; font-weight: 400; }

footer p a { color: #999; margin: 0 10px; font-weight: 400; }

footer p:nth-of-type(2) a { margin: 0; }

.ndjSjyxCont { width: 600px; margin-top: 30px; }

.ndjXbtjBox { float: left; width: 270px; }

.ndj_xbtj_tit { position: relative; width: 100%; overflow: hidden; }

.ndj_xbtj_tit:before { content: ''; display: block; width: 100%; height: 1px; background: #cccccc; position: absolute; top: 11px; left: 0; }

.ndj_xbtj_tit h2 { float: left; font-size: 18px; height: 22px; line-height: 22px; font-weight: bold; padding-right: 15px; position: relative; background: #FFFFFF; }

.ndj_xbtj_tit h2:after { content: ''; display: block; width: 30px; height: 3px; background: #40a822; border-radius: 2px; position: absolute; right: -30px; top: 10px; }

.ndjXbtjList { width: 270px; margin-top: -4px; overflow: hidden; }

.ndjXbtjList li { width: 270px; margin-top: 20px; overflow: hidden; }

.ndjXbtjList li span { display: block; float: left; width: 48px; height: 48px; }

.ndjXbtjList li span img { width: 50px; height: 50px; border-radius: 12px; }

.ndjXbtjList li dl { float: right; width: 210px; margin-top: 3px; }

.ndjXbtjList li dl dt { display: block; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; }

.ndjXbtjList li dl dd { height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 5px; }

.ndjRmjxBox { float: right; width: 285px; }

.ndjRmjxList { width: 285px; }

.ndjRmjxList li { height: 88px; margin-top: 12px; border-radius: 8px; overflow: hidden; }

.ndjRmjxList li a { display: block; height: 88px; position: relative; }

.ndjRmjxList li a img { width: 100%; height: 88px; transition: transform 0.5s; }

.ndjRmjxList li a:hover img { transform: scale(1.1); transition: transform 0.5s; }

.ndjRmjxList li a p { height: 41px; line-height: 41px; overflow: hidden; font-size: 16px; color: #fff; text-align: center; padding: 30px 15px 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.9)); position: absolute; bottom: 0px; left: 0px; right: 0; }

.ndjRmjxList li a:hover p { text-decoration: underline; }

.Min2-2 { width: 530px; padding-left: 20px; font-size: 14px; }

.Min2-2 .title_ { height: 30px; line-height: 30px; }

.Min2-2 .title_ .lab p { height: 27px; width: 66px; line-height: 27px; font-size: 14px; }

.Min2-2 .list_ .ul + .ul { display: none; }

.Min2-2 .list_ .item { border-left: 1px solid #efeff4; }

.Min2-2 .list_ .item .bt_a { height: 30px; line-height: 30px; margin: 25px 0 15px 0; width: 100%; overflow: hidden; }

.Min2-2 .list_ .item .bt_a a { color: #000; color: rgba(0, 0, 0, 0.9); font-size: 25px; font-weight: 800; }

.Min2-2 .list_ .item .bt_a .lb { height: 28px; line-height: 28px; width: 28px; text-align: center; margin: 1px 24px 0 7px; float: left; display: block; color: #fff; background: #FFA900; border-radius: 4px; font-size: 14px; font-weight: normal; }

.Min2-2 .list_ .item .news_ul { padding: 6px 0 15px 0; }

.Min2-2 .list_ .item:nth-child(2) .bt_a .lb { background: #06A3FB; }

.Min2-2 .list_ .item:nth-child(3) .bt_a .lb { background: #30C101; }

.Min2-2 .list_ .item:nth-child(3) .news_ul { padding-bottom: 0; }

.title_ { height: 77px; width: 100%; line-height: 77px; }

.title_ .bt { float: left; font-size: 24px; font-weight: 800; color: #000; color: rgba(0, 0, 0, 0.9); }

.title_ .lab { float: right; }

.title_ .lab p { display: inline-block; vertical-align: middle; width: 40px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; color: #8e8e93; font-size: 12px; cursor: pointer; }

.title_ .lab p:hover { background: #00B26F; color: #fff; }

.title_ .lab .on { background: #00B26F; color: #fff; }

.title_ .more { width: 48px; height: 18px; text-align: center; line-height: 17px; border: 1px solid #efeef4; cursor: pointer; display: block; float: right; margin: 5px 0 0 0; font-size: 12px; color: #8E8E93; }

.title_ .more:hover { background: #00B26F; color: #fff; border-color: #00B26F; }

.news_ul a { color: #666; }

.news_ul a:hover { color: #00B26F; }

.news_ul li { height: 37px; line-height: 37px; width: 100%; }

.news_ul li:hover .num { background: #00B26F !important; border-color: #00B26F !important; }

.news_ul li:nth-child(even) .num { background: #efeff4; }

.news_ul li .num { float: left; display: block; width: 3px; height: 3px; background: #fff; border-radius: 50%; border: 1px solid #efeff4; margin: 16px 0 0 -3px; }

.news_ul li .bt { width: 85px; height: 100%; display: block; float: left; text-align: center; margin: 0 3px; overflow: hidden; }

.news_ul li .tex { float: left; display: block; max-width: 340px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news_ul li .tex img { height: 20px; width: 20px; margin: 0 10px 0 0; }

.news_ul li .time { float: right; color: #b1b1b1; width: 85px; overflow: hidden; text-align: right; }

.minwrap { width: 1200px; margin: 0 auto; }
.minwrap .itiTle { position: relative; height: 96px; line-height: 96px; z-index: 1; overflow: hidden; }
.minwrap .itiTle em { position: relative; float: left; display: block; padding: 0 12px 0 18px; font-size: 30px; color: #354352; height: 96px; line-height: 96px; font-weight: 700; }
.minwrap .itiTle em h2, .minwrap .itiTle em span { position: relative; z-index: 2; font-size: 30px; font-weight: 700; }
.minwrap .itiTle em i { display: block; position: absolute; z-index: 0; }
.minwrap .itiTle i:nth-of-type(1) { width: 46px; height: 46px; background-position: -799px -3px; left: 0; top: 27px; }
.minwrap .itiTle i:nth-of-type(2) { width: 20px; height: 20px; background-position: -751px -4px; right: 0; bottom: 25px; }
.minwrap .itiTle a { float: right; display: block; height: 96px; font-size: 14px; color: #676767; }
.minwrap .itiTle a:hover { color: #008bff; }

.Main_cont1 { height: 351px; }
.Main_cont1 .M1slide { width: 530px; height: 351px; overflow: hidden; position: relative; float: left; }
.Main_cont1 .M1slide .hd { position: absolute; bottom: 40px; right: 0; width: 530px; text-align: right; *zoom: 1; z-index: 2; }
.Main_cont1 .M1slide .hd ul { zoom: 1; text-align: center; }
.Main_cont1 .M1slide .hd ul li { display: inline-block; width: 16px; height: 8px; background-color: #d8d8d8; border-radius: 12px; cursor: pointer; margin-right: 6px; }
.Main_cont1 .M1slide .hd ul li.on { background-color: #63B8FF; }
.Main_cont1 .M1slide .bd { position: relative; height: 100%; z-index: 0; }
.Main_cont1 .M1slide .bd li { zoom: 1; vertical-align: middle; position: relative; height: 351px; width: 530px; }
.Main_cont1 .M1slide .bd .pic { position: relative; z-index: 1; }
.Main_cont1 .M1slide .bd .pic img { width: 530px; height: 351px; display: block; -o-object-fit: cover; object-fit: cover; }
.Main_cont1 .M1slide .info { height: 90px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 30px; bottom: 30px; z-index: 2; width: 470px; }
.Main_cont1 .M1slide .info .bt { margin-top: 15px; font-weight: bold; text-align: center; display: block; color: #fff; font-size: 20px; height: 46px; line-height: 46px; }
.Main_cont1 .M1slide .btn { position: absolute; top: 50%; margin-top: -20px; display: block; width: 40px; background: rgba(0, 0, 0, 0.4); height: 40px; background: url(../images/arrows.png) no-repeat; transition: all 0.3s ease 0s; opacity: 0.66; border-radius: 50%; transition: all .2s linear; }
.Main_cont1 .M1slide .btn:hover { opacity: 1; }
.Main_cont1 .M1slide .prev { left: -40px; }
.Main_cont1 .M1slide .next { right: -40px; background-position: -60px 0; }
.Main_cont1 .M1slide:hover a.prev { left: 30px; }
.Main_cont1 .M1slide:hover a.next { right: 30px; }
.Main_cont1 .M1_mind { width: 310px; float: left; }
.Main_cont1 .M1_mind li { height: 87px; padding: 15px; }
.Main_cont1 .M1_mind li.bg1 { background: #9999FF; }
.Main_cont1 .M1_mind li.bg2 { background: #499DF5; }
.Main_cont1 .M1_mind li.bg3 { background: #66CC99; }
.Main_cont1 .M1_mind h3 { float: left; width: 22px; text-align: center; font-weight: bold; padding-right: 10px; margin-right: 12px; font-size: 18px; position: relative; color: #FFFFFF; line-height: 22px; }
.Main_cont1 .M1_mind h3:after { content: ''; display: block; width: 5px; height: 80px; position: absolute; right: 0; top: 6px; background: url(../images/icon.png) no-repeat; }
.Main_cont1 .M1_mind li.bg1 h3:after { background-position: -390px 0; }
.Main_cont1 .M1_mind li.bg2 h3:after { background-position: -390px -80px; }
.Main_cont1 .M1_mind li.bg3 h3:after { background-position: -390px -160px; }
.Main_cont1 .M1_mind img { width: 72px; height: 72px; object-fit: cover; border-radius: 17px; float: left; margin: 12px 12px 0 0; }
.Main_cont1 .M1_mind img:hover { transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.Main_cont1 .M1_mind dl { padding-top: 20px; }
.Main_cont1 .M1_mind dt { font-size: 16px; height: 20px; line-height: 20px; color: #fff; overflow: hidden; }
.Main_cont1 .M1_mind dt a { color: #fff; }
.Main_cont1 .M1_mind dd { color: #FFFFFF; height: 18px; line-height: 18px; overflow: hidden; margin-top: 15px; }
.Main_cont1 .M1_mind li.bg1 dd { color: #E7E7FF; }
.Main_cont1 .M1_mind li.bg2 dd { color: #D0E7FD; }
.Main_cont1 .M1_mind li.bg3 dd { color: #E2F5EC; }
.Main_cont1 .M1_right { width: 320px; float: right; background: #fff; height: 351px; }
.Main_cont1 .M1_right .m1r_tab { height: 30px; margin: 12px 12px 6px; }
.Main_cont1 .M1_right .m1r_tab span { display: block; float: left; height: 30px; line-height: 30px; padding: 0 15px; font-size: 18px; font-weight: bold; color: #333; cursor: pointer; border-radius: 30px; margin-right: 12px; }
.Main_cont1 .M1_right .m1r_tab .on { background: #63B8FF; color: #fff; }
.Main_cont1 .M1_right .m1r_tab_bd { margin: 0 12px; }
.Main_cont1 .M1_right .m1r_tab_bd .item + .item { display: none; }
.Main_cont1 .M1_right .m1r_tab_bd .item { position: relative; }
.Main_cont1 .M1_right .m1r_tab_bd .item .more { position: absolute; top: -36px; right: 0; color: #333; font-size: 14px; }
.Main_cont1 .M1_right .m1r_tab_bd .item ul { overflow: hidden; height: 300px; }
.Main_cont1 .M1_right .m1r_tab_bd .item ul li { height: 25px; line-height: 25px; overflow: hidden; width: 100%; margin: 8px 0; }
.Main_cont1 .M1_right .m1r_tab_bd .item ul li .bt { display: block; float: left; height: 25px; line-height: 25px; font-size: 14px; color: #333; width: 252px; }
.Main_cont1 .M1_right .m1r_tab_bd .item ul li .bt:hover { color: #63B8FF; }
.Main_cont1 .M1_right .m1r_tab_bd .item ul li span { float: right; font-size: 12px; color: #999; }

.Main_cont3 { width: 100%; height: 347px; margin: 20px auto 10px; background: #efefef url(../images/bgtwo.png) no-repeat center; background-size: auto 100%; }
.Main_cont3 .hotTopic { overflow: hidden; height: 340px; }
.Main_cont3 .collection { position: relative; width: 100%; margin: 10px 0; }
.Main_cont3 .collection .hd { height: 20px; overflow: hidden; position: absolute; left: 43.5%; bottom: -42px; z-index: 1; width: 180px; }
.Main_cont3 .collection .hd ul { overflow: hidden; zoom: 1; float: left; }
.Main_cont3 .collection .hd ul li { display: inline-block; margin: 0 6px; width: 10px; height: 10px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; border-radius: 50%; overflow: hidden; text-indent: 100%; opacity: .8; }
.Main_cont3 .collection .hd ul li.on { background: #63B8FF; opacity: 1; }
.Main_cont3 .collection .bd { width: 100%; margin: 0 auto; overflow: hidden; }
.Main_cont3 .collection .bd ul li { float: left; margin: 0 14px; display: block; width: 276px; height: 174px; border-radius: 8px; overflow: hidden; background: -webkit-linear-gradient(top, #1d2640, #3e3547); background: -o-linear-gradient(bottom, #1d2640, #3e3547); background: -moz-linear-gradient(bottom, #1d2640, #3e3547); background: linear-gradient(to bottom, #1d2640, #3e3547); }
.Main_cont3 .collection .bd ul li a { display: block; position: relative; }
.Main_cont3 .collection .bd ul li img { width: 100%; height: 140px; display: block; margin-top: 18px; transition: all .2s linear; }
.Main_cont3 .collection .bd ul li:hover img { opacity: 0.8; transform: scale(1.1); }
.Main_cont3 .collection .bd ul li p { position: absolute; top: 29px; left: 0; right: 0; display: block; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 86px; line-height: 86px; font-size: 24px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.Main_cont3 .collection .bd ul li p span { display: block; position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; line-height: 20px; font-size: 12px; color: #fff; font-weight: lighter; }
.Main_cont3 .collection .bd ul li p span i { display: inline-block; font-size: 12px; color: #ff5a00; margin: 0 3px; line-height: 20px; }
.Main_cont3 .collection .prev, .Main_cont3 .collection .next { width: 36px; height: 36px; line-height: 36px; border-radius: 50%; position: absolute; bottom: -52px; z-index: 99; cursor: pointer; background: #000; filter: alpha(opacity=20); opacity: .2; overflow: hidden; color: #fff; font-size: 20px; text-align: center; font-family: serif; }
.Main_cont3 .collection .prev:hover, .Main_cont3 .collection .next:hover { opacity: 0.5; }
.Main_cont3 .collection .prev { left: 40%; }
.Main_cont3 .collection .next { right: 38%; }

.Main_cont2 { overflow: hidden; }
.Main_cont2 .m2_tab_body { overflow: hidden; width: 800px; overflow: hidden; min-height: 444px; }
.Main_cont2 .m2_tab_body .item + .item { display: none; }
.Main_cont2 .m2_tab_body .item li { float: left; width: 100px; text-align: center; margin-right: 33px; padding-bottom: 16px; }
.Main_cont2 .m2_tab_body .item li li a { display: block; }
.Main_cont2 .m2_tab_body .item li a img { width: 100px; height: 100px; border-radius: 16px; }
.Main_cont2 .m2_tab_body .item li a p { display: block; width: 100%; margin: auto; height: 32px; line-height: 32px; font-size: 14px; color: #4b4b4b; overflow: hidden; white-space: nowrap; }
.Main_cont2 .m2_tab_body .item li a .btn { display: none; width: 80px; height: 24px; line-height: 24px; font-size: 14px; color: #fff; border-radius: 2px; text-align: center; margin: 8px auto 0; background: -webkit-linear-gradient(left, #41a1f7, #63d0f1); background: -o-linear-gradient(right, #41a1f7, #63d0f1); background: -moz-linear-gradient(right, #41a1f7, #63d0f1); background: linear-gradient(to right, #41a1f7, #63d0f1); }
.Main_cont2 .m2_tab_body .item li a:hover .btn { display: block; }
.Main_cont2 .m2_tab_body .item li a:hover .btn.no { background: -webkit-linear-gradient(left, #ffb317, #ffc960); background: -o-linear-gradient(right, #ffb317, #ffc960); background: -moz-linear-gradient(right, #ffb317, #ffc960); background: linear-gradient(to right, #ffb317, #ffc960); }
.Main_cont2 .m2_tab_body .item li a:hover p { display: none; }
.Main_cont2 .m2_tab_body .item li a:hover img { opacity: .9; }
.Main_cont2 .m2_tab_head { width: 390px; overflow: hidden; }
.Main_cont2 .m2_tab_head .m2_tab_hd { width: 100%; overflow: hidden; font: 1em sans-serif; }
.Main_cont2 .m2_tab_head .m2_tab_hd ul { width: 410px; float: left; overflow: hidden; }
.Main_cont2 .m2_tab_head .m2_tab_hd ul li { display: block; width: 86px; height: 38px; line-height: 38px; text-align: center; color: #666; background: #eaeaea; float: left; margin: 0 15px 13px 0; cursor: pointer; }
.Main_cont2 .m2_tab_head .m2_tab_hd ul .on { background: #63B8FF; color: #fff; }
.Main_cont2 .m2_tab_head .m2_downl { float: left; margin-top: 40px; width: 390px; overflow: hidden; }
.Main_cont2 .m2_tab_head .m2_downl .rtiTle { padding: 6px 0; overflow: hidden; }
.Main_cont2 .m2_tab_head .m2_downl .rtiTle em, .Main_cont2 .m2_tab_head .m2_downl .rtiTle h3 { float: left; display: block; padding: 0 6px; height: 20px; line-height: 20px; font-size: 20px; color: #4b4b4b; border-left: 5px solid #008bff; }
.Main_cont2 .m2_tab_head .m2_downl .rtiTle a { float: right; display: block; }
.Main_cont2 .m2_tab_head .m2_downl .rtiTle a i { display: block; width: 18px; height: 18px; background: url(../images/icon.png) no-repeat; background-position: -186px -52px; border: 1px solid #ddd; }
.Main_cont2 .m2_tab_head .m2_downl .rtiTle a:hover i { border-color: #ff965f; }
.Main_cont2 .m2_tab_head .m2_downl .cont { height: 170px; margin-top: 18px; border-radius: 6px; overflow: hidden; }
.Main_cont2 .m2_tab_head .m2_downl .arrowR { position: relative; float: left; width: 40px; height: 100px; background-color: #ffc045; font-size: 20px; line-height: 24px; font-weight: 700; color: #fff; text-align: center; padding: 35px 0; }
.Main_cont2 .m2_tab_head .m2_downl .arrowR i { position: absolute; top: 50%; margin-top: -10px; right: -19px; width: 0; height: 0; border-left: 10px solid #ffc045; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid transparent; font-size: 0; line-height: 0; }
.Main_cont2 .m2_tab_head .m2_downl .cont a { float: left; overflow: hidden; display: block; width: 311px; height: 120px; padding: 24px 19px; border: 1px solid #e6e6e6; border-left: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.Main_cont2 .m2_tab_head .m2_downl .cont a img { float: left; width: 120px; height: 120px; border-radius: 16px; margin-right: 20px; }
.Main_cont2 .m2_tab_head .m2_downl .cont .info { float: left; width: 170px; }
.Main_cont2 .m2_tab_head .m2_downl .cont .info p { font-size: 12px; color: #666; height: 60px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; }
.Main_cont2 .m2_tab_head .m2_downl .cont .info .name { font-size: 18px; color: #4b4b4b; font-weight: 700; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; margin-top: 0; }
.Main_cont2 .m2_tab_head .m2_downl .cont .info span { display: block; width: 58px; height: 22px; font-size: 12px; color: #fff; background-color: #008bff; border-radius: 2px; text-align: center; margin-top: 6px; }
.Main_cont2 .m2_tab_head .m2_downl .cont a:hover .name { color: #63B8FF; }
.Main_cont2 .m2_tab_head .m2_downl .cont a:hover img { opacity: .9; }
.Main_cont2 .m2_tab_body.fr .item li { margin-left: 33px; margin-right: 0; }

.crumb { margin: 10px 0; }

.crumb, .crumb a { font-size: 12px; color: #aaa; }

.crumb a:hover { color: #339889; }

.crumb .ico { display: inline-block; width: 20px; height: 18px; background-position: -345px -8px; margin-right: 10px; position: relative; top: 4px; }

.pager { padding: 40px 0 20px; text-align: center; width: 100%; font-size: 16px; }
.pager span, .pager a { display: inline-block; margin: 0 4px; padding: 2px 15px; border: 1px solid #eee; line-height: 34px; }
.pager a:hover { background-color: #63B8FF; color: #fff; border-color: #63B8FF; }
.pager span { background-color: #f8f8f8; cursor: default; color: #a0a0a0; }
.pager span.act { background-color: #63B8FF; border-color: #63B8FF; color: #fff; }
.pager span.ect { background-color: #fff; border-color: #fff; }

.Main_cont4 { overflow: hidden; margin-bottom: 40px; }
.Main_cont4 .cont { width: 1222px; padding-top: 30px; overflow: hidden; }
.Main_cont4 .phbCont { width: 350px; float: left; height: 600px; padding: 0 18px 30px; margin-right: 21px; background-color: #f9f9f9; }
.Main_cont4 .phbCont > div { position: relative; font-size: 18px; color: #333; line-height: 52px; padding-left: 10px; }
.Main_cont4 .phbCont > div span i { display: inline-block; position: relative; top: 19px; }
.Main_cont4 .phbCont > div span { position: absolute; top: -30px; right: 0; display: block; width: 76px; height: 76px; text-align: center; border-radius: 50%; border: 4px solid #fff; }
.Main_cont4 .phbCont:nth-of-type(1) > div span { background-color: #ff5a38; }
.Main_cont4 .phbCont:nth-of-type(1) > div span i { width: 32px; height: 39px; background-position: -293px -101px; }
.Main_cont4 .phbCont:nth-of-type(2) > div span { background-color: #b9d317; }
.Main_cont4 .phbCont:nth-of-type(2) > div span i { width: 38px; height: 38px; background-position: -346px -97px; }
.Main_cont4 .phbCont:nth-of-type(3) > div span { background-color: #39aeff; }
.Main_cont4 .phbCont:nth-of-type(3) > div span i { width: 36px; height: 35px; background-position: -404px -101px; }
.Main_cont4 .phbCont > i { display: block; width: 23px; height: 22px; background-position: -773px -64px; margin: 0 0 11px 10px; }
.Main_cont4 .num, .Main_cont4 img { display: block; float: left; margin-right: 15px; }
.Main_cont4 .num { position: relative; display: inline-block; width: 16px; height: 16px; line-height: 16px; border: 1px solid #999; font-size: 12px; color: #999; text-align: center; }
.Main_cont4 ul li:nth-child(1) .num { width: 24px; height: 29px; background-position: -669px -63px; border: none; color: transparent; text-indent: 100px; overflow: hidden; }
.Main_cont4 ul li:nth-child(2) .num { width: 24px; height: 28px; background-position: -705px -63px; border: none; color: transparent; text-indent: 100px; overflow: hidden; }
.Main_cont4 ul li:nth-child(3) .num { width: 22px; height: 27px; background-position: -741px -63px; border: none; color: transparent; text-indent: 100px; overflow: hidden; }
.Main_cont4 ul li:nth-child(n+4) .num:before { content: ''; display: block; width: 0; height: 0; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; top: -1px; left: -1px; z-index: 2; }
.Main_cont4 ul li:nth-child(n+4) .num:after { content: ''; display: block; width: 1px; height: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45); transform: rotate(45deg); background-color: #666; position: absolute; top: -1px; left: 1px; z-index: 2; }
.Main_cont4 .phbCont:nth-of-type(1) .num { border-color: #ffac9b; color: #ff5a38; }
.Main_cont4 .phbCont:nth-of-type(1) ul li:nth-child(n+4) .num:after { background-color: #ffac9b; }
.Main_cont4 .phbCont:nth-of-type(2) .num { border-color: #d9e688; color: #b2ce00; }
.Main_cont4 .phbCont:nth-of-type(2) ul li:nth-child(n+4) .num:after { background-color: #d9e688; }
.Main_cont4 .phbCont:nth-of-type(3) .num { border-color: #9cd6ff; color: #39aeff; }
.Main_cont4 .phbCont:nth-of-type(3) ul li:nth-child(n+4) .num:after { background-color: #9cd6ff; }
.Main_cont4 .tfBox p { overflow: hidden; white-space: nowrap; }
.Main_cont4 .fBox { height: 42px; line-height: 42px; overflow: hidden; *zoom: 1; padding: 0 20px; margin: 6px 0; }
.Main_cont4 ul li .fBox p { font-size: 16px; color: #999; }
.Main_cont4 ul li:nth-child(-n+3) .fBox p { font-size: 16px; color: #000; }
.Main_cont4 .fBox .num { margin-top: 12px; }
.Main_cont4 .tBox .num { margin-top: 26px; }
.Main_cont4 ul li:nth-child(-n+3) .fBox .num { margin-top: 10px; }
.Main_cont4 ul li:nth-child(-n+3) .Box .num { margin-top: 22px; }
.Main_cont4 .tBox { display: none; background-color: #f9f9f9; padding: 12px 20px; border-radius: 6px; position: relative; margin: 6px 0; overflow: hidden; *zoom: 1; }
.Main_cont4 .tBox img { width: 72px; height: 72px; border-radius: 12px; border-radius: 16px; }
.Main_cont4 .tBox .info { float: left; }
.Main_cont4 .tBox p { width: 176px; line-height: 24px; font-size: 12px; color: #999; }
.Main_cont4 .tBox .info p:nth-child(1) { font-size: 16px; color: #000; }
.Main_cont4 .tBox .info .ico, .Main_cont4 .tBox .info .ico i { display: block; width: 79px; height: 13px; position: relative; top: 3px; background-position: -720px -265px; }
.Main_cont4 .tBox .info .ico i { background: url(../images/icon.png) no-repeat; width: auto; max-width: 100%; top: 0; background-position: -720px -107px !important; }
.Main_cont4 .tBox img:hover { opacity: 0.9; }
.Main_cont4 li.on .fBox { display: none; }
.Main_cont4 li.on .tBox { display: block; }

.apNav { position: relative; background-color: #fff; border-radius: 8px; margin-bottom: 33px; -moz-box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, 0.06); box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, 0.06); }

.apNav ul { height: 130px; border-radius: 8px; padding-left: 19px; }

.apNav ul li { float: left; }

.apNav ul li a { position: relative; z-index: 2; display: block; padding: 38px 15px 0; height: 92px; line-height: 130px; margin-right: 7px; }

.apNav ul li a i { display: block; width: 32px; height: 32px; margin: 0 auto; }

.apNav ul li a p { font-size: 15px; color: #adadad; line-height: 44px; }

.apNav ul li:hover a p { color: #474747; }

.apNav ul li.current a p { color: #fff; }

.apNav ul li.current a:before { content: ''; position: absolute; top: -5px; left: 0; z-index: -2; width: 90px; height: 140px; border-radius: 8px; background: -webkit-linear-gradient(left, #41a1f7, #63d0f1); background: -o-linear-gradient(right, #41a1f7, #63d0f1); background: -moz-linear-gradient(right, #41a1f7, #63d0f1); background: linear-gradient(to right, #41a1f7, #63d0f1); }

.gaTab ul li:nth-of-type(1) a i { background-position: -6px -376px; }

.gaTab ul li:nth-of-type(2) a i { background-position: -60px -381px; }

.gaTab ul li:nth-of-type(3) a i { background-position: -115px -380px; }

.gaTab ul li:nth-of-type(4) a i { background-position: -161px -376px; }

.gaTab ul li:nth-of-type(5) a i { background-position: -221px -376px; }

.gaTab ul li:nth-of-type(6) a i { background-position: -272px -375px; }

.gaTab ul li:nth-of-type(12) a i { background-position: -657px -378px; }

.gaTab ul li:nth-of-type(7) a i { background-position: -376px -378px; }

.gaTab ul li:nth-of-type(8) a i { background-position: -442px -377px; }

.gaTab ul li:nth-of-type(9) a i { background-position: -497px -376px; }

.gaTab ul li:nth-of-type(10) a i { background-position: -556px -376px; }

.gaTab ul li:nth-of-type(11) a i { background-position: -605px -378px; }

.gaTab ul li.current:nth-of-type(1) a i, .gaTab ul li.current:nth-of-type(1) a:hover i { background-position: -5px -487px; }

.gaTab ul li.current:nth-of-type(2) a i, .gaTab ul li.current:nth-of-type(2) a:hover i { background-position: -59px -491px; }

.gaTab ul li.current:nth-of-type(3) a i, .gaTab ul li.current:nth-of-type(3) a:hover i { background-position: -114px -491px; }

.gaTab ul li.current:nth-of-type(4) a i, .gaTab ul li.current:nth-of-type(4) a:hover i { background-position: -160px -487px; }

.gaTab ul li.current:nth-of-type(5) a i, .gaTab ul li.current:nth-of-type(5) a:hover i { background-position: -219px -486px; }

.gaTab ul li.current:nth-of-type(6) a i, .gaTab ul li.current:nth-of-type(6) a:hover i { background-position: -273px -487px; }

.gaTab ul li.current:nth-of-type(12) a i, .gaTab ul li.current:nth-of-type(12) a:hover i { background-position: -657px -486px; }

.gaTab ul li.current:nth-of-type(7) a i, .gaTab ul li.current:nth-of-type(7) a:hover i { background-position: -374px -487px; }

.gaTab ul li.current:nth-of-type(8) a i, .gaTab ul li.current:nth-of-type(8) a:hover i { background-position: -441px -487px; }

.gaTab ul li.current:nth-of-type(9) a i, .gaTab ul li.current:nth-of-type(9) a:hover i { background-position: -496px -487px; }

.gaTab ul li.current:nth-of-type(10) a i, .gaTab ul li.current:nth-of-type(10) a:hover i { background-position: -555px -487px; }

.gaTab ul li.current:nth-of-type(11) a i, .gaTab ul li.current:nth-of-type(11) a:hover i { background-position: -604px -487px; }

.gaTab ul li:nth-of-type(1) a:hover i { background-position: -7px -430px; }

.gaTab ul li:nth-of-type(2) a:hover i { background-position: -61px -435px; }

.gaTab ul li:nth-of-type(3) a:hover i { background-position: -116px -434px; }

.gaTab ul li:nth-of-type(4) a:hover i { background-position: -162px -430px; }

.gaTab ul li:nth-of-type(5) a:hover i { background-position: -222px -430px; }

.gaTab ul li:nth-of-type(6) a:hover i { background-position: -273px -429px; }

.gaTab ul li:nth-of-type(12) a:hover i { background-position: -657px -432px; }

.gaTab ul li:nth-of-type(7) a:hover i { background-position: -377px -432px; }

.gaTab ul li:nth-of-type(8) a:hover i { background-position: -443px -431px; }

.gaTab ul li:nth-of-type(9) a:hover i { background-position: -498px -430px; }

.gaTab ul li:nth-of-type(10) a:hover i { background-position: -557px -430px; }

.gaTab ul li:nth-of-type(11) a:hover i { background-position: -606px -432px; }

.xzlist { overflow: hidden; width: 100%; }
.xzlist ul { width: 1260px; padding: 15px 0; }
.xzlist ul li:hover { transform: translateY(-10px); transition: transform 0.5s; box-shadow: 0 0 10px #d7d7d8; }
.xzlist ul li { background: #fff; box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; margin: 0 24px 24px 0; height: 235px; width: 180px; float: left; }
.xzlist ul li img { width: 122px; height: 122px; border-radius: 22px; margin: 30px 29px 6px 29px; }
.xzlist ul li .name { font-size: 16px; line-height: 30px; text-align: center; width: 110px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xzlist ul li .msg { line-height: 32px; text-align: center; font-size: 12px; }
.xzlist ul li .type { display: inline-block; width: 80px; color: #999999; }
.xzlist ul li .point { display: inline-block; width: 80px; font-weight: bold; color: #59aafd; }

.dlcont_L { width: 860px; overflow: hidden; margin-right: 20px; min-height: 400px; }
.dlcont_L .crumb { width: 820px; margin: 10px 20px; }
.dlcont_L .crumb .wrap { width: 100%; }
.dlcont_L .left_title { clear: both; border-bottom: 1px solid #f1f2f6; overflow: hidden; zoom: 1; font-size: 16px; height: 45px; line-height: 45px; position: relative; }
.dlcont_L .left_title span { float: left; display: block; position: absolute; left: 20px; top: 13px; height: 20px; line-height: 20px; display: block; font-size: 18px; border-left: 4px solid #63B8FF; text-indent: 15px; }
.dlcont_L .nsNav { padding: 0 20px; border-bottom: 1px solid #eee; line-height: 48px; overflow: hidden; }
.dlcont_L .nsNav a { display: block; float: left; font-size: 18px; padding: 0 12px; border-bottom: 2px solid transparent; color: #454545; border-radius: 8px; text-align: center; margin-right: 20px; max-width: 25%; max-height: 100px; overflow: hidden; white-space: nowrap; }
.dlcont_L .nsNav .on, .dlcont_L .nsNav a:hover { color: #63B8FF; border-color: #63B8FF; }
.dlcont_L .letf_box .pager { margin-bottom: 20px; }
.dlcont_L .newslist li { padding: 32px 0; margin: 0 20px; border-top: 1px solid #e0e7eb; overflow: hidden; }
.dlcont_L .newslist li .img { display: block; float: left; margin-right: 27px; }
.dlcont_L .newslist li .img, .dlcont_L .newslist li .img img { width: 261px; height: 145px; border-radius: 8px; }
.dlcont_L .newslist li .info { float: left; width: 530px; height: 145px; overflow: hidden; }
.dlcont_L .newslist li .info a { display: block; }
.dlcont_L .newslist li .info a .bt { font-size: 20px; color: #354352; line-height: 32px; font-weight: 700; overflow: hidden; white-space: nowrap; margin-top: 0; }
.dlcont_L .newslist li .info a .bt:hover { color: #63B8FF; }
.dlcont_L .newslist li .info a .txt { display: block; margin-top: 16px; height: 52px; font-size: 14px; line-height: 26px; color: #888; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.dlcont_L .newslist li .info p { font-size: 12px; color: #888; margin-top: 16px; overflow: hidden; }
.dlcont_L .newslist li .info p i { display: inline-block; max-width: 260px; height: 20px; margin-left: 30px; }
.dlcont_L .Left_lis { width: 100%; margin-top: 20px; overflow: hidden; }
.dlcont_L .Left_lis ul { width: 104%; display: block; }
.dlcont_L .Left_lis ul li { display: block; float: left; margin: 0 0 20px 15px; width: 265px; height: 80px; }
.dlcont_L .Left_lis ul li .img { float: left; overflow: hidden; margin-right: 10px; }
.dlcont_L .Left_lis ul li .img:hover { opacity: 0.88; }
.dlcont_L .Left_lis ul li .img, .dlcont_L .Left_lis ul li .img img { width: 80px; height: 80px; border-radius: 12px; }
.dlcont_L .Left_lis ul li .name { display: block; float: left; width: 170px; height: 25px; line-height: 25px; overflow: hidden; color: #525252; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; }
.dlcont_L .Left_lis ul li .name:hover { color: #63B8FF; }
.dlcont_L .Left_lis ul li .bq { color: #9d97be; width: 170px; display: block; float: left; height: 18px; line-height: 18px; margin-top: 8px; font-size: 13px; }
.dlcont_L .Left_lis ul li .bq a { color: #666; }
.dlcont_L .Left_lis ul li .bq a:hover { color: #63B8FF; }
.dlcont_L .Left_lis ul li .bq i { width: 1px; height: 12px; background: #dbdbdb; display: inline-block; margin: 0 8px; }
.dlcont_L .Left_lis ul li .bq em { color: #f08620; font-weight: bold; font-size: 14px; font-family: Georgia; }
.dlcont_L .Left_lis2 { overflow: hidden; margin: 15px; }
.dlcont_L .Left_lis2 ul, .dlcont_L .Left_lis2 li { overflow: hidden; }
.dlcont_L .Left_lis2 li i { display: block; float: left; width: 3px; height: 3px; background: #aaa; margin: 15px 12px 0 2px; }
.dlcont_L .Left_lis2 li a { display: block; float: left; width: 690px; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #2e2e2e; }
.dlcont_L .Left_lis2 li a:hover { color: #63B8FF; }
.dlcont_L .Left_lis2 li:hover i { background: #63B8FF; }
.dlcont_L .Left_lis2 li span { display: block; float: right; width: 92px; text-align: center; line-height: 30px; font-size: 12px; color: #9e9e9e; }

.dlcont_R { width: 320px; overflow: hidden; }
.dlcont_R .right_title { clear: both; border-bottom: 1px solid #f1f2f6; overflow: hidden; zoom: 1; font-size: 16px; height: 45px; line-height: 45px; position: relative; }
.dlcont_R .right_title span { float: left; display: block; position: absolute; left: 20px; top: 13px; height: 20px; line-height: 20px; display: block; font-size: 18px; border-left: 4px solid #63B8FF; text-indent: 15px; }
.dlcont_R .right_title .more { display: block; float: right; margin: 11px; }
.dlcont_R .right_title .more i { display: block; width: 18px; height: 18px; background: url(../images/icon.png) no-repeat; background-position: -186px -52px; border: 1px solid #ddd; }
.dlcont_R .right_box { margin-bottom: 18px; border-radius: 8px; border: 1px solid #e6e6e6; box-sizing: border-box; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06); overflow: hidden; }
.dlcont_R .rphblist { overflow: hidden; }
.dlcont_R .rphblist li { padding: 20px 18px; overflow: hidden; }
.dlcont_R .rphblist li img { width: 86px; height: 86px; border-radius: 12px; display: block; float: left; }
.dlcont_R .rphblist li .info { width: 175px; margin: 0 0 0 20px; position: relative; }
.dlcont_R .rphblist li .info .name { line-height: 32px; font-size: 16px; color: #333333; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; }
.dlcont_R .rphblist li .info .name:hover { color: #63B8FF; }
.dlcont_R .rphblist li .info .tags { color: #999999; font-size: 12px; overflow: hidden; height: 26px; line-height: 26px; }
.dlcont_R .rphblist li .info .tags .tag { color: #999999; font-size: 12px; line-height: 26px; margin: 0 8px 0 0; }
.dlcont_R .rphblist li .info .cm-star { display: inline-block; height: 15px; width: 80px; background: url(../images/start.png) no-repeat 0 -18px; background-size: 80px; margin: 0 14px 0 0; vertical-align: middle; }
.dlcont_R .rphblist li .info .cm-star span { height: 100%; background: url("../images/start.png") no-repeat 0 0px; background-size: 80px; width: 50%; display: block; }
.dlcont_R .com_item { margin: 12px; }
.dlcont_R .com_item li { overflow: hidden; }
.dlcont_R .com_item li > a { float: left; display: block; }
.dlcont_R .com_item li > a img { width: 130px; height: 90px; border-radius: 10px; transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity .1s linear; -ms-transition: opacity .1s linear; }
.dlcont_R .com_item li > a img:hover { opacity: 0.8; }
.dlcont_R .com_item li .com_info { float: left; width: 144px; margin-left: 20px; }
.dlcont_R .com_item li .com_info a { display: block; height: 48px; line-height: 22px; font-size: 16px; font-weight: normal; overflow: hidden; }
.dlcont_R .com_item li .com_info a:hover { color: #63B8FF; }
.dlcont_R .com_item li .com_info span { display: block; margin-top: 18px; color: #ccc; }
.dlcont_R .com_item li { margin-top: 20px; }
.dlcont_R .nsRecTop { width: 274px; margin: 18px auto 0; }
.dlcont_R .nsRecTop a { display: block; }
.dlcont_R .nsRecTop a img { width: 274px; height: 142px; margin-bottom: 10px; border-radius: 8px; }
.dlcont_R .nsRecTop a p { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #262626; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dlcont_R .nsRecTop a p:hover { color: #63B8FF; }
.dlcont_R .nsRecTop a span { display: block; height: 26px; line-height: 26px; font-size: 12px; color: #bdbdbd; margin: 4px 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dlcont_R .nsReclist { width: 274px; margin: 10px auto; overflow: hidden; }
.dlcont_R .nsReclist li { border-top: 1px dashed #f3f3f3; overflow: hidden; }
.dlcont_R .nsReclist li a { display: block; padding: 20px 0; overflow: hidden; }
.dlcont_R .nsReclist li a img { float: left; width: 108px; height: 70px; margin-right: 18px; border-radius: 8px; }
.dlcont_R .nsReclist li a .info { width: 148px; height: 70px; overflow: hidden; }
.dlcont_R .nsReclist li a .info p { display: block; height: 48px; line-height: 24px; font-size: 16px; color: #4b4b4b; margin-top: -3px; overflow: hidden; text-overflow: ellipsis; }
.dlcont_R .nsReclist li a .info p:hover { color: #63B8FF; }
.dlcont_R .nsReclist li a .info span { display: block; height: 18px; line-height: 18px; font-size: 12px; color: #bdbdbd; margin-top: 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dlcont_R .phb_list { overflow: hidden; width: 274px; margin: 5px auto; }
.dlcont_R .phb_list li { overflow: hidden; width: 100%; }
.dlcont_R .phb_list li .num { position: relative; float: left; display: block; width: 16px; height: 16px; line-height: 16px; border: 1px solid #ededed; background-color: #ededed; font-size: 12px; color: #999; text-align: center; margin-top: 27px; margin-right: 10px; }
.dlcont_R .phb_list li .num.ico { background-color: #fff; }
.dlcont_R .phb_list li a { display: block; height: 84px; padding: 22px 0; border-bottom: 1px dashed #eaeaea; overflow: hidden; }
.dlcont_R .phb_list li a img { float: left; width: 84px; height: 84px; border-radius: 16px; margin-right: 14px; }
.dlcont_R .phb_list li a .info { float: left; width: 142px; height: 84px; overflow: hidden; }
.dlcont_R .phb_list li a .info p { overflow: hidden; white-space: nowrap; font-size: 14px; color: #999; line-height: 20px; }
.dlcont_R .phb_list li a .info p span { display: inline-block; font-size: 12px; color: #999; line-height: 24px; margin: 6px 10px 0 0; padding: 0 5px; background-color: #f7f7f7; border-radius: 2px; }
.dlcont_R .phb_list li a .info .name { font-size: 16px; color: #354352; line-height: 20px; font-weight: 700; }
.dlcont_R .phb_list li a .info .txt { font-size: 14px; color: #888; height: 32px; line-height: 32px; text-overflow: ellipsis; }
.dlcont_R .phb_list li:nth-child(1) .num { width: 24px; height: 29px; background-position: -669px -63px; border: none; color: transparent; text-indent: 100px; overflow: hidden; }
.dlcont_R .phb_list li:nth-child(2) .num { width: 24px; height: 28px; background-position: -705px -63px; border: none; color: transparent; text-indent: 100px; overflow: hidden; }
.dlcont_R .phb_list li:nth-child(3) .num { width: 22px; height: 27px; background-position: -741px -63px; border: none; color: transparent; text-indent: 100px; overflow: hidden; }

.soft_details { box-shadow: 0 3px 0 #f0f0f0; margin-bottom: 18px; border-radius: 8px; background-color: #fff; overflow: hidden; }
.soft_details .download_info { position: relative; padding: 15px 20px 22px 28px; overflow: hidden; border-top: 1px solid #f7f7f7; }
.soft_details .download_info .img { margin-right: 20px; }
.soft_details .download_info .img, .soft_details .download_info .img img { display: block; border-radius: 22px; width: 176px; height: 176px; }
.soft_details .download_info .info { width: 600px; overflow: hidden; height: 176px; }
.soft_details .download_info .info h1 { display: block; width: 100%; overflow: hidden; height: 46px; line-height: 46px; font-size: 26px; }
.soft_details .download_info .info .tag { margin-top: 11px; font-size: 14px; color: #999; line-height: 20px; height: 22px; overflow: hidden; white-space: nowrap; overflow: hidden; }
.soft_details .download_info .info .tag a { float: left; display: block; padding: 0 8px; height: 20px; line-height: 20px; font-size: 12px; color: #4fb3ff; border: 1px solid #4fb3ff; margin-right: 6px; margin-bottom: 2px; border-radius: 20px; }
.soft_details .download_info .info .tag a:nth-of-type(1) { color: #ef8692; border: 1px solid #ef8692; }
.soft_details .download_info .info .tag a:nth-of-type(1):hover { color: #fff; background-color: #ef8692; }
.soft_details .download_info .info .tag a:nth-of-type(2) { color: #f4a76d; border: 1px solid #f4a76d; }
.soft_details .download_info .info .tag a:nth-of-type(2):hover { color: #fff; background-color: #f4a76d; }
.soft_details .download_info .info .tag a:nth-of-type(3) { color: #4fb3ff; border: 1px solid #4fb3ff; }
.soft_details .download_info .info .tag a:nth-of-type(3):hover { color: #fff; background-color: #4fb3ff; }
.soft_details .download_info .info .tag a:nth-of-type(4) { color: #93d877; border: 1px solid #93d877; }
.soft_details .download_info .info .tag a:nth-of-type(4):hover { color: #fff; background-color: #93d877; }
.soft_details .download_info .info .tag a:nth-of-type(5) { color: #e79ff6; border: 1px solid #e79ff6; }
.soft_details .download_info .info .tag a:nth-of-type(5):hover { color: #fff; background-color: #e79ff6; }
.soft_details .download_info .info .tag a:nth-of-type(6) { color: #89efe9; border: 1px solid #89efe9; }
.soft_details .download_info .info .tag a:nth-of-type(6):hover { color: #fff; background-color: #89efe9; }
.soft_details .download_info .info ul { display: block; width: 100%; margin-top: 7px; overflow: hidden; }
.soft_details .download_info .info ul li { float: left; height: 28px; line-height: 28px; font-size: 14px; color: #999; margin-right: 22px; overflow: hidden; white-space: nowrap; }
.soft_details .download_info .info ul li a { color: #333; }
.soft_details .download_info .info .btn { display: block; float: left; width: 200px; height: 45px; color: #fff; font-size: 16px; line-height: 45px; border-radius: 3px; margin: 15px 30px 0 0; cursor: pointer; text-align: center; background: -webkit-linear-gradient(left, #41a1f7, #63d0f1); background: -o-linear-gradient(right, #41a1f7, #63d0f1); background: -moz-linear-gradient(right, #41a1f7, #63d0f1); background: linear-gradient(to right, #41a1f7, #63d0f1); }
.soft_details .download_info .info .btn:hover { opacity: .8; }

.download_main { margin-bottom: 18px; border-radius: 8px; border: 1px solid #e6e6e6; box-sizing: border-box; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06); overflow: hidden; }
.download_main .dm_nav { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #f8f8f8; margin-bottom: 26px; overflow: hidden; }
.download_main .dm_nav li { float: left; cursor: pointer; width: 138px; height: 57px; line-height: 57px; text-align: center; font-size: 18px; color: #666; font-weight: 700; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e9e9e9; cursor: pointer; }
.download_main .dm_nav .on, .download_main .dm_nav li:hover { color: #63B8FF; background-color: #fff; border-bottom-color: transparent; }
.download_main .art_cont { overflow: hidden; padding: 0 15px; }
.download_main .art_cont p { line-height: 30px; color: #666; margin-bottom: 15px; font-size: 16px; }
.download_main .art_cont p strong { font-weight: 900; }
.download_main .art_cont h3 { font-size: 16px; padding: 0 0 0 40px; margin: 0 0 10px 0; font-weight: 700; background: #f6f6f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBQTZCNEQ5MkE0N0ZFNjExOUMyRUU5NTI2Q0I3NjI4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOERDQTJDOERDOUMxMUU2QUZDRkFBRTkyNDY2NjM4MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOERDQTJDN0RDOUMxMUU2QUZDRkFBRTkyNDY2NjM4MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTBFOTVGRTkyRENFNjExOTVCQkEyREYwRDQ0QjQ5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTZCNEQ5MkE0N0ZFNjExOUMyRUU5NTI2Q0I3NjI4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuQ1HIAAAAGESURBVHjajJS7SwNBEIfvjoCIIEbsfDSaxiZa+QdYiUgUBBVERbT0USmonQ+wEmy0shG0MIWoWMXeFBpNYSFWBisbKwMKOb855nQNm+QGPuZmdn47t3ObuL7vO6YVF9uHcaPQq6kcpOv3C+dmnRsKEXTgjqDfsdsNzLLBqwSeiuK4jIouIAVxJaU5WctQ2xx0/Fxo83RhEHbYcd3WDsE2bg2uYUiEkzwcQx5R0qliiB9wUjMj3cY0v+fUtrBmQoRdGtxHED6qT4iwqEFLBGGj+g8RZjUYjyAMj3Unw0mquE4OzoDyFQbTiXuBb+jzKJT3Xtb1UwoaLCLZNK3hEppccAF4OMSdQXeF6e5Cj169g9+bY5yxAPN0SBjdWqULvBln/BOyUwm3peEcgiaB52nNbWpNYLGyV7pSv6LY1v7/OoxXk64JnbLYFzzTbcOsi1kGcQJTlpxTSzgAq2W5d3gyE57tW0fJ2YSlKDmb8BJujTirOafqVHWyLi78cxoxv19oPwIMALRMein//jPvAAAAAElFTkSuQmCC") no-repeat 15px 9px; height: 40px; line-height: 40px; }
.download_main .art_cont p a { color: #55c75d; font-weight: 900; }
.download_main .art_cont p a { color: #40b4f7; font-weight: 900; }
.download_main .art_cont p a:hover { color: #f00; }

.about_collection .colltab_hd { overflow: hidden; margin-top: 5px; }
.about_collection .colltab_hd a { float: left; display: block; height: 40px; line-height: 40px; padding: 0 20px 0 20px; cursor: pointer; border-right: 1px solid #f2f2f2; font-size: 14px; }
.about_collection .colltab_hd .on { color: #63B8FF; }
.about_collection .colltab_bd .item + .item { display: none; }
.about_collection .colltab_bd .item { margin-bottom: 20px; overflow: hidden; }
.about_collection .colltab_bd .item ul li { float: left; display: inline; width: 25%; height: 50px; margin: 20px 0 0 0; position: relative; }
.about_collection .colltab_bd .item ul li img { position: absolute; left: 20px; width: 50px; height: 50px; border-radius: 3px; }
.about_collection .colltab_bd .item ul li b, .about_collection .colltab_bd .item ul li h5 { position: absolute; left: 80px; height: 20px; overflow: hidden; font-size: 16px; padding-right: 10px; }
.about_collection .colltab_bd .item ul li span { position: absolute; left: 80px; top: 30px; font-size: 14px; color: #999; height: 20px; overflow: hidden; }
.about_collection .colltab_bd .item ul li span em { margin-left: 5px; }
.about_collection .colltab_bd .item ol { width: 100%; overflow: hidden; }
.about_collection .colltab_bd .item ol li { width: 820px; position: relative; height: 90px; margin: 20px 20px 0 20px; }
.about_collection .colltab_bd .item ol li img { position: absolute; left: 0; width: 156px; height: 90px; }
.about_collection .colltab_bd .item ol li b { position: absolute; left: 170px; top: 5px; font-size: 18px; font-weight: 500; }
.about_collection .colltab_bd .item ol li p { position: absolute; left: 170px; top: 35px; line-height: 25px; color: #999; font-size: 14px; }
.about_collection .colltab_bd .item ul li:hover b { color: #63B8FF; }

.about_news ul { overflow: hidden; margin-bottom: 20px; }
.about_news li { width: 389px; margin: 20px 20px 0 20px; position: relative; float: left; display: inline; height: 30px; border-bottom: 1px dashed #ccc; }
.about_news li.mei { height: 20px; width: 850px; border: 0; }
.about_news li a { position: absolute; left: 0; overflow: hidden; height: 20px; display: block; padding-right: 35px; }
.about_news li em { position: absolute; right: 0; }
.about_news li a:hover { color: #63B8FF; }

.letf_box { margin-bottom: 18px; border-radius: 8px; border: 1px solid #e6e6e6; box-sizing: border-box; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06); overflow: hidden; }

.soft_pic .xzd-slide { width: 820px; height: 330px; position: relative; overflow: hidden; margin: 20px auto; }
.soft_pic .xzd-slide .hd { position: absolute; top: 0; left: 0; overflow: hidden; *zoom: 1; z-index: 2; width: 100%; height: 100%; }
.soft_pic .xzd-slide .hd .prev:hover { opacity: 8; }
.soft_pic .xzd-slide .hd .next:hover { opacity: 8; }
.soft_pic .xzd-slide .hd .prev { opacity: .4; position: absolute; top: 44%; left: 5px; width: 40px; height: 40px; margin-top: 0; border-radius: 8px; background: rgba(0, 0, 0, 0.6); cursor: pointer; }
.soft_pic .xzd-slide .hd .prev i { display: block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjdGNUFBQkVEOEJFMTFFQjk4QjM4NDQ0RDJBNUQyRDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjdGNUFBQkREOEJFMTFFQjk4QjM4NDQ0RDJBNUQyRDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OWEzMWU1ZjgtOGFmZS0wZTRkLTkwMTYtZGE2MmVjYjMyOTk1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmI5MTE5OGEtZWYzMS00MTQwLWIxMDUtYThkNGQxNTlkNWVkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+X9QzIQAAAUBJREFUeNqclE1qAkEQRmfibzQHEFzGkE1AJSfIHSRLEQlIELPMGQLZJZEEPYN38AIGoi48gbtAUBEkyvgVODAMXTVdXfCYmZ7uR3dV0X4QBJ4yGmAA0pGxFCiAF4+ECu4DPkbA18iaguwtnGcrawuy9+hcG1lLkPXj85NkHUH2ZVrjKutz6zjZoyAbSKcyDT4IsmFSzuMDXUH2adMR0Y+eIPuw7dfw5ck1Zybhs0s1JaGqz2yEW4Ps1UVGnOHKOTdcUWXgew7hw7rBs2j4Nwd1sNcIaYd34GD4dwMmIKva4unst2DPFOcHZLV9SFTBPyOdgJxWSNTAipF+gwutkLgGO0Y6A0WtMDz+WshpXiskrqilGOmUkyYlmaR/jHQBMlohcSlI6fhprTAs1C8jXYKyVkhUTlVexaAYgxLNOwowAJQNTKAwPj0oAAAAAElFTkSuQmCC") no-repeat center; height: 34px; width: 20px; margin: 3px auto 0; }
.soft_pic .xzd-slide .hd .next { opacity: .4; position: absolute; top: 44%; right: 5px; width: 40px; height: 40px; margin-top: 0; border-radius: 8px; background: rgba(0, 0, 0, 0.6); cursor: pointer; }
.soft_pic .xzd-slide .hd .next i { display: block; height: 34px; width: 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUZENDA0OTBEOEJFMTFFQjlEOUNENTFDMjIxMERFRjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUZENDA0OEZEOEJFMTFFQjlEOUNENTFDMjIxMERFRjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTE0YWJmMjgtNTM4MC00ODQ2LWJiNTQtNjdlOWVlOGQ1OTZkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmI5MTE5OGEtZWYzMS00MTQwLWIxMDUtYThkNGQxNTlkNWVkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DZk+wwAAAUtJREFUeNpi/P//fxgDA0MZEP8C4j8MqGA2EC9mIAEwAg0E0YVAHI1DzSQgXkSqgSAQC8T5ONRNBeL5xBjIhMQGeW0iDnXZQJxCqoEwQyfhUJsBxKmkGsgADa+pONSnA3EWqQYyQMNrMg65JHyGMuGxbCEQT8NjaB6pBoLAPCCegUMuDhquOJMNPoDPm4uQI5KJyPQ6D09EgVxaQKqBsIjCFaYx0NxGtJfRXZSHQ245OQbiDVNyDQSBQCCuRhP7zsRAPpDDIsbOQqZhE4DYhpyEjQ304TIMCEqZyDDMDodcMRAfJMXLoNxghUMOlIyOkeLliXgMK4QZBgIsFLoMlBZPkRIphFx2Cl2QhUyXZQLxaWwSuAwEFQJmeKqBs6SU2BPINQzdhezQloIWFnX/gDgNiC8QikGYgdxAXAk17Buamo9AXEuMYSAAEGAAf5BMUjSo3mYAAAAASUVORK5CYII=") no-repeat; margin: 5px auto 0; }
.soft_pic .xzd-slide .bd { position: relative; height: 100%; z-index: 0; }
.soft_pic .xzd-slide .bd li { width: 220px; zoom: 1; vertical-align: middle; position: relative; }
.soft_pic .xzd-slide .bd li img { width: 200px; height: 330px; display: block; }
.soft_pic .xzd_slide_w .bd li { width: 600px; margin-right: 20px; }
.soft_pic .xzd_slide_w .bd li img { width: 600px; }

.rnews_list { position: relative; background: #fff; padding: 22px 18px 10px 18px; }
.rnews_list .line { width: 1px; height: 85%; background: #eeeeee; position: absolute; left: 22px; top: 30px; display: block; }
.rnews_list li { width: 100%; height: 28px; position: relative; margin-bottom: 18px; transition: all 0.2s; }
.rnews_list li a { display: block; font-size: 14px; }
.rnews_list li a em { display: inline-block; width: 6px; height: 6px; vertical-align: top; background: #fff; border-radius: 50%; border: 2px solid #eee; margin-top: 7px; margin-right: 10px; }
.rnews_list li a img { width: 28px; height: 28px; display: inline-block; border-radius: 2px; }
.rnews_list li a span { display: inline-block; width: 130px; height: 28px; line-height: 28px; margin-left: 10px; vertical-align: top; overflow: hidden; }
.rnews_list li a span:hover { color: #63B8FF; }
.rnews_list li a i { font-style: normal; float: right; line-height: 28px; color: #999999; }

.art_head_cont { margin: 15px; }
.art_head_cont h1 { display: block; height: 45px; line-height: 45px; font-size: 28px; color: #555; text-align: center; font-weight: bold; }
.art_head_cont p { font-size: 14px; color: #999; line-height: 30px; margin-top: 10px; text-align: center; }
.art_head_cont p span { display: inline-block; margin: 0 35px; }
.art_head_cont .line { height: 4px; width: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUI2OEZEMTFEODA2MTFFQjkzQ0JCN0VFMEYyRDYyRkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUI2OEZEMTBEODA2MTFFQjkzQ0JCN0VFMEYyRDYyRkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzEzNTgwNDctODY0Zi1lZjRkLTkyNjktMzM0ZGIwZWM5ZmFkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MDFkN2IxODEtMzMyYy0zZjQwLWEzM2EtOGU0MjkxOGFkMGYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3GBtWQAAADtJREFUeNpiePfu3XIgZgDiCCD+zwgkBBkYGHiA+CIQf2EBEh+AeA0QCwBxCBOQKARiJyDuB+J9AAEGAB8BFdo56I9mAAAAAElFTkSuQmCC") repeat-x; margin-top: 16px; }

.art_body { overflow: hidden; font-size: 15px; color: #555; line-height: 30px; margin: 20px; }
.art_body img, .art_body iframe, .art_body embed, .art_body video { margin: 5px auto; max-width: 100%; }
.art_body p { margin-top: 10px; }
.art_body h3 { width: 100%; height: 36px; line-height: 36px; margin: 15px auto; color: #63B8FF; font-size: 18px; font-weight: bold; overflow: hidden; }

.Rsty_4 { width: 320px; height: 374px; background: url(../images/tjbg.jpg) #fff no-repeat; background-size: 100% 100%; float: right; margin: 0 0 20px 0; }

.Rsty_4 > p { display: block; float: left; margin: 30px; font-size: 22px; color: #525252; height: 26px; line-height: 26px; }

.Rsty_4 .huan { width: 80px; height: 20px; line-height: 20px; text-align: center; float: right; margin: 33px 20px 33px 0; cursor: pointer; }

.Rsty_4 .huan i { display: inline-block; background: url(../images/ico-img2.png) no-repeat; height: 14px; width: 14px; margin: 4px 4px 0; vertical-align: top; background-position: -102px -228px; }

.Rsty_4 .huan:hover i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.Rsty_4 .huan span { color: #9d97be; font-size: 14px; }

.Rsty_4 .info { width: 280px; height: 270px; float: left; margin: 0  20px; }

.Rsty_4 .info + .info { display: none; }

.Rsty_4 .info .img, .Rsty_4 .info .img img { width: 115px; height: 115px; display: block; margin: 0 auto; }

.Rsty_4 .info p { width: 100%; text-align: center; margin-top: 20px; line-height: 20px; height: 20px; font-size: 16px; color: #2e2e2e; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Rsty_4 .info span { display: block; text-align: center; width: 100%; font-size: 12px; color: #bbb; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Rsty_4 .info a.downl { display: block; margin: 20px auto; width: 130px; height: 40px; text-align: center; line-height: 40px; background: #05c300; color: #fff; font-size: 14px; border-radius: 4px; }

.Rsty_4 .info a.downl:hover { opacity: 0.88; }

.Rsty_3 { float: left; width: 100%; height: auto; border: 1px solid #eee; box-sizing: border-box; margin: 30px 0; padding-bottom: 20px; position: relative; background: #fff; }

.Rsty_3 .Rs3-top { text-align: center; width: 130px; height: 44px; line-height: 44px; position: absolute; left: 94px; top: -22px; font-size: 20px; font-weight: bold; color: #2e2e2e; background: #f0f1f7; }

.Rsty_3 ul { width: 280px; display: block; margin: 40px auto 0; height: auto; }

.Rsty_3 ul li a { display: block; width: 270px; height: 40px; line-height: 40px; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #525252; font-size: 15px; }

.Rsty_3 ul li:hover { background: #f0f1f7; }

.Rsty_1 { float: left; width: 100%; height: auto; border: 1px solid #eee; box-sizing: border-box; position: relative; margin: 20px 0; background: #fff; }

.Rsty_1 .Rs1-top { width: 130px; height: 44px; text-align: center; line-height: 44px; font-size: 20px; font-weight: bold; color: #2e2e2e; background: #f0f1f7; position: absolute; left: 94px; top: -22px; }

.Rsty_1 .Rs1-cent { width: 100%; height: 290px; }

.Rsty_1 .Rs1-cent ul { float: left; width: 105%; display: block; overflow: hidden; padding-top: 40px; }

.Rsty_1 .Rs1-cent ul li { float: left; width: 90px; height: 140px; margin: 0 4px 10px 8px; }

.Rsty_1 .Rs1-cent ul li .img { overflow: hidden; display: block; border: 2px solid #fff; overflow: hidden; }

.Rsty_1 .Rs1-cent ul li .img, .Rsty_1 .Rs1-cent ul li .img img { width: 86px; height: 86px; border-radius: 24px; }

.Rsty_1 .Rs1-cent ul li .img img:hover { opacity: 0.88; }

.Rsty_1 .Rs1-cent ul li p { width: 100%; height: 50px; line-height: 50px; text-align: center; overflow: hidden; font-size: 15px; color: #525252; }

.tpNav { position: relative; border-radius: 8px; width: 1200px; height: 84px; margin: 10px 0; background: url(../images/hjbg.png) no-repeat; background-size: 100% 100%; -moz-box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, 0.06); box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, 0.06); }
.tpNav p { line-height: 84px; font-size: 24px; color: #354352; font-weight: 700; margin-left: 21px; }
.tpNav .tpTab { position: absolute; left: 490px; top: 0; }
.tpNav .tpTab ul { height: 84px; position: relative; z-index: 2; overflow: hidden; }
.tpNav .tpTab ul li { float: left; margin-right: 22px; text-align: center; padding-left: 7px; }
.tpNav .tpTab ul li a { display: block; width: 84px; height: 84px; line-height: 84px; font-size: 18px; color: #676767; font-weight: 700; }
.tpNav .tpTab ul .on a { color: #fff; }
.tpNav .tpTab .navCur { position: absolute; top: -8px; left: -7px; width: 98px; height: 98px; border-radius: 8px; background: -webkit-linear-gradient(left, #41a1f7, #63d0f1); background: -o-linear-gradient(right, #41a1f7, #63d0f1); background: -moz-linear-gradient(right, #41a1f7, #63d0f1); background: linear-gradient(to right, #41a1f7, #63d0f1); }

.sys_driven_list { width: 102%; overflow: hidden; background: #fff; margin: 20px auto; padding: 20px 0; }

.sys_driven_list li { float: left; height: 172px; width: 281px; margin: 0 0 15px 15px; overflow: hidden; position: relative; border-radius: 3px; }

.sys_driven_list li a { width: 100%; overflow: hidden; display: block; }

.sys_driven_list li a img { width: 100%; height: 172px; display: block; }

.sys_driven_list li .motai { transition: all 0.2s linear; position: absolute; width: 100%; height: 100%; top: 172px; left: 0px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); }

.sys_driven_list li .motai p { width: 96%; height: 77px; position: absolute; text-align: center; color: #fff; line-height: 77px; top: 50%; margin-top: -38px; left: 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; }

.sys_driven_list li .motai p:before { content: ''; display: block; width: 26px; height: 5px; border-radius: 10px; position: absolute; left: 50%; margin-left: -13px; bottom: 0px; background: #30e9fa; }

.sys_driven_list li:hover .motai { top: 0px; }

.collection_detail { box-shadow: 0 3px 0 #f0f0f0; margin: 0 auto 18px; border-radius: 8px; background-color: #fff; overflow: hidden; padding: 20px; }
.collection_detail .img { display: block; float: left; }
.collection_detail .img, .collection_detail .img img { width: 424px; height: 212px; display: block; border-radius: 15px; }
.collection_detail .zt-top-right { float: right; width: 715px; }
.collection_detail .zt-top-right .zt-top-tit { border-bottom: 1px solid #eaeaea; line-height: 70px; position: relative; }
.collection_detail .zt-top-right .zt-top-tit h1 { font-size: 30px; font-weight: bold; text-align: center; color: #333333; }
.collection_detail .zt-top-right .zt-top-tit::before { content: ''; display: block; width: 14px; height: 14px; background: url(../images/zt-icons.png) no-repeat 0 0; position: absolute; top: 0; left: 0px; }
.collection_detail .zt-top-right .zt-top-tit::after { content: ''; display: block; width: 14px; height: 14px; background: url(../images/zt-icons.png) no-repeat -16px 0; position: absolute; bottom: 16px; right: 0px; }
.collection_detail .zt-top-right .zt-top-info p { text-indent: 28px; font-size: 14px; color: #666666; line-height: 30px; margin-top: 10px; max-height: 90px; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 10px; }
.collection_detail .zt-top-right .zt-top-info div { color: #999; font-size: 14px; }
.collection_detail .zt-top-right .zt-top-info div i { display: inline-block; width: 15px; height: 15px; background: url(../images/zt-icons.png) no-repeat -32px 0; vertical-align: top; margin-right: 7px; }

.collection_item { margin: 0 auto 18px; border-radius: 8px; background-color: #fff; overflow: hidden; }
.collection_item .zt-g-tit { width: 1160px; margin: 0 auto 20px; border-bottom: 1px solid #eaeaea; color: #333333; font-size: 24px; padding: 26px 0 22px; }
.collection_item .zt-g-tit em { display: inline-block; width: 8px; height: 22px; background: url(../images/zt-icons.png) no-repeat -64px 0; vertical-align: top; margin-right: 10px; }
.collection_item .zt-g-tit a { float: right; font-size: 14px; color: #999999; margin-top: 6px; }
.collection_item .zt-g-box { border: 1px solid #e5e5e5; width: 368px; height: 198px; float: left; margin-left: 20px; margin-right: 4px; background: #ffffff; margin-bottom: 26px; position: relative; }
.collection_item .zt-g-box .zt-g-box-top { margin-top: 20px; margin-left: 16px; margin-bottom: 16px; }
.collection_item .zt-g-box .zt-g-img { display: block; float: left; width: 100px; height: 100px; border-radius: 20px; margin-right: 13px; margin-left: 14px; margin-top: 20px; }
.collection_item .zt-g-box .zt-g-img img { width: 100%; border-radius: 20px; }
.collection_item .zt-g-box .zt-g-info { float: left; }
.collection_item .zt-g-box .zt-g-info .zt-info-tit { width: 220px; font-size: 18px; color: #333333; height: 21px; display: block; margin-top: 34px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.collection_item .zt-g-box .zt-g-info .zt-info-tit:hover { color: #59aafd !important; }
.collection_item .zt-g-box .zt-g-label { width: 220px; overflow: hidden; height: 27px; margin-top: 10px; }
.collection_item .zt-g-box .zt-g-size { font-size: 14px; color: #999999; margin-top: 10px; }
.collection_item .zt-g-box .zt-g-label span { background: #fbfbfb; padding: 4px 9px; border: 1px solid #e8e8e8; border-radius: 20px; margin-bottom: 20px; display: inline-block; color: #666666; font-size: 12px; margin-right: 4px; }
.collection_item .zt-g-box .star-box { width: 74px; height: 13px; background: url(../images/start.png) no-repeat 0 -16px; background-size: auto 28px; margin-top: 10px; }
.collection_item .zt-g-box .star-box i { display: block; height: 13px; background: url(../images/start.png) no-repeat; background-size: auto 28px; }
.collection_item .zt-g-load { width: 60px; height: 28px; float: right; background: #59aafd; color: #ffff; text-align: center; line-height: 28px; margin-top: -41px; border-radius: 5px; margin-right: 10px; }
.collection_item .zt-g-load:hover { color: #59aafd !important; border: 1px solid #59aafd !important; background-color: #fff !important; }
.collection_item .zt-g-intro { font-size: 14px; color: #999999; line-height: 24px; width: 347px; margin-left: 16px; height: 48px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 12px; }
.collection_item .zt-g-box:hover { transform: translateY(-10px); transition: transform 0.5s; box-shadow: 0 0 10px #cccccc; }
.collection_item .zt-g-box:after { content: ''; display: block; width: 90px; height: 88px; position: absolute; top: -4px; left: -6px; }
.collection_item .soft1:after { background: url(../images/zt-icons.png) no-repeat 0 -24px; }
.collection_item .soft2:after { background: url(../images/zt-icons.png) no-repeat 0 -112px; }
.collection_item .soft3:after { background: url(../images/zt-icons.png) no-repeat 0 -200px; }
.collection_item .soft1, .collection_item .soft2, .collection_item .soft3 { border-top-left-radius: 10px; }
.collection_item .zxhj { margin-top: 20px; overflow: hidden; }
.collection_item .zxhj li { width: 367px; height: 36px; line-height: 36px; float: left; margin-left: 20px; margin-right: 10px; margin-bottom: 10px; display: inline; }
.collection_item .zxhj li a { display: block; line-height: 36px; text-align: left; background: #f9f9f9; font-size: 16px; color: #666666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; padding-left: 20px; transition: all 0.2s; }
.collection_item .zxhj li a em { display: inline-block; width: 5px; height: 5px; margin-right: 10px; vertical-align: top; border-radius: 50%; margin-top: 15px; background-color: #63B8FF; }
.collection_item .zxhj li a:hover { color: #63B8FF !important; background: #f6f6f6; transform: translateY(-5px); }
.collection_item .collection { position: relative; width: 100%; margin: 10px 0 58px; }
.collection_item .collection .hd { height: 20px; overflow: hidden; position: absolute; left: 43.5%; bottom: -42px; z-index: 1; width: 180px; }
.collection_item .collection .hd ul { overflow: hidden; zoom: 1; float: left; }
.collection_item .collection .hd ul li { display: inline-block; margin: 0 6px; width: 10px; height: 10px; line-height: 14px; text-align: center; background: #eee; cursor: pointer; border-radius: 50%; overflow: hidden; text-indent: 100%; opacity: .8; }
.collection_item .collection .hd ul li.on { background: #63B8FF; opacity: 1; }
.collection_item .collection .bd { width: 100%; margin: 0 auto; overflow: hidden; }
.collection_item .collection .bd ul li { float: left; margin: 0 14px; display: block; width: 276px; height: 174px; border-radius: 8px; overflow: hidden; }
.collection_item .collection .bd ul li a { display: block; position: relative; }
.collection_item .collection .bd ul li img { width: 100%; height: 140px; display: block; transition: all .2s linear; }
.collection_item .collection .bd ul li:hover img { opacity: 0.8; transform: scale(1.1); }
.collection_item .collection .bd ul li p { position: absolute; left: 0; bottom: -33px; right: 0; display: block; color: #666666; font-size: 18px; background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; border: 1px solid #e3e3e3; border-top: none; line-height: 37px; height: 37px; text-align: center; }
.collection_item .collection .prev, .collection_item .collection .next { width: 36px; height: 36px; line-height: 36px; border-radius: 50%; position: absolute; bottom: -52px; z-index: 99; cursor: pointer; background: #000; filter: alpha(opacity=20); opacity: .2; overflow: hidden; color: #fff; font-size: 20px; text-align: center; font-family: serif; }
.collection_item .collection .prev:hover, .collection_item .collection .next:hover { opacity: 0.5; }
.collection_item .collection .prev { left: 40%; }
.collection_item .collection .next { right: 38%; }

/*# sourceMappingURL=main.css.map */