﻿
/* 头部样式
-------------------------------------------------------------*/
.header_box{
	position:relative;
	background:url("header_bg.jpg")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/header_bg.jpg*/ top center repeat-x;
	height:80px;
	width:100%;
	z-index:999;
	}
	
.header{
	height:80px;
	z-index:999;}

.logo{
	float:left;
	height:75px;
	width:60px;
	margin-top:-10px;
	margin-right: 40px;
	}
.logo img{width: 100%;}	
/* search   搜索样式  
--------------------------------------------------------------------*/
.search{
	margin-top:20px;
	background:url("search.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/search.png*/ no-repeat 0 0;
	height:20px;
}
.search input{
	background:none;
	border:none;
	height:18px;
	line-height:18px;
	padding-left:10px;
}
.search a{
	display:block;
	height:18px;
}
.search a:hover{
	text-decoration:none;
}


/* 首页主要内容
------------------------------------------------------------*/	
.index_tab{
	width:1000px;
	}


/* q_nav 首页快捷链接
--------------------------------------------------------------------*/
.q_nav{
	margin-top:30px;
	}

.q_nav ul li{
	float:left;
	width:300px;
	position:relative;
	}

.q_nav ul li .title{
	height:40px;
	}

.q_nav ul li .title .title_box{
	width:250px;
	float:left;
	}

.q_nav ul li .title a{
	line-height:40px;
	font-size:18px;
	color:#7d7d7d;
	}

.q_nav ul li .title a span{
	color:#d2d2d2;
	}

.q_nav ul li .title .more_box{
	margin-top:10px;
	float:right;
	display:block;
	height:20px;
	width:20px;
	background:url("more_btn.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/more_btn.png*/ 0 -20px no-repeat;
	}

.q_nav ul li .title .more_box:hover{
	background:url("more_btn.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/more_btn.png*/ 0 0 no-repeat;
	}

.q_nav ul li .q_nav_img_show{
	width:300px;
	height:150px;
	}

.q_nav ul li .dec_box{
	margin-top:10px;
	padding:10px 0;
	height:85px;
	border-bottom:1px dashed #eeeeee;
	border-top:5px solid #e4007f;
	}

.q_nav ul li .dec_box a{
	color:#999;
	line-height:22px;
	}

.q_nav ul li .dec_box a:hover{
	color:#333;
	}

.q_nav ul li img{
	height:150px;
	width:300px;
	}

.q_nav ul li .q_nav_img{
	left:0px;
	top:0px;
	position:absolute;
	display: none;
	}


/* ind_pro 首页案例
--------------------------------------------------------------------*/
.ind_case{
	}

.ind_case .title{
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	height:60px;
	}
	
.ind_case .title a{
	display:block;
	height:60px;
	width:100%;
	background:url("ind_title1.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_title1.png*/ 0 0 no-repeat;
	}

.ind_case .menu .menu_box{
	height:40px;
	width:200px;
	margin: 0 auto;
	}

.ind_case .menu .menu_box ul li a{
	color:#959595;
	display:block;
	border:1px solid #CCC;
	line-height:32px;
	text-align:center;
	height:32px;
	width:85px;
	}

.ind_case .menu .menu_box ul .on a{
	background:#e4007f;
	color:#fff;
	}

.ind_case .menu .menu_box ul .cur a{
	background:#e4007f;
	color:#fff;
	}

.ind_case_box ul li{
	overflow:hidden;
	height:240px;
	position:relative;
	}

.ind_case_box ul .photo{
	position:relative;
	height:240px;
	width:320px;
	}

.ind_case_box ul .case_dec{
	height:240px;
	width:320px;
	background:url("tou.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/tou.png*/ 0 0 repeat;
	position:absolute;
	top:0px;
	left:0px;
	}

.ind_case_box ul .case_dec .title_box{
	height:30px;
	width:100%;
	position:absolute;
	top:150px;
	}


.ind_case_box ul .case_dec .title_box h2 a{
	line-height:30px;
	font-size:18px;
	color:#FFF;
	text-align:center;
	display:block;
	}

.ind_case_box ul .case_dec .more_box{
	display:block;
	height:50px;
	width:50px;
	margin:70px auto;
	margin-bottom:0px;
	background:url("ind_project_hover.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_project_hover.png*/ 0 0 no-repeat;
	}

.ind_case_box ul li img{
	height:240px;
	width:320px;
	}



/* ind_pro 首页产品
--------------------------------------------------------------------*/
.ind_pro{
	}

.ind_pro .title{
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	height:60px;
	}
	
.ind_pro .title a{
	display:block;
	height:60px;
	width:100%;
	background:url("ind_title2.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_title2.png*/ 0 0 no-repeat;
	}

.ind_pro .menu .menu_box{
	height:40px;
	width:330px;
	margin: 0 auto;
	}

.ind_pro .menu .menu_box ul li a{
	color:#959595;
	display:block;
	border:1px solid #CCC;
	line-height:32px;
	text-align:center;
	height:32px;
	width:85px;
	}

.ind_pro .menu .menu_box ul .on a{
	background:#e4007f;
	color:#fff;
	}

.ind_pro .menu .menu_box ul .cur a{
	background:#e4007f;
	color:#fff;
	}

.ind_pro_box ul li{
	position:relative;
	margin-top:40px;
	height:210px;
	width:480px;
	border:1px solid #eeeeee;
	}
.ind_pro_box ul li:nth-child(odd)
{
float: left;
}
.ind_pro_box ul li:nth-child(even)
{
float: right;
}
.ind_pro_box ul li .img_box{
	height:170px;
	width:170px;
	border:1px solid #CCC;
	}

.ind_pro_box ul li .img_box img{
	height:170px;
	width:170px;
	}

.ind_pro_box .ind_pro_btn{
	height:30px;
	width:30px;
	position:absolute;
	bottom:0px;
	right:0px;
	}

.ind_pro_box .ind_pro_btn a{
	height:30px;
	width:30px;
	display:block;
	background:url("ind_pro_btn.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_pro_btn.png*/ 0 0 no-repeat;
	}

.ind_pro_box h2{
	font-weight:normal;
	}

.ind_pro_box .dec{
	line-height:22px;
	color:#999;
	}

/* m_wnews 首页新闻
--------------------------------------------------------------------*/
.ind_newsbox{
	height:40px;
	position:relative;
	border-bottom:1px solid #eeeeee;
	}

.m_wnews {
	margin:0 auto;
	width:1000px;
	height: 40px; 
	position: relative; 
	zoom: 1; 
	}

.m_wnews a{
	color:#FFF;
	}

.m_wnews .title{
	text-align:center;
	float:left;
	height:40px;
	width:120px;
	padding-left:40px;
	background:url("news_sign.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/news_sign.png*/ 0 0 no-repeat;
	}

.m_wnews .title a{
	line-height:40px;
	color:#000;
	font-size:14px;
	}

.m_wnews .title a span{
	color:#CCC
	}

.m_wnews .multipleLine{
	float:left;
	padding-left:30px;
	width:500px;
	}

.m_wnews .multipleLine .bd{
	width:500px;
	}
	
.m_wnews .multipleLine .bd .ulWrap{
	height:40px;
	}

.m_wnews .multipleLine .bd .ulWrap ul{
	height:40px;
	}
	
.m_wnews .multipleLine .bd li{
	float:left;
	height:40px;
	line-height:40px;
	width:500px;
	padding-right:20px;
	}

.m_wnews .multipleLine .bd li a{
	line-height:40px;
	color:#000;
	color:#666;
	}

.m_wnews .multipleLine .bd li a:hover{
	color: #000;
	}

.m_wnews .multipleLine .bd .time{
	float:right;
	line-height:40px;
	color: #CCC;
	margin-right:50px;
	}

.m_wnews .morebox{
	display:none;
	float:right;
	}

.m_wnews .morebox a{
	line-height:40px;
	color:#CCC;
	}

.m_wnews .morebox a:hover{
	color:#000;
	}

.ind_con_box{
	float:right;
	}


.ind_con_box ul li{
	position:relative;
	margin-right:15px;
	float:left;
	}

.ind_con_box ul li a{
	display:block;
	height:25px;
	width:25px;
	}

.ind_con_box ul .down_box a{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ 0 0 no-repeat;
	}

.ind_con_box ul .down_box a:hover{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ 0 -25px no-repeat;
	}

.ind_con_box ul .weixin_box a{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ -50px 0 no-repeat;
	}

.ind_con_box ul .weixin_box a:hover{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ -50px -25px no-repeat;
	}



.ind_con_box ul .mes_box a{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ -25px 0 no-repeat;
	}

.ind_con_box ul .mes_box a:hover{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ -25px -25px no-repeat;
	}

.ind_con_box ul li .er_box{
	display:none;
	z-index:9999;
	left:-120px;
	top:35px;
	position:absolute;
	}

.ind_con_box ul li .er_box img{
	width:200px;
	height:250px;
	}

.ind_con_box ul li .weixin_er_box{
	display:none;
	z-index:9999;
	left:-160px;
	top:-260px;
	position:absolute;
	}

.ind_con_box ul li .weixin_er_box img{
	width:200px;
	height:250px;
	}

.ind_con_box ul .phone_box a{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ -54px 0 no-repeat;
	}

.ind_con_box ul .phone_box a:hover{
	background:url("ind_icon.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_icon.png*/ -54px -27px no-repeat;
	}



/*新闻中心*/
.ind_newscenter{
	/*margin-top: 600px;*/
	z-index: 1000;
}
.ind_newscenter .news_title a{
    display: block;
    height: 60px;
    width: 100%;
    background: url("ind_title3.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_title3.png*/ 0 0 no-repeat;	
	
}
.date {
    width: 90px;
    height: 90px;
    text-align: center;
    font-family: Arial;
    color: #999;
    margin-right: 15px;
     
}

.date span {
    display: block;
    font-size: 52px;
    line-height: 30px;
    padding-top: 20px;
    margin-bottom: 10px;
    font-family: Arial;
    color: #555;
}
.news .dec_box p{
	font-size: 12px;
}
.news .dec{
border-bottom: 1px dashed #000000;
}
.news .dec:hover{
	background: #CCCCCC;
}


/*合作品牌*/

.ind_partner .hezuo a{
    display: block;
    height: 60px;
    width: 100%;
    background: url("ind_title4.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_title4.png*/ 0 0 no-repeat;	
	
}

/* 底部样式
----------------------------------------------------------------*/

.footer_box{
	padding-top:30px;
	width:100%;
	
	background:#222;
	}

.footer_box .footer a{
	color:#ccc;
	font-size:12px;
	}

.footer .footer_nav{
	width:1000px;
	float:right;
	}

.footer .footer_nav .m{
	float:left;
	}

.footer .footer_nav .m li{
	width:90px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	line-height:22px;
	}

.footer .footer_nav #fm5 li{
	}

.footer .footer_nav .m li a:hover{
	color:#999;
	}

.footer .footer_nav .m .first{
	font-weight:bold;
	}

.footer .footer_nav .m .first a{
	line-height:40px;
	font-size:14px;
	color:#999;
	}

.footer_bottom{
	border-top:1px solid #dadada;
	margin-top:40px;

	width:100%;
	/*height:60px;*/
	}

.footer_bottom_zone{
	
	width:1200px;
	height:100px;
	margin:0 auto;
	}

.footer_bottom_zone .footer_call{
	padding-top:10px;
	text-align: center;
	color: #CCCCCC;
	/*float:left;*/
	/*width:250px;*/
	}

.footer_bottom_zone .copy_right{
	line-height:20px;
	color:#ccc;
	text-align: center;
	}

.footer_bottom_zone .copy_right a{
	color:#ccc;
	}

/* page_menu 内页菜单
--------------------------------------------------------------------*/
.page_menu_wrap{
	width:100%;
	height:50px;
	border-bottom:1px solid #eeeeee;
	}

.page_menu{
	height:50px;
	width:1000px;
	margin:0 auto;
	position:relative;
	}

.page_menu h1{
	line-height:50px;
	font-weight:normal;
	}

.page_menu ul li{
	float:left;
	text-align: center;
	}

.page_menu ul li a{
	color:#999;
	display:block;
	height:30px;
	width:120px;
	line-height:30px;
	margin-top:10px;
	    font-size: 15px;
	}

.page_menu ul li a:hover{
	color:#FFF;
	background:#e4007f;
	}

.page_menu ul .current a{
	color:#FFF;
	background:#e4007f;
	}

/* page_menu2 内页菜单
--------------------------------------------------------------------*/
.page_menu2_wrap{
	width:100%;
	height:30px;
	border-bottom:1px solid #eeeeee;
	}

.page_menu2{
	height:30px;
	width:1000px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #eeeeee;
	}

.page_menu2 h1{
	line-height:30px;
	font-weight:normal;
	}

.page_menu2 ul li{
	float:left;
	}

.page_menu2 ul li a{
	color:#999;
	padding-right:25px;
	line-height:30px;
	}

.page_menu2 ul li a:hover{
	color:#e4007f;
	background:url("pro_hover.jpg")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/pro_hover.jpg*/ bottom center no-repeat;
	}

.page_menu2 ul .current a{
	color:#e4007f;
	background:url("pro_hover.jpg")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/pro_hover.jpg*/ bottom center no-repeat;
	}

/* page_news_list 内页新闻
--------------------------------------------------------------------*/
.page_news_list{
	padding-top:30px;
	width:100%;
	text-align:center;
	position:relative;
	}

.page_news_list .img_box img{
	height:90px;
	width:150px;
	}

.page_news_list .pro_name a {
	color:#000;
	}

.page_news_list ul li:nth-child(odd){
	float: left;
}
.page_news_list ul li:nth-child(even){
	float: right;
}
/* page_case 首页案例
--------------------------------------------------------------------*/
.page_case{
	}

.page_case ul li{
	overflow:hidden;
	height:240px;
	position:relative;
	}

.page_case ul .photo{
	position:relative;
	height:240px;
	width:320px;
	}

.page_case ul .case_dec{
	height:240px;
	width:320px;
	background:url("tou.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/tou.png*/ 0 0 repeat;
	position:absolute;
	top:0px;
	left:0px;
	}

.page_case ul .case_dec .title_box{
	height:30px;
	width:100%;
	position:absolute;
	top:150px;
	}


.page_case ul .case_dec .title_box h2 a{
	line-height:30px;
	font-size:18px;
	color:#FFF;
	text-align:center;
	display:block;
	}

.page_case ul .case_dec .more_box{
	display:block;
	height:50px;
	width:50px;
	margin:70px auto;
	margin-bottom:0px;
	background:url("ind_project_hover.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_project_hover.png*/ 0 0 no-repeat;
	}

.page_case ul li img{
	height:240px;
	width:320px;
	}

/* page_pro 首页产品
--------------------------------------------------------------------*/
.page_pro{
	}

.page_pro .title{
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	height:60px;
	}
	
.page_pro .title a{
	display:block;
	height:60px;
	width:100%;
	background:url("ind_title2.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_title2.png*/ 0 0 no-repeat;
	}

.page_pro .menu .menu_box{
	height:40px;
	width:330px;
	margin: 0 auto;
	}

.page_pro .menu .menu_box ul li a{
	color:#959595;
	display:block;
	border:1px solid #CCC;
	line-height:32px;
	text-align:center;
	height:32px;
	width:85px;
	}

.page_pro .menu .menu_box ul .on a{
	background:#e4007f;
	color:#fff;
	}

.page_pro .menu .menu_box ul .cur a{
	background:#e4007f;
	color:#fff;
	}

.page_pro ul li{
	position:relative;
	margin-top:40px;
	height:210px;
	width:480px;
	border:1px solid #eeeeee;
	}
.page_pro ul li:nth-child(odd){
	float: left;
}
.page_pro ul li:nth-child(even){
	float: right;
}
.ind_pro ul li .img_box{
	height:170px;
	width:170px;
	border:1px solid #CCC;
	}

.page_pro ul li .img_box img{
	height:170px;
	width:170px;
	}

.page_pro .ind_pro_btn{
	height:30px;
	width:30px;
	position:absolute;
	bottom:0px;
	right:0px;
	}

.page_pro .ind_pro_btn a{
	height:30px;
	width:30px;
	display:block;
	background:url("ind_pro_btn.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ind_pro_btn.png*/ 0 0 no-repeat;
	}

.page_pro h2{
	font-weight:normal;
	}

.page_pro .dec{
	line-height:22px;
	color:#999;
	}

.page_pro .dec{
	line-height:22px;
	color:#999;
	}

/* 内页解决方案
--------------------------------------------------------------------*/
.page_project ul li{
	width:278px;
	cursor:pointer;
	height:120px;
	border:1px solid #CCC;
	}

.page_project ul li:hover{
	background:#eeeeee;
	}

.page_project ul li h2{
	line-height:40px;
	}

.page_project ul li .dec_box{
	height:75px;
	overflow:hidden;
	}

.page_project ul li .dec_box a{
	color:#999;
	line-height:22px;
	}


/* picScroll-left   样式  
--------------------------------------------------------------------*/
.picScroll-left{
	width:520px;
	overflow:hidden; 
	position:relative; 
	}
.picScroll-left .hd{ overflow:hidden;
                     position:relative;
					 margin-top:15px;
					 margin-right:20px;
                     width:520px;  
					 height:30px;
					 }
.picScroll-left .hd .prev,.picScroll-left .hd .next{  display: inline;  width:29px; height:29px; overflow:hidden;cursor:pointer; }
.picScroll-left .hd .next{ float:left; margin-left:460px;}
.picScroll-left .hd .prev{ float:right; margin-right:460px;}
.picScroll-left .hd ul{ float:left; overflow:hidden; zoom:1; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin:1px 5px 0px 0px; text-indent:-999px; cursor:pointer; background:url("b_btn1.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/b_btn1.png*/ 0 0 no-repeat; }
.picScroll-left .hd ul li.on{ background:url("b_btn2.png")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/b_btn2.png*/ 0 0 no-repeat;}
.picScroll-left .bd{
	height:170px;
	 }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic img{
	height:150px;
	width:150px;
	}
.picScroll-left .pic{ margin:0px;padding:0px; overflow:hidden; display:inline; width:150px;}

.honor_list li{
	height:270px;
	background:#eeeeee;
	}

.honor_list li.clear{
        display:none;
	}

.honor_list .img_box img{
	height:200px;
	width:200px;
	}




/*新闻列表
--------------------------------------------------------------------*/
.ind_news_list li{
	margin-bottom:10px;
	border-bottom:1px dashed #ddd;
	height:30px;
	line-height:30px;
}
.ind_news_list li.first{
	height:110px;
	line-height:15px;
}
.ind_news_list li a.news_classify{
	
}
.ind_news_list li h4{
	display:inline;
	background:url("ico_1.gif")/*tpa=http://www.jskjuv.cn/templates/cn2014/images/ico_1.gif*/ no-repeat left 4px;
	padding-left:14px;
}
/*内页列表
--------------------------------------------------------------------*/
.news_list ul li.first{
	height:160px;
	line-height:15px;
}
.news_list ul li.first img{
	height:120px;
}
/*资质荣誉列表
--------------------------------------------------------------------*/
.honor_list a img{
	border:solid 1px #ccc;
}
.honor_img_01 a img{
	width:200px;
}
.honor_img_02 a img{
	width:160px;
}
/*首页产品列表图片
--------------------------------------------------------------------*/
.recommend ul li img{
	width:170px;
	height:170px;
}
.recommend ul li{
	text-align:center;
}


/*内页产品列表图片
--------------------------------------------------------------------*/
.products_list .pro_info p{
	line-height:22px;
}
.products_list .pic .Small img{
	width:160px;
	height:160px;
}
/*下载列表图片
--------------------------------------------------------------------*/
.download ul li .pic img{
	width:110px;
	height:110px;
}
/*友情链接列表图片
--------------------------------------------------------------------*/
.Links ul li img{
	width:120px;
	height:50px;
}

/*首页栏目模块
--------------------------------------------------------------------*/
.ind_about{
}

.ind_news{
	height:480px;
	overflow:hidden;
}

.recommend{
	height:250px;
	overflow:hidden;
}


/*首页栏目模块
--------------------------------------------------------------------*/
.Sequence{
	height:22px;
	overflow:hidden;
}
/*招聘按钮
--------------------------------------------------------------------*/
.hr .b_wrap_1, .hr .b_wrap_1_s, .hr .b_wrap_2, .hr .b_wrap_2_s{
	float:right;}
/*排序按钮
--------------------------------------------------------------------*/
.Sequence_r .b_wrap_1, .Sequence_r .b_wrap_1_s, .Sequence_r .b_wrap_2, .Sequence_r .b_wrap_2_s{
	float:right;}


/*分页样式*/




































