锘?* CSS Document */ input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], select, textarea, button { -webkit-appearance: none; outline:none; } a{ transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; } a:hover{ color:#da251d !important; } .content{ font-family:Arial,'寰蒋闆呴粦'; } .centers{ max-width:1146px; margin:0 auto; } .r{ float:right; } .top .search{ float:right; border:1px solid #cccccc; border-radius:100px; padding:0 15px; margin-top:14px; } .txt1{ border:none; width:207px; height:28px; line-height:28px; color:#999999; } .button{ background:url(../images/mark.jpg) no-repeat center; height:28px; width:16px; cursor:pointer; border:none; } .top .link{ margin-right:301px; margin-top:15px; } .top .link a{ color:#333333; margin:0 5px; } .top .link a.t{ margin-right:20px; } .top .link img{ vertical-align:middle; } .top .mt{ display:none; } .top .menu{ display:none; } .nav{ margin-top:30px; } .nav li.f{ } .nav li{ float:left; width:14.18%; text-align:center; position:relative; } .nav li .cn,.nav li .en{ display:block; font-style:normal; color:#303030; line-height:22px; } .nav li .cn{ font-size:15px; } .nav li .en{ font-size:12px; } .nav li .listbox{ position:absolute; width:100%; display:none; top:56px; z-index:100; background:url(../images/bg2.png) repeat; } .nav li{ border-bottom:2px solid; border-color:transparent; } .nav li.f .tt{ border-left:1px solid #e6e6e9; } .nav li .tt{ display:block; border-right:1px solid #e6e6e9; margin-bottom:10px; } .nav li.selected,.nav li.select{ border-color:#222d7c; } .nav li .listbox dl{ border-top:1px solid #d9d9d9; line-height:40px; font-size:13px; color:#333333; } .nav li .listbox dl.f{ border-top:none; } .nav li .listbox dl a{ display:block; } .footer{ background:#4d4d4d; } .footer .ftinfo{ padding:50px 0; overflow:hidden } .footer .ftinfo .li{ float:left; text-align:left; width:12%; } .footer .ftinfo .li .tt{ color:#fff; margin-bottom:10px; font-size:15px; } .footer .ftinfo .li a{ display:block; color:#cccccc; line-height:28px; font-size:12px; } .footer .ftinfo .li2{ float:left; } .footer .ftinfo .li2 .tel{ font-size:36px; color:#ffffff; margin-bottom:15px; } .footer .ftinfo .li2 .ewm img{ float:left; } .footer .ftinfo .li2 .con{ margin-left:137px; color:#fff; /*padding-top:20px;*/ word-break: break-all; width: 300px; } .footer .ftinfo .li2 .con a{ color:#fff !important; } .footer .ftinfo .li2 .con a:hover{ color:#fff !important; } .footer .ftcopy{ background:#343434; padding:10px 0; color:#8c8c8c; font-size:12px; } .footer .ftcopy a{ color:#8c8c8c; } .footer .ftcopy img{ vertical-align:middle; margin-left:5px; } .mnav{ display:none; } .float{ background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:1; } .mftinfo{ display:none; } .bx-wrapper { position: relative; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .banner{ position:relative; } .banner .bx-wrapper .bx-viewport,.banner .slider1,.banner .slide bx-clone,.banner .slide{ height:667px !important; } .banner .slide{ overflow:hidden; } .banner .bx-wrapper img{ max-width:inherit; height:100%; position:relative; left:50%; margin-left:-960px; } .banner .bx-wrapper .bx-pager{ bottom:211px; } .banner .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; opacity:0.6; filter:alpha(opacity=60); } .banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ opacity:1; filter:alpha(opacity=100); } .banner-info{ background:url(../images/bg.png) repeat center; padding:20px 0; position:absolute; left:0; width:100%; bottom:0; border-bottom:10px solid #344198; } .banner-info .con{ float:left; width:45%; padding-top:3px; } .tt{ color:#fff; font-size:18px; } .ttc{ font-weight:500; font-size:12px; border-left:1px solid #fff; padding-left:10px; margin-left:10px; } .banner-info .conbox{ color:#fff; font-size:12px; margin:10px 0; max-height:72px; overflow:hidden; } .banner-info .more{ color:#fff; font-size:12px; text-transform:uppercase; } .banner-info .b-sort{ margin-left:48%; text-align:right; } .banner-info .b-sort a{ padding-left:10px; width:25%; display:block; box-sizing:border-box; float:left; text-align:right; } .banner-info .b-sort img{ display:inline-block; max-width:100%; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .banner-info .b-sort img:hover{ box-shadow:0 0 20px 3px rgba(0,0,0,0.4); transform:translateY(-1px); -webkit-transform:translateY(-1px); -moz-transform:translateY(-1px); -ms-transform:translateY(-1px); -o-transform:translateY(-1px); } .space{ padding:40px 0; background:#f7f7f7 } .index-box{ width:49%; float:left; margin-right:2%; } .index-box2{ width:49%; float:left; } .tt-b{ color:#1a1a1a; } .tt-b span{ border-color:#676767; } .index-box .bd{ display:table; width:100%; margin-top:10px; } .index-box .bd>div{ vertical-align:middle; } .index-box .bd .media{ width:48%; float:left; overflow:hidden; position:relative; } .index-box .bd .media .mark{ background:url(../images/index-video2.png) no-repeat center; width:55px; height:55px; display:block; position:absolute; left:50%; top:50%; margin:-27px 0 0 -27px; } .index-box .bd .con{ padding:30px 20px 0 20px; margin-left:48%; } .index-box .bd .con .t{ font-size:15px; margin-bottom:10px; } .index-box .bd .con .conbox{ font-size:12px; height:72px; overflow:hidden; } .index-box .more2{ background:#2f3d96; padding:10px 20px; color:#fff; font-size:15px; display:block; text-align:right; } .nlist li{ border-bottom:1px solid #e5e5e5; padding:15px 0; } .nlist li.llast{ border-bottom:none; } .nlist li .date{ float:left; width:59px; background:#da251d; padding:8px 0; text-align:center; position:relative; } .nlist li .date .day,.nlist li .date .mth{ display:block; font-style:normal; color:#fff; font-size:14px; line-height:18px; text-transform:uppercase; } .nlist li .date .day{ font-size:18px; } .nlist li .date .mark{ background:url(../images/index-mark.png) no-repeat center; width:13px; height:16px; display:block; position:absolute; right:0; bottom:-16px; } .nlist li .con{ margin-left:79px; } .nlist li .con .t{ font-size:15px; display:block; height:22px; overflow:hidden; line-height:22px; } .nlist li .con .conbox{ color:#000; margin:1.5% 0; height:40px; overflow:hidden; line-height:22px; font-size:12px; } .more3{ font-size:12px; text-transform:uppercase; color:#14259e } .newslist li .mod:hover .more3 { color: #da251d; } .nbanner{ height:401px; position:relative; background-repeat:no-repeat; background-position:center; overflow:hidden; } .nbanner .n-txt{ position:absolute; width:1146px; left:50%; top:50%; margin:-59px 0 0 -573px; } .nbanner .n-txt img{ max-width:100%; } .space2{ padding:40px 0; } .crumbs{ padding:10px 0; text-align:right; color:#666666; font-size:12px; } .crumbs span{ margin-left:5px; vertical-align:middle; } .crumbs a{ margin:0 5px; color:#666666; vertical-align:middle; } .crumbs img{ vertical-align:middle; position:relative; top:-2px; } .thd{ text-align:center; margin-bottom:55px; } .thd h1{ font-size:34px; line-height:40px; color:#1a1a1a; margin-bottom:20px; } .thd .line{ width:15%; height:1px; background:#cccccc; vertical-align:middle; display:inline-block; margin:0 20px; } .thd .time{ color:#333333; font-size:16px; } .centers2{ max-width:1224px; margin:0 auto; } .detail .conbox{ background:#f2f2f2; padding:30px; color:#333333; font-size:14px; line-height:25px; } .detail .conbox img{ max-width:100%; } .detail .n-page{ padding:10px; } .detail .n-page>div{ font-size:14px; color:#333333; max-width:50%; } .detail .n-page a{ color:#333333; height:54px; overflow:hidden; line-height:54px; display:inline-block; } .detail .n-page .n-p-r{ float:right; text-align:right; } .detail .n-page .n-p-r a{ background:url(../images/page2.jpg) no-repeat right center; padding-right:64px; } .detail .n-page .n-p-l{ } .detail .n-page .n-p-l a{ background:url(../images/page.jpg) no-repeat left center; padding-left:64px; } .detail .n-page .n-p-l a:hover{ background:url(../images/pages.jpg) no-repeat left center; } .detail .n-page .n-p-r a:hover{ background:url(../images/page2s.jpg) no-repeat right center; } .thd2 h1{ color:#14259e; } .newslist{ margin:0 auto; max-width:1166px; } .newslist li{ float:left; width:33.333%; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .newslist li .mod{ margin:0 10px 20px 10px; position:relative; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -ms-transition:all .4s linear; -o-transition:all .4s linear; } .newslist li .mod a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; } .newslist li .mod .media{ position:relative; } .newslist li .mod .media .date{ background:#14259e; display:block; width:72px; padding:10px 0; text-align:center; color:#fff; position:absolute; left:0; top:0; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .newslist li .mod .media .date .day,.newslist li .mod .media .date .mth{ display:block; font-style:normal; color:#fff; font-size:14px; line-height:18px; text-transform:uppercase; } .newslist li .mod .media .date .day{ font-size:18px; } .newslist li .mod .media .date .mark{ background:url(../images/index-mark2.png) no-repeat center; width:13px; height:16px; display:block; position:absolute; right:0; bottom:-16px; } .newslist li .mod .con{ padding:10px; background:#f2f2f2; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .newslist li .mod .con .t{ font-size:18px; color:#262626; font-weight:bolder; height:24px; overflow:hidden; } .newslist li .mod .con .conbox{ color:#595959; font-size:14px; height:48px; overflow:hidden; margin:5px 0; } .newslist li .mod a{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:1; } .newslist li:hover .mod{ box-shadow:2px 2px 5px 1px rgba(0,0,0,0.3); transform:translateY(-2px); -webkit-transform:translateY(-2px); -moz-transform:translateY(-2px); -ms-transform:translateY(-2px); -o-transform:translateY(-2px); } .newslist li:hover .mod .date{ background:#da251d; } .newslist li:hover .mod .date .mark{ background:url(../images/index-mark.png) no-repeat center; } .newslist li:hover .mod .con{ background:#da251d; } .newslist li:hover .mod .con .t{ color:#fff; } .newslist li:hover .mod .con .conbox{ color:#fff; } .newslist li:hover .mod .con .more3{ color:#fff; } .n-more{ text-align:center; margin-top:20px; } .more4{ background:#14259e; display:inline-block; color:#fff; font-size:18px; padding:10px 15px; } .more4 img{ vertical-align:middle; margin-right:10px; } .more4:hover{ color:#fff !important; background:#da251e; } .talents .tlist { max-width:1232px; overflow: hidden; margin:0 auto; } .talents .tlist li { float: left; width:25%; } .talents .tlist li .mod { border:1px solid #cccccc; background: #fff; padding: 25px 27px; transition: all 0.2s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .talents .tlist li .mod .tt { border-bottom:1px solid #dcdcdc; padding-bottom: 12px; margin-bottom: 15px; font-size: 17px; color: #1b1b1b; font-weight:500; position:relative; height:42px; overflow:hidden; } .talents .tlist li .mod .tt .mark{ background:url(../images/mark3.jpg) no-repeat center; width:10px; height:6px; display:block; position:absolute; left:15px; bottom:-1px; } .blue { color: #14259e; } .talents .tlist li .mod .conbox { color: #333333; font-size: 14px; height: 99px; overflow:hidden; } .talents .tlist li .mod .more { text-align: right; } .talents .tlist li .mod .more a { border:1px solid #ccc; border-radius:100px; width: 109px; height: 35px; line-height: 35px; text-align: center; color: #a0a0a0; font-size: 14px; text-transform: capitalize; display: inline-block; overflow:hidden; position:relative; transition: all 0.2s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; } .talents .tlist li .mod .more a span{ position:relative; z-index:1; } .talents .tlist li .mod .more a:before{ content:''; width:0; height:100%; display:block; background:#da251d; font-size:14px; position:absolute; left:0; transition: all 0.2s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; } .talents .tlist li:hover .mod .more a:before{ content:''; width:100%; } .talents .tlist li:hover .mod .more a{ color:#fff !important; border-color:#da251d; } .talents .tlist li:hover .mod { background: #e4eefb; border-top-color:#da251d; } .talents .tlist li .mods{ border-top:10px solid; border-color:transparent; margin:16px; transition: all 0.2s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .talents .tlist li:hover .mods{ border-top:10px solid #da251d; } .talents .tlist li:hover .mod .conbox, .talents .tlist li:hover .mod .tt, .talents .tlist li:hover .mod .tt .blue, .talents .tlist li:hover .mod .more a { } .talents .tlist li:hover .mod .more a { background: url(../images/mark28.png) no-repeat center; } .talents .tlist li:hover .mod .tt .mark{ background:url(../images/mark3s.jpg) no-repeat center; } .page { margin-top: 10px; padding: 30px 0 15px; text-align: center; color: #333333; font-size:16px; } .page a { border: 1px solid #ccc; margin-right: 5px; padding: 7px 10px; color: #333333; } .page span { border: 1px solid #ccc; margin-right: 5px; padding: 7px 10px; } .page span.current,.page a:hover,.page span:hover{ background: #da251d; border: 1px solid #da251d; color: #fff !important; } .page .n{ background:#333333; color:#fff; } .tdetail{ border:1px solid #ccc; } .tdetail .hd{ border-bottom:1px solid #ccc; overflow:hidden; padding-left:30px; line-height:60px; font-size:20px; } .tdetail .hd .back{ float:right; border-left:1px solid #ccc; } .tdetail .bd{ padding:15px 30px; } .tdetail .bd .conbox{ color:#333333; font-size:14px; margin-bottom:10px; } .tdetail .more4{ font-size:14px; padding:7px 20px; } .tinfo>div{ display:table-cell; vertical-align:middle; } .tinfo{ display:table; width:100%; } .tinfo .media{ width:45%; } .tinfo .boxc{ border-left:1px solid #b3b3b3; margin-left:30px; padding-right:10px; } .tinfo .boxc dl{ margin:40px 0; position:relative; } .tinfo .boxc dl .m{ margin-right:15px; float:left; margin-left:-30px; } .tinfo .boxc dl .con{ margin-left:45px; padding-top:6px; } .tinfo .boxc dl dt{ font-size:18px; margin-bottom:5px; } .tinfo .boxc dl dd{ color:#333; font-size:14px; } .store { height: 545px; border: 1px #ccc solid; position: relative; margin: 0 auto; } .sleft { float: left; width: 35%; border-right: 1px #e5e4e4 solid; height: 545px; } .pra { margin-left: 360px; display: none; } .pras { display: block; } .storemap { font-family: 寰蒋闆呴粦; position: relative; padding: 20px; } .storemap .stitle { margin-top: 0px; } .storemap .stitle .sone { font-size: 18px; color: #333333; } .storemap .stitle .stwo { color: #666666; margin-top: 10px; } .return { position: absolute; right: 20px; top: 20px; } .storemap .sthree { margin-top: 15px; } .find { margin: 0 auto; height: 183px; padding:0 25px; } .first { font-family: 寰蒋闆呴粦; font-size: 22px; color: #626262; margin-top: 20px; } .fconn .scrollcon { height:301px; position: relative; overflow: hidden; padding-right:10px; } .second { margin-top: 5px; } .second .one { color: #828282; } .second .two { margin-top: 5px; overflow: hidden; } .ctest { width: 80%; height: 34px; border: 1px #e5e4e4 solid; line-height: 34px; padding-left: 5px; float: left; box-sizing:border-box; } .cbut { text-align: center; height:34px; line-height:34px; margin-left:0px; width:20%; box-sizing:border-box; border-left:none; background:#14259e; float: left; cursor: pointer; } .findlist { color: #909090; } .findlist .ftitle { height: 40px; border-bottom: 1px #e5e4e4 solid; border-top: 1px #e5e4e4 solid; color: #9b9b9b; overflow: hidden; font-size: 14px; line-height: 40px; +margin-top:20px; } .findlist .ftitle .ftitlel { float: left; width: 40px; border-right: 1px #e5e4e4 solid; text-align: center; color: #FFF; height:29px; padding-top: 10px; } .findlist .ftitle .fname { float: left; color:#444444; margin-left: 15px; } .fconn { margin: 0 auto; height: 290px; padding:0 0 0 10px; } .fcon { margin: 0 auto; overflow: hidden; margin-right:10px; } .fcon li { border-bottom: 1px #5c5c5c dotted; width: 100%; overflow: hidden; padding:27px 0; } .fcon li .licon { margin: 0 auto; overflow: hidden; display:table; width:100%; } .fcon li .licon>div{ display:table-cell; vertical-align:middle; } .fcon li .licon .lileft span{ width: 20px; height: 20px; color: #444444; border-radius:100px; border:1px solid #c4c4c4; text-align: center; line-height: 20px; font-size:13px; margin-top: 2px; display:block; font-family:Arial, Helvetica, sans-serif; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .fcon li .licon .liright { padding-left: 5px; font-size:14px; color:#000; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; width:91% } .fcon li:hover .licon .liright{ color:#da251d; } .fcon li:hover .licon .lileft span{ background:#da251d; border-color:#da251d; color:#fff; } .fcon li .licon .liright .hj { margin-bottom: 3px; } .fcon li .licon .liright .tel { line-height: 20px; } .fcon li .licon .liright .lmap { color: #484848; margin-top: 5px; } .fcon li .licon .liright .lmap a { color: #484848; } .fcon li .licon .liright .lmap .list { overflow: hidden; } .fcon li .licon .liright .lmap .list li { float: left; margin-right: 10px; width: 78px; overflow: hidden; } .fcon li .licon .liright .lmap .list li .a { float: left; margin-right: 10px; } .fmark { } #jtfx, #jtfx01, #jtfx02 { position: relative; } #btn5 { background: url(/images/mark5.jpg) no-repeat; background-position: -2px -1px; width: 17px; height: 15px; position: absolute; top: -28px; left: 3px; display: block; } #scrollDiv01 { height: 290px; overflow: hidden; padding-top: 20px; } .demo{ margin-left:35.4%; } .search { z-index: 9; } .search .stt { width: 117px; height: 30px; line-height: 30px; padding: 0 25px 0 35px; cursor: pointer; color: #898989; } .search .slist { position: absolute; background: #eeeeee; width: 127px; text-align: center; display: none; color: #898989; } .search .slist li { cursor: pointer; border-bottom: 1px #d1d1d1 solid; } .search .slist .llast { border-bottom: none; } .store .find .stwo{ float:left; width:40%; height:38px; position:relative; margin:5px 10px 0 0; } .store .find .stwo .selview{ background:url(../images/select.jpg) no-repeat right center; padding:0 30px 0 10px; height:36px; width:100%; border:1px solid #d0d0d0; text-align:left; line-height:36px; color:#6f6f6f; position: absolute; left: 0px; top: 0px; z-index: 1; box-sizing:border-box; } .store .find .stwo .se{ width: 100%; height: 36px; outline: none; color: #6f6f6f; font-size: 12px; vertical-align: middle; position:relative; z-index: 2; opacity: 0; top:0; left:0; filter: alpha(opacity=0); cursor:pointer; } .map{ /*height:533px;*/ height:650px; position:relative; z-index:0; } .mapbox{ overflow:hidden; position:relative; z-index: 1; /*height:533px;*/ height:650px; } .cinfo{ position: absolute; top: -44px; width: 448px; left: 50%; margin-left: -573px; background: #fff; border: 1px solid #ccc; border-bottom: none; height: 576px; z-index: 100; } .cinfo .hd{ overflow:hidden; line-height:44px; padding-left:35px; font-size:16px; } .cinfo .hd .but{ float:right; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../images/mark14.jpg) no-repeat center; width:43px; height:44px; } .cinfo .hds .but{ background:url(../images/mark13.jpg) no-repeat center; } .cinfo .bd{ padding:25px 35px 0 35px; height:495px; overflow:hidden; position:relative; } .cinfo .bd h1{ font-size:24px; color:#da251d; line-height:30px; } .cinfo .bd .sort{ color:#595959; font-size:12px; margin:25px 0; margin-left:-5px; } .cinfo .bd .sort a{ margin:0 5px; font-size:14px; display:inline-block; line-height:25px; } .cinfo .bd .sort .selected{ color:#14259e !important; } .cinfo .bd .li{ padding:30px 0; border-top:1px solid #ccc; overflow:hidden; } .cinfo .bd .li2{ padding:35px 0; } .cinfo .bd table td{ color:#1a1a1a; font-size:14px; } /*.cinfo .bd table .n{ width:65px; vertical-align:top; }*/ .cinfo .bd .li-info{ position:relative; } .cinfo .bd .pbd{ float:left; } .cinfo .bd .li2{ display:table; width:100%; } .cinfo .bd .li2>div{ display:table-cell; vertical-align:bottom; } .cinfo .bd .li .ewm{ width:139px; } .cinfo .bd .li .con{ color:#2e2c2a; font-size:12px; padding-left:15px; } .map{ margin-top:80px; } .map-mark{ background:#14259e; display:inline-block; border-radius:5px; padding:6px 13px; position:absolute; color:#fff; left:60%; top:55%; } .map-mark img{ vertical-align:middle; margin-right:10px; } .map-mark .mark{ background:url(../images/mark12.png) no-repeat center; width:16px; height:14px; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-8px; } .contact{ padding-top:40px; } .message{ position:absolute; /*height:576px;*/ height:700px; background:#fff; border:1px solid #ccc; border-bottom:none; left:50%; width:1146px; bottom:0; margin-left:-573px; padding:55px; box-sizing:border-box; z-index:999; } .message .li{ float:left; width:49%; margin-right:2.001%; position:relative; border:1px solid #ccc; margin:10px 2.001% 10px 0; box-sizing:border-box; } .message .liAddress{ float:left; width:80%; margin-right:2.001%; position:relative; border:1px solid #ccc; margin:10px 2.001% 10px 0; box-sizing:border-box; } .message .li.lis{ margin-right:0; } .message .li .txt3{ width:100%; border:none; box-sizing:border-box; padding:0 10px; height:48px; line-height:48px; background:none; position:relative; z-index:1 } .message label{ color:#1a1a1a; font-size:12px; height:50px; line-height:50px; position:absolute; left:0; width:100%; top:0; padding:0 10px; box-sizing:border-box; } .message .li2{ position:relative; margin:10px 0; } .message .li2 textarea{ width:100%; height:227px; border:1px solid #ccc; box-sizing:border-box; padding:10px; resize:none; background:none; position:relative; z-index:1; } .message .li2 label{ height:auto; padding:10px; height:100%; line-height:inherit; } .message .but2{ margin:20px 0; } .message .but2 .sbut{ width:100%; height:48px; line-height:48px; background:#14259e; color:#fff; font-size:18px; border:none; cursor:pointer; } .a-box{ max-width:890px; margin:0 auto; text-align:center; font-size:14px; color:#333333; margin-bottom:80px; line-height:30px; } .a-box2{ background:url(../images/bg4.jpg) repeat; padding:80px 0; } .a-box2 dl{ float:left; width:16.66%; text-align:center; } .a-box2 dl dt{ max-width:112px; background:#fff; border:6px solid #2031a3; border-radius:100px; height:112px; margin:0 auto; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .a-box2 dl:hover dt{ animation:m .3s ease; -webkit-animation:m .3s ease; -moz-animation:m .3s ease; -ms-animation:m .3s ease; -o-animation:m .3s ease; border-color:#db2921; } @keyframes m{ 0%{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); opacity:0; } 50%{ opacity:0.5; } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); opacity:1; border-color:#db2921; } } @-webkit-keyframes m{ 0%{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); opacity:0; } 50%{ opacity:0.5; } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); opacity:1; border-color:#db2921; } } @-moz-keyframes m{ 0%{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); opacity:0; } 50%{ opacity:0.5; } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); opacity:1; border-color:#db2921; } } @-o-keyframes m{ 0%{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); opacity:0; } 50%{ opacity:0.5; } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); opacity:1; border-color:#db2921; } } .a-box2 dl dt .m{ margin-top:10px; margin-bottom:2px; } .a-box2 dl dt h2{ font-size:16px; color:#14259e; } .a-box2 dl dd{ color:#fff; font-size:14px; margin-top:15px; } .a-box3 .media{ float:right; margin-top:-8%; width:40%; } .a-box3 .media img{ width:100%; } .a-box3 .con{ float:left; width:60%; padding-top:3.5%; } .a-box3 .con dl{ float:left; width:46%; margin-right:4%; padding:3% 0; overflow:hidden; border-bottom:1px solid #cccccc; display:table; } .a-box3 .con dl.dl2{ border-color:#fff; } .a-box3 .con dl dt{ width:22%; } .a-box3 .con dl dt,.a-box3 .con dl dd{ display:table-cell; vertical-align:middle; } .a-box3 .con dl h1{ font-size:16px; color:#14259e; font-weight:500; margin-bottom:5px; } .a-box3 .con dl .c{ color:#262626; font-size:14px; max-height:48px; overflow:hidden; } .about,.service{ padding:40px 0 0 0; overflow:hidden; } .a-box4{ margin-bottom:50px; } .a-box4 .media .video{ height:436px; width:46%; float:left; position:relative; background-repeat:no-repeat; } .a-box4 .media .video .play{ background:url(../images/play.png) no-repeat center; width:100%; height:100%; position:absolute; top:0; left:0; } .a-box4 .media .m{ float:left; width:50.5%; margin-top:-9px; margin-left:3.5%; } .a-box4 .conbox{ color:#262626; margin-top:60px; font-size:14px; line-height:30px; } .a-box5{ background:url(../images/bg4.jpg) repeat center; padding:55px 0; } .a-box5 ul{ margin:0 auto; max-width:1222px; } .a-box5 li{ float:left; width:33.333%; padding:0 38px; box-sizing:border-box; } .a-box5 li .mod{ background:#fff; border-radius:5px; padding:30px 20px; display:table; width:100%; box-sizing:border-box; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; position:relative; } .a-box5 li .mod>div{ display:table-cell; vertical-align:middle; } .a-box5 li .mod .m{ background:url(../images/mark15.jpg) no-repeat left center; width:75px; height:75px; } .a-box5 li .mod .m2{ background:url(../images/mark16.jpg) no-repeat left center; } .a-box5 li .mod .m3{ background:url(../images/mark17.jpg) no-repeat left center; } .a-box5 li .mod .t{ font-size:18px; color:#344198; } .a-box5 li .mod .con{ padding-left:15px; } .a-box5 li .mod .con .conbox{ color:#4c4c4c; font-size:14px; height:25px; overflow:hidden; margin:3px 0; } .a-box5 li .mod .con .more{ background:url(../images/mark18.jpg) no-repeat right center; padding-right:20px; color:#1a1a1a; font-size:12px; line-height:25px; display:inline-block; } .a-box5 li .mod a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; } .a-box5 li .mod:hover{ box-shadow:2px 2px 5px 1px rgba(0,0,0,0.3); transform:translateY(-2px); -webkit-transform:translateY(-2px); -moz-transform:translateY(-2px); -ms-transform:translateY(-2px); -o-transform:translateY(-2px); } .a-box5 li .mod:hover .m{ background:url(../images/mark15.jpg) no-repeat right center; } .a-box5 li .mod:hover .m2{ background:url(../images/mark16.jpg) no-repeat right center; } .a-box5 li .mod:hover .m3{ background:url(../images/mark17.jpg) no-repeat right center; } .a-box5 li .mod:hover .t{ color:#da251d; } .a-box6{ background:url(../images/line2.jpg) repeat-y center top; margin-bottom:80px; } .a-box6 .li{ margin-bottom:20px; } .a-box6 .li .mod{ margin-left:50%; width:50%; } .a-box6 .li .mod .dian{ background:url(../images/mark19.jpg) no-repeat center; width:21px; height:21px; display:block; float:left; margin-left:-10px; } .a-box6 .li .mod .line{ width:51px; height:1px; background:#cccccc; display:block; float:left; margin-top:10px; } .a-box6 .li .mod .con{ margin-left:78px; top:-5px; position:relative; } .a-box6 .li .mod .con .year{ font-size:36px; color:#1a1a1a; line-height:36px; font-style:italic; font-family:'瀹嬩綋'; font-weight:bolder; margin-bottom:5px; } .a-box6 .li .mod .con .conbox{ color:#333333; font-size:14px; } .a-box6 .li.lil .mod{ margin-left:0; text-align:right; } .a-box6 .li.lil .mod .dian{ float:right; margin-left:0; background:url(../images/mark20.jpg) no-repeat center; margin-right:-10px; } .a-box6 .li.lil .mod .line{ float:right; } .a-box6 .li.lil .mod .con{ margin-left:0; margin-right:78px; } .s-box{ background:#b5c9e3; padding:10% 10px; overflow:hidden; } .s-box .media{ width:36%; float:left; } .s-box .form{ width:64%; float:left; position:relative; margin-left:-45px; margin-top:3%; } .s-box .form h3{ font-size:22px; color:#5d80ae; margin-bottom:25px; font-weight:500; } .s-box .form .txt4{ width:21.9%; border:none; background:#fff; height:61px; line-height:61px; padding:0 10px; box-sizing:border-box; margin-right:2%; font-size:16px; } .s-box .form .but3{ margin-top:35px; } .s-box .form .button3{ width:94.8%; height:61px; line-height:61px; text-align:center; color:#fff; font-size:22px; border:1px solid #fff; box-shadow:1px 1px 0 1px #a2b4cc; background:#9cb7da; cursor:pointer; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; } .s-box .form .button3:hover{ box-shadow:3px 3px 0 1px #a2b4cc; } .s-box .form .hd{ color:#1a1a1a; font-size:38px; } .s-box .form .hd img{ vertical-align:middle; margin-right:15px; } .s-box .form .conbox{ color:#404040; font-size:18px; line-height:33px; margin-top:15px; } .s-box .form .hd2{ color:#5d80ae; } /*浜у搧*/ .product-sort{ background:url(../images/bg5.jpg) no-repeat center; height:787px; overflow:hidden; } .product-sort .centers{ position:relative; height:100%; width:1146px; } .product-sort .li{ width: 240px; height:240px; position:absolute; left:0; top:50%; margin:-178px 0 0 0; display:table; z-index:1; background:url(../images/bg6.png) repeat; border:1px solid #ffffff; border-radius:50%; } .product-sort .li .b{ display:block; width:240px; height:240px; border-radius:50%; left:-15px; top:-15px; border:15px solid #da251d; border-right-color:#222d7c; transition:all .6s linear; -webkit-transition:all .6s linear; -moz-transition:all .6s linear; -ms-transition:all .6s linear; -o-transition:all .6s linear; position:absolute; opacity:0; filter:alpha(opacity=0); z-index:12; } .product-sort .li a{ display:block; position:absolute; top:0; left:0; width:100%; z-index:100; height:100%; } .product-sort .li .bg{ left:0; top:0; border-radius:50%; opacity:0; filter:alpha(opacity=0); position:absolute; left:0; z-index:10; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .product-sort .li1{ margin-left:-268px; left:0; opacity:0; filter:alpha(opacity=0); } .product-sort .li2{ margin-left:-268px; left:19.5%; opacity:0; filter:alpha(opacity=0); z-index:1; } .product-sort .li3{ right:39.6%; left:auto; margin-right:-268px; opacity:0; filter:alpha(opacity=0); z-index:1 } .product-sort .li4{ right:19.7%; left:auto; opacity:0; margin-right:-268px; filter:alpha(opacity=0); } .product-sort .li5{ right: 0; left:auto; opacity:0; margin-right:-268px; filter:alpha(opacity=0); } .product-sort .txt{ display:table-cell; vertical-align:middle; width:100%; text-align:center; color:#262626; } .product-sort .txt i,.product-sort .txt em,.product-sort span{ display:block; font-style:normal; } .product-sort .txt .cn{ display: block; font-size: 24px; line-height: 25px; margin: 0 auto; text-align: center; width: 80%; } .product-sort .txt .en{ font-size:12px; text-transform:uppercase; margin:5px 0; } .product-sort .txt .line{ display:block; width:47px; height:1px; background:#343434; margin:10px auto 0 auto; } .product-sort .li .b i{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); border-radius: 50%; transition:all .6s linear; -webkit-transition:all .6s linear; -moz-transition:all .6s linear; -ms-transition:all .6s linear; -o-transition:all .6s linear; border: 15px solid #da251d; width:100%; height:100%; position: absolute; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -15px; bottom: -15px; transform: rotate(38deg); } .product-sort .li:hover{ border-color:transparent; z-index:100; } .product-sort .li:hover .b{ z-index:12; transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); -webkit-transform: rotate(-18deg); opacity:1; filter:alpha(opacity=100) } .product-sort .li:hover .bg{ opacity:1; filter:alpha(opacity=100); left:0; top:0; } .product-sort .li:hover .txt{ z-index:100; position:relative; color:#fff; text-shadow:0 0 2px rgba(0,0,0,0.5); } .product-sort .li:hover .line{ background:#fff; } .product{ background:url(../images/bg7.jpg) no-repeat left bottom; overflow:hidden; } .psearch{ background:url(../images/bg8.jpg) repeat; padding:43px 10px; overflow:hidden; } .psearch span{ float:left; color:#fff; font-size:18px; width:155px; line-height:55px; text-align:center; } .psearch .psbox{ margin-left:155px; } .psearch .psbox .txt5{ width:80%; background:#fff; border:none; color:#a6a6a6; font-size:14px; height:55px; line-height:55px; padding:0 10px; box-sizing:border-box; float:left; } .psearch .psbox .sbut2{ width:20%; float:left; background:#205ab9; border:none; line-height:55px; height:55px; cursor:pointer; color:#fff; font-size:18px; } .psearch .psbox .sbut2 img{ vertical-align: middle; margin-right:10px; } .product .p-box{ max-width:1172px; background:url(../images/bg9.png) repeat; margin:40px auto 0 auto; padding:35px 15px; } .product .p-box .phd{ text-align:center; font-size:22px; color:#1a1a1a; margin-bottom:30px; } .product .p-box .phd .line{ display:block; width:47px; height:2px; background:#343434; margin:15px auto; } .tab{ padding:0 10px 0 15px; margin-bottom:30px; text-align:justify; } .tab dl{ float:left; min-width:16.666%; } .tab a{ display:block; margin:0 5px 5px; border-radius:5px; padding:10px 0; text-align:center; background:#fff; color:#333333; font-size:14px; transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; } .tab a:hover,.tab a.selected{ background:#da251d; color:#fff !important; box-shadow:1px 1px 0 1px rgba(0,0,0,0.1); } .stab{ max-width:983px; margin:0 auto 30px auto; } .stab a{ border:1px solid #e5e5e5; } .stab a:hover,.stab a.selected{ border:1px solid #da251d; } .product .plist li{ float:left; width:25%; } .product .plist li .mod{ margin:0 15px 15px; border:1px solid #ccc; border-bottom:3px solid #ccc; background:#fff; overflow:hidden; position:relative; } .product .plist li .mod .t{ border-bottom:1px solid #ccc; text-align:center; font-size:16px; color:#333333; line-height:58px; height:58px; overflow:hidden; } .product .plist li .mod .con{ padding:0 10px; color:#666666; height:48px; overflow:hidden; font-size:12px; } .product .plist li .mod .more{ color:#0048b3; text-align:center; display:block; padding:10px 0; font-size:12px; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .product .plist li .mod .more .mark{ background:url(../images/mark29.jpg) no-repeat center; width:15px; height:15px; display:inline-block; vertical-align:middle; margin-left:5px; } .product .plist li .mod .conc{ background:url(../images/bg10.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0; color:#ffffff; font-size:12px; padding:20px; box-sizing:border-box; opacity:0; top:50%; filter:alpha(opacity=0); transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; } .product .plist li .mod .bd{ position:relative; } .product .plist li .mod:hover .conc{ top:0; opacity:1; filter:alpha(opacity=100); } .product .plist li .mod:hover .more{ background:#da251d; position:relative; width:100%; bottom:0; color:#fff; } .product .plist li .mod:hover .more .mark{ background:url(../images/mark30.png) no-repeat center; } .product .plist li .mod:hover{ border-bottom-color:#0a69fa; } .product .plist li a{ display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; opacity:0; filter:alpha(opacity=0); } .pdetail{ max-width:1200px; background:#fff; margin:40px auto; display:table; border:1px solid #ccc; } .pdetail>div{ display:table-cell; vertical-align:middle; } .pdetail .media{ width:40%; position:relative; z-index:1; border-right:1px solid #ccc; } .pdetail .media .bx-wrapper .bx-pager.bx-default-pager a{ background:#ffffff; width:10px; height:10px; border:1px solid #b3b3b3; } .pdetail .media .bx-wrapper .bx-pager.bx-default-pager a:hover,.pdetail .media .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#b3b3b3; } .pdetail .bx-wrapper .bx-pager{ bottom:30px; } .pdetail .media .bx-wrapper .bx-controls-direction a{ width:68px; height:53px; bottom:-5%; top:auto; margin:0; } .pdetail .media .bx-wrapper .bx-prev{ background:url(../images/prev.jpg) no-repeat left center; left:auto; right:0; } .pdetail .media .bx-wrapper .bx-next{ background:url(../images/prev.jpg) no-repeat right center; right:-68px; } .pdetail .media .bx-wrapper .bx-prev:hover{ background:url(../images/next.jpg) no-repeat left center; } .pdetail .media .bx-wrapper .bx-next:hover{ background:url(../images/next.jpg) no-repeat right center; } .pdetail .media{ padding-bottom:5%; } .pdetail .pintro{ padding:30px 50px; vertical-align:top; position:relative; } .pdetail .pintro .t{ font-size:20px; color:#15259e; font-weight:500; } .pdetail .pintro .c{ color:#262626; font-size:16px; border-bottom:1px solid #15259e; padding-bottom:10px; margin-bottom:10px; margin-top:10px; } .pdetail .pintro .m{ margin:25px 0; padding-right:5%; } .pdetail .pintro .m img{ margin-right:1px; width:32.333%; } .pdetail .pintro .ptab{ padding-left:1px; overflow:hidden; } .pdetail .pintro .ptab a{ border:1px solid #cccccc; margin-left:-1px; line-height:32px; color:#333333; font-size:14px; text-align:center; min-width:111px; float:left; } .pdetail .pintro .ptab .mark{ background:url(../images/mark23.png) no-repeat center; width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right:5px; } .pdetail .pintro .ptab .mark2{ background:url(../images/mark24.png) no-repeat center; width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right:5px; } .pdetail .pintro .ptab .mark3{ background:url(../images/mark25.png) no-repeat center; width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right:5px; } .pdetail .pintro .ptab .selected,.pdetail .pintro .ptab a:hover{ background:#205ab9; color:#fff !important; } .pdetail .pintro .ptab .selected .mark,.pdetail .pintro .ptab a:hover .mark{ background:url(../images/mark23s.png) no-repeat center; } .pdetail .pintro .ptab .selected .mark2,.pdetail .pintro .ptab a:hover .mark2{ background:url(../images/mark24s.png) no-repeat center; } .pdetail .pintro .ptab .selected .mark3,.pdetail .pintro .ptab a:hover .mark3{ background:url(../images/mark25s.png) no-repeat center; } .pdetail .pintro .conbox{ overflow:hidden; margin-top:20px; } .pdetail .pintro .conbox dl{ color:#333333; font-size:12px; display:none; max-height:169px; overflow:hidden; position:relative; padding-right:10px; } .pdetail .pintro .conbox dl.selected{ display:block; } .pdetail .pintro .plink{ position:absolute; left:15%; bottom:8.5%; color:#e1e1e1; } .pdetail .pintro .plink img{ vertical-align:middle; } .pdetail .pintro .plink a{ margin:0 5px } .swiper-container05 { width: 100%; margin: 0 auto; z-index: 1; position: relative; background: url(../images/bg6.jpg) no-repeat center; display: none; } .swiper-container05 .swiper-slide { transform: scale(0.6); -webkit-transform: scale(0.6); transition: all ease 500ms; -webkit-transition: all ease 500ms; } .swiper-container05 .swiper-slide-active { transform: scale(1.1); -webkit-transform: scale(1.1); } .swiper-button-prev05 { position: absolute; left: 0; background: url(../images/prev2.png) no-repeat left center; background-size: 4.5em; width: 2.25em; height: 2.25em; top: 50%; margin-top: -1.125em; z-index: 10; } .swiper-button-next05 { position: absolute; right: 0; background: url(../images/prev2.png) no-repeat right center; background-size: 4.5em; width: 2.25em; height: 2.25em; top: 50%; margin-top: -1.125em; z-index: 10; } .swiper-slide img { } .bigscreen { display: block; +padding:50px 0 80px 0; position:relative; } .bigscreen .orbit-wrapper { position: relative; overflow: visible; margin: 0 auto; margin-bottom:30px; } .bigscreen .orbit { position: relative; } .bigscreen .orbit span { display: none; } .bigscreen .orbit .swiper-slide { display: block; position: absolute; left:0; width:107px } .bigscreen .orbit .swiper-slide img { width: 100%; } .bigscreen .orbit-wrapper h4 { display: none; } .bigscreen .timer { display: none; } .bigscreen .slider-nav { display: block; position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:10; } .bigscreen .slider-nav span.right { background: url(../images/next2.jpg) no-repeat center; width:152px; height:26px; right:0; } .bigscreen .slider-nav span.right:hover{ background:url(../images/next3.jpg) no-repeat center; } .bigscreen .slider-nav span.left { background: url(../images/prev2.jpg) no-repeat left center; width:152px; height:26px; left:0; } .bigscreen .slider-nav span.left:hover{ background: url(../images/prev3.jpg) no-repeat left center; } .bigscreen .slider-nav span { color: #fff; text-align: center; display:inline-block; z-index: 10; cursor: pointer; text-indent: -9999px; display:inline-block; } .orbit-wrapper #featured{ margin:0 auto; background:url(../images/bg12.jpg) no-repeat center; } .bigscreen .orbit .swiper-slide .pic { position: relative; text-align: center; /*overflow: hidden;*/ } .bigscreen .orbit .swiper-slide .pic a { } .bigscreen .orbit .swiper-slide .pic .text07 { overflow: hidden; position:relative; z-index: 3; padding: 15px; text-align:center; margin-top:15px; bottom:0; color:#313131; left:0; text-align:center; width:100%; font-size:16px; +bottom:-30px; display:none; width:700px; left:50%; margin-left:-350px; box-sizing:border-box; } .bigscreen .orbit .swiper-slide .pic .text07 .more { font-style: normal; position: absolute; right: 15px; top: 50%; margin-top: -10px; } .bigscreen .orbit .swiper-slide .pic .p1 { position: relative; z-index: 2; /* margin-bottom: -82px;*/ } .bigscreen .orbit .swiper-slide{ border:none !important; height:auto; } .bigscreen .orbit .swiper-slide .pic .p1 .mark{ background:url(../images/mark31.png) no-repeat center; width:42px; height:42px; display:block; position:absolute; right:0; bottom:0; display:none; } .floatbg{ width:100% !important; height:100% !important; position:absolute; left:0; top:0; z-index:7; display:block; } .about .slide{ text-align:center; font-size:13px; } .about .slide .text07{ margin-top:10px; } .smallscreen{ margin:10px; display:none; } .about .slide .m{ position:relative; } .about .slide .mark{ background:url(../images/mark31.png) no-repeat center; background-size:31px; height:31px; width:31px; display:block; position:absolute; right:0; bottom:0; } .smallscreen .bx-wrapper img{ width:100%; } .orderall { margin-top: 30px; background: url(../images/bg13.jpg) no-repeat; height: 655px; margin: 0 auto 50px auto; width: 983px; position: relative; padding-top: 11px; } .orderall #myBook div a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; } /* Booklet jQuery Plugin Style*/ .booklet { -moz-box-shadow: 0px 0px 1px #fff; -webkit-box-shadow: 0px 0px 1px #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; left: -1px; top: 20px; } .booklet .b-wrap-left { background: #fff url(../images/left_bg.jpg) no-repeat top left; } .booklet .b-wrap-right { background: url(../images/right_bg.jpg) no-repeat top left; position: relative; } .booklet .b-counter { bottom: 10px; position: absolute; display: block; width: 90%; height: 20px; color: #222; text-align: center; font-size: 12px; padding: 5px 0 0; background: transparent; -moz-box-shadow: 0px -1px 1px #fff; -webkit-box-shadow: 0px -1px 1px #fff; opacity: 0.8; } .book_wrapper { margin: 0 auto; width: 930px; height: 647px; position: relative; } .book_wrapper h1 { color: #13386a; margin: 5px 5px 5px 15px; font-size: 26px; padding-bottom: 7px; } .book_wrapper p { font-size: 14px; text-indent: 28px; line-height: 22px; margin: 5px 5px 5px 15px; } .book_wrapper a.article, .book_wrapper a.demo { display: block; width: 95px; height: 41px; text-decoration: none; outline: none; font-size: 16px; color: #555; float: left; line-height: 41px; padding-left: 47px; } .book_wrapper a.demo { margin-left: 50px; } .book_wrapper a.article:hover, .book_wrapper a.demo:hover { background-position: 50% -41px; color: #13386a; } .book_wrapper img { } .booklet .b-wrap-right img { } a#next_page_button, a#prev_page_button { display: none; position: absolute; cursor: pointer; bottom: 5px; z-index: 10005; color: #0160ba; } a#prev_page_button { left: 30px; } a#next_page_button { right: 30px; } .booklet { width: 880px; height: 640px; position: relative; /*background:#fff;*/ margin: 0 auto 10px; } .booklet .b-page { left: 0; top: 0; position: absolute; overflow: hidden; padding: 0; } .booklet .b-pN { } .booklet .b-p0 { } .booklet .b-p1 { } .booklet .b-p2 { } .booklet .b-p3 { } .booklet .b-p4 { } /*.booklet .b-load {display:none;}*/ /* Page Wrappers */ .booklet .b-wrap { top: 0; position: absolute; } .booklet .b-wrap-left { background: #fff; } .booklet .b-wrap-right { background: #fff; } .booklet .b-pN .b-wrap, .booklet .b-p1 .b-wrap, .booklet .b-p2 .b-wrap, .booklet .b-p3 .b-wrap, .booklet .b-p4 .b-wrap { left: 0; } .booklet .b-p0 .b-wrap { right: 0; } /* Custom Page Types */ .booklet .b-page-blank { padding: 0; width: 100%; height: 100%; } .booklet .b-page-cover { padding: 0; width: 100%; height: 100%; background: #925C0E; } .booklet .b-page-cover h3 { color: #fff; text-shadow: 0px 1px 3px #222; } /* Page Numbers */ .booklet .b-counter { bottom: 10px; position: absolute; display: block; width: 25px; height: 20px; background: #ccc; color: #444; text-align: center; font-size: 10px; padding: 5px 0 0; line-height: 20px; } .booklet .b-wrap-left .b-counter { left: 10px; } .booklet .b-wrap-right .b-counter { right: 10px; } /* Page Shadows */ .booklet .b-shadow-f { right: 0; top: 0; position: absolute; opacity: 0; background-repeat: repeat-y; background-position: 100% 0; } .booklet .b-shadow-b { left: 0; top: 0; position: absolute; opacity: 0; background-repeat: repeat-y; background-position: 0 0; } .booklet .b-p0 { background-repeat: repeat-y; background-position: 100% 10px; } .booklet .b-p3 { background-repeat: repeat-y; background-position: 0 10px; } /* Overlay Controls */ .booklet .b-overlay { top: 0; position: absolute; height: 100%; width: 50%; } .booklet .b-overlay-prev { left: 0; } .booklet .b-overlay-next { right: 0; } /* Tab Controls */ .booklet .b-tab { background: #000; height: 40px; width: 100%; padding: 10px 0 0; text-align: center; color: #ccc; position: absolute; font-size: 11px; } .booklet .b-tab-prev { left: 0; } .booklet .b-tab-next { right: 0; } .booklet .b-tab:hover { background: #aaa; color: #000; } /* Arrow Controls */ .booklet .b-arrow { display: block; position: absolute; text-indent: -9999px; top: 0; height: 100%; width: 74px; } .booklet .b-arrow div { display: none; text-indent: -9999px; height: 170px; width: 74px; position: absolute; left: 0; top: 25%; } .booklet .b-arrow-next { right: -80px; } .booklet .b-arrow-prev { left: -80px; } .booklet .b-arrow-next div { background: url("images/arrow-next.png") no-repeat left top; } .booklet .b-arrow-prev div { background: url("images/arrow-prev.png") no-repeat left top; } /* @z-index fix (needed for older IE browsers) ----------------------------------------*/ .b-menu { z-index: 100; } .b-selector { z-index: 100; } .booklet { z-index: 10; } .b-pN { z-index: 10; } .b-p0 { z-index: 10; } .b-p1 { z-index: 10; } .b-p2 { z-index: 10; } .b-p3 { z-index: 10; } .b-p4 { z-index: 10; } .b-prev { z-index: 40; } .b-next { z-index: 40; } .b-counter { z-index: 40; } .smallbook{ display:none; } /******IE鐗堟湰浣?******/ #browser_ie{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:10000; background: #fff; } .brower_info{ position:absolute; width:100%; left:0; top:50%; margin-top:-200px; } .notice_info{ text-align: center; font-size:16px; } .browser_list ul{ overflow: hidden; width:315px; margin:30px auto; } .browser_list li{ width:33.33%; float:left; text-align: center; font-size:16px; } .phone{ display: none; } .banner .phone{ position:relative; width:100%; height:100%; } .banner .pc{ position:relative; width:100%; height:100%; } .n-sort{ background:url(../images/a-sortbg2.png) no-repeat center; } .n-sort .sort-c{ width:220px; } .newslist{ margin-top:40px; } .newslist .list li{ margin-bottom:30px; } .nbanner2{ height:578px; background-position:center; background-repeat:no-repeat; } .whitebg{ position:fixed; z-index:10000; background:#fff; top:0; width:100%; height:100%; left:0; } .color{ color:#999999; } .float2{ background:url(../images/bg10.png) repeat; width:100%; height:100%; top:0; left:0; z-index:1100; position:fixed; display:none; } .float2 img{ position:absolute; left:50%; top:50%; margin:-118px 0 0 -118px; } .orbit-wrapper{ position:relative; } .orbit-bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } .marktingen { text-align:center; border:1px solid #ccc; } .marktingen img{ max-width:100%; } .obutton{ position:absolute; bottom:-2px; border:none; background:none; color: #0160ba; cursor: pointer; display: none; position: absolute; z-index: 10005; display:block; } .obutton.obutl{ left:40px; } .obutton.obutr{ right:40px; } .t-sort{ text-align:center; margin-bottom:45px; } .t-sort a{ display:inline-block; min-width:135px; height:35px; line-height:35px; text-align:center; border:1px solid #ababab; color:#333333; font-size:14px; border-radius:5px; margin:0 8px; color:#333333; font-size:14px; } .t-sort a.selected,.t-sort a:hover{ background:#da251d; border-color:#da251d; color:#fff !important; } .talents .tlist li .mod .fixed{ margin:10px 0; font-size:13px; color:#333; font-family:'寰蒋闆呴粦'; } .talents .tlist li .mod:hover .fixed span{ color:#da251e; } .red{ color:#da251e; } .talents .tlist li .mod .tt .hot{ color:#fff; background:#da251e; border-radius:3px; display:inline-block; vertical-align:middle; line-height:16px; padding:0 5px; font-size:12px; font-style:normal; text-transform:uppercase; margin-left:10px; } .upload{ width:100%; height:40px; background:#da251e; border-radius:0; color:#fff; } .button4 .share{ float:right; margin-top:5px; } .button4 .share .name{ float:left; font-size:14px; color:#333; } .product-sort1000 .centers{ width:950px; } .product-sort1000 .li,.product-sort1000 .li .b{ width:220px; height:220px; } .product-sort1000 .txt .cn{ font-size:18px; } .product-sort900 .centers{ width:900px; } .product-sort900 .li,.product-sort900 .li .b{ width:200px; height:200px; } .product-sort900 .txt .cn{ font-size:20px; } .product-sort900 .txt .en{ transform: scale(1); } .product-sort1000 .txt .en{ transform: scale(.7); }