@charset "utf-8"; /* CSS Document */ *{ margin: 0;padding: 0;border:0;} body {font-size:12px; line-height:24px;color:#333333; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none; background:url(../Image/bj.jpg) repeat-x left top #fafafa;} a{ color:#333333; text-decoration:none; cursor:pointer;} a:hover{ text-decoration:none; color:#d90707;} .f_left{ float:left;} .f_right{ float:right;} .f_right1{ float:right; margin-right:15px;} .clear{ clear:both;} .relative{ position:relative;} .absolute{ position:absolute;} ul {list-style: none;} li{ list-style-type:none;} #main{ width:1200px; height:auto; overflow:hidden; margin:0 auto;} .eng{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:30px; color:#dedede; padding-left:16px;} #inco,.nav{ font-family:Microsoft YaHei,SimSun; font-size:14px;} .nr{ line-height:26px;} .red{ color:#d90707;} .w1002{width:1200px; height:auto; overflow:hidden; margin:0 auto;} /*-------------- top --------------*/ #top_a{ height:30px; line-height:30px; color:#FFF; background:#0a46a1} #top_a .f_left{ background:url(../Image/top_l.jpg) no-repeat top left; padding-left:50px;} #top_a .f_right{ background:url(../Image/top_r.jpg) no-repeat top left; padding-left:20px;} #top_a a{ color:#FFF;} #top{ width:1200px; height:auto; margin:0 auto;} #logo{ float:left; height:87px;} #inco{ float:left; height:87px; padding-left:60px;} #inco > ul >li{ float:left; width:95px; height:87px; position:relative;} #inco > ul >li >a{ display:block; text-align:center; height:74px; line-height:74px; overflow:hidden; padding-top:13px; position:relative;} #inco > ul >li >a:hover{ color:#FFF;} #inco > ul >li >a >span{ position:relative; z-index:9999} #inco > ul >li >a >i{ position:absolute; z-index:0; top:109px; transition:0.3s all 0s linear; left:0; height:109px; width:95px; background:#0a46a1} #inco > ul >li >a:hover >i{ top:0;} .sub_nav{ position:relative; height:0; width:0; background:#FFF; z-index:999999; margin:0;overflow:hidden; border-bottom:3px solid #0A46A1; opacity:0; display:none;} .sub_nav ul{ width:153px; padding:13px 22px 7px 10px; background:#ededed; float:left; height:295px;} .sub_nav dd{ line-height:32px; height:32px; clear:left; text-align: center; border-bottom:1px solid #cccccc; display:block; width:153px; } .sub_nav dd a{ display:block; color:#6c6b6b; font-weight:700;} .sub_nav dd:hover a{color:#FFF; background:#0A46A1;} .sub_nav tt{ width:325px; padding:30px 35px 30px 0; float:right; font-family:Microsoft YaHei,SimSun; line-height:22px;} .sub_nav tt span.img{ width:335px; height:169px; display:block; overflow:hidden; background:#999; margin-bottom:12px;} .case_sub_nav{ width:735px !important; margin-left:-155px;} .case_sub_nav ul{ width:308px !important;} .case_sub_nav li{ line-height:32px; height:32px; text-align: center; border-bottom:1px solid #cccccc; display:block; width:150px; float:left; margin-right:4px;} .case_sub_nav li a{ display:block; color:#6c6b6b; font-weight:700;} .case_sub_nav li:hover a{color:#FFF; background:#0A46A1;} .cp_sub_nav{width:1200px !important; margin-left:-560px; padding:10px 0;} .cp_sub_nav > div{width:150px; padding:0 10px; height:315px} .cp_sub_nav > div > span{ display:block; padding:10px 0; text-align:center; border-bottom:1px solid #eaeaea;} .cp_sub_nav > div > span > a{ font-size:16px; display:block} .cp_sub_nav > div > li{ display:block; text-align:center; height:30px; line-height:30px;} .cp_sub_nav > div > li > a{ color:#5e5e5e; display:block} .cp_sub_nav > div > span > a:hover {color:#FFF; background:#0A46A1;} .cp_sub_nav > div > li > a:hover {color:#0A46A1;} #flash{ height:565px; width:100%; overflow:hidden; min-width:1200px; background:#FFF; clear:both;} #full-screen-slider { width:100%; min-width:1200px; height:565px; margin:0 auto;position:relative} #slides { display:block; width:100%;min-width:1200px; height:565px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; min-width:1200px; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px;min-width:1200px} #pagination { display:block; list-style:none; position:absolute; left:44%; top:530px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:14px; height:14px; float:left; margin-left:15px; border-radius:7px; background:#FFF;} #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE} #zyflash{ height:194px; width:100%;min-width:1200px;overflow:hidden; clear:both;} .zyflash1{ background:url(../Image/zyflash1.jpg) no-repeat top center; } .zyflash2{ background:url(../Image/zyflash2.jpg) no-repeat top center; } .zyflash3{ background:url(../Image/zyflash3.jpg) no-repeat top center; } .zyflash4{ background:url(../Image/zyflash4.jpg) no-repeat top center; } .zyflash5{ background:url(../Image/zyflash5.jpg) no-repeat top center; } .zyflash6{ background:url(../Image/zyflash6.jpg) no-repeat top center; } /*main*/ #cp { margin:40px 0 25px 0; height:300px;} #cp .nav{ line-height:18px; padding-top:36px; font-size:12px; color:#6f6f6f; text-align:center;} #cp .demo{width:1200px;height: 280px;clear: both;position: relative; padding:0 40px; margin:30px auto;} #cp .bx_wrap ul li{ width:284px; background:#FFF; border:1px solid #e1e1e1; overflow:hidden; display:block; height:278px;} #cp .bx_wrap ul .img {height:161px; width:284px; display:block; text-align:center; overflow:hidden;} #cp .bx_wrap ul .img img{ height:161px; width:284px; text-align:center;} #cp .demo li .title{ height:48px; display:block; line-height:48px; color:#1789d1; margin:0 21px; font-size:14px;} #cp .demo li .shuoming{ display:block; line-height:20px; margin:0 21px; color:#626262;} #cp .bx_wrap ul li:hover{background:#1464c7; border:1px solid #1464c7; color:#FFF;} #cp .demo li:hover .title{ font-weight:bold;color:#FFF;} #cp .demo li:hover .shuoming{color:#FFF;} #cp .bx_wrap a.prev,#cp .bx_wrap a.next {transition:0.3s all 0s linear;width:15px;height:26px;outline-style:none;outline-width: 0;position:absolute; top:110px;text-indent:-999em; } #cp .bx_wrap a.prev {left:0; background: url(../Image/demo_l.jpg) no-repeat; } #cp .bx_wrap a.next {right:0; background:url(../Image/demo_r.jpg) no-repeat right 0;} #cp .bx_wrap a.next:hover,#cp .bx_wrap a.prev:hover{ background-position:0 -26px;} #box{ background:#f6f6f6; height:440px;} #news{ width:800px; float:left;} #news .nav{ height:72px; line-height:72px; padding-left:18px; font-size:24px; color:#4e4e4e; background:url(../Image/news_nav.jpg) no-repeat left center;} #news .nr{ background:#FFF; height:322px;} #news #newslist li{ float:none; width:770px; overflow:hidden; margin:15px 15px 0 15px;} #news #newslist li a{position: relative; border:none;border-bottom: 1px solid #E6E6E6; height: 90px;display: block; font-size:12px; padding:15px 15px 15px 180px;} #news #newslist li a h3{font-size: 14px;line-height: 27px;color: #333;} #news #newslist li a img{width: 150px;height: 92px;position: absolute;left: 15px;top: 15px;} #news #newslist li a:hover{ border:none;border-bottom:1px solid #fda362;} #news #newslist li a:hover h3{color:#0076db;} #news #newslist li a:hover p{color:#333;} #jj{ width:382px; float:right; height:322px; margin:72px 0 0 0;} #jj img{ width:382px; height:161px;} #jj .nr{ background:#FFF; border:1px solid #e1e1e1; height:159px; padding:0 25px; color:#8d8d8d; line-height:22px; font-size:12px;} #jj span.title{ font-size:24px; color:#545454; line-height:66px; height:66px; display:block; background:url(../Image/jj_title.jpg) no-repeat 105px center;} #jj .nr a{ color:#1f99d2;} #img_link{ background:#FFF; height:215px;} #img_link .w1002{ padding-top:50px; margin:0 auto !important; overflow:hidden; height:auto; width:1200px !important;} #img_link .nav{ font-weight:bold; font-size:24px; color:#535353; float:left; width:120px; height:98px;} #img_link .nr{ float:left; font-size:12px; color:#7e7e7e; line-height:22px; width:260px;} #img_link .nr a{ color:#7e7e7e;} #jiaru,#honor{ float:left; width:380px;} #jiaru .nav{ background:url(../Image/jj_nav.jpg) no-repeat 16px 40px;} #jiaru:hover .nav{color:#1564c1; background-position:16px -58px;} #honor{ margin-left:48px;} #honor .nav{ background:url(../Image/honor_nav.jpg) no-repeat 9px top;} #honor:hover .nav{ background-position:9px -98px;} #shejiao{ width:345px; float:right; position:relative;} #shejiao:hover .nav{color:#1564c1;} #shejiao .nr img{ position:absolute; top:-20px; right:0} /*end*/ #search{ background:#ededed; height:75px;min-width:1200px} #search .nav{ font-size:14px; height:36px; line-height:36px; color:#333333; font-weight:bold;} .search{ width:440px; height:32px; overflow:hidden;background:url(../Image/search.jpg) no-repeat top left;} .search .txt{ width:350px; line-height:32px; padding:0 10px; color:#bbbbbb; font-size:14px; float:left; height:32px;border:none; background:none;} .search .but{ width:66px; height:32px; float:right;background:url(../Image/search.jpg) no-repeat bottom right; cursor:pointer;} #end_a{ background:#1464c7;border-top:1px solid #2675d8; height:260px; overflow:hidden;min-width:1200px} #end_a .end_lx{ color:#FFF; float:right; width:330px; height:260px;} #end_a .end_lx .nav{ font-size:24px; padding: 19px 0 7px 0; line-height:24px;} #end_a .end_lx .nav span{ display:block; text-transform:uppercase;} #end_a .end_lx .nr{ height:30px;} #end_a .end_lx .nr select{ width:180px; height:28px; background:#cce8cf} #end_a .xian{ width:1px; background:#2675d8; height:197px; margin:30px 0; float:left;} #end_a .end_nav{ float:left; height:260px;} #end_a .end_nav li{ height:260px; float:left; width:138px;} #end_a .end_nav li > a{ display:block; color:#FFF; font-weight:bold; text-align:center; line-height:52px; font-size:14px;} #end_a .end_nav dl > dd{ display:block;} #end_a .end_nav dl > dd a{ display:block; color:#cdd8ef; font-size:13px; text-align:center; transition:0.2s all 0s linear;} #end_a .end_nav dl > dd:hover a{ padding-left:15px; color:#FFF;} .end_nr{ background:#e5e5e5; height:50px; line-height:50px; border-top:1px solid #e2e2e2; color:#868686; text-align:center; font-size:14px;min-width:1200px} .end_nr a{color:#868686;font-size:14px;} #friendlink{ background:#e5e5e5; font-size:14px; height:50px; line-height:24px;min-width:1200px} #friendlink span,#friendlink a{ color:#868686; float:left;} /*company 缁煎悎椤甸潰*/ #jjzonghe .nav{ height:100px; line-height:100px; color:#3d3d3d; font-size:24px;} #jjzonghe ul.w2{ width:550px; margin-bottom:30px;} #jjzonghe ul.w2 span.title{ display:block; color:#d90707; font-size:18px; font-weight:bold; line-height:50px; height:50px;} #jjzonghe ul.w2 a{ color:#1f99d2;} #jjzonghe ul.lxwm .nr{ height:250px; padding:29px; background:url(../Image/wangzhan.png) no-repeat 28px 28px #FFF; color:#9f9f9f;} #jjzonghe ul.lxwm .nr ul{ padding-left:200px;} #jjzonghe ul.lxwm .nr a{ color:#434343;} #jjzonghe ul.w3{ width:390px; margin-bottom:30px;} #jjzonghe ul.w3 .nr{ background:#0a46a1; height:250px; position:relative; overflow:hidden;} #jjzonghe ul.w3 .nr a{ position:absolute;background:url(../Image/cp_nr.png) ; left:0; top:205px; color:#FFF; padding:0 50px; transition:0.3s all 0s linear; line-height:22px; height:150px;} #jjzonghe ul.w3 .nr span{ display:block; text-align:right; line-height:48px; margin-bottom:10px; transition:0.3s all 0s linear;} #jjzonghe ul.w3 .nr:hover a{ top:100px;} #jjzonghe ul.w3 .nr:hover span{ padding-right:123px; font-size:16px;} #honorlist{width:100%; margin:0 auto; overflow:hidden;min-width:1200px} #honorlist li{ width:280px; margin:10px; float:left; height:250px;} #honorlist li a{ display:block; text-align:center; overflow:hidden; height:245px; font-size:14px; border:1px solid #e6e6e6;background: #FFF;} #honorlist li a .scale{ width:280px; height:210px; overflow:hidden;} #honorlist li a img{ max-width:280px; max-height:210px;} #honorlist li a:hover{border:1px solid #1464c7; background:#1464c7; color:#FFF;} #allmap {width: 788px;height: 443px;overflow: hidden;margin: 20px 0;float:right;border:1px solid #212121;} #allmap p {line-height: 10px;margin: 10px;} .all_lxwm .nr{ position:relative;} .all_lxwm #shuoming{ background:#1464C7; float:left; width:370px; margin:20px 0; padding:20px; color:#FFF; position:absolute; top:0; left:0} .all_lxwm #shuoming a{ color:#FFF;} .all_lxwm #shuoming strong{ font-size:16px; line-height:50px;} .all_lxwm #shuoming img{ margin-top:16px;} .all_lxwm .fen_lx{ width:500px; padding:20px; float:left; margin:10px 20px; background:#FFF; height:140px; overflow:hidden; border:1px solid #FFF; border-bottom:#D2D2D2 dotted 1px;} .all_lxwm .fen_lx:hover{ border:1px solid #1464C7; background:#1464C7; color:#FFF;} .all_lxwm .fen_lx:hover a{ color:#FFF;} /*鍙戝睍鍘嗙▼*/ .scrollable { position: relative; overflow: hidden; width:1160px; height: 75px; float: left; margin: 0 5px; } .scrollable .items { width: 20000em; position: absolute; clear: both; background:url(../Image/fzlc_bg.png) repeat-x;} .items div { float: left; width: 672px; } .scrollable a { float: left; background:url(../Image/fzb.png) no-repeat;margin:0 70px; color: #454545; width: 50px; _width: 50px; height:50px; line-height: 50px; text-align: center; font-family: arial; font-size: 14px; cursor:pointer;} .scrollable a.hover { background:url(../Image/fzx.png) no-repeat; } .scrollable .active { border: 2px solid #000; position: relative; cursor: default; } .yearsItem { background: url(../Image/yearline.jpg) repeat-y 75px top; } .yearsItem ul { padding: 10px 0; } .yearsItem li {list-style-type:none; } .yearsL { width: 85px; background: url(../Image/yeardot.png) no-repeat right center; color: #333; float: left; display: inline; margin-top: 10px; height: 21px; } .yearsItem li:hover .yearsL {color: #d11919;} .yearsR { background-color: #e6e6e6; float: right; display: inline; width: 950px; padding: 10px; font-size:14px; } .yearsR:hover { background-color: #0987c8; color:#FFF; } .yearsR h3, .yearsR h3 a { font-size: 16px; color: #333; padding-bottom: 10px; } .yearsR:hover h3, .yearsR:hover h3 a { color:#FFF; } .yearsarrow { width: 7px; height: 13px; display: block; overflow: hidden; background: url(../Image/yeararrow.jpg) no-repeat; } .w590 { width: 1100px;} .scrollabless a.browse { display: block; width: 14px; height: 21px; float: left; margin: 20px 0px; cursor: pointer; font-size: 1px; } .scrollabless a.right { clear: right; margin-right: 0px; background: url(../Image/next-horizontal.png) no-repeat -14px 0; } .scrollabless a.right:hover { background-position: -14px 0; } .scrollabless a.right:active { background-position: 0 0; } .scrollabless a.right.disabled { background-position: left 0; } .scrollabless a.left { margin-left: 0px; background: url(../Image/prev-horizontal.png) no-repeat -14px 0; } .scrollabless a.left:hover { background-position: -14px 0; } .scrollabless a.left:active { background-position: 0 0; } .scrollabless a.left.disabled { background-position: left 0; } .scrollabless a.up, .scrollabless a.down { float: none; margin: 10px 50px; } .scrollabless a.up:hover { background-position: -30px 0; } .scrollabless a.up:active { background-position: -60px 0; } .scrollabless a.down { background-position: 0 -30px; } .scrollabless a.down:hover { background-position: -30px -30px; } .scrollabless a.down:active { background-position: -60px -30px; } /*culture*/ .c_logo{ background:url(../Image/c_logo.jpg) no-repeat left bottom; padding:75px 0; text-align:center; width:545px; height:140px;} .c_logo_r{ width:600px; padding-right:23px; line-height:30px; font-size:14px;} .c_logo_r .red{ font-size:18px; color:#0A46A1; font-weight:bold; display:block; padding-top:65px;} .c_wenhua{ overflow:hidden; padding:30px 70px;} .c_wenhua li{ float:left; background:url(../Image/culture.png) no-repeat top left; width:288px; height:250px; margin-left:-95px; text-align:center; color:#FFF;} .c_wenhua li.class1{ margin-top:170px;} .c_wenhua li:first-child{ margin-left:0} .c_wenhua li span{ font-size:24px; font-weight:bold; padding:60px 0 25px 0; display:block; height:30px;} .c_wenhua li.class3 span{padding:30px 0 10px 0; } .c_wenhua li ol{ width:208px; display:block; margin:0 auto;} #company .huibao > div.nav{font-size:30px; line-height:60px; padding-left:35px; height:60px; color:#656565 !important; display:block;} .tab { width:600px;color:#585858; background:url(../Image/huibao.jpg) no-repeat top left; padding:0 0 48px 510px; color:#656565; font-size:14px; line-height:26px;} .tab_box { clear:both; border-bottom:1px dotted #898989; height:190px; padding-top:50px;} .tab_box > div > span{ display:block; font-weight:bold; font-size:16px; line-height:40px;} .hide{display:none} .dhooo_tab{width:600px;color:#585858; background:url(../Image/huibao.jpg) no-repeat top left; padding:0 0 48px 510px; color:#656565; font-size:14px; line-height:26px;} .shell{width:99999px; clear:both; height:190px; padding-top:50px;} .shell li{ width:600px; height:100%; float:left;} .shell li span{ display:block; font-weight:bold; font-size:16px; line-height:40px;} .main{width:600px;height:240px;overflow:hidden;border-bottom:1px dotted #898989; } .tab_btn li { zoom:1; float: left;height: 10px;cursor: pointer;overflow: hidden;background: #ECECEC; width:45px;margin-left: 4px;} .tab_btn li.hot {background:#0A46A1;font-weight:bold;cursor:default;} .tab_btn{clear:both; margin:30px 0;} /*company 鍏徃绠€浠?/ .jjimg{ width:100%; overflow:hidden; margin:0 auto;} .jjimg li{ float:left; width:393px; height:285px; position:relative; overflow:hidden; margin:3px;} .jjimg li span{ position:absolute;background:url(../Image/cp_nr.png) ; left:0; top:250px; color:#FFF; line-height:35px; text-align:center; height:35px; width:100%} .jj_img{ width:630px; height:356px; margin:0 65px 10px 0;} .slideBox{ width:630px; height:356px; overflow:hidden; position:relative; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:3px; width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer;moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;} .slideBox .hd ul li.on{ background:#095fcb; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:630px; height:356px; display:block; } /*company 璇︾粏椤甸潰*/ #weizhi{ height:65px; border-bottom:1px solid #eaeaea; line-height:65px; color:#535353; margin-bottom:48px; background:#FFF; width:100%; z-index:99999;min-width:1200px} #weizhi a{ color:#535353;} #weizhi .weizhi a{ background:url(../Image/weizhi_a.jpg) no-repeat left center; padding-left:13px; margin-right:16px; float:left} #weizhi .weizhi a.sy{background:url(../Image/sy.jpg) no-repeat 10px center; padding-left:37px;} #weizhi .f_right li{ min-width:90px; text-align:center; float:left; font-size:14px;} #weizhi .f_right li a{ font-size:14px; display:block} #weizhi .f_right li.current a{ border-bottom:3px solid #0a46a1; font-weight:bold;font-size:15px;} #company .nav{ color:#d90707; font-size:18px; font-weight:bold; line-height:50px; height:50px; display:none;} #company .nr{font-size: 11pt;line-height: 2; color:#292929; margin-bottom:30px;} #con1_1 {position: relative;} #con1_1 .product_list {position: absolute;left: 0px;top: 0px;width: 200px;white-space: normal;padding:8px;background: #eee; text-align: center;} .product_list img {width: 200px;display: block;} .product_list h2 {text-align: center;color: #fff;} /*copmpany honor 璧勮川鑽h獕*/ .honor_nav{border-bottom: 1px solid #EAE9E9; height:33px; overflow:hidden;padding: 17px 0 17px 4px;} .honor_nav span{ float:left;font-size: 22px;color: #0a46a1; font-weight:bold;} .honor_nav .more{font-size: 14px; float:right; line-height: 34px;color: #898989; padding:0 8px; color:#FFF; background:#0a46a1} /*News 缁煎悎椤甸潰*/ #xwzonghe .nav{ font-size: 24px;color: #3E3A39;text-align: left;padding: 17px 0 17px 0px;margin-bottom: 7px;border-bottom: 1px solid #EAE9E9;height: 24px;} #xwzonghe .clear{ height:15px;} #xwzonghe #newslist li{ overflow:hidden; margin:15px 0; height:180px;} #xwzonghe #newslist li a{position: relative; border: 1px solid #E6E6E6; height:148px;display: block; font-size:12px; padding:15px 15px 15px 240px;} #xwzonghe #newslist li a h3{font-size: 14px;line-height: 27px;color: #333;} #xwzonghe #newslist li a img{width: 200px;height: 150px;position: absolute;left: 15px;top: 15px;} #xwzonghe #newslist li a:hover{ background: #0076DB;color: #FFF;border:1px solid #0076DB;} #xwzonghe #newslist li a:hover h3{color:#FFF;} #xwzonghe #newslist li a:hover p{color:#FFF;} #newsleft{ float:right; width:268px;} #newsleft .nav{font-size: 24px;color: #3E3A39;text-align: left;padding: 17px 0 17px 0px;margin-bottom: 7px;border-bottom: 1px solid #EAE9E9; height:24px;} /*News 鍒嗙被椤甸潰*/ #newslist { width:100%; margin:0 auto; overflow:hidden; clear:both;} #company #newslist li{ margin-top: 25px; overflow:hidden; display:block; } #company #newslist li a{border: 1px solid #E6E6E6;background: #FFF;height: 100px;display: block; font-size:12px; padding:15px;} #company #newslist .title{font-size: 16px;line-height: 27px; margin-bottom:5px;color: #333; transition:0.3s all 0s linear;} #company #newslist .time{ font-size:14px; color:#03437A; width:81px; float:left; height:81px; line-height:25px; text-align:center; background:#FFF; border:1px solid #03437A;} #company #newslist .time .day{ font-size:30px; background:#0076DB;line-height:56px; color:#FFF; display:block} #company #newslist li ul{ width:1055px; float:right; height:90px; color:#888888} #company #newslist li .more{ color:#69c6d1;} #company #newslist li a:hover{border:1px solid #fda362; color:#333} #company #newslist li a:hover .title{color:#0076db; padding-left:10px;} #company #newslist li a:hover .time{ background:#03437A; color:#FFF;} #company #newslist li a:hover .time .day{ background:#0076DB;} .xw_xx{ width:360px; margin:10px 0 10px 19px; border:1px #e9e9e9 solid; background:#FFF; padding:10px 12px ; height:350px;} .xw_xx:hover{ background:#0076DB; color:#FFF;} .xw_xx:hover a,.xw_xx:hover .xw_xx_d{color:#FFF;} .xw_xx:first-child{ margin-left:0} .xw_xx_i{ width:360px; height:240px} .xw_xx_t{ height:30px; line-height:30px;overflow:hidden; padding:10px 10px 0;} .xw_xx_t a{color:#515151; font-size:14px;} .xw_xx_d{ height:60px; color:#a0a0a0; overflow:hidden; line-height:30px; padding:0 10px; font-size:12px; line-height:22px;} /*Product 缁煎悎椤甸潰*/ #hotcp .hotcp1{ background:url(../Image/hotcp_bj.jpg) no-repeat top left; width:365px; height:414px; transition:0.3s all 0s linear; overflow:hidden; margin-bottom:25px;} #hotcp .hotcp1 img{ padding:124px 0 0 65px;} #hotcp .hotcp1:hover{ background:url(../Image/hotcpbj.jpg) } #hotcp .hotcp .scale img {transition:all 1s ease 0s; } #hotcp .hotcp:hover .scale img {transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari 鍜 Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */} #hotcp .hotcp2{ width:245px; height:414px; position:relative;overflow:hidden;} #hotcp .hotcp3{ width:589px; height:234px; position:relative;overflow:hidden;} #hotcp .hotcp4{ width:589px; height:181px; position:relative;overflow:hidden;} #hotcp .info{ background:#FFF; text-align:center; position:absolute; top:0; left:0;} #hotcp .hotcp2 .info{ width:245px; height:207px;} #hotcp .hotcp3 .info{ width:219px; height:234px; left:370px;} #hotcp .hotcp4 .info{ width:245px; height:181px;} #hotcp .hotcp2 .scale{ width:245px; height:207px; margin-top:207px; overflow:hidden;} #hotcp .hotcp3 .scale{ width:370px; height:234px; overflow:hidden;} #hotcp .hotcp4 .scale{ width:386px; height:181px; margin-left:245px; overflow:hidden;} #hotcp .hotcp2 .jiantou{ position:absolute; background:url(../Image/scale1.png) no-repeat top left; width:20px; height:10px; bottom:-10px; left:112px; z-index:9998} #hotcp .hotcp3 .jiantou{position:absolute; background:url(../Image/scale2.png) no-repeat top left; width:10px; height:20px; top:104px; left:-10px; z-index:9998} #hotcp .hotcp4 .jiantou{position:absolute; background:url(../Image/scale3.png) no-repeat top left; width:10px; height:20px; top:78px; right:-10px; z-index:9998} #hotcp .hotcp_title{font-size: 28px;font-weight: bold;padding-top: 44px; height:46px; line-height:46px; color:#555555;} #hotcp .hotcp_name{margin-bottom: 10px; height:30px; line-height:30px; font-size: 16px; color:#737373;} #hotcp .more{display: inline-block;font-size: 12px;border: #333 1px solid;height: 30px;line-height: 30px;padding: 0 25px;transition: all 0.3s ease;} #hotcp .more em{font-family: sans-serif;font-style: normal;margin-left: 10px;} #hotcp .hotcp:hover .hotcp_title{ color:#0a46a1;} #hotcp .hotcp:hover .hotcp_name{ color:#0a46a1;} #hotcp .hotcp:hover .more{ background:#0a46a1; color:#FFF; border:1px solid #0a46a1;} #hotcp .hotcp:hover .more a{ color:#FFF; display:block } #type_shuoming{ width:100%; overflow:hidden;} #type_shuoming li{ height:310px; font-size:16px; line-height:26px; overflow:hidden; padding:20px; background:#FFF; overflow:hidden; margin-bottom:30px;} #type_shuoming li img{ width:500px; border:5px solid #FFF; height:300px; float:left; margin-right:18px;} #type_shuoming li .title{ font-size:18px; font-weight:bold; line-height:44px;} #type_shuoming li:hover{ background:#0F66E9; color:#FFF;} #type_shuoming li:hover a{ color:#FFF} /*Product 浜岀骇椤甸潰*/ #cplist{ width:100%; overflow:hidden;} #cplist li{ width:280px; height:360px; float:left; overflow:hidden; margin:25px 0 0 20px;background: #FFF;} #cplist li .scale{ width:280px; height:210px; overflow:hidden;} #cplist li .scale img{transition:all 1s ease 0s; max-width:280px; max-height:211px;} #cplist li .title{font-size: 24px;height: 36px; line-height: 36px;text-align: center;overflow: hidden;margin: 10px 0 15px 0; color:#727272} #cplist li .name{max-width: 194px; width: auto;height: 33px;line-height: 33px;padding: 0 15px;border: #727272 1px solid; margin: 0 auto;text-align: center; overflow: hidden; color:#727272; font-size:14px; margin-bottom:14px;} #cplist li .more{ font-size:14px; margin-left:50px; display:inline} #cplist li:hover .scale img {transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari 鍜 Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */} #cplist li:hover span.title{ color:#1f99d2} #cplist li:hover{background: #0076DB;color: #FFF;} #cplist li:hover a > div,#cplist li:hover a,#cplist li:hover > div{ color:#FFF !important;} #cplist li:hover .name{border: #FFF 1px solid; } /*Product 璇︾粏椤甸潰*/ .product_left{width:510px; height:480px;float:left; background:#FFF; padding:25px;} .product_right{float:right; line-height:2.0; width:540px; height:460px; background:#FFF; padding:25px 35px;} .pro_name{display:block; color:#63696d; border-bottom:1px solid #e3e3e3; padding:15px 0;line-height:30px; font-size:30px; padding-left:40px;} .pro_namelb{height:76px; line-height:76px;color:#63696d;border-bottom:1px solid #e3e3e3; padding-left:40px;} .pro_namelb strong{ float:left; width:85px; font-size:16px; font-weight:normal;} .pro_namelb span{ float:left; width:410px;font-size:30px;} .pro_namea{ height:49px; margin:40px 0 18px 0; padding-left:40px;} .pro_namea a{ width:155px; height:49px; display:block; color:#FFF; float:left; text-align:center; line-height:49px; margin-right:32px; background:#e4710c} .pro_namea a.cpding{ background:#0a46a1;} .pro_nametel{padding-left:40px; margin-bottom:60px;} .pro_nametel span{ color:#6d6d6d; font-size:24px} .cp_title{ font-size:30px; color:#63696d; float:left;} .cp_tel{ color:#555555; margin-top:30px; font-size:16px; text-align:center;} .cp_tel span{ color:#01a8dd; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; font-style:italic;} .cp_order{ background:url(../Image/order.jpg) no-repeat 100px 66px #FFF; margin-top:30px; padding:66px 0 66px 430px; position:relative;} .cp_order .shuoming{ position:absolute; top:230px; left:100px;} .cp_order .shuoming span{ display:block; height:32px; line-height:32px; background:#eeeeee; margin:5px 0; padding:0 10px} .order input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;} .order .yanzheng{width:101px;} .order textarea{resize: none;width:500px;height:140px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;font-family:'Microsoft YaHei'; padding:5px;} .order img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;} .order #submit{width:140px; height:31px;line-height:27px;background:#0A46A1;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:70px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;} .rightinfo{ padding:10px;} .rightinfo td{ padding:2px 5px;} .likecp {width:100%; overflow:hidden; margin:25px auto; background:#FFF;} .likecp .nav_title{height: 100px;line-height: 100px;color: #3D3D3D;font-size: 24px;padding:20px; padding-bottom:20px;} .likecp .demo{width:1100px !important; padding: 0 50px; height: 240px;clear: both;position: relative; margin:30px auto;} .likecp .bx_wrap ul li{ width:252px; margin:0 10px; background:#FFF; border:1px solid #e1e1e1; height:240px;} .likecp .bx_wrap ul .img {height:190px; width:252px; display:block; text-align:center; overflow:hidden;} .likecp .bx_wrap ul .img img{ height:190px; text-align:center;} .likecp .demo li .title{ height:40px; display:block; line-height:40px; color:#1789d1; text-align:center; font-size:16px;} .likecp .bx_wrap ul li:hover{background:#1464c7; border:1px solid #1464c7; color:#FFF;} .likecp .demo li:hover .title{ font-weight:bold;color:#FFF;} .likecp .bx_wrap a.prev,.likecp .bx_wrap a.next {transition:0.3s all 0s linear;width:40px;height:70px;outline-style:none;outline-width: 0;position:absolute; top:100px;text-indent:-999em; background: url(../Image/slide_nav.png) no-repeat; } .likecp .bx_wrap a.prev {left:5px; background-position: 0 0;} .likecp .bx_wrap a.next {right:5px; background-position: -40px 0;} .likecp .bx_wrap a.prev:hover{ background-position :0 -70px;} .likecp .bx_wrap a.next:hover{ background-position :-40px -70px;} /*caselist 缁煎悎椤甸潰*/ #allcase{width:950px; margin:0 auto; overflow:hidden; float:left;} #allcase .nav{border-bottom: 1px solid #EAE9E9; height:24px; overflow:hidden;padding: 17px 0 17px 4px;} #allcase .nav span{ float:left;font-size: 18px;color: #3E3A39;} #allcase .nav .more,#xwzonghe .nav .more{font-size: 14px; float:right; line-height: 34px;color: #898989;} #allcase #cplist li{ height:300px;} #caselist{width: 100%;padding-top: 24px;} #caselist li{ width:218px; height:179px; float:left;margin-left: 24px; text-align:center;} #caselist li:first-child{ margin:0;} #caselist li a{font-size: 14px;text-align:center;font-weight: normal;color: #595757;} #caselist li img{ width:216px; padding:1px; height:132px;} #caselist li:hover{ display:block; background:#0A46A1;} #caselist li:hover a{ color:#FFF} #caseleft{ float:right; width:218px;} #caseleft .nav{font-size: 24px;color: #3E3A39;text-align: left;padding: 17px 0 17px 0px;margin-bottom: 7px;border-bottom: 1px solid #EAE9E9; height:24px;} #caseleft .nr li{display:block; overflow:hidden; height:42px; overflow:hidden; border-bottom: 1px solid #cbcbcb;} #caseleft .nr li a{ color: #3E3A39; font-size:16px;display: block; height:42px; line-height:42px;} #caseleft .nr li a i{ width:50px; height:42px; float:left; margin-right:8px; overflow:hidden;} #caseleft .nr li a:hover{ background:#0863b1; color:#FFF;} #caseleft .nr li a:hover i img{ margin-left:-50px;} /*璁捐鐮斿彂*/ #sjzonghe .nav{ margin-bottom:40px; background:#f4f4f4; border-left:8px solid #1359b1; color:#1359b1; padding:10px 10px 10px 35px; font-size:18px; min-height:87px;} #sjzonghe .clear{ height:20px;} #sjzonghe .nav span{ font-size:30px;display:block; font-weight:bold; line-height:58px;} #sjzonghe .nr .title{ line-height:40px; margin:10px 0 24px 0; height:40px; display:block; font-size:30px; color:#1359b1} #sjzonghe .nr .nr{ color:#6b6b6b; font-size:14px;} /*Job 缁煎悎椤甸潰*/ .job_bj{ overflow:hidden; background:#FFF; border:1px solid #ebebeb; margin-bottom:25px;} .job_bj li{ width:360px; overflow:hidden; margin:0 0 0 29px; padding:0; height:500px; position:relative;} .job_bj li .title{ font-size:24px; line-height:78px;} .job_bj li .img{ width:360px; height:180px; margin-bottom:18px;} .job_bj li .more{ background:url(../Image/job_more.jpg) no-repeat -50px top; position:absolute; left:10px; top:440px; width:50px; height:50px;} .job_bj li:hover .more{ background-position:0 0;} .title_lm{ color:#FFF; background:#035cac; height:46px; line-height:46px; width:100%;} .deal_Title { height:40px; line-height:40px; border-bottom:#838383 dotted 1px; cursor:pointer; width:100%;} .title_lm .job{ border-right:1px solid #489ece;} .deal_Title .job,.title_lm .job{ display:block; padding:0 16px; text-align:center; font-weight:normal !important;} .deal_Title .w1,.title_lm .w1{ width:250px;} .deal_Title .w2,.title_lm .w2{ width:180px;} .deal_Title .w3,.title_lm .w3{ width:350px;} .deal_Title .w4,.title_lm .w4{ width:100px;} .deal_Title .w5,.title_lm .w5{ width:150px;} .deal_Title.deaTi{ background:url(../Image/job_titbg1.gif) left bottom no-repeat;} .deal_menuCont {line-height:30px; border-bottom:1px solid #838383; padding:10px; color:#323232; width:98%;} .deal_menuCont a{ color:#323232;} .deal_left{ float:left;} .deal_right{ width:68px; float:left; height:20px; padding-top:140px;} .dealCon{ bottom:10px; right:10px; background:#035cac; width:63px; height:36px; padding-right:32px; text-align:center; line-height:36px;} .fuli{font-size:14px; line-height:28px;} .fuli h2{font-size: 20px; white-space: normal; line-height:40px; margin-bottom:12px; height:40px;} .fuli p{margin-bottom: 5px;} .fuli li{ background:url(../Image/fuli_li.jpg) no-repeat left 7px; padding-left:22px;} .rc_pic > div{ display:block;text-align: center;margin-bottom: 40px; background:url(../Image/rc_pic.png) no-repeat center center} .rc_pic > div li{display: inline-block;height: 36px;line-height: 36px;border: 2px solid #A1A1A1;margin:0 7px;font-size: 16px;padding: 0 5px 0 15px; width:122px; margin-bottom: 5px;-moz-border-radius:18px;-khtml-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;} .rc_pic > div li i{display: inline-block;overflow: hidden;width: 20px;height: 20px;vertical-align: middle;background: url(../Image/ico.png);margin: 0 .3em;background-position: 0 -20px;} .rc_pic > div li.cur,.rc_pic > div li.cur a{background: #035CAC;border-color: #035CAC;color: #FFF; } .rc_pic > div li.cur i{background-position: -20px -20px;} .rc_pic #cplist li{height:210px; overflow:hidden; position:relative;} .rc_pic #cplist li .rc_title{ position:absolute; left:0; top:170px; height:40px; width:100%; line-height:40px; text-align:center; color:#FFF; background:url(../Image/cp_nr.png);font-size:16px;} /*public*/ #indexNews li{ line-height:33px; border-bottom:1px dotted #cecccc; padding:0 12px 0 10px; position:relative; margin:0 15px;transition:0.3s all 0s linear} #indexNews li:hover{border-bottom:1px solid #cecccc; background-color:#f1f1f1; padding-left:18px;} #indexNews li:hover a{ color:#0076DB;} .introImg{ float:left; margin-right:10px;} .info_date{position:absolute; right:12px; top:0;_top:-8px;} /*company*/ /************鏂伴椈*****************/ .news_tit_u{font-size: 22px;color: #0c5ba4;line-height: 30px; margin-bottom:18px; text-align:center; font-weight:700;} .news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;background: #f7f7f7;border: 1px solid #e8e8e8;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;} .news_tit_img{ margin:9px auto; text-align:center} .news_tit_img img{ max-height:600px; max-width:600px;} /************鍒嗛〉****************/ .page{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 12px auto;font-size: 12px; clear:both;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border: 1px solid #d2d4d6;} .page a{display: inline-block;height: 20px;line-height: 20px;border: 1px solid #d2d4d6;padding: 0 2px;background: #FFF;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:1px 3px;} .page span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;} /************鍦ㄧ嚎鐣欒█****************/ #company .nr table{margin-left:2px;} #company .nr table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;} #company .nr table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px; background: #FFF;*+margin-left:-3px;} #company .nr table td ul{list-style:none;position:absolute;} #company .nr table td ul li{ font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;} #company .nr table td ul li a{display:block;text-decoration:none;color:#444444;} #company .nr table td ul li a:hover{color:#fe7d0c;} #company .nr table td ul li:last-child{border-bottom:1px solid #d2d4d6;} #company .nr table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;} #company .nr table td .yanzheng{width:101px;} #company .nr table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;} #company .nr table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;} #company .nr table td .but{width:74px;height:31px;line-height:27px;background:#3398fe;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;} /*------------------menu-list--------------------*/ #graybar,.recruit_info_tit_bg{ height:46px; background:#e6e6e6;} #graybar span,.recruit_info_tit{ width:140px; line-height:46px; text-align:center; display:block; color:#FFF; background:#0a46a1; border-right:1px solid #FFF;} #prev_next{margin: 10px 20px;clear: both;overflow: hidden;} #prev_next li{margin: 5px 0;} /*--鍙戝睍鍘嗙▼--*/ .licheng{ padding-left:150px;} .licheng li{border-bottom:1px dotted #cecccc; margin:0 20px; padding:10px;} .licheng span.title{ font-size:16px; display:block; color:#D90707; line-height:40px;}