﻿/*************************
*******body******
**************************/
body {
	background: #fff;
	font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; 
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; 
	color: #4e4e4e;
}
h1 {
	font-size: 36px;
	color: #fff;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
	color: #787878;
	font-weight: 400;
	line-height: 24px;
}
h4 {
	font-size: 16px;
}
.fl{ float:left;}
.fr{ float:right;}
li{ list-style:none;}
/* 清理浮动 */
.clearfix {
	clear: both;
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*************************
*******菜单******
**************************/

.header {
	width: 100%;
	overflow: hidden;
}
.header_top {
	width: 100%;
	background:#eee;
	height: 30px;
	line-height:30px;
    font-family: 微软雅黑;
    color:#999;
	font-size:12px;
	overflow: hidden;
}

.header_top .top_nav {
	float: right;
	width: 280px;

	
	
}
.header_top .top_nav a {
	padding: 0 12px;
	display:block;
	height:15px;
	line-height:15px;
	margin-top:5px;
	color:#999;
	border-right:1px dotted #eee;
	font-size:12px;
	float: right
}
.header_top .top_nav .first {
	
	padding-left: 0;
}
.header_center {
	height: 135px;
	padding-top:10px;
	overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
 
}
.header_center .logo {
	float: left;
	width:14%;

	margin-top:10px;
	
}
.header_center .top_ti {
	float: left;
	padding-top:10px;
	width:40%;
	
}
.header_center .top_ti h2 {
	color:#333333;
	font-size:24px;
	font-weight:bold;
	
}
.header_center .top_ti span{ color:#DA251C}
.header_center .top_ti p {
	color:#666;

	font-size:18px;
	
	
}

.top_title{float:left; margin-top:18px; }

.top_title h2{ color:#F2F9F2; font-size:16px;}
.top_title p{ font-size:14px; line-height:24px; color:#F2F9F2}

.header_phone {
	float: right;
	width:40%;
	margin-top:2px;
	text-align:right;
}
.header_phone h3 {
	color:#666;

	margin-bottom:10px;
	font-size:15px;
}
.header_phone h3 img{ padding-right:8px;}
.header_phone h2{ color:#DA251C; font-size:28px; font-weight:bold; margin-top:0;}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	
}



.navbar-inverse .navbar-nav > li >img {
    display: block;

	padding-right:4px;
}

.navbar-collapse {
	max-height: 340px;
	padding-left: 0;
	overflow-x: visible;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-overflow-scrolling: touch;
}
.navbar {
	position: relative;
	min-height: 55px;
	margin-bottom: 0px;
	
}
.navbar-nav > li > a {
	margin:0px 0px;

	border-right:1px solid #0386E8;
	   padding-top: 0px;
    padding-bottom: 0px;
    

}
.navbar-nav > li:last-child{ border:none}

.nav > li > a {
	position: relative;
	display: block;
	padding:0px 26px;
	font-size: 15px;
	height:55px;
	line-height:55px;
	
}

.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse {
	background-color:#0179D0;
	border: none;
	
	line-height: 55px;


}

.navbar {
	border-radius: 0px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
   
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover {
	background:url(../images/top/navliBg.png) repeat-x;
	
	color: #fff;
}


.navbar-inverse .navbar-nav > li > a:hover {
	background:url(../images/top/navliBg.png) repeat-x;

	 color:#fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #0179D0;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#fff}.navbar-inverse .navbar-toggle .icon-bar{background-color:#0179D0}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#f90}
/**********轮番***********/
/*-- Slider --*/

.slider {
	position: relative;
	padding: 0;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	border: 0;
}
a.callbacks_nav {
	display: none;
}
ul.callbacks_tabs {

	position: absolute;
	z-index: 9;
	bottom: 2%;
	left: 44%;

}
ul.callbacks_tabs li {
	display: inline-block;
}
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	visibility: visible;
	display: inline-block;
	width:15px;
	height: 15px;
	border-radius:50%;
	float: left;
	margin-left: 10px;

	background: #545454;
}
.callbacks_here a:after {
	background: #DA251C;
}

/*-- //Slider --*/
/*******搜索*********/
.search {
	overflow: hidden;
	width: 100%;
	border-bottom:1px solid #dedede;
	height: 65px;
}
.search p {
	font-size: 14px;
	line-height: 65px;
	display: block;
	
	width: 65%;
	float: left;
	color: #999;
}
.search p a {
	color: #999;
	padding: 0 6px;
}
.search .s_key {
	float: right;
	width: 35%;

	height: 65px;
	
}
.search .s_key input {
	width: 75%;
	height: 34px;
	line-height: 32px;
	font-size: 14px;
	color: #999;
	margin-left:20px;
	padding-left: 10px;
	margin-top:15px;
	
	border:1px solid #dedede;
	
	outline: none;
	float: left;

}
.btn_search{ float:left; background:#232323; color:#fff; width:18%; height:34px;margin-top:15px; background:#232323 url(../images/top/search.png) center no-repeat;}


/*******首页产品********/
.title{ text-align:center; color:#0179D0; font-size:24px; }
.title h2{ font-size:30px; font-weight:bold; background:url(../images/main/kb-tit.png) no-repeat center bottom; padding-bottom:6px;}
.product{ margin-top:50px;}

.title p{ color:#666; font-size:15px;}
.title span{ color:#0179D0}
.mobile_nav{ display:none; }
.mobile_nav ul { padding:0; margin:0; padding-top:25px; }
.mobile_nav ul li{ float:left; width:32.3%; background:#0179D0; margin: 0.5%; }
.mobile_nav ul li a{ color:#fff; display:block; height:50px; text-decoration:none; text-align:center; padding:5px 5px ;}
.slide-nav {
	float: left;

	width: 22%;
	margin-bottom:60px;
	margin-top:30px;
	background:#0179D0;
	padding:20px 0;


	

}

.slide-nav h2{ color:#fff; text-align:center; font-size:28px;  margin-top:10px; padding-bottom:30px;  border-bottom:1px solid #0386E8; }
.slide-nav ul {
	list-style: none;
	margin: 0;
	
	padding: 0;
}
.slide-nav ul li {

  
	font-size:15px;
	margin:10px 15px;
    overflow: hidden;

	border-bottom:1px solid #0386E8;

	
}

.slide-nav ul li a {
	text-decoration: none;

	line-height: 50px;
	font-size:15px;
	margin-top:0;
	padding:0 10px;
	display: block;
	background:#0179D0 url(../images/main/ico1.png) no-repeat;
	  background-position:185px 15px;
	color: #fff;
	transition:all 0.3s;
}
.slide-nav ul li a:hover {
	color: #fff;
	font-weight:bold;
		background:#DE251C url(../images/main/ico1.png)  no-repeat;
		 background-position:185px 15px;
}

.slide-content {
	float: left;
	width: 78%;
	padding-bottom:20px;
	height: auto;
	margin-top:0px;

	
}

.mobbox{ position:relative;}
.ab_fc {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 30px;
	
}
.ab_fc .tab {
	overflow: hidden;
	margin: 0 auto;
	position:absolute;
	top:86%;
	left:88%;

	text-align: center;
	display: table;
}
.ab_fc .tab a {
	display: block;
	font-size:14px;

	text-decoration:none;
	line-height:35px;
	color:#fff;
	height:35px;
	width: 35px;
background:rgba(111,111,111,0.8);
	float: left;
	transition:all 0.3s;
}
.ab_fc .tab a:hover {
	background: #01489A;
}
.ab_fc .tab a.on {
	background:rgba(1,121,208,0.8);
}
.ab_fc .co {
	overflow: hidden;
	margin-top: 20px;
}
.ab_fc .co ul {
	padding: 0;
	margin: 0;
}
.ab_fc .co li {
	display: none;
	list-style: none;
	
}
.pro_left{ width:60%; float:left;background:#f1f1f1; height:487px;}
.pro_left_zi{ padding:0px 70px;}
.pro_left_zi h2{ font-size:24px; color:#333; font-weight:bold; padding-bottom:20px; padding-top:50px;}
.pro_left_zi p{ line-height:28px; color:#666;}
.pro_left_zi span{ border:2px solid #0179D0; margin-top:40px; border-radius:20px; display:block; width:140px; height:45px; line-height:45px; text-align:center; }
.pro_left_zi span a{ color:#0179D0; font-size:15px; display:block;}
.pro_right{ width:40%; float:left;}
/*品质管理*/
.pzgl_ul{ margin-top:80px;}
.pzgl_ul ul{ padding:0; margin:0;}
.pzgl_ul ul li{/* width:19%;*/ width:24%; margin:10px 0.5%; float:left;}
.pzgl_ul ul li a{ color:#666; text-decoration:none;}
.pzgl_ul ul li .pzgl_box{ position:relative; background:#0179D0; height:240px; transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.pzgl_ul ul li a:hover .pzgl_box{ background:#DA251C;}
.pzgl_t { position:absolute; top:-50px; /*left:0%;*/  left:6%;}
.pzgl_t img{ width:60%;}
.pzgl_b{ padding-top:80px;}
.pzgl_b h2{ text-align:center; padding:10px 20px; color:#fff; font-weight:bold;}
.pzgl_b p{ text-align:center; color:#fff; padding:0 20px; line-height:24px; font-size:12px;}
/*产品特点*/
.td{ margin-top:50px; background:#f1f1f1; padding:40px 0; }

/*.listDiv {

  margin:20px auto;
}
 .listDiv .lf {
  -webkit-box-shadow: 0 5px 35px #DDE7F9;
          box-shadow: 0 5px 35px #DDE7F9;
  padding-top: 35px;
  
  height: 290px;
  background:#fff;
  width:31.3%;
  margin:15px 1%;
  float:left;
}
.listDiv .lf img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.listDiv .lf h4 {
  font-size: 22px;
  font-weight:500;
  padding:0 20px;
  text-align: center;
  margin-bottom: 12px;
}
.listDiv .lf p {
  text-align: center;
  font-size: 12px;
    padding:0 20px;
	line-height:24px;
  color: #999;
  margin-bottom: 5px;
}
*/
.zj{ margin-top:50px; }
.td_box{ background:#f1f1f1;}

.td_box .line1{  background:url(../images/main/line1.png) no-repeat bottom right ;  height:68px; }
.td_box .line2{ background:url(../images/main/line2.png) no-repeat left bottom; height:68px;}
.td_box .line3{ background:url(../images/main/line3.png) no-repeat bottom right ; height:38px;}
.td_box .line4{ background:url(../images/main/line4.png) no-repeat left bottom;height:38px;}
.td_box dl{ overflow:hidden; width:372px; }
.td_box dd h5{ font-size:18px; color:#333; font-weight:bold; height:38px; line-height:38px; padding-bottom:7px;}
.td_box dd p{ font-size:14px;  color:#666; line-height:24px; }
.td_box .dz{ left:5px;}
.td_box .dz dt{ float:left;}
.td_box .dz dd{ margin-left:106px;}
.td_box .dr{ right:8px;}
.td_box .dr dt{ float:right;}
.td_box .dr dd{ text-align:right; margin-right:106px;}
.td_box .dx1{ top:45px;}
.td_box .dx2{ top:45px;}
.td_box .dx3{ top:250px;}
.td_box .dx4{ top:250px;}
.td_box .dx5{ top:430px;}
.td_box .dx6{ top:430px;}
/*关于我们*/
.about{  padding-top:40px; color:#666; }
.about p{ padding-top:20px; line-height:28px;}
.about h3{ text-align: center; line-height: 30px; margin-bottom:26px; font-weight: bold;}
.about h3 a.z{font-size:33px;  color:#d32727;}

.about .gy{ width:48%; height:auto;float:right;}
.about .gy dl{ width:100%; height:auto; }
.about .gy dl dt{ height:57px; margin-bottom:28px;}

.about .gy dl dt em{display: block; padding-top:5px;font-style:normal; font-size:27px; color:#222222; font-weight: bold;}
.about .gy dl dt em a{ color:#333; text-decoration:none;}
.about .gy dl dt i{width:70px; height:3px;display: block;background:#d32727;  margin-top:35px;}
.about .gy dl dd{ font-size: 15px; color:#444444;line-height: 28px; padding-top:20px;}
.about .gy dl span{width:159px; margin-top:30px; height:42px; padding-left:38px;background: #0D5AAA; line-height: 42px;  color:#FFF;  display: block;}
.about .gy dl a.q{ background: #0D5AAA url("../images/main/wx.png") no-repeat left; display: block; padding-left:35px;  color:#FFF;}
.about .gc{width:50%; height:312px;float:left; overflow: hidden;}
.about .gc img{ height:302px; transition: all 0.5s linear;}
.about .gc:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.about .zz{ margin-bottom:20px; color:#666;}

.F_c{ display:inline-block;width:100%; background-color:#fff; }
.F_c h3{font-size:16px;margin:0 auto;height:47px;width:40%;font-weight:normal;position: relative;/* top: -57px; */background: #d8d8d8;margin-top: 20px;}
.F_c h3 a{ display:block; width:50%; text-align:center; height:47px; text-decoration:none; line-height:47px;text-align:center; float:left; color:#333}
.F_c h3 a:hover,.F_c h3 a.cur{ background-color:#0179D0; color:#fff}
.F_c .fcBox{position:relative;width:100%;height:250px;margin: 30px auto;}
.F_c .fcCon{ position:absolute; top:0; left:0; display:none}
.F_c .hzCon{ overflow:hidden;position:relative; width:100%; }
.F_c .hzBox{ position:relative; width:1170px; height:300px;  margin:0 auto; overflow:hidden;}
.F_c ul{ position:absolute; top:0; left:0; padding:0; margin:0;}
.F_c ul li{ float:left; width:10%; margin:8px; }
.F_c ul li img{ border:1px solid #e4e3e2;height:250px;}
.F_c ul li span{ display:block; text-align:center; line-height:25px; font-size:14px; color:#666; margin-top: 8px;}

/*case*/
.case{ background:#f1f1f1; margin-top:50px; padding:50px 0;}

.case_box{    width:25%;
    height: 353px; margin-top:40px; float:left; position:relative; overflow:hidden; }
.case_box img { width:100%;  }	
.case_con{ background:#0179D0; padding:20px 10px; margin:0; position:absolute; bottom:20px;width:265px; left:10px; -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;}
.case_box a:hover .case_con {-webkit-transition: all ease 0.4s;
    transition: all ease 0.4s; position:absolute; left:10px; bottom:60px; }
	
.case_title{ font-size:15px; color:#fff; padding:5px 10px; text-align:center; font-weight:bold;}

/*新闻*/
.N_W{ overflow:hidden; width:100%; background:#fff; padding-bottom:10px; margin-top:50px;}
.N_W .nw_tit{ border-bottom:1px solid #ccc; overflow:hidden}
.N_W .nw_tit h2{ float:left; font-size:18px; padding-top:15px;  font-weight:normal}
.N_W .nw_tit h2 a{ width:75px; text-decoration:none;text-align:center; display:block; float:left; margin:0px; color:#333; border-bottom:2px solid #fff; color:#0179D0; font-weight:bold;}
.N_W .nw_tit  a.more{ float:right; font-size:15px; color:#666;  text-decoration:none; margin-top:30px;}

.N_W .nwlt{ float:left; width:58%;}
.news_left{ width:45%; float:left; margin-top:20px; padding-right:30px;}
.news_left h3 a{ color:#333; padding-top:0; font-weight:bold;}
.news_left h3 a:hover{ color:#0179D0}
.news_left span{ color:#999; font-size:12px; }
.news_left p{ line-height:24px; color:#666}
.news_right{ width:55%; float:left; margin-top:20px;}
.day{ width:18%; margin-top:16px; float:left; height:70px; background:#0179D0; color:#fff; text-align:center; line-height:70px; font-size:26px;}
.n_content{ width:80%; float:left;}
.n_content h3 a{ color:#333;line-height:0; font-weight:bold; padding-bottom:8px; padding-left:10px;}
.n_content h3 a:hover{ color:#0179D0}
.n_content p{ color:#999; font-size:14px; padding-left:9px;}
.N_W .nwRt{ float:right; width:35%;}
.N_W .da{ width:100%; position:relative; height:305px; margin-top:15px;overflow:hidden;  }
.N_W .daUl{ position:absolute; top:0; left:0;overflow:hidden; padding:0; margin:0;}

.N_W .daUl li{ padding:12px 0; overflow:hidden; float:left;  width:100%;}
.N_W .daUl li i{ display:block; width:100%; height:11px; background:url(../images/main/nw_line.png) no-repeat left center; margin-top:20px;}
.N_W .daUl li h4{ font-size:14px; font-weight:normal; line-height:28px; background:url(../images/main/newsWen.png) no-repeat left center; padding-left:40px; margin-top:5px}
.N_W .daUl li h4 a{ color:#333}
.N_W .daUl li p{ background:url(../images/main/newsDa.png) no-repeat left 5px; padding-left:40px; line-height:22px; height:66px; font-size:14px; color:#666; overflow:hidden; margin-top:4px;}
.N_W .nwBtn{ float:right; overflow:hidden; margin:15px 0 20px}
.N_W .nwBtn span{ display:block; cursor:pointer; float:left; width:12px; height:12px; background:url(../images/main/newsBtn.png) no-repeat center top; margin:0 5px;}
.N_W .nwBtn span.cur{ background-position:bottom}
.N_W .nwltBox{ width:585px; overflow:hidden; height:336px; position:relative}
.N_W .nwCon{ position:absolute; top:0; left:0; display:none}
.N_W .nwDl{ overflow:hidden; padding:25px 0; position:relative; border-bottom:1px  solid #d8d8d8; width:585px;}

.N_W .nwDl dt{ display:none; width:196px; height:85px; overflow:hidden; border:4px solid #e6e6e6; float:left; margin-left:50px;}
.N_W .wen{ display:none; width:308px; float:right;}
.N_W .wen h3{ font-size:14px; overflow:hidden; margin-top:5px;white-space: nowrap;text-overflow: ellipsis;}
.N_W .wen h3 a{ color:#333}
.N_W .wen p{ line-height:22px; height:44px; overflow:hidden; margin-top:20px;}
.N_W .hcy{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:180px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden; background:#0179D0;border-top:2px solid #fff}
.side_content .side_list h2{ text-align:center; color:#fff; font-size:18px; padding:0 20px; line-height:30px;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{cursor:pointer; text-align:center;}

.show_btn{background:url(../images/footer/sidebar_bg.png) no-repeat;}

.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}


.side_center .qqserver p{ line-height:30px; height:30px; background:#fff; color:#666; padding:0 15px;}
.side_center .qqserver p a{ color:#666; text-decoration:none;}
.side_center .qqserver p a:hover{ color:#DA251C}
.phone{ color:#fff; text-align:center; font-size:16px; }
.show_btn{background-position:-119px 0;}

/*底部开始*/
.g_ft{ padding-top: 50px; background:#27282c; padding-bottom:20px; margin-top:80px;}
.g_ft .m_flogo{float: left;width:40%; }
.g_ft .m_flogo .flogo{height: 97px;}

.g_ft .m_flogo em{display: block;height: 50px;line-height: 40px;background: url(../images/footer/phone.png) no-repeat;padding-left: 54px;font-size: 20px;color: #fff;margin-bottom: 26px;}
.g_ft .m_flogo p{font-size: 14px;line-height: 35px;color: #aaabab;}
.g_ft .m_fnav{float: left;width: 40%; }
.g_ft .m_fnav p a{display: block;float: left;height: 36px;line-height: 36px;font-size: 14px;color: #aaabab; width:50%;}

.ad{font-size: 14px;color: #aaabab; display:block; margin-top:10px;  }
.ad p{ line-height:35px;}
.g_ft .ftcode{float: left;width: 20%; text-align:center; }
.g_ft .ftcode em{display: block;width:100%;height: 130px;margin-bottom: 26px; }
.g_ft .ftcode em img{width: 130px;height: 130px;}
.g_ft .ftcode i{display: block;font-style: normal;height: 24px;line-height: 24px;font-size: 14px;color: #aaabab;margin-bottom: 20px;}
.g_ft .ftcode p{font-size: 14px;color: #aaabab;}
.g_ft .ftcode p a{color: #aaabab;}


/* 友情链接 */
.g_link{ height: 54px;background: #26282b; border-top:1px solid #4E4E4E; }
.g_link h2{ color:#AAABAB; font-size:15px;}
.g_link h2 a{ color:#AAABAB; padding:0 20px;}

/*************底部**************/
.scroll {
	width: 80px;
	height: 80px;
	position: fixed;
	right: 3px;
	bottom: 20px;
	cursor: pointer;
	background: url(../images/footer/top.png) bottom no-repeat;
	height: 42px;
}
.scroll:hover {
	background: url(../images/footer/top.png) top no-repeat;
	height: 42px;
}


/**手机底部导航菜单***/
#bottomNav {
	display:none;
	background: #f5f5f5;
	height: 62px;
	background-repeat: repeat-x;
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	_position: absolute;
}
.bmeum {
	color: #fff;
	text-align: center;
	padding-top: 6px;
}
.bmeum a {
	color: #9C9C9C;
}
.bmeum a:hover {
	text-decoration: none;
	color: #9C9C9C;
}
.bottom_mobile{ width:33%; float:left;}

/*内页 关于我们*/
.now a{ color:#666;}
.current {
	border-bottom: 1px solid #E5E5E5;
}
.titleimg {
	width: 30%;
}
.titleimg .now {
	padding-left: 24px;
	background: url(../images/main/now01.png) no-repeat left center;
	height: 70px;
	line-height: 70px;
	font-size: 14px;
	color: #666;
}
.in_nav {
	width: 70%;
	padding-top: 30px;
	float: right;
}
.in_nav li {
	float: left;
	padding: 0 5px;
	margin: 0 18px;
	min-width: 60px;
	position: relative;
	text-align: center;
}
.in_nav ul {
	float: right;
}
.in_nav li a {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	transition: color 0.3s;
}
.in_nav li .line {
	height: 2px;
	margin-top: 5px;
	background: #0179D0;
	width: 0;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transition: all 0.3s;
}
.in_nav li:hover a, .in_nav li.cur a {
	color: #0179D0;
	font-weight:bold;
}
.in_nav li:hover .line, .in_nav li.cur .line {
	width: 100%;
	left: 0;
}

#page {float:right;padding-right:20px;padding-top:20px;}
#page a{background: #F4FAFB;border: 1px solid #3C8DBC;color: #9CACAF;margin-right: 3px;display: block;float: left;padding: 3px 8px;text-decoration: none;}
#page span.page_current{border:none;background:#367FA9;color: #fff;font-weight: bold;display: block;float: left;padding: 4px 10px;
margin-right: 3px;}

/*走进创杰*/
.gysb{ margin-top:20px; color:#666;}
.gysb h3{ color:#666; line-height:32px;}
.gysb p{ line-height:24px;}
.gysb ul{ padding:0; margin:0;}
.gysb ul li{ width:23%; margin:10px 1%; float:left; text-align:center;}
.honor{ margin-top:20px;}
.honor ul{ padding:0; margin:0;}
.honor ul li{ width:31.3%; margin:10px 1%; float:left; text-align:center;}
.honor ul li img{ border:1px solid #eee; height:500px;}
.honor ul li p{ padding-top:10px;}
.ys_box{ padding-top:30px;}
.ys_box ul{ padding:0; margin:0;}
.ys_box ul li{ width:24%; float:left; margin:10px 0.5%; background:#fff; height:360px; box-shadow:0 0 10px  #ccc;}
.ys_box ul li:hover{ background:#E7E7E7;}

.y_list{ padding:30px; }
.ys_box ul li a{ color:#666; text-decoration:none; display:block; text-align:center;}
.ys_box ul li h2{ color:#333; font-weight:bold;padding:5px 0; line-height:30px; font-size:16px;}
.ys_box ul li p{ line-height:26px; text-align:left;}
/*产品中心*/
.in_pro{ padding-left:30px; margin-top:24px;}
.in_pro ul{ padding:0; margin:0;}
.in_pro ul li{ width:31.3%; float:left; margin:10px 1%}
.in_pro ul li img{ height:200px;}
.in_pro ul li a{ display:block; border:1px solid #E5E5E5; background:#f1f1f1; color:#666; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s;}
.in_pro ul li p{ line-height:30px; text-align:center; padding-top:10px;}
.in_pro ul li a:hover{ text-decoration:none; background:#0179D0; color:#fff;}
.cont { padding:0 20px; color:#fff;}
.cont h3{ text-align:center; padding:10px 15px; background:#fff; color:#0179D0; font-size:18px;}
.cont p{ line-height:24px;}

.productdetail{ margin-top:40px; padding-left:30px;}
.tj {
	width: 100%;
	
	background:#fff;
}
.tj_tu {
	width: 40%;
	float: left;
}
.tj_tu img {
	width: 100%;
}
.tj_zi {
	width: 60%;
	float: right;
}
.tj_zi h2 {
	padding: 0px 30px;
	margin-top:0;
	font-size: 22px;

	color: #333
}
.tj_zi p {
	padding: 0 30px;
	font-size: 15px;
	color: #666;
	line-height: 26px;
}
.p_more {
	background: #0179D0;
	color: #fff;
	display: block;
	width: 90px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 15px;
	float: left;
}
.p_more a {
	color: #fff;
	display: block;
}
.xq{ margin-top:10px;}
.xq h2{ border-bottom:2px solid #0179D0; font-weight:bold; padding-bottom:10px;}
.xq  p{ font-size:14px; color:#666}
.message_box{padding-top: 20px; }
.message_box input{width: 97%;height: 48px;line-height: 48px;padding: 0 0px 0 20px;border: none;border: 1px solid #dedede;font-size: 16px;color: #999999;margin-bottom: 20px;outline: none;font-size: 15px;color: #999999;}
.message_box .input1{background:url(../images/main/l1.png) no-repeat right center; }
 .message_box .input2{background:url(../images/main/l2.png) no-repeat right center;}
.message_box textarea{width: 97%;height: 130px;padding: 0 0px 0 20px;border: none;border: 1px solid #dedede;font-size: 16px;color: #999999;margin-bottom: 20px;outline: none;font-size: 15px;color: #999999;padding-top: 20px; background:url(../images/main/l3.png) no-repeat right 20px;resize: none;}
.message_box a{display:block;text-align: center; float:left; margin-right:10px; width:100px;font-size: 14px;color: #fff;line-height:40px;background: #0179D0;text-decoration: none;}
.more_pro{ margin-top:40px; }
.more_pro h2{  border-bottom:2px solid #0179D0; font-weight:bold; padding-bottom:10px;}
.more_pro ul{ padding:0; margin:0; margin-top:20px;}
.more_pro ul li{ float:left; width:31.3%; margin:10px 1%; text-align:center;}
.more_pro ul li a{ text-decoration:none;}
.more_pro ul li a:hover p{ background:#0179D0; color:#fff;}
.more_pro ul li p{ padding:10px 0; background:#f1f1f1; color:#666;}
/*in news*/
.innews_con { margin-top:0px; padding-left:30px;}
.innews_con .dl_3{ margin-bottom:50px;}
.innews_con dl{ margin-top:10px; }

.innews_con dl.dl_3 dd{ width:100%;  float:left; padding:0px 20px;}
.innews_con dl.dl_3 dd h3 { display:block; font-size:15px;color:#333; border:1px solid #dedede; background:#f1f1f1; font-weight:bold; height:46px; line-height:46px; padding-left:10px; overflow:hidden; margin-top: 10px; white-space: nowrap;text-overflow: ellipsis;  }
.innews_con dl.dl_3 dd h3  a{color:#282828;}
.innews_con dl.dl_3 dd h3 a:hover{ color:#DA0506}
.innews_con dl.dl_3 dd p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:17px 0; }

.innews_con dl.dl_3 dd i{font-style: normal; color:#999; font-size: 14px; margin-top:0px; display: block;}
.innews_con dl.dl_3.cur{ border:1px solid #07923b;}
.innews_con dl.dl_3.cur span a{text-decoration: none; color: #07923b;  border:1px solid #07923b;}
.innews_con h4{ line-height:32px; font-size:15px; color:#666; padding-top:10px; padding-bottom:20px;}
.innews_con h2{ color:#333; text-align:center; }
.innews_con span{ color:#999;}
.innews_con span img{ padding-right:10px; }
.innews_con h5{ padding:10px 0;}
.innews_con h5 a{ color:#999;}
.in_news{ padding:10px; padding-left:30px;}
.in_news h3{ color:#333; text-align:center; font-weight:bold;}
.in_news p{ line-height:28px; padding-top:10px;}
.in_news p a{ color:#666}
.in_news h4{ font-size:13px; color:#999; text-align:center;}
.in_news h4 img{ padding:0 10px;}
.in_news ul{ padding:0; margin:0}
.in_news ul li{ width:46%; float:left; margin:0 1%;}
.in_news ul li a{ color:#666; line-height:28px; display:block; padding:5px 0; border-bottom:1px  dashed #ccc}
.in_news h5{ font-size:15px; color:#333; padding-top:20px; font-weight:bold;}
	
/*contact*/

.in_contact{ background:#fff; padding-bottom:30px;}
.con{ width:50%; letter-spacing:1px; background:#fff; padding:20px 20px;}
.con h2{ color:#333; padding:5px 0; font-weight:bold; }
.con span{ padding-right:20px;}
.con p{ line-height:50px; font-size:15px; border-bottom:1px solid #ddd;}
.con b{ color:#FFAE00}
.contact_fm1 { margin:0; padding:0; margin-top:50px;}
.contact_fm1 li { padding: 0px 7px 14px; position: relative; list-style:none; }
.contact_int { line-height: 42px; height: 44px; width: 100%; border: 1px solid #DEDEDE; color: #666; font-size: 14px; padding: 0px 10px 0px 40px; background:none; border-radius:0.2em; }
.contact_fm1 i { position: absolute; left: 22px; top:15px; color: #0067AC; font-size: 16px;}
.contact_area { height: 120px; width: 100%; border: 1px solid #DEDEDE; padding: 10px 10px 10px 40px; border-radius: 0.2em; background: none; color: #666; font: 14px/24px "微软雅黑"; }
.contactAreabox { position: relative; padding-bottom:40px; margin-top:10px; }
.contactAreabox i { position: absolute; left: 15px; top:17px; color: #0067AC; font-size: 16px; }
.contactBtn { color: #ffd8dc; line-height: 45px; height: 45px; margin-top: 18px; text-align: center; display: block; font-size: 15px;border-radius:0.2em; }
.contactBtn:hover{ color: #ffd8dc; background:rgba(100,16,7,0.6);}
.btn1{  width:79px; height:34px; border:0; margin:30px auto; background:#005BAC; color:#fff;}
.btn2{  width:79px; height:34px; border:0; margin:30px auto;}
/*video*/
.video { text-align:center; margin-top:10px;}
.video ul{ margin:0; padding:0;}
.video ul li{ float:left; width:31.3%; margin:10px 1%}
.video p{ padding:10px 0;}
/*join*/
.zc p{ text-align:center;}
.zc h2{ text-align:center; color:#333; font-size:24px; font-weight:bold; margin-top:0px;}
.zc_zi a:hover{ text-decoration:none;}
.zc_zi{ padding:10px 20px;}
.zc_zi h3{font-size:20px; color:#0179D0; font-weight:bold; }
.zc_tu i{display: block;margin-top: 70px ; float:left; width:30%; font-size: 64px; font-family: Arial; color:#e0e0e0;line-height: 70px;}
.zc_tu span{display: block; float:right; width:68%;}

.zc_box2{ width:50%; float:left;transition: all 0.6s; margin-top:10px; height:360px;}
.zc_zi p{ color:#666; height:60px; text-align:left; line-height:26px; padding-bottom:15px;}
.zc_box2:hover{box-shadow:0 0 10px #B7B7B7;z-index: 10;transform: scale(1.05); }
.zc_box2:hover h3{ color:#134DB0;}
.zc_box2:hover p{ color:#666;}

.jmsq { text-align:center;margin:0 auto;}
.jmsq dl{margin:0 auto; width:70%; text-align:center;}
.jmsq dl dt{border-bottom:1px #ccc solid;height:46px;line-height:46px;text-indent:10px;padding:5px; font-size:18px;}
.jmsq dl dt span{float:right;cursor:pointer;font-size:18px;margin-right:5px;}
.jmsq dl dd{padding:10px 5px 0;text-indent:30px;text-align:left;}

.jmsq input, .jmsq  textarea{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #DDDDDD;
	height:48px;
	margin:10px 0;
	line-height:48px;
	width:80%;color:#999;text-indent:5px;vertical-align:middle;text-align:left;}
.jmsq textarea{ height:87px;line-height:26px;}
.jmsq #msg_vcode{width:80px;}
.jmsq dd img{vertical-align:middle;margin-left:5px;
	height:22px;width:80px;}
.sq_button{
	color: #fff;
	border:1px solid #dce1e6;
	width: 120px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	background:#0179D0;
	font-size:16px;
	margin:0 20px 20px 0;
	overflow: hidden;cursor:pointer;text-indent:0px;}
.cz_button{
	color: #666;
	border:1px solid #dce1e6;
	width: 120px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	background:#ccc;
	font-size:16px;
	margin:0 20px 20px 0;
	overflow: hidden;cursor:pointer;text-indent:0px;}
