@charset "utf-8";

/*->主体框架类
*********************/
em,a{ font-style:normal;}
a:hover{ text-decoration:none;}
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
.bg_fafafa{ background:#fafafa; padding:0;}
.bg_333{ background:#333; color:#d3d3d3; padding:50px 0;}
.clear{ clear:both;}
.lost{ margin-right:0 !important;}
body,html{ overflow-x:hidden; font-family:''; color:#000;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ margin:0; padding:0; list-style-type:none; }


/*->网站标题
*********************/
.title_bg{ height:280px; background-repeat:no-repeat; background-position:center center; text-align:center;}
.title_bg .title_bg1{ line-height:40px; height:40px; color:#323232;font-size:34px; margin-top:110px; text-transform:uppercase; z-index:0;}
.title_bg .title_bg1 span{ color:#228eda; font-size:34px; font-weight:bold; z-index:0;}
.title_bg p{ color:#646464; font-size:16px;height:20px; line-height:20px; display:block;}
.title_bg .title_bg3{ line-height:40px; height:40px; color:#ffffff;font-size:34px; margin-top:110px; text-transform:uppercase;}
.title_bg .title_bg3 span{ color:#228eda; font-size:34px; font-weight:bold;}
.title_bg .title_bg4{ color:#ffffff; font-size:16px;height:20px; line-height:20px; display:block;}

.title_bg2{ display:block; text-align:center; width:100%; margin-top:40px; position:relative;left:49%;}
.title_bg2 img{ margin:0 auto; display:block; }
.bubble2 {
	 animation: updown 4s ease-in infinite alternate;
   

    line-height:10;
    position: absolute;
    cursor: pointer;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
@media (max-width:768px)
{
	.title_bg .title_bg3 span{ color:#228eda; font-size:20px; font-weight:bold;}

}



/*->间距填充
*********************/
.hg_70{ height:70px; clear:both;}
.hg_40{ height:40px; background:#f3f3f3; clear:both;}
.hg_46{ height:46px;}
.hg_20{ height:20px;}

@media (max-width:768px)
{
	.hg_70{ height:30px; clear:both;}
	.hg_46{ height:20px;}
	.hg_20{ height:10px;}
}

/*->字体样式
*********************/
.fuwu01 {color: #323232; font-size: 36px; height: 50px; line-height: 50px; margin:0 auto; text-align: center; transition:all 0.5s ease 0s;}
.fuwu02 { color: #969696; font-size: 20px; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; transition:all 1s ease 0s;}
.fuwu01:hover{ font-size:30px;}
.fuwu02:hover { animation:tada 1s;}
.fuwu03 { border-top: 1px solid #333333; color: #333333; font-size: 14px; height: 30px; line-height: 30px; margin: 0 auto 70px auto; text-align: center; width: 134px; transition:all 1s ease 0s;}
.font_1{ font-family:'Myriad Pro'; font-size:40px; color:#010101; text-align:center; color:#010101; padding-top:50px; margin:0; transition:all 1s ease 0s;}
.font_1:hover{ color:#F3BC00;}
.font_2{ text-align:center; color:#333333; font-size:18px; padding-bottom:25px; margin:0;}
.font_3{ font-size:80px;text-align:center;}
.font_3:hover{ animation:rubberBand 1s;}
.font_4{ font-size:18px;text-align:center;}
.font_4{ transition:all 1s ease 0s;}
.font_4:hover{ transform: scale(1.2,1.2) !important;}
.touch_head{ position:fixed; z-index:999; left:0; top:0; width:100%; background:url(../images/botnav.png);}
.touch_head a{ color:#FFF; padding:3%; display:block; font-size:16px;}

@media (max-width:1000px) and (min-width:768px)
{
	.fuwu02{ font-size:28px; height:50px; line-height:50px; width:100%;}
}

@media (max-width:768px)
{
	.fuwu01{background-size:100%; font-size:20px; height: 30px; line-height: 30px;}
	.fuwu02{ font-size:14px; height:auto; line-height:20px; overflow:hidden;width:90%;}
	.fuwu03{ margin: 0 auto 20px auto;}	
	.font_3{ font-size:40px;}	
	.font_4{ font-size:12px;}
}



/*->Header 头部
*********************/
#header{ box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); position:relative; z-index:9; border-top:5px solid #ff675b;}
.logo{ float:left; font-family:'Arial'; color:#472e34; font-weight:bold; padding:9px 0 8px 0px;}
.logo img{ transition:all 1s;}
.logo img:hover{transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);	/* IE 9 */
-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2,1.2);	/* Opera */
-moz-transform: scale(1.2,1.2);	/* Firefox */}
.search{}
@media (max-width:768px)
{
	.logo img{ width:100%;}
	.zyw{ width:10%; float:right; }
	.navbar-header{ border-bottom:1px solid #CCC;}	
	.navbar-toggle { background:#f3bc00;}
	.navbar-toggle span{ background:#FFF;}
}

/*->Nav 导航
*********************/
#navlist{ padding:0px; overflow:hidden;}
#navlist .nav li a{ color:#333333; text-align:center; background:url(../images/nav_1.jpg) no-repeat right center; padding:31px 38px; line-height:18px; transition:all 0.3s ease 0s;}
#navlist .nav li a span{ color:#666666;}
#navlist .nav li a:hover { color:#fb383c !important;}


@media (max-width:768px)
{
	#navlist .nav{ padding-left:0 !important;}
	#navlist .nav li a{ padding:10px 0;}
	.logo{ font-size:20px; padding:10px; width:60%;}
}
@media (max-width:1000px) and (min-width:768px)
{
	#navlist{ padding:0;}
	.logo{ font-size:40px; padding:10px;}
	.navbar-nav > li > a{ padding-bottom:30px; padding-top:30px;}
	#navlist .nav li a{ padding:25px 8px;}
}
@media (max-width:1200px) and (min-width:1000px)
{
	#navlist{ padding:0;}
	.navbar-nav > li > a{ padding:44px 15px}
	#navlist .nav li a{ padding:28px 20px;}	
}
#botnav{ position:fixed; z-index:99; left:0; bottom:0; background:#133063; width:100%;}
#botnav td{ text-align:center; padding:3% 0;}
#botnav td a{ color:#FFF; display:block;}
#botnav td a span{ font-size:2rem; text-align:center;}
#botnav td img{ max-width:80%; display:block; margin:0 auto; margin-top:-70%;}
.botpadding{ padding:10% 0;}


/*->SubNav 侧导航
*********************/
#subNav{ line-height:46px;}
#subNav a{ margin-right:10px; color:#646464; font-size:14px; transition:all 0.5s ease 0s;}
#subNav a:hover{ color:#00416f; font-size:14px;}

#subNav2{ line-height:30px; float:left; }
#subNav2 a{ margin-right:3px; font-size:14px; transition:all 0.5s ease 0s; padding:5px 10px;}
#subNav2 a:hover{ color:#00416f; font-size:14px;}
.subNav3{ background:#228eda; color:#ffffff !important; }
.subNav3 a{ color:#ffffff; }
.subNav3:hover{ color:#ffffff; }
.subNav4{ color:#646464; white-space:nowrap; }
.subNav4 a{ color:#646464; }
.subNav6{ color:#228eda;  white-space:nowrap;}
.subNav6 a{ color:#228eda; }
.subNav5{height:46px; float:right; text-align:right; font-family:"宋体"; color:#646464; font-size:12px; line-height:46px;}
.subNav5 a{ font-family:"宋体"; color:#646464; font-size:12px;}
.subNav5 a:hover{ font-family:"宋体"; color:#00416f; font-size:12px;}



/* main_image */
.main_visual{height:800px;}
.main_image{height:800px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:800px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:800px;}

.main_image li a{display:block;width:100%;height:800px; background-repeat:no-repeat; background-position:center center;}



div.flicking_con{position:absolute;top:300px;right:2%;z-index:999;width:21px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:-1px -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

@media (max-width:768px)

{
	.main_visual{height:230px;}
	.main_image{height:230px;overflow:hidden;position:relative;}
	.main_image ul{width:9999px;height:230px;overflow:hidden;position:absolute;top:0;left:0}
	.main_image li{float:left;width:100%;height:230px;}
	
	.main_image li a{display:block;width:100%;height:230px;background-size:170% auto; background-position:center center;}
	
	
	
	div.flicking_con{position:absolute;top:100px;right:2%;z-index:999;width:21px;height:21px;margin:0 0 0 -50px;}
	div.flicking_con a{width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
	div.flicking_con a.on{background-position:-1px -21px}
	#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
	#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
	#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}
}


/*荣誉资质*/
.honor_1 {
  background: none;
  border: 0;
  box-sizing: border-box;/*border和padding全会在你设置的宽高内部*/
  box-shadow:-2px 0px 8px #f8f8f8,0px -2px 8px #f8f8f8,0px 10px 10px #f6f6f6,2px 0px 8px #f8f8f8;
 -webkit-transition: opacity 0.3s; 
  position: relative;

}
  .honor_1::before,
  .honor_1::after {
    box-sizing: inherit;/*继承父的*/
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
	

  }
.honor_1 {
	
    transition: color 2s;/*字体颜色出现渐变一个用时2s*/
    }
	
  .honor_1::before,
  .honor_1::after {
    border: 2px solid transparent;/*边框设置为透明的*/
    width: 0;
    height: 0;
  }
  .honor_1::before {
    top: 0;
    left: 0;
  }
  .honor_1::after {
    bottom: 0;
    right: 0;
  }
  .honor_1:hover {
    color: black;
  }
  .honor_1:hover::before,
  .honor_1:hover::after {
    width: 100%;
    height: 100%;
  }
  .honor_1:hover::before {
    border-top-color: #228eda; 
    border-right-color: #228eda;
    transition:
      width 0.25s ease-out, /*ease-out是结束是慢的*/
      height 0.25s ease-out 0.25s; 
  }
  .honor_1:hover::after {
    border-bottom-color: #228eda; 
    border-left-color: #228eda;
    transition:
      width 0.25s ease-out 0.5s,
      height 0.25s ease-out 0.75s;
  }
.honor1{animation: art 5s linear infinite;-webkit-animation: art 5s linear infinite; background:url(../images/honor1.png); background-repeat:no-repeat; background-position:center bottom; color:#323232; font-size:24px; font-weight:bold; text-align:center; height:50px; line-height:50px;}
@keyframes art {
 0% {
background-size:66px 3px;
}
 50% {
background-size:230px 3px;
}
 100% {
background-size:66px 3px;
}
}

.honor{	padding: 2% 0 4%;}
.honor_list a{ display:block;}
.honor_list li{	margin-bottom: 2%;	position: relative;	overflow: hidden;}
.honor_list li img{	width:100%;}
.honor2_con{width: 90%;	height: 0;	position: absolute;	bottom: 0;	left: 5%;	background: rgba(0,0,0,0.5);text-align: center;color: #ffffff;transition: all 0.6s;-webkit-transition: all 0.6s; z-index:999;}
.honor2_con h4{font-size: 20px;line-height:50px;padding: 35% 10%;}
.honor2_con p{font-size: 30px;}
.honor_list li:hover .honor2_con{height: 100%;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

.honor3{padding-top:20px;border-radius:5px;text-align:center; text-align:center; background:url(../images/honor3.jpg); background-repeat:no-repeat; background-position:center right; width:100%;}
.honor8{padding-top:20px;border-radius:5px;text-align:center; text-align:center; bwidth:100%;}
.honor4{ padding-left:80px;font-size:80px;font-weight:bold;margin-top:10px;margin-bottom:0;text-align:center; color:#323232; float:left; height:80px; line-height:80px;}
.honor5{font-size:16px;margin-top:10px;margin-bottom:0;text-align:left; color:#646464; float:left; height:30px; line-height:30px; padding-top:50px;}
.honor6{font-size:16px;margin-top:10px;text-align:center; color:#646464; display:block; padding-bottom:50px;}
.honor7 li{ width:100%;}
@media (max-width:768px)
{
	.honor4{ padding-left:10px;}
	.honor6{font-size:14px;}
	.honor1{animation: art 5s linear infinite;-webkit-animation: art 5s linear infinite; background:url(../images/honor1.png); background-repeat:no-repeat; background-position:center bottom; color:#323232; font-size:18px; font-weight:bold; text-align:center; height:50px; line-height:50px;}

}
/*Banner*/
#Banner{ padding:0 !important; z-index:0;}
.piccon1{ position:absolute; left:23%; top:20%; z-index:10;}
.piccon1 p{ font-family:"Comic Sans MS"; font-size:28px; color:#613246;}
.piccon1 ul{list-style: none; text-align:center; padding:0; margin:0;}
.piccon1 ul li{ font-family:"楷体"; font-size:16px; color:#613246;}
.piccon1 .pic1{ padding-left:122px;}
.piccon1 span{ font-size:56px; color:#613246; font-family:"楷体"; padding:0 15px; font-weight:bold; display:-moz-inline-stack;}
.piccon2{ position:absolute; left:25%; top:20%; z-index:10;}
.piccon2 .pic1{ font-size:48px; white-space:nowrap; color:#f3bc00; background:url(../images/ban21_10.png); display:block; padding:1% 3%; margin:18px 0 12px 0; font-family:"华文中宋"; font-weight:bold;}
.piccon2 .pic2{ color:#ed74a9; width:435px; padding-left:6px; text-align:center;}
.piccon2 img{ vertical-align:bottom;}
.piccon2 .pic3{ padding-left:10px;}
.piccon2 .pic4{ padding-bottom:39px; padding-right:6px;}
.piccon3{ position:absolute; left:0; top:0; width:100%; height:100%;}
.piccon3 .contextpic{ width:760px; margin:15% auto 0 auto; position:relative;}
.piccon3 .pos{ position:absolute;}
.piccon3 .pic1{ left:0; top:0;}
.piccon3 .pic2{ left:145px; top:56px;}
.piccon3 .pic3{ left:255px; top:56px;}
.piccon3 .pic4{ left:370px; top:2px;}
.piccon3 .pic5{ left:494px; top:1px;}
.piccon3 .pic6{ left:547px; top:55px;}
.piccon3 .pic7{ left:663px; top:56px;}
.piccon3 .pic2_1{ left:155px; top:0px; font-size:45px; color:#ed65a2; line-height:50px; font-family:'Comic Sans MS'; font-weight:bold;}
.piccon3 .pic2_2{ left:131px; top:181px; font-size:50px; color:#ff4343;}
.piccon3 .pic2_3{ left:434px !important;}
.piccon3 .pic2_4{ left:346px; top:185px; border-radius:50%; color:#FFF; background:#ea68a2; width:75px; height:75px; text-align:center; line-height:68px; display:block; font-size:50px;}
.piccon3 .pic2_5{ position:absolute; left:223px; top:286px; background:#ea68a2; color:#FFF; font-size:24px; border-radius:24px; height:42px; line-height:42px; padding:0 13px; font-family:'楷体'; font-weight:bold; }
.piccon3 .pic0_1{ left:-99px; top:143px;}
.piccon3 .pic0_2{ left:-65px; top:85px;}
.piccon3 .pic0_3{ left:0px; top:79px;}
.piccon3 .pic0_4{ left:26px; top:50px;}
.piccon3 .pic0_5{ right:0px; top:0px;} 
.piccon3 .pic0_6{ left:740px; top:130px;}
.piccon3 .pic0_7{ left:778px; top:111px;}

@media (min-width:1000px) and (max-width:1200px)
{
	.piccon1{ left:15%; top:10%;}
	.piccon2{ left:15%; top:10%;}
	.piccon3 .contextpic{ margin-top:8%;}
	.piccon2 .pic1{ font-size:36px; text-align:center;}
}
@media (max-width:1000px)
{
	.piccon1,.piccon2,.contextpic{ display:none;}
}

/*->企业概况
*********************/
.sysz{ background:url(../images/sysz.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% 100%;}
@media (max-width:1000px)
{
	.sysz{background-size:auto 100%;}

}
.counter{padding-top:20px;border-radius:5px}
.count-title{font-size:40px;font-weight:bold;margin-top:10px;margin-bottom:0;text-align:left; color:#133063; float:left; height:40px; line-height:40px;}
.count-title span{font-size:40px;font-weight:bold;margin-top:10px;margin-bottom:0;text-align:left; color:#133063; float:left; height:40px; line-height:40px;}
.count-text{font-size:24px;margin-top:30px;text-align:left; color:#000000; display:block;}
.count-text .count-text1{ width:80%;display:block;font-size:16px;font-weight:normal;margin-top:20px;margin-bottom:0;}
.count-text .count-text1 p{ color:#000000; line-height:30px;}
.tiao1{ position:absolute; bottom:50px; left:5%;}
.tiao2{ position:absolute; bottom:300px; right:5%;}
.bubble {
	 animation: updown 4s ease-in infinite alternate;
   
    z-index: 3;
    line-height:6;
    position: absolute;
    cursor: pointer;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}


@media (max-width:768px)
{
  .counter{padding:10px 0;border-radius:5px}
  .count-title{font-size:20px;font-weight:bold;margin-top:10px;margin-bottom:0;text-align:left; color:#133063;}
  .count-text{font-size:18px;margin-top:10px;margin-bottom:0;text-align:left; color:#000000;}
  .count-text .count-text1{ width:75%;display:block;font-size:14px;font-weight:normal;margin-top:10px;margin-bottom:0;}
  .count-text .count-text1 p{ color:#000000; line-height:20px;  overflow:hidden;}
}

.fa-2x{margin:0 auto;float:none;display:table;color:#4ad1e5}
.syqyjj{ color:#000000; font-size:16px; font-family:""; line-height:35px; height:252px; overflow:hidden;}
.syqyjj2{  font-size:14px; height:40px; line-height:40px; padding-top:10px;}
.syqyjj2 a{ width:30%; display:block; border:#02153c solid 1px; color:#02153c; font-size:14px; height:40px; line-height:40px; text-align:center;}
.syqyjj2 a:hover{  border:#133063 solid 1px; background:#133063; color:#ffffff; font-size:14px; height:40px; line-height:40px; text-align:center;}

.syqyjj1 img{ width:100%; padding-top:15px;}

@media (max-width:768px)
{
  .syqyjj{ color:#000000; font-size:14px; font-family:""; line-height:30px; height:450px; overflow:hidden;}

  .syqyjj2{  font-size:14px; height:30px; line-height:30px; padding-top:0px;}
.syqyjj2 a{ width:100%; display:block; border:#02153c solid 1px; color:#02153c; font-size:14px; height:30px; line-height:30px; text-align:center; margin:0 auto;}
}



/*->加入招聘，招聘列表
*********************/
.job1{ width:15%; margin:0 auto;}
.job1 a{ background:#00a651; height:40px; line-height:40px; width:100%; display:block; text-align:center; color:#ffffff; font-size:16px; border-radius:15px;}
.job1 a:hover{ background:#228eda; height:40px; line-height:40px; width:100%; display:block; text-align:center;}
.job2{ color:#323232; font-size:20px; font-family:""; height:50px; line-height:50px; margin-top:10px;}
.job2 a{ color:#323232; font-size:20px; font-family:"";}
.job2 a span{ color:#969696; font-size:14px; font-family:""; padding-left:10px;}
.job3{ background:#f6f6f6; color:#323232; font-size:16px; font-family:""; line-height:36px; padding-top:15px; padding-left:30px;}
.job3 a{ color:#969696; font-size:14px; font-family:""; float:right; margin-right:3%; padding-bottom:2%;}
.job3 a span{ color:#969696; font-size:14px; font-family:""; padding-left:10px;}
.job4{ color:#323232; font-size:24px; font-family:""; height:60px; line-height:60px; text-align:center;}
.job5{ line-height:40px; width:100%;color:#969696; font-size:16px; }
.job6 img{ display:block; margin:0 auto; width:90%;}

.jianli{margin:0 auto; color:#4444;font-size:14px;}
.jianli div{ height:40px; line-height:40px;}
.main_bd3{width:60%;height:30px; line-height:30px; background:#eaeaea;border-top:solid 1px #d0d0d0;border-left:solid 1px #d0d0d0;border-right:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea; margin-bottom:10px;}
.main_bd4{width:100%;height:102px; background:#eaeaea;border-top:solid 1px #d0d0d0;border-left:solid 1px #d0d0d0;border-right:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;font-size:14px;line-height:25px;padding:5px; margin-bottom:3px; display:block; margin-top:5px; margin-bottom:5px;}
#tijiao{ background:#228eda; border:0px;height:40px; line-height:40px; width:100%; display:block; text-align:center; color:#ffffff; font-size:16px; border-radius:15px; width:50%; margin:2% auto;}
#chongzhi{ background:#00a651; border:0px;height:40px; line-height:40px; width:100%; display:block; text-align:center; color:#ffffff; font-size:16px; border-radius:15px; width:50%; margin:2% auto;}

.nTab{width:100%;margin: 0 auto; background:url(../images/rctx.jpg);background-repeat:no-repeat; background-position:center 4px; min-height:600px; z-index:0;}
.nTab .TabTitle{clear: both;overflow: hidden;background:url(../images/TabTitle.jpg); background-repeat:repeat-x;background-position:bottom; width:80%; margin:0 auto; padding-left:5%;}
.nTab .TabTitle ul{border:0;margin:0;padding:0;}
.nTab .TabTitle li{float: left;width:25%; cursor: pointer;padding-right: 0px;padding-left: 0px;list-style-type: none;}
.nTab .TabTitle .active{height: 96px; background:url(../images/active.png); background-repeat:no-repeat; background-position:center left; color:#228eda; font-family:""; font-size:16px; text-align:left; padding-left:7%;z-index:999; padding-top:25px;}
.nTab .TabTitle .normal{height: 96px;background:url(../images/normal.png); background-repeat:no-repeat; background-position:center left; color:#323232; font-family:""; font-size:16px; text-align:left; padding-left:7%;z-index:999; padding-top:25px; }
.nTab .TabContent{width:auto;margin: 0px auto;padding:20px 0 0 0; color:#323232; font-size:16px; font-family:""; line-height:36px;}
.none {display:none;}

.job7{ text-align:right;}
.job7 a{ background:#228eda; color:#ffffff; font-size:18px; height:55px; line-height:55px; display:block; width:30%; text-align:center; float:right; border-radius:10px;}
.job7 a:hover{ background:#22b24c; color:#ffffff; font-size:18px; height:55px; line-height:55px; display:block; width:30%; text-align:center; float:right; border-radius:10px;}
.job8{ text-align:left;}
.job8 a{ background:#30afe8; color:#ffffff; font-size:18px; height:55px; line-height:55px; display:block; width:30%; text-align:center; float:left; border-radius:10px;}
.job8 a:hover{ background:#22b24c; color:#ffffff; font-size:18px; height:55px; line-height:55px; display:block; width:30%; text-align:center; float:left; border-radius:10px;}
<!--新闻-->


/*->网站Home样式类
*********************/
.inx_products_bg{ background:url(../images/bg_1.jpg) no-repeat center top;}
.inx_products img{width:100%;}
.inx_anli_list .anli{ padding:7px; background:#f2f2f2; transition:all 0.8s ease 0s;}
.inx_anli_list div{ margin-bottom:10px;}
.inx_anli_list .anli a{ display:block;}
.inx_anli_list .anli img{ width:100%; display:block;}
.inx_anli_list .anli p{ font-size:16px; padding-top:10px; padding-left:10px;}
.inx_anli_list .anli p span{ font-size:80%;}
.inx_anli_list .anli:hover{ background:#ffc701; transform: translate(0,-20px); -moz-transform: translate(0,-20px); -ms-transform: translate(0,-20px); -o-transform: translate(0,-20px); -webkit-transform: translate(0,-20px); box-shadow:0 0 30px #CCC; -moz-box-shadow:0 0 30px #CCC; -ms-box-shadow:0 0 30px #CCC; -o-box-shadow:0 0 30px #CCC; -webkit-box-shadow:0 0 30px #CCC;}
.inx_news_bg{ background:url(../images/bg_2.jpg) no-repeat center top;}
.inx_news_list .inx_news a{ display:block;}
.inx_news_list .news_img { border: 3px solid #f3bc00; height: 194px; margin-bottom: 15px; position: relative; background-size:100% !important; overflow:hidden;  transition:all 1s ease 0s;}
.inx_news_list .news_img img{ display:block; width:100%; transition:all 1s ease 0s; min-height:100%;}
.inx_news:hover img{ transform: scale(1.4,1.4); -moz-transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); -o-transform: scale(1.4,1.4); -webkit-transform: scale(1.4,1.4);}
.inx_news:hover .news_img{ border-color:#fb383c;}
.inx_news:hover .news_date{ background:#fb383c;}
.inx_news .news_info>p{ transition:all 1s ease 0s;}
.inx_news:hover .news_info>p{ color:#FF675B}
.inx_news_list .news_date {  background: #f3bc00 none repeat scroll 0 0; border: 3px solid #fff; border-radius: 50%; top: -46px; color: #fff; font-size: 14px; height: 55px; left: 10px; line-height: 80%; padding-top: 8px; position: absolute; text-align: center; width: 54px; transition:all 1s ease 0s;}
.inx_news_list .news_date p{ margin:0;}
.news_more { background: rgba(0, 0, 0, 0) url("../images/news_more.png") no-repeat scroll 0 48%; color:#fb383c; margin: 0 auto; padding: 8px 0; text-align: center; width: 200px;}
.qq_weibo_weixin { height: 50px; margin: 50px auto; padding-bottom: 20px; width: 300px;}
.qq_weibo_weixin a div { bottom: -28px; display: none; height: 100px; left:70px; position: absolute; width: 100px;}
.erweima2 { bottom: -100px; display: none; height: 100px; left: -10px; position: absolute; width: 100px; z-index: 111;}
.qq_weibo_weixin a { display: block; float: left; margin: 0 21px; position: relative;}
.qq_weibo_weixin a>span{ transition:all 0.5s ease 0s;}
.qq_weibo_weixin a>span:hover{transform:scale(1.4,1.4); -moz-transform:scale(1.4,1.4); -ms-transform:scale(1.4,1.4); -o-transform:scale(1.4,1.4); -webkit-transform:scale(1.4,1.4); color:#fb383c;}
.news_info{ position:relative;}
.inx_bottom{border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 40px 0;}
.inx_bottom div>div{ transition:all 1s ease 0s;}
.inx_bottom div>div:hover{transform: scale(1.1,1.1); color:#fb383c}
.inx_bottom img{float: left; margin:0 15px;}
.inx_bottom p{ margin:0;}
.inx_bottom span{ font-size:18px;}
.piclist  img {padding-bottom: 5px; padding-right: 5px; width: 100%;}
.piclist dd { float: left; overflow: hidden;  position: relative; width: 50%;}
.piclist_mx,.piclist dd a{ color:#333;}
.piclist_mx{ position:relative; overflow:hidden;}
.piclist_mx span{ position:absolute; left:50%; top:-10%; z-index:2; font-size:5rem; opacity:0; transition: all 0.2s ease 0s; margin-left:-7%; margin-top:-7%}
.piclist dd span{ position:absolute; left:50%; top:-10%; z-index:2; font-size:5rem; opacity:0; transition: all 0.2s ease 0s; margin-left:-15%; margin-top:-15%}
.img-mask { background: rgb(0, 0, 0) none repeat scroll 0 0; height: 100%; opacity: 0; position: absolute; transition: all 0.2s ease 0s; width: 100%;}
.piclist dd .img-mask{ margin-left:-5px; margin-top:-5px;}
.piclist_mx:hover .img-mask{ opacity:0.5;}
.piclist_mx:hover span{ opacity:1; top:50%; color:#F3BC00;}
.piclist dd:hover .img-mask{ opacity:0.5;}
.piclist dd:hover span{ opacity:1; top:50%; color:#F3BC00;}
.inx_fuwu{ text-align:center; margin-top:20px;}
.inx_fuwu .inx_fuwu1{ margin-bottom:15px;padding-left:8px; padding-right:8px;}
.inx_fuwu1  li{ width:100%; float:left;}
.inx_fuwu1  li a{font-family:""; background:#f4f4f4; border-radius:10px; color:#333333; display:block; transition: all 0.3s ease 0s; z-index:999;font-family:""; padding-bottom:40px;}
.inx_fuwu1  li a .cImg{ display:block; position:relative; overflow:hidden; padding-top:30px; padding-bottom:20px;}
.inx_fuwu1  li a .cImg img{ display:block;transition: all 1s ease 0s; max-width:80%; margin:0 auto;}
.inx_fuwu1  li a .cImg1{ display:none; position:relative; overflow:hidden;}
.inx_fuwu1  li a .cImg1 img{ display:none;transition: all 1s ease 0s; max-width:80%; margin:0 auto;}
.inx_fuwu1  li a .cJianjie{  display:block; height:225px;width:80%; overflow:hidden; margin:0 auto; padding:10px 0; color:#323232; font-size:14px; text-align:center; line-height:30px !important;font-family:"";}
.inx_fuwu1  li a .cTitle{ width:80%; margin:0 auto; overflow:hidden; display:block;  height:50px; line-height:25px; text-align:center;color:#323232; font-size:16px; font-family:""; font-weight:bold;}
.inx_fuwu1  li a .cTitle1{ width:80%; margin:0 auto; display:block;  height:35px; line-height:35px; border:#679fd3 solid 1px; border-radius:10px; color:#666666;font-size:14px;}

.inx_fuwu1  li a .cTitle samp{  padding-bottom:15px; font-family:""; font-size:16px; color:#333333; }
.inx_fuwu1  li a .cTitle samp span{ font-size:12px; font-family:""; color:#999999; }
.inx_fuwu1  li a .cErTitle{ display:none; text-align:center;  height:0px; color:#fff; font-family:""; line-height:30px;}


.inx_fuwu1  li a:hover{transition: all 0.5s ease 0s; color:#fff;font-family:""; background:url(../images/inx_fuwu1.png); background-repeat:no-repeat; background-size:100% 100%; border-radius:10px; color:#333333; display:block;  z-index:999;font-family:""; padding-bottom:40px;}
.inx_fuwu1  li a:hover{ margin-top:-20px;font-family:"";}
.inx_fuwu1  li a:hover .cImg{ display:none; position:relative; overflow:hidden; }
.inx_fuwu1  li a:hover .cImg img{ display:none;transition: all 0.5s ease 0s; max-width:80%; margin:0 auto;}
.inx_fuwu1  li a:hover .cImg1{ display:block; position:relative; overflow:hidden;padding-top:30px; padding-bottom:20px;}
.inx_fuwu1  li a:hover .cImg1 img{ display:block;transition: all 0.5s ease 0s; max-width:80%; margin:0 auto;}

.inx_fuwu1  li a:hover .cJianjie{ display:block; transition: all 0.3s ease 0s; display:block; height:230px;width:80%; overflow:hidden; margin:0 auto; padding:10px 0; color:#ffffff; font-size:14px; text-align:center; line-height:30px !important;font-family:"";}
.inx_fuwu1  li a:hover .cTitle{ width:80%; margin:0 auto; overflow:hidden; display:block;  height:50px; line-height:25px; text-align:center;color:#ffffff; font-size:16px; font-family:""; font-weight:bold;transition: all 0.3s ease 0s;font-family:""; }

.inx_fuwu1  li a:hover .cTitle1{ display:none;   width:80%; margin:0 auto; display:block;  height:35px; line-height:35px; border:#f4f4f4 solid 1px; border-radius:10px; color:#000000;font-size:14px; background:#f4f4f4;}




.inx_fuwu img{ max-width:80%; transition:all 1s;}
.inx_fuwu img:hover{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);		/* Firefox */}
.piclists{ padding:0 12px;}
#GoTop{ display: none; padding:5px 20px; color: #fff; }
.more{ background:#133063 none repeat scroll 0 0; color: #fff !important; display: block; font-family: ""; font-size: 18px; margin: 30px auto; padding: 1% 0; text-align: center; width: 45%; border-radius:5px;}
.more a{color: #fff;}
@media(max-width:1200px) and (min-width:1000px)
{
	.inx_news_list .news_img{ height: 154px;}	
	
}
@media (max-width:1000px) and (min-width:768px)
{
	.bot1{ padding-bottom:15px;}
}

@media (max-width:768px)
{
	
	.inx_fuwu{ padding:0 2%;}
	.inx_fuwu1{font-size:12px !important;}		
	.inx_fuwu1  li a{font-family:""; background:#f4f4f4; border-radius:10px; color:#333333; display:block; transition: all 0.3s ease 0s; z-index:999;font-family:""; padding-bottom:10px;}
	.inx_fuwu1  li a .cImg{ display:block; position:relative; overflow:hidden; padding-top:15px; padding-bottom:10px;}
.inx_fuwu1  li a .cImg img{ display:block;transition: all 1s ease 0s; max-width:80%; margin:0 auto;}
	.inx_fuwu1  li a .cTitle{ width:80%; margin:0 auto; overflow:hidden; display:block;  height:50px; line-height:25px; text-align:center;color:#323232; font-size:15px; font-family:""; font-weight:bold;}
	.inx_fuwu1  li a .cJianjie{  display:block; height:75px;width:85%; overflow:hidden; margin:0 auto 5px auto;  color:#323232; padding:0; font-size:12px; text-align:center; line-height:25px !important;font-family:"";}
	.inx_fuwu1  li a .cTitle1{ width:80%; margin:0 auto; display:block;  height:25px; line-height:25px; border:#679fd3 solid 1px; border-radius:10px; color:#666666;font-size:14px;}
	.inx_fuwu1  li a:hover{color:#fff;font-family:""; background:url(../images/inx_fuwu1.png); background-repeat:no-repeat; background-size:100% 100%; border-radius:10px; color:#333333; display:block;  z-index:999;font-family:""; padding-bottom:10px;}
	.inx_fuwu1  li a:hover{ margin-top:0px;font-family:"";}
	.inx_fuwu1  li a:hover .cImg{ display:none; position:relative; overflow:hidden;padding-top:0px; padding-bottom:0px;}
	.inx_fuwu1  li a:hover .cImg img{ display:none; max-width:80%; margin:0 auto;}
	
	.inx_fuwu1  li a:hover .cImg1{ display:block; position:relative; overflow:hidden;padding-top:15px; padding-bottom:10px;}
	.inx_fuwu1  li a:hover .cImg1 img{ display:block; max-width:80%; margin:0 auto;}
	
	
	.inx_fuwu1  li a:hover .cJianjie{   display:block; height:75px;width:85%; overflow:hidden; margin:0 auto 5px auto;  color:#ffffff; padding:0; font-size:12px; text-align:center; line-height:25px !important;font-family:"";}
	.inx_fuwu1  li a:hover .cTitle{ width:80%; margin:0 auto; overflow:hidden; display:block;  height:50px; line-height:25px; text-align:center;color:#ffffff; font-size:15px; font-family:""; font-weight:bold; }
	.inx_fuwu1  li a:hover .cTitle1{ display:none;   width:80%; margin:0 auto; display:block;  height:25px; line-height:25px; border:#f4f4f4 solid 1px; border-radius:10px; color:#000000;font-size:14px; background:#f4f4f4;}
	.inx_anli_list{ padding:0 5%;}
	.inx_bottom span{ font-size:12px !important;}
	.inx_bottom img{ width:20%; margin:0 3px;}
	.bot1{ padding-bottom:15px;}

}




/*->网站二级页样式类
*********************/
.about{ padding-left:0px; padding-right:0px;}
.about p{ margin:0;}
.about .contents{ line-height:36px; color:#323232; padding-bottom:70px; font-size:16px;}
.about .contents img{ margin:0 auto; text-align:center; display:block;}
.about .contents p{ line-height:36px; color:#323232; font-size:16px;}
.about .contents3g{ line-height:36px; color:#323232; padding-bottom:20px; font-size:16px; width:95%; margin:0 auto;}
.about .contents3g img{ margin:0 auto; text-align:center; display:block; max-width:100%;}
.about .contents3g p{ line-height:30px; color:#323232; font-size:14px;}

.aboutd{ background-repeat:no-repeat; background-position:center top;}
.aboutd1{ background-repeat:no-repeat; background-position:center top;}

.news_show{ padding:30px 15px;}
.news_show h4{ color:#323232; text-align:center; font-size:20px; height:40px; line-height:40px;}


@media (max-width:768px)
{
	
	.aboutd{ background-size:200% 150px ;}
	.aboutd1{ background-size:200% 200px ;}
	.title_bg{ height:100px; background-repeat:no-repeat; background-position:center center; text-align:center;}
	.title_bg .title_bg1{ line-height:40px; height:40px; color:#323232;font-size:20px; margin-top:15px; text-transform:uppercase; z-index:0;}
	.title_bg .title_bg1 span{ color:#228eda; font-size:20px; font-weight:bold; z-index:0;}
	.title_bg p{ color:#646464; font-size:14px;height:20px; line-height:20px; display:block;}
	.title_bg .title_bg3{ line-height:40px; height:40px; color:#ffffff;font-size:20px; margin-top:15px; text-transform:uppercase;}
	.title_bg .title_bg3 span{ color:#228eda; font-size:20px; font-weight:bold;}
	.title_bg .title_bg4{ color:#ffffff; font-size:14px;height:20px; line-height:20px; display:block;}
	
	.title_bg2{ display:block; text-align:center; width:100%; margin-top:10px; position:relative;left:49%;}
	.title_bg2 img{ margin:0 auto; display:block; }
	

}

@media (max-width:768px)
{
	.news_show h4{ color:#323232; text-align:center; font-size:16px; height:50px; line-height:25px; overflow:hidden;}
}

.news_show h6{ color:#999999; text-align:center; line-height:35px;}
.news_show .context{ line-height:36px; color:#969695; border-bottom:1px dashed #e2e2e2; border-top:1px dashed #e2e2e2; padding:15px 0;}
.news_show .context img{ max-width:100%;}

.procontext{ line-height:36px; color:#333333; border-bottom:1px dashed #e2e2e2; border-top:1px dashed #e2e2e2; padding:15px 0;}
.proimg{ text-align:center;}
.proimg img{ max-width:90%; margin:0 auto;}
.news_page{ padding:20px; color:#666666; line-height:28px;}
.contact{ line-height:36px; color:#323232;font-size:16px; }
.contact1{ color:#323232;font-size:16px;line-height:36px; }
.contact1 li{ color:#323232;font-size:16px;line-height:36px; height:282px; padding-top:10px;}
.contact1 li:hover{ color:#1e7bb6;font-size:16px;line-height:36px; height:282px; padding-top:10px;}
.contact2{ color:#323232;font-size:16px;line-height:36px; background-repeat:repeat; background:url(../images/contact1.jpg); margin-top:20px;}
.contact3{background:url(../images/contact3.png); background-position:bottom right; background-repeat:no-repeat;  }

.pro3g{ line-height:30px; color:#323232; padding-bottom:20px; font-size:14px; width:95%; margin:0 auto;}
.pro3g img{ margin:0 auto; text-align:center; display:block; max-width:100%;}
.pro3g p{ line-height:30px; color:#323232; font-size:14px;}
/*->友情链接
*********************/
.links{ text-align:center; font-size:14px; color:#ffffff; text-align:left; line-height:25px;}
.links a{ color:#ffffff;  padding-right:2%; background:url(../images/links.png); background-position:center  right; background-repeat:no-repeat;}
.links a:hover{ color:#ffffff;}
.links1{ text-align:center; font-size:14px; color:#ffffff; text-align:left; line-height:25px; padding-top:30px;}
.links1 a{ color:#ffffff;}
.links1 a:hover{ color:#ffffff;}
.links2{ text-align:center; font-size:18px; color:#ffffff; text-align:left; line-height:25px;}
.links2 a{ color:#ffffff;}
.links2 a:hover{ color:#ffffff;}
.links3{ text-align:center; font-size:14px; color:#ffffff; text-align:left; line-height:25px; padding-top:30px;}
.links3 p{ text-align:center; font-size:14px; color:#ffffff; text-align:left; line-height:25px;}

.links3 a{ color:#ffffff;}
.links3 a:hover{ color:#ffffff;}
.links4{font-size:14px; color:#ffffff; text-align:center; line-height:25px;}
.links4 img{ text-align:center; display:block; margin:0 auto;}
/*->Copyright 底部版权
*********************/
.copyright_bg{ background:#133063; padding-top:30px; padding-bottom:30px;}
#copyright{ padding-top:10px; line-height:22px; text-align:center; padding-bottom:10px; font-size:12px; font-family:"宋体"; color:#969696}

@media (max-width:768px)
{
	.copyright_bg{ padding-top:10px}	
}

/*->底部页码
*********************/
.pages{ padding:30px 0; color:#3a3a3a; line-height:30px;}
.pages a{ color:#3a3a3a; padding:5px 20px;}
.pages a:hover{ color:#ff675b;}
.pages .xuanzhong {
    color: #009842;
}

/*->News
*********************/
.news_list { margin-left:0px; margin-right:0px;}
.news_list dd{ padding:15px 0; color:#969695; transition:all 2s; border:#e2e2e2 solid 1px; margin:2% 0;}
.news_list dd p a{display:block; font-size:16px; color:#323232; height:45px; line-height:45px; overflow:hidden;}
.news_list dd p{display:block; font-size:14px; color:#969695; line-height:30px;}

.news_list dd a:hover{ font-weight:bold;}
.news_list dd img{ max-width:100%;cursor:pointer;}
.news_list dd.evers{ }
.news_list dd:hover{transition:all 2s; border:#228eda solid 1px; background:#f6f6f6;}
.news_list1{ color:#646464; font-size:24px; padding-top:20px; text-align:center;}
.news_list1 span{color:#969695; font-size:16px; display:block; padding-bottom:20px; margin:0 auto;}
/*->Products
*********************/
.products_img { display: block; margin: 0 auto; padding-top: 50px; width: 60%; padding-bottom:30px; }
@media (max-width: 1000px) {
	.products_img {
		padding-top: 3%;
		width: 100%;
	}
}
.pro_img { overflow: hidden; width: 100%; }
.Products_list>div{ transition:all 1s ease 0s;}
.Products_list>div:hover{transform:translate(0px,-20px);}
.pro_img img {
    width: 100%;
}
.pro_title {
    border-bottom: 2px solid #7f7f7f;
    height: 52px;
    width: 100%;
}
.pro_price {
    color: #333333;
    line-height: 28px;
    width: 100%;
	padding-bottom:40px;
}
.topro_show1 {
    color: #333333;
    float: left;
    height: 22px;
    margin-top: 16px;
	width:70%;
	overflow:hidden;
}
.topro_show2 {
    background: #32312f none repeat scroll 0 0;
    color: #fff;
    float: right;
    height: 22px;
    margin-top: 16px;
    padding: 0 6px;
}
.topro_show2:hover{ color:#ff675b;}

/*->Gbook
*********************/
.gbook_title{ padding:80px 0 45px 0;}
.gbook_title div{ text-align:center; color:#2f3338; line-height:35px;}
.gbook_title div p{ font-size:16px; color:#ec68a4;}
.gbook_title div span{ font-size:40px; color:#2f3338;}
.texts{ height:100px !important; background:#f7f7f7; color:#000 !important;}
.about input.form-control{ background:#f7f7f7; color:#000 !important; height:50px; line-height:50px;}
.btn-sub{ margin:0 auto; display:block; color:#fff; background:#ec68a4; padding:1% 8%; margin-top:47px;}
.btn-sub:hover{ color:#FFF;}
@media (max-width:768px)
{
	.btn-sub{ padding:3% 15%; margin-top:20px;}
	.gbook_title{ padding-top:10px;}
}




/*导航*/
.menu{font-family:"";padding-left:30px;_overflow:hidden; z-index:99; margin-top:30px;}
.menu a{color:#323232;line-height:40px;float:left;position:relative; width:120px;}
.top{position:relative;z-index:2}
.menu li{font-size:14px;float:left;position:relative; height:70px; }
.menu li span{ display:block;}


.menu .no_sub{ background:url(../images/nav3.jpg); background-repeat:no-repeat; background-position:center top; text-align:center; border-radius:10px; line-height:40px;}
.menu .no_sub a{ color:#ffffff;}
.menu .no_sub1 a{background:url(../images/nav1.jpg); background-repeat:no-repeat; background-position:93px 15px; text-align:center; border-radius:10px; line-height:40px;}
.menu li.no_sub:hover{ color:#ffffff;}

.menu li no_sub1:hover{ color:#000000;border-bottom:none;}
.menu li no_sub1:hover a{color:#000000}

.menu ul{width:500px;background-color:#ffffff;box-sizing: border-box;box-shadow: -1px 0px 1px #f8f8f8,0px -2px 8px #f8f8f8,0px 2px 2px #f6f6f6,1px 0px 1px #f8f8f8;-webkit-transition: opacity 0.3s;border-top:none;position:absolute;left:-1px;top:-999em;z-index:99999;padding:8px;display:none}
.menu li:hover ul{top:70px;display:block; background:#ffffff; left:-150px}
.menu li:hover ul li{font-size:12px;border:none;width:70px;float:left;padding:4px 0 4px 10px}
.menu li:hover ul li a{color:#333;text-decoration:none;padding:0}
.menu li:hover ul li a:hover{text-decoration:underline}
/*IE6*/
.menu li.hover{color:#00a651;border-bottom:none; z-index:99;}
.menu li.hover a{color:#00a651; z-index:99; background:url(../images/nav2.jpg); background-repeat:no-repeat; background-position:95px 15px; text-align:center; border-radius:10px; line-height:40px;}
.menu li.hover ul{top:70px;display:block; z-index:999; background:#ffffff;}
.menu li.hover ul li{border:none;width:70px;float:left;padding:4px 0 4px 10px}
.menu li.hover ul li a{height:16px;line-height:16px;font-size:12px;color:#333;text-decoration:none;padding:0}
.menu li.hover ul li a:hover{text-decoration:none;}
.menu li.no_sub.hover{ background:url(../images/nav3.jpg); background-repeat:no-repeat; background-position:center top; text-align:center; border-radius:10px; line-height:40px;}
.menu li.no_sub.hover a{ background:url(../images/nav3.jpg); background-repeat:no-repeat; background-position:center top; text-align:center; border-radius:10px; line-height:40px; color:#ffffff;}
.no_sub3{ width:100%; padding:15px 0;}
.no_sub4{ width:300px; padding-left:15px;  float:left; text-align:left  !important; border-right:#ececec solid 1px;}
.no_sub4 a{background:none !important; color:#646464 !important; line-height:35px !important; float:left; width:50%; text-align:left  !important;}
.no_sub4 a:hover{ color:#228eda !important;}
.no_sub6{width:300px; padding-left:15px; float:left; text-align:left  !important; border-right:#ececec solid 1px;}
.no_sub6 a{background:none !important; color:#646464 !important; line-height:35px !important; float:left; width:100%; text-align:left  !important;}
.no_sub6 a:hover{ color:#228eda !important;}
.no_sub5{ width:155px; float:left; padding-left:15px; padding-right:15px;  text-align:center;}
.no_sub5 img{ width:155px;}

.enyw{ background:#22b24c; width:40px; color:#ffffff; display:inline-block; text-align:center; height:25px; line-height:25px;}
.enzw{ background:#2293d9; width:40px; color:#ffffff; display:inline-block; text-align:center; height:25px; line-height:25px;}

/*相关产品*/
.proli{ text-align:center; color:#000000; font-size:16px; border:#929292 solid 1px; text-align:center; width:95%; padding-bottom:10px; margin-bottom:30px;}
.proli img{ width:100%;}
.proli p{ text-align:center; color:#000000; font-size:16px; height:30px; line-height:30px; display:block;}

.proli1{ text-align:center; padding:40px 0;}

/*项目报备*/
.apply{ width:60%; margin:0 auto;}
.apply p{ width:10%; float:left; padding:1% 0;}
.apply div{ width:60%; float:left;}
.apply span{ width:28%; float:right; text-align:left; padding:1% 0; color:#e1110f;}