@charset "utf-8";
body { background: #fff; max-width: 1920px; width: 100%; margin: 0 auto; position: relative; overflow-x: hidden }
.wrap { width: 1200px; margin: 0 auto; zoom: 1 }
.wrap:after, .wrap:before { display: table; content: '' }
.wrap:after { clear: both }
.textOver { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.over { overflow: hidden }
.alC { text-align: center }
.alL { text-align: left }
.alR { text-align: right }
.displayT { width: 100%; height: 100%; display: table }
.tableC { display: table-cell }
.inlineB { display: inline-block }
.middle { vertical-align: middle }
.noml { margin-left: 0 !important }
.trans { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s }
.imgZoom img:hover { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1) }
.index .ml-title { font-size: 28px; font-weight: 700; text-align: center; margin: 85px 0 35px; cursor: pointer; padding-bottom: 15px; background: url(titbj02.png) no-repeat center bottom }
.index .i-domain { background: url(id4.jpg) no-repeat center; padding-bottom: 104px }
.index .i-domain .ml-title { color: #fff }
.index .i-domain .ml-title span { background: #fff }
.index .i-domain .list { max-height: 575px; text-align: center }
.index .i-domain .list .close-box { width: 220px; padding: 30px 0; min-height: 515px; cursor: pointer; -webkit-transition: width .5s, height .5s, opacity 1s; transition: width .5s, height .5s, opacity 1s }
.index .i-domain .list .close-box .main { width: 180px; margin: 0 auto }
.index .i-domain .list .close-box.close { width: 0; opacity: 0 }
.index .i-domain .list .cb0 { background: #eeae00 }
.index .i-domain .list .cb1 { background: #78b232 }
.index .i-domain .list .cb1-2 { background: url(id_bg2.png) }
.index .i-domain .list .cb2 { background: url(id_bg3.png) }
.index .i-domain .list .close-box .img { }
.index .i-domain .list .close-box .t { padding: 20px 0; font-size: 22px; color: #fff }
.index .i-domain .list .close-box .t span { display: block; width: 32px; height: 3px; margin: 20px auto 0; background: #fff }
.index .i-domain .list .close-box .bf { font-size: 13px; color: #fff; line-height: 25px; text-align: center }
.index .i-domain .list .close-box .bf p span{ display: block; width: 100%; }
.index .i-domain .list .close-box .bf p span.bottom { margin-bottom: 30px; }
.index .i-domain .list .open-box { width: 0; background: url(id_bg0.png); padding: 40px 0 60px; min-height: 475px; -webkit-transition: width .7s; transition: width .7s; text-align: left }
.index .i-domain .list .open-box .main { width: 670px; margin: 0 auto }
.index .i-domain .list .open-box.open { width: 760px }
.index .i-domain .list .open-box .t { margin-bottom: 15px; font-size: 22px; color: #333 }
.index .i-domain .list .open-box .t a { font-size: 22px; color: #333 }
.index .i-domain .list .open-box .t a:hover { color: #00a2e9 }
.index .i-domain .list .open-box .img { width: 100%; text-align: center }
.index .i-domain .list .open-box .bf { margin: 15px 0; font-size: 14px; color: #777; line-height: 25px }
.index .i-domain .list .open-box .bf pre { font: 13px Arial, microsoft yahei; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; color: #777; line-height: 25px }
.index .i-domain .list .open-box .bf pre p { color: #777; line-height: 25px }
.index .i-domain .list .open-box .m { }
.index .i-domain .list .open-box .m p { font-size: 14px; color: #fff; display: inline-block; border-radius: 5px; text-align: center; width: 115px; line-height: 35px; background: #76b301 }
.index .i-domain .list .open-box .m p:hover { background: #00a2e9; color: #fff }
@media only screen and (max-width:1280px) {
	.index .i-domain .list .open-box { padding: 20px 0 40px }
	.index .i-domain .list .open-box.open { width: 610px }
	.index .i-domain .list .open-box .main { width: 570px }
	.index .i-domain .list .close-box { width: 180px; padding: 20px 0 0 }
	.index .i-domain .list .close-box .main { width: 150px }
}