body,html{ padding:0px; margin:0px; font-family:arial, helvetica, sans-serif; font-size:12px; overflow-x:hidden; letter-spacing:1px;} ul{ padding:0px; margin:0px;} li{ list-style:none;} img{ border:none;} .clear{clear:both} a{transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;} a:hover{transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;} .banner_list1{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/eimages/banner1.jpg", sizingmethod='scale');} .banner_list2{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/eimages/banner2.jpg", sizingmethod='scale');} .banner_list3{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/eimages/banner3.jpg", sizingmethod='scale');} .banner_list4{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/eimages/banner4.jpg", sizingmethod='scale');} .banner_list5{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (, sizingmethod='scale');} .banner_list6{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/eimages/banner6.jpg", sizingmethod='scale');} .banner_list7{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (, sizingmethod='scale');} .banner_list8{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/eimages/banner8.jpg", sizingmethod='scale');} .banner_list9{ width:100%; overflow:hidden; background: center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/eimages/banner9.jpg", sizingmethod='scale');} /*** content1 ***/ .tianjia{ width:1000px; height:auto; margin:0 auto;} .tianjia_top{ width:auto; margin:0 auto; padding-top:100px; padding-bottom:50px;} .tianjia_top ul{ padding:0px; margin:0px;} .tianjia_top ul li{ list-style:none; position: relative; float:left; width:313px; margin-right:30px; height:100px; top: 0; padding-top:60px; line-height: 40px; text-align: center; background: #dedede; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tianjia_top ul li:hover{ top:6px; background: #c63932; } .tianjia_top ul li img{ position: absolute; bottom:60px; left:5%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tianjia_top ul li:hover img{ bottom:70px; box-shadow: 0px 2px 3px #333; } .tianjia_top ul li h4{ display:block; margin-top:60px;} .tianjia_top ul li a{ color:#fff; font-size: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tianjia_top ul li:hover a{ color:#fff; text-shadow: 0px 3px 3px #333; } .clear{ clear:both;} .tianjia_mid{ margin-left:-150px; width:auto; width:auto; background:#f9f9f9; margin-bottom:50px; padding-bottom:40px; height:auto; padding-left:50px; padding-right:50px; padding-top:50px; text-align:center;} .tianjia_mid p{ color:#000; font-family:arial, helvetica, sans-serif; font-size:15px; text-align:left;} .tianjia_mid_line{ width:50px; height:2px; background:#c63932; margin:15px 0; } .tianjia_mid_table ul { padding:0px; margin:0px;} .tianjia_mid_table ul li{ width:280px; float:left; margin-right:30px; text-align:left;} .tianjia_mid_lipic{ width:58px; height:66px; float:left;} .tianjia_mid_litxt{ width:210px; float:right; height:70px; overflow:hidden; float:right; color:#888; line-height:22px;} .yx_cp{ font-size: 14px; color: #fff!important; display: inline-block; text-align: center; height: 34px; line-height: 34px; margin-right: 20px; background: #db1a26; margin-top: 30px; padding: 0 30px; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; } .yx_cp:hover{ background:#000; color: #fff; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; } .tianjia_bot{ width:auto;background:#f9f9f9; width:auto;background:#f9f9f9; padding-bottom:25px;padding-left:50px; padding-right:50px; padding-top:30px; height:auto; text-align:center;} .tianjia_bot_left{ width:700px; float:left; line-height:22px;font-size:12px; color:#888; height:auto; text-align:left;} .tianjia_bot_left p{font-size:18px; display:block; text-align:left; color:#333; line-height:30px; height:30px;} .tianjia_bot_right{ width:145px; height:32px; margin-top:25px; float:right;color:#dc0817;} .tianjia_bot_right a{ color:#fff; display:block;line-height:32px; background-color:#169d8a; transition: color .6s,background-color .6s;} .tianjia_bot_right a:hover{transition: color .6s,background-color .6s; background:#169d8a; color:#fff;} .level1{ position:relative;} .nav-down-menu{position:absolute; left:0 ; top:80px; background: #c63932 ; height:50px; width:100%;} .sj{ position:absolute; left:35%; top:70px; z-index:99; display:none;} .subnav ul{ position:absolute; height:50px;} .subnav li{ display:inline-block; padding:0 10px; height:auto; line-height:50px; text-align:center; } .subnav li:hover{ background:#c31a12;} .subnav li a{ color: #fff !important; font-size:14px !important; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; line-height:50px;} .subnav_a1{width:auto; left:40%; margin-left:-150px;} .subnav_a2{width:auto; left:25%; margin-left:50px;} .subnav_a3{width:auto; left:50%; margin-left:200px ;} .subnav_a4{width:auto; left:42%; margin-left:200px;} .subnav_a5{width:auto; left:24%; margin-left:200px;} .subnav_a6{width:auto; left:40%; margin-left:480px;} /*** footer ***/ .footer{ width:100%; margin:0 auto; background:#333; font-size:12px; } .footer_content{ padding-top:10px; padding-bottom:0px; line-height:25px; } .footer_content p{ color:#ddd; font-family:arial, helvetica, sans-serif; float:none !important; margin-bottom:0; line-height:40px !important; } .unohahcha{ width:150px; float:right; height:50px; margin-top:20px;} .footimg{ margin-bottom:8px;} .footimg a{ margin-right:10px;} .footimg a img{ width:30px;} .footer_content select{ background:url(/uploads/image/eimages/sela.png) no-repeat right 10px; border:1px solid #ddd; height:28px; line-height:24px; margin-left:20px; margin-top:8px; color:#ddd; letter-spacing:1px;padding:0; font-size:12px; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .footer_content select option{ background:#333 !important; color:#ddd !important;} /*** / footer ***/ .guanhuai_con{ min-height:150px;} body #menu ul.nav li:hover .floatck{display:block;} .custom p{ margin-bottom:0px; line-height:24px; letter-spacing:1px; padding-right: 14px; } .custom{ padding-bottom:20px;} .morelast{ margin-top:20px;} .copy{float:left; display:block; line-height:45px; height:auto;} .copy p{ font-size:14px;} /***content***/ .indexabout{ padding-top:50px; padding-bottom:50px; background:#f3f3f3;} .indexaboutitem p{ font-size:20px; text-transform:uppercase; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#333;} .indexaboutitem i{ display:block; width:30px; height:2px; background:#c63932;} .indexaboutwarp{ margin-top:30px;} .indexabouttext{ margin-top:10px;} .indexabouttitle{ font-size:13px; margin-bottom:0px;} .indexabouttitle a{ color:#333; font-weight:bold; font-size:16px;} .indexabouttitle a:hover{ color:#c63932;} .indexaboutwz{ margin-top:5px;} .indexaboutwz a{ color:#888;} .indexaboutwz a:hover{color:#c63932;} .indexaboutimg{ border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .contentbanner{ width:100%; background:#c63932; height:90px;color:#fff; text-align:center; font-size:16px; font-family:arial, helvetica, sans-serif; line-height:90px;} .indexaboutwarp{position:relative; left:100px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .indexaboutimg{ position:relative; overflow:hidden;} figure { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } figure.effect-roxy { background: -webkit-linear-gradient(45deg, #c63932 0%, #007562 100%); background: linear-gradient(45deg, #c63932 0%,#007562 100%); } figure.effect-roxy img { max-width: none; width: -webkit-calc(100% 50px); width: calc(100% 50px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } figure.effect-roxy figcaption { text-align: left; position:absolute;top:0px; left:0px; width:100%; height:100%; } figure.effect-roxy h2 { padding: 20% 0 0 0; color:#fff; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); font-size:20px; text-align:center; line-height:40px } figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); text-align:center; color:#fff; width:80%; margin:0 auto; } figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p, figure.effect-roxy:hover h2 { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /***content***/ .conbannerleft{position:relative; left:-100px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} /***adv***/ .indexadvbg{background:#fafafa; padding:40px; overflow:hidden;} .indexadv{padding-top:50px;} .advimg{text-align:center;} .indexadvmargin{ margin-top:30px;} .indexadvtext{overflow:hidden;} .indexadvtext p{color:#888; margin-bottom:0;} .indexadvleft{position:relative; left:-100px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .indexadvleft .col-lg-9{ padding:0;} /***adv***/ /***indexjob***/ .indexjobbg{background:#fafafa; padding:40px;overflow:hidden;} .indexjob{padding-top:50px;padding-bottom:50px;} .indexjobmore a{background: #c63932; border: 1px solid #c63932; border-top: 1px solid #ec4b43; border-radius: 0px; -webkit-box-shadow: 0px 3px 0px -1px #c12d26; -moz-box-shadow: 0px 3px 0px -1px #c12d26; box-shadow: 0px 3px 0px -1px #c12d26; color:#fff; width:150px; height:35px; display:block; text-align:center; line-height:35px;} .indexjobbt{ font-size:18px; color:#333;} .inbdexjobtext{ color:#888; overflow:hidden;} .indexjobmore{float:right; margin-top:30px;} .indexjobleft{ position:relative;} .indexjobright{ position:relative;} /***indexjob***/ .menu_xl{ width:100%; background:#fff; padding: 0 15px; position: fixed; top:50px; left:0; z-index:9999; border-top:1px solid #ccc; border-bottom: solid 1px #eee; } /** menu_ul3 **/ .menu_ul3{ height:auto; margin-top:10px; margin-bottom: 10px; } .menu3li{ height:auto; } .menuul3_mc{ height:34px; line-height:30px; } .menuul3_mc a{ display:block; margin-top: 3px; } .menuul3_mc a:hover{ text-decoration:none; } .menu3_name{ font-size:14px; color:#333; letter-spacing:1px; float:left; margin-left:10px; } .menu3_more{ font-size:16px; float:right; font-weight:bold; margin-right:10px; } .menuul_yfxl{ height:auto; display:none; } .menul_ul{ height:auto; text-align:center; } .menul_ul li{ display:inline-block; margin-bottom:10px; } .menul_ul li a{ display:block; padding: 0px 13px; border:1px dotted #ccc; color:#333; text-decoration:none; } .menul_ul li a:hover{ text-decoration:none; } .menul_ul li{width:50%;float:left;line-height:30px;height:30px;border:0 !important} ul.menul_ul a { margin: 0 2%; } .indexabouttext p:first-child p p a{ color:#898787; } .indexabouttext p:first-child p p:hover a{ color:#c63932; } .header_btn { float: right; height: 100%; line-height: 80px; font-size: 14px; margin-left: 13px; font-family: arial, helvetica, sans-serif!important; } .header_btn a { font-size: 16px; font-weight: bold; color: #201c1d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; text-transform: uppercase; font-family: arial, helvetica, sans-serif!important; } .header_btn a:hover{ color: #c30d21; } @media (min-width: 1440px) { .container { width: 1270px; } } @media (max-width: 1440px) { .banner_txt4{ width:550px !important; right:5% !important;} .subnav_a1{width:auto; left:40%; margin-left:-250px;} .subnav_a2{width:auto; left:40%; margin-left:-93px;} .subnav_a3{width:auto; left:50%; margin-left:50px;} .subnav_a4{width:auto; left:52%; margin-left:100px;} .subnav_a5{width:auto; left:30%; margin-left:100px;} .subnav_a6{width:auto; left:30%; margin-left:320px;} } @media (max-width: 1200px) { .subnav_a1{width:auto; left:40%; margin-left:-300px;} .subnav_a2{width:auto; left:40%; margin-left:-150px;} .subnav_a3{width:auto; left:50%; margin-left:50px;} .subnav_a4{width:auto; left:40%; margin-left:100px;} .subnav_a5{width:auto; left:40%; margin-left: 50px;} } @media (max-width:1000px){ .subnav_a1{width:auto; left:40%; margin-left:-250px;} .subnav_a2{width:auto; left:40%; margin-left:-93px;} .subnav_a3{width:auto; left:50%; margin-left:50px;} .subnav_a4{width:auto; left:42%; margin-left:100px;} .subnav_a5{width:auto; left:40%; margin-left: -20px;} .subnav_a6{width:auto; left:40%; margin-left: 260px;} } @media (max-width: 768px) { .menu_box .container{width:100%;margin:0;} .collapse.navbar-collapse{padding:0} .span3{ margin-left:0px !important;} .tianjia_top ul li{ float:none; margin:0 auto; margin-top:50px;} .tianjia{ width:100%;} .tianjia_top ul .last{ margin-right:auto !important} .tianjia_mid_table ul li{ float:none; margin:0 auto; margin-top:20px;} .tianjia_mid_table ul .last{margin-right:auto !important} .tianjia_mid p{ text-align:center;} .tianjia_mid_line{ margin:0 auto;} .tianjia_bot_left{ float:none; width:100%;} .tianjia_bot_left p{ height:auto;} .tianjia_top{ padding-top:0px;} .footer_content{ width:auto;} .copy{ float:none; width:100%; margin-bottom:0px; text-align:center; padding-bottom:10px;line-height: 30px;} .banner_txt{ display:none;} .navbar-nav .menul_ul li a {color:#333} .copy img{display:none; } .padd_no{ padding:0 15px 0 0;} .menu_box{ position:relative;} .ph_menu{ position:absolute !important; left:0; top:52px; width:100%; z-index:9; background:#fff; height:auto; display:none; } .moduletable{ border-bottom:1px #666 solid;} .moduletable3{ border:none;} .row-fluid [class*="span"] { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } .footer_content p { color: #ddd; font-family: arial, helvetica, sans-serif; float: none !important; margin-bottom: 0; line-height: 30px !important; letter-spacing: -1px; text-align: left; } .footer_content select{ background:url(/uploads/image/eimages/sela.png) no-repeat right 10px; border:1px solid #ddd; height:28px; line-height:24px; margin-top:8px; color:#ddd; margin-left: 0; letter-spacing:1px; padding:0 10px; font-size:12px; width:80%; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .footer_content select option{ background:#333 !important; color:#ddd !important; width:100%; display: block; } .header_btn { line-height: 56px; overflow: hidden; } } @media(max-width:320px){ .footer_content select{ background:url(/uploads/image/eimages/sela.png) no-repeat right 10px; border:1px solid #ddd; height:28px; line-height:24px; margin-top:8px; color:#ddd; margin-left: 0; letter-spacing:1px; padding:0 10px; font-size:12px; width:100%; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .footer_content select option{ background:#333 !important; color:#ddd !important; width:100%; display: block; } }