@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1920px; margin:0 auto; font:0/0 Arial; color:#383838; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
u { text-decoration:none;}
i,em,cite { font-style:normal;}
b { font-weight:normal;}
a { color:#383838; text-decoration:none;}
a:hover { color:#105caa;}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
table td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
input,select,textarea { float:left; background:none; border:0; font:14px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
.m_fl,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.img,.banner .imgs,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:60px; font:0/0 Arial; position:relative;}
.img img { width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

/**头部和尾部**/
header { width:1200px; height:90px; background:#f2f2f2; border-top:#f2f2f2 28px solid; border-bottom:#f2f2f2 50px solid; position:relative; top:2px\0; z-index:100;}

header:before,header:after { width:1920px; content:""; position:absolute; left:50%; margin-left:-960px; z-index:20;}
header:before { height:28px; background:#105caa; top:-28px;}
header:after { height:1px; background:#d7d3cf; bottom:0;}

header>ul { position:absolute; z-index:30;}

header .logo { height:70px; font:0/0 Arial; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
header .logo img { height:100%;}

header .nav { width:100%; height:50px; line-height:50px; bottom:-50px; left:0;}
header .nav li { width:160px; height:100%; margin-left:13px; text-align:center; overflow:visible; position:relative;}
header .nav li:first-child { margin:0;}
header .nav li>a { float:left; width:100%; height:100%; font-size:16px;}
header .nav li:hover>a,header .nav li>a.active { background:#105caa; color:#fff;}

header .nav li dl { width:100%; position:absolute; top:100%; left:0; transition:all 0.5s; transform:translateY(50px); opacity:0; visibility:hidden;}
header .nav li dl dd { float:left; width:100%; height:39px; border-top:rgba(16,92,170,1) 1px solid; text-align:center; line-height:38px; font-size:14px; overflow:hidden;}
header .nav li dl dd:first-child { height:40px; line-height:40px; border:0;}
header .nav li dl dd a { float:left; width:100%; height:100%; background:rgba(16,92,170,0.9); color:#fff;}
header .nav li dl dd a:hover,header .nav li dl dd a.active { background:rgba(204,0,1,0.9); color:#fff;}
header .nav li:hover dl { transform:translateY(0); opacity:1; visibility:visible;}

header .welcome { width:100%; height:28px; line-height:26px; color:#fff; top:-27px; left:0; z-index:30;}
header .welcome li { height:100%;}
header .welcome .date { position:absolute; top:0; right:0;}
header .welcome .date span { margin-left:10px;}

header .icon { height:65px; top:50%; right:0; margin-top:-32px;}
header .icon li { height:100%; margin-left:15px; position:relative; overflow:visible;}
header .icon li.tel { height:calc(100% - 35px); padding-top:35px; line-height:30px; font-size:24px;}
header .icon li.tel i { height:32px; line-height:48px; font-size:16px; padding-left:32px; color:#cc0001; position:absolute; top:0px; left:0;}
header .icon li.tel i:before { width:32px; height:32px; content:""; background:url(../images/base.png) no-repeat 0 0; position:absolute; bottom:0; left:0;}

header .bg { width:1920px; height:calc(100% + 50px); background:#f2f2f2; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

footer { width:1200px; min-height:150px; padding:35px 0; margin-top:50px !important; color:#fff; position:relative;}
#footer { position:fixed; bottom:0; left:0; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#105caa; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}

footer>ul { position:relative; z-index:20;}

footer a { color:#fff;}
footer a:hover { border-bottom:#fff 1px solid; color:#fff;}

footer .link { width:100%; height:20px; font-size:14px;}
footer .link li { height:100%; padding-left:31px; position:relative;}
footer .link li:before { width:1px; height:13px; content:""; background:#fff; position:absolute; top:50%; left:15px; margin-top:-6px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}

footer .copyright { width:100%; padding-top:20px; line-height:28px; font-size:12px;}
footer .copyright span { margin-right:12px;}

footer .ewm { position:absolute; top:30px; right:0;}
footer .ewm li { width:140px; margin-left:20px; position:relative;}
footer .ewm li p { float:left; overflow:hidden;}
footer .ewm li .img { width:130px; height:130px; border:#fff 5px solid; font:0/0 Arial;}
footer .ewm li .img img { width:100%; min-height:100%;}
footer .ewm li .txt { width:100%; height:22px; line-height:20px; background:#ddd; text-align:center; color:#595757;}

/**首页**/
section { width:1200px; position:relative; z-index:50;}
section>ul { position:relative; z-index:10;}

.slides { width:100%; height:600px;}
.slides .img { width:1920px; height:100%; font:0/0 Arial; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.slides .img ul { width:10000%; height:100%;}
.slides .img ul li { height:100%;}
.slides .img ul li a { width:100%; height:100%; display:block;}
.slides .img ul li img { width:100%;}
.slides .dot { width:100%; height:14px; text-align:center; font:0/0 Arial; position:absolute; bottom:15px; left:0; z-index:20;}
.slides .dot li { float:none; width:14px; height:100%; margin:0 1px; border:transparent 2px solid; border-radius:100%; display:inline-block; position:relative; cursor:pointer;}
.slides .dot li:before { width:8px; height:8px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.slides .dot li.active { margin:0 3px; border-color:#cd0102;}
.slides .dot li.active:before { background:#cd0102;}
.slides .button { width:39px; height:73px; background:url(../images/base.png) no-repeat 100px 0; font:0/0 Arial; position:absolute; top:50%; margin-top:-36.5px; z-index:30; cursor:pointer; transition:all 0.3s; opacity:0; visibility:hidden;}
.slides:hover .button { opacity:1; visibility:visible;}
.slides .prev { background-position:-50px 0; left:50px;}
.slides .prev:hover { background-position:-95px 0;}
.slides .next { background-position:-180px 0; right:50px;}
.slides .next:hover { background-position:-135px 0;}

.index_title { width:100%; height:56px; position:relative;}
.index_title:before { width:100%; height:44px; content:""; background:#0c65a7; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:1;}
.index_title h5,.index_title h6 { float:left; height:100%; background:#cd0102; color:#fff; position:relative; z-index:10;}
.index_title h5 { padding:0 10px; line-height:54px; font-size:24px;}
.index_title h6 { padding-right:10px; line-height:68px; font-size:12px; text-transform:uppercase;}
.index_title dl { height:20px; position:absolute; top:50%; right:10px; margin-top:-10px; z-index:10;}
.index_title dl dd { float:left; height:100%; padding-left:31px; font-size:14px; position:relative;}
.index_title dl dd:before { width:1px; height:13px; content:""; background:#fff; position:absolute; top:50%; left:15px; margin-top:-6px;}
.index_title dl dd:first-child:before { display:none;}
.index_title dl dd a { float:left; height:100%; color:#fff;}
.index_title dl dd a:hover { border-bottom:#fff 1px solid; color:#fff;}
.index_title .more { height:20px; color:#fff; position:absolute; top:50%; right:10px; margin-top:-10px; z-index:10;}
.index_title .more:hover { border-bottom:#fff 1px solid; color:#fff;}

.index_notice { margin-top:50px;}
.index_notice .list { width:105%; margin-top:5px;}
.index_notice .list li { width:290px; margin:13px 13px 0 0; background:#fff; font-size:14px;}
.index_notice .list li a { float:left; width:100%; padding-bottom:10px; position:relative;}
.index_notice .list li a:before { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#cd0102 2px solid; position:absolute; top:0; left:0; z-index:50; display:none;}
.index_notice .list li p { float:left; width:calc(100% - 20px); padding:0 10px; color:#595757; overflow:hidden; position:relative; z-index:10;}
.index_notice .list li .img { width:100%; height:200px; padding:0;}
.index_notice .list li .img img { transition:all 0.8s; z-index:10;}
.index_notice .list li .img.end:before,.index_notice .list li .img.end:after { content:""; position:absolute;}
.index_notice .list li .img.end:before { width:100%; height:100%; background:rgba(0,0,0,0.4); bottom:0; right:0; z-index:15;}
.index_notice .list li .img.end:after { width:100px; height:55px; background:url(../images/base.png) no-repeat -220px 0; bottom:20px; right:2px; z-index:20; transform:rotate(-30deg) scale(0.8);}
.index_notice .list li .name { height:44px; margin:10px 0; line-height:22px; font-size:16px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_notice .list li .price { height:20px; margin-top:10px; overflow:visible;}
.index_notice .list li .price:before { width:100%; height:1px; content:""; background:rgba(0,0,0,0.1); position:absolute; top:-10px; left:0;}
.index_notice .list li .price span { height:23px; padding:0 5px 0 12px; background:#cd0102; border-radius:12px 0 0 12px; line-height:24px; font-size:12px; color:#fff; position:absolute; top:-2px; right:0;}
.index_notice .list li .stime { height:20px; margin-top:5px;}
.index_notice .list li .etime { height:40px; margin-top:5px;}
.index_notice .list li .sn { width:calc(100% - 90px); padding:0 10px 0 80px; color:#898989;}
.index_notice .list li .sn em { color:#595757; position:absolute; top:0; left:10px;}
.index_notice .list li:hover a:before { display:block;}
.index_notice .list li:hover .img img { transform:scale(1.05);}

.index_liucheng { height:380px; margin-top:50px; background:#2061a4;}
.index_liucheng:before { width:1920px; height:100%; content:""; background:url(../images/bg_liucheng.jpg) no-repeat bottom left; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

.index_liucheng .title { width:100%; height:50px; margin-top:40px;}
.index_liucheng .title:before { width:50px; height:50px; content:""; background:url(../images/base.png) no-repeat 0 -100px; position:absolute; top:0; left:0;}
.index_liucheng .title li { height:36px; line-height:36px; font-size:36px; color:#fff; position:absolute; bottom:0; left:70px;}

.index_liucheng .list { width:100%; height:220px; margin-top:40px;}
.index_liucheng .list li { width:130px; height:100%; margin-left:84px; position:relative; overflow:visible;}
.index_liucheng .list li:before { width:33px; height:54px; content:""; background:url(../images/base.png) no-repeat 0 -160px; position:absolute; top:38px; left:-57px;}
.index_liucheng .list li:first-child { margin:0;}
.index_liucheng .list li:first-child:before { display:none;}
.index_liucheng .list li p { width:100%; text-align:center; color:#fff; position:absolute; left:0;}
.index_liucheng .list li .txt { font-size:16px; top:150px;}
.index_liucheng .list li .name { font-size:20px; top:185px;}
.index_liucheng .list li .icon { height:130px; background:#fff; border-radius:100%; top:0; transition:all 0.8s;}
.index_liucheng .list li .icon:after { width:100px; height:100px; content:""; background:url(../images/base.png) no-repeat -50px -100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px;}
.index_liucheng .list li:nth-child(1) .icon:after { margin:-56px 0 0 -45px;}
.index_liucheng .list li:nth-child(2) .icon:after { background-position:-150px -100px;}
.index_liucheng .list li:nth-child(3) .icon:after { background-position:-250px -100px;}
.index_liucheng .list li:nth-child(4) .icon:after { background-position:-50px -200px; margin-top:-45px}
.index_liucheng .list li:nth-child(5) .icon:after { background-position:-150px -200px; margin:-54px 0 0 -54px;}
.index_liucheng .list li:nth-child(6) .icon:after { background-position:-250px -200px;}
.index_liucheng .list li:hover .icon { transform:rotateY(180deg);}

.index_about { height:560px; margin-top:50px;}

.index_about .left { width:380px;}
.index_about .left .info { width:calc(100% - 30px); height:460px; padding:15px; margin-top:14px; background:#fff; line-height:24px; font-size:14px; overflow:hidden;}
.index_about .left .info img { transition:all 0.8s;}
.index_about .left .info img:hover { transform:scale(1.05);}

.index_about .right { width:795px; height:100%; position:relative;}
.index_about .right:after { width:100%; height:490px; content:""; background:#fff; position:absolute; bottom:0; left:0; z-index:1;}

.index_about .right .imglist { width:380px; height:310px; position:absolute; top:85px; left:15px; z-index:10;}
.index_about .right .imglist li { width:100%; height:100%; position:relative;}
.index_about .right .imglist li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_about .right .imglist li .img { height:100%; top:0; z-index:10;}
.index_about .right .imglist li .img img { transition:all 0.8s;}
.index_about .right .imglist li .name { width:calc(100% - 20px); height:40px; padding:0 10px; background:rgba(16,92,170,0.8); line-height:40px; font-size:14px; color:#fff; bottom:0; z-index:20;}
.index_about .right .imglist li:hover .img img { transform:scale(1.05);}

.index_about .right .txt1list { width:370px; height:310px; position:absolute; top:75px; right:15px; z-index:10;}
.index_about .right .txt1list li { width:100%; height:69px; margin-top:10px; border-bottom:#bcbec0 1px dotted; position:relative;}
.index_about .right .txt1list li p { width:calc(100% - 60px); overflow:hidden; position:absolute; left:60px;}
.index_about .right .txt1list li .name { height:14px; line-height:14px; font-size:14px; top:1px;}
.index_about .right .txt1list li .info { height:40px; color:#898989; bottom:7px;}
.index_about .right .txt1list li .date { width:50px; height:100%; top:0; left:0;}
.index_about .right .txt1list li .date em,.index_about .right .txt1list li .date i { width:100%; text-align:center; position:absolute; left:0;}
.index_about .right .txt1list li .date em { line-height:26px; font-size:30px; top:0;}
.index_about .right .txt1list li .date i { height:21px; border:#595757 1px solid; border-left:0; border-right:0; bottom:10px;}
.index_about .right .txt1list li:hover .date i { border-color:#105caa;}

.index_about .right .txt2list { width:calc(100% - 30px); position:absolute; top:401px; left:15px; z-index:10;}
.index_about .right .txt2list li { width:100%; height:20px; margin-top:9px; font-size:14px; position:relative;}
.index_about .right .txt2list li a { width:100%; height:100%; text-indent:10px; display:block;}
.index_about .right .txt2list li:before { width:2px; height:2px; content:""; background:#595757; position:absolute; top:50%; left:0; margin-top:-1px;}
.index_about .right .txt2list li span { float:right; margin-left:15px; text-indent:0; font-size:12px; color:#898989;}
.index_about .right .txt2list li:hover:before { background:#105caa;}
.index_about .right .txt2list li:hover span { color:#105caa;}

.index_link { margin-top:50px; border-top:#c0bab4 1px solid;}
.index_link .list { width:calc(100% + 10px); margin:10px 0 -35px -10px;}
.index_link .list li { height:24px; margin:5px 0 0 10px; line-height:24px; position:relative;}
.index_link .list li a { float:left; height:100%;}
.index_link .list li:first-child { padding-left:17px; margin-right:-8px;}
.index_link .list li:first-child:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -35px 0; position:absolute; top:50%; left:0; margin-top:-7px;}

/**公共**/
.banner { width:1920px; margin-bottom:50px; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .imgs { width:100%; text-align:center; font:0/0 Arial; position:relative; z-index:10;}

.allSelect em { position:absolute;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:#b5b5b5 1px solid; text-indent:40px; font-size:14px; color:rgba(0,0,0,0.5); top:0; right:0; cursor:pointer;}
.allSelect em.value:after { width:0; height:0; content:""; border-right:7px solid transparent; border-left:7px solid transparent; border-top:7px solid #ccc; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#105caa;}
.allSelect em.open:after { border-top-color:#105caa; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:216px; background:#f5f2ee; border:#105caa 1px solid; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:35px; border-top:#f7f7f7 1px solid; text-indent:40px; line-height:34px; font-size:14px; overflow:hidden; cursor:pointer;}
.allSelect dl dd:first-child { height:calc(100% + 1px); border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(157,107,54,0.1);}
.allSelect dl dd.active { background:rgba(157,107,54,0.2);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(0); opacity:1; visibility:visible;}

main { width:1200px; position:relative; z-index:90;}
.main_left { width:260px;}
.main_right { width:900px; background:#fff;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}

.main_left .menu { width:230px; padding:79px 14px 0; background:#fff; overflow:hidden; border:#105caa 1px solid; position:relative; z-index:30;}
.main_left .menu span { width:100%; height:80px; background:#105caa; position:absolute; top:-1px; left:0; z-index:20;}
.main_left .menu h5,.main_left .menu h6 { width:100%; text-align:center; color:#fff; position:absolute; left:0;}
.main_left .menu h5 { line-height:18px; font-size:20px; top:22px;}
.main_left .menu h6 { line-height:12px; font-size:12px; bottom:22px;}
.main_left .menu li { width:100%; height:45px; margin-bottom:-1px; border-bottom:#eaedef 1px solid; line-height:46px; font-size:14px;}
.main_left .menu li>a { float:left; width:100%; height:100%; text-indent:25px; position:relative;}
.main_left .menu li>a:before,.main_left .menu li>a:after { content:""; background:url(../images/base.png) no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.main_left .menu li>a:before { width:11px; height:11px; background-position:-35px -60px; margin-left:5px;}
.main_left .menu li>a:after { width:6px; height:11px; background-position:-30px -75px; margin-right:5px; transition:all 0.5s;}
.main_left .menu li:hover>a,.main_left .menu li>a.active { color:#105caa;}
.main_left .menu li:hover>a:before,.main_left .menu li>a.active:before { background-position:-20px -60px;}
.main_left .menu li:hover>a:after,.main_left .menu li>a.active:after { background-position:-20px -75px;}

.main_left .menu li dl { width:100px; padding-left:15px; border-radius:0 5px 5px 0; overflow:hidden; position:absolute; top:0; left:100%; transition:all 0.3s; transform:translateY(30px); opacity:0; visibility:hidden;}
.main_left .menu li:hover dl { transform:translateY(0); opacity:1; visibility:visible;}
.main_left .menu li dl:before { width:calc(100% - 15px); height:100%; content:""; background:rgba(157,107,54,0.7); position:absolute; top:0; left:15px; z-index:10;}
.main_left .menu li dl dd { float:left; width:100%; height:39px; border-top:#fff 1px dotted; line-height:40px; text-indent:0; font-size:14px; position:relative; z-index:20;}
.main_left .menu li dl dd:first-child { border:0;}
.main_left .menu li dl dd a { float:left; width:100%; height:100%; text-align:center; color:#fff;}
.main_left .menu li dl dd a:hover,.main_left .menu li dl dd a.active { background:rgba(157,107,54,0.9); color:#ff0;}

.main_left .txtlist { width:230px; padding:62px 14px 8px; margin-top:20px; background:#fff; border:#898989 1px solid; position:relative;}
.main_left .txtlist span { width:260px; height:60px; background:#30363a; position:absolute; top:-1px; left:-1px; z-index:20;}
.main_left .txtlist h5 { width:100%; height:20px; text-align:center; line-height:18px; font-size:20px; color:#fff; position:absolute; top:50%; left:0; margin-top:-10px;}
.main_left .txtlist li { width:100%; height:20px; margin-top:4px; text-indent:7px; font-size:12px;}
.main_left .txtlist li a { width:100%; height:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; display:block;}
.main_left .txtlist li a:before { width:2px; height:2px; content:""; background:#595757; position:absolute; top:50%; left:0; margin-top:-1px;}
.main_left .txtlist li:hover a { color:#105caa;}
.main_left .txtlist li:hover a:before { background:#105caa;}

.main_left .contact { width:230px; padding:65px 14px 8px; margin-top:20px; background:#fff; border:#898989 1px solid; position:relative;}
.main_left .contact>span { width:260px; height:60px; background:#30363a; position:absolute; top:-1px; left:-1px; z-index:20;}
.main_left .contact>span h5 { width:100%; height:20px; text-align:center; line-height:18px; font-size:20px; color:#fff; position:absolute; top:50%; left:0; margin-top:-10px;}
.main_left .contact p { line-height:24px;}

.location { width:100%; height:53px; margin-bottom:25px; background:#eaedef; border-top:#105caa 2px solid; position:relative; z-index:10;}
.location h5 { line-height:18px; text-indent:30px; font-size:18px; color:#105caa; position:absolute; top:50%; left:0; margin-top:-10px;}
.location h5:before { width:6px; height:6px; content:""; background:#105caa; position:absolute; top:50%; left:15px; margin-top:-3px; transform:rotate(45deg);}
.location span { height:14px; line-height:12px; font-family:"SimSun"; color:#898989; position:absolute; top:50%; right:15px; margin-top:-7px;}
.location span i,.location span a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.location span i { padding-left:18px;}
.location span i:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -35px -20px; position:absolute; top:50%; left:0; margin-top:-8px;}
.location span a:hover { color:#105caa;}

/**内容**/
article { width:100%; line-height:26px; font-size:14px; margin:-7px 0 -6px;}
article img { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px; background:#000;}
article .no { margin-top:0; font:0/0 Arial;}
article .no:first-child,article iframe:first-child { margin-top:7px !important;}
article .no img { margin-top:0 !important;}

/**列表**/
#list { width:100%; position:relative; z-index:20;}

#list .pages { width:calc(100% - 100px); height:29px; padding:20px 100px 0 0; margin:22px 0 0 0; border-top:#c9caca 1px solid; text-align:right; position:relative; z-index:100;}
#list .pages>a,#list .pages span { height:27px; line-height:26px; padding:0 10px; margin-left:10px; border:#c8cfd2 1px solid; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,#list .pages span { background:#105caa; border-color:#105caa; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:60px; height:29px; background:none; border:0; color:#595757; position:absolute; top:20px; right:0;}
#list .pages .gotoPage em { position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#105caa;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:161px; background:#fff; border:#105caa 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:24px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover,#list .pages .gotoPage dl dd a.active { background:#105caa; color:#fff;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_notice { width:105%; margin-top:-15px;}
#list .list_notice li { width:290px; margin:15px 15px 0 0; background:rgba(0,0,0,0.04); font-size:14px;}
#list .list_notice li a { float:left; width:100%; padding-bottom:10px; position:relative;}
#list .list_notice li a:before { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#cd0102 2px solid; position:absolute; top:0; left:0; z-index:50; display:none;}
#list .list_notice li p { float:left; width:calc(100% - 20px); padding:0 10px; color:#595757; overflow:hidden; position:relative; z-index:10;}
#list .list_notice li .img { width:100%; height:200px; padding:0;}
#list .list_notice li .img img { transition:all 0.8s; z-index:10;}
#list .list_notice li .img.end:before,#list .list_notice li .img.end:after { content:""; position:absolute;}
#list .list_notice li .img.end:before { width:100%; height:100%; background:rgba(0,0,0,0.4); bottom:0; right:0; z-index:15;}
#list .list_notice li .img.end:after { width:100px; height:55px; background:url(../images/base.png) no-repeat -220px 0; bottom:20px; right:2px; z-index:20; transform:rotate(-30deg) scale(0.8);}
#list .list_notice li .name { height:44px; margin:10px 0; line-height:22px; font-size:16px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_notice li .price { height:20px; margin-top:9px; overflow:visible;}
#list .list_notice li .price:before { width:100%; height:1px; content:""; background:rgba(0,0,0,0.1); position:absolute; top:-10px; left:0;}
#list .list_notice li .price span { height:23px; padding:0 5px 0 12px; background:#cd0102; border-radius:12px 0 0 12px; line-height:24px; font-size:12px; color:#fff; position:absolute; top:-2px; right:0;}
#list .list_notice li .stime { height:20px; margin-top:5px;}
#list .list_notice li .etime { height:40px; margin-top:5px;}
#list .list_notice li .sn { width:calc(100% - 90px); padding:0 10px 0 80px; color:#898989;}
#list .list_notice li .sn em { color:#595757; position:absolute; top:0; left:10px;}
#list .list_notice li:hover a:before { display:block;}
#list .list_notice li:hover .img img { transform:scale(1.05);}

#list .list_news { width:100%; margin:-20px 0 -23px; background:#fff; position:relative; z-index:90;}
#list .list_news li { width:100%; padding-bottom:18px; margin-top:16px; border-bottom:#c9caca 1px dotted;}
#list .list_news li p { position:relative; z-index:10;}
#list .list_news li .name { padding-bottom:12px; line-height:22px; font-size:16px; white-space:normal;}
#list .list_news li .name a { color:#3a3a3a;}
#list .list_news li .imgs { float:left; height:78px; margin:2px 15px 0 0; font:0/0 Arial; overflow:hidden; z-index:20;}
#list .list_news li .imgs img { width:auto; height:100%; transition:all 0.8s;}
#list .list_news li .date { line-height:12px; color:#898989;}
#list .list_news li .info { margin-top:12px;}
#list .list_news li:hover a { color:#105caa;}
#list .list_news li:hover .imgs img { transform:scale(1.08);}

#list .msg_form { width:100%; height:390px; background:#eaedef; border:#efefef 0px solid; position:relative;}
#list .msg_form li { width:100%; height:50px; position:absolute; z-index:10;}
#list .msg_form li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .msg_form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px;}
#list .msg_form li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#105caa;}
#list .msg_form li.user { width:402px; background:#fff; top:40px; left:40px;}
#list .msg_form li.user:before { background-position:0 -40px;}
#list .msg_form li.tel { width:402px; background:#fff; top:40px; right:40px;}
#list .msg_form li.tel:before { background-position:-20px -40px;}
#list .msg_form li.detail { width:820px; height:180px; background:#fff; top:105px; left:40px;}
#list .msg_form li.submit { width:126px; height:46px; background:#000; border:0; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:40px; right:40px;}
#list .msg_form li.submit:hover { background:#105caa;}
#list .msg_form li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .msg_form li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -60px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

/**内容**/
#detail { width:100%; position:relative;}

#detail .pages { width:100%; margin:30px 0 -6px; padding-top:10px; border-top:#ddd 1px solid;}
#detail .pages li { width:100%; margin-top:2px; height:24px; line-height:24px;}
#detail .pages li .none { color:#9aa1a5;}

#detail .view_news_title { width:100%; margin:0 0 30px; border-bottom:#ddd 1px dotted;}
#detail .view_news_title h1,#detail .view_news_title h2 { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 8px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_news_title h2 { margin-bottom:10px; line-height:20px; color:#898989;}
#detail .view_news_title h2 span { margin-right:15px; text-transform:none; display:inline-block;}

#detail .view_product_info { width:calc(100% - 458px); min-height:238px; padding:0 138px 0 320px; position:relative;}
#detail .view_product_info h1 { float:left; width:100%; padding-bottom:12px; margin-top:-5px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_product_info li { width:100%; min-height:24px; line-height:24px; padding:7px 0 8px; border-top:#dfdfdf 1px dotted; position:relative; overflow:visible;}
#detail .view_product_info li .bdsharebuttonbox { height:28px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
#detail .view_product_info li .msg { width:85px; height:31px; background:#00a6d8; border-radius:3px; text-align:center; line-height:30px; color:#fff; position:absolute; bottom:0; left:0;}
#detail .view_product_info li .msg:hover { background:#f08519;}

#detail .ZoomMain { width:296px; height:236px; border:1px solid #e0e0de; position:absolute; top:0; left:0;}
#detail .ZoomMain .zoom { width:290px; height:230px; position:absolute; top:3px; left:3px;}
#detail .ZoomMain .zoom img { width:100%; height:100%;}
#detail .ZoomMain .zoom .move { width:50%; height:50%; background:rgba(0,0,0,0.4); cursor:pointer; position:absolute; top:2px; left:2px; display:none;}
#detail .ZoomMain .zoomDetail { width:440px; height:340px; border:1px solid #e0e0de; position:absolute; right:-465px; top:-1px; overflow:hidden; display:none;}
#detail .ZoomMain .zoomDetail img { width:100%; height:100%;}

#detail .view_product_tab { width:calc(100% - 1px); height:40px; margin:30px 0; background:#eaedef;}
#detail .view_product_tab li { height:100%; padding:0 25px; text-align:center; line-height:38px; font-size:16px;}
#detail .view_product_tab li.active { background:#00a6d8; color:#fff;}