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;
}
}