

body,html{ padding:0px; margin:0px; font-family:"黑体",STHeiti;
 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:url('../images/banner1.jpg') 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='../images/banner1.jpg',  sizingMethod='scale');}

.banner_list2{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner2.jpg') 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='../images/banner2.jpg',  sizingMethod='scale');}
	
.banner_list3{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner3.jpg') 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='../images/banner3.jpg',  sizingMethod='scale');}
	
.banner_list4{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner4.jpg') 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='../images/banner4.jpg',  sizingMethod='scale');}
	
.banner_list5{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner5.jpg') 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='../images/banner5.jpg',  sizingMethod='scale');}
	
.banner_list6{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner6.jpg') 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='../images/banner6.jpg',  sizingMethod='scale');}
	
.banner_list7{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner7.jpg') 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='../images/banner7.jpg',  sizingMethod='scale');}
	
.banner_list8{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner8.jpg') 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='../images/banner8.jpg',  sizingMethod='scale');}

.banner_list9{ width:100%; 
    overflow:hidden; 
    background:url('../images/banner9.jpg') 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='../images/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:600px; left:50%; margin-left:-150px;}
.subnav_a2{width:650px; left:45%; margin-left:50px;}
.subnav_a3{width:300px; left:50%; margin-left:200px ;}
.subnav_a4{width:600px; left:52%;  margin-left:200px;}
.subnav_a5{width:600px; left:50%;  margin-left:200px;}
.subnav_a6{width:300px; left:50%;  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(../images/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 10px; font-size:12px; width:230px;
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;}
.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:"黑体"; 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:Verdana, Geneva, 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%;
}

.header_btn {
    float: right;
    height: 100%;
    line-height: 80px;
    font-size: 14px;
        margin-left: 10px;
        font-weight: bold;
    font-family: Arial, Helvetica, sans-serif!important;
}
.header_btn a {
    font-size: 16px;
    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:600px; left:50%; margin-left:-250px;}
	.subnav_a2{width:650px; left:45%;  margin-left:-93px;}
	.subnav_a3{width:300px; left:50%; margin-left:50px;}
	.subnav_a4{width:600px; left:52%;  margin-left:100px;}
	.subnav_a5{width:600px; left:50%;  margin-left:100px;}
	.subnav_a6{width:300px; left:50%;  margin-left:320px;}

	
}


@media (max-width: 1200px) {
	.subnav_a1{width:600px; left:50%;  margin-left:-300px;}
	.subnav_a2{width:650px; left:50%;  margin-left:-150px;}
	.subnav_a3{width:300px; left:50%;  margin-left:50px;}
	.subnav_a4{width:600px; left:50%;  margin-left:100px;}
	.subnav_a5{width:600px; left:50%;  margin-left: 50px;}
	
	
	
	
	}
@media (max-width:1000px){
	.subnav_a1{width:600px; left:50%; margin-left:-250px;}
	.subnav_a2{width:650px; left:45%;  margin-left:-93px;}
	.subnav_a3{width:300px; left:50%; margin-left:50px;}
	.subnav_a4{width:600px; left:52%;  margin-left:100px;}
	.subnav_a5{width:600px; left:50%; margin-left: -20px;}
	.subnav_a6{width:300px; left:50%; 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;}
.header_btn {
    line-height: 56px;
    overflow: hidden;
}

}


