@charset "utf-8"; /* CSS Document */ /** * * @authors Landry * @date 2014-03-28 10:16:50 * @version $Id$ */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { padding: 0; margin: 0; border: 0; outline: 0; background: transparent; } table, td, tr{border:1px solid #000;} article, aside, figure, footer, header, hgroup, nav, menu, section { display: block; } ol, ul, li { list-style: none; } a { text-decoration: none; padding: 0; margin: 0; color: #6d6d6d; } a:active, a:visited { /*color: #0066ab;*/ } input, select { vertical-align: middle; } table { border-collapse:collapse; border-spacing:0; } a { outline: none;/* for Forefox */ cursor: pointer; color:#393939; } img { border: 0; width:100%; vertical-align: middle; } /*澶т綋鏋舵瀯 ----------*/ body { color: #393939; font-family:Microsoft Yahei; font-size:12px; overflow-x:hidden; } .wrap { position: relative; margin: 0 auto; width: 100%; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":""); overflow: hidden; } .main { position: relative; margin: 0 auto; width: 100%; overflow: hidden; } .box { position: relative; width: 1000px; margin: 0 auto; } .main { /*width: 1920px;*/ margin: 0 auto; } /*棰滆壊鍊 --------------*/ .orange { color: #ffe400; } .blue { color: #699BCC; } /*娓呮鏂囧瓧鍐呭 --------------*/ .txtIndent { text-indent: -9999em; } /*鐢ㄤ簬seo涓嶆樉绀虹殑鍐呭 --------------*/ .seo { width: 0; height: 0; overflow: hidden; position: absolute; visibility: hidden; top: 0; left: 0; } .seo, .hideImg { width: 0; height: 0; overflow: hidden; position: absolute; visibility: hidden; top: 0; left: 0; } .hideImg { overflow: hidden; } .hideImg img { width: 0; height: 0; overflow: hidden; } /*娓呴櫎娴姩 --------------*/ .clearfix { zoom: 1; _height: 1px } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clear{ height: 0; font-size:0; line-height:0; clear: both; overflow:hidden; } /*宸︽诞鍔ㄥ拰鍙虫诞鍔 --------------*/ .float_l { float: left; } .float_r { float: right; } .float_r, .float_l { _display: inline; } /**澶撮儴浠g爜**/ .header{max-width:985px;margin:0 auto;padding:22px 0 13px 0; position:relative; z-index:99999999;} .header .header_left{float:left;width:237px;height:67px;} .header .header_left img{width:237px;height:53px;} .header .header_right{float:right;width:580px;} .header .header_right .heaul{float:right;} .header .header_right .heaul li{float:left;} .header .header_right .r_right{float:right;width:495px;padding-bottom:19px;height:24px;} .header .header_right .heaul li .jiathis_button_tsina, .header .header_right .heaul li .jiathis_button_tqq, .header .header_right .heaul li .jiathis_button_weixin{width:24px;height:24px;margin-right:11px;background:url(../images/red1.png) no-repeat;display:block;float:left;} .header .header_right .heaul li .jiathis_button_tqq{background:url(../images/red2.png) no-repeat;} .header .header_right .heaul li .jiathis_button_weixin{background:url(../images/red3.png) no-repeat;} .header .header_right .heaul li .hea_text{margin-left:13px;padding-left:10px;float:left;width:131px;height:24px;line-height:24px;background:url(../images/text.jpg) no-repeat;border:0;font-family:'Arial'; overflow:hidden;} .header .header_right .heaul li .hea_button{float:left;width:26px;height:24px; background:url(../images/button.jpg) no-repeat;cursor:pointer;border:0;} .header .header_right .heaul li .hea_button1{background:url(../images/button1.jpg) no-repeat 0 0;} .header .header_right .heaul li .hea_text1{height:20px;line-height:20px; background:url(../images/text1.jpg) no-repeat 0 0;} .header .header_right .heaul li a:hover, .header .l_right ul li a:hover, .contentes .namic_up .more:hover, .content .Dynamic_news .namic_down2 h2 a:hover, .content .Dynamic_news .namic_down2 .detailed:hover, .content .Dynamic_news .namic_down2 .namic_list li a:hover, .footer .footer1 ul li a:hover, .Group_survey .survey a:hover, .Company .Company_left .standul li a:hover, .Company .Company_left .wordul li .word_right h3 a:hover, .Company .Company_left .wordul li .word_right .gd_more:hover, .Company .Company_left .groupul li .group_ones h2 a:hover, .Company .Company_left .groupul li .group_ones .group_more:hover, .Company .chainul li .live .jia_more:hover, .Company .chainul li .lives .jia_more:hover, .Company .Company_left .Memorabilia .Memorabilia_left h3 a:hover, .Company .talent_pool .talent li .talent_picture .tp a:hover, .Company .talent_pool .pool .recruit a:hover, .Company .award a:hover, .Company .project .ject li h2 a:hover, .Strategic .tegic2 .whole .whole1 .alpha h3 a:hover, .Company .chainul li a:hover, .Company .website ul li a:hover, .Company .mentul_ent li a:hover, .Company .const_text_right li a:hover, .main .namic_up .more:hover, .Company .Company_left .up_down a:hover, .Company .Company_left .standul_t li a:hover{text-decoration:underline;} .header .header_right .heaul li .china, .header .header_right .heaul li .english{font-size:11px;float:left;color:#787878;background:url(../images/g1.jpg) no-repeat right center;padding:0 10px 0 11px; font-family:'榛戜綋';margin-right:10px;line-height:24px;} .header .header_right .heaul li .web{color:#464646;padding-left:33px;background:url(../images/web.png) no-repeat left center;display:block;float:left;height: 24px; line-height: 24px;} .header .header_right .heaul li .english{padding:0 30px 0 0;margin:0;background:none;font-family:'Arial';} .header .l_right{float:right;height:31px;line-height:31px;width:650px;} .header .l_right ul li{float:left;padding-right:36px;position:relative;} .header .l_right ul li a{color:#404040;height:31px;display:block;float:left;} .header .l_right ul li .ind_active{color:#94252a;font-weight:bold;background:url(../images/ss.png) no-repeat center 25px;} .header .l_right ul li .headiv{width:140px;position:absolute;top:30px;left:-43px;background:#94252a;z-index:100;text-align:center;display:none;} .header .l_right ul li .headiv a{float:none;width:140px;height:36px;line-height:36px;color:#FFF;font-weight:normal;} .header .l_right ul li .headiv a:hover{background:#8d0309;text-decoration:none;} .header .l_right ul .last{padding:0;margin:0;} /**搴曢儴鏂囦欢**/ .footer{width: 100%; margin:0 auto;position:relative; /* left:50%; */ /* margin:0 0 0 -742px; */ background:url(../images/footer.jpg) no-repeat;padding: 25px 0 0 0px;max-width: 1232px;} .footer .footer1 .foos{float:left;width: 66.2%;margin-right:40px;padding: 0 0 0 10px;} .footer .code{ float: left; width: 12%;} .footer .code p{line-height: 24px; padding: 10px 0; text-align: center; color: #fff;} .footer .footer1 {max-width:990px;margin: 0 auto;} .footer .footer1 .foos .about{font-size:18px;font-weight:bold;} .footer .footer1 .foos p{color:#FFF;padding-bottom:17px;} .footer .footer1 ul{float:left;width: 12%;margin-right:40px;border-top:1px solid #985154;} .footer .footer1 ul li{border-bottom:1px solid #985154;padding:12px 0 10px;} .footer .footer1 ul li a{color:#FFF;} .footer .footer2{color:#FFF;font-size:11px;padding:20px 0 6px;} .footer .footer2 p{max-width:970px;margin: 0 auto;} .tel-footer01{padding: 0px 10px 30px;} .tel-footer01 .t-left{width: 67.37%; float: left; padding: 0;} .tel-footer01 .code{width: 26.84%; float: right; padding: 34px 0 0;} .tel_footer .code p{padding: 10px 0; line-height: 16px;} /*鎵嬫満鐗?/ .tel_header{width:90%; display:none; padding:0 5%; position:fixed; top:0; z-index:99999999; border-bottom:2px solid #0a3780; background:#fff;} .tel_header .tel_top a{float:left;display:block;} .tel_header .tel_top .logo{width:44.687%;} /*.tel_header .tel_top .fenxiang{background:url(../images/red_fenxiang.png) no-repeat;width:47px;height:53px;margin:36px 56px 0 99px;}*/ .tel_header .tel_top .nava{float:right; width:10.312%;} .tel_header .tel_select{background:#94252a;width:71.875%; height:100%; position:absolute; top:0; right:-71.875%;z-index:2000; overflow:auto;} .tel_header .tel_select .tel_menu{overflow:auto;} .tel_header .tel_select .tel_menu .jspVerticalBar{ right:0;} .tel_header .tel_select li{border-bottom:1px solid #001F52; line-height:40px;} .tel_header .tel_select li dl{background:#2b2b2b;} .tel_header .tel_select li dl dd{line-height:40px; border-bottom:1px solid #222;} .tel_header .tel_select li a{font-size:16px;color:#FFF; padding-left:15px; display:block;} .tel_header .tel_select li .zk{background:url(../images/white01.png) no-repeat center;} .tel_header .tel_select li dl{display:none;} .tel_header .tel_select li dl dd a{font-size:14px; background:url(../images/white_small.png) no-repeat 90% center;} .tel_header .tel_select .last{border:0;} .tel_footer{line-height:26px; font-size:14px;color:#FFF;padding:7px 0 0 0;background:#94252a;display:none;} .tel_footer span{display:block; font-size:16px;} .tel_footer p{padding:5px 10px 30px 10px} .tel_footer .p_2{/*background:#002969;*/ text-align: center;} .alpha1{background:#000;filter:alpha(opacity=60);opacity:0.6;width:100%;position:absolute;left:0px;top:0px;z-index:1000;height:100%;display:none;cursor:pointer;} .tel_footer a{float:left;color:#FFF;} .tel_footer a:hover{text-decoration:underline;} .tel_footer .lx{height:42px;line-height:42px; width:100%;} .tel_footer .lx a{display:block; width:50.6%; height:42px; line-height:42px;} .tel_footer .lx a:hover{text-decoration:none;} .tel_footer .lx .lx_l{width:49%; border-right:1px solid #fff; background:#5c5c5c;} .tel_footer .lx .lx_r{background:#7d7d7d;} .tel_footer .lx a span{display:block; width:98px; margin:0 auto; padding-left:32px;} .tel_footer .lx .lx_l span{background:url(../images/wzq.png) no-repeat left center;} .tel_footer .lx .lx_r span{background:url(../images/lxwm.png) no-repeat left center;} .tel_header{display:none;} .tel1_video{display:none;} .tel1_video ul li video{width:100%;} @media screen and (max-width:1200px){ .footer{width:100%; margin:0 auto;position:relative; left:0; margin:0 0 0 0; background:#174fa4;padding:0;} .footer .footer1{padding: 2% 0 0 1%;} .footer .footer2{color:#FFF;font-size:11px;padding:10px 0 10px 1%; background:#0b3e8f; margin-top:2%;} .footer .footer1 ul{width:11.183%;} .tel_header .tel_select{width:29.875%} } @media screen and (max-width:1003px){ .footer{width:99%; margin:0 auto;position:relative; left:0; margin:0 0 0 0; background:#174fa4;padding:0;} .footer .footer1{padding: 2% 0 0 1%;} .footer .footer2{color:#FFF;font-size:11px;padding:10px 0 10px 1%; background:#0b3e8f; margin-top:2%;} .footer .footer1 ul{width:11.183%;} } @media screen and (max-width:1000px){ .header{width:95%;} .tel_header{display:block;} .tel_footer{display:block;} .header{display:none;} .footer{display:none;} .teld_video{display:block;} .video_left{display:none;} .videoul{display:none;} .tel1_video{display:block;} .tel_header .tel_top .logo{width:32.687%;} .tel_header .tel_top .nava{float:right; width:7.312%;} } @media screen and (max-width:768px){ .tel_header .tel_select li{line-height:50px;} .tel_header .tel_select{width:43.875%;} } @media screen and (max-width:640px){ .wrap{width:auto;} .tel_header .tel_top .logo{width:44.687%;} .tel_header .tel_top .nava{float:right; width:10.312%;} .tel_header .tel_select{width:67.875%;} } @media screen and (max-width:480px){ .tel-footer01 .t-left{float:none} .tel_footer span{display:inline} .tel-footer01 .code{width: 28.84%;text-align: center; float: none; margin: 0 auto;} }