@charset "utf-8";
.blue {
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height: 25px;
	color:#4c4c4c;
	text-align: left;
	font-family:"微软雅黑";
}
.blue .main_box{
	width:100%;
	margin:0px auto;
	padding:0px;
	}
.blue .neirong, .blue #head{
	margin:0px;
	padding:0px;
	border:none;
}
.blue #globalHeader{
	width:100%;
	padding:0px;
	border:none;
	margin:0px auto;
	background: ;
	height:180px;
}
.blue .w100{
	width:1200px;
	padding:0px;
	margin:0px auto;
	border:none;
}
.blue .top{ width:100%; background:#DDDDDD; height:30px; }
.blue .welcome{ float:left;}
.blue .top_map{ float:right;}
.blue #globalHeader_logo{
	width:1200px;
	height:150px;
	margin:0px;
	border:none;
	margin:0 auto;
}


/* 文字移动效果 */
	

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-300px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-300px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-300px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-300px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-300px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
.blue .left_logo{
    animation: lefteaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}

/*定义一个名字为righteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes righteaseinAnimate{
    0%{ transform: translateX(200px); opacity: 1;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(200px); opacity: 1;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(200px); opacity: 1;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(200px); opacity: 1;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(200px); opacity: 1;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
.blue  .right_tel, .blue .news_c, .blue  .about_r{
    animation: righteaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: righteaseinAnimate 1s ease 1;
    -ms-animation: righteaseinAnimate 1s ease 1;
    -o-animation: righteaseinAnimate 1s ease 1;
    -moz-animation: righteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}


/*定义一个名字为upeaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes upeaseinAnimate{
    0%{ transform: translateY(200px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform: translateY(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes upeaseinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-o-keyframes upeaseinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-ms-keyframes upeaseinAnimate{
    0%{ -webkit-transform: translateX(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-moz-keyframes upeaseinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}

/*.blue  .about_r{
    animation: upeaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: upeaseinAnimate 1s ease 1;
    -ms-animation: upeaseinAnimate 1s ease 1;
    -o-animation: upeaseinAnimate 1s ease 1;
    -moz-animation: upeaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
*/




.blue #globalHeader_ad {
	width:100%;
	height:500px;
	padding:0px;
	margin:0px auto;
	border:none;
}

.blue #globalHeader_ad img{
   width: 100%;
   height: 100%;
}

.blue .main div{
	overflow:hidden;
}

.blue .main {
	width:1200px;
	padding:0px;
	margin:30px auto 0px auto;
	border:none;
}

/* 服务项目 */
.blue .product02{ background:url(../images/fenlei_bg.png) no-repeat center bottom #33383E; height:590px; width:100%; margin:0 auto; padding-top:30px;}
.blue .fenlei{
   width:1200px;
	margin:0px auto;
	border: none;
	
}
.blue .fenlei ul { 
width:100%
	}
.blue .fenlei li{
	float: left;
    width: 20%;
    margin-bottom: 0px;
	text-align:center
}
.blue  .b_img {
	font-weight:normal;text-align:center;
}
.blue  .b_img img{ text-align:center;width:124px;
    height:124px;}
.blue  a .b_img{ 
    
    background: url(../images/b_img01.png) no-repeat center;
	display:block;
	text-align:center
}
.blue  a:hover .b_img{
    
    background: url(../images/b_img02.png) no-repeat center;
    display:block;
	text-align:center
}
	
.blue .fenlei li h2 {
    color: #212121;
    font-size: 20px;
    margin-top: 12px;
	font-weight:normal
}

.blue .fenlei li a h2{
    color: #212121;
}

.blue .fenlei li a:hover h2 {
    color: #8C0000;
}



.blue .fenlei i{width:124px;height:130px;display:block;margin:0 auto}
.blue .fenlei  em {display:block;padding:40px 0px 10px;;}
.blue .fenlei  em i {background:url(youshi-ico.png) no-repeat;overflow:hidden;}
.blue .fenlei  .s2 i{ background-position:-100px 0}
.blue .fenlei .s3 i{ background-position:-200px 0}
.blue .fenlei  .s4 i{ background-position:-300px 0}
.blue .fenlei  i{-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out;}
.blue .fenlei a:hover i{-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);transform:translate(0,-10px);}
.blue .fenlei  b {display:block;line-height:40px;height:40px;font-size:18px;font-weight:700}


/*定义一个名字为fenleieaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes fenleieaseinAnimate{
    0%{ transform: translateY(-100px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform: translateY(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes fenleieaseinAnimate{
    0%{ -webkit-transform: translateY(-100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes fenleieaseinAnimate{
    0%{ -webkit-transform: translateY(-100px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-ms-keyframes fenleieaseinAnimate{
    0%{ -webkit-transform: translateY(-100px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-moz-keyframes fenleieaseinAnimate{
    0%{ -webkit-transform: translateY(-100px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
.blue  .fenlei{
    animation: fenleieaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: fenleieaseinAnimate 1.5s ease 1;
    -ms-animation: fenleieaseinAnimate 1.5s ease 1;
    -o-animation: fenleieaseinAnimate 1.5s ease 1;
    -moz-animation: fenleieaseinAnimate 1.5s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}



/* 行业案例 */
.blue .product{ 
    width:100%;
	overflow:hidden;
}
.blue .product_c{
	width:1200px;
	margin:40px auto 0px auto;
	height:380px;
}

.blue .product_c li{
	width:300px;
	float:left;
	margin:0px 35px;
	display:inline;
	line-height: 20px;
	color:#323232;
	overflow:hidden;
  margin-bottom: 25px;
  height:380px;
  background:#8C0000
}
.blue .container {
	width:226px; margin:0 auto;
	color:#fff;
	font-size:14px;
}

.blue .container h2 {
  text-align: center;
  padding-top: 20px;
  font-size:20px;
  font-weight:bold;
  background:url(../images/line02.jpg) no-repeat center bottom; padding-bottom:15px; 
}
.blue .container p{
  padding-top: 15px;
  line-height:180%;
  height:95px;
  overflow:hidden;
  margin-bottom:20px;
}
.blue .product_c .clearfix{
	float:left;
	}
.blue .product_c li img{
	width:auto;
	height:130px; 
}

.blue .product_pic{ width:300px;
	height:130px;  background:#fff;  }
 

.blue .blk_18 {WIDTH: 1200px; height:400px;  ZOOM: 1; margin:0px auto; overflow:hidden;}
.blue .blk_18 .pcont {
FLOAT: left; OVERFLOW: hidden; WIDTH: 1100px; margin-left:5px;
}
.blue .blk_18 .ScrCont {
WIDTH: 4320px; ZOOM: 1
}
.blue .blk_18 #List1_1 {
FLOAT: left
}
.blue .blk_18 #List2_1 {
FLOAT: left
}
.blue .blk_18 .LeftBotton {FLOAT: left; margin-top:120px; }
.blue .blk_18 .RightBotton { float:right; margin-top:120px;}



/* 图片模糊效果 imghvr-blur
   ----------------------------- */
.imghvr-blur figcaption {
  opacity: 0;
  margin-bottom:-7px;
}
.imghvr-blur:hover > img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}
.imghvr-blur:hover figcaption {
  opacity: 0.5;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}


/* 文字移动效果 */
	

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-200px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-200px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-200px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-200px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-200px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
.blue .cases_t, .blue .about_img{
    animation: lefteaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}




.blue .index_title{
	width:1200px;
	margin:0px auto;
	border:none;
	line-height:40px;
	color: #fff;
	text-align:left;
	overflow:hidden;
}
.blue .index_title01{
	border:none;
	font-size:30px;
	color: #fff;
	font-weight:bold;
	text-align:left;
	overflow:hidden;
	height:40px;
	margin-top:50px;
	
}
.blue .index_title span, .blue .news_title span{ border-bottom:3px #8C0000 solid; font-size:16px; font-weight:bold; padding-bottom:5px;}
.blue .index_title h2, .blue .news_title h2{ color:#fff; font-size:26px;  font-weight:bold; }

.blue .index_title01 h2{ color:#fff; font-size:30px; font-weight:bold; float:left; margin-right:15px; }

/* 关于我们 */
.blue .about_bg{ width:100%; height:380px; background:url(../images/about_bg.jpg) repeat-x #33383E;}
.blue .about{
	width:1200px;
	margin:0px auto;
	border:none;
	height:380px; margin-top:20px;

}
.blue .about_img{ float:left;}
.blue .about_img img{
	width:470px;
	height:380px;

}
.blue .about_r{
	width:810px;
	height:380px;
	float:left;
	margin-left:-90px;
	background:url(../images/about.png) no-repeat;
}
.blue .about_r_c{
	width:620px;
	height:360px;
	float:left;
	margin-left:130px;
}
.blue .more{ border:2px solid #fff; width:120px; height:36px; margin-top:20px; text-align:center; line-height:36px;}
.blue .more01{ border:1px solid #fff; width:120px; height:36px; margin-top:20px; text-align:center; line-height:36px; margin:auto}
.blue .more a, .blue .more01 a{ font-size:14px; color:#fff; display:block; background:none;}
.blue .more a:hover, .blue .more01 a:hover{ font-size:14px; color:#8C0000;  display:block; background:#fff; }

.blue .about_r_c p{
	padding-top:20px;
	font-size: 14px;
	line-height: 200%;
	color:#fff;
	text-align: left;
	/*width:524px;*/
	text-justify:distribute; 
	text-align:justify; 
}


/*案例展示*/
.blue .case{ width:1200px; margin:0 auto; height:640px;}
.blue .case_title{ background:url(../images/case_title.png) no-repeat #4A494D; height:120px; width:1200px;}
.blue .case_t_l{ float:left; width:260px;}
.blue .case_t_l .index_title{ margin-left:60px; margin-top:20px; }
.blue .case_t_r{ width:800px; float:left; }
.blue .case_t_r ul{}
.blue .case_t_r li{ float:left; width:158px;line-height:140%;text-align:center; display:block; height:120px;}
.blue .case_t_r li h2{ color:#fff; font-size:20px; font-weight:normal; padding-bottom:10px; text-align:center; padding-top:30px;}
.blue .case_t_r li span{ color:#fff; font-size:11px; text-align:center}
.blue .case_t_r li a{ display:block;  height:120px; }
.blue .case_t_r li a:hover{ background:url(../images/case_t_r_li.png) no-repeat right top ; display:block;  height:120px; }
.blue .case_c .content{
	height:360px;
	padding:0px;
	margin:25px 0px 0px 0px;
}
.blue .case_c li{
	width:280px;
	height:240px;
	float:left;
	margin:0px 10px;
	display:inline;
	overflow:hidden;
}

.blue .case_c .clearfix{
	float:left;
	}
.blue .case_c{ font-size: 14px; 	color:#145FBA; font-weight:normal;}
.blue .product_pic01{display:table-cell;vertical-align:middle;width:280px;
	height:180px;  background:#F1F1F1;  }
.blue .product_pic01 img{ max-width:280px; max-height:180px; margin:0 auto; display:block;}
.blue .pic-txt01{ background:#8C0000; color:#fff; text-align:center; height:40px; line-height:40px;}


/* 新闻中心 */
.blue .news{
	width:1200px;
	margin:0 auto;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background:url(../images/news_bg.jpg) no-repeat left;
	height:560px;
}
.blue .news_l{  float:left; width:550px; text-align:center; }
.blue .news_l p{ padding-top:10px; font-size:16px;}
.blue .ewm{ background:url(../images/ewm.jpg) no-repeat; width:180px; height:180px; margin-top:170px; margin-left:180px; border:3px #33383E solid }
.blue .news_r{ width:640px; float:left}
.blue .news_title{
	border:none;
	line-height:40px;
	color: #fff;
	text-align:left;
	overflow:hidden;
}
.blue .news_c{
	width:640px;
	/*height:380px;*/
	padding-top:30px;
	float:left
}
.blue .news_c ul{ width:640px; float:left;}
.blue .news_c li{
	width:100%;
	height:90px;
	padding:0px;
	padding-bottom:10px;
	margin-top:20px;
	float:left;
}
.blue .news_c .time{
	width:90px;
	height:90px;
	padding:0px;
	float:left;
	margin:0px;
	border:none;
	font-family:"微软雅黑";
	font-size: 14px;
	line-height:28px;
	color:#fff;
	text-align:center;
	background:url(../images/time.png) no-repeat;
	margin-right:30px;
	
}
.blue .news_c .time .data2{ margin-top:10px;}
.blue .news_c .time span{
	padding-top:8px;
	font-family:"微软雅黑";
	font-size:26px;
	line-height:25px;
	color:#fff;
	text-align:center;
	display:block;
}
.blue .news_c .right{
	width:500px;
	height:60px;
	float:left;
	margin:0px;
	border:none;
	text-align:left;
}
.blue .news_c .right span, .blue .news .right span a, .blue .news_c01 .right span{
	font-size:18px;
	line-height:180%;
	color:#fff;
	text-align:left;
	font-weight:normal;
	display:block;
}
.blue .news_c .right span a:hover, .blue .news_c01 .right span a:hover{
	color:#FF6B00;
}
.blue .news_c .right p{  overflow:hidden; font-size:14px; color:#ccc}
 .blue .news_c01 .right span a{
	font-size:18px;
	line-height:180%;
	color:#333;
	text-align:left;
	font-weight:normal;
	display:block;
}


/*底部联系我们*/
.blue .footer_tel{ background:url(../images/footer_tel.png) no-repeat center; width:100%; margin: 0 auto; height:122px; position:relative; z-index:9999}
.blue .footer_contact{ background:url(../images/footer_contact.jpg) no-repeat center; width:100%; margin: 0 auto; height:380px; margin-top:-30px; }
.footer_contact_c{ width:1120px; height:280px; margin:0 auto; }
.blue .footer_contact_l{ width:540px; float:left; margin-top:100px; height:240px; margin-left:30px;}
.blue .footer_contact_r{ width:500px; float:right; margin-top:90px;}

/* 新闻列表页 */
.blue .news_c01{
	width:100%;
}
.blue .news_c01 ul{ float:left;}
.blue .news_c01 li{
	width:100%;
	height:60px;
	margin:0px;
	padding:0px;
	border-bottom:#ccc 1px dotted;
	padding-bottom:15px;
	margin-top:30px;
}
.blue .news_c01 .time{
	width:60px;
	height:60px;
	padding:0px;
	float:left;
	margin:0px;
	border:none;
	font-family:"微软雅黑";
	font-size: 15px;
	line-height:28px;
	color:#fff;
	text-align:center;
	background:#8C0000;
	margin-right:30px;
}
.blue .news_c01 .time span{
	padding-top:8px;
	font-family:"微软雅黑";
	font-size:26px;
	line-height:25px;
	color:#fff;
	text-align:center;
	display:block;
}
.blue .news_c01 .right{
	width:800px; 
	height:60px;
	float:left;
	margin:0px;
	border:none;
	text-align:left;
	overflow:hidden; 
}
.blue .news_c01 .right p{ font-size:14px; color:#999}



.blue .W30 .title, .blue .small_title{
	height:44px;
	margin:0px auto;
	padding:0px;
	border: 1px solid #d1d1d1;
	overflow:hidden;
}
.blue .W30 .title h2, .blue .small_title h2{
	height:44px;
	margin:0px;
	border:none;
	font-family:"微软雅黑";
	font-size: 20px;
	line-height: 44px;
	color: #fff;
	font-weight: 400;
	text-align:center;
}
.blue .W30 .title span,  .blue .small_title span{
	min-width:50px;
	_width:50px;
	height:25px;
	padding:5px 10px 5px 0px;
	float:right;
	margin:0px;
	text-align:right;
}
.blue .W70 .title, .blue .big_title{
	width:100%;
	height:44px;
	padding:0px;
	margin:0px auto;
	border:none;
	border-bottom: 2px solid #eee;
	overflow:hidden;
}
.blue .W70 .title h2, .blue .big_title h2{
	height:42px;
	padding:0px 0px 0px 10px;
	float:left;
	margin:0px;
	border:none;
	font-family:"微软雅黑";
	font-size: 20px;
	line-height: 44px;
	color: #666;
	font-weight: bold;
	text-align:left;
	border-bottom:2px #FF6B00 solid;
}
.blue .W70 .title h1, .blue .big_title h1{
	width:10px;
	height:10px;
	padding:0px;
	float:left;
	margin:17px 5px 0px 5px;
	border:none;
	background:#FF6B00;
}
.blue .W70 .title span,  .blue .big_title span{
	min-width:50px;
	_width:50px;
	height:35px;
	padding:5px 10px 0px 0px;
	float:right;
	margin:0px;
	text-align:right;
}




.blue .products{
	padding:0px;
	margin:0px;
	border:none;
}
.blue .products .content{
	width:100%;
	padding:0px;
	margin:0px auto;
	border:none;
}
.blue .products .content li{
	width:280px;
	height:250px; 
	float:left;
	margin:15px 8px;
	display:inline;
	font-size:16px;
	line-height: 30px;
	color:#333;
	text-align:center;
	overflow:hidden;
	padding-bottom:10px;
}

.blue .products .content li a{
    border: 1px solid #ccc;
		width:270px;
	height:246px; 
	float:left;
	display:inline;
	font-size:16px;
	line-height: 30px;
	color:#333;
	text-align:center;
	overflow:hidden;
	padding-bottom:10px;
}


.blue .products .content li a:hover{
    border: 2px solid #8C0000;
	width:270px;
	height:246px; 
	float:left;
	display:inline;
	font-size:16px;
	line-height: 30px;
	color:#333;
	text-align:center;
	overflow:hidden;
	padding-bottom:10px;
}


.blue .products .content li p{
	height:30px;
	margin:0px;
	font-size:16px;
	line-height: 30px;
	color:#333;
	text-align:center;
	display:block;
	overflow:hidden;
}
.blue .products .content li a{
	font-size:16px;
	line-height: 30px;
	color:#333;
	text-align:center;
}

.blue .products_pic{display:table-cell;vertical-align:middle;width:280px;
	height:210px;  background:#fff; }

.blue .products_pic img{ max-width:258px; max-height:188px; margin:0 auto; display:block;}



.blue .W30{
	width:260px;
	padding:0px;
	float:left;
	background:none;
}
.blue .W70{
	width:900px;
	padding:0px;
	float:right;
	border:none;
}
.blue a {
	color:#555555;
	font-size:13px;
	text-decoration: none;
}
.blue a:hover {
	color:#f60;
}
.blue span a{
	color:#555;
	font-size:13px;
	text-decoration: none;
	}
.blue span a:hover{
	color:#f60;
	font-size:13px;
	text-decoration: none;
	}
.blue .skins .pubdate{
	width:95%;
	height:25px;
	padding:0px;
	margin:5px auto 5px auto;
	border:none;
	font-size: 14px;
	line-height: 25px;
	color: #828282;
	text-align: center;
	display:block;
}
.blue .blocks{
	padding:0px;
	margin:0px;
	border: none;
}
.blue .skins {
	padding:0px;
	margin:0px;
}
.blue .skins .titles {
	width:100%;
	margin:15px 0px 10px 0px;
	padding:0px;
	border:none;
}
.blue .skins .titles h1 {
	width:100%;
	margin:0px;
	padding:0px;
	border:none;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
.blue .skins .titles h3{
	min-width:50px;
	_width:50px;
	height:31px;
	float:right;
}
.blue .skins .titles span {
}
.blue .skins .contents {
	width:95%;
	padding:0px;
	margin:0px auto;
	background: none;
	border:none;
}
.blue #sidebar {
	border: none;
}


/* 底部版权 */
.blue #globalFooter {
	width:100%;
	padding:0px;
	border:none;
	background:#8C0000;
	height:80px; 
	color:#fff;
}
.blue #globalFooter_copyright{
	width:1200px;
	margin:0px auto;
	border:none;
	font-size:14px;
	line-height:80px;
	color:#fff;
	text-align:center;
}


.blue #globalFooter_copyright a{
	font-size:14px;
	color: #fff;
}
.blue #globalFooter_copyright a:hover{
	font-size:14px;
	color: #fff;
}



.blue #inlcude_contact_p{
	width:100%;
	margin:30px 0px;
	padding:0px;
	border:none;
	height:100px;
	background:#8C0000
	}
.blue #inlcude_contact_p .content{
	min-height:190px;
	_height:190px;
    overflow:visible;
	padding:10px 0px 0px 0px;
	border: none;
	text-align:left;
	background:#fff url(../images/contact_us.gif) no-repeat 10px 10px ;
}
.blue #inlcude_contact_p .content .p, .blue #contact_us .p{
	font-size: 12px;
	line-height: 23px;
	color:#555555;
	text-align: left;
}
.blue #include_product_son_txtli{
	margin:0px;
	padding:0px;
	border:none;
	background: url(../images/index_38-16.jpg) repeat-x bottom;
}
.blue #include_product_son_txtli .content{
	margin:0px;
	padding:6px 0px 15px 0px;
	border: 1px solid #e4e4e4;
	border-top:none;
	overflow:hidden;
}
.blue #include_product_son_txtli .hide, .blue #include_product_son_txtli .hideI{
	display:block;
}
.blue #include_product_son_txtli .content .column{
	width:257px;
	margin:3px auto;
	padding:0px;
	overflow:hidden;
}
.blue #include_product_son_txtli li span{
	width:210px;
	margin:3px auto;
	padding:0px;
	background: url(../images/index2_49.jpg) no-repeat top;
	overflow:hidden;
	display:block;
}
.blue #include_product_son_txtli .content .column a, .blue #include_product_son_txtli li span a{
	padding-left:45px;
	font-size:14px;
	text-align:left;
	color:#31322d;
	line-height:28px;
	font-weight: bold;
}
.blue #include_product_son_txtli .content .column a:hover, .blue #include_product_son_txtli li span a:hover{
	font-size:14px;
	text-align:left;
	color:#f60;
	line-height:30px;
}
.blue #include_product_son_txtli li p a{
	width:200px;
	height:28px;
	margin:0px auto;
	line-height:28px;
	font-weight:300;
	padding:0px 0px 0px 25px;
	font-size:13px;
	color:#31322d;
	text-align:left;
	display:block;
}
.blue #include_product_son_txtli li p a:hover{
	font-size:13px;
	color:#f60;
}
.blue #include_article_son_txtli{
	width:100%;
	margin:0px;
	padding:0px;
	border: none;
}
.blue #include_article_son_txtli .content{
	margin:0px;
	padding:8px 0px 0px 0px;
	border:none;
}
.blue #include_article_son_txtli .content li{
	height:40px;
	margin:4px auto;
	padding:0px;
	border:none;
	overflow:hidden;
	background:#f5f5f5;
}
.blue #include_article_son_txtli .content li a{
	font-size:16px;
	line-height:40px;
	color:#333;
	text-align:center;
	display:block;
	}
.blue #include_article_son_txtli .content li a:hover,.blue #include_article_son_txtli .content li a.one{
	font-size:16px;
	line-height:40px;
	color:#fff;
	background:#33383E;
	display:block;
	border:2px #8C0000 solid;
	border-top:none
}


.blue .W70 .news_box{
	margin:0px;
	padding:0px;
	border:none;

}
.blue .W70 .news_box .content{
	margin:0px;
	padding:0px;
	border: none;
}
.blue .W70 .news_box .content ul{
	width:100%;
}



.blue .btn_order {
	padding:10px;
	display:block;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 1em;
	text-align: center;
	text-decoration: none;
	color: #202020;
}
.blue #ArticleContent_body, .blue . imgtxt{
	width:96%;
	margin:10px auto;
	font-size:14px;
	line-height: 25px;
	color: #202020;
	text-align: left;
	text-indent:22px;
	font-weight:normal;
	
	}
#ArticleContent_body{ text-justify:distribute; text-align:justify; }
.blue .crumbNav{
	width:100%;
	height:40px;
    line-height: 28px;
	padding:0px;
	margin:0px auto;
	border:none;
	font-size:16px;
}
.blue .crumbNav a{font-size:16px; line-height: 28px; padding-left:10px;}
.blue .crumbNav a:hover{font-size:16px; line-height: 28px; padding-left:10px;}
.blue .crumbNav h2{ font-size:16px; line-height: 28px;}

.blue .table, .blue .table .bg2, .blue .pages, .blue table td, .blue table th{
	background:none;
	color: #555;
}

.blue .table .wenzi{
	width:120px;
}
/*banner*/
.blue .banner{ height:608px; overflow:hidden; position: relative;}
.blue .banner ul{ position: absolute;
    height: 608px;}
.blue .banner ul li{ height:608px;
    float: left;}
.blue .banner ul li a, .blue .banner ul li image{ display: block}
.blue .foucdocs{ position: absolute; left: 0; bottom:10px; width: 100%; text-align: center;}
.blue .foucdocs span{ display: inline-block; width: 65px; height: 5px; background: #FFF; margin-left: 6px;}
.blue .foucdocs span.focus_on{ background: #aeaeae;}
.blue .foucL,.srollL{ z-index:88; cursor:pointer; position:absolute; left:0; top:50%; height:43px; width:43px; margin-top:-22.5px;background: url(../images/tip_11.png) no-repeat center center;}
.blue .foucR,.srollR{z-index:88;cursor:pointer; position:absolute; right:0; top:50%; height:43px; width:43px; margin-top:-22.5px;background: url(../images/tip_13.png) no-repeat center center;}
.blue .foucL{left:60px !important;}
.blue .foucR{right:60px !important;}

.blue .hui{	background:#eaeaea;	}
		 /*选颜色的盒子*/
#orige span{ background-color:#007CB2 }#orige span:hover{ background-color:#035074 }
.peise_box{ display:none;}

.corlorbox{ overflow:visible!important; cursor:pointer; position:fixed;top:50px; right:0px; z-index:2147483647; background-color:#FFF !important; height:160px; width:0px; border:3px solid #00A0E9 !important;}

.corlorbox a{ 

display:block; height:20px; width:20px; text-indent:-9999px; float:left;

}

.corlorbox .shi_tit{

	cursor:pointer;

	text-align:center;

	color:#FFF;

	font-size:18px;

	font-weight:500;

	 position:absolute; top:50%; margin-top:-59px; left:-27px;

	  height:119px; width:27px; background-color:#00A0E9;

	  background: url(lookpic_03.png) no-repeat left top !important;

	  overflow:hidden;

	  }

.corlorshow{ display:none;}
.corlorbox a.showon{ border:3px solid  #FFF !important; width:14px; height:14px;}
/*可选主色*/

.blue .color{background:#8C0000}


*{  
	margin: 0px;
    padding: 0px;
}

#full-screen-slider { width:100%; height:500px; float:left; position:relative; }
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:25%; top:470px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#8C0000}


.blue #ArticleContent_body img, .blue #ArticleContent img{ max-width:100%; _width:expression(document.body.clientWidth > 100% ? "100%" : "auto"); vertical-align: middle;}

/*---------右边悬浮QQ------------------------------*/
.blue .side_nav{position: fixed;top: 30%;right: 0;width: 60px; z-index:999}
.blue .side_nav ul li{position: relative;width: 60px;height: 60px;float: right; margin-bottom: 1px;/* border-bottom: 1px solid #fff; */}
.blue .side_nav ul li a{display:inline-block;height: 60px;position: absolute;top: 0;left: 0;}
.blue .current_side_n{width: 140px!important;}
.blue .current_side_n a{width: 140px!important;}
.blue .side_nav ul li span{float: left;color:#fff;line-height: 60px;font-size: 16px;margin-left: 60px;cursor: pointer;}
.blue .side_nav_3 a{width: 60px;}
.blue .side_nav_3 a span{height:128px;position: absolute;right: 60px;bottom: 0px;margin-left: 0!important;display: none;}
.blue .tel a{background: #333333 url(../images/0013920_47.png) no-repeat 15px 15px;}
.blue .QQ a{background: #333333 url(../images/0013920_47.png) no-repeat 15px -96px;}
.blue .sub_QR a{background: #333333 url(../images/0013920_47.png) no-repeat 15px -207px;}
.blue .back_top a{background: #333333 url(../images/0013920_47.png) no-repeat 15px -317px;}

/* ------------------------------------------index end----------------------------------- */


/* 搜索 */

.blue .search_box{
	width:910px;
	height:60px;
	float:left;
	overflow:hidden;
}
.blue .search_box p{
	padding:0px;
	float:left;
	margin:0px;
	border:none;
	font-family:"微软雅黑";
	font-size: 14px;
	line-height: 60px;
	color: #676868;
	text-align:left;
}

.blue .search{
	width:310px;
	height:44px;
	padding:0px;
	float:left;
	margin:0px;
	background:url(../images/search_bg.png) no-repeat;
	margin-top:8px;
}
.blue .search .shuru{
	width:200px;
	height:32px;
	float:left;
	padding:5px 0px 0px 20px;
	margin:0px;
	border:none;
	font-size: 12px;
	line-height: 40px;
	color: #bcb8b7;
	text-align:left;
	background:none;
	text-indent:20px;
	
}
.blue .search .anniu
{
	float:left;
	margin:0px;
    border: 0;
	width:35px;
	height:40px;
	background:url(../images/search.png) no-repeat;
	margin-left:32px; margin-top:10px;
	}
	
.blue .share{ float:right; margin-top:12px;}