锘緻charset "utf-8"; html{ font:normal 62.5%/2.3em "寰蒋闆呴粦",Arial,"瀹嬩綋";} body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1;} ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;} select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} input:focus { outline: none;} input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/ } textarea{resize:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/ } textarea,input,select { background:none; border:1px solid #ccc; margin:0; padding:0; line-height:30px} article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5璁剧疆*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ border:none; border:0; max-width:100%; vertical-align:top;} a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none;} .clear{ clear:both; height:0px; overflow:hidden;} .Contain{ width:1200px; margin:0 auto;} .SildeBar{} .MainContent{} .Content{} .SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:13px; line-height:24px;} .Current{} /*pages*/ .Pages{} /*pages end*/ /*Top*/ /*#whyGeely .Top_bg{ position:absolute; left:0; top:0; width:100%; background:#fff; z-index:3;}*/ #whyGeely .viewport-cont{ height:760px;} #whyGeely .viewport-cont-bottom{ height:auto; overflow:hidden;} .Top{ height:100px; width:1200px; margin:0 auto; position:relative; z-index:3;} .Top .logo{ float:left; margin-top:23px;} .Top .logo a{ display:block; width:180px; height:57px;} .mainnav{ position:absolute; right:20px; bottom:30px;} .mainnav li{ float:left; color:#666;} .mainnav li a{ display:block; padding:0 30px; font-size:14px;} .mainnav li a:hover{color:#F00;} .mainnav li.onnav a{ color:#e60012;} .nava{color:#b5b5b5;} .cur {color:red; } .Top .search_btn{ position:absolute; right:0; bottom:37px; width:12px; height:12px; display:block; background:url(../images/search_btn.jpg) no-repeat;} .Top .searchbox{ position:absolute; right:0; bottom:23px; width:830px; height:43px; background:#fff; overflow:hidden; display:none; border:1px solid #f2f2f2;} .Top .searchbox a{ float:right; width:32px; height:45px; background:url(../images/search_bg.png) no-repeat center; margin-right:5px;} .Top .searchbox input{ padding:0 0 0 20px; width:770px; line-height:45px; height:45px; font-size:14px; color:#777;} /*Top*/ /*Bottom*/ .Bottom{ width:1200px; margin:0 auto; padding:15px; margin-top:2px;} .Bottom .div{ float:left;/* width:164px;*/ width:140px;} .Bottom .div .h3{ font-weight:normal; font-size:12px; color:#333; margin:0; line-height:20px; font-weight:600;} .Bottom .div li{ height:20px; line-height:20px;} .Bottom .div li a{ line-height:20px; color:#666; font-size:12px !important;} .Bottom .div6{ width:100px;} .Bottom .b_tel{ float:right; width:210px;} .Bottom .b_tel .h3,.Bottom .b_tel p{ margin:0;} .Bottom .b_tel .h3{ font-size:14px; color:#999; font-weight:normal; padding-left:20px; background:url(../images/b_telbg.jpg) no-repeat left center;} .Bottom .b_tel p{ padding:5px 0; font-size:18px; color:#e6002e; } .Bottom .b_tel .erweima{/* padding-top:15px;*/} .Bottom .b_tel .erweima li{ float:left; width:38px; height:38px; margin-right:20px; position:relative;} .Bottom .b_tel .erweima li div{ position:absolute; left:50%; bottom:41px; width:0; height:102px; background:url(../images/erweima_bg.png) no-repeat; transition:all 300ms; -webkit-transition:all 300ms;} .Bottom .b_tel .erweima .li1{ background:url(../images/bottom_img2.jpg) no-repeat center top; transition:all 300ms; -webkit-transition:all 300ms;} .Bottom .b_tel .erweima .li1:hover{ background-position:center bottom;} .Bottom .b_tel .erweima .li2{ background:url(../images/bottom_img3.jpg) no-repeat center top; transition:all 300ms; -webkit-transition:all 300ms;} .Bottom .b_tel .erweima .li2:hover{ background-position:center bottom;} .Bottom .b_tel .erweima li:hover div{ width:98px; padding:10px 11px; margin-left:-59px;} .Bottom .Copyright{ line-height:55px; margin-top:10px; border-top:1px solid #e8e8e8;} .Bottom .Copyright,.Bottom .Copyright a{ color:#999;} .Bottom .Copyright .BottomLinks{ float:right;} .Bottom .Copyright .BottomLinks em{ font-style:normal; padding:0 10px; color:#f2f2f2;} /*Bottom*/ /*SildeBar*/ .SildeBar{} /*SildeBar*/ /*Banner*/ .HomeBan{ height:605px; position:relative;} .HomeBan .bd{ height:605px; position:relative;} .HomeBan .bd li{ width:100%; height:605px;background-size: 1920px 605px !important;} .HomeBan .hd{ position:absolute; left:0; bottom:20px; text-align:center; width:100%;} .HomeBan .hd li{ width:10px; height:10px; cursor:pointer; background:url(../images/home_ban.png) no-repeat center top; display:inline-block; margin:0 10px;} .HomeBan .hd li.on{ background-position:center bottom;} .Banner{ height:605px;} /*Banner*/ /*index*/ .home_con{ overflow:hidden; width:1200px; margin:0 auto; padding-top:28px;} .home_con li{ float:left; margin:0 1px; height:142px; overflow:hidden; width:298px;} .home_con li img{ height:142px; width:298px;} /*index*/ /*about*/ .about .title{ text-align:center; color:#c0c0c0;} .about .title .en{ font-size:56px; text-transform:uppercase; display:block; line-height:1.2em; font-family:arial;} .about .title em{ display:block; width:48px; height:1px; background:#e60027; margin:10px auto; display:none;} .about .title .cn{ color:#222; font-size:32px; display:block; line-height:1.2em;} .about .about_con{ padding:65px 0 0;} .about .brand .title .cn span{ color:#e6002d;} .about .brand .text{ padding-top:65px; line-height:26px; font-size:14px; color:#555; text-align:center;} .about .brand .text .more{ display:block; width:66px; height:66px; background:url(../images/about_brand_more.jpg) no-repeat; margin:60px auto 0;} .scorll_img{ position:relative;} .scorll_img .bd li img{ width:1200px; height:600px;} /*.scorll_img a.prev, .scorll_img a.next{ width:28px; height:54px; position:absolute; top:50%; margin-top:-27px; z-index:10; cursor:pointer;} .scorll_img a.prev{ left:10px; background-image:url(../images/honor_prev.png);} .scorll_img a.next{ right:10px; background-image:url(../images/honor_next.png);} .scorll_img .prev:hover{background-image:url(../images/honor_prev_hover.png);} .scorll_img .next:hover{background-image:url(../images/honor_next_hover.png);}*/ .scorll_img .hd{ text-align:center; position:absolute; left:0; bottom:10px; width:100%;} .scorll_img .hd span{ display:inline-block; width:12px; height:12px; cursor:pointer; background:url(../images/news_tab.png) no-repeat center top; margin-right:13px;} .scorll_img .hd span.on{ background-position:center bottom;} .about .devek_bg{ background:#f2f2f2; position:relative;} .about .devek_bg .list{ position:absolute; left:0; bottom: 41px; border-top:1px solid #aba7a1; width:100%; height:40px;} .about .devek_bg .list .con{ height:40px; position:relative;} .about .devek_bg .list .con .tempWrap ul{ overflow:visible !important;} .about .devek_bg .list .con .tempWrap{ margin-top:-48px;} .about .devek_bg .list .con .prev,.about .devek_bg .list .con .next{ width:10px; height:18px; position:absolute; bottom: -9px;} .about .devek_bg .list .con .prev{ left:-11px; background:url(../images/devel_prev.png) no-repeat;} .about .devek_bg .list .con .next{ right:-11px; background:url(../images/devel_next.png) no-repeat;} .about .devek_bg .list .con li{ width:100px; float:left; padding-top:22px; background:url(../images/devel_list_bg.jpg) no-repeat center top; text-align:center; color:#888; font-size:14px; cursor:pointer; margin-top:48px;} .about .devek_bg .list .con li.on{ background:url(../images/devel_list_on.png) no-repeat center top; height:88px; margin-top:0; font-weight:bold; color:#fff;} .about .devel .title{ color:#a4b8ce;} .about .devel .con{ height:580px; position:relative;} .about .devel .con .tab{ height:500px; position:absolute; width:100%; z-index:-1; margin-top:25px;} .about .devel .con .tab.on{ z-index:1;} .about .devel .con .tab .bdul{ position:absolute; left:0; top:0; width:100%; height:100%;} .about .devel .con .tab .bdul li{ width:100%; height:100%; margin-top:15px;} .about .devel .con .tab .bdul li .left{width:360px; height:450px; overflow: hidden; color:#222; float:left; background:#fff;} .about .devel .con .tab .bdul li .left .h1{ margin:0 0 25px; font-size:38px; line-height:1.1em; font-weight:300;} .about .devel .con .tab .bdul li .left .h1 em{ display:none; width:48px; height:1px; background:#e60027; margin:10px 0 10px;} .about .devel .con .tab .bdul li .left .cen{ padding:50px 30px 20px; overflow:hidden;} .about .devel .con .tab .bdul li .left .c{ font-size:14px;} .about .devel .con .tab .hdul{ position:absolute; left:0; bottom:0; text-align:center; width:100%;} .about .devel .con .tab .hdul li{ width:10px; height:10px; cursor:pointer; background:url(../images/home_ban.png) no-repeat center top; display:inline-block; margin:0 10px;} .about .devel .con .tab .hdul li.on{ background-position:center bottom;} .about .devel .con .tab .bdul li .right{ float:right; width:840px; height:450px;} .about .devel .con .tab .bdul li .right img{ width:840px; height:450px;} .about .news{ overflow:hidden;} .about .news .title{ margin-bottom:75px; position:relative;} .about .news .title a{ position:absolute; right:0; top:15px; display:block; width:78px; height:34px; line-height:34px; text-align:center; color:#ee5f01; border:1px solid #ee5f01;} .about .news .left{ padding-bottom:30px; position:relative; width:420px; padding-right:127px; float:left; border-right:1px solid #f0eeea;} .about .news .left .bd li{ position:relative; height:420px;} .about .news .left .img img{ width:420px; height:300px;} .about .news .left .time{ width:100px; height:100px; background:#ee5f01; color:#fff; position:absolute; left:411px; top:0; font-size:56px; line-height:1.2em; text-align:center;} .about .news .left .time span{ display:block; width:100%; font-size:18px; line-height:25px;} .about .news .left .name{ display:block; margin:16px 0 10px; font-size:16px; font-weight:bold; color:#555;} .about .news .left .txt{ line-height:20px; color:#949494; font-size:14px;} .about .news .left .hd{ position:absolute; left:0; bottom:0;} .about .news .left .hd li{ display:inline-block; width:10px; height:10px; cursor:pointer; background:url(../images/home_ban.png) no-repeat center top; margin-right:13px;} .about .news .left .hd li.on{ background-position:center bottom;} .about .news .right{ float:right; width:613px;} .about .news .right li{ padding:13px 120px 25px 0; position:relative; border-bottom:1px dotted #edece9;} .about .news .right li .time{ position:absolute; right:0; top:8px; width:78px; height:68px; border:1px solid #dfdfdf; font-size:36px; font-weight:bold; color:#555; line-height:1.2em; text-align:center;} .about .news .right li .time span{ display:block; font-size:12px; line-height:20px; font-weight:normal;} .about .news .right li .name{ font-size:14px; color:#555; font-weight:bold;} .about .news .right li .txt{ font-size:12px; line-height:20px; color:#949494;} .about .honor_bg{} .about .honor{ height:480px; position:relative;} .about .honor .bd{ padding-top:50px; overflow:hidden;} .about .honor .bd li{ float:left; text-align:center; width:203px; margin-right:44px;} .about .honor .bd li .img{ width:203px; height:238px; background:url(../images/honor_bg.jpg) no-repeat center center; padding-top:26px;} .about .honor .bd li .img img{ width:148px; height:210px;} .about .honor .bd li .name{ line-height:79px; font-size:14px; color:#555;} .about .honor .prev,.about .honor .next{ position:absolute; top:40%; display:block; width:10px; height:18px;} .about .honor .prev{ background:url(../images/devel_prev.png) no-repeat; left:-50px;} .about .honor .next{ background:url(../images/devel_next.png) no-repeat; right:-50px;} .about .honor .prev:hover{background-image:url(../images/honor_prev_hover.png);} .about .honor .next:hover{background-image:url(../images/honor_next_hover.png);} .about_info{ padding:30px 0; font-size:16px; margin-top:40px} .about_info p{ font-size:16px;} .news_list li{ padding:23px 120px 25px 0; position:relative; border-bottom:1px dotted #edece9;} .news_list li .time{ position:absolute; right:0; top:18px; width:78px; height:68px; border:1px solid #dfdfdf; font-size:36px; font-weight:bold; color:#555; line-height:1.2em; text-align:center;} .news_list li .time span{ display:block; font-size:12px; line-height:20px; font-weight:normal;} .news_list li .name{ font-size:14px; color:#555; font-weight:bold;} .news_list li .txt{ font-size:12px; line-height:20px; color:#949494;} .info_title{ font-size:24px; text-align:center; padding:0 0 20px; color:#222;} .info_time{ font-size:14px; text-align:center; padding-bottom:10px; color:#aaa; } .info_txt{ padding:20px; } .info_txt img{ vertical-align:middle; width:900px} /*about*/ /*promotime*/ .promotime{ font-size:14px;} .promotime .title{ text-align:center; color:#c0c0c0;} .promotime .title .en{ font-size:56px; text-transform:uppercase; display:block; line-height:1.2em; font-family:arial;} .promotime .title em{ display:none; width:48px; height:1px; background:#e60027; margin:10px auto;} .promotime .title .cn{ color:#222; font-size:32px; display:block; line-height:1.2em;} .promotime .promotime_con{ padding:70px 0 30px;} .promotime .advantage_bg{ background:#f2f2f2;} .promotime .advantage .text{ padding:55px 0; text-align:center; line-height:24px;} .promotime .advantage .t{ padding-bottom:80px;} .promotime .advantage .list{ padding-top:185px; height:510px; background:url(../images/advantage_bg_03.png) no-repeat center 90px; position:relative;} .promotime .advantage .list .c{ height:382px; text-align:center;} .promotime .advantage .list .c .name{ font-size:26px; font-weight:bold; color:#555; padding-bottom:10px;} .promotime .advantage .list .c .p{ height:75px; width:395px; margin:0 auto 35px; font-size:12px; position:relative;} .promotime .advantage .list .c .p em{ display:block; width:50px; height:1px; background:#e60027; position:absolute; left:50%; bottom:0; margin-left:-25px;} .promotime .advantage .list .hd{ position:absolute; left:0; bottom:20px; text-align:center; width:100%;} .promotime .advantage .list .hd li{ width:19px; height:19px; cursor:pointer; background:url(../images/home_ban.png) no-repeat center top; display:inline-block; margin:0 10px;} .promotime .advantage .list .hd li.on{ background-position:center bottom;} ::-webkit-input-placeholder { color: #ab7f50; font-family:'寰蒋闆呴粦'; } :-moz-placeholder { color: #ab7f50; font-family:'寰蒋闆呴粦'; } ::-moz-placeholder { color: #ab7f50;font-family:'寰蒋闆呴粦'; } :-ms-input-placeholder { color: #ab7f50; font-family:'寰蒋闆呴粦'; } /*promotime*/ /*looking*/ .looking_ban{ position:relative; overflow:hidden; height:800px;} .looking_ban a{ display:block; width:395px; height:83px; margin:305px auto 27px;} .looking_ban a.a2{ margin:0 auto;} .looking_bg{ background:#f2f2f2;} .looking{ font-size:14px;} .looking .title{ text-align:center; color:#c0c0c0;} .looking .title .en{ font-size:56px; text-transform:uppercase; display:block; line-height:1.2em; font-family:arial;} .looking .title em{ display:none; width:48px; height:1px; background:#e60027; margin:10px auto;} .looking .title .cn{ color:#222; font-size:32px; display:block; line-height:1.2em;} .looking .looking_con{ padding:50px 0;} .looking .looking_con .text{ padding:35px 0; line-height:26px; width:750px; margin:0 auto;} .looking .looking_con .textA{ padding-top:35px; line-height:26px; width:750px; margin:0 auto;} .looking .looking_con .list .prev,.looking .looking_con .list .next{ position:absolute; display:block; top:50%; height:89px; width:89px; margin-top:-44.5px; z-index:2;} .looking .looking_con .list .prev{ background:url(../images/looking_prev.png) no-repeat center top; left:0;} .looking .looking_con .list .next{ background:url(../images/looking_next.png) no-repeat center top; right:0;} .looking .looking_con .list .prev:hover,.looking .looking_con .list .next:hover{ background-position:center bottom;} .looking .looking_con .list{ position:relative; height:400px; overflow:hidden;} .looking .looking_con .list img{ float:left; width:294px; height:182px; margin:0 8px 8px 0;} /*looking*/ /*mesh*/ .mesh{ padding:60px 0; overflow:hidden;} .mesh .left{ width:464px; height:673px; background:url(../images/mesh_bg.png) no-repeat; float:left;} .mesh .left .t{ padding:33px 39px 0 40px; height:130px; font-size:18px;} .mesh .left .mesh-sear{ border:1px solid #e5e5e5; height:53px; line-height:53px; margin-top:13px; overflow:hidden;} .mesh .left .mesh-sear a{ float:right; width:41px; height:53px;} .mesh .left .mesh-sear input{ height:53px; line-height:53px; width:320px; padding-left:10px; font-size:16px;} .mesh .left .mesh-sear .seabtn{float:right; cursor: pointer; width:22px; height:22px; background:url(../images/mesh-sear_bg.jpg) left center no-repeat; border:0px; margin-top: 15px; margin-right: 15px;} .mesh .left .list{ height:454px; width:414px; margin:16px 0 0 38px;} .mesh .left .list li{ padding:21px 0; border-bottom:1px solid #f2f2f2; width:379px} .mesh .left .list li .h3{ font-size:18px; font-weight:normal; color:#222; margin:0; line-height:28px;} .mesh .left .list li .h3 em{ vertical-align:middle; display:inline-block; width:28px; height:28px; text-align:center; color:#fff; background:url(../images/mesh_bg.jpg) no-repeat; font-style:normal; margin-right:15px;} .mesh .left .list li .txt{ font-size:14px; color:#848484;} .mesh .right{ width:673px; height:673px; float:right;} .mesh .right #map{ width:671px; height:671px; border:1px solid #555;} .mesh .right #map img{ max-width:none;} /*mesh*/ /*inquiry*/ .inquiry{ height:800px;} .inquiry .con{ padding-top:260px; font-size:32px; color:#222; text-align:center;} .inquiry .con .sear{ margin:30px auto 0; width:659px; height:55px; background:#fff; border:5px solid #eaf6fa; position:relative;} .inquiry .con .sear input{ width:90%; height:55px; padding:0 5%; text-align:center; font-size:16px; color:#bebebe;} .inquiry .con .sear a{ position:absolute; right:13px; top:17px; width:22px; height:22px; background:url(../images/inquiry_bg.jpg) no-repeat;} /*inquiry*/ /*custon*/ .custon_ban{ height:605px; width:100%; position:relative; overflow:hidden;} .custon_ban .bd_ul li{ display:block; width:100%; height:605px;} .custon_ban .hd{ position:absolute; bottom:35px; left:50%;} .custon_ban .hd li{ display:block; float:left; width:10px; height:10px; background:url(../images/home_ban.png) no-repeat; margin:0 10px;} .custon_ban .hd li.on{ background:url(../images/home_ban.png) no-repeat bottom;} .custon_ban .list{ padding-top:500px; text-align:center;} .custon_ban .list li{ display:inline-block; width:110px; height:86px; background:url(../images/custon_ban_bg.png) no-repeat center top; padding-top:24px; margin:0 12px;} .custon_ban .list li:hover{ background-position:center bottom; transition:all 300ms; -webkit-transition:all 300ms;} .custon_ban .list li a{ color:#fff;} .custon_ban .list li a span{ display:block; font-size:16px; padding-top:3px;} .custon_ban .prev, .custon_ban .next{ position:absolute; width:89px; height:89px; top:50%; margin-top:-45px; background-repeat:no-repeat;background-position:0 0; z-index:10; cursor:pointer;transition:all ease 0.5s; display:none;} .custon_ban .prev{ left:20px; background-image:url(../images/looking_prev.png); } .custon_ban .next{ right:20px; background-image:url(../images/looking_next.png); } .custon_ban .prev:hover, .custon_ban .next:hover{background-position:0 bottom; transition:all ease 0.3s;} .custon_fixed{ position:fixed; right:1%; top:10%; z-index:33;} .custon_fixed li{ width:70px; height:55px; padding:15px 0 0; background:url(../images/custon_bg.png) no-repeat center top; transition:all 300ms; -webkit-transition:all 300ms; text-align:center; margin-bottom:3px;} .custon_fixed li img{ width:34px;} .custon_fixed li span{ display:block; color:#fff; margin-top:-5px;} .custon_fixed li:hover{ background-position:center bottom;} .custon .list{ overflow:hidden; margin-top:100px;} .custon .list li{ float:left; position:relative;} .custon .list img{ max-width:none;} .custon .list1 li{ height:414px;} .custon .list1 .li1{ width:300px; z-index:8;} .custon .list1 .li2{ width:300px; z-index:7; height:414px;} .custon .list1 .li3{ width:600px; z-index:6;} .custon .list1 .li5{ width:300px; z-index:5;} .custon .list1 .li6{ width:300px; z-index:4;} .custon .list .con{ padding:130px 0 0 42px;} .custon .list .con .en{ font-size:60px; color:#e0e0e0; font-family:arial; text-transform:uppercase; padding-bottom:30px; font-weight:bold;} .custon .list .con .cn{ font-size:48px; color:#222; font-weight:bold; padding-bottom:35px;} .custon .list .con .p{ color:#565656; font-size:26px;} .custon .list .con .p em{ display:block; width:33px; height:1px; background:#e60027; margin-bottom:30px;} .custon .list2 .con .cn{ font-size:36px;} .custon .list2 .con .p{ width:520px; font-size:14px; line-height:20px;} .custon .list2 li{ margin:0 10px 10px 0; overflow:hidden;} .custon .list2 li .name{ position:absolute; left:30px; bottom:35px; font-size:24px; color:#fff;} .custon .list2 li.li3,.custon .list2 li.li5,.custon .list2 li.li7{ margin-right:0;} .custon .list2 li.li5 .con{ height:265px; padding-top:40px;} .custon .list2 li .img{ position:absolute; left:0; top:-600px; width:100%; height:100%; background:url(../images/bg_000.png) repeat; text-align:center; display:table; font-size:16px;} .custon .list2 li .img .c{ display:table-cell; padding:20px; vertical-align:middle;} .custon .list2 li .img .c .table-cell{ vertical-align:middle; border:3px solid #e60027; height:173px; color:#fff; text-align:center; width:100%; padding-top:85px;} .custon .list2 li .img .title{ font-size:30px; font-weight:bold; color:#fff; line-height:1.2em;} .custon .list2 li .img em{ display:block; margin:16px auto; width:24px; height:1px; background:#e60027;} .custon .list2 li.li4 .img .c .table-cell{ height:367px; padding-top:207px;} .cusinfo .list{ overflow:hidden; margin-top:96px; position:relative;} .cusinfo .list li{ position:absolute;} .cusinfo .list li .con{ padding:35px 0 0 0; font-size:14px; color:#6d6d6d; line-height:18px;} .cusinfo .list li .con .title{ font-size:35px; color:#222; line-height:1.2em;} .cusinfo .list li .con .table{ padding:25px 0 35px;} .cusinfo .list img{ width:100%; height:100%;} .cusinfo .list li .con img{ width:auto; height:auto;} .cusinfo .list1{ height:845px;} .cusinfo .list1 .li1{ left:0; top:0; width:590px; height:275px;} .cusinfo .list1 .li2{ right:0; top:0; width:600px; height:275px;} .cusinfo .list1 .li3{ left:0; top:285px; width:590px; height:275px;} .cusinfo .list1 .li4{ left:0; top:570px; width:590px; height:275px;} .cusinfo .list1 .li5{ right:0; top:285px; width:600px; height:560px;} .cusinfo .list2{ height:845px;} .cusinfo .list2 .li1{ right:0; top:0; width:600px; height:275px;} .cusinfo .list2 .li2{ left:0; top:0; width:590px; height:275px;} .cusinfo .list2 .li3{ left:0; top:285px; width:295px; height:560px;} .cusinfo .list2 .li4{ left:305px; top:285px; width:590px; height:560px;} .cusinfo .list2 .li5{ right:0; top:285px; width:295px; height:560px;} .cusinfo .list3{ height:845px;} .cusinfo .list3 .li1{ left:0; top:285px; width:590px; height:275px;} .cusinfo .list3 .li2{ left:0; top:0; width:590px; height:275px;} .cusinfo .list3 .li3{ right:0; top:0; width:600px; height:275px;} .cusinfo .list3 .li4{ left:0; bottom:0; width:590px; height:275px;} .cusinfo .list3 .li5{ right:0; bottom:0; width:600px; height:560px;} .cusinfo .list4{ height:845px;} .cusinfo .list4 .li1{ right:0; top:285px; width:600px; height:275px;} .cusinfo .list4 .li2{ left:0; top:0; width:590px; height:560px;} .cusinfo .list4 .li3{ right:0; top:0; width:600px; height:275px;} .cusinfo .list4 .li4{ left:0; bottom:0; width:590px; height:275px;} .cusinfo .list4 .li5{ right:0; bottom:0; width:600px; height:275px;} .cusinfo .list5{ height:845px;} .cusinfo .list5 .li1{ left:0; top:0; width:590px; height:275px;} .cusinfo .list5 .li2{ right:0; top:0; width:600px; height:275px;} .cusinfo .list5 .li3{ left:0; bottom:0; width:295px; height:560px;} .cusinfo .list5 .li4{ left:305px; bottom:0; width:590px; height:560px;} .cusinfo .list5 .li5{ right:0; bottom:0; width:295px; height:560px;} /*custon*/ /*link_list*/ .link_list{ overflow:hidden; padding-top:20px;} .link_list li{ float:left; width:300px; text-align:center;} .link_list li img{ width:294px; height:182px;} .link_list li span{ display:block; height:40px; line-height:40px;} /*link_list*/ .Ifindu .pic{ position:relative;} .Ifindu .pic img{ width:1200px; height:400px;} .Ifindu .pic a{ position:absolute; width:128px; height:38px; line-height:38px; font-size:18px; color:#fff; left:97px; bottom:75px; padding-left:20px; background:url(../images/a_apply.png) no-repeat;} .Ifindu .title{ padding-top:68px; padding-bottom:40px;} .Ifindu .liucheng{ border-bottom:1px solid #f2f2f2; padding-bottom:20px;} .custonNew .intro{ padding:90px 0 80px 0;} .dingzhiLC_ban, .custonNew .banner, .custonNew .info_banner{ background-repeat:no-repeat; background-position:center top; } .custonNew .banner{height:543px;} .custonNew .info_banner{height:320px;} .custonNew .list{ text-align:center; padding:27px 0;} .custonNew .list li{ display:inline-block; padding:0 26px; border-right:1px solid #dbdbdb; font-size:14px; font-weight:bold; line-height:15px;} .custonNew .list li.end{ border-right:0;} .custonNew .list li.on a{ color:#e6002d;} .dingzhiLC_ban{ height:417px;} .dingzhiLC_con{ background:#f0f0f0;} .custonNewInfo{ background-color:#f2f2f2;} .custonNewInfo .box .banner{ position:relative;} .custonNewInfo .banner .big{ width:1200px; height:600px;} .custonNewInfo .box ul{ text-align:center; font-size:16px; padding:23px 0;} .custonNewInfo .box li{ display:inline-block; line-height:15px;height:15px; padding:0 13px; border-right:1px solid #6d6d6d;} .custonNewInfo .box li.end{ border-right:0;} .custonNewInfo .box li a{ color:#555; line-height:30px; margin-top:-7px; display:inline-block;} .custonNewInfo .box li.on a{ color:#fff; background-color:#e60012; padding:0 5px; /*text-shadow:0 0 20px #f00,0 0 10px #f00,0 0 20px #f00;*/} .dibu_bg{ background:#fff;} .test005{ text-align:center;} .test005 li{ width:10px; height:10px; cursor:pointer; background:url(../images/home_ban.png) no-repeat center top; display:inline-block; margin:0 10px; font-size:0;} .test005 li.on{ background-position:center bottom;} #HONORS.viewport-cont{ height:550px;} #PROCESS.viewport-cont, #CULTURE.viewport-cont, #MODEL.viewport-cont{ height:auto;} #PROCESS{ background:#f2f2f2;} #MODEL .title .cn{ padding-top:60px;} .b_tijiao{ height:365px; background:url(../images/process_bg.png) no-repeat center center; position:relative; width:1200px; margin:0 auto; margin-top:50px; margin-bottom:50px;} .b_tijiao .c{ padding:122px 0 0 60px;} .b_tijiao .c .text{ width:150px; height:36px; padding:0 0 0 18px; color:#ab7f50; font-size:14px; line-height:36px; margin:0 22px 21px 0;} .b_tijiao .c div{ position:relative;} .b_tijiao .c .select{ float:left; height:36px; line-height:36px; position:relative;} .b_tijiao .c .select span{ display:block; cursor:pointer;} .b_tijiao .c .select dl{ padding-left:18px; position:absolute; left:0; bottom:36px; background:#f6ecd2; width:150px; display:none;} .b_tijiao .c .select a{ color:#ab7f50;} .b_tijiao .btn{ display:block; width:358px; height:57px; background:url(../images/process_btn.png) no-repeat; position:absolute; left:60px; bottom:60px; cursor: pointer;} #span_address{width: 168px; float: left; height: 36px; background: #fff; border-radius: 50px; line-height: 36px; margin-right: 22px;} #span_address_son{width: 168px; float: left; height: 36px; background: #fff; border-radius: 50px; line-height: 36px;} #span_address_sec{width: 168px; float: left; height: 36px; background: #fff; border-radius: 50px; line-height: 36px; display:none;} .div2 select{width: 148px; margin-left: 10px; color: #ab7f50; font-size: 14px;} /*pages .pages{ clear:both; padding:25px 0; text-align:right; margin-right:35px;} .pages a{ display:inline-block; width:37px; height:37px; text-align:center; line-height:37px; background:#f7f7f7; color:#898989; font-size:12px; vertical-align:middle;} .pages .prev, .pages .next{ width:3em; border:1px solid #f2f2f2; height:35px; padding:0px 10px;} .pages a.a_cur{ background:#e60027; color:#fff;} .pages a.a_cur:hover{ color:#fff !important;} */ /*pages end*/ .pages{clear:both; padding:25px 0; width:100%; margin:0 auto; text-align: center;} .pages ul li{ display:inline-block; margin:0px 1px;} .pages ul li a{display:block; padding: 0px 10px; color:#848484;background-color: #f7f7f7;} .pages ul li a:hover{color:#fff; background:#f00;} .pages ul li.thisclass{background:#f00; padding: 0px 10px; color:#fff;} .pages ul li.sum{display:none;} .whir_pages{clear:both; padding: 25px 0; text-align: center; overflow:hidden;} .whir_pages ul li{display: inline-block; margin:0px 1px; background:#ddd;} .whir_pages ul li a{display:block; padding: 0px 10px;} .whir_pages ul li a:hover{color:#fff; background:#f00;} .whir_pages ul li.thisclass{background:#f00; padding: 0px 10px; color:#fff;} .liucheng{ padding-top:30px; width:1200px; margin:0 auto;} .ind_box{ width:100%; overflow:hidden;} .ind_box .banner{ width:1920px; height:543px; position:relative; left:50%; margin-left:-960px;} .ind_box .banner .big{ width:1920px; height:543px;} .bd_ppgs{ position:absolute; top:-48px;} .wtitle{ padding-top:50px; text-align: center; height:90px } .wtitle .name{ font-size: 28px; text-align: center; padding-bottom: 10px } .wtitle .more{ font-size: 16px; border-bottom: 2px solid #ee5f01;padding:5px 0; } #pro{ cbackground-color:#fcfcfc; } #pro .pro_list{ width: 1218px; margin: 0 auto;padding-top: 40px; overflow:hidden } #pro .pro_list ul li{ float: left; margin:30px 12px; width: 278px; height:350px;box-shadow: 0 0 3px #f0f0f0; background-color: #fff; border: 1px #eee solid } #pro .pro_list ul li:hover{ box-shadow: 0 0 5px #aaa; } #pro .pro_list ul li .img{ background-size:auto 100%; width: 278px; height:290px; display: block; } #pro .pro_list ul li .title{ line-height: 60px; font-size: 16px; text-align: center; width: 278px; height:60px; background-color: #fafafa;display: block; } #pro .pro_list ul li:hover .title{ font-size: 18px;background-color: #f5f5f5; } .protype{ width: 1110px; margin: 0 auto;padding-top: 30px; text-align: center; } .protype a{ margin: 0 10px; width: 80px; padding-top: 82px;background:url(../images/type.png)no-repeat; font-size: 14px; color: #999;float:left } .protype a:hover, .protype .s{ background:url(../images/type1.png)no-repeat; color: #fd6f03 } .protype .t2{ background-position-x: -80px; } .protype .t3{ background-position-x: -160px; } .protype .t4{ background-position-x: -240px; } .protype .t5{ background-position-x: -320px; } .protype .t6{ background-position-x: -400px; } .protype .t7{ background-position-x: -480px; } .protype .t8{ background-position-x: -560px; } .protype .t9{ background-position-x: -640px; } .protype .t10{ background-position-x: -720px; } .protype .t11{ background-position-x: -800px; } .protype .t2:hover{ background-position-x: -80px; } .protype .t3:hover{ background-position-x: -160px; } .protype .t4:hover{ background-position-x: -240px; } .protype .t5:hover{ background-position-x: -320px; } .protype .t6:hover{ background-position-x: -400px; } .protype .t7:hover{ background-position-x: -480px; } .protype .t8:hover{ background-position-x: -560px; } .protype .t9:hover{ background-position-x: -640px; } .protype .t10:hover{ background-position-x: -720px; } .protype .t11:hover{ background-position-x: -800px; } .prot{ background:url(../images/protbg.jpg); } .prot .c{ background:url(../images/prot.jpg) center no-repeat; height:80px;} .pros{ height:350px; position:relative;width:1200px; margin:30px auto 0 auto;} #project{ } .imgAd{ height:340px; width:1200px; position:relative; overflow:hidden; margin:0 auto;} .imgAd .scrollObj{ position:absolute;} .imgAd .scrollObj li{ float:left;} .pro{ height:320px; width:282px; position:relative; margin-right:20px; cursor:pointer; background-color: #fff} .pro:hover{ box-shadow: 0 0 5px #aaa; } .pro div{ text-align:center; line-height:24px;} .pro .proimg{ width:282px; overflow:hidden;} .pro .proimg img{ display:block; margin:0 auto; width:100%;} .pro .protit{ margin:0 15px; margin-top:5px; overflow:hidden; height:50px} .pro .addpro{ display:block; background:url(../images/addpro.jpg) center no-repeat; bottom:15px; width:100%; height:24px; position:absolute; cursor:pointer;} .btn{ position:absolute; left:-60px; _left:-60px; top:120px; width:31px; height:320px; } .btn a{ display:block; width:31px; height:31px; margin-bottom:1px; background:url(../images/toleft.jpg) 0 0;} .btn a.tor{ background:url(../images/toright.jpg) 0 0;} .btn a:hover{ background-position:0 31px;} .btn1{ position:absolute; right:-60px; _right:-60px; top:120px; width:31px; height:320px; } .btn1 a{ display:block; width:31px; height:31px; margin-bottom:1px; background:url(../images/toleft.jpg) 0 0;} .btn1 a.tor{ background:url(../images/toright.jpg) 0 0;} .btn1 a:hover{ background-position:0 31px;} .indexBanner{ position:relative; height:540px;} .indexBanner li{position:absolute; top:0; left:0; width:100%; height:540px; background: url(../images/banner.jpg) no-repeat center center; opacity:0; filter:alpha(opacity=0);} .indexBanner li a{ display:block; width:100%; height:100%;} .indexBanner .trigger{ position:absolute; left:50%; bottom:30px; z-index:9;} .indexBanner .trigger span{float:left; width:18px; height:18px; overflow:hidden; margin-right:4px; cursor:pointer; background:url(../images/banner.png);} .indexBanner .trigger .cur { background:url(../images/bannercur.png);} .clearfix{zoom:1} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0} .wrapper{width:1200px; /*缃戦〉瀹藉害*/ margin:0px auto; position:relative;} .row_04{background:url(../images/bg_03.png) repeat-y; padding:15px 0px;} .row_04 .left{width:232px; padding:50px 0px;} .row_04 .left ul li{height:60px; line-height:60px;} .row_04 .left ul li a{display:block; height:60px; line-height:60px; background:url(../images/dot_02.png) no-repeat 212px center; font-size:18px; color:#666; text-align:center;} .row_04 .left ul li.cur a, .row_04 .left ul li a:hover{color:#ffae00; background:url(../images/dot_03.png) no-repeat right center; text-decoration:none;} .row_04 .right{width:862px;font-size:16px;} .row_04 .right .head{height:78px; line-height:78px; border-bottom:1px solid #E6E6E6;} .row_04 .right .head h3{font-size:36px;} .type_box{ text-align:center; margin-top:35px} .type_box a{ border:1px solid #ee5f01; color:#ee5f01; padding:10px 70px; margin:10px 25px; font-size:16px} .type_box a.s{ border:1px solid #ee5f01; color:#fff; background-color:#ee5f01} .type_box a:hover{ border:1px solid #ee5f01; color:#fff; background-color:#ee5f01} .mbt{border:1px solid #ee5f01; color:#fff; background-color:#ee5f01; padding:10px 70px; margin:10px 25px; font-size:16px} .mbt2{border:1px solid #ee5f01; color:#fff; background-color:#ee5f01; padding:2px 15px; font-size:12px; margin-top:5px} .pro_show{text-align:center; padding:100px; background:#555} .pro_show img{ min-width:500px;margin-bottom:30px} .pro_show span{padding:10px 50px; background:#999; margin-top:20px; color:#fff}