@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
dt { font-weight: normal; }
html { webkit-text-size-adjust: none; -webkit-text-size-adjust: none; text-justify: inter-ideograph; }
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
.w1200 { width: 1200px; margin: 0 auto; }
.ico { background: url(../style/icon.png) no-repeat; display: inline-block; vertical-align: middle; }
fieldset, img { border: 0; }
.thide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h100 { clear: both; height: 100px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis { display: none; }
.disp { display: block; }
.text-center { text-align: center; }
.text-hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
ception, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { color: #333; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #f00; text-decoration: none; }
a { text-decoration: none; outline: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
* { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-touch-callout: none; margin: 0 }
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-track {
border-radius:0;
background:#fff;
}
::-webkit-scrollbar-thumb {
background:rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
background:rgba(0,0,0,0.4);
background-color:#fe0101;
}
input, textarea { -webkit-user-select: text }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.zoom { zoom: 1 }
.tac { text-align: center; }
.tar { text-align: right; }
.poa { position: absolute; }
.por { position: relative; }
.vam { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
p { word-spacing: -1.5px; }
.curp { cursor: pointer }
;
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size:100%;
}
input, select { vertical-align: middle; }
select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%;
line-height: 100%; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
body { overflow-x: hidden; overflow-y: auto; }
body { background-color: #fff; overflow-x: hidden; color: #333; font-size: 14px; font-family: microsoft yahei; position: relative; }
/*网站公用样式表*/
.w1200 { width: 1200px; margin: 0 auto; }
.por { position: relative; }
.poa { position: absolute; }
.icon { background: url(../style/icon.png) no-repeat; display: inline-block; vertical-align: middle; }
#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main { width: 100%; margin: 0; }
.trans { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
/*top*/
#header_main { background: #fff; height: 80px; position: relative;box-shadow: 0px 0px 9px rgba(0,0,0,0.3); }
#top #logo { width: 140px; margin-right: 116px; }
#top #logo a { padding-top: 0; display: block; }
#top #logo img { height: 80px; display: block; }
/*导航*/
#header_main #nav {  position: relative; height: 80px; }
#nav ul { margin: 0 auto; width: 102%; }
#nav li:first-child { width:95px; }
#nav li { float: left;  width: 115px; display: block; list-style: none; font-size: 14px; text-align: center; line-height: 80px; position: relative; margin: 0; margin-left:1px;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#nav li a { display: block; text-align: center; position: relative; color: #333; height: 80px; }
#nav li:hover a, #nav li.hover a { color: #fff; }
#nav li:hover, #nav li.hover { background: #fe0101; }
/*导航栏下拉*/
#nav .subnav { position: absolute; left: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width: 100%; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
#nav li>a { font-size: 14px; }
#nav li>a i { margin-left: 5px; }
#nav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
#nav .subnav { position: absolute; left: -5px; top: 80px; width: calc(100% + 10px); z-index: 10; border-left: 5px solid rgba(255,255,255,0.1); border-right: 5px solid rgba(255,255,255,0.1); border-bottom: 5px solid rgba(255,255,255,0.1); }
#nav .subnavbg { position: static; background: rgba(255, 255, 255, 0.8)!important; filter: Alpha(opacity=80); *zoom:1;
}
#nav .subnav a { display: block; height: 32px; line-height: 32px; text-align: center; color: #333 !important; font-size: 12px; overflow: hidden; position: relative; }
#nav .subnav a:hover { display: block; color: #fff !important; background: rgb(254, 1, 1)!important; }
#header_main .topsearch { width: 60px; transition: all 300ms ease 0s; position: relative; height: 82px; }
#header_main .search_btn { width: 16px; background-position: 0 0; cursor: pointer; height: 16px; }
#header_main .search_box { background: #ededed; height: 82px; overflow: hidden; position: absolute; right: 60px; top: 0; transition: all 300ms ease 0s; width: 0; z-index: 10; }
#header_main .search_box input { border: 0 none; }
#header_main .search_box .stxt { display: block; height: 82px; line-height: 82px; text-indent: 10px; width: 150px; background: none; }
#header_main .search_box .sbtn { background-position: -100px 0; cursor: pointer; display: block; height: 82px; width: 60px; }
#header_main .topsearch.addy .search_box { width: 210px; }
#header_main .topsearch.addy .search_btn { background-position: -46px 0; }
.top_rig { width:20px; padding-top:26px; position: relative; margin-left:20px;}
#top .searchbox { width: 34px; height: 38px; text-align: center; cursor: pointer; padding-top: 6px; padding-right: 30px; }
#top .searchbox s { background-position: 0 0; width: 18px; height: 16px; margin: 0 auto; transition: all 0.3s ease-in-out 0s; display: block; }
#top .infoSer { position: absolute; right:0px; top: 56px; padding: 20px 0 0 20px; background: url(../style/top_down.png) no-repeat center center; text-align: center; width: 292px; z-index: 999; height: 65px; display: none; }
#top .infoSer .ser { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #d4d4d4; border-image: none; border-style: none none solid; border-width: medium medium 1px; display: block; float: left; height: 30px; line-height: 30px; margin: 0; padding: 0; width: 220px; outline: none; }
#top .infoSer .btn { background-position: 10px 0; border: medium none; cursor: pointer; display: block; float: left; height: 16px; margin: 0; padding: 0; width: 30px; z-index: 999; margin-top: 15px; outline: none; }
/*侧边导航*/
/* banner */
.slider { width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 550px; ; background: #000; }
.slider .bd { position: relative; z-index: 0; }
.slider .bd li { height: 550px; overflow: hidden; }
.slider .bd li img { display: block; }
.slider .timer { position: absolute; z-index: 1; left: 0; bottom: 0; height: 4px; width: 0; background: #000; filter: alpha(opacity=40); opacity: 0.4; font-size: 0; overflow: hidden; }
.slider .prev,  .slider .next { position: absolute; left: 3%; top: 50%; margin-top: -40px; display: block; width: 40px; text-align:center; line-height:80px; border-radius: 3px; height: 80px; background: rgba(21, 20, 20, 0.91); border: 1px rgba(241, 241, 241, 0.11) solid; transition: all ease-out .3s; }
.slider .next { left: auto; right: 3%; }
.slider .prev:hover,  .slider .next:hover { background: #F00; }
.slider a i { color: #fff; font-size: 30px; transition: all ease-out .3s; }
/*banner end*/
.index { position: relative; z-index: 3; }
.index .title { text-align: center; width: 100%; padding-bottom: 20px; }
.index .title h3 { font-size: 24px; font-weight: normal; display: block; line-height: 30px; color: #000; text-align: center; }
.index .title .subtitle{display: block;  width: 500px; color:#999;font-size: 16px;margin: 0 auto; border-bottom: 1px #ddd solid;padding: 10px 0;}
.index .title .subtitle::after{ content:''; background-color:#fe0101;width: 9px; height: 9px;display: block;    border-left: 17px #F7F7F7 solid;    border-right: 17px #F7F7F7 solid;
position: relative;top: 15px; left: 228px; box-sizing:content-box;}




.index .floor_1_main { background: #f5f5f5; }
.index .floor_1 { padding-top: 74px; padding-bottom: 74px; position: relative; }
.index .part1 { position: absolute; left: 0; top: -125px; width: 1200px; height: 240px; overflow: hidden; }
.index .part1 .it1 .tbox { width: 400px; float: left; height: 220px; background: #ff5454; }
.index .part1 .it2 .tbox { width: 400px; float: left; height: 220px; background: #fe0101; }
.index .part1 .it3 .tbox { width: 400px; float: left; height: 220px; background: #f00000; }
.index .part1 .item { width: 400px; float: left; height: 220px; transition: all 0.3s ease-out 0s; }
.index .part1 .item a { display: block; position: relative; padding: 40px; color: #fff; }
.index .part1 .item h3 { font-size: 18px; line-height: 24px; }
.index .part1 .item h4 { color: #fff; display: block; border-bottom: 1px solid #fff; padding-bottom: 16px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.index .part1 .item .shuzi { line-height: 20px; color: #fff; float: left; width: 122px; }
.index .part1 .item .shuzi b { text-transform: uppercase; font-size: 86px; font-weight: bold; display: inline-block; line-height: 86px; }
.index .part1 .item span { width: 60px; height: 54px; display: block; margin-top: 32px; }
.index .part1 .item .txt { width: 180px; }
.index .part1 .item { margin-top: 10px; }
.index .part1 .item:hover { margin-top: 0px; }
.index .part1 .item .tbox:hover { margin-top: 0px; box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.5); }
.index .part2 { padding-top: 150px; }
.index .part2 .hd { padding: 30px 0; }
.index .part2 .hd ul { margin: 0 auto; text-align: center; }
.index .part2 .hd li { margin-right: 30px; height: 28px; line-height: 28px; text-align: center; display: inline-block; +display:inline;
+float: left;
white-space: nowrap; word-break: break-all; }
.index .part2 .hd li a { display: block; border: 1px solid #ccc; padding: 0 12px; }
.index .part2 .hd li.on a { border: 1px solid #fe0101; background: #fe0101; color: #fff; }
.index .part2 .bd { overflow: hidden; }
.index .part2 .bd ul { padding-top: 64px; width: 108%; }
.index .part2 .bd li { width: 380px; height: 430px; display: block; float: left; margin-right: 30px; margin-bottom: 30px; background: #fff; transition: all 0.3s ease-out 0s; }
.index .part2 .bd li a { display: block; }
.index .part2 .bd li img { width: 380px; height: 285px; display: block; }
.index .part2 .bd li h3 { font-size: 18px; text-align: center; font-weight: normal; height: 25px; margin: 15px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index .part2 .bd li p { color: #999; padding: 0 20px; line-height: 24px; }
.index .part2 .bd li:hover { transform: translate3d(0px, -16px, 0px); box-shadow: 0 3px 10px rgb(222, 222, 222); }
.index .floor_1_main, .index .floor_2_main, .index .floor_3_main, .index .floor_4_main { width: 100%; }
.index .floor_2_main { background: #fff; overflow: hidden; }
.index .more { width: 150px; height: 38px; line-height: 38px; text-align: center; color: #aba8a8; display: block; margin: 40px auto 0; background: #fff; text-transform: uppercase; transition: all 0.3s ease-out 0s; box-shadow: 0 3px 10px rgb(222, 222, 222); }
.index .more span { display: inline-block; width: 40px; height: 38px; line-height: 38px; background: #fe0101;color: #fff;text-indent:0px; }
.index .more:hover { background: #fe0101; color: #fff; text-indent: 10px; }
.index .more:hover span { color: #fff;text-indent:0px;  }
.index .floor_2 { padding: 50px 0; position: relative; }
.index .floor_2 .hdtit { padding: 30px 0; }
.index .floor_2 .hdtit ul { margin: 0 auto; text-align: center; +width:280px;
}
.index .floor_2 .hdtit li { margin-right: 30px; height: 28px; line-height: 28px; text-align: center; display: inline-block; +display: inline;
+float: left;
}
.index .floor_2 .hdtit li a { display: block; border: 1px solid #ccc; padding: 0 12px; }
.index .floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a { border: 1px solid #fe0101; background: #fe0101; color: #fff; }
.index .floor_2 .vistbox { width: 100%; position: relative; overflow: hidden; height: 650px; }
.index .floor_2 .slideBox { position: relative; overflow: hidden; height: 502px; }
.index .floor_2 .txtbox { padding-top: 25px; position: relative; z-index: 3; }
.index .floor_2 .btn { width: 160px; position: absolute; right: 0; bottom: 150px; z-index: 99; background: #fff; height: 350px; }
.index .floor_2 .btn img { display: block; width: 110px; height: 230px; margin-left: 50px; margin-bottom: 90px; }
.index .floor_2 .btn span { display: inline-block; width: 66px; height: 30px; margin-left: 14px; cursor: pointer; font-size:22px;}
.index .floor_2 .btn .sPrev {  border:#eee 1px solid; color:#333; text-align:center; line-height:28px;}
.index .floor_2 .btn .sNext { border:#eee 1px solid; color:#333; text-align:center; line-height:28px;}
.index .floor_2 .btn .cur.sPrev { background:#fe0101;border:#fe0101 1px solid; color:#FFF;}
.index .floor_2 .btn .cur.sNext { background:#fe0101;border:#fe0101 1px solid; color:#FFF;}
.transs { -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.slidebanner { width: 100%; margin: 0 auto; height: 500px; overflow: hidden; position: relative; }
.slidebanner .game163 { position: relative; z-index: 0; overflow: hidden; }
.slidebanner .bigImg { overflow: hidden; position: relative; width: 992px; height: 500px; }
.slidebanner .bigImg a { display: block; }
.slidebanner .bigImg li { position: relative; }
.slidebanner .bigImg li .img { padding-left: 290px; width: 700px; height: 100%; }
.game163 .bigImg li img { width: 700px; height: 350px; }
.slidebanner .bigImg .txt { position: absolute; top: 65px; left: 0; width: 380px; height: 438px; background: url(../style/redbg.png) repeat left top; }
.slidebanner .bigImg .txt a { padding: 30px; color: #fff; }
.slidebanner .bigImg .txt h5 { font-size: 30px; display: block; }
.slidebanner .bigImg .txt s { display: block; width: 68px; height: 1px; background: #fff; margin: 34px 0; }
.slidebanner .bigImg .txt p { line-height: 24px; padding: 12px 0 0; height: 222px; overflow: hidden; }
.slidebanner .bigImg .txt span { display: block; margin-top: 10px; }
.slidebanner .smallScroll { position: absolute; right: 0; bottom: 0; width: 800px; height: 126px; background: #fff; z-index: 10; }
.slidebanner .smallImg { width: 800px; position: relative; overflow: hidden; height: 126px; }
.slidebanner .smallImg ul li { float: left; width: 250px; height: 126px; display: block; margin-right: 23px; cursor: pointer; position: relative; }
.slidebanner .smallImg ul li img { height: 124px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; width: 248px; border: 1px solid #fff; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.slidebanner .smallImg ul li.on img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; border: 1px solid #da0000; }
.index .floor_3_main { background-color: #f5f5f5; background-repeat:no-repeat; background-position:top center; }
.index .floor_3 { padding: 80px 0; overflow: hidden; }
.index .part3 { width: 1200px; height: 368px; background: #fb5050; position: relative; }
.index .part3 .img { width: 550px; height: 374px; overflow: hidden; position: relative; top: -30px; margin-left: 25px; }
.index .part3 .img img { width: 100%; height: 100%; display: block; transition: all 0.3s ease-out 0s; }
.index .part3 .img:hover img { transform: scale(1.05, 1.05); }
.index .part3 .txt {padding-right: 90px;width: 480px;padding-top: 60px;}
.index .part3 .txt a { display: block; color: #fff; }
.index .part3 .txt h3 { font-size: 24px; }
.index .part3 .txt h4 { font-size: 16px; display: block; text-transform: uppercase; }
.index .part3 .txt p {padding-top: 30px;color: #fed5d5;padding-bottom: 20px;}
.index .part3 .txt span { width: 68px; height: 36px; border: 1px solid #fed5d5; display: block; line-height: 34px; text-align: center; font-size:22px; }
.index .part3 .txt span em { width: 22px; margin: 14px auto 0; height: 8px; background-position: -60px -100px; display: block; vertical-align: middle; }
.index .part3 .txt a:hover span { border: 1px solid #fff; }
.index .part3 .txt a:hover span em { background-position: -60px -120px; }
.index .part4 { padding: 80px 0 0; }
.index .part4 .steps { overflow: hidden; }
.index .steps .bd { position: relative; padding: 60px 0; }
.index .steps .bd li { float: left; width: 180px; height: 135px; margin-right: 24px; }
.index .steps .bd li a { display: block; overflow: hidden; }
.index .steps .bd li img { width: 180px; height: 135px; display: block; transition: all 0.3s ease-out 0s; }
.index .steps .bd li a:hover img { transform: scale(1.08, 1.08); }
.index .steps .hd { position: relative; }
.index .steps .hd ul { text-align: center; }
.index .steps .hd li { display: inline-block; width: 10px; height: 10px; margin-right: 14px; cursor: pointer; background: #999; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0; }
.index .steps .hd li.on { background: #fe0101; }
.index .floor_4 { padding: 60px 0; }
.index .floor_4 .textlist .list { width: 108%; }
.index .floor_4 .textlist { position: relative; overflow: hidden; padding-top: 40px; }
.index .textlist li { float: left; width: 590px; height: 160px; margin-right: 20px; margin-bottom: 20px; background: #f7f7f7; }
.index .textlist li a { display: block; padding: 35px 20px; }
.index .textlist li .img { width: 120px; height: 90px; overflow: hidden; cursor: pointer; position: relative; }
.index .textlist li .img img { width: 100%; height: 100%; transition: all 0.3s ease-out 0s; }
.index .textlist li a:hover img { transform: scale(1.2, 1.2); }
.index .textlist li .txt { width:410px; }
.index .textlist li h3 { font-weight:normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height:28px;font-size: 18px; color: #000; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.index .textlist li a:hover h3 { color: #fe0101; }
.index .textlist .desc { line-height: 24px; height: 52px; overflow: hidden; margin-bottom: 5px; color: #999; cursor: pointer; font-size: 12px; padding-top: 10px; }
.index .textlist span { display: block; color: #333; font-size: 16px; font-family: arial; font-weight: bold; }
.nybanner { width: 100%; height: 200px; position: relative; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-image: url(../style/nybanner.jpg); }
.wrapper { position: relative; }
.subleft { width: 240px; position: relative; padding-top: 69px; }
.subleft .toptitle { width: 240px; height: 153px; background: #c70404; color: #fff; padding: 40px 26px; position: absolute; top: -84px; }
.subleft .toptitle h3 { border-bottom: 1px solid #d64e4e; color: #f9f9f9; font-weight: bold; font-size: 26px; display: block; line-height: 44px; }
.subleft .toptitle h4 { font-size: 16px; font-family: arial; text-transform: uppercase; }
.subleft .cont { padding: 14px; background: #fe0101; }
.subleft .cont li { border-bottom: 1px solid #fd3333; line-height: 44px; }
.subleft .cont li:hover { background: #c70404; }
.subleft .cont li a.sub1 { display: block; padding-left: 14px; color: #fff; transition: all 0.3s ease-out 0s; font-size: 14px; }
.subleft .cont li a.sub1:hover { background: #c70404; padding-left: 26px; }
.subleft .cont li.hover a.sub1 { background: #c70404; }
.subleft .cont li .box { padding: 5px 0 0 25px; display: none; }
.subleft .cont li .box a { color: #fff; font-size: 12px; display: block; line-height: 30px; padding: 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; opacity: 0.75; filter: alpha(opacity=75); }
.subleft .cont li .box a.hover, .subleft .cont li .box a:hover { opacity: 1; filter: alpha(opacity=100); padding-left: 6px; }
.subleft .cont li:hover .box, .subleft .cont li.hover .box { display: block; }
.leftRecomm { padding: 25px 0 0; }
.leftRecomm .title { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; color: #fe0101; font-size: 18px; font-weight: bold; margin-bottom: 16px; }
.leftRecomm .title a { color: #fe0101; }
.leftRecomm .item { width: 110px; float: left; overflow: hidden; text-align: center; margin-right: 20px; }
.leftRecomm .item a { width: 100%; display: block; }
.leftRecomm .item img { width: 110px; height: 82px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border-radius: 3px; display: block; }
.leftRecomm .item h3 { margin: 8px 0 15px 0; text-align: left; line-height: 20px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; font-weight: normal; }
.leftRecomm .item:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); }
.leftRecomm .newslist li { overflow: hidden; margin-bottom: 10px; }
.leftRecomm .newslist li a { display: block; width: 100%; text-align: left; line-height: 24px; }
.subright { width: 930px; }
.subright .t { padding: 0 0 25px; color: #ff0505; font-size: 20px; }
.subright .t2 { color: #ff0505; font-size: 30px; display: block; padding: 30px 0; }
.sitepath { line-height: 49px; color: #88848b; border-bottom: 1px solid #f1f1f1; margin-bottom: 28px; }
.sitepath .home { width: 12px; height: 12px; display: inline-block; background-position: -100px -100px; margin-right: 20px; }
.sitepath a { color: #88848b; display: inline-block; white-space: nowrap; }
.sitepath a:hover { color: #ff0505; }
.productlist { position: relative; }
.productlist .list { padding-top: 10px; width: 100%; }
.productlist .item { width: 290px; height: 350px; display: block; float: left; margin-right: 30px; margin-bottom: 30px; background: #fff; transition: all 0.3s ease-out 0s; border-bottom: 1px solid #e5e5e5; }
.productlist .item a { display: block; }
.productlist .item img { width: 290px; height: 217px; display: block; }
.productlist .item h3 { font-size: 18px; padding: 10px 20px 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; font-weight:normal;}
.productlist .item p { color: #999; padding: 5px 20px 0 20px; line-height: 22px; }
.productlist .item:hover { transform: translate3d(0px, -16px, 0px); box-shadow: 0 3px 10px rgb(222, 222, 222); }
.caselist { position: relative; }
.caselist .list { padding-top: 10px; width: 100%; }
.caselist .item { width: 290px; height: 280px; display: block; float: left; margin-right: 30px; margin-bottom: 30px; background: #fff; transition: all 0.3s ease-out 0s; border-bottom: 1px solid #e5e5e5; }
.caselist .item a { display: block; }
.caselist .item img { width: 290px; height: 145px; display: block; }
.caselist .item h3 { font-size: 18px; padding: 16px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caselist .item p { color: #999; padding: 0 16px; line-height: 24px; }
.caselist .item:hover { transform: translate3d(0px, -16px, 0px); box-shadow: 0 3px 10px rgb(222, 222, 222); }
.honorlist { position: relative; }
.honorlist .list { padding-top: 10px; width: 100%; }
.honorlist .item { width: 290px; height: 265px; display: block; float: left; margin-right: 30px; margin-bottom: 30px; background: #fff; transition: all 0.3s ease-out 0s; border-bottom: 1px solid #e5e5e5; }
.honorlist .item a { display: block; }
.honorlist .item img { width: 290px; height: 217px; display: block; }
.honorlist .item h3 { font-weight:normal; font-size: 16px; padding: 10px; text-align: center; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.honorlist .item:hover { transform: translate3d(0px, -16px, 0px); box-shadow: 0 3px 10px rgb(222, 222, 222); }
.newslist { padding: 0; }
.newslist .item { width: 100%; display: block; margin-bottom: 28px; background: #f7f7f7; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.newslist .item a { display: block; padding: 20px; }
.newslist .item .img { width: 150px; height: 112px; overflow: hidden; margin-right:30px;}
.newslist .item .img img { width: 100%; height: 100%; display: block; transition: all 0.3s ease-out 0s; }
.newslist .item a:hover .img img { transform: scale(1.1, 1.1); }
.newslist .item .txt { }
.newslist .item h3 {font-weight:normal; color: #000; font-size: 18px; display: block; padding-bottom: 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.newslist .item .txt p { font-size: 14px; color: #999; line-height: 24px; padding-top:6px; }
.newslist .item a:hover h3 { color: #fe0101; }
.newslist .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.singlepage { position: relative; overflow: hidden; color: #666; }
.singlepage .cont img { max-width: 100%; display: block; margin: 0 auto; }
.singlepage .cont .desc { padding-top: 40px; }
.arecttitle { border-bottom: 1px dotted #ddd; text-align: center; }
.arecttitle h1 { font-size: 28px; line-height: 30px; color: #000; margin-bottom: 5px; font-weight:normal; }
.arecttitle .mark { width: 100%; padding: 5px 0 10px; }
.arecttitle .mark span { display: inline-block; padding-left: 5px; font-size: 12px; color: #666; }
.arecttitle .mark span:first-child { padding-left: 0; }
.showContxt { padding: 20px 0; }
.showContxt img { max-width: 100% !important; display: block; margin: 0 auto; }
/* reLink*/
.reLink { width: 100%; margin: 20px 0 10px; line-height: 60px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.reLink .nextLink, .reLink .prevLink { width: 50%; line-height: 60px; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;    height: 60px;}
.reLink .nextLink { text-align: right; }
.reLink a { font-size: 16px; }
.reLink a:hover { color: #fe0101; }
/*底部信息*/
.bottom_main { width: 100%; padding-bottom: 20px; background-color: #f5f5f5; }
.bottom_main .links { padding: 20px 0; font-size: 16px; border-bottom: 1px solid #d2d2d2; }
.bottom_main .links span { color: #555;display: inline-block; }
.bottom_main .links a { display: inline-block; font-size: 14px; color: #999; padding-right: 10px; }
.bottom_main .links a:hover { color: #fe0101; }
.bottom_main .bottom_nav { width: 770px; display: inline-block; margin-top: 32px; }
.bottom_main .bottom_nav ul { width: 126px; text-align: left; float: left; }
.bottom_main .bottom_nav ul li h3 { padding-bottom: 8px; }
.bottom_main .bottom_nav ul li h3 a { display: block; font-size: 16px; color: #555; padding-bottom: 8px; font-weight:normal; }
.bottom_main .bottom_nav ul li h3 i { display: block; width: 30px; height: 1px; background-color: #cccccc; }
.bottom_main .bottom_nav ul li a { display: block; font-size: 12px; color: #999; }
.bottom_main .bottom_nav ul li a:hover { color: #fe0101; }
.bottom_main .bottom_tit { padding-top: 40px; text-align: right; }
.bottom_main .bottom_tit .r1 { float: left; width: 100px; }
.bottom_main .bottom_tit .r2 { float: left; padding-left: 60px; text-align: left; }
.bottom_main .bottom_tit .r1 p { width: 100px; text-align: center; float: left; }
.bottom_main .bottom_tit .r1 p img { width: 100px; height: 100px; border: #d2d2d2 solid 1px; }
.bottom_main .bottom_tit .r1 p span { font-size: 12px; color: #999; display: block; padding-top: 10px; line-height: 20px; }
.bottom_main .bottom_tit .r2 li { display: block; clear: left; height: 65px; }
.bottom_main .bottom_tit .r2 li img { width: 50px; height: 50px; float: left; }
.bottom_main .bottom_tit .r2 li p { float: left; font-size: 12px; line-height: 22px; color: #999; padding-left: 12px; text-align: left; padding-top: 0px; }
.bottom_main .bottom_tit .r2 li p span { margin-top: 2px; font-size: 26px; font-family: "Arial"; color: #666; display: block; font-weight: bold; }
.bottom_copy { height: 48px; background-color: #f5f5f5; border-top: 1px solid #d2d2d2; line-height: 48px; font-size: 12px; color: #999; }
.bottom_copy span { padding-left: 10px; }
.bottom_copy a { display: inline-block; font-size: 12px; color: #999; }
.bottom_copy a:hover { color: #fe0101; }
/* mapPage */
.map_ul { list-style: outside none none; display: block; width: 100%; }
.map_ul li { display: block; width: 100%; padding: 0; margin-bottom: 15px; +margin-bottom:10px;
}
.map_ul li a { width: 100%; height: 35px; line-height: 35px; font-weight: bold; display: block; background: #e7e7e7; text-indent: 15px; }
.map_ul .list-inline { display: block; width: 86%; }
.map_ul .list-inline li { height: 32px; display: inline-block; *display: inline;
margin: 0 5px 15px 0; zoom: 1; line-height: 32px; border-bottom: 0; text-align: center; width: auto; padding: 0px; +margin:15px 5px 15px 0;
}
.map_ul .list-inline li a { font-weight: normal; display: block; text-indent: 0; line-height: 32px; height: 32px; display: inline-block; width: auto; padding: 0px 10px; width: auto; border: 1px solid #ccc; }
.map_ul .list-inline li a:hover { background: #ff0505; color: #fff; border: 1px solid #ff0505; }
.zhizao .goback { width: 60px; height: 60px; display: block; position: absolute; right: 2%; top: 2%; background: url(../style/guan.jpg) no-repeat center; }
#footer_main .yyzz { padding-left: 10px; }
/*#gotop{position:fixed;bottom:5%;right:2%;width: 50px;height: 50px;background: url(../images/gotop.png) no-repeat;z-index: 99;display: block;}
*/
.float-right-box { width: 250px; position: fixed; right: 0; top: 50%; margin-top: -127px; background-color: #191919; z-index: 1000; transition: width 0.3s ease 0s; }
.float-right-box.on { width: 50px; }
.float-right-box .top-list { width: 100%; }
.float-right-box .top-list ul { width: 100%; }
.float-right-box .top-list li { width: 100%; position: relative; border-bottom: 1px solid #3b3b3b; transition: background 0.3s ease 0s; height: 50px; }
.float-right-box .top-list a { display: block; width: 100%; }
.float-right-box .top-list .ico { display: inline-block; width: 50px; height: 50px; position: absolute; right: 0; top: 0; transition: background 0.3s ease 0s; z-index: 2; }
.float-right-box .top-list .ico1 { background: url(../images/ico_58.png) no-repeat center #191919; }
.float-right-box .top-list .ico2 { background: url(../style/ico_59.png) no-repeat center #191919; }
.float-right-box .top-list .ico3 { background: url(../style/ico_60.png) no-repeat center #191919; }
.float-right-box .top-list .ico4 { background: url(../images/ico_61.png) no-repeat center #191919; }
.float-right-box .top-list .ico5 { background: url(../style/ico_62.png) no-repeat center #191919; }
.float-right-box .top-list .ico6 { background: url(../style/ico_68.png) no-repeat center #191919; }
.float-right-box .top-list .ico7 { background: url(../style/ico_69.png) no-repeat center #191919; }
.float-right-box .top-list .stt { display: inline-block; font-size: 14px; line-height: 50px; color: #fff; transition: color 0.3s ease 0s; position: absolute; left: 28px; top: 0; z-index: 1; width: 222px; cursor: pointer; }
.float-right-box .top-list li:hover .stt { color: #15191e; }
.float-right-box .top-list li:hover .ico1 { background: url(../images/ico_58_h.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico2 { background: url(../style/ico_59_h.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico3 { background: url(../style/ico_60_h.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico4 { background: url(../images/ico_61_h.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico5 { background: url(../style/ico_62_h.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico6 { background: url(../style/ico_68_h.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico7 { background: url(../style/ico_69_h.png) no-repeat center #fff; }
.float-right-box .top-list li:hover { background-color: #fff; }
.float-right-box .top-list .return-webtop .stt { font-family: "Arial"; font-weight: bold; }
.float-right-box .bot-share { position: relative; height: 50px; }
.float-right-box .bot-share a { display: inline-block; width: 50px; height: 50px; float: left; transition: background 0.3s ease 0s; margin: 0; padding: 0; }
.float-right-box .bot-share .share { width: 200px; position: absolute; left: 0; top: 0; z-index: 1; }
.float-right-box .bot-share .sina { background: url(../style/ico_63.png) no-repeat center; }
.float-right-box .bot-share .wx { background: url(../style/ico_64.png) no-repeat center; }
.float-right-box .bot-share .more { background: url(../style/ico_66.png) no-repeat center; }
.float-right-box .bot-share a:hover { background-color: #525354; }
.float-right-box .bot-share .share-ico { background: url(../style/ico_67.png) no-repeat center #191919; width: 50px; height: 50px; display: inline-block; cursor: pointer; z-index: 2; position: relative; }
.float-right-box .top-list li .weix { position: relative; }
.float-right-box .sidebox { position: absolute; right: 250px; top: 0; transition: all 0.1s ease 0s; width: 120px; z-index: 10; display: none; background: #191919; }
.float-right-box .sidebox img { width: 110px; height: 110px; display: block; margin: 5px auto; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }
/*↓组图样式↓*/
.HS10, .HS15 { overflow: hidden; clear: both; }
.HS10 { height: 10px; }
.HS15 { height: 15px; }
.Hidden { display: none; }
.Clearer { display: block; clear: both; font-size: 1px; line-height: 1px; margin: 0; padding: 0; }
.FlLeft { float: left; }
.FlRight { float: right; }
/*幻灯片区域背景*/
.MainBg { width: 920px; margin: 0 auto; }
/*大图展示区域*/
.OriginalPicBorder { padding: 0; }
#OriginalPic { width: 920px; overflow: hidden; position: relative; font-size: 12px; }
#OriginalPic img { display: block; max-width: 100%; margin: 0 auto; }
/*鼠标手势*/
.CursorL { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; left: 0; cursor: url(../style/CurL.cur), auto; background: url(../images/space.png) repeat scroll 0 0 transparent; }
.CursorR { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; right: 0; cursor: url(../style/CurR.cur), auto; background: url(../images/space.png) repeat scroll 0 0 transparent; }
/*小图预览和滑动*/
.SliderPicBorder { width: 100%; overflow: hidden; }
.ThumbPicBorder { width: 920px; margin: 0 auto; background: #eeeeee; overflow: hidden; position: relative; }
.ThumbPicBorder #btnPrev { width: 45px; height: 113px; cursor: pointer; position: absolute; left: 20px; top: 20px; }
.ThumbPicBorder #btnNext { width: 45px; height: 113px; cursor: pointer; position: absolute; right: 20px; top: 20px; }
.ThumbPicBorder .pic { width: 755px; overflow: hidden; position: relative; margin: 20px auto; }
#ThumbPic img { border: 3px solid #ddd; cursor: pointer; background-color: #ddd; margin: 0 5px; width: 135px; height: 108px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#ThumbPic img.active { border: 3px solid #fe0101; }
/*↑组图样式↑*/

.h2 { padding-left: 10px; border-left: 3px solid #fe0101; font-weight: normal; line-height: 20px; font-size: 18px; color: #fe0101; width: 29%; }
/*招聘相关*/

.job_list li { height: 45px; border-bottom: #ddd 1px solid; }
.job_list li:hover { background: #f8f8f8; }
.job_list li i { float: left; height: 45px; line-height: 45px; width: 150px; font-style: normal; }
.job_list li i.job_1 { width: 260px; text-indent: 1em; }
.job_list li i.job_4 { width: 180px; }
.job_show { margin: 20px 0; }
.job_show h1 { text-align: left; font-size: 24px; font-weight: 400; margin: 0; padding: 0; }
.job_show h2 { text-align: left; font-size: 18px; font-weight: 400; margin: 10px 0; padding: 0; }
.job_show .info { margin: 15px 0; padding: 0px; font-size: 14px; }
.job_show .info img { max-width: 100%; }
.job_show .info ul { overflow: hidden; }
.job_show .info ul li { float: left; width: 24.4%; border-left: 1px solid #dadada; padding-left: .6%; line-height: 30px; }
.job_show .info ul li span { color: #999; }
.job_show .intro a { color: #fe0101; }
.job_show .intro a:hover { color: #fe0101; }
.job_show .action { text-align: center; }
.job_show .action a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #fe0101; padding: 6px 20px; min-width: 100px; background: #fe0101; color: #fff; }
.job_show .action a:hover { color: #fff; border-color: #f60; background: #f60; }
/*返回首页*/
#tip { padding-top: 30px; min-height: 640px; }
#tip b { color: #fe0101; }
/*点赞*/
.other { margin-top: 30px; text-align: center; }
.other p { font-weight: bold; padding-bottom: 20px; }
.other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.other a span { font-size: 18px; margin-right: 10px; }
.other a em { font-style: normal; font-size: 18px; }
.other a:hover { background: #fe0101; border-color: #fe0101; color: #fff; }
.other a:hover span { color: #fff; }
/* 关键词*/
.keys { padding: 10px; border: #ddd 1px dotted; }
.keys p, .keys div, .keys ul, .keys li { display: inline; }
/*网站标签*/
.tags_list { overflow: hidden; line-height: 30px; padding: 10px; border-bottom: 1px solid #ddd; }
.tags_list dt { float: left; margin-right: 2%; margin-bottom: 2%; width: 14.66666667%; }
.tags_list dt a { display: block; text-align: center; background: #ececec; font-size: 14px; padding: 8px 0; font-weight: normal; }
.tags_list dt a:hover { background: #ccc; color: #fff; }
.tags { overflow: hidden; margin-bottom: 20px; }
.tags span { float: left; display: block; line-height: 40px; }
.tags a { border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; line-height: 28px; padding: 0 6px; margin: 5px; background: #fff; border: 1px solid #dadada; }
.tags a:hover { background: #fe0101; border-color: #fe0101; color: #fff; }
/*瀑布流布局*/
.piclist { width: 100%; }
.piclist ul { }
.piclist li { float: left; width: 270px; margin: 0 15px 15px 0; }
.piclist li a { display: block; padding: 4px; margin-bottom: 25px; border: 1px solid #eee; }
.piclist li a:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); }
.piclist li a img { width: 100%; }
.piclist li a p { font-size: 14px; padding: 0 10px; }
/*筛选相关*/
.filter { border: 1px solid #f0f0f0; padding: 20px 30px 10px 30px; background: #fff; margin-bottom: 20px; }
.filter dl { margin: 0; }
.filter dl dd { float: left; width: 70px; font-weight: 500; font-size: 14px; margin: 0; padding-top: 5px; }
.filter dl dt { margin: 0 0 0 80px; }
.filter dl dt a { font-weight: 300; margin: 0 10px 10px 0; padding: 6px 20px; color: #666; font-size: 14px; display: inline-block; border-radius: 30px; }
.filter dl dt a:hover { background: #fe0101; color: #fff; }
.filter dl dt .hover { background: #fe0101; color: #fff; }
/*自定义表单*/
.form-add input[type=number], .form-add input[type=search], .form-add input[type=text], .form-add input[type=password], .form-add input[type=datetime], .form-add input[type=datetime-local], .form-add input[type=date], .form-add input[type=month], .form-add input[type=time], .form-add input[type=week], .form-add input[type=email], .form-add input[type=url], .form-add input[type=tel], .form-add input[type=color], .form-add select, .form-add textarea, .am-form-field { width: auto; display: inline; border-color: #ddd; border-radius: 3px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.form-add .w420 { width: 400px; }
.form-add input { border: 1px solid #ddd; width: 60px; padding: 5px 10px }
.form-add em { color: #999; font-style: normal; }
/*表单内容*/

#form_book .am-btn-danger { background-color: #fe0101; border-color: #fe0101; }
.formshow { }
.formshow .item { font-size: 14px; line-height: 30px; clear: both; }
.formshow .item .lefter { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; float: left; }
.formshow .item .righter { margin-left: 120px; line-height: 30px; }
.formshow .item .righter .pic { max-width: 400px; margin: 10px 0; }
.formshow .item .righter video { width: 450px; height: 300px; }
/*分页相关*/
.pagelist ul { text-align: center; margin: 20px 0; }
.pagelist li { display: inline-block; margin: 0 2px; }
.pagelist li a { color: #666; display: inline-block; border: 1px solid #ddd; padding: 6px 15px; }
.pagelist li a:hover { border-color: #fe0101; background: #fe0101; color: #fff; }
.pagelist li.active a { border-color: #fe0101; background: #fe0101; color: #fff; }
/*网站地图*/
.map_one { line-height: 30px; }
.map_one a { font-size: 18px; }
.map_two { margin: 5px 0 20px 0; }
.map_two a { display: inline-block; margin-right: 15px; color: #666; }
/*右侧浮动相关*/
.dis { display: none; }
.plug_service { position: fixed; right: 0; bottom: 5%; z-index: 999; }
.plug_service li { position: relative; margin-bottom: 5px; transition: right 0.5s; right: -77px;}
.plug_service li a { display: block; text-align: left; background: #fff; border: 1px solid #ececec; padding: 10px 20px; font-family: microsoft yahei; font-size: 12px; color: #505050; outline: none;  position: relative;right: 0; }
.plug_service li a span { display: inline-block; font-size: 24px; color: #888; margin-right: 20px; vertical-align: middle; }
.plug_service li:hover {  right: 0;  }
.plug_service li a:hover { background: #fe0101; color: #fff; border-color: #fe0101; right: 0; font-family: microsoft yahei; }
.plug_service li a:hover span { color: #fff; }
.plug_service .hover a { display: block; text-align: center; background: #fe0101; border: 1px solid #fe0101; padding: 10 8px 6px 8px; font-size: 12px; color: #fff; outline: none; }
.plug_service .hover a span { color: #fff; }
.plug_service .hotline { position: absolute; display: none; background: #fff; padding: 10px 15px 0 15px; left: -200px; bottom: 0px; width: 210px; border: 1px solid #ddd; width: 180px; height: 68px; font-size: 12px; color: #999; line-height: 24px; border-radius: 4px; }
.plug_service .hotline b { display: block; font-size: 16px; color: #333; }
.plug_service .hotline:after { content: " "; position: absolute; right: -10px; top: 25px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.plug_service .weixin_pic { position: absolute; display: none; background: #fff; padding: 5px; left: -230px; bottom: -70px; width: 210px; border: 1px solid #ddd; border-radius: 4px; }
.plug_service .weixin_pic p { text-align: center; margin: 0 0 10px 0; padding: 0; }
.plug_service .weixin_pic p span { color: #fe0101; }
.plug_service .weixin_pic:after { content: " "; position: absolute; right: -10px; top: 130px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.plug_service li:hover div { display: block; }


.proshow{}
.proshow .col-left{width:55%;border-right:1px solid #f3f3f3;padding:20px 3%;}
.proshow .col-left .big_pic{text-align:center;}
.proshow .col-left .big_pic img{max-width:100%;}
.proshow .col-left .thumb_pic{margin:30px 0 0 0;text-align:center;}
.proshow .col-left .thumb_pic ul{margin:0 auto;}
.proshow .col-left .thumb_pic ul li{display:inline-block;margin-right:5px;width:60px;height:60px;border:1px solid #eaeaea;padding:0px;cursor:pointer;position:relative;z-index:1;}
.proshow .col-left .thumb_pic ul li.active{border:1px solid #FF9800;background:#fff;}
.proshow .col-left .thumb_pic ul li.active:after{content:" ";position:absolute;right:24px;top:-5px;width:11px;height:11px;border:#FF9800 solid 1px;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:-1}

.proshow .col-right{width:45%;padding:20px 3%;}
.proshow .col-right h1{font-size:24px;font-weight:bold;}
.proshow .col-right .intro{color:#888;margin:10px 0;}
.proshow .col-right .attribute{list-style:none;margin:10px 0;}
.proshow .col-right .attribute li{line-height:30px;}
.proshow .col-right .attribute li em{display:inline-block;width:60px;font-style:normal;color:#999;}
.proshow .col-right .price{font-size:14px;line-height:30px;margin:20px 0;}
.proshow .col-right .price span{font-size:26px;color:#f60;}
.proshow .col-right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.proshow .col-right .tags{color:#999;margin:15px 0;}
.proshow .col-right .tags a{margin:0 10px 10px 0;}

.logo img{ background-color:#fe0101;}
.digsup{display:flex;justify-content:center;margin:30px 0 10px 0;}
.digsup a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.digsup a i{font-size:30px;color:#999;}
.digsup a em{display:block;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.digsup a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.digsup a:hover i{color:#f60;}
.ui-menu-blue .ui-menu-name{color:#fe0101;border-bottom-color:#fe0101;}
.ui-card-header .ui-card-header-title{font-size:17px;font-weight:500;margin:0;border-left:2px solid #fe0101;padding-left:15px;flex:1;}
.ui-page ul li.active{border-color:#fe0101;background:#fe0101;}
.ui-page ul li.active a{color:#fff;background:#fe0101;}
.ui-page ul li.active a:hover{background:#fe0101;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-btn-blue{background:#fe0101;border-color:#fe0101;color:#fff;}
.ui-btn-blue:hover{background:#f60;border-color:#f60;color:#fff;}