@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;
	height:auto;
}


.blue .globalHeader_top{ background:#b39b77; height:30px; }

.blue .top_l{ float:left; line-height:30px; color:#fff;}
.blue .top_r{ float:right; line-height:30px; color:#fff;}

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

.blue #globalHeader_logo{
	width:400px;
	height:90px;
	margin:0px;
	border:none;
	float:left;
}
.blue .globalHeader_r{ width:762px; height:90px; float:right;}

/* 文字移动效果 */
	

/*定义一个名字为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, .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; 
}

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

.blue .main div{
	overflow:hidden;
}

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

/* 服务项目 */

.blue .fenlei{
   width:1200px;
	margin:0px auto;
	border: none;
	 
}
.blue .fenlei ul {width:100%; 
	margin-top:25px;}
.blue .fenlei li{
	float: left;
    /*width:230px;*/
    width:390px;
    margin-bottom: 0px;
	text-align:center;
	margin:0 5px;height: 515px;overflow:hidden;
	position: relative;
}
.blue .b_img {
	font-weight:normal;
	text-align:center;
	width:100%;
    height:470px; 
    background-color: #f0ede8;
    background: #f0ede8;
}
.blue .b_img img{ 
    text-align:center;
    width:300px;
    max-height: 300px;    
}
.blue  a .b_img{ 
	display:block;
	text-align:center
}
.blue  a:hover .b_img{
        display:block;
	text-align:center
}
	
.blue .fenlei .fenlei_p {
    color: #444;
	position: absolute;
	background: url(../images/fenlei_pic.png) no-repeat center;
	z-index:10000;
	width: 142px;
    height: 142px;
    bottom: 40px;
    margin-left: 124px;
}

.blue .fenlei_p  h2{
    color: #444;
	font-size:20px;
	padding-top:33px;
	line-height: 2;
	font-weight:600;
}


.blue .fenlei_p h3{
    color: #b9b9b9;
	font-size:12px;text-transform: uppercase;
	font-weight:normal;
}

.blue .fenlei  .s1 { z-index:-999;}
.blue .fenlei i{
    width:100%;
    height:100%;
    display:block;
    margin:0 auto
}
.blue .fenlei  em {display:block;padding:40px 0px 10px;;}
.blue .fenlei  em i { }
.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}

.blue .more{ width:1200px; margin:0 auto; background:#ECECEC; line-height:50px; text-align:center;}

.blue .more:hover{
	background-color: #f0ede8;
	background:#f0ede8;
}
.blue .service{ background: url(../images/E926.jpg) no-repeat center; width:100%; 
	height:380px; /*background-attachment: fixed;*/
}
.blue .service_c{}
.blue .service_c ul{ margin:0 40px;}
.blue .service_c li{ width:560px; float:left; margin-top:60px; height:100px;}
.blue .service_pic{ width:80px; height:80px; float:left; }
.blue .service_r{ float:left;  margin-left:15px; line-height:240%; padding-top:10px;width: 80%}
.blue .service_r h2{ color:#fff; font-size:24px; font-weight:bold;}
.blue .service_r span{ color:#fff; font-size:16px; font-weight:normal; }


/*定义一个名字为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;
}
.changcolor:nth-child(odd){
background:#f0ede8;
}
.blue .product_c{
	width:1200px;
	margin:25px auto 0px auto;
 
}
.blue{
	overflow-x: hidden;
}

.blue .product_c li{
	width:248px;
	padding:10px;
	float:left;
	margin:0px 15px;
	display:inline;
	line-height: 20px;
	color:#323232;
	overflow:hidden;
	background-color: white;
  margin-bottom: 25px;
  height:240px;
  
}

.blue .product_c a  li {
width:248px;
	padding:10px;
	float:left;
	margin:0px 20px;
	display:inline;
	line-height: 20px;
	color:#323232;
	overflow:hidden;
	background-color: white;
  margin-bottom: 25px;
  height:240px;
  border:1px #ddd solid;
}

.blue .product_c  a:hover li {
	width:248px;
	padding:10px;
	float:left;
	margin:0px 20px;
	display:inline;
	line-height: 20px;
	color:#323232;
	overflow:hidden;
	background-color: white;
  margin-bottom: 25px;
  height:240px;
  border:1px #b39b77 solid;
}

.blue .container {
  text-align: center;
  padding: 10px 20px;
}

.blue .product_c .clearfix{
	float:left;
	}
.blue .product_c li img{
}

.blue .product_c p{ line-height:200%; }
.blue .product_c h2{ font-size:17px; color:#333; margin-top:20px; font-weight:normal;text-align: center;}
.blue .product_c span{ font-size:14px; color:#999; margin-top:10px; font-weight:normal}

.blue .product_pic{display:table-cell;vertical-align:middle;width:248px;
	height:178px; background:#fff;}
.blue .product_pic img{ max-width:248px; max-height:178px; margin:0 auto; display:block;}



.blue .blk_18 {WIDTH: 1200px; height:300px;  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:70px; }
.blue .blk_18 .RightBotton { float:right; margin-top:70px;}



/* 图片模糊效果 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(-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 .cases_t, .blue .service_pic{
    animation: lefteaseinAnimate 2s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: lefteaseinAnimate 2s ease 1;
    -ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s 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, .blue .index_title01{
	width:1200px;
	margin:15px auto;
	border:none;
	line-height:240%;
	font-weight: normal;
	text-align:center;
	overflow:hidden;
}


.blue .index_title h2{ color:#333; font-size:27px; font-weight:600;margin-bottom: 15px;
  background:url(../images/index_title_bg.png) no-repeat center center;}

.blue .index_title h3{ color:#ccc; font-size:26px; font-weight:600; }
.blue .index_title span{ color:#999; font-size:14px; padding-bottom:10px}

.blue .index_title01{ margin:30px 0px;}
.blue .index_title01 h2{ color:#fff; font-size:26px; font-weight:600; 
 background:url(../images/index_title_bg01.png) no-repeat center center;}
.blue .index_title01 h3{ color:#fff; font-size:20px; font-weight:600; }
.blue .index_title01 span{ color:#fff; font-size:14px; padding-bottom:10px}

/* 关于我们 */
.blue .about{
	width:1440px;
	margin:0px auto;
	border:none;
}
.blue .about_img{ float:left;}
.blue .about_img img{
	width:580px;
	height:360px;
}
.blue .about_r{
	width:660px;
	height:360px;
	float:left;
	margin-left:50px;
}

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

/* 新闻中心 */
.blue .news_bg{ width:100%; background:url(../images/E926.jpg) no-repeat center; padding:10px 0}
.blue .news{
	width:1200px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	height:550px;
}
.blue .news_c{
	width:100%;
	height:380px;
	margin:10px 0px 0px 0px;
	background:#fff;
}

.blue .news_pic{ float:left; width:600px; height:340px; margin-top:20px; margin-left:20px;}

.blue .news_c ul{ width:560px; margin-top:20px; float:left;}
.blue .news_c li{
	width:540px;
	margin:0px 20px;
	padding:0px;
	border-bottom:#ccc 1px dotted;
	margin-top:10px;
	font-size:14px;
	color:#999;
	padding-bottom:10px;
}

.blue .news_c li h2 a{ font-size:15px; color:#333}
.blue .news_c li h2 a:hover{ font-size:15px; color:#b39b77}
.blue .news_c  span a:hover, .blue .news_c01 .right span a:hover{
	color:#b39b77;
}
.blue .news_c  p{  overflow:hidden; font-size:13px; color:#666; line-height:160%}





/* 新闻列表页 */
.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:#b39b77;
	margin-right:15px;
}
.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:13px; color:#999;line-height: 2}



.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 #b39b77 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:#b39b77;
}
.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 #b39b77;
	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:35px;
	padding:0px;
	margin:10px auto 10px auto;
	border:none;
	font-size: 12px;
	line-height: 35px;
	color: #828282;
	text-align: center;
	display:block;
	background:#f4f5f5;
}
.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:20px 0px;
	padding:0px;
	border:none;
	font-size: 25px;
	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:#b39b77;
	height:50px; 
	color:#fff;
}
.blue #globalFooter_copyright{
	width:1200px;
	margin:0px auto;
	border:none;
	font-size:14px;
	line-height:50px;
	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 0px 0px;
	padding:0px;
	border:none;
	height:100px;
	background:#b39b77
	}
.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:45px;
	margin:7px auto;
	padding:0px;
	border:none;
	overflow:hidden;
	background:#f5f5f5;
}
.sonCatayg{
	text-align: center;font-size: 18px;
}
.blue a.first_dd{
	font-size: 18px;
	background:#b39b77;
	border-radius: 3px;
	width: 100px;color: #fff;
	height: 35px;display: inline-block;
	line-height: 35px;
	margin-right: 10px;
}
.blue a.first_dd:hover{
	background:#ec940e;
}
.blue #include_article_son_txtli .content li a{
	font-size:16px;
	line-height:45px;
	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:45px;
	color:#fff;
	background:#b39b77;
	display:block;
	border:2px #b39b77 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;line-height: 2;font-size: 16px;overflow:hidden; }
.blue .crumbNav{
	width:100%;
	height:40px;
    line-height: 28px;
	padding:0px;
	margin:0px auto;
	border:none;
	font-size:14px;
}
.blue .crumbNav a{  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:#b39b77}


*{  
	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:#b39b77}


.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: 20%;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----------------------------------- */



/*index_04*/
.index_04 {
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

    .index_04 .tit {
        margin-bottom: 25px;
        text-align: center;
    }

        .index_04 .tit h3 {
			padding-bottom: 13px;
			background: url(../images/1.png) no-repeat bottom center;
			font-size: 28px;
			color: #000;
			line-height: 60px;
        }

        .index_04 .tit h4 {
			background: url(../images/gongyi_title.png) no-repeat center center;
			height: 50px;
			margin: 0px auto;
        }

    .index_04 .mian .gg {
        position: relative;
        height: 600px;
        padding: 0px;
        background: url(../images/icon_911.png) no-repeat center;
    }

        .index_04 .mian .gg > div {
            position: absolute;
            width: 190px;
        }

            .index_04 .mian .gg > div > i {
                display: block;
                width: 100%;
                height: 48px;
                background: no-repeat center;
            }

            .index_04 .mian .gg > div > a > img {
                display: block;
                margin: 0 auto;
				float:left;
            }

            .index_04 .mian .gg > div > span {
                display: block;
                font-size: 21px;
                color: #000;
                text-align: center;
                line-height: 60px;
            }

            .index_04 .mian .gg > div > a > span {
                display: block;
                font-size: 22px;
                color: #000;
                text-align: center;
                line-height: 60px;
            }

        .index_04 .mian .gg .a0 {
            position: absolute;
            top: 56%;
            left: 50%;
            width: 424px;
            height: 424px;
            overflow: hidden;
            padding: 56px 50px;
            border-radius: 50%;
            box-sizing: border-box;
            margin: -233px 0 0 -211px;
        }

            .index_04 .mian .gg .a0 > h4 {
                font-size: 28px;
                color: #fff;
                text-align: center;
                line-height: 30px;
            }

            .index_04 .mian .gg .a0 > h5 {
                font-size: 18px;
                color: #fff;
                text-align: center;
                line-height: 54px;
            }

            .index_04 .mian .gg .a0 > div {
                padding-bottom: 10px;
            }

                .index_04 .mian .gg .a0 > div.b1 select {
                    width: 153px;
                    height: 42px;
                    padding: 10px 0;
                    padding-left: 10px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    line-height: 20px;
                }

            .index_04 .mian .gg .a0 div.b2 input {
                width: 152px;
                height: 42px;
                padding-left: 20px;
                border: none;
                box-sizing: border-box;
                font-size: 14px;
                color: #666;
                line-height: 42px;
                border-radius:2px;
				margin:0 5px;
            }

            .index_04 .mian .gg .a0 > div.b3 select {
                width: 153px;
                height: 42px;
                padding: 10px 0;
                padding-left: 10px;
                border: none;
                font-size: 14px;
                color: #666;
                line-height: 20px;
            }

            .index_04 .mian .gg .a0 div.b3 > span {
                width: 152px;
                height: 42px;
                background: #fff;
                line-height: 42px;
				border-radius:2px;
            }

                .index_04 .mian .gg .a0 div.b3 > span.fl input {
                    width: 152px;
                    height: 42px;
                    padding-left: 15px;
                    border: none;
                    box-sizing: border-box;
                    font-size: 14px;
                    color: #666;
                    vertical-align: top;
					border-radius:2px;
				    margin:0 5px;
                }

                .index_04 .mian .gg .a0 div.b3 > span.fr {
                    padding-left: 20px;
                    box-sizing: border-box;
                    font-size: 14px;
                    color: #666;
					width: 152px;
                    height: 42px;
                }

                    .index_04 .mian .gg .a0 div.b3 > span.fr input {
                        width: 40px;
                        height: 42px;
                        border: none;
                        box-sizing: border-box;
                        font-size: 14px;
                        color: #666;
                        text-align: center;
                        line-height: 42px;
                        vertical-align: top;
						
                    }

            .index_04 .mian .gg .a0 div.b4 {
                padding: 99px 0 0;
                text-align: center;
            }
			.index_04 .mian .gg .a0 div.b4 > span {
               
            }

                .index_04 .mian .gg .a0 div.b4 input {
                    display: inline-block;
                    width: 210px;
                    height: 101px;
					background:url(../images/yuyue.png) no-repeat;
					border:none;
                }

        .index_04 .mian .gg .a1 {
            top: 100px;
            right: 145px;
        }
        .index_04 .mian .gg .a1 img,.index_04 .mian .gg .a2 img,.index_04 .mian .gg .a3 img,.index_04 .mian .gg .a4 img{
			float:right;
		}  
        .index_04 .mian .gg .a2 {
            top: 216px;
            right: 105px;
        }
        .index_04 .mian .gg .a3 {
            top: 336px;
            right: 104px;
        }

        .index_04 .mian .gg .a4 {
            top: 458px;
            right: 144px;
        }

        .index_04 .mian .gg .a5 {
            top: 458px;
            left: 154px;
        }

        .index_04 .mian .gg .a6 {
            top: 336px;
            left: 114px;
        }

        .index_04 .mian .gg .a7 {
            top: 216px;
            left: 115px;
        }

        .index_04 .mian .gg .a8 {
            top: 100px;
            left: 155px;
        }

        .index_04 .mian .gg .a1 i {
            background-image: url(../images/index_4_01.png);
        }

        .index_04 .mian .gg .a2 i {
            background-image: url(../images/index_4_02.png);
        }

        .index_04 .mian .gg .a3 i {
            background-image: url(../images/index_4_03.png);
        }

        .index_04 .mian .gg .a4 i {
            background-image: url(../images/index_4_04.png);
        }

        .index_04 .mian .gg .a5 i {
            background-image: url(../images/index_4_05.png);
        }

        .index_04 .mian .gg .a6 i {
            background-image: url(../images/index_4_06.png);
        }

        .index_04 .mian .gg .a7 i {
            background-image: url(../images/index_4_07.png);
        }

        .index_04 .mian .gg .a8 i {
            background-image: url(../images/index_4_08.png);
        }

        .index_04 .mian .gg > div {
            cursor: default;
        }

            .index_04 .mian .gg > div:hover > i {
                animation: pound_1 1.2s ease infinite;
            }

    .index_04 .mian .kk {
        margin-top: 40px;
        padding: 25px 0;
        text-align: center;
    }

        .index_04 .mian .kk a {
            display: inline-block;
            width: 200px;
            height: 50px;
            background: #3f4a55;
            font-size: 16px;
            color: #fff;
            text-align: center;
            line-height: 50px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .index_04 .mian .kk a:hover {
                background: #E1112A;
            }

    .index_04 .mian ul li:hover a .a1 img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

/*index_04*/

.blue .Second {
        margin-bottom:20px;    
    }
    .blue .Second ul{
        margin:0px auto;
        width:90%;		
    }
        .blue .Second ul li {
            float: left;
            padding: 0 39px;
            background: url(../images/icon_12.jpg) no-repeat right center;
		 
        }
        .blue .Second ul li:last-child{
        	   padding-left: 0;
                background: none;
        }

            .blue .Second ul li.a1 {
                padding-left: 0;
                background: none;
            }

            .blue .Second ul li.a4 {
                padding-right: 0;
            }

            .blue .Second ul li div.fl i {
                display: block;
                width: 101px;
                height: 101px;
                background: no-repeat center;
            }



            .blue .Second ul li.a2 div.fl i {
			 
				background-size:100%;
            }

            .blue .Second ul li.a3 div.fl i {
                background-image: url(../images/foot_1_03.png);
            }

            .blue .Second ul li.a4 div.fl i {
                background-image: url(../images/foot_1_04.png);
            }

            .blue .Second ul li div.fr {
                padding-left: 20px;
            }

                .blue .Second ul li div.fr font {
                    display: block;
                    font-size: 15px;
                    font-weight: bold;
                    color: #333333;
                    line-height: 30px;
                }

                .blue .Second ul li div.fr span {
                    display: block;
                    font-size: 13px;
                    color: #4d4d4d;
					line-height:24px;
                }
.fl {
    float: left;
}

.fr {
    float: right;
}