/*********************************************************************************************************************
*                                                  内页样式设置                                                        *
**********************************************************************************************************************/
.ipban {
	position: relative;
	width: 100%;
	text-align:center; 
	overflow:hidden;
	vertical-align:middle;
	height:220px;
	 margin-bottom:10px;
}
.mysec{ 
    background:url(../images/pages_img_02.png);
	background-position:center;
    background-origin:content;                /*从content区域开始显示背景*/  
    /*background-size:contain;        */          /*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/  
    background-repeat:no-repeat;              /*图像不重复显示*/   
	width:100%;
	height:220px;
}
.news{
background:url(../images/New-img_02.png);
background-position:center;
    background-origin:content;                /*从content区域开始显示背景*/  
    /*background-size:contain;        */          /*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/  
    background-repeat:no-repeat;              /*图像不重复显示*/   
	width:100%;
	height:220px;
}
.Recruit_img{
background:url(../images/Recruit_jmg_02.png);
background-position:center;
    background-origin:content;                /*从content区域开始显示背景*/  
    /*background-size:contain;        */          /*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/  
    background-repeat:no-repeat;              /*图像不重复显示*/   
	width:100%;
	height:220px;
}
/**********************左边样式************************/
#left_style .Navigation{ margin-bottom:30px; background:#FFFFFF; padding-bottom:10px;}
#left_style .Navigation .title_name{ background:url(../images/pages_img_05.png) no-repeat; width:220px; height:67px; color:#FFFFFF; text-align:center; font-size:24px;}#left_style .Navigation .title_name .English{ font-size:14px; padding-top:7px;}
.Column{ width:220px; background:#FFFFFF;}
.Column li{ 
background:#e0f9ff; 
padding-left:20px; 
margin:10px 0px;
cursor: pointer;
display: block;
padding: 10px 10px 10px 12px;
font-size: 14px;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.Column li em{ background:url(../images/pages_img_12.png) 0px -17px no-repeat; padding:9px 10px; position:relative; left:100px; top:10px; margin-right:20px;}
.Column li a{ color:#000000; font-size:14px; }
.Column .on{ background:url(../images/pages_img_09.png) no-repeat;}
.Column .on a{ color:#FFFFFF}
.Column .on em{ background:url(../images/pages_img_12.png) no-repeat;  padding:0px 10px; top:0}
/*********联系方式********/
#left_style .contact{ width:220px; margin-bottom:30px; margin-top:0; float:none}
#left_style  .contact .title .img{ position:relative; background:url(../images/title_img_03.png) no-repeat center; width:220px; height:70px; top:-22px; padding-top:20px;}
#left_style  .contact .phone_title{ width:110px;}
#left_style .contact .way .Phone .number {
font-family: Impact;
font-size: 32px;
color:#FF6600;
float: left;
width: 200px;
text-align: center;
}
#left_style .Add{ background:#FFFFFF; padding-bottom:20px; }
#left_style .Add .title_name{ height:30px; color:#FFFFFF; background:#00a2ca; font-size:18px; text-align:center; line-height:30px;}
#left_style .Add li{ border-bottom:1px solid #CDCDCD; margin:4px 10px;}
/*************右侧样式**********************/
.Section_name{ height:40px; line-height:40px; border-bottom:3px solid #00a2ca}
.Section_name h3{ float:left; padding:0px 10px; font-size:18px; color:#00a2ca}
.Section_name span{ float:right; padding:0px 10px;}
.Section_name span a{ color:#333333}
.Section_name span a:hover{ color:#FF6600}
#right_style .content{ line-height:30px; font-size:14px; padding:10px; margin-bottom:50px}
#right_style .content .title_name{ font-size:18px; color:#FF0000; border-bottom:1px solid #DBDBDB; text-align:center; padding:10px 0px; margin-bottom:10px}
/*************列表样式属性**************/
#right_style .content .list li{ border-bottom:1px dotted #C6C6C6; line-height:36px; color:#9B9B9B }
#right_style .content .list li span{ float:right}
#right_style .content .list li a{ color:#3E3E3E;}
#right_style .content .list li em{ color:#FF0000; padding-right:10px;}
#right_style .content .list li a:hover{ font-size:14px; color:#FF6600}
/********************人才招聘样式************************/
.Recruit{ border:1px solid  #999999; line-height:30px; position:relative; margin-bottom:10px;}
.Recruit .Recruit_title{ height:30px; background:#D7D7D7; padding:0px 10px;}
.Recruit .Recruit_title .Post{ color:#FF3300; padding-right:30px; font-weight:bold}
.Recruit .Recruit_title .time{ float:right}
.Recruit .Recruit_Request{ padding:10px; }
.Recruit .btn_link{width:200px; position:absolute; left:550px; bottom:10px}
.Recruit .btn_link a:hover{ font-size:14px}
.Recruit .btn_link .Fill{ color:#FFFFFF; background:#00a2ca; padding:5px 10px; margin:10px 10px;}  
.Recruit .btn_link .Details{ color:#FFFFFF; padding:5px 10px; background:#FF6600}
/*********************联系我们样式***************************/
.Connection{ background:url(../images/contact_img_03.png) no-repeat; background-position:right; height:270px;}
.Connection li{ width:400px;}
.Connection h2{ font-size:18px; letter-spacing:3px;  padding-top:50px; line-height:24px;}
.Connection h6{ font-size:12px; letter-spacing:-1px;line-height:24px;}
/*********************************留言样式************************************/
.message{ line-height:40px; font-size:14px; padding:20px 0px;} 
.message li{ line-height:40px; margin:10px 0px; width:740px;} 
.message li label{ float:left; width:80px; padding-left:30px;}
.message li .select{ float:left; padding:2px; height:30px;border:1px solid #B3B3B3;}
.message li .text{ width:200px; border:1px solid #B3B3B3; padding:2px; height:30px; float:left}
.message li .text_title{ width:600px; border:1px solid #B3B3B3; padding:2px;height:30px;float:left } 
.message li .Add{  width:400px; border:1px solid #B3B3B3; padding:2px;height:30px; float:left}
.message li .textarea{ width:600px; height:150px;border:1px solid #B3B3B3; padding:2px; float:left}
.message .message_title{ background:#fff1c6; padding:0px 10px; height:30px; line-height:30px; margin:10px 0px; float:left}
.message .btn_Click{ text-align:center; margin:30px 0px;}
.message li .submit{ background:url(../images/buttom_03.png) no-repeat; height:35px; width:85px; border:0;  cursor:pointer; margin-right:20px;}
.message li .reset{ background:url(../images/buttom_05.png) no-repeat; height:35px; width:85px; border:0; cursor:pointer}
/********************************下载样式**********************************/
.download_Profile{ border:1px solid #DBDBDB}
.download_cont{ padding:10px; line-height:30px;}
div#downcontent{margin:30px 10px;text-align:left;}
div#downcontent .down{
padding:0px 0px 5px 0px;
float:right;
cursor:pointer;
margin-top:30px;
}
div#downcontent .downprop{
padding:0px 2px 10px 2px;
text-align: left;
line-height:30px;
}
div#downcontent .propname{
padding-right:5px;
font-weight:bold;
}
div#downcontent .memo{
padding:15px;
margin:10px 0px;
border:1px #def solid;
text-align: left;
background:#f7fbfe;
}
div#downcontent .con{
clear:both;
padding:10px 2px 20px 2px;
text-align: left;
}
div#downcontent .bzone{
clear:both;
margin:20px 30px 20px 5px;
text-align: left;
}
/************************产品列表展示*****************************/
.Products{}
.Products ul{ border-bottom:1px solid #F2F2F2; margin-top:20px; padding:10px 0px;}
.Products ul .img{ float:left; margin-right:10px;}
.Products ul .Products_Brief{ float:right; width:500px; line-height:30px;}
.Products ul .Products_title a{ font-size:16px; font-weight:bold; color:#f60}
.Products ul .Products_content{ font-size:12px}
.Products ul .Products_content .Detail_link{ color:#FF0000; float:right;}
.Products ul .img img{ width:220px; height:160xp; border:1px  solid #E0E0E0; padding:1px;}
/*******产品详细样式******/
.Show_style{ margin-bottom:20px;}
.Detailed_page{}
.Detailed_page .title{ border-bottom:1px solid  #D8D8D8; margin-bottom:20px; font-size:18px; color:#FF0000; line-height:40px; text-align:center}
.Standard_style li{ padding:0px 10px; font-size:12px; line-height:36px;}
.Standard_style li label{ padding-right:10px; font-weight:bold}
/**********规格参数***********/
.Standard_style{ float:right; width:340px;}
.Standard_style ul{ border:1px solid #D7D7D7; padding:1px;}
.Standard_style ul .title{ height:30px; line-height:30px; background:#00a2ca; text-align:center; color:#fff; margin-bottom:0px;}
/**************相册样式***************/
.albums{ width:390px; float:left; margin-right:10x;}
.gallery{   text-align:left; width:390px;   } 
.gallery .bd li .pic{ line-height:0px;  } 
.gallery .bd li .bg,.gallery .bd li .title{ display:none;  } 
.gallery .bd li img{ width:385px; height:273px; padding:1px; border:1px solid #E6E6E6;  } 
.gallery .hd{ position:relative; padding:0 15px; margin-top:10px; zoom:1; } 
.gallery .hd .tempWrap{ margin-left:8px;  } 
.gallery .hd ul{ overflow:hidden; zoom:1; border:0px; } 
.gallery .hd li{ width:85px; padding-top:4px; text-align:center; cursor:pointer;   } 
.gallery .hd li img{ width:75px; height:60px; border:1px solid #ddd; padding:2px;   } 
.gallery .hd li.on{ background:url("../images/icoUp.gif") no-repeat center 0;  } 
.gallery .hd li.on img{ border:1px solid #f60; background:#fff;   } 
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center;  width:15px; height:66px; line-height:66px;  border:1px solid #ddd; cursor:pointer; position:absolute;  left:0px; top:4px; } 
.gallery .hd .sNext{ left:auto; right:0px; } 
.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none; border:1px solid #f60;  } 
/********************信息切换效果******************/
/* 文本切换盒子 - 公用类 */ 
.slideTxtBox{ } 
.slideTxtBox .hd{ height:30px; line-height:30px; background:#00a2ca; padding:0 20px; border-bottom:1px solid #ddd;  position:relative; color:#fff;  } 
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   } 
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer} 
.slideTxtBox .hd ul li.on{ 
	height:27px; 
	margin-top:3px;  
	background:#fff;  
	border-bottom:2px solid #fff; 
	cursor:pointer; 
	color:#000000; 
	-moz-border-radius:5px 5px 0px 0px;/*仅Firefox支持，实现圆角效果*/
	-webkit-border-radius:5px 5px 0px 0px;/*仅Safari,Chrome支持，实现圆角效果*/
	-khtml-border-radius:5px 5px 0px 0px;/*仅Safari,Chrome支持，实现圆角效果*/
	border-radius:5px 5px 0px 0px;/*仅Opera，Safari,Chrome支持，实现圆角效果*/
} 
.slideTxtBox .bd{ padding:15px;  } 
.slideTxtBox .bd ul{ padding:10px;  } 
.slideTxtBox .tempWrap{ margin:15px;  } 
/*********************************推荐产品样式****************************/
.Recommend{ margin:20px 0px;}
.Recommend a{ font-size:12px; color:#000000}
.Recommend a:hover{ color:#FF9900}
.Recommend .Recommend_title{ height:30px;line-height:30px; background: url(../images/title_img.png) no-repeat #00a2ca; color:#fff; margin-bottom:0px; padding-left:30px; font-size:16px;}
.Recommend li{ float:left; width:240px; text-align:center; margin:20px 0px;}
.Recommend li img{ width:200px; border:1px solid #E8E8E8; padding:1px; height:140px;}
/************************瀑布流设计***********************/
/*******************************************************/
.grid {
max-width: 100%;
list-style: none;
margin: 25px auto 20px auto;
font-size: 0.85em;
}
.grid li {
display: block;
float: left;
padding: 7px;
width: 30%;
width: 340px;
margin: 0;
border: 5px solid #d2d2d2;
background-color: #fff;
}
.appreciatebox li:hover .imgout img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
appreciatebox li .imgout img {
-webkit-transition: all 0.5s ease-in-out;
}
.appreciatebox h2, .appreciatebox .imgout {
 overflow: hidden;
 text-align:center; 
 padding:10px 0px;
 color:#751f1f
}
.appreciatebox li:hover {
opacity: 1;
border: 5px solid #9F0900;
color: #CCC;
background: #9F0900;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.grid li a, .grid li img {
outline: none;
border: none;
display: block;
width: 100%;
max-width: 100%;
 color:#751f1f
}
.appreciatebox li:hover h2 {
color: #FFF;
}
/*******************************简历注册*************************************/
.resume .title{ text-align:center; border-bottom:1px solid #C8C8C8; line-height:40px; font-size:18px;}
.resume table{ margin:20px 0px; width:740px;}
.resume table td{ border:1px solid #C8C8C8}
.resume table .Column_title{ background:#E6E6E6; line-height:30px; padding-left:10px;}
.resume table .name{ width:68px; text-align:center;background:#E6E6E6; }
.resume table .text{ padding:5px; width:100px; border:0px;}
.resume table .texts{padding:5px; width:290px; border:0px;}
.textarea{ width:710px; height:200px; padding:10px;}
.resume table .btn_submit{ padding:5px 10px; background:#FF6600; color:#fff; border:0px; cursor:pointer}
/************************视频样式*************************/
.video{ margin-top:10px}
.video li{ width:245px; text-align:center; float:left}
.video li img{ width:218px; height:168px; border:1px solid #D8D8D8; padding:1px;}
.video li img:hover{border:1px solid #FF6600}
.video li a{ color:#fff;}
.video .video_title{ background:url(../images/bg_color_03.png) repeat-x; width:218px; height:30px; line-height:30px; left:13px; position:relative; top:-32px;}
/********************************新闻详细样式*******************************/
.title_link{ line-height:30px; height:30px; background:#00a2ca; padding:0px 10px;}
.title_link p{ float:left; width:50%;}
.title_link a{ color:#fff; font-size:12px;}
.news_content{ margin-bottom:30px;}
.newstitle{ text-align:center; font-size:18px; line-height:40px;}
.info {
height: 28px;
line-height: 28px;
border: 1px #E8E8E8 solid;
margin: 0px 0px;
text-align: center;
background-color: #F7F7F7;
font-size:12px;
}