@import url(animate.css);
/* CSS Document */
.indexCase .readMore, .caseInfoList .readMore, .caseBox .readMore { display: block; margin: 0 auto; width: 176px; height: 32px; background-color: #fff; border: 2px solid #dadada; font-size: 14px; line-height: 32px; text-align: center; font-weight: bold; color: #b3b3b3; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexCase .readMore:hover, .caseInfoList .readMore:hover, .caseBox .readMore:hover { background-color: #df0b19; border-color: #df0b19; color: #fff; }

/* reset.css V1.2  Start*/
body, h5, h6, p, dl, dt, dd,  ol,  input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }

body, button, input, select, textarea, h1, h2, h4, h5, h6, i { font: normal 12px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; }

ul, ol, li { list-style: none; }

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

a:hover { text-decoration: none; }

img { border: 0; vertical-align: top; }

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }

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

.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }






.fixed { *zoom: 1; }

.clear { clear: both; }

.wp { margin: 0 auto; width: 1202px; }

#web { min-width: 1202px; }

.pt45 { padding-top: 45px; }

.por { position: relative; }

.bgea, .caseInfoTit h6 { background-color: #eaeaea; }

.fz18 { font-size: 18px; }

.fz24 { font-size: 24px; }

.pd5 { padding: 5px; }

.fixedtop { position: fixed; width: 100%; top: 0; left: 0; background-color: #fff; z-index: 9999; }

.fixedbottom { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9999; }

/* reset.css V1.2  End */
.paged { padding-top: 10px; text-align: center; }

.paged a, .paged .p_info, .paged .current, .paged .currenton { display: inline-block; zoom: 1; *display: inline; margin: 0px 3px; padding: 5px 10px; font-size: 12px; text-align: center; border: 1px solid #cfcfcf; background: #ffffff; color: #333; }

.paged .currenton, .paged a:hover { border: 1px solid #d51737; background: #d51737; color: #fff; }

.header { margin-bottom: 1px; }
.pdisplay{ display: none; }

.headerContact { height: 16px; line-height: 16px; padding-top: 15px; }
.headerContact ol { float: right; margin-left: 10px; }
.headerContact ol li { position: relative; float: left; margin-left: 12px; width: 21px; height: 16px; background-image: url(http://img.maxhom.com/static/common/index.png); background-repeat: no-repeat; cursor: pointer; z-index: 10000; }
.headerContact ol li.weixin { background-position: 0 -52px; }
.headerContact ol li.weixin:hover { background-image: url(icon3.png); background-position: 0 0; }
.headerContact ol li.weixin:hover .erweima { display: block; }
.headerContact ol li.weibo { background-position: 0 -34px; }
.headerContact ol li.weibo a { display: block; height: 100%; }
.headerContact ol li.weibo:hover { background-image: url(icon5.png); background-position: 0 0; }
.headerContact ol li.search { background-position: 0 -17px; }
.headerContact ol .searchBox { display: block; position: absolute; height: 30px; width: 0; border: 1px solid #c9c9c9; top: -7px; right: 0; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
.headerContact ol .searchBox input[type="text"] { display: block; float: left; padding-left: 5px; width: 155px; height: 30px; line-height: 30px; color: #999; border: none; }
.headerContact ol .searchBox input[type="submit"] { display: block; float: left; width: 20px; height: 30px; background: none; border: none; cursor: pointer; }
.headerContact ol .erweima { display: none; position: absolute; width: 100px; height: 100px; top: 27px; left: -44px; padding: 5px; background-color: #fff; border-radius: 5px; box-shadow: 2px 2px 5px #333; border: 1px solid #eee; }
.headerContact ol .erweima i { position: absolute; display: block; width: 23px; height: 13px; top: -12px; left: 50%; margin-left: -12px; background: url(arrow1.png) no-repeat; }
.headerContact ol .erweima img { width: 100%; height: 100%; }
.headerContact ul { float: right; }
.headerContact ul li { float: left; padding-left: 20px; background: url(icon1.png) 0 center no-repeat; font-size: 14px; color: #999; height: 16px; line-height: 16px; margin-left: 20px; }

.logo { float: left; }
.logo a { display: block; float: left; margin-right: 10px; }
.logo .label { float: left; overflow: hidden; }
.logo .label span { display: block; margin-top: 10px; height: 16px; line-height: 16px; color: #fff; text-align: center; background-color: #989898; border-radius: 5px; }
.logo .label p { color: #666; }

/*.nav { padding-top: 13px; float: right; position: relative; z-index: 9999; }
.nav li { position: relative; float: left; margin-left: 30px; height: 30px; z-index: 9999; }
.nav li:first-child { margin-left: 0; }
.nav li a { font-size: 16px; display: block; line-height: 30px; }
.nav li a:hover { color: #df0b19; }
.nav li.current > a { color: #df0b19; }
.nav li.back { position: absolute; bottom: 0; height: 2px; background: #df0b19; z-index: 2; }
.nav .sub { position: absolute; display: none; padding-top: 15px; right: 0; top: 28px; z-index: 33; }
.nav .sub dl { position: relative; width: 285px; padding: 15px; background-color: #f8f8f8; border: 1px solid #e9e9e9; }
.nav .sub dt { position: absolute; top: -9px; right: 27px; width: 18px; height: 10px; background: url(arrow2.png) no-repeat; }
.nav .sub dd { float: left; width: 95px; height: 30px; line-height: 30px; text-align: center; }
.nav .sub dd a { font-size: 14px; }
.nav .sub dd a:hover { color: #d51737; }*/

.indexBanner { position: relative; width: 100%; height: 540px; overflow: hidden; }
.indexBanner:hover .prev,.indexBanner:hover .next { display: block; }
.indexBanner .prev, .indexBanner .next { position: absolute; display: block; width: 45px; height: 50px; top: 50%; margin-top: -25px; z-index: 2; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); display: none; }
.indexBanner .prev:hover, .indexBanner .next:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexBanner .prev { left: 0; background: url(zuo.png) no-repeat; }
.indexBanner .next { right: 0; background: url(you.png) no-repeat; }
.indexBanner .bd { position: relative; width: 100%; height: 100%; overflow: hidden; }
.indexBanner .bd ul { height: 100%; }
.indexBanner .bd li { position: relative; width: 100%; height: 100%; }
.indexBanner .bd li > div { position: absolute; left: 50%; }
.indexBanner .bd li.l1 .pic1 { width: 721px; height: 312px; top: -50px; margin-left: 50px; opacity: 0; }
.indexBanner .bd li.l1 .pic2 { width: 419px; height: 256px; top: 100px; margin-left: -550px; opacity: 0; }
.indexBanner .bd li.l2 .pic1 { width: 631px; height: 598px; top: -70px; margin-left: -575px; opacity: 0; }
.indexBanner .bd li.l2 .pic2 { width: 523px; height: 178px; top: 130px; margin-left: 75px; opacity: 0; }
.indexBanner .bd li.l2 .pic2 .more { position: absolute; display: block; width: 144px; height: 33px; left: 0; bottom: 0; background: url(bannerpic/pic11.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l2 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic1 { width: 469px; height: 234px; top: 122px; margin-left: -537px; opacity: 0; }
.indexBanner .bd li.l3 .pic1 .more { position: absolute; display: block; width: 147px; height: 40px; left: 0; bottom: 0; background: url(bannerpic/pic14.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l3 .pic1 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic2 { width: 604px; height: 527px; top: 8px; margin-left: -53px; opacity: 0; }
.indexBanner .bd li.l4 .pic1 { width: 458px; height: 470px; bottom: 0; margin-left: -510px; opacity: 0; }
.indexBanner .bd li.l4 .pic2 { width: 521px; height: 219px; top: 150px; margin-left: 15px; opacity: 0; }
.indexBanner .bd li.l4 .pic2 .more { position: absolute; display: block; width: 148px; height: 39px; left: 0; bottom: 0; background: url(bannerpic/pic5.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l4 .pic2 .more:hover { transform: translate(1px, 1px); }
.indexBanner .bd li.l5 .pic1 { width: 594px; height: 384px; top: 90px; margin-left: -525px; opacity: 0; }
.indexBanner .bd li.l5 .pic2 { width: 478px; height: 182px; top: 90px; margin-left: 70px; opacity: 0; }
.indexBanner .bd li.l5 .pic2 .more { position: absolute; display: block; width: 143px; height: 33px; left: 0; bottom: 0; background: url(bannerpic/pic8.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l5 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .hd { position: absolute; width: 100%; height: 18px; left: 0; bottom: 65px; z-index: 2; }
.indexBanner .hd ul { width: 100%; text-align: center; }
.indexBanner .hd ul li { display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; margin: 0 5px; background: url(dot1.png) center no-repeat; cursor: pointer; }
.indexBanner .hd ul li.on { background: url(http://img.maxhom.com/static/common/index.png) 0 -86px no-repeat; }

/* 0317 */
.indexPro { background-color: #fff; padding-top: 30px; padding-bottom: 40px; }
.indexPro dl { float: left; width: 250px; margin-left: 50px; }
.indexPro dl:first-child { margin-left: 70px; }
.indexPro dl.webCon dt a { background-image: url(http://img.maxhom.com/static/common/tit1.png); }
.indexPro dl.app dt a { background-image: url(http://img.maxhom.com/static/common/tit2.png); }
.indexPro dl.micro dt a { background-image: url(http://img.maxhom.com/static/common/tit3.png); }
.indexPro dl.sim { width: 230px; }
.indexPro dl.sim dt a { background-image: url(http://img.maxhom.com/static/common/tit4.png); }
.indexPro dl dt a { padding-top: 135px; display: block; font-size: 14px; color: #333; margin-bottom: 15px; background-repeat: no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexPro dl dt a b { display: block; font-size: 20px; }
.indexPro dl dt a:hover { background-position-x: 5px; }
.indexPro dl dt a:hover b { color: #df0b19; }
.indexPro dd ul li { float: left; width: 100%; height: 30px; line-height: 30px; }
.indexPro dd ul li a { font-size: 14px; color: #666; }
.indexPro dd ul li a:hover { color: #df0b19; }
.indexPro dd ul li.short { width: auto; margin-right: 42px; *margin-right: 51px; }

.indexCustom { width: 100%; height: 577px; background: url(http://img.maxhom.com/static/common/bg1.jpg) center top no-repeat; }
.indexCustom .word { position: absolute; width: 350px; top: 85px; left: 0; color: #fff; }
.indexCustom .word b { font-family: "Times New Roman"; color: #d51737; font-size: 50px; }
.indexCustom .word h2 { font-size: 40px; *line-height: 60px; }
.indexCustom .word p { font-size: 14px; margin-bottom: 20px; }
.indexCustom .word h4 { font-family: "Times New Roman"; font-size: 30px; font-weight: bold; }
.indexCustom .word h5 { font-size: 20px; }

.indexCase { padding: 50px 0 40px; background-color: #eaeaea; }

.indexCaseTit { float: left; }
.indexCaseTit h5 { font-size: 40px; font-family: "Times New Roman"; font-weight: bold; }
.indexCaseTit h5 span { color: #d51737; }
.indexCaseTit p { color: #666; line-height: 27px; }
.indexCaseTit p b { font-size: 20px; color: #333; margin-right: 5px; }

.indexCaseTop .more { position: relative; display: block; float: right; padding-right: 40px; background: url(tit5.png) right center no-repeat; text-align: right; margin-top: 20px; }
.indexCaseTop .more b { font-family: "Times New Roman"; font-size: 20px; }
.indexCaseTop .more p { color: #848484; }
.indexCaseTop .more i { display: block; position: absolute; top: 7px; *top: 7px; right: 9px; width: 8px; height: 26px; background: url(http://img.maxhom.com/static/common/index.png) 0 -179px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexCaseTop .more:hover i { right: 6px; }
.indexCaseTop .more:hover p { color: #d51737; }

.waterFalls { position: relative; margin-bottom: 15px; }
.waterFalls li { display: none; width: 278px; border-bottom: 2px solid #dadada; -webkit-transition: .5s ease-out all; transition: .5s ease-out all; background-color: #fff; transform-style: preserve-3d; }
.waterFalls li a { position: relative; display: block; width: 100%; overflow: hidden; }
.waterFalls li a img { position: relative; display: block; width: 100%; z-index: 2; }
.waterFalls li a h3 { font-size: 16px; color: #333; margin-bottom: 3px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.waterFalls li a h3 span { color: #df0b19; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.waterFalls li a p { line-height: 22px; color: #999; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.waterFalls li a i { position: absolute; display: block; width: 100%; height: 100%; bottom: 99px; *bottom: 102px; left: 0; background-color: #d51737; }
.waterFalls li .info { position: relative; padding: 3px 20px; z-index: 2; }
.waterFalls li.on a h3, .waterFalls li.on a h3 span, .waterFalls li.on a p { color: #fff; }
.waterFalls li.redborder { border-color: #d51737; }

.indexAbout { width: 100%; height: 660px; background: url(http://img.maxhom.com/static/common/bg2.jpg) center top no-repeat; }

.indexAboutTit { float: left; width: 230px; }
.indexAboutTit h4 { font-size: 40px; font-family: "Times New Roman"; font-weight: bold; }
.indexAboutTit h4 span { color: #df0b19; margin-right: 5px; }
.indexAboutTit h5 { font-size: 18px; font-weight: bold; margin-bottom: 3px; }
.indexAboutTit p { color: #666; line-height: 18px; margin-bottom: 25px; }

.indexAboutMenu li { margin: 0 5px 5px 0; float: left; width: 100px; height: 70px; line-height: 70px; text-align: center; }
.indexAboutMenu li:nth-child(2) a { background-color: rgba(38, 43, 50, 0.95); }
.indexAboutMenu li:nth-child(3) a { background-color: rgba(38, 43, 50, 0.9); }
.indexAboutMenu li:nth-child(4) a { background-color: rgba(38, 43, 50, 0.85); }
.indexAboutMenu li:nth-child(5) a { background-color: rgba(38, 43, 50, 0.8); }
.indexAboutMenu li:nth-child(6) a { background-color: rgba(38, 43, 50, 0.75); }
.indexAboutMenu li:nth-child(7) a { background-color: rgba(38, 43, 50, 0.7); }
.indexAboutMenu li:nth-child(8) a { background-color: rgba(38, 43, 50, 0.65); }
.indexAboutMenu li:nth-child(9) a { background-color: rgba(38, 43, 50, 0.6); }
.indexAboutMenu li a { display: block; font-size: 14px; color: #dedede; background-color: #31353c; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexAboutMenu li a:hover { background-color: #d51737; }
.indexAboutMenu li.on a { background-color: #d51737; }

.indexAboutInfo { float: right; width: 880px; }
.indexAboutInfo .readMore { float: right; margin-top: 10px; width: 63px; height: 26px; line-height: 26px; text-align: center; }
.indexAboutInfo .readMore a { display: block; width: 100%; color: #999; background-color: #fff; }
.indexAboutInfo .readMore a:hover { color: #fff; background-color: #d51737; }

.indexAboutSlide { float: left; width: 390px; height: 505px; background-color: #fff; }
.indexAboutSlide .bd .img { display: block; width: 100%; height: 333px; }
.indexAboutSlide .bd .img img { width: 390px; height: 333px; }
.indexAboutSlide .bd .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.indexAboutSlide .bd .info { padding: 20px 25px; }
.indexAboutSlide .bd .info a { font-size: 16px; color: #333; line-height: 22px; }
.indexAboutSlide .bd .info a:hover { color: #d51737; }
.indexAboutSlide .bd .info p { padding-top: 5px; color: #999; line-height: 20px; }
.indexAboutSlide .hd { height: 12px; }
.indexAboutSlide .hd ul { float: right; margin-right: 25px; }
.indexAboutSlide .hd ul li { float: left; width: 12px; height: 12px; margin-left: 8px; background: url(dot3.png) no-repeat; cursor: pointer; }
.indexAboutSlide .hd ul li.on { background-image: url(dot4.png); }

.indexAboutList { width: 472px; float: right; }
.indexAboutList li { margin-top: 15px; padding: 17px 20px; height: 124px; background-color: #fff; overflow: hidden; }
.indexAboutList li:first-child { margin-top: 0; }
.indexAboutList li .info a { font-size: 16px; color: #333; }
.indexAboutList li .info a span { color: #df0b19; }
.indexAboutList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.indexAboutList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.indexAboutList li .img img { width: 100%; height: 100%; }
.indexAboutList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.indexAboutList li:hover .info a { color: #df0b19; }

.btmContact { width: 100%; height: 146px; background: url(http://img.maxhom.com/static/common/bg3.jpg) center top no-repeat; overflow: hidden; }
.btmContact dl { padding-top: 33px; }
.btmContact dt { float: left; margin-right: 75px; width: 200px; color: #fff; }
.btmContact dt b { font-family: "Times New Roman"; font-size: 40px; }
.btmContact dt p { font-size: 20px; }
.btmContact dd { float: left; width: 430px; }
.btmContact dd.ddprig { float: left; width: 480px; }
.btmContact dd .iconBox { float: left; width: 77px; height: 77px; background: url(http://img.maxhom.com/static/common/index.png) 0 -205px no-repeat; text-align: center; font-size: 14px; color: #eee1e3; }
.btmContact dd .iconBox i { display: block; margin-left: auto; margin-right: auto; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.btmContact dd .iconBox i.gz { margin-top: 11px; width: 29px; height: 31px; -webkit-transform-origin: left bottom; transform-origin: left bottom; }
.btmContact dd .iconBox i.sz { margin-top: 15px; width: 26px; height: 25px; }
.btmContact dd .info { margin-left: 88px; padding-top: 11px; color: #fff; }
.btmContact dd .info b { font-size: 24px; color: #fff;  }
.btmContact dd .info p { font-size: 14px; }
.btmContact dd .info p a { display: inline-block; *display: inline; *zoom: 1; margin-left: 3px; width: 9px; height: 12px; background: url(icon8.png) no-repeat; }
.btmContact dd:hover .iconBox i.gz { transform: rotate(-15deg); }
.btmContact dd:hover .iconBox i.sz { transform: scale(1.05); }

.footer { padding: 30px 0 20px; background-color: #181a1d; }
.footer .footerLeft { width: 900px; float: left; }
.footer .fastLink { font-size: 14px; margin-bottom: 10px; }
.footer .fastLink a { color: #848484; margin-right: 20px; }
.footer .fastLink a:hover { color: #b12427; }
.footer .friendLink { color: #5a5a5b; line-height: 24px; }
.footer .friendLink a { color: #5a5a5b; padding: 0 10px; }
.footer .friendLink a:hover { color: #b12427; }
.footer .copyRight { float: right; width: 230px; color: #5a5a5b; line-height: 18px; text-align: right; }
.footer .copyRight a { color: #5a5a5b; }
.footer .copyRight a:hover { color: #b12427; }
.footer .copyRight ul { padding-top: 5px; float: right; }
.footer .copyRight ul li { float: left; margin-left: 6px; }

.indexCustomSlide { position: relative; padding-top: 98px; width: 100%; height: 425px; }
.indexCustomSlide .bd { float: right; width: 984px; }
.indexCustomSlide .bd li { float: left; width: 113px; height: 75px; margin: 0 0 10px 10px; }
.indexCustomSlide .bd li a { position: relative; display: block; width: 100%; height: 100%; }
.indexCustomSlide .bd li a img { position: absolute; top: 0; left: 0; width: 113px; height: 75px; }
.indexCustomSlide .bd li a p { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 75px; color: #fff; font-size: 14px; background: url(bgs/blank_80.png); z-index: 2; overflow: hidden; }
.indexCustomSlide .bd li a:hover p { display: block; }
.indexCustomSlide .next { position: absolute; display: block; width: 113px; height: 75px; right: 0; bottom: 10px; background: url(http://img.maxhom.com/static/common/index.png) 0 -104px no-repeat; }
.indexCustomSlide .next:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.indexCustomSlide .hd { position: absolute; width: 170px; height: 18px; left: 0; top: 325px; cursor: pointer; z-index: 3; }
.indexCustomSlide .hd ul li { float: left; width: 18px; height: 18px; margin-right: 7px; background: url(dot5.png) center center no-repeat; }
.indexCustomSlide .hd ul li.on { background: url(http://img.maxhom.com/static/common/index.png) 0 -86px no-repeat; }

.box-3d { height: 540px; width: 100%; overflow: hidden; }
.box-3d .wordBox { position: absolute; width: 570px; top: 108px; -webkit-opacity: 0; }
.box-3d .wordBox .icon { float: left; width: 114px; height: 115px; text-align: center; line-height: 115px; font-size: 36px; font-weight: bold; color: #fff; }
.box-3d .wordBox .info { margin-left: 115px; padding-top: 65px; color: #fff; }
.box-3d .wordBox .info h2 { font-size: 36px; font-weight: bold; }
.box-3d .wordBox .info p { font-size: 14px; line-height: 30px; margin-bottom: 20px; }
.box-3d .wordBox .info .more { display: block; width: 133px; height: 34px; border: 1px solid #fff; text-align: center; line-height: 34px; font-size: 14px; color: #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.box-3d .imgBox { position: absolute; }

.exp { background-color: #ea6046; }
.exp .wordBox { left: 43px; }
.exp .wordBox .icon { background: url(icon10.png) center no-repeat; }
.exp .wordBox .info .more:hover { background-color: #fff; color: #ea6046; }
.exp .imgBox { top: 111px; right: 83px; }

.overVeiw { background-color: #ea9a46; }
.overVeiw .wordBox { right: 13px; -webkit-animation-delay: .5s; animation-delay: .5s; }
.overVeiw .wordBox .icon { background: url(icon11.png) center no-repeat; }
.overVeiw .wordBox .info .more:hover { background-color: #fff; color: #ea9a46; }
.overVeiw .imgBox { top: 100px; left: 35px; }

.virSim { background-color: #3ab567; }
.virSim .wordBox { left: 43px; }
.virSim .wordBox .icon { background: url(icon12.png) center no-repeat; }
.virSim .wordBox .info .more:hover { background-color: #fff; color: #3ab567; }
.virSim .imgBox { top: 177px; right: 20px; }
.virSim .imgBox i { position: absolute; display: block; width: 26px; height: 34px; background: url(http://img.maxhom.com/static/common/index.png) 0 -282px no-repeat; -webkit-animation: icon3d 1s linear infinite; animation: icon3d 1s linear infinite; }
.virSim .imgBox i.i1 { top: -43px; left: 275px; }
.virSim .imgBox i.i2 { top: 97px; left: 60px; }
.virSim .imgBox i.i3 { top: 112px; left: 160px; }
.virSim .imgBox i.i4 { top: 75px; right: 54px; }

.caseInfoBox { position: relative; width: 100%; padding-bottom: 100px; color: #fff;  }
.caseInfoBox .goNextBtn { position: absolute; left: 50%; bottom: 35px; margin-left: -23px; width: 45px; height: 45px; background: url(icon14.png) no-repeat; cursor: pointer; -webkit-animation: goNextBtn 2s linear infinite; animation: goNextBtn 2s linear infinite; }

.caseInfoList { padding-top: 70px; padding-bottom: 110px; }

.caseInfoTit { position: relative; width: 393px; margin: 0 auto; border-top: 1px solid #cbcbcb; margin-bottom: 45px; }
.caseInfoTit h6 { position: absolute; width: 90px; font-size: 20px; color: #999; height: 30px; line-height: 30px; left: 50%; top: -15px; margin-left: -45px; text-align: center; }

.caseInfoWater { position: relative; }
.caseInfoWater li { display: none; width: 278px; border-bottom: 2px solid #dadada; -webkit-transition: .5s ease-out all; transition: .5s ease-out all; background-color: #fff; transform-style: preserve-3d; }
.caseInfoWater li a { position: relative; display: block; width: 100%; overflow: hidden; }
.caseInfoWater li a img { position: relative; display: block; width: 100%; z-index: 2; }
.caseInfoWater li a h3 { font-size: 16px; color: #333; margin-bottom: 3px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseInfoWater li a h3 span { color: #df0b19; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseInfoWater li a p { line-height: 22px; color: #999; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseInfoWater li a i { position: absolute; display: block; width: 100%; height: 100%; bottom: 99px; *bottom: 102px; left: 0; background-color: #d51737; }
.caseInfoWater li .info { position: relative; padding: 3px 20px; z-index: 2; }
.caseInfoWater li.on a h3, .caseInfoWater li.on a h3 span, .caseInfoWater li.on a p { color: #fff; }
.caseInfoWater li.redborder { border-color: #df0b19; }

.caseFloat { position: fixed; width: 50px; top: 200px; right: 0px; background: #656565; }
.caseFloat li { margin-bottom: 1px; width: 50px; height: 50px; background-color: #333; text-align: center; line-height: 50px; font-size: 14px; font-weight: bold; color: #ccc; }
.caseFloat li a { display: block; height: 100%; background-repeat: no-repeat; background-position: center; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseFloat li a:hover { background-color: #df0b19; }
.caseFloat li .goTop { color: #ccc; }
.caseFloat li .goTop:hover { background-image: url(icon24.png); font-size: 0; }
.caseFloat li .nextPage { background-image: url(icon15.png); }
.caseFloat li .nextPage:hover { background-image: url(icon16.png); }
.caseFloat li .goList { background-image: url(icon17.png); }
.caseFloat li .goList:hover { background-image: url(icon18.png); }
.caseFloat li .prevPage { background-image: url(icon20.png); }
.caseFloat li .prevPage:hover { background-image: url(icon21.png); }
.caseFloat li .phone { background-image: url(icon22.png); }
.caseFloat li .phone:hover { background-image: url(icon23.png); }

.caseBanner { height: 227px; }

.caseBox { padding-top: 35px; overflow: hidden; }
.caseBox .hotTag { margin-bottom: 30px; line-height: 26px; font-size: 14px; color: #333; }
.caseBox .hotTag a { display: inline-block; color: #333; margin: 0 10px; }
.caseBox .hotTag a:hover,.caseBox .hotTag a.lion { color: #d51737; }   //LCL
.caseBox .readMore { margin-bottom: 40px; }

.buildCon { width: 100%; overflow: hidden; }
.buildCon .brand { height: 518px; background-color: #d6203f; }
.buildCon .brand .rb { margin-left: -56px; z-index: 3; }
.buildCon .brand .wordTit { -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease .6s forwards; }
.buildCon .brand p { -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease .8s forwards; }
.buildCon .brand .wordBox { top: 173px; margin-left: -500px; }
.buildCon .brand .wordBox .more { background-color: #fff; color: #d6203f; -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease 1s forwards; }
.buildCon .brand .wordBox .more:hover { background-color: #d6203f; color: #fff; }
.buildCon .brand .img { position: absolute; width: 673px; top: 95px; left: 50%; margin-left: -160px; -webkit-transform-style: preserve-3d; z-index: 2; }
.buildCon .brand .img img { position: absolute; display: block; }
.buildCon .brand .img img.tv { top: 5px; right: 0; width: 438px; height: 349px; z-index: 1; }
.buildCon .brand .img img.woman { top: 65px; left: 10px; width: 397px; height: 411px; z-index: 2; -webkit-animation-name: woman; -webkit-animation-duration: .6s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; }
.buildCon .portal { height: 632px; background-color: #fff; }
.buildCon .portal .wordBox { top: 170px; margin-left: 85px; -webkit-opacity: 0; }
.buildCon .portal .wordBox p, .buildCon .portal .wordBox .wordTit { color: #1c8fb9; }
.buildCon .portal .wordBox .more { background-color: #1c8fb9; }
.buildCon .portal .wordBox .more:hover { background-color: #fff; color: #1c8fb9; border-color: #1c8fb9; }
.buildCon .portal .goNext { top: -63px; }
.buildCon .portal .img { position: absolute; width: 569px; height: 452px; left: 50%; top: 140px; margin-left: -556px; -webkit-opacity: 0; }
.buildCon .portal.anim .img { -webkit-animation: bounceInDown .6s ease forwards; }
.buildCon .portal.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .market { height: 651px; background-color: #47c5a0; -webkit-transform-style: preserve-3d; }
.buildCon .market .wordBox { top: 210px; margin-left: -500px; -webkit-opacity: 0; }
.buildCon .market .wordBox .more { background-color: #fff; color: #47c5a0; }
.buildCon .market .wordBox .more:hover { background-color: #47c5a0; color: #fff; }
.buildCon .market .goNext { top: -42px; }
.buildCon .market .img { position: absolute; width: 894px; height: 471px; left: 50%; top: 140px; margin-left: -150px; -webkit-opacity: 0; }
.buildCon .market.anim .img { -webkit-animation: zoomInRightDown .6s both; }
.buildCon .market.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .ec { height: 647px; background-color: #fef8e9; }
.buildCon .ec .wordBox { top: 255px; margin-left: 50px; -webkit-opacity: 0; }
.buildCon .ec .wordBox p, .buildCon .ec .wordBox .wordTit { color: #96b91c; }
.buildCon .ec .wordBox .more { background-color: #96b91c; }
.buildCon .ec .wordBox .more:hover { background-color: #fef8e9; color: #96b91c; border-color: #96b91c; }
.buildCon .ec .goNext { top: -8px; }
.buildCon .ec .img { position: absolute; width: 820px; height: 335px; left: 50%; top: 90px; margin-left: -780px; -webkit-opacity: 0; }
.buildCon .ec .img .balloon { position: absolute; display: block; width: 76px; height: 156px; top: 0; left: 177px; transform-origin: right bottom; -webkit-animation: shakeLR 4s infinite linear both; }
.buildCon .ec.anim .img { -webkit-animation: wikifadeIn .6s both; }
.buildCon .ec.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .infopor { height: 498px; background-color: #d4aa51; }
.buildCon .infopor .wordBox { top: 145px; margin-left: -500px; -webkit-opacity: 0; }
.buildCon .infopor .wordBox .more:hover { background-color: #fff; color: #d4aa51; }
.buildCon .infopor .goNext { top: -8px; }
.buildCon .infopor .img { position: absolute; width: 630px; height: 391px; left: 50%; top: 65px; margin-left: -43px; -webkit-opacity: 0; }
.buildCon .infopor.anim .img { -webkit-animation: wikiLT2RB 1s forwards; }
.buildCon .infopor.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .rt { position: absolute; left: 50%; top: 0; }
.buildCon .rb { position: absolute; left: 50%; bottom: 0; }
.buildCon .lt { position: absolute; left: 50%; top: 0; margin-left: -954px; }
.buildCon .lb { position: absolute; left: 50%; bottom: 0; margin-left: -954px; }

.buildBox { position: relative; width: 100%; z-index: 1; }
.buildBox .wordBox { position: absolute; left: 50%; width: 450px; color: #fff; }
.buildBox .wordBox .wordTit { color: #fff; }
.buildBox .wordBox .wordTit b { display: block; float: left; font-size: 70px; margin-right: 5px; }
.buildBox .wordBox .wordTit h5 { font-size: 36px; font-weight: bold; line-height: 64px; }
.buildBox .wordBox .wordTit h6 { font-family: "Arial"; font-size: 24px; line-height: 15px; }
.buildBox .wordBox p { margin-bottom: 25px; font-size: 14px; line-height: 28px; color: #fff; }
.buildBox .wordBox .more { display: block; width: 127px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; border-radius: 5px; color: #fff; border: 1px solid #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.buildBox .goNext { position: absolute; width: 51px; height: 51px; left: 50%; margin-left: 25px; background: url(icon25.png) no-repeat; cursor: pointer; transition: 1s ease all; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; z-index: 9; }
.buildBox .goNext.up { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.buildBox .goNext:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.buildFloat { position: fixed; width: 88px; top: 100px; right: 10px; z-index: 999; box-shadow: 1px 1px 5px #bbb; border-radius: 44px; overflow: hidden; }
.buildFloat .bfTop { width: 100%; height: 40px; background: url(icon27.png) no-repeat; border-top-right-radius: 44px; border-top-left-radius: 4px; overflow: hidden; }
.buildFloat .bfBot { width: 100%; height: 40px; background: url(icon26.png) no-repeat; border-bottom-right-radius: 44px; border-bottom-left-radius: 44px; overflow: hidden; }
.buildFloat .bfBot a { display: block; width: 100%; height: 40px; background: url(top1.png) center 10% no-repeat; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.buildFloat .bfBot a:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.buildFloat ul { padding-top: 5px; width: 86px; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background-color: #fff; overflow: hidden; }
.buildFloat ul li { margin-bottom: 15px; text-align: center; font-size: 14px; line-height: 24px; cursor: pointer; }
.buildFloat ul li:hover i { -webkit-transform: scale(1.1); transform: scale(1.1); }
.buildFloat ul li i { display: block; width: 39px; height: 39px; margin: 0 auto; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.buildFloat ul li.bf1 { color: #d91e3e; }
.buildFloat ul li.bf1 i { background: url(icon28.png) no-repeat; }
.buildFloat ul li.bf2 { color: #47a3c5; }
.buildFloat ul li.bf2 i { background: url(icon29.png) no-repeat; }
.buildFloat ul li.bf3 { color: #199a79; }
.buildFloat ul li.bf3 i { background: url(icon30.png) no-repeat; }
.buildFloat ul li.bf4 { color: #7b9b20; }
.buildFloat ul li.bf4 i { background: url(icon31.png) no-repeat; }
.buildFloat ul li.bf5 { color: #b9871c; }
.buildFloat ul li.bf5 i { background: url(icon32.png) no-repeat; }

.newsBanner { width: 100%; height: 150px; background: #121212 url(bg5.jpg) center top no-repeat; background-size: auto 100%; overflow: hidden; }
.newsBanner .newsMenu { margin: 52px auto 0; text-align: center; }
.newsBanner .newsMenu li { display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 49px; line-height: 49px; overflow: hidden; }
.newsBanner .newsMenu li a { display: block; height: 100%; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; font-size: 20px; color: #fff; background: #4d4d4d; }
.newsBanner .newsMenu li a:hover { background: #d51737; }
.newsBanner .newsMenu li.on a { background: #d51737; }

.newsCon { padding-top: 20px; padding-bottom: 50px; width: 100%; background-color: #eaeaea; background-image: url(bg6.jpg); background-position: center top; background-attachment: fixed; background-repeat: no-repeat; }
.newsCon .readMore { display: block; margin: 0 auto; width: 177px; height: 33px; border: 3px solid #d2d2d2; text-align: center; line-height: 33px; font-size: 14px; color: #929292; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsCon .readMore:hover { border-color: #d51737; background-color: #d51737; color: #fff; }

.newsBox { margin-bottom: 5px; overflow: hidden; }
.newsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 553px; height: 125px; background-color: #fff; overflow: hidden; }
.newsBox .newsList li .info a { font-size: 16px; color: #333; }
.newsBox .newsList li .info a span { color: #df0b19; }
.newsBox .newsList li .info a:hover { color: #df0b19; }
.newsBox .newsList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.newsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.newsBox .newsList li .img img { width: 100%; height: 100%; }
.newsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsList li:first-child { margin-top: 348px; margin-right: 15px; }
.newsBox .newsSlide { position: absolute; top: 0; left: 0; width: 593px; height: 333px; background-color: #fff; }
.newsBox .newsSlide .bd { padding: 20px; }
.newsBox .newsSlide .bd .img { display: block; float: left; width: 280px; height: 240px; }
.newsBox .newsSlide .bd .img img { width: 280px; height: 239px;   }
.newsBox .newsSlide .bd .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsSlide .bd .info { margin-left: 300px; }
.newsBox .newsSlide .bd .info a { font-size: 20px; color: #333; line-height: 1.5; }
.newsBox .newsSlide .bd .info a span { color: #d51737; }
.newsBox .newsSlide .bd .info a:hover { color: #d51737; }
.newsBox .newsSlide .bd .info p { padding-top: 5px; color: #999; font-size: 14px; line-height: 24px; }
.newsBox .newsSlide .hd { height: 12px; }
.newsBox .newsSlide .hd ul { float: right; margin-right: 25px; margin-top: 20px; }
.newsBox .newsSlide .hd ul li { float: left; width: 12px; height: 12px; margin-left: 8px; background: url(dot3.png) no-repeat; cursor: pointer; }
.newsBox .newsSlide .hd ul li.on { background-image: url(dot4.png); }

.newsNum { margin: 0 auto 10px; background: url(icon33.png) center no-repeat; text-align: center; color: #ccc; font-family: "Arial"; width: 39px; height: 12px; line-height: 12px; }

.newsInfoCon { position: relative; margin-top: -20px; margin-bottom: 55px; background-color: #fff; }
.newsInfoCon .otherPage { border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }
.newsInfoCon .pageList { float: left; margin-left: 27px; padding: 12px 0; }
.newsInfoCon .pageList li { line-height: 32px; font-size: 14px; color: #333; }
.newsInfoCon .pageList li a { color: #333; }
.newsInfoCon .pageList li a:hover { color: #d51737; }
.newsInfoCon .otherTool { float: right; padding-top: 18px; }
.newsInfoCon .otherTool li { float: left; width: 58px; text-align: center; cursor: pointer; }
.newsInfoCon .otherTool li a { display: block; line-height: 24px; font-size: 14px; color: #333; text-align: center !important; padding-top: 32px; }
.newsInfoCon .otherTool li.close a{ background: url(icon36.png) center top no-repeat; }
.newsInfoCon .otherTool li.close a:hover{ background: url(icon36s.png) center top no-repeat; }
.newsInfoCon .otherTool li.share a{ background: url(icon37.png) center top no-repeat; }
.newsInfoCon .otherTool li.share a:hover{ background: url(icon37s.png) center top no-repeat; }
.newsInfoCon .otherTool li:hover a { color: #d51737; }

.newsInfoBox { padding: 50px 145px; }
.newsInfoBox .closeBtn { position: absolute; top: -18px; right: 0; width: 59px; height: 70px; border-top: 2px solid #d51737; text-align: center; background-color: #fff; z-index: 3; }
.newsInfoBox .closeBtn a { display: block; padding-top: 45px; height: 25px; line-height: 25px; font-size: 14px; color: #bcbcbc; background: url(icon34.png) no-repeat; }
.newsInfoBox .closeBtn a:hover { background: url(icon35.png) no-repeat; color: #df0b19; }
.newsInfoBox h1 { text-align: center; font-size: 30px; line-height: 1.2; margin-bottom: 7px; }
.newsInfoBox .time { text-align: center; font-size: 14px; color: #999; margin-bottom: 40px; }
.newsInfoBox .article { font-size: 14px; line-height: 30px; min-height: 300px; }
.newsInfoBox .article p { margin-bottom: 15px; }
.newsInfoBox .article img { max-width: 100%; height: auto !important; }

.reNewsTit { margin: 0 auto 30px; font-size: 20px; color: #999; width: 433px; height: 21px; background: url(icon38.png) no-repeat; text-align: center; line-height: 21px; }

.reNewsBox { position: relative; }
.reNewsBox .newsList { margin-bottom: 20px; }
.reNewsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 553px; height: 125px; background-color: #fff; overflow: hidden; }
.reNewsBox .newsList li .info a { font-size: 16px; color: #333; }
.reNewsBox .newsList li .info a span { color: #df0b19; }
.reNewsBox .newsList li .info a:hover { color: #df0b19; }
.reNewsBox .newsList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.reNewsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.reNewsBox .newsList li .img img { width: 100%; height: 100%; }
.reNewsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.aboutBanner { width: 100%; height: 610px; }

.aboutBox { padding-top: 90px; background-color: #fff; }

.aboutTit { text-align: center; }
.aboutTit h4 { height: 30px; line-height: 30px; }
.aboutTit h4 b { padding-right: 35px; margin-right: 5px; font-size: 30px; color: #d51737; background: url(tit7.png) right center no-repeat; }
.aboutTit h4 span { font-size: 24px; font-weight: bold; font-family: "Times New Roman"; color: #adadad; }
.aboutTit h4.white b { background-image: url(tit8.png); }
.aboutTit h4.whiteColor b { color: #fff; background-image: url(tit9.png); }
.aboutTit h4.whiteColor span { color: #e6a7ab; }
.aboutTit .grayWord { margin-top: 10px; font-size: 18px; color: #666; }
.aboutTit .whiteWord { margin-top: 10px; color: #fff; }

.aboutArt { margin: 25px auto 60px; width: 840px; font-size: 14px; line-height: 28px; color: #666; }
.aboutArt p{ text-indent: 2em;}
.aboutSlide { position: relative; width: 100%; height: 178px; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
.aboutSlide .bd { width: 100%; }
.aboutSlide .bd li { width: 283px; height: 178px; margin-right: 1px; position: relative; }
.aboutSlide .bd li img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  -webkit-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
.aboutSlide .bd li a:hover img {  -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.aboutSlide .bd li .natural { z-index: 2;  }
.aboutSlide .bd li .gray { z-index: 3; }
.aboutSlide .bd li:hover .gray { display: none; }
.aboutSlide .prev, .aboutSlide .next { position: absolute; display: none; width: 50px; height: 50px; top: 50%; margin-top: -25px; z-index: 4; }
.aboutSlide .prev:hover, .aboutSlide .next:hover { opacity: .6; }
.aboutSlide .prev { left: 10px; background: url(icon39.png) center no-repeat; }
.aboutSlide .next { right: 10px; background: url(icon40.png) center no-repeat; }

.honorBox { padding-top: 75px; width: 100%; height: 475px; background: #fff url(bg4.jpg) center top no-repeat; }

.honorList { margin: 85px auto 0; width: 1100px; -webkit-opacity: 0; }
.honorList dl { float: left; width: 50%; }
.honorList dl dt { float: left; margin-right: 20px; width: 203px; height: 206px; transform-style: preserve-3d; }
.honorList dl dt a { display: block; width: 100%; height: 100%; transform-style: preserve-3d; }
.honorList dl dt img { display: block; width: 100%; height: 100%; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.honorList dl dt img:hover { transform: scale3d(1.1, 1.1, 1) rotateZ(-5deg); box-shadow: 2px 2px 5px #333; }
.honorList dl dd { height: 29px; line-height: 29px; font-size: 14px; }
.honorList dl dd span { margin-right: 15px; color: #d51737; font-style: italic; }
.honorList dl dd a { color: #666; }
.honorList dl dd a:hover { color: #d51737; }

.partnerBox { padding-top: 85px; height: 562px; background: #202121 url(bg7.jpg) center top no-repeat; overflow: hidden; }

.partnerSlide { margin-top: 130px; width: 100%; height: 141px; transform-style: preserve-3d; }
.partnerSlide .bd { width: 100%; -webkit-opacity: 0; }
.partnerSlide li { margin-right: 20px; width: 215px; height: 141px; }
.partnerSlide li a { display: block; width: 100%; height: 100%; transform-style: preserve-3d; }
.partnerSlide li img { display: block; width: 100%; height: 100%; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.partnerSlide li img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.workFlow { padding-top: 70px; height: 500px; background-color: #f8f8f8; }

.wfBox { position: relative; margin-top: 85px; height: 230px; }
.wfBox .line { position: absolute; top: 63px; left: 59px; width: 1087px; height: 112px; background: url(line1.png) no-repeat; z-index: 1; }
.wfBox .dot { position: absolute; width: 128px; height: 128px; background-image: url(about.png); background-repeat: no-repeat; cursor: pointer; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); z-index: 2; }
.wfBox .icon { position: relative; margin-left: auto; margin-right: auto; background-image: url(about.png); background-repeat: no-repeat; z-index: 4; }
.wfBox .wfBoxBg { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; overflow: hidden; }
.wfBox .wfBoxBg .bg { height: 0; overflow: hidden; }
.wfBox h6 { position: relative; padding-top: 10px; text-align: center; font-size: 18px; color: #fff; z-index: 4; }
.wfBox .topCir { display: none; width: 128px; height: 64px; background: url(about.png) 0 -182px no-repeat; z-index: 3; }
.wfBox .bottomCir { position: relative; display: none; width: 128px; height: 64px; background: url(about.png) 0 -118px no-repeat; z-index: 3; }
.wfBox ul { position: relative; padding-top: 45px; margin-bottom: -6px; background-color: #d51737; overflow: hidden; z-index: 4; }
.wfBox ul li { font-size: 12px; text-align: center; line-height: 24px; }
.wfBox ul li a { color: #fff; }
.wfBox .odd { top: 0; }
.wfBox .even { bottom: 0; }
.wfBox .dot1 { left: 0; background-position: 0 -886px; }
.wfBox .dot1 .icon { margin-top: 32px; margin-bottom: -1px; width: 27px; height: 33px; background-position: 0 -1270px; }
.wfBox .dot2 { left: 154px; background-position: 0 -758px; }
.wfBox .dot2 .icon { margin-top: 33px; margin-bottom: -1px; width: 36px; height: 33px; background-position: 0 -1303px; }
.wfBox .dot3 { left: 307px; background-position: 0 -1142px; }
.wfBox .dot3 .icon { margin-top: 25px; margin-bottom: -1px; width: 41px; height: 34px; background-position: 0 -1336px; }
.wfBox .dot4 { left: 461px; background-position: 0 -1014px; }
.wfBox .dot4 .icon { margin-top: 27px; margin-bottom: -1px; width: 40px; height: 41px; background-position: 0 -1370px; }
.wfBox .dot5 { left: 615px; background-position: 0 -374px; }
.wfBox .dot5 .icon { margin-top: 27px; margin-bottom: -1px; width: 51px; height: 38px; background-position: 0 -1411px; }
.wfBox .dot6 { left: 769px; background-position: 0 -246px; }
.wfBox .dot6 .icon { margin-top: 32px; margin-bottom: -1px; width: 28px; height: 36px; background-position: 0 -1449px; }
.wfBox .dot7 { left: 922px; background-position: 0 -630px; }
.wfBox .dot7 .icon { margin-top: 32px; margin-bottom: -1px; width: 42px; height: 36px; background-position: 0 -1485px; }
.wfBox .dot8 { left: 1076px; background-position: 0 -502px; }
.wfBox .dot8 .icon { margin-top: 35px; margin-bottom: -1px; width: 32px; height: 34px; background-position: 0 -1521px; }

.aboutNewsCon { width: 100%; height: 610px; background: url(http://img.maxhom.com/static/common/bg2.jpg) center bottom no-repeat; overflow: hidden; }

.aboutNewsSlide { padding-top: 75px; }
.aboutNewsSlide .hd { margin-bottom: 27px; width: 100%; text-align: center; }
.aboutNewsSlide .hd ul { width: 100%; }
.aboutNewsSlide .hd li { display: inline-block; *display: inline; *zoom: 1; width: 124px; height: 40px; line-height: 40px; background-color: #727272; font-size: 20px; color: #fff; cursor: pointer; }
.aboutNewsSlide .hd li.on { background-color: #d51737; }

.aboutNewsBox .more { padding-top: 10px; text-align: center; }
.aboutNewsBox .more a { font-size: 14px; color: #848484; }
.aboutNewsBox .more a:hover { color: #d51737; }

.aboutHotNewsSlide { position: relative; float: left; width: 330px; height: 363px; background-color: #fff; }
.aboutHotNewsSlide .ahnsHd { position: absolute; top: 262px; right: 0; width: 100%; height: 12px; z-index: 2; }
.aboutHotNewsSlide .ahnsHd ul { float: right; }
.aboutHotNewsSlide .ahnsHd li { float: left; margin-right: 8px; width: 12px; height: 12px; background-image: url(about.png); background-repeat: no-repeat; background-position: 0 -24px; cursor: pointer; }
.aboutHotNewsSlide .ahnsHd li.on { background-position: 0 -12px; }
.aboutHotNewsSlide .ahnsBd li { width: 100%; height: 363px; }
.aboutHotNewsSlide .ahnsBd .img { display: block; width: 100%; height: 282px; }
.aboutHotNewsSlide .ahnsBd .img img { width: 330px; height: 282px; }
.aboutHotNewsSlide .ahnsBd .img img:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.aboutHotNewsSlide .ahnsBd .info { padding: 20px; height: 41px; }
.aboutHotNewsSlide .ahnsBd .info a { font-size: 16px; color: #333; line-height: 21px; }
.aboutHotNewsSlide .ahnsBd .info a:hover { color: #d51737; }
.aboutHotNewsSlide .ahnsBd .info p { height: 20px; line-height: 20px; color: #999; overflow: hidden; }

.aboutNewsList { margin-left: 330px; }
.aboutNewsList li { float: left; margin: 0 0 13px 13px; padding: 25px 15px; width: 393px; height: 125px; background-color: #fff; }
.aboutNewsList li:hover .info a { color: #df0b19; }
.aboutNewsList li .info { height: 125px; overflow: hidden; }
.aboutNewsList li .info a { font-size: 16px; }
.aboutNewsList li .info a span { color: #df0b19; }
.aboutNewsList li .info a:hover { color: #df0b19; }
.aboutNewsList li .info p { line-height: 20px; color: #999; }
.aboutNewsList li .img { float: right; display: block; margin-left: 10px; width: 146px; height: 125px; }
.aboutNewsList li .img img { width: 100%; height: 100%; }
.aboutNewsList li .img img:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.aboutContact { padding-top: 75px; width: 100%; height: 535px; background: #bd273d url(bg8.jpg) center no-repeat; overflow: hidden; }

.acCon { padding-top: 60px; transform-style: preserve-3d; }

.acCardBox { float: left; padding: 5px; width: 490px; height: 285px; background-color: #fff; transform-origin: left center; }
.acCardBox:first-child { margin-left: 85px; margin-right: 20px; transform-origin: right center; -webkit-transform: rotateY(90deg) skewY(20deg); }
.acCardBox:last-child { -webkit-transform: rotateY(-90deg) skewY(-20deg); }

.acCard { position: relative; padding: 40px 45px 35px; height: 208px; border: 1px solid #e3dadb; overflow: hidden; }
.acCard h3 { margin-bottom: 10px; font-size: 24px; font-weight: bold; }
.acCard h3 b { color: #d51737; margin-right: 5px; }
.acCard p { width: 90%; font-size: 14px; line-height: 26px; color: #666; }
.acCard p a { display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; width: 9px; height: 12px; vertical-align: middle; background: url(about.png) 0 0 no-repeat; }
.acCard .way { position: absolute; display: none; width: 100%; height: 26px; line-height: 26px; right: 0; bottom: 0; text-align: right; }
.acCard .way a { margin: 0 10px; }
.acCard .way a:hover { color: #d51737; }
.acCard .way img { vertical-align: middle; }

.aboutFloat { position: fixed; top: 105px; right: 10px; width: 88px; z-index: 999; }
.aboutFloat .topC { width: 100%; height: 40px; background: url(about.png) 0 -36px no-repeat; }
.aboutFloat .botC { width: 100%; height: 42px; background: url(about.png) 0 -76px no-repeat; cursor: pointer; }
.aboutFloat .botC a { display: block; height: 100%; }
.aboutFloat ul { padding-bottom: 10px; width: 100%; background-color: #e9e9e9; }
.aboutFloat ul li { height: 30px; line-height: 30px; font-size: 14px; }
.aboutFloat ul li a { display: block; color: #666; text-align: center; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.aboutFloat ul li a:hover { background-color: #d51737; color: #fff; }
.aboutFloat ul li.on a { background-color: #d51737; color: #fff; }

.jobCon { width: 100%; padding-top: 540px; padding-bottom: 70px; background-image: url(bg9.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; }

.jobBox,.jobBoxSer { padding: 30px 25px; margin: 0 auto; width: 1152px; background: url(bgs/white_90.png); }
.jobBox table,.jobBoxSer table { width: 100%; font-size: 14px; color: #666; }
.jobBox table tr:hover { background-color: #fff; }
.jobBox table td, .jobBox table th, .jobBoxSer table th { height: 48px; line-height: 48px; border-bottom: 1px solid #dedede; }
.jobBox table th h4,.jobBoxSer table th h4 { font-size: 24px; text-indent: 20px; }
.jobBox table th span,.jobBoxSer table th span { display: block; text-indent: 30px; }
.jobBox table td h5 { text-indent: 20px; }
.jobBox table td h5 a { font-size: 14px; color: #2a4ca2; }
.jobBox table td h5 a:hover { color: #d51737; }
.jobBox table td span { display: block; text-indent: 30px; }

.wxCon { position: relative; width: 100%; height: 1017px; background-color: #46c269; overflow: hidden; }
.wxCon .arrow { position: absolute; bottom: 20px; left: 50%; margin-left: -35px; width: 22px; height: 24px; background: url(arrow3.png) no-repeat; -webkit-animation: goNextBtn 2s linear infinite; animation: goNextBtn 2s linear infinite; cursor: pointer; z-index: 3; }
.wxCon .introR { position: absolute; display: none; padding: 40px 55px; top: 50%; left: 50%; margin: 95px 0 0 214px; width: 199px; height: 153px; background: url(wx.png) 0 -1124px no-repeat; font-size: 14px; color: #fff; line-height: 2; }
.wxCon .introL { position: absolute; display: none; padding: 65px 45px; top: 50%; left: 50%; margin: 192px 0 0 -570px; width: 297px; height: 142px; background: url(wx.png) 0 -1357px no-repeat; font-size: 16px; color: #fff; line-height: 35px; }

.wxMainBg { position: absolute; display: none; left: 50%; bottom: 0; margin-left: -384px; width: 768px; height: 937px; background: url(img8.png) center top no-repeat; }
.wxMainBg .menu1 { position: absolute; width: 112px; height: 112px; top: 213px; left: 127px; background: url(wx.png) 0 -655px no-repeat; }
.wxMainBg .menu1 dt { line-height: 112px; }
.wxMainBg .menu1 dd { top: 85px; left: -235px; background: url(wx.png) 0 -83px no-repeat; }
.wxMainBg .menu2 { position: absolute; width: 117px; height: 117px; top: 101px; left: 402px; background: url(wx.png) 0 -767px no-repeat; }
.wxMainBg .menu2 dt { line-height: 117px; }
.wxMainBg .menu2 dd { top: 104px; left: 91px; background: url(wx.png) 0 -39px no-repeat; }
.wxMainBg .menu3 { position: absolute; width: 120px; height: 120px; top: 368px; left: 122px; background: url(wx.png) 0 -884px no-repeat; }
.wxMainBg .menu3 dd { top: 85px; left: -235px; background: url(wx.png) 0 -171px no-repeat; }
.wxMainBg .menu4 { position: absolute; width: 120px; height: 120px; top: 273px; left: 564px; background: url(wx.png) 0 -1004px no-repeat; }
.wxMainBg .menu4 dd { top: 104px; left: 91px; background: url(wx.png) 0 -127px no-repeat; }
.wxMainBg dt { width: 100%; height: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 120px; }
.wxMainBg dd { position: absolute; display: none; width: 243px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; transform-origin: center center; }

.wxHand { position: absolute; bottom: -10px; left: 50%; margin-left: -115px; width: 249px; height: 686px; background: url(img9.png) center top no-repeat; -webkit-animation: goNextBtn 2s linear infinite; }

.canHelp { width: 100%; padding: 100px 0; background: #18333a; text-align: center; overflow: hidden; }
.canHelp h6 { font-size: 40px; color: #fff; margin-bottom: 55px; }
.canHelp ol { margin-bottom: 40px; transform-style: preserve-3d; }
.canHelp ol li { display: inline-block; *display: inline; *zoom: 1; margin: 0 5px; width: 100px; text-align: center; -webkit-opacity: 0; transform-style: preserve-3d; }
.canHelp ol li i { display: block; margin: 0 auto 15px; width: 55px; height: 55px; background-image: url(wx.png); background-repeat: no-repeat; }
.canHelp ol li p { font-size: 20px; }
.canHelp ol li.i1 i { background-position: 0 -490px; }
.canHelp ol li.i1 p { color: #2a95a2; }
.canHelp ol li.i2 i { background-position: 0 -435px; }
.canHelp ol li.i2 p { color: #d2a226; }
.canHelp ol li.i3 i { background-position: 0 -600px; }
.canHelp ol li.i3 p { color: #53b46e; }
.canHelp ol li.i4 i { background-position: 0 -545px; }
.canHelp ol li.i4 p { color: #d86c58; }
.canHelp ol li.i5 i { background-position: 0 -380px; }
.canHelp ol li.i5 p { color: #288cd3; }
.canHelp ol li.i6 i { background-position: 0 -325px; }
.canHelp ol li.i6 p { color: #b3d172; }
.canHelp ol li.i7 i { background-position: 0 -270px; }
.canHelp ol li.i7 p { color: #e7ae40; }
.canHelp ol li.i8 i { background-position: 0 -215px; }
.canHelp ol li.i8 p { color: #e75340; }
.canHelp .word { font-size: 16px; color: #729197; margin-bottom: 45px; }
.canHelp .open { display: block; margin: 0 auto; width: 148px; height: 39px; line-height: 39px; background: url(wx.png) 0 0 no-repeat; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 5px #666; color: #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.canHelp .open:hover { transform: translate(0, 1px); }

.mobileCon { position: relative; width: 100%; height: 595px; background-color: #4da0c7; overflow: hidden; }

.website { position: absolute; width: 1300px; height: 100%; top: 0; left: 50%; margin-left: -960px; background-color: #4da0c7; z-index: 1; }
.website .img { position: absolute; width: 489px; height: 381px; top: 190px; right: 50px; }
.website .img img { width: 100%; height: 100%; }
.website .info { position: absolute; top: 80px; left: 50%; margin-left: -300px; width: 225px; color: #fff; }
.website .info h3 { margin-bottom: 10px; font-size: 30px; font-weight: bold; }
.website .info h6 { margin-bottom: 12px; font-size: 16px; line-height: 24px; }
.website .info p { font-size: 14px; line-height: 24px; }
.website .info .more { display: none; width: 125px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: bold; background-color: #fff; border: 1px solid #4da0c7; border-radius: 5px; color: #4da0c7; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.website .info .more:hover { color: #fff; background-color: #4da0c7; border-color: #fff; }
.website.on .info { width: 420px; }
.website.on .info h3 { font-size: 50px; }
.website.on .info h6 { font-size: 20px; font-weight: bold; line-height: 40px; }
.website.on .info p { margin-bottom: 20px; }
.website.on .info .more { display: block; }

.webapp { position: absolute; width: 1300px; height: 100%; top: 0; left: 50%; margin-left: 340px; background-color: #80b24f; z-index: 2; }
.webapp .arrow { position: absolute; width: 20px; height: 37px; left: -19px; top: 50%; margin-top: -18px; background: url(arrow5.png) no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.webapp .img { position: absolute; width: 155px; height: 200px; top: 365px; left: 66px; }
.webapp .img img { width: 100%; height: 100%; }
.webapp .info { position: absolute; width: 230px; top: 80px; left: 20px; color: #fff; }
.webapp .info h3 { font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.webapp .info h6 { margin-bottom: 10px; font-size: 14px; line-height: 24px; }
.webapp .info p { margin-bottom: 20px; font-size: 14px; line-height: 26px; }
.webapp .info .more { display: none; width: 125px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: bold; background-color: #fff; border: 1px solid #80b24f; border-radius: 5px; color: #80b24f; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.webapp .info .more:hover { color: #fff; background-color: #80b24f; border-color: #fff; }
.webapp.on .arrow { left: 0; background-image: url(arrow4.png); }
.webapp.on .info { left: 90px; width: 420px; }
.webapp.on .info h3 { font-size: 50px; }
.webapp.on .info h6 { font-size: 20px; line-height: 30px; font-weight: bold; }
.webapp.on .info .more { display: block; }

.simpleBox { width: 1000px; margin: 0 auto; }
.simpleBox .article { font-size: 14px; line-height: 30px; overflow: hidden; }
.simpleBox .article p { margin-bottom: 10px; }
.simpleBox .article p a{ color:#fff;}
.simpleBox .article p a:hover{ text-decoration: underline; color:#fff;}
.simpleBox .article img { max-width: 100%; }

.boxSlide { width: 100%; margin-bottom: 25px; }
.boxSlide .hd { margin-bottom: 10px; }
.boxSlide .hd ul { width: 100%; }
.boxSlide .hd li { float: left; padding: 0 7px; margin-right: 10px; height: 38px; line-height: 38px; text-align: center; font-size: 20px; cursor: pointer;  }
.boxSlide .hd li.on { /*border-bottom: 2px solid #fff; LCL*/ }
.boxSlide .bd .info { font-size: 14px; line-height: 26px;  }
.boxSlide .bd .info p { margin-bottom: 10px; }
.boxSlide .bd .info img { max-width: 100%; }

.strong {font-weight: bold;}
.fontsize14 {font-size: 14px;}
.jobBoxSer table table{ width: auto; }
.center {text-align: center;}
.em {color: #C00;font-style: normal;font-weight: bold;margin-left: 5px;margin-right: 5px;text-decoration: underline;}
input.buttonface2 {background: url(botton_bg.jpg) no-repeat;background-position: 0px -48px;color: #fff;font-weight: bold;padding: 0px;margin: 0px;width: 120px;height: 24px;line-height: 24px;border: 0px;cursor: pointer; font-size: 12px;}
input.buttonface2:hover {background: url(botton_bg.jpg) no-repeat;background-position: 0px -48px;color: #57250e;font-weight: bold;padding: 0px;margin: 0px;width:120px;height: 24px;line-height: 24px;border: 0px;cursor: pointer;}

.indexGoTop { position: fixed; display: none; right: 0; bottom: 0; width: 50px; height: 45px; background: url(top.png) no-repeat; cursor: pointer; -webkit-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); z-index: 9999; }
.indexGoTop:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.falseHeader { margin-bottom: 20px; padding: 30px 0 0 35px; clear: both; }

.falseBox { margin: 0 auto; padding-top: 145px; width: 510px; background: url(false.jpg) center top no-repeat; text-align: center; overflow: hidden; }
.falseBox p { margin-bottom: 70px; font-size: 18px; color: #7f7f7f; font-weight: bold; line-height: 2; }
.falseBox .countdown { margin-bottom: 25px; font-size: 14px; color: #7f7f7f; }
.falseBox .countdown span { font-size: 18px; color: red; }
.falseBox ul { width: 100%; }
.falseBox ul li { float: left; margin: 0 15px; width: 138px; height: 32px; line-height: 32px; border: 1px solid #d51737; border-radius: 16px; overflow: hidden; }
.falseBox ul li a { display: block; color: #d51737; font-size: 18px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.falseBox ul li a:hover { color: #fff; background-color: #d51737; }
.falseBox ul li.goHome { background-color: #d51737; }
.falseBox ul li.goHome a { color: #fff; }
.falseBox ul li.goHome a:hover { background-color: #fff; color: #d51737; }


.indexFloatCon { position: fixed; display: block; right: 0; bottom: 0; width: 50px; z-index: 9999; }
.indexFloatCon li { position: relative; margin-bottom: 1px; height: 50px; }
.indexFloatCon li:first-child { height: 45px; overflow: hidden; }
.indexFloatCon li a { display: block; height: 50px; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.indexFloatCon li a:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexFloatCon li a.indexGoTop { position: absolute; width: 100%; left: 0; top: 46px; background: url(top.png) no-repeat; }
.indexFloatCon li a.online { position: absolute; top: 0; left: 0; width: 140px;  -webkit-opacity: 1; opacity:1; filter: alpha(opacity=100); background: #d51737 url(online.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 50px; text-indent: 50px; }
.indexFloatCon li a.online:hover { background-color: #d51737; }
.indexFloatCon li a.erweima { background: #35373a url(tit11.png) left center no-repeat; }
.indexFloatCon li a.erweima:hover { background-color: #d51737; }
.indexFloatCon li .ewmCon { position: absolute; display: none; padding: 20px 10px 10px; bottom: -51px; right: 50px; width: 210px; background-color: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 5px #dbdbdb; }
.indexFloatCon li .ewmCon .ewm { float: left; margin: 0 10px; width: 85px; text-align: center; }
.indexFloatCon li .ewmCon .ewm img { display: block; width: 100%; }
.indexFloatCon li .ewmCon .ewm p { color: #666; }