/*************************
*******body******
**************************/
@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: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	height: 100%;
	min-width: 1260px;
	background: #fff;
	max-width: 100%;
	overflow: auto;
	overflow-x: hidden
}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;  -webkit-appearance:none;}
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none; -webkit-appearance:none;  }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化a的样式和字体样式*/
a{ color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none; text-decoration:none; }
a:hover{ color: #000; text-decoration:none; }
ul, li, ol {  list-style-type: none;
}
/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { /*兼容 IE*/ zoom: 1;}
/************全局样式************/
.fl {  float: left;  }
.fr { float: right;  }
/*t图片样式*/
.center-block{display:block;margin-right:auto;margin-left:auto}
img { border: 0px; vertical-align: middle;  }
.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}
.avatar {  display: block;overflow: hidden; width: 100%; }

.avatar img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
.avatar:hover img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2);  }
/*文字超出隐藏*/
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2 {display: -webkit-box;display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*使容器内容垂直居中*/
.ytable{ display:table; width:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.main_box {
	width: 1200px;
	margin: 0 auto;
}

/*-- Header --*/

.header {
	width: 100%;
	overflow: hidden;
}
.header_top {
	width: 100%;
	background:#eee;
	height: 30px;
	line-height:30px;
	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: left
}
.header_top .top_nav .first {

	padding-left: 0;
}
.header_center {
	height: 105px;
	padding-top:10px;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;

}
.header_center .logo {
	float: left;
	width:250px;
	margin-top:10px;

}
.header_center .top_ti {
	float: left;
	padding-top:10px;
	width:650px;

}
.header_center .top_ti b {
	color:#333333;
	font-size:24px;
	font-weight:bold;

}
.header_center .top_ti p{ padding-top: 10px;}
.header_center .top_ti span{ color:#33CDE5}
.header_center .top_ti p {
	color:#666;

	font-size:18px;

}
.header_phone {
	float: right;
	width:200px;
	margin-top:2px;
	text-align:right;
}
.header_phone p {
	color:#666;

	margin-bottom:10px;
	font-size:15px;
}
.header_phone p img{ padding-right:8px;}
.header_phone b{ color:#333; font-size:28px; font-weight:bold; margin-top:0;}
/*导航菜单*/
.navbar{ width: 100%; background:url("../images/navbg.jpg") no-repeat center;height:80px;}
.nav { padding: 0; margin: 0; display: flex; }
.nav li{ width: 171px;	 text-align: center; position: relative;}
.nav li a{ position: relative;
	display:block;
	font-size: 16px;
	line-height: 66px;
	height: 66px;
	margin-top: 14px;
	color: #fff;
	border-right:1px solid #1C558E;
}
.nav li:first-child a{ border-right:none;}
.nav a:hover {
	color: #33CDE5;

}
.nav li:first-child a:hover{ color: #fff;}
/*导航菜单 end*/
/*-- 轮番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: 5%;
	left: 46%;
}
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;
	height:8px;
	width: 40px;
	background: #fff;
}
.callbacks_here a:after {
	background: #0A4173;
}

.more{ text-align:center; width:100%;}
.more a{
	display: block;
	width:100px;
	margin:0 auto;
	border: 1px solid #33CDE5;
	background: none;
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
	font-size: 18px;
	color: #33CDE5;
	margin-top: 40px;
	text-decoration:none;
}
.more a:hover{background:#08B9D3;border-color:#1297d9;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;color:#fff}
/*-- 轮番Slider end--*/
/*关于我们*/
.title{ text-align: center; color: #333; margin: 20px 0;}
.title b{ font-size: 32px; font-weight: bold;}
.title p{ font-size: 18px; padding-top: 10px; }
.about{ margin-top:40px;}
.about_content{ float:right; width:540px; margin-top:30px; overflow: hidden;}
.about_content b{ color:#0A4173; font-size:24px; display: block; margin:40px 0; }
.about_content p{ color:#666; line-height:24px; margin: 20px 0;}
.about_tu{ float:left; width:620px; margin-top: 30px;}
.about_more{ float: right; width: 140px; margin-top: 40px;  text-align: center; background: #0A4173; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.about_more a{ display: block;padding:20px 0;  color: #fff;}
.about_more a:hover{  background:#33CDE5;   }
/*产品中心*/
.product{ margin-top:50px; height: 500px; overflow: hidden;}
.slide-nav {
	float: left;
	width:19%;
	margin-bottom:60px;
	margin-top:30px;
	background:#0A4173;
	padding:50px 0;
	height: 400px;
	overflow: hidden;

}

.slide-nav b{ color:#fff;  font-size:28px; display:block; padding: 15px 30px;   }
.slide-nav p{  color: #fff; padding: 10px 30px; font-size: 13px;}
.line{ width: 90px; height:1px; background: #fff; margin:10px 30px;}
.slide-nav ul {
	list-style: none;
	margin: 0;

	padding: 0;
}
.slide-nav ul li {
	margin:10px 15px;
	overflow: hidden;

}

.slide-nav ul li a {
	text-decoration: none;
	line-height: 50px;
	font-size:16px;
	margin-top:0;
	padding:0 10px;
	display: block;
	color: #fff;
	transition:all 0.3s;

}
.slide-nav ul li a:hover{  color: #33CDE5;}
.slide-nav li ul{ padding: 0; margin: 0;}
.slide-nav li ul li{ margin: 5px 22px;}
.slide-nav li ul li a{ line-height: 32px;}
.slide-content {
	float: left;
	width: 81%;
	height: 500px;
	height: auto;
	margin-top:30px;
	overflow: hidden;


}
.xm_list{ width: 24%;  float: left; border-top: 1px solid #dedede;  border-left: 1px solid #dedede;height: 500px;}
.xm_list:last-child{border-right: 1px solid #dedede;}
.xm_list a{ display: block;}
.xm_list .xm_con{ text-align: center; margin-top: 30px;}
.xm_list .xm_con b{ color: #333; padding: 10px 0; font-size: 18px;}
.xm_list .xm_con p{ color: #666; margin: 15px 10px;}
.xm_list .p_more {
	display: block;
	width:100px;
	margin:0 auto;
	border: 1px solid #33CDE5;
	background: none;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	color: #33CDE5;
	margin-top: 40px;
	text-decoration:none;
}
.xm_list a:hover .p_more{background:#08B9D3;border-color:#1297d9;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;color:#fff}

/*QPQ加工*/
.jiagong{ background: #f1f1f1;  padding-bottom: 60px ; padding-top: 30px;}
.zzsc {
	width: 100%;
	height: auto;
	margin:0px auto;


}
.zzsc .tab {
	overflow: hidden;
	margin-top:30px;

}
.zzsc .tab a {
	display: block;
	font-size:15px;

	width:20%;
	text-align: center;
	line-height: 26px;
	float: left;
	text-decoration: none;
	color: #333;
}
.zzsc .tab a em{  display: block;  }
.zzsc .tab a b{ display: block; margin-top: 10px; font-weight: 500;}
.zzsc .tab a:hover b {

	color: #33CDE5;
	text-decoration: none;

}
.zzsc .tab a.on b{

	color: #33CDE5;
	text-decoration: none;
}
.zzsc .co {
	overflow: hidden;
	margin-top: 20px;

}
.zzsc .co > ul {
	padding:0;
	margin: 0;
}
.zzsc .co li {
	display: none;
	cursor:pointer;
	width:100%;
	position: relative;
	list-style: none;
}
.ys_list{height:400px; overflow: hidden; }
.ys_list dt{ float: left; width:65%;height:400px;overflow: hidden;}
.ys_list dd{ float: right; width:35%;height:400px;background:#0A4173;overflow: hidden; padding: 72px 32px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ys_list dd b{ font-size: 20px; color:#fff; line-height: 30px; margin-bottom: 20px; display: block;}
.ys_list dd b a{ color:#fff;}
.ys_list dd p{ margin-top: 10px; font-size: 14px; line-height: 24px; color:#fff;}

/*服务优势*/
.fwys{  background:#0A4173; padding: 30px 0;}
.fwys_list ul{ overflow: hidden;  margin:30px 0;padding:0;}
.fwys_list ul li img{ height: 80px;}
.fwys_list ul li{ float: left; width:239px;cursor:pointer; border-right:1px solid #12508E; height: 294px; padding: 20px 0;  text-align: center; transition: all 0.3s;}
.fwys_list ul li:last-child{ border-right: none;}
.fwys_list ul li i{ display: block; font-style:normal;  line-height:37px; height: 37px;color: #fff; font-size: 24px; margin-top: 10px;}
.fwys_list ul li span{ display: block; font-size: 16px; color: #fff; line-height: 26px;}
.fwys_list ul li p{ border-top: 1px solid #dedede; margin: 25px; padding-top: 10px; color: #fff; line-height: 24px; text-align:justify; }
.fwys_list ul li:hover{ background:rgba(255,255,255,.3);}
.fwys_list ul li:hover img{ transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transition: transform 1s; }
.fwys_list ul li:hover i{color: #33CDE5;}

.fwys_list ul li span{ display: block; font-size: 16px; color: #fff; line-height: 26px;}
.fwys_list ul li:hover p{ border-top: 1px solid #12508E;}
/*新闻*/
.news_box{ margin-top: 30px;}
.news{ height:550px;overflow: hidden; margin-top: 30px;}
.news_fl{ width:580px;height:498px;overflow: hidden; position: relative; float: left;}

.news_fl dd{position: absolute; bottom:0;left: 0;width:100%;height:125px;background:rgba(10,65,115,0.8);overflow: hidden; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;padding: 15px 30px 0;}
.news_fl dd:hover{background:rgba(10,65,115,1);}
.news_fl dd b{ font-size: 16px; color:#fff; line-height: 24px;}
.news_fl dd p{padding-top: 9px; font-size: 14px; line-height: 24px; color:#fff;}
.news_fl a img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
.news_fl a:hover img {transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3);  }
.news_fr{width:580px; height:498px;overflow: hidden; float: right;}
.news_fr dl{height:150px;background:#f1f1f1; overflow: hidden;margin-bottom: 24px;}
.news_fr dt{ float: right; width:50%;height:150px; overflow: hidden;}
.news_fr dt img{height:150px;}
.news_fr dd{ float: left;margin: 17px -17px 0 17px;height:111px;background: #fff; overflow: hidden;position: relative; width:45%;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;padding: 15px 30px 0 20px;}
.news_fr dd i{display: block; font-size: 12px; color:#b2b2b2; font-style: normal;}
.news_fr dd p{padding: 10px 0; font-size: 14px; line-height: 20px; color:#333333;}
.news_fr dd a{display: block;}
.news_fr dd span{ color: #666; font-size: 13px;}
.news_fr dd:hover{background: #12508E;}
.news_fr dd:hover p, .news_fr dd:hover span{ color: #fff;}
	/*底部footer*/
#footer {
	background: #0A4173;
	margin-top: 80px;
}
.main_foot {
	height: auto;
	padding:60px 0;
}
.main_footdl {
	width: 280px;
	border-right: 1px solid #12508E;
	height: 208px;
}

.main_footdl dt,.main_footd2 dt {
	font-size:20px;
	margin-bottom: 20px;
	color: #fff;
	padding: 0;
	font-weight: bold;
}

.main_footdl dd {
	height: auto;
	overflow: hidden;
	margin-top: 10px
}
.main_footdl dd p {
	line-height: 32px;
	font-size: 16px;
	width: 140px;
	float: left;
}
.main_footdl dd p a{	color: rgba(255,255,255,.8);}

.main_footdl dd p a:hover {
	color: #33CDE5;
}
.main_footd2{
	width: 360px;
	height: 208px;
	padding:0 40px;
	border-right: 1px solid #12508E;}

.main_footd2 p{	color: rgba(255,255,255,.8);line-height: 32px;
	font-size: 16px;}
.main_footd3{ width: 170px; text-align: center; margin-top:40px;}
.main_footd3 dd{ color: rgba(255,255,255,.8); margin-top: 10px;}
.main_foottel {
	width: 300px;
	text-align: center;
	border-right: 1px solid #12508E;
	height: 208px;
}
.main_foottel a {
	height: 32px;
	margin: 20px auto;
	width: 120px;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	line-height: 32px;

	border-radius: 2px;
	color: rgba(255,255,255,.8);
}
.main_foottel a:hover {
	background: #fff;
	color: #33CDE5;
}
.main_foottel b {
	font-size: 28px;
	padding: 0;
	display: block;
	margin: 0;
	color: #fff;
	text-align: center;
}

.main_foottel p {
	padding: 30px 0;
	text-align: center;
	color: rgba(255,255,255,.8);
}
.footer_copy{ padding: 25px 0; text-align: center;color: rgba(255,255,255,.8); border-top: 1px solid #12508E;}
.footer_copy a{color: rgba(255,255,255,.8);}
/*返回顶部*/
.scrollToTop {
	width: 52px;
	height: 52px;
	position: fixed;
	bottom: 5%;
	right: 2%;
	display: none;
	background: #33CDE5;
	color: #ebebeb;
	border-radius: 3px;
	text-align: center;
	line-height: 52px;
	z-index: 999; }
.scrollToTop:hover {
	color: #FFF; }
.scrollToTop:focus {
	color: #FFF; }
/*返回顶部 end*/