@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

li {
	list-style:none;
    float: left;	
}

a { text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

#top{ width:100%; float:left; height:80px; position:fixed; background:#fff; z-index:999999; border-bottom:1px #ccc solid;}
#zj{ width:1200px; margin:0px auto; clear:both;}
#logo{ margin-top:20px; float:left;}
#nav{ width:700px; float:left; margin-left:70px; margin-top:25px;}
#nav ul{}
#nav li{ float:left; height:40px; line-height:40px; border-radius:5px; text-align:center; font-size:16px; margin:0px 5px;}
#nav li a{ display:block; padding:0px 15px; border-radius:5px;}
#nav li a:hover{ background:#e50212; color:#fff; border-radius:5px;}
#nav li a.active{ background:#e50212; color:#fff; border-radius:5px;}
#nav li a.active {color:#fff;}

#nav ul li ul li { float:none;}
#nav ul li ul li a { background:none;}
#nav ul li ul { background:#fff;}
#nav ul li ul li { text-align:center; height:40px; font-weight:normal;line-height:40px; font-size:14px; margin:0; padding:0;}
#nav ul li ul li a { background:none; color:#333; height:40px; line-height:40px; margin:0; padding:0; border-radius:0}
#nav ul li ul li a:hover { background:#e50212; color:#fff; border-radius:0}
#nav ul li ul { display:none;}
#nav ul li:hover ul { display:block;}
#nav ul li.sfhover ul { display:block;}
#nav li.bs a{ color:#fff; background:#005fbd;}

#top_lx a:hover .wx{ display:block;}
.wx{ display:none;position: absolute; right:0px;}

#top_lx{ width:200px; float:right; line-height:28px; height:28px; margin-top:30px;position: relative;}
#top_lx a{ float:left; margin:0px 8px; font-size:18px; font-weight:bold; line-height:28px; color:#e72028;}
#top_lx b{ float:left; line-height:28px; margin-top:-2px;}


.brand{
	width: 100%;
	float:left;
	position: relative;
	overflow: hidden;
	margin-top:80px;
    height:826px;
}
.brand ul{
	width: 100%;
}
.brand ul li{
	position: relative;
	width: 20%;
}
.brand ul li .before{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 93px;
	background: url("../images/br0.png") repeat-x;
	transition-duration:600ms;
}
.brand ul li.do .before{
	bottom: -93px;
}
.brand ul li .after{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: url("../images/li3.png") top repeat-x;
	transition-duration:800ms;
	bottom: -900px;

}
.brand ul li.do .after{
	bottom: 0;
}
.brand ul li .af-logo{
	width: 100%;
	height: 90px;
	position:absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	border-bottom: 3px solid #014099;
}

.brand ul li:nth-child(1) .af-logo{
	border-bottom: 3px solid #e60012;
}
.brand ul li:nth-child(2) .af-logo{
	border-bottom: 3px solid #e60012;
}
.brand ul li:nth-child(3) .af-logo{
	border-bottom: 3px solid #009f43;
}
.brand ul li:nth-child(4) .af-logo{
	border-bottom: 3px solid #eb9420;
}
.brand ul li:nth-child(5) .af-logo{
	border-bottom: 3px solid #004097;
}
.brand ul li:nth-child(6) .af-logo{
	border-bottom: 3px solid #9fa09b;
}
.brand ul li:nth-child(7) .af-logo{
	border-bottom: 3px solid #e6911d;
}
.brand ul li .after .af-title{
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height: 24px;
	padding-bottom:8%;
	margin-top: 160px;
	opacity: 0;
	transition-duration:900ms;
	transition-delay:300ms;
}
.brand ul li.do .after .af-title{
	margin-top: 0;
	opacity: 1;
}
.brand ul li .after .af-detail{
	width: 88%;
	
	color: #fff;
	line-height: 25px;
	font-size: 13px;
	height: 194px;
	overflow: hidden;
	margin: 120px auto 0; 
	opacity: 0;
	transition-duration:900ms;
	transition-delay:300ms;
}
.brand ul li.do .after .af-detail{
	margin: 0 auto 0; 
	opacity: 1;
}
.brand ul li .after .af-more{
	display: block;
	height: 38px;
	text-align: center;
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 38px;
	margin: 0 auto 0; 
	transition-duration:300ms;
}
.brand ul li .after .af-more:hover{
	background: #e72028;
	color: #fff;
}
.brand ul li:nth-child(2) .after .af-more:hover{
	background: #e72028;
	color: #fff;
}
.brand ul li:nth-child(3) .after .af-more:hover{
	background: #009f43;
	color: #fff;
}
.brand ul li:nth-child(4) .after .af-more:hover{
	background: #eb9420;
	color: #fff;
}
.brand ul li:nth-child(5) .after .af-more:hover{
	background: #004097;
	color: #fff;
}
.brand ul li:nth-child(6) .after .af-more:hover{
	background: #9fa09b;
	color: #fff;
}
.brand ul li:nth-child(7) .after .af-more:hover{
	background: #e6911d;
	color: #fff;
}

#foot{ width:100%; float:left; background:#2c2c2c; padding:20px 0;}
#dilogo{ width:150px; float:left;}
#dilogo img{ width:150px;}
#foot_l1{ float:left; width:230px; font-size:12px; color:#5c5c5c; line-height:1.8;}
#foot_l2{ float:left; width:230px; font-size:12px; color:#5c5c5c; line-height:1.8; margin-left:10px;}
#foot_l3{ float:left; width:230px; font-size:12px; color:#5c5c5c; line-height:1.8; margin-left:10px;}
#foot_l4{ float:left; width:230px; font-size:12px; color:#5c5c5c; line-height:1.8; margin-left:10px; background:url(../images/gongan.png) no-repeat left top; background-size:7%; padding-left:25px;}
#foot_l4 a{ color:#5c5c5c;}
#foot_r{ float:right;}
#isread-text{ width:70px; height:30px; background:#e50111; float:left; text-align:center; line-height:30px; border-radius:3px; color:#fff;}
.aaagree{ width:70px; height:30px; float:left; text-align:center; line-height:30px;cursor:pointer}
.agree{ width:70px; height:30px; float:left; text-align:center; line-height:30px;cursor:pointer}
#liuyan{ width:70px; height:30px; background:#e50111; float:left; text-align:center; line-height:30px; border-radius:3px; color:#f1f1f1;cursor:pointer}
#liuyans{ width:70px; height:30px; background:#e50111; float:left; text-align:center; line-height:30px; border-radius:3px; color:#f1f1f1;cursor:pointer}
#liuyan a{display: block; color:#f1f1f1;}
#liuyan a:hover{ color:#fff;}
#open{ border:none; background:none; color:#fff; width:90px; line-height:35px;}
#zaixian{ width:70px; height:30px; background:#e50111; float:left; text-align:center; line-height:30px; border-radius:3px; margin-left:10px;}
#zaixian a{display: block; color:#f1f1f1;}
#zaixianzaixian a:hover{ color:#fff;}
#foot_rt{ float:left; line-height:1.8; color:#5c5c5c; font-size:12px;}

#foot_rn{ float:right; line-height:1.8; color:#5c5c5c; font-size:12px; margin-left:60px;}

#box{ width:100%; float:left; margin-top:100px; min-height:787px;}
#box31{ width:100%; padding-top:100px;}
#box1{ width:100%; float:left; margin-top:100px; margin-top:-80px;}
#geduan{ width:100%; float:left; height:80px; background:#fff;}
#geduan1{ width:100%; float:left; height:80px; background:#eee;}
#geduan2{ width:100%; float:left; height:80px; background:#fff;}
#about{ width:100%; float:left; padding:160px 0 0; height:727px;}
#about_l{ float:left; width:550px;}
#about_n{ line-height:2.2; font-size:16px;}
.titles{ width:1200px; margin:0px auto; clear:both;}
#fazhan{ width:100%; float:left; height:889px;}
.about-history{ width:100%; float:left;}
.about-brand{
	width: 100%;
	float:left;
	position: relative;
	padding-top: 30px;
	padding-bottom: 108px;
}
.about-brand:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	z-index: 2;
}
.rubber-ul{
	
	padding-top: 30px;
}
.rubber-ul a{
	display: block;
	width: 588px;
	height: 180px;
	float: left;
	
	margin-bottom: 20px;
	position: relative;
	-webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective:500px;
    -o-perspective: 500px;
    perspective: 16000px;
    -webkit-transition: all .07s linear;
    -moz-transition: all .07s linear;
    -ms-transition: all .07s linear;
    -o-transition: all .07s linear;
    transition: all .07s linear;

}
.rubber-ul a div{
	    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translatez(-79px);
    -moz-transform:  translatez(-79px);
    -ms-transform: translatez(-79px);
    -o-transform:  translatez(-79px);
    transform: translatez(-79px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.rubber-ul a img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	transition-duration:800ms;
	-webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    transition-duration:700ms
}
.rubber-ul a .face-normal{
  
   -webkit-transform: rotatex(0deg) translatez(79px);
    -moz-transform: rotatex(0deg) translatez(79px);
    -ms-transform: rotatex(0deg) translatez(79px);
    -o-transform: rotatex(0deg) translatez(79px);
    transform: rotatex(0deg) translatez(79px);
 
}

.rubber-ul a .face-hover{
    -webkit-transform:  rotatex(-90deg) translatez(79px);
    -moz-transform:  rotatex(-90deg) translatez(79px);
    -ms-transform:  rotatex(-90deg) translatez(79px);
    -o-transform:  rotatex(-90deg) translatez(79px);
    transform: rotatex(-90deg) translatez(79px);
   
}
.rubber-ul a:hover div{
	/*-webkit-transform:  rotatex(-90deg)  translatez(-79px);
    -moz-transform:  rotatex(-90deg)   translatez(-79px);
    -ms-transform:  rotatex(-90deg)  translatez(-79px);
    -o-transform:  rotatex(-90deg)   translatez(-79px);*/
    transform: translatez(-79px) rotateX(90deg);
}
.w1200{ width:1200px; margin:0px auto; clear:both}
#qixia{ width:100%; float:left; margin-bottom:40px; margin-top:60px;}
#qixia_t{ float:left; font-size:24px; font-weight:bold;}
.por{position: relative;}
#keji{ width:100%; float:left; background:#eeeeee; height:809px;}

#keji_r{ float:right;}
#keji_r li{ width:110px; height:35px; line-height:35px; text-align:center; margin:0px 5px; font-size:16px;}
#keji_r li a{ display:block; color:#333;}
#keji_r li a:hover{ color:#fff; border-radius:20px; background:#e50111;}

.tab-hd {float:right;}
.tab-hd ul { padding-top: 4px; margin-left: 7px; }
.tab-hd li{ width:110px; height:35px; line-height:35px; text-align:center; margin:0px 5px; font-size:16px;cursor:pointer}
.tab-hd li a{ display:block; color:#333;}
.tab-hd li a:hover{ color:#fff; border-radius:10px; background:#e50111;}
.tab-hd li.on a{ color:#fff; border-radius:10px; background:#e50111;}
.tab-bd {}
.tab-bd ul{ overflow:hidden; zoom:1; }
.tab-bd { width:100%; float:left; margin-top:60px; line-height:2.1;}
.tab-pal{ line-height:2.0; font-size:16px;}
.tab-pal span{ height:300px; width:100%; float:left;}

#keji_k{ width:100%; float:left; margin-top:30px; line-height:2.1;}

#wenhua{ width:100%; float:left; height:809px; background:url(../images/longwen.jpg) no-repeat; padding-bottom:80px; z-index:99999; position: relative;}

#rongyu{ width:100%; float:left; background:#fff; height:809px; margin-top:-80px;}
#rongyu_t{ float:left; font-size:24px; font-weight:bold; color:#333;}
#rongyu_n{ width:100%; float:left; margin-top:30px;}
#rongyu_n li{ width:280px; float:left; margin:10px;}

#zeren{ width:100%; float:left; height:809px; background:#eee;}
#zeren_k{ width:100%; float:left;}
#zeren_b{ width:100%; float:left;}
#zeren_bl{ width:330px; height:217px; float:left; margin:0px 32px 20px;}
#zeren_bl img{ width:330px;}
#zeren_bl1{ width:380px; height:250px; float:left; margin:0px 10px 10px;}
#zeren_bl1 img{ width:380px;}
#zeren_bl2{ width:365px; height:270px; float:left; margin:0px 10px 10px;}
#zeren_bl2 span{ width:100%; text-align:center; height:30px; font-size:16px;}
#zeren_bl2 img{ width:365px; height:240px;}
#zeren_bl3{ width:365px; height:240px; float:left; margin:0px 10px 20px;}
#zeren_bl3 img{ width:365px; height:240px;}
#zeren_n{ width:100%; float:left; line-height:2; color:#333; font-size:16px; z-index:99999; position: relative;}

#yuangong{ width:100%; float:left; height:889px; background:#fff;}

#product{ width:100%; float:left; padding:31px 0; min-height:708px;}
#news1{ width:100%; float:left; padding:31px 0; min-height:628px;}
#news2{ width:100%; float:left; padding:0 0 31px 0; min-height:708px;}
#news3{ width:100%; float:left; padding:0 0 31px 0; min-height:708px;}
#product_t{ width:100%; float:left;}
#product_tl{ float:left; font-size:30px; color:#333; font-weight:bold;}
#product_tr{ float:right; height:35px;}
#product_tr li{ width:110px; height:35px; line-height:35px; text-align:center; margin:0px 5px; font-size:16px;}
#product_tr li a{ display:block; color:#333;}
#product_tr li a:hover{ color:#fff; border-radius:10px; background:#e50111;}
#product_tr li#bs a{ color:#fff; border-radius:10px; background:#e50111;}
#product_n{ width:100%; float:left; margin-top:5px; height:554px;}
#pro{ width:280px; float:left; height:247px; margin:15px 10px;}
#pro_t{ width:280px; float:left; height:247px;}
#pro_t img{ width:280px; height:247px;}

#fenye{ width:100%; float:left; margin-top:10px; text-align:center;}
#fenye a{ padding:8px 12px; margin:0 5px; background:#ababab; color:#333;}
#fenye a:hover{ background:#e50111; color:#fff;}
#fenye a.on{ background:#e50111; color:#fff;}



.zt_list{ width:100%; float:left; margin-top:50px;}
.zt_list li{ position: relative; margin-bottom: 30px; overflow: hidden; width:100%;}
.zt_list li ._img{ float: right; width: 40%;}
.zt_list li ._txt{ position: absolute; left: 0; bottom: 0; top: 0; width: 48%; padding:3% 6%; background-color: #f9f9f9;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.zt_list li ._txt ._t{ position: relative; font-size: 33px; height:40px; padding-top:10px; color: #4f4f4f; font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-top: 10px;}
.zt_list li ._txt ._tools{ margin:0 0 6px; color: #bfbfbf;}
.zt_list li ._txt ._tools .ion{ font-size: 1.5em;}
.zt_list li ._txt ._p{ color: #757575; line-height:1.9;}
.zt_list li ._txt ._more{ display: none; width: 170px; height: 50px; line-height: 50px; background-color: #fff; text-align: center; margin-top: 30px; font-size: 16px; color: #f67702;}
.zt_list li ._txt ._more .ico2{width:28px; height:25px; background-position:-32px 0;}
.zt_list li:hover ._txt{ background-color: #f67702;}
.zt_list li:hover ._txt ._t,.zt_list li:hover ._txt ._tools,.zt_list li:hover ._txt ._p{ color: #fff;}
.zt_list li:hover ._txt ._tools .ico3_5{ background-position:0 -120px;}
.zt_list li:hover ._txt ._tools .ico4_1{ background-position:-20px -120px;}

#gd{ width:366px; height:45px; border:4px #e2e2e2 solid; margin:0px auto; clear:both; text-indent:150px; line-height:45px; font-size:16px; background:url(../images/xwb.png) no-repeat 220px center; position:relative; z-index:9999;}
#gd a{ color:#e50111; display:block;}

#gd1{ width:266px; border:4px #ccc solid; margin:40px auto; clear:both; text-indent:90px; line-height:45px; font-size:16px; background:url(../images/xwb.png) no-repeat 160px center; position:relative; z-index:9999;}
#gd1 a{ color:#e50111; display:block;}

.rect-75 img{ height:270px; width:480px;}

.about-history .main {
    position: relative;
    height: 475px;
    margin-top: 68px;
}

.about-history{
	width: 100%;
	height: 809px;
	background: url("../images/about_history_bg.jpg") center top no-repeat;
	position: relative;
}
.about-history:before{
	content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    z-index: 2;
    border-width: 16px;
    border-style: solid;
    border-color: #f2f3f4 transparent transparent transparent;
}
.about-history .titles{
	color: #d9d9d9;
	padding-top:60px;
}
.about-history .titles .big-t{
	color: #fff;
}

.about-history .main .line{
	position: absolute;
	top: 262px;
	width: 100%;
	min-width: 1200px;
	height: 1px;
	background: #828282;
}
.about-history .main .btn a{
	position: absolute;
	top: 245px;
	width: 36px;
	height: 36px;
	background: url(../images/about_history_btn.png) no-repeat 0 0;
}
.about-history .main .btn .prev{
	left: 0;
  z-index:999999;
}
.about-history .main .btn .next{
	right: 0;
	background-position: -36px 0;
    z-index:999999;
}
.about-history .main .btn .prev:hover{
	background-position: 0 -36px;
}
.about-history .main .btn .next:hover{
	background-position: -36px -36px;
}
.about-history .main ul{
	width: 100%;z-index:999;
	position: relative;
}
.about-history .main li{
	width: 400px;
	padding-left: 10px;
	position: absolute;
  z-index:999;
	height: 255px;
	left: 89px;
	top: 0;
	opacity: 0;
	filter:alpha(opacity=0); 
}
.about-history .main li .ico{
	position: absolute;
	left: 4px;
	top: 7px;
	width: 1px;
	height:255px;
	background: #868483;
}
.about-history .main li.bot{
	top: 262px;
  padding-top:20px;
}
.about-history .main li .ico i{
	position: absolute;
	width: 10px;
	height: 10px;
	left: -5px;
	top: -2px;
	background: url(../images/about_history_ico.png) no-repeat 0 0;
}
.about-history .main li.bot .ico i{
	top: auto;
	bottom: 0;
}
.about-history .main li.bot .ico{
	top: 0;
}
.con-box{ margin-top:5px;overflow-y: hidden;}
.about-history .main li h4{
	font-size: 40px;

	color: #fff;
	line-height: 40px;
	font-weight: normal;
}
.about-history .main li:hover h4{
  
	color: #e71e14;
}
.about-history .main li p{
	line-height: 24px;
	font-size: 14px;
	color: #c3c3c3;
}
.about-history .main li img{
	margin: 10px 0 0; 
}
.about-history .main li .con{
	position: absolute;
    overflow-y: hidden; 
	left: 30px;
	top: 0;
	width: 327px;
	max-height: 275px;
	overflow: auto;
}

.titles .big-t{
	font-size: 32px;
	color: #333;
	font-weight: bold;
	width: 100%;
	text-align: center;
	line-height: 42px;
}
.titles .sec-tit {
    width: 100%;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
}

#cpzs_k{ width:100%; float:left; height:809px;}
#cpzs_t{ width:100%; float:left; height:40px; border-bottom:1px #ccc solid;}
.zuozi{ float:left; line-height:40px; font-size:20px;}
.more{ float:right; line-height:40px;}
.more a{ color:#666;}
.more a:hover{ color:#e50111;}

#pinpai{ width:100%; float:left; margin-top:-80px; height:809px;}
#news{ width:100%; float:left; margin-top:30px;}
#news li{ width:100%; float:left; height:55px; line-height:55px; font-size:16px; border-bottom:1px #ccc solid;}
#news li a{ color:#333;}
#news li a:hover{ color:#e50111;}
#news li span{ color:#e50111;}
#neiye{ width:100%; float:left; margin-top:40px; line-height:2; min-height:550px;}
#neiye555{ width:100%; float:left; margin-top:40px; line-height:2;}

#fenpian{ width:100%; float:left; margin-top:30px;}
#l{ float:left; width:100%; height:25px; line-height:25px; color:#333;}
#l a{ color:#333;}
#l a:hover{ color:#e50111;}

#fanhui{ width:100%; float:left; margin-top:10px;}
#fh{ width:130px; height:40px; text-align:center; line-height:40px; background:#ccc; margin:0px auto;}
#fh a{ color:#333; display:block;}
#fh a:hover{ color:#fff; background:#e50111;}
.sou{ width:275px; height:30px; padding:0; float:left; border:1px #efefef solid;text-indent:5px; color:#868686;}
.suo{ width:245px; height:32px; float:left; border:none; text-align:center; background:#606d75; color:#fff; margin-left:11px;}
.column{ width:259px; float:left; border:1px #ccc solid; z-index:99999; position: relative; background:#fff;}
.column li{ width:100%; float:left; height:35px;}
.column li a{ display:block; font-size:12px;}
.column li a:hover{ color:#e50111;}

#lys{ margin-bottom:10px; float:left; width:380px;}
#lysk{ width:48%; float:left;}
#lysk span{ width:45px; float:left; font-size:12px;}
#lysk1{ width:48%; float:right;}
#lysk1 span{ width:45px; float:left; font-size:12px;}
.hang{ float:left; width:136px; height:30px;text-indent:5px;}
.hang1{ float:left; width:136px; height:30px;text-indent:5px;}
#introduce{ width:334px; float:right; height:80px; padding:10px;}
.nr{ width:45px; float:left; font-size:12px;}
.tijiao{ float:left; margin-left:20px;}
#lyd{ width:380px; float:left;}
#yzImgNum{ float:left; width:180px; margin-right:5px;}
.tijiao{ width:380px; height:40px; margin-top:10px; background:#e50111; color:#fff; border:none;}

#biaoti{ width:100%; float:left; text-align:center; font-size:28px; font-weight:bold; margin-top:30px;}

#confirmTerm{ width:120px; height:30px;}
.job-sear{ padding:25px 30px; border:10px #ededed solid; margin-bottom: 15px;}
.job-sear .t-pt{font-size: 13px;color: #565656;float: left;line-height: 32px;padding: 0 15px 0 5px;}
.job-sear .t-area{ float:left; width:23.2%; height:30px; line-height:30px; border:1px solid #eee;  text-indent:5px; margin-right:2%;background-color: #fff;}
.job-sear .t-area ._val{color:#a9a9a9;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.job-sear .t-area ._val b{ float:right; width:33px; height:30px; background:url(../images/job-areaico.gif) no-repeat; }
.job-sear .t-area ._option{ top:30px;}

.job-sear .sear_input{ float:left; margin-right:1%; width:24%; padding-left:5px; height:28px; line-height:28px; border:1px solid #eee; position:relative;background-color: #fff;}
.job-sear .sear_input input[type=text]{ vertical-align:top; border:0;width: 80%;height: 16px; line-height:16px;box-sizing: content-box;padding: 6px 0;}
.job-sear button[type=submit]{ border:0; width:21%; height:30px; line-height: 30px; background-color: #606d75;padding: 0;float:left;font-size:17px; color:#fff;cursor: pointer;}
.job-sear .sear_input button i{ display:block;background:url(../images/job-searico.png) no-repeat; width:100%; height:100%;}
.job-sear button[type=submit]:hover{ background-color:#f37020;}

#dai{ width:100%; float:left; margin-top:30px;}
#jingshen{ width:100%; float:left;}
#jingshen_t{ width:100%; float:left; color:#f08303; font-size:24px;}
#jingshen_k{ width:100%; float:left; height:103px; background:url(../images/zuo.jpg) no-repeat left; margin-top:20px;}
#jingshen_kl{ margin-left:15px; width:1185px; float:left; font-size:18px; line-height:1;}
#jingshen_kn{ width:1185px; float:left; margin-left:15px; color:#000; font-size:13px; margin-top:10px;}

#fwzz{ width:100%; float:left; margin-top:30px; margin-bottom:20px;}
#fuwu{ width:575px; float:left;}
#fuwu1{ width:575px; float:right;}
#fuwu_t{ width:100%; float:left; color:#f08303; font-size:24px;}
#fuwu_k{ width:560px; float:left; padding-left:15px; height:103px; background:url(../images/zuo.jpg) no-repeat left; margin-top:10px;}
#fuwu_kl{ width:100%; float:left; font-size:18px; line-height:1;}
#fuwu_kn{ width:100%; float:left; color:#000; margin-top:10px; font-size:13px;}
#rencai_n{ width:100%; float:left; font-size:18px; color:#222; line-height:1.8; height:70px;}

#shanyong{ width:100%;float:left; margin-top:35px;}
#shan{ width:545px; float:left;}
#shan1{ width:545px; float:right;}
#shan_t{ width:100%; float:left; font-size:20px; font-weight:bold; background:url(../images/xiaxian.jpg) no-repeat left bottom; padding-bottom:13px;}
#shan_t span{ font-size:16px; color:#333;}
#shan_n{ width:100%; float:left; margin-top:10px; font-size:15px; color:#222; line-height:1.8;}

#zhiwei{ width:100%; float:left; height:807px; background:#efefef;}
#zhiwei1{ width:100%; float:left; background:#efefef;}

#xuzhi{ width:100%; float:left; padding-bottom:32px; background:#fff;}
#xuzhi_l{ width:550px; float:left;}
#yingpin{ width:100%; float:left;}
#yingpin_n{ width:100%; float:left; margin-top:40px; font-size:18px; line-height:2; color:#333;}
#xuzhi_r{ width:370px; float:right;	}
#xuzhi_n{ width:100%; margin-top:60px; float:left;}

#lxwm{ width:100%; float:left; margin-top:40px;}
#lxwm_l{ width:320px; float:left;}
#lxwm_z{ width:320px; float:left; margin-left:200px;}
#lxwm_r{ width:200px; float:right;}
#lxwm_l p{ width:100%; float:left; color:#222; font-size:16px; line-height:37px;}
#lxwm_z p{ width:100%; float:left; color:#222; font-size:16px; line-height:37px;}
#lxwm_r p{ width:100%; float:left; color:#222; font-size:16px; line-height:37px;}

#neiye1{ margin:0px auto; clear:both; width:870px;}

#zhaopin{ width:100%; margin-top:50px; float:left;}

.zxns_p2{overflow:hidden;margin-bottom:45px; width:100%;}
.zxns_p2bt li{float:left;width:50%;font-size:30px;text-align:center;cursor:pointer;}
.zxns_p2bt li p{display:block;line-height:76px; background:#e9e9e9;color:#b0b0b0;}
.zxns_p2bt li i{display:block; font-size:22px;line-height:20px; position:relative;top:-7px;display:none;color:#c2262c;}
.zxns_p2bt li.zxns_p2bt_hover p{ background:url(../images/zxns_04.jpg) center no-repeat; background-size:100% 100%;color:#fff;}
.zxns_p2bt li.zxns_p2bt_hover i{display:block;}
.zxns_p2nr{overflow:hidden;}
.zxns_p2nr_title{overflow:hidden; background:#e50112;line-height:60px;}
.zxns_p2nr_title li{float:left;font-size:20px;color:#fff;padding:0 15px; text-align:center;}
.zxns_p2nr_title li:nth-child(1),.zxns_p2nr_title li:nth-child(2),.zxns_p2nr_title li:nth-child(3),.zxns_p2nr_title li:nth-child(4){width:17%;}
.zxns_p2nr_title li:nth-child(5){width:30%;}
.subNavBox{width:100%; background:#fff;}
.subNav{width:100%;overflow:hidden;cursor:pointer;font-weight:bold; border-bottom:1px #f2f2f2 solid; font-size:16px;color:#353535;padding:15px 0; background:url(../images/zxns_12.png) 1140px center no-repeat;}
.subNav p{float:left;display:block;padding-left:15px; padding-right:15px; text-align:center; margin-top:10px;}
.subNav p:nth-child(1),.subNav p:nth-child(2),.subNav p:nth-child(3),.subNav p:nth-child(4){width:17%;}
.subNav p:nth-child(5){width:30%;}
.currentDt{ background:url(../images/zxns_13.png) 1140px center no-repeat;}
.navContent{display: none;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;padding:20px 15px 0; background:#fff; position:relative;}
.zxns_p2nr{display:none;}
.zxns_p2nr_fl{float:left;width:45%;font-size:16px;color:#353535;line-height:30px;padding-right:20px;}
.zxns_p2nr_flbt{display:block;color:#c2252b;margin-bottom:10px;}
.zxns_p2nr_fr{padding-bottom:30px;}
.zxns_p2nr_fran{ position:absolute;bottom:30px;right:20px; background:#c2252b;font-size:20px;color:#fff;line-height:42px;padding:0 40px;cursor:pointer;}
.zxns_p2nr_fran:hover{ background:#df1921;}
.zxns_p2nr_jt{ position:absolute;top:-13px;left:22%;}
.zxns_p2nr_jt img{display:block;}
.zxns_p3{overflow:hidden;margin:55px 0;}
.zxns_p3 .within_title span{color:#333;}
.zxns_p3ul{margin-left:-2.33%;padding:20px 0;}
.zxns_p3ul li{float:left;width:31%; margin:1.5% 0;margin-left:2.33%; background:#f5f5f5;height:640px;padding:25px; transition:all 1s;box-shadow:2px 2px 3px rgba(0,0,0,0);}
.zxns_p3li_img{display:block;border:1px solid #626262;height:254px;overflow:hidden;}
.zxns_p3li_img img{width:100%;min-height:100%;}
.zxns_p3li_bt{display:block;font-size:25px;color:#333;line-height:30px;margin-top:25px;}
.zxns_p3li_bt span{font-size:16px;color:#c2252b;margin-left:10px;}
.zxns_p3li_zs{display:block;overflow:hidden;margin-top:12px;}
.zxns_p3li_zs img{display:block;float:left;}
.zxns_p3li_sl{display:block;font-size:18px;color:#333;margin-top:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zxns_p3li_sl span{margin-right:18px;}
.zxns_p3li_wz{display:block;font-size:13px;color:#333;line-height:30px;height:150px;overflow:hidden;margin-top:15px;}
.zxns_p3li_gd{display:block;text-align:right;font-size:13px;color:#333;margin-top:15px;}
.zxns_p3ul li:hover{ background:#ddd; box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.zxns_p3li_gd:hover{color:#c2252b;}
.recruit_bc{ position:fixed;top:0;left:0; background:rgba(205,205,205,0.38);width:100%;height:100%;z-index:9991;display:none;}
.recruit_tc{ position:fixed;top:50%;left:50%;z-index:9991;width:680px;height:370px;margin-left:-340px;margin-top:-185px; background:#fff;display:none;}
.recruit_tcx{overflow:hidden;text-align:right;line-height:10px;padding-top:5px;padding-right:5px;}
.recruit_tcx span{font-size:30px;color:#c2252b;cursor:pointer;}
.recruit_tcx span:hover{color:#d61a21;}
.recruit_tcform{margin-top:20px;}
.recruit_tcp{display:block;overflow:hidden;padding:11px 17%}
.recruit_tcp label{font-size:16px;color:#c2252b;width:20%;float:left;line-height:26px;}
.recruit_tcp label span{margin-right:32px;}
.recruit_tcp_input{border:1px solid #bdbdbd; background:#f6f6f6;height:27px;padding:0 5px;width:70%;font-size:13px;float:left;}
.recruit_tcp .recruit_tcps{height:27px;float:left;font-size:20px;color:#c63e42;line-height:36px;margin-left:7px;}
.recruit_tcp .recruit_tcpsc{font-size:14px;color:#c2252b;float:right;line-height:26px;border-bottom:1px solid #c2252b;}
.recruit_tcp .recruit_tcpsc:hover{color:#d61a21;}
.recruit_tcp_button{font-size:20px;color:#fff; background:#c2252b;border:0;line-height:40px;width:65%;margin:0 auto;display:block;margin-top:20px;}
.recruit_tcp_button:hover{ background:#d61a21;cursor:pointer;}

#neitai{ width:100%; float:left; height:69px; border-bottom:1px #f2f2f2 solid;}
#neitai_l{width:310px; text-align:left; margin-left:25px; float:left; height:69px;}
#neitai_z{ width:275px; text-align:left; margin-left:5px; float:left; font-size: 16px; line-height:69px; color: #353535;}
#neitai_r{ width:450px; text-align:left; margin-left:10px; float:left; font-size: 16px; line-height:69px; color: #353535;}

#tupian{ width:100%; float:left;}
#tupian li{ width:285px; float:left; margin:0 5px;}
#tupian li img{ width:285px;}


#guanhuai{ width:100%; float:left; margin-top:10px; font-size:16px;}

#box5{ width:100%; float:left; margin-top:100px;}
/*下层--营销网络*/
.net_bann{ height:535px;position: relative;z-index: 3; float:left; width:1160px; margin-top:100px; margin-bottom:40px; border:10px #a6c2de solid;border-radius: 10px;}
.net_bann img{ height:100%; max-width:none;}
.net_bann .guo_map{height:100%; overflow:hidden;}
.net_bann .guo_cur{display:block;}
.net_bann .net_map_sele{ position:absolute;top:-95px; right:-10px; text-align: center;}
.net_bann .net_a{display:inline-block;width:118px; height:33px;line-height: 33px; font-size:12px; background:#80939e url(../images/wei.png) no-repeat 15px center; color:#fff;border-radius:10px; text-indent:10px; margin-left: 15px;}
.net_bann .net_a .ico2{background-position: -180px 0; width:20px; height:26px;margin-right: 8px;}
.net_bann .net_a.cur{ background:#fc8f10 url(../images/wei.png) no-repeat 15px center;}

/*下层--营销网站*/
.net-pisition{font-size:18px; font-weight: bold;margin: 15px 0 30px;}
.net-pisition b{ color:#fd8900;}
.net-pisition .ico2{ background-position:-180px -28px; width:20px; height:25px;margin-right: 10px;}
.network-sear .t-area{ width: 32%;}
.network-sear .t-area ._option a{padding:5px 2%;text-indent: 0;line-height: 20px;}
.network-sear #dosub{width: 10%;}
.netInfo-box{margin-top:50px;position:relative;z-index: 2;}
.netInfo-box li{  margin-bottom:20px;background-color:#f5f5f5;position: relative; height:420px; cursor:pointer;}
.netInfo-box li .box{position:relative; padding-bottom: 55px;}
.netInfo-box li .box .dl{padding: 7%;background-color:#f5f5f5;height: 300px; overflow:hidden;}
.netInfo-box li .box .dl .dt{font-size:24px;font-weight: bold;}
.netInfo-box li .box .dl dd{margin-bottom:30px;line-height: 2;}
.netInfo-box li .box ._detail{ display:block;font-size:35px; color:#f88d10;position: absolute;bottom: 0;left: 7%;}
.netInfo-box li .box ._detail i{margin:0;}
.netInfo-box li.hover{ background-color:#f88d10;}
.netInfo-box li.hover .box .dl{overflow: visible; height:auto;background-color:#f88d10; color:#fff;}
.netInfo-box li.hover .box ._detail{ display:none;}

#wangluo{ width:1200px; margin:30px auto 0; clear:both;}

#duanluo{ width:100%; float:left; margin-top:50px; font-size:16px; line-height:2;}

#browser_ie {
	BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; width:100%; HEIGHT: 150px; COLOR: #000; FONT-SIZE: 15px; position:fixed; z-index:9999999;
}
#browser_ie .brower_info {
	MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px
}
#browser_ie .brower_info .notice_info {
	POSITION: relative; MARGIN-TOP: 5px; FLOAT: left
}
#browser_ie .brower_info .notice_info P {
	TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block; color:#F00;
}
#browser_ie .browser_list {
	POSITION: relative; FLOAT: left
}
#browser_ie .browser_list IMG {
	WIDTH: 40px; HEIGHT: 40px
}
#browser_ie .browser_list SPAN {
	TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block
}

#qiehua{ float:left; margin-top:5px; margin-left:10px; color:#ff0000;}
#qiehua a{ color:#ff0000; margin:0px 10px;}

