@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:12px; color:#333; font-family:Microsoft YaHei; background:#fff;overflow-x:hidden;}
fieldset, img { border:0; }
img{display:block;}

ol, ul ,li{ list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em{ font-style:normal; }/*em强调斜体*/
input, button, select, textarea { outline:none; }
textarea { resize:none; } /*禁用了文本的拖拉，尤其在谷歌下*/
p{ text-align:justify; text-justify:distribute;} /*为了使文本段落左右两边对齐*/
a{ text-decoration:none; color:#333;}
.fl{ float:left;}
.fr{ float:right;}
input{ border:none; background:none; }
select{appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */}


/*----从这里开始----*/
.header_box{ width:1000px; overflow:hidden; height:93px; background:url(images/header_bg.png) no-repeat center center; margin:0 auto;}
.top_link{ width:246px; overflow:hidden; margin-top:33px;}
.top_link li{ width:82px; float:left; padding-top:30px;}
.top_link .talents{ background:url(images/talents_gray.png) no-repeat top center;}
.top_link .jion{ background:url(images/jion_gray.png) no-repeat top center;}
.top_link .activity{ background:url(images/activity_gray.png) no-repeat top center;}
.top_link li p{font-size:14px;line-height:30px; text-align:center;}
.top_link li:hover p{ color:#c70100;}
.top_link .talents:hover{ background:url(images/talents_red.png) no-repeat top center;}
.top_link .jion:hover{ background:url(images/jion_red.png) no-repeat top center;}
.top_link .activity:hover{ background:url(images/activity_red.png) no-repeat top center;}

.nav_box{ background-color:#c70100;}
.nav_search{ width:1020px; margin:0 auto; overflow:hidden;}
.nav li{ display:inline-block; line-height:44px; padding-left:10px; padding-right:12px; font-size:15px; background:url(images/nav_de.png) no-repeat right center;}
.nav li a{ color:#fff600;}
.nav li:hover a{ opacity:0.8;
	/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);}

.search{ width:220px;border-radius:15px; height:30px; overflow:hidden; margin-top:7px; margin-right:11px; position:relative;}
.search .input01{ width:175px;padding-left:50px; background-color:#fff; height:30px; line-height:30px\9; font-size:14px; color:#999;font-family:Microsoft YaHei;}
.search .input02{ width:20px; height:30px; background:url(images/search_submit.png) no-repeat center center; position:absolute; top:0; right:2px; cursor:pointer;}



/*----focus----*/
.main_visual{ width:100%;}
.main_image {width:100%; height:400px;overflow:hidden; margin:0 auto; position:relative;z-index:9;}
.main_image ul{width:9999px; height:400px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li{float:left; width:100%; height:400px;}
.main_image li span{display:block; width:100%; height:400px}
.main_image li a{display:block; width:100%; height:400px}
div.flicking_con{width:500px;margin:0 auto; position:relative}
div.flicking_con .flicking_inner{position:absolute; top:370px; left:50%; margin-left:-81px; z-index:99; width:162px; height:4px;}
div.flicking_con a{float:left; width:50px; height:4px; background-color:#fff; margin:0 2px; border-radius:2px;}
div.flicking_con a.on{ background-color:#c70100;}
#btn_prev,#btn_next{z-index:999;position:absolute;display:block;width:74px!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;}



/*----content----*/
.content{ width:100%; background-color:#ebebeb; padding-top:30px; padding-bottom:20px;}
.news{ width:1000px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.news_scroll{ width:430px; height:260px;}
.news_scroll div{ position:relative;}
.news_pos{ height:35px; background:url(images/op_black.png);position:absolute; bottom:35px; overflow:hidden;}
.news_pos dl{ width:72px; margin-right:10px; float:right; margin-top:11px;}
.news_pos dl dd{ width:13px; height:13px; background-color:#fff; margin-right:5px; float:left;}
.news_pos .whiteDd{ background-color:#c70100;}
.news_pos p{ line-height:35px; padding-left:20px; font-family:Microsoft YaHei; color:#fff; width:310px; float:left; font-size:14px;}
.news_pos p:hover{ text-decoration:underline;}

.news_list{ width:530px;}
.news_tlt{ padding-left:20px; background:url(images/tlt_de.png) no-repeat left center; font-size:18px; color:#000; overflow:hidden; border-bottom:#b3b3b3 1px solid; line-height:30px; margin-top:3px; margin-bottom:10px;}
.news_tlt a{ float:right; margin-top:10px;}
.news_tlt a:hover{transform: translateX(-10px);
  -webkit-transform: translateX(-10px);}
.news_list ul li{ line-height:35px; border-bottom:#ccc 1px dashed; overflow:hidden; font-size:14px;}
.news_list ul li p{ display:inline-block; margin-right:10px; color:#e60012;}
.news_list ul li span{ float:right; color:#666;}
.news_list ul li a{ color:#000;}
.news_list ul li:hover a{ color:#e60012;}



/*----adver----*/
.adver{ width:1000px; margin:0 auto;}


/*----hot_mien----*/
.hot_mien{ width:1000px; margin:0 auto; overflow:hidden; margin-top:10px;}
.hot{ width:480px;}
.hot_tlt{ padding-left:20px; background:url(images/tlt_de.png) no-repeat left center; font-size:18px; color:#000; overflow:hidden; border-bottom:#b3b3b3 1px solid; line-height:30px; margin-bottom:20px;}
.hot_tlt a{ float:right; margin-top:10px;}
.hot_tlt a:hover{transform: translateX(-10px);
  -webkit-transform: translateX(-10px);}
.hot ul li{ line-height:31px; overflow:hidden; padding-left:30px; background:url(images/list_de.png) no-repeat left center; font-size:14px; color:#000;}
.hot ul li span{ color:#666; float:right;}
.hot ul li:hover{ color:#e60012;background:url(images/list_hand.png) no-repeat left center;}


.mien{ width:480px;}
.mien_tlt{ padding-left:20px; background:url(images/tlt_de.png) no-repeat left center; font-size:18px; color:#000; overflow:hidden; border-bottom:#b3b3b3 1px solid; line-height:30px; margin-bottom:20px;}
.mien_tlt a{ float:right; margin-top:10px;}
.mien_tlt a:hover{transform: translateX(-10px);
  -webkit-transform: translateX(-10px);}



/*----#container----*/  
#container{width:480px;height:250px;}
#sliderContainer{position: relative;width:480px;height:250px;}
#slider {width:480px;height:250px;position: relative;overflow: hidden;background-color: #fff;}
#slider img {width:480px;height:250px;display: block;}
.slide {position: absolute;z-index: 0;opacity: 0;pointer-events: none;}
.slideCopy{ position:absolute; bottom:0; left:0; font-size:14px; color:#fff; padding-left:20px; background:url(images/op_black.png); right:0; line-height:36px;}
.slide.active { position: relative;z-index: 1;opacity: 1;pointer-events: auto;}
.arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer;
  z-index: 100;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

#prev {
  left: 0px;
  background-image:url(images/arrow_left.png);
   transform: translateX(20px);
  -webkit-transform: translateX(20px);
}

#next {
  right: 0px;
  background-image:url(images/arrow_right.png);
  transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
}

.sliderHovered .arrow {
  opacity: 1;
  pointer-events: auto;
}

.sliderHovered #prev {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.sliderHovered #next {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

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


/*----policy_qualification----*/
.policy_qualification{ width:1000px; margin:30px auto; overflow:hidden;}
.policy{ width:480px;}
.policy_tlt{ padding-left:20px; background:url(images/tlt_de.png) no-repeat left center; font-size:18px; color:#000; overflow:hidden; border-bottom:#b3b3b3 1px solid; line-height:30px; margin-bottom:15px;}
.policy_tlt a{ float:right; margin-top:10px;}
.policy_tlt a:hover{transform: translateX(-10px);
  -webkit-transform: translateX(-10px);}
.policy ul li{ line-height:24px; overflow:hidden; padding-left:30px; background:url(images/list_de.png) no-repeat left center; font-size:14px; color:#000;}
.policy ul li span{ color:#666; float:right;}
.policy ul li:hover{ color:#e60012;background:url(images/list_arrow.png) no-repeat left center;}

.qualification{ width:480px;}
.qualification_tlt{ padding-left:20px; background:url(images/tlt_de.png) no-repeat left center; font-size:18px; color:#000; overflow:hidden; border-bottom:#b3b3b3 1px solid; line-height:30px; margin-bottom:15px;}
.qualification_tlt a{ float:right; margin-top:10px;}
.qualification_tlt a:hover{transform: translateX(-10px);
  -webkit-transform: translateX(-10px);}
.qualification ul li{ line-height:24px; overflow:hidden; padding-left:30px; background:url(images/list_de.png) no-repeat left center; font-size:14px; color:#000;}
.qualification ul li span{ color:#666; float:right;}
.qualification ul li:hover{ color:#e60012;background:url(images/list_arrow.png) no-repeat left center;}


/*----case----*/
.case{ width:1020px; margin:10px auto;}
.case_tlt{ overflow:hidden;border-bottom:#b3b3b3 1px solid; margin:0 10px; margin-bottom:10px;}
.case_tlt p{ padding-left:20px; float:left;background:url(images/tlt_de.png) no-repeat left center; font-size:18px; color:#000; overflow:hidden; line-height:30px;}
.case_tlt ul{ float:right; }
.case_tlt ul li,.case_tlt ul span{ display:inline-block; font-size:16px; line-height:30px; color:#000;}
.case_tlt ul span{ margin:0 10px;}
.case_tlt .curA{color:#e60012; font-weight:bold;}


.case_img{ overflow:hidden;}
.case_img li{ width:235px; height:160px; float:left; overflow:hidden; margin:10px 10px;}
.case_img li:hover img{ opacity:0.8;
	/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);}
	
/*----link----*/
.link{ width:988px; padding-left:10px; margin:0 auto; border:#d4d3d3 1px solid; font-size:14px; line-height:30px;}
.link dl dt,.link dl dd,.link dl span{ display:inline-block;}
.link dl dt{ color:#000;}	
.link dl dd{ color:#666;}	
.link dl span{ margin:0 0px;}	
.link dl dd:hover{ color:#e60012;}
	
	
/*----footer_box----*/	
.footer_box{ width:100%; background-color:#1a1a1a; padding:15px 0;}
.footer{ width:1000px; margin:0 auto; color:#fff; line-height:18px; text-align:center;}	
	
	



/*----inner----*/
.inner_focus{ width:100%; position:relative; height:200px; overflow:hidden;}
.inner_focus img{ position:absolute; width:1680px; left:50%; margin-left:-840px;}


.inner_box{ width:100%; background-color:#ebebeb; padding:40px 0;}
.inner{ width:1000px; margin:0 auto; overflow:hidden;}
.inner_left{ width:200px;}
.inner_left dl{ padding-bottom:10px;background:#c70100;border-radius:10px;overflow:hidden;}
.inner_left dl dt{ background:#c70100 url(images/column_border.png) no-repeat bottom center; padding:25px 0; text-align:center; margin-bottom:20px;}
.inner_left dl dt p{ font-size:20px; text-align:center; color:#fff;}
.inner_left dl dt span{ font-size:14px; color:#fff;}
.inner_left dl dd{ padding:6px 0; background-color:#C70100; text-align:center; font-size:16px;}
.inner_left dl dd span{ display:block; width:150px; line-height:28px;text-align:center; margin:0 auto;border-radius:10px;}
.inner_left dl dd span a{ display:inline-block; background:url(images/arrow.png) no-repeat left center; color:#fff; padding:0 25px;}
.inner_left dl dd span:hover{ background-color:#bca507;}

.inner_contact{ width:200px; height:100px;border-radius:10px;overflow:hidden; margin:10px 0;}
.inner_addr{padding:15px 0; padding-left:5px; background-color:#fff; border-radius:10px;overflow:hidden; line-height:24px;}

.inner_right{ width:760px;}
.inner_bread{border-bottom:#ccc 1px solid; margin-bottom:30px; overflow:hidden;}
.inner_bread h1{ float:left; font-size:18px; padding-left:35px; background:url(images/small_logo.png) no-repeat left center; line-height:50px; }
.inner_bread p{ float:right; line-height:30px; margin-top:15px; color:#999;}
.inner_bread a {color:#999;}
.inner_bread p span{ color:#c70100;}

/*.inner_content img{ margin-bottom:20px;}*/
/*.inner_content span{ font-size:14px; line-height:24px;}*/


#flip{ padding:5px; text-align:center; }
.hits{ border-bottom:1px dotted #ccc; height:25px; line-height:25px; margin:5px 0px; text-align:right;}
.page{ padding:2px 5px; line-height:1.5; color:#666;}
.page a{ color:#666; text-decoration:underline;}
.inside{ margin-bottom:10px;}
.inside a{ padding:3px 8px; border:1px solid #ccc; color:#333; font-weight:bold;}
/*----Show文件----------------------------------------*/
#left div.showtext{ padding:0px 8px;}

/*----News文件----------------------------------------*/
#news_list ul{ list-style:none;}
#news_list #plug1{ padding:10px;}
#news_list #plug1 li{ height:28px; padding:0px 8px 0px 30px; background:url(images/list_arrow.png) no-repeat 3px 10px; line-height:28px; overflow:hidden; border-bottom:1px dotted #ccc;}
#news_list #plug1 li span{ float:right;}
* html #news_list #plug1 li span img{ padding-top:8px;}

/*----ShowNews文件----------------------------------------*/
/*#shownews{ padding:10px;}*/
#shownews h1.title{    font-weight: 600; padding:4px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:150%;text-align: center;}
#shownews div.text{ padding:0px 5px;}



/*----Download文件----------------------------------------*/
#download_list{}
#download_list #plug1{ padding:10px;}
#download_list #plug1 dt{ border-bottom:1px dotted #ccc; font-weight:bold; font-size:120%; padding:0px 5px 0px 18px; background:url(../images/download_ico.gif) no-repeat 3px 8px;}
#download_list #plug1 dd{ color:#666; padding:0px 8px; height:28px; line-height:28px;}
#download_list #plug1 dd div{ float:right;}
#download_list #plug1 dd span{ padding-right:20px;}

/*----ShowDownload文件----------------------------------------*/
#showdownload{ padding:10px;}
#showdownload h1.title{ padding:4px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:150%;}
#showdownload div.Para ul{ list-style:none; padding:0px 5px;}
#showdownload div.text{ padding:0px 5px;}

#showdownload div.Para .info_download{ display:block; padding:5px; }
#showdownload div.Para .info_download a{ padding:3px 8px; border:1px solid #ccc; color:#333; font-weight:bold;}

/*----Job文件----------------------------------------*/
#job_list #plug1{ border:1px solid #ccc; margin:10px; }
#job_list #plug1 dt{ height:28px; line-height:28px; border-bottom:1px solid #ccc; color:#666; padding-left:10px;}
#job_list #plug1 dd{ background:url(../images/job_ico.gif) no-repeat 5px 13px; padding-left:15px; height:30px; line-height:30px; border-bottom:1px solid #ccc; overflow:hidden; color:#666; font-weight:bold;}
#job_list #plug1 dt span,#job_list #plug1 dd span{ float:right; width:100px; font-weight:normal; text-align:center; overflow:hidden; border-left:1px solid #ccc;}
#job_list #plug1 dd a{ text-decoration:underline;}

/*----ShowJob文件----------------------------------------*/
#showjob{ padding:10px;}
#showjob h1.title{font-weight: 600;
    padding: 4px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    font-size: 150%;
    text-align: center;}
#showjob div.para ul{ list-style:none; padding:0px 5px;}
#showjob div.text{ padding:0px 5px;}
#showjob h3.hr{ font-size:100%; background:#eee; margin-top:8px; padding-left:5px; height:25px; line-height:25px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#showjob div.para .info_cv{ display:block; padding:5px; }
#showjob div.para .info_cv a{ padding:3px 8px; border:1px solid #ccc; color:#333; font-weight:bold;}

/*----Img文件----------------------------------------*/
#img_list ul{ list-style:none;}
#img_list #plug1{ padding:10px 0px;}
#img_list #plug1 ul{ list-style:none; }
#img_list #plug1 li{ float:left; display:inline; margin:0px 15px 5px; text-align:center; overflow:hidden;}
#img_list #plug1 li span{ display:block;}
#img_list #plug1 li img{ border:1px solid #ccc; padding:3px;}
#img_list #plug1 li span.info_title{ height:25px; line-height:25px; overflow:hidden;}

/*----ShowImg文件----------------------------------------*/
#showimg{ padding:10px;}
#showimg h1.title{ padding:4px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:150%;}
#showimg div.para{ text-align:center;}
#showimg div.text{ padding:0px 5px;}
#showimg div.metinfo_slide{ margin-left:auto; margin-right:auto;}
#showimg h3.hr{ font-size:100%; background:#eee; margin-top:8px; padding-left:5px; height:25px; line-height:25px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#showimg #imgqwe a img{ border:1px solid #e6e6e6; padding:5px;}
#showimg #imgqwe a img{ border:1px solid #e6e6e6;}
#showimg .smallimg{text-align:center !important; margin-top:8px;}
#showimg .smallimg span.spic{ margin:2px;}
#showimg span.info_select{ margin-top:8px;}


/*----Product文件----------------------------------------*/
#product-list{}

/*【样式一】*/
#product-list #plug1{ padding:10px 0px;}
#product-list #plug1 ul{ list-style:none; }
#product-list #plug1 li{ float:left; display:inline; margin:0px 12px 5px; text-align:center; overflow:hidden;}
#product-list #plug1 li span{ display:block;}
#product-list #plug1 li img{ border:1px solid #ccc; padding:3px;}
#product-list #plug1 li span.info_title{ height:25px; line-height:25px; overflow:hidden;}

/*【样式二】*/
#product-list #plug2{ padding:10px;}
#product-list #plug2 dl{ overflow:hidden; float:left; width:350px; margin-bottom:10px;}
#product-list #plug2 dl dt{ float:left; overflow:hidden;}
#product-list #plug2 dl dt a{ display:block; padding:3px; font-size:0px; border:1px solid #e6e6e6;}
#product-list #plug2 dl dd{ float:left; padding-left:10px; overflow:hidden;}
#product-list #plug2 dd ul{ margin-bottom:10px; list-style:none;}
#product-list #plug2 span.title a{ color:#0058b2;}
#product-list #plug2 div.detail{ text-align:right; padding-right:10px;}

/*----ShowProduct文件----------------------------------------*/
/*#showproduct{ padding:10px;}*/
#showproduct dt{ float:left; overflow:hidden;}
#showproduct dd{ float:left; padding-left:10px; overflow:hidden;}
#showproduct dd li{ list-style:none; padding:3px 3px; border-bottom:1px dotted #ccc; }
#showproduct dd li span{ color:#656565;}
#showproduct dd li.title{ background:#eee; padding:0px 4px; margin-bottom:5px; }
#showproduct dd li.title h1{ font-size:12px;}
#showproduct dd li.title h1 span{ color:#0058b2; font-size:14px;}
#showproduct dd li.description{ padding:5px;}
#showproduct dt #imgqwe a{ display:block; border:1px solid #e6e6e6; padding:5px;}
#showproduct dt #imgqwe a img{ border:1px solid #e6e6e6;}
#showproduct .smallimg{text-align:center !important; margin-top:8px;}
#showproduct .smallimg span.spic{ margin:2px;}
#showproduct dd .feedback{ padding:5px; text-align:right;}
#showproduct dd .feedback a{ padding:3px 8px; border:1px solid #ccc; color:#333; font-weight:bold;}
#showproduct h3.hr{ font-size:100%; background:#eee; margin-top:8px; padding-left:5px; height:25px; line-height:25px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#showproduct div.text{ padding:5px;}
#showproduct div.text img{  margin: 0 auto;}
div.webcontent{  width:758px; overflow:hidden;}
div.webcontent img{    margin: 0 auto;}
/* 前台通用分页 */
.pagecode {
    float: right;
    margin-top: 10px;
	margin-bottom:10px;
    text-align: right;
	padding-right:5px;
}
.pagecode a {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d4d4d4;
    line-height: 20px;
    margin-right: 5px;
    padding: 0px 10px 0px 10px;
	display:block;
	float:left;
	height:20px;
	overflow:hidden;
   
}
.pagecode a.end{}
.pagecode a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #336699;
}

.pagecode .on {
    background: none repeat scroll 0 0 #c70100;
    color: #FFFFFF;
}

.pagecode p {
    clear: both;
    line-height: 20px;
    padding-right: 4px;
}



.input_w1 {
background: url("images/input_back.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #666666;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 200px;
}

.input_w2 {
  background: url("images/yzm_back.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 30px;
    line-height: 30px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    width: 87px;
}

.button_w1 {
background: url("images/cp_btn1.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 75px;
}

.button_w2 {
background: url("images/cp_btn2.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 75px;
}