@charset "utf-8";
/* CSS Document */

body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video { display: block; }
body {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: #fff;
	font-family: "arialn";
}
textarea { resize: none; }
iframe, img { border: 0; }
.mainbox img { max-width: 100%; }
ul, li, ol { list-style: none; }
input, select, textarea {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only;
}
/* input { -webkit-appearance: none; } */
a {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #62b15d;
}
/* 清理浮动 */
.clearfix {
	clear: both;
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }
.wrapper { margin: 0 auto; }
.bgtable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.bgtable td {
	border: 1px solid #ccc;
	line-height: 2;
	padding-left: 10px;
}
/* banner */
.bannerslide { position: relative; }
.bannerslide .swiper-slide {
	background-position: center;
	background-size: cover;
	position: relative;
	height: 920px;
}
.bannerslide .swiper-slide .textbox {
	position: relative;
	top: 250px;
	left: 200px;
	width: 550px; /*background: #fff;*/
	color: #111;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	-webkit-transition: all 0.4s 0.2s;
	transition: all 0.4s 0.2s;
}
.bannerslide .swiper-slide .textbox:after {
	position: absolute;
	content: "";
	background: rgba(255, 255, 255, 0.3);
	width: 1px;
	height: 262px;
	left: -40px;
	top: 45px;
}
.bannerslide .swiper-slide.swiper-slide-active .textbox {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.bannerslide .swiper-slide .textbox .pad {
	padding: 40px 0px;
	padding-bottom: 100px;
}
.bannerslide .swiper-slide .textbox .sub {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0px;
}
.bannerslide .swiper-slide .textbox .tit {
	text-align: left;
	font-size: 40px;
	line-height: 100%;
	margin-bottom: 20px;
	color: #fff;
}
.bannerslide .swiper-slide .textbox .txt {
	text-align: left;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}
.bannerslide .swiper-slide .textbox .btn {
	text-align: center;
	padding: 0px;/*background: rgba(234,237,242,1);*/
}
.bannerslide .swiper-slide .textbox .btn a {
	font-size: 14px;
	line-height: 40px;
	background: rgba(10, 50, 135, 1);
	color: #fff;
	padding: 5px 30px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.bannerslide .swiper-slide .textbox .btn a:hover {
	background: #fff;
	color: #333;
}
.paginationw {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 30px !important;
	width: 100%;
	z-index: 9;
}
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #fcba1e; }
.bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev {
	background-image: url(../img/arrows.png);
	background-size: 80px 60px;
	background-position: -40px 0;
	width: 40px;
	height: 60px;
	margin-top: -30px;
}
.bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next {
	background-image: url(../img/arrows.png);
	background-size: 80px 60px;
	background-position: 0 0;
	width: 40px;
	height: 60px;
	margin-top: -30px;
}
/*顶部*/
.probootstrap_navbar { color: #666; }
.topright {
	width: 370px;
	float: left;
	font-size: 14px;
	font-weight: 500;
	text-align: right;
}
.mobile-inner { display: none; }
/*搜索框*/
#search-nav {
	display: inline;
	position: relative;
	transition: opacity 0.36s ease, height 0.36s ease;
	visibility: visible;
	opacity: 1;
	float: right;
	top: 7px;
}
#search-nav .search_wrap { height: 100%; }
#search-nav .searchOnOff {
	display: block;
	font-size: 17px;
	position: relative;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	color: #fff;
	outline: none;
}
#toggle-search {
	float: right;
	background-position: -40px 0;
}
.header-button {
	background-color: rgba(255, 255, 255, 0);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
	border: none;
	cursor: pointer;
}
#search-form {
	-moz-transition: max-height, 0.5s;
	-o-transition: max-height, 0.5s;
	-webkit-transition: max-height, 0.5s;
	transition: max-height, 0.5s;
	position: absolute;
	top: 18px;
	right: 0;
	max-height: 0;
	overflow: hidden;
	z-index: 9999;
}
#search-form fieldset {
	position: relative;
	padding: 0;
	border: none;
}
#search-form input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: 40px;
	border: none;
	background-color: #ffffff;
	width: 230px;
	padding: 0 20px;
}
#search-form.open {
	max-height: 40px;
	z-index: 999;
}
/* banner下的4个板块 */
.home_box01 {
	box-sizing: border-box;
	width: 100%;
}
.home_box01 .box {
	width: 50%;
	float: left;
}
.box_bg1 {
	background: #d7d9df url(../images/touyin.png) repeat-x top center;
	overflow: hidden;
	height: 425px;
}
.box_bg1 .box_content {
	padding: 60px 60px;
	box-sizing: border-box;
	overflow: hidden;
}
.box_bg1 .box_name {
	float: left;
	width: 50%;
}
.box_bg1 .box_name .name {
	font-size: 60px;
	line-height: 100%;
	font-weight: 700;
	color: #717c87;
	margin-top: 10px;
}
.box_bg1 .box_name .more {
	font-size: 14px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 20px;
	line-height: 200%;
	color: #fff;
	text-align: left;
}
.box_bg1 .box_name .more .familyfont {
	background: #fcba1e;
	padding: 14px 25px;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
}
.box_bg1 .box_text {
	float: left;
	width: 50%;
	margin-top: 8px;
	text-align: right;
}
.box_bg1 .box_text .text_style {
	color: #485464;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 12;
}
.box_bg2 {
	background: #e6e8f0;
	overflow: hidden;
	height: 420px;
}
.box_bg2 .box_content {
	color: #fff;
	padding: 60px 60px;
	box-sizing: border-box;
}
.box_bg2 .box_line {
	display: table;
	width: 100%;
}
.box_bg2 .mrtop { margin-top: 50px; }
.box_bg2 .box_line .box {
	display: table-cell;
	width: 50%;
}
.box_bg2 .box_line .box .boxtxt {
	width: 55%;
	float: left;
}
.box_bg2 .box_line .box .boxtxt .name {
	font-size: 24px;
	font-weight: 700;
	color: #717c87;
	text-transform:uppercase;
}
.box_bg2 .box_line .box .boxtxt .abouttxt {
	font-weight: 400;
	color: #485464;
	margin-top: 10px;
	line-height: 120%;
}
.box_bg3 {
	background: #c6c9cf url(../images/touyin.png) repeat-x top center;
	padding: 40px 60px;
	height: 425px;
}
.box_bg3 .txt {
	font-size: 15px;
	color: #485464;
}
.box_bg3 .model {
	margin-top: 40px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
.box_bg3 .model .m1 {
	border: #afb2b9 1px solid;
	display: table-cell;
	width: 49%;
	float: left;
	margin-right: 2%;
	padding: 30px 40px;
	background: #e6e8f0;
	box-shadow: 5px 5px 5px rgba(3, 1, 0, 0.1);
}
.box_bg3 .model .m1:hover{
	background:#717c87;
	color:#fff;
}
.box_bg3 .model .m1:hover .aa{
	color:#e6e8f0;
}
.box_bg3 .model .m1:hover .bb{
	color:#e6e8f0;
}
.box_bg3 .model .m2:hover{
	background:#717c87;
	color:#fff;
}
.box_bg3 .model .m2:hover .aa{
	color:#e6e8f0;
}
.box_bg3 .model .m2:hover .bb{
	color:#e6e8f0;
}
.box_bg3 .model .m3:hover{
	background:#717c87;
	color:#fff;
}
.box_bg3 .model .m3:hover .aa{
	color:#e6e8f0;
}
.box_bg3 .model .m3:hover .bb{
	color:#e6e8f0;
}
.box_bg3 .model .m4:hover{
	background:#717c87;
	color:#fff;
}
.box_bg3 .model .m4:hover .aa{
	color:#e6e8f0;
}
.box_bg3 .model .m4:hover .bb{
	color:#e6e8f0;
}









.box_bg3 .model .m2 {
	border: #afb2b9 1px solid;
	display: table-cell;
	width: 49%;
	float: left;
	padding: 30px 0px 30px 40px;
	background: #e6e8f0;
	box-shadow: 5px 5px 5px rgba(3, 1, 0, 0.1);
}
.box_bg3 .model .m3 {
	border: #afb2b9 1px solid;
	display: table-cell;
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-top: 2%;
	padding: 30px 40px;
	background: #e6e8f0;
	box-shadow: 5px 5px 5px rgba(3, 1, 0, 0.1);
}
.box_bg3 .model .m4 {
	border: #afb2b9 1px solid;
	display: table-cell;
	width: 49%;
	float: left;
	margin-top: 2%;
	padding: 30px 40px;
	background: #e6e8f0;
	box-shadow: 5px 5px 5px rgba(3, 1, 0, 0.1);
}
.box_bg3 .model .aa {
	font-size: 30px;
	font-weight: 700;
	color: #717c87;
}
.box_bg3 .model .bb { color: #485464; }
.box_bg4 {
	padding: 0px 100px;
	background: #fff url(../images/compimg.jpg) no-repeat center left;
	background-size: cover;
	height: 420px;
}
/* 产品中心 */
.hometitle {
	font-size: 24px;
	font-weight: bold;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	color: #666;
	font-family: "Montserrat";
	font-weight: 700;
	text-transform: uppercase;
}
.hometext {
	font-size: 14px;
	line-height: 160%;
	display: block;
	width: 100%;
	color: #666;
}
.homebox3 {
	background: #6b6c70 url(../images/probga.jpg) repeat-x top center;
	padding-top: 100px;
	padding-bottom: 40px;
}
.homebox3 .hometitle {
	font-size: 60px;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.homebox3 .hometext {
	color: #fff;
	text-align: center;
	margin-top: 20px;
	line-height: 140%;
}
.procontent {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.homebox3 .pro01 {
	padding: 0 40px;
	margin-top: 40px;
	overflow: hidden;
}
.homebox3 .prolist {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 40px;
}
.homebox3 .prolist .fenlei {
	margin: 0 auto;
	width: 1300px;
	text-align: center;
	border-bottom: #7e818a 1px solid;
}
.homebox3 .prolist .fenlei a {
	padding: 0px 20px;
	display: table-cell;
	font-size: 14px;
	font-weight: 600;
	line-height: 40%;
	height: 40px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	position:relative; 
}
.homebox3 .prolist .fenlei a:first-child{ border-bottom: #fcba1e 3px solid;}
.homebox3 .prolist .fenlei a:before {
	content: "";
	position: absolute;
	bottom: 0;	
	left:0;
	width: 0;
	border-bottom: #fcba1e 3px solid;
}
.homebox3 .prolist .fenlei a:hover:before {
   width: 100%;
 }
.procontent .swiper-slide {
	text-align: center;
	font-size: 18px;
	height: calc((100% - 30px) / 2); /* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom: 10px;
}
.procontent .probox21 .item {
	overflow: hidden;
	box-shadow: 10px 10px 5px rgba(3, 1, 0, 0.1);
}
.procontent .probox21 .item a { text-decoration: none; }
.procontent .probox21 .item .pic {
	display: block;
	overflow: hidden;
	cursor: pointer;
}
.procontent .probox21 .item .pic img {
	display: block;
	width: 100%;
	-webkit-transition: all 2s;
}
.procontent .probox21 .item .pic:hover img {
	display: block;
	width: 100%;
	transform: scale(1.1);
}
.procontent .probox21 .item .info {
	background: #e6e8f0;
	padding: 15px 40px;
	text-align: center;
}
.procontent .probox21 .item .info .name {
	font-size: 17px;
	color: #717c87;
	font-weight: 600;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 1;
}
.procontent .probox21 .item .info .text {
	font-size: 14px;
	color: #485464;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
	line-height: 20px;
	overflow: hidden;
	margin: 10px auto;
	text-align: left;
	margin-bottom: 20px;
}
.homebox4 { background: #d7d9df url(../images/showbg.jpg) repeat-x top center; }
.homebox4 .pro01 {
	padding: 0 40px;
	padding-top: 100px;
	padding-bottom: 40px;
}
.homebox4 .box {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.homebox4 .hometitle {
	font-size: 60px;
	line-height: 100%;
	width: 100%;
	display: block;
	margin-bottom: 40px;
	color: #717c87;
	text-align: center;
}
.homebox4 .probox03 {
	font-size: 14px;
	width: 100%;
	display: block;
	color: #485464;
	text-align: left;
	font-weight: normal;
	line-height: 140%;
}
.homebox4 .probox03 .familyfont {
	overflow: hidden;
	text-align: center;
}
.homebox4 .boxitem {
	width: calc(25% - 2px);
	margin-right: 2px;
	margin-top: 50px;
	float: left;
}
.homebox4 .boxitem .img img {
	width: 100%;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.homebox4 .boxitem .text {
	background: #fff;
	padding: 0px 30px;
	font-weight: 600;
	color: #fff;
	font-size: 18px;
}
.homebox4 .boxitem .text .po { position: relative; }
.homebox4 .boxitem .text .po2 {
	position: absolute;
	top: -100px;
	width: 100%;
}
.homebox4 .boxitem .text .name {
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}
.homebox4 .boxitem .text .jiantou {
	float: right;
	text-align: right;
	width: 50%;
}
.homebox5 {
	background: #d3dbe4 url(../images/mapbga.jpg) no-repeat center center;
	padding: 0 0 70px 0;
}
.homebox5 .biaotise {
	text-align: center;
	padding-top: 70px;
	font-size: 60px;
	color: #717c87;
}
.homebox5 .zhengwen {
	text-align: center;
	padding-top: 10px;
	color: #485464;
}
.homebox5 .probox2 {
	margin-top: 50px;
	padding: 0 40px;
	text-align: center;
}
.footer {
	background-color: #676b76;
	padding: 70px 0;
}
.footer dl {
	float: left;
	width: 15%;
}
.footer dl:nth-child(2) { width: 25%; }
.footer dl:nth-child(3) { width: 20%; }
.footer dl:last-child {
	width: 10%;
	float: right;
	text-align: right;
}
.footer dt {
	font-size: 15px;
	padding-bottom: 10px;
	color: #fcba1e;
}
.footer dd a {
	padding-top: 5px;
	line-height: 180%;
	color: #fff;
	text-transform:capitalize;
}
.bottom {
	border-top: #50545d 1px solid;
	font-size: 14px;
	line-height: 160%;
	color: #fff;
	text-decoration: none;
	margin-top: 30px;
	padding-top: 30px;
}
.bottom .fr a {
	border: #a1a6ad 1px solid;
	padding: 10px 20px;
	color: #fff;
	font-size: 14px;
	margin-left: 5px;
}
/*内页*/
.inwrapper {
	width: 1300px;
	margin: 0 auto;
}
.inbanner {
	background: url(../images/inbanner1.jpg) no-repeat top center;
	height: 300px;
	position: relative;
}
.inbanner .inbg {
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 100%;
	background-color: rgba(41, 69, 104, 0.8);
}
.inbanner .inbg .inmenu {
	width: 50%;
	height: 45px;
	float: left;
	margin-top: 15px;
}
.inbanner .inbg .inmenu li {
	float: left;
	width: 24%;
	margin: 0 0.4%;
	height: 45px;
}
.inbanner .inbg .inmenu li a {
	font-size: 13px;
	text-decoration: none;
	color: #555;
	text-align: center;
	display: block;
	background-color: #fff;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	overflow: hidden;
	font-family: "Arial Narrow";
}
.inbanner .inbg .inmenu li a.on {
	background-color: #4394ee;
	color: #fff;
}
.inbanner .inbg .gallmenu { width: 60%; }
.inbanner .inbg .promenu { width: 80%; }
.inbanner .inbg .promenu li { width: 19%; }
.inbanner .inbg .fr {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	height: 45px;
	line-height: 45px;
	margin-top: 15px;
	font-family: "Arial Narrow";
}
.inpage_bg {
	background: #f2f2f2 url(../images/inmainbg.jpg);
	padding: 50px 0;
	background-size: 100%;
	font-family: "Arial Narrow";
}
.inpage_bg01 { background-image: url(../images/inmainbg01.jpg); }
.mainbox, .cen01about {
	background-color: #fff;
	margin: 0px auto;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
	width: 1300px;
	padding: 50px;
	box-sizing: border-box;
	line-height: 25px;
	font-size: 16px;
	color: #666;
}
.cen01abouta {
	background-color: #fff;
	margin: 0px auto;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
	width: 1300px;
	padding: 50px;
	box-sizing: border-box;
	line-height: 25px;
	font-size: 15px;
	color: #666;
}
.cen01about img {
	display: block;
	margin: 18px auto 0;
}
/* 企业文化 */
.mainbox .nywenhuac {
	margin: 25px auto;
	display: flex;
	flex-wrap: wrap;
}
.mainbox .nywenhuac li {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	width: 50%;
	box-sizing: border-box;
}
.mainbox .nywenhuac li .whimga {
	width: 50px;
	margin-right: 20px;
}
.mainbox .nywenhuac li img {
	width: 100%;
	vertical-align: middle;
	margin-top: 2px;
}
.mainbox .nywenhuac li .whnra {
	text-align: left;
	line-height: 22px;
	font-size: 16px;
	flex: 1;
}
.mainbox .nywenhuac li .whnra strong {
	font-size: 15px;
	margin-bottom: 14px;
	display: block;
	background-color: #ff6b01;
	color: #fff;
	padding: 12px;
	width: 200px;
	text-align: center;
	background: #0c4ca4;
}
.mainbox .nywenhuac li:nth-child(2n) .whnra strong { background-color: #0c4ca4; }
/* 企业文化 end */

.nybannera {
	background: url(../images/banner1.jpg) no-repeat top;
	height: 280px;
}
.nybannera .nymenuulbg .nymenuul {
	width: 80%;
	height: 45px;
	float: left;
	margin-top: 15px;
}
.shenmebox {
	overflow: hidden;
	background: url(../img/shenmeimg01x.jpg) no-repeat center;
	color: #fff;
}
.shenmebox .txt {
	float: left;
	width: 65%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding: 45px 60px;
	box-sizing: border-box;
}
.shenmebox .txt .txtw {
	color: #333;
	font-size: 16px;
	line-height: 30px;
	display: block;
}
.shenmebox .img {
	float: right;
	width: 35%;
	margin: 0;
}
.shenmebox .img img {
	width: 100%;
	margin: 0;
}
.shenmelist {
	background: url(../img/shenmeimg02x.jpg) no-repeat center;
	background-size: cover;
	margin: 20px 0;
}
.shenmelist .list {
	overflow: hidden;
	position: relative;
	z-index: 2;
	padding: 80px 0 60px;
}
.shenmelist .list .item {
	float: left;
	width: 25%;
	text-align: center;
	color: #0c4ca4;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.shenmelist .list .item .num strong {
	font-size: 46px;
	font-weight: bold;
	font-family: arial;
	color: #0c4ca4;
}
.shenmelist .list .item .num em {
	font-size: 16px;
	font-style: normal;
	margin-left: 6px;
	color: #0c4ca4;
}
.shenmelist .list .item .txt {
	font-size: 16px;
	opacity: 0.6;
	color: #333;
}
.shenmelist .con {
	background: rgba(255, 255, 255, 0.9);
	padding: 60px 60px;
	font-size: 16px;
	line-height: 2;
	position: relative;
	z-index: 2;
	margin: 0 30px;
}
.shenmelist .con .txt {
	font-size: 17px;
	line-height: 30px;
	color: #333;
	text-align: justify;
}
.shenmelist02 {
	background: url(../img/shenmeimg03x.jpg) no-repeat center;
	background-size: cover;
	margin: 20px 0;
	padding: 120px 50% 120px 0;
}
.shenmelist02 .nam {
	font-size: 22px;
	color: #0c4ca4;
	line-height: 30px;
	text-align: left;
	margin-left: 60px;
	margin-bottom: 20px;
	font-weight: bold;
}
.shenmelist02 .con {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	text-align: justify;
	margin-left: 60px;
}
.shenmelist03 {
	background: url(../img/shenmebg03.jpg) no-repeat center;
	background-size: cover;
	margin: 20px 0;
	padding: 90px 30px;
	overflow: hidden;
}
.shenmelist03 .img {
	float: left;
	width: 60%;
}
.shenmelist03 .img img {
	display: block;
	width: 100%;
	margin: 0;
}
.shenmelist03 .con {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	text-align: justify;
	float: right;
	width: 40%;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 20px;
	text-justify: inter-word;
}
 @media (max-width: 720px) {
.cen01about { padding: 20px; }
.shenmebox {
	background-size: cover;
	padding-top: 30px;
}
.shenmebox .txt {
	float: none;
	width: 100%;
	padding: 20px;
}
.shenmebox .img {
	float: none;
	width: 100%;
}
.shenmelist .list { padding: 30px 0 20px; }
.shenmelist .list .item {
	width: 50%;
	padding: 10px 0;
}
.shenmelist .list .item .num strong { font-size: 36px; }
.shenmelist .list .item .txt { font-size: 12px; }
.shenmelist .con {
	margin: 0 10px;
	padding: 20px;
}
.shenmelist02 { padding: 30px; }
.shenmelist02 .nam { margin-left: 0; }
.shenmelist02 .con { margin-left: 0; }
.shenmelist03 { padding: 30px 20px; }
.shenmelist03 .img {
	float: none;
	width: 100%;
}
.shenmelist03 .con {
	float: none;
	width: 100%;
	padding-left: 0;
}
}
/* 发展历程 */
.xjlicheng { margin: 20px 0; }
.xjlicheng .item {
	float: left;
	width: 25%;
	border-bottom: 6px solid #0c4ca4;
	position: relative;
	box-sizing: border-box;
	padding: 0 0 0 40px;
	margin-bottom: 40px;
}
.xjlicheng .item .conbox {
	border-left: 2px solid #0c4ca4;
	padding: 0 0 80px 20px;
	position: relative;
}
.xjlicheng .item .conbox:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #0c4ca4;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	left: -6px;
}
.xjlicheng .item .conbox:after {
	content: "";
	width: 14px;
	height: 14px;
	background-color: #f00;
	border: 3px solid #0c4ca4;
	border-radius: 50%;
	position: absolute;
	bottom: -9px;
	left: -8px;
}
.xjlicheng .item .conbox .img img {
	display: block;
	width: 100%;
}
.xjlicheng .item .conbox .nam {
	font-size: 16px;
	margin-top: 10px;
	text-align: left;
	line-height: 30px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-align: Justify;
	text-justify: inter-ideograph;
	-webkit-line-clamp: 2;
	height: 60px;
}
.xjlicheng .item .year {
	font-size: 30px;
	font-weight: bold;
	font-family: impact;
	color: #0c4ca4;
	position: absolute;
	left: 60px;
	bottom: 20px;
	overflow: hidden;
}
.xjlicheng .item .year:after {
	display: block;
	content: "";
	position: absolute;
	background: #fff;
	width: 25px;
	height: 80px;
	top: 0;
	left: -45px;
	opacity: 0.3;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: jtfb_nuo 2s infinite;
	animation: jtfb_nuo 2s infinite;
}
@-webkit-keyframes jtfb_nuo { 0% {
 width: 25px;
 left: -45px;
}
 80% {
 width: 45px;
 left: 305px;
}
 100% {
 width: 45px;
 left: 305px;
}
}
@keyframes jtfb_nuo { 0% {
 width: 25px;
 left: -45px;
}
 80% {
 width: 45px;
 left: 305px;
}
 100% {
 width: 45px;
 left: 305px;
}
}
@media (max-width: 720px) {
.cen01abouta {
	padding: 30px 20px;
	box-sizing: border-box;
	width: 100%;
}
.xjlicheng .item {
	float: none;
	width: 100%;
}
}
/* 发展历程 end */

/* 联系我们 */
.xjcontact {
	background: url(../img/contactimgbg.jpg) no-repeat center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 8%;
	background-size: cover;
	overflow: hidden;
}
.xjcontact .nam {
	font-size: 20px;
	font-weight: bold;
	color: #0c4ca4;
	margin-bottom: 20px;
	float: left;
	width: 25%;
	padding-top: 50px;
}
.xjcontact .con {
	float: left;
	width: 55%;
}
.xjcontact .nam img {
	vertical-align: middle;
	margin-right: 8px;
}
.xjcontact .it {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	float: left;
	width: 100%;
}
.xjcontact .it.it2 {
	width: 50%;
	line-height: 32px;
}
.xjcontact .it img {
	vertical-align: middle;
	margin-right: 8px;
}
.xjcontact .xit {
	float: right;
	width: 20%;
}
.xjcontact .xit .qrbox {
	line-height: 40px;
	margin: 0;
	text-align: center;
}
.xjcontact .xit .qrbox img {
	display: block;
	width: 90px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.6);
	padding: 20px;
	box-sizing: content-box;
}
/* 联系我们 end */

/* 留言 */
.xjliuyan {
	padding: 50px 20px;
	background-color: #f1f1f1;
}
.messageconxj {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	font-family: microsoft yahei;
	padding: 0 20px;
}
.messageconxj p {
	margin-bottom: 20px;
	padding: 0;
}
.messagetit {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
}
.messagetarea:focus {
	color: #333;
	outline: none;
	background: #fff;
}
.messageinput:focus {
	color: #333;
	outline: none;
	background: #fff;
}
.messagebtn.btnon {
	width: 50%;
	color: #fff;
	background: #0c4ca4;
}
.messagebtn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.yanzhengma { display: inline; }
input::-webkit-input-placeholder {
 color: #666;
 font-size:14px;
}
.messagecon {
	background: #fff;
	padding: 50px;
	border: 2px solid #eee;
	margin-top: 40px;
	color: #333;
}
.messagecon p {
	margin-bottom: 30px;
	line-height: 24px;
	font-size: 16px;
}
.messagetarea {
	padding: 10px;
	border: 1px solid #dedede;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	resize: none;
	width: 96%;
	height: 90px;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	background: #f8f8f8;
	margin-bottom: 30px;
}
.messageinput {
	width: 27%;
	padding: 10px;
	line-height: 26px;
	font-size: 14px;
	border: 1px solid #dedede;
	margin: 0 5px 0 0;
	color: #666;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	background: #f8f8f8;
	margin-bottom: 30px;
}
.messagebtn {
	width: 30%;
	text-align: center;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	border: 0;
	background: #b8c5ce;
	color: #2d3e50;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 30px;
}
@media (max-width: 720px) {
.nycontent .nywrapper { padding: 30px 20px; }
.xjcontact { padding: 20px 20px; }
.xjcontact .nam {
	float: none;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
.xjcontact .con {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.xjcontact .xit {
	float: none;
	width: 100%;
	text-align: center;
}
.xjcontact .it {
	float: none;
	width: 100%;
}
.xjcontact .it.it2 { width: 100%; }
.messageinput {
	width: 100%;
	float: none;
	box-sizing: border-box;
}
.xjliuyan { padding-bottom: 20px; }
}
/* 留言 end */

/* 证书 */
.honorlist { width: 100%; }
.honorlist li {
	float: left;
	width: 24%;
	margin: 0 0.5%;
}
.honorlist li img {
	width: 90%;
	border: 1px solid #ddd;
	display: block;
	padding: 4px;
	box-sizing: border-box;
}
/* 证书 end */
.digg4 {
	padding: 3px;
	margin: 3px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.digg4 a {
	border: 1px solid #ccdbe4;
	padding: 2px 8px 2px 8px;
	background-position: 50%;
	margin: 2px;
	color: #0061de;
	text-decoration: none;
}
.digg4 a:hover {
	border: 1px solid #2b55af;
	color: #fff;
	background-color: #3666d4;
}
.digg4 a:active {
	border: 1px solid #df9615;
	color: #000000;
}
.digg4 span.current {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	color: #000;
	text-decoration: none;
}
.digg4 span.disabled {
	border: 1px solid #ccdbe4;
	padding: 2px 8px 2px 8px;
	margin: 2px;
	color: #ddd;
}
/* 产品中心 */
.proitem .nypplefta {
	width: 26%;
	margin-right: 3%;
	float: left;
}
.proitem .nypprighta {
	width: 71%;
	float: left;
}
.proitem .nypplefta .nyppulaa.ok { display: block !important; }
.proitem .nypplefta .nypptita {
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	border-top: 2px solid #ef0000;
	text-transform: uppercase;
	margin-top: 4px;
	border-top-width: 0;
	background: #4d8fd6 url(../img/xybg.png) 0 0 repeat-x;
	-webkit-animation: wao 30s linear infinite;
	animation: wao 30s linear infinite;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;
	border-radius: 0 0;
}
.proitem .nypplefta .nypptita:after {
	display: none;
	content: "";
	position: absolute;
	background: #fff;
	width: 25px;
	height: 80px;
	top: 0;
	left: -45px;
	opacity: 0.3;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: jtfb_nuo 2s infinite;
	animation: jtfb_nuo 2s infinite;
}
.proitem .nypplefta .nypptita:hover:after { display: block; }
.proitem .nypplefta .nypptita a {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
	font-family: "Arial Narrow";
	display: block;
	position: relative;
	z-index: 2;
	text-decoration: none;
}
 @-webkit-keyframes wao { 0% {
 background-position: 0 0;
}
 100% {
 background-position: 300px 0;
}
}
@keyframes wao { 0% {
 background-position: 0 0;
}
 100% {
 background-position: 300px 0;
}
}
@-webkit-keyframes jtfb_nuo { 0% {
 width: 25px;
 left: -45px;
}
 80% {
 width: 45px;
 left: 305px;
}
 100% {
 width: 45px;
 left: 305px;
}
}
@keyframes jtfb_nuo { 0% {
 width: 25px;
 left: -45px;
}
 80% {
 width: 45px;
 left: 305px;
}
 100% {
 width: 45px;
 left: 305px;
}
}
.proitem .nypplefta .nyppulaa {
	background: #f9f9f9;
	padding: 10px 15px;
}
.proitem .nypplefta .nyppulaa li {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #333;
	margin: 6px 0;
	position: relative;
	overflow: hidden;
	line-height: 180%;
}
.proitem .nypplefta .nyppulaa li a {
	font-size: 14px;
	text-decoration: none;
	color: #333;
	opacity: 0.8;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.proitem .nypplefta .nyppulaa li:after {
	display: none;
	content: "";
	position: absolute;
	background: #fff;
	width: 25px;
	height: 80px;
	top: 0;
	left: -45px;
	opacity: 0.3;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: jtfb_nuo 2s infinite;
	animation: jtfb_nuo 2s infinite;
}
.proitem .nypplefta .nyppulaa li:hover:after { display: block; }
.proitem .nypplefta .nyppulaa li:hover { background: #4d8fd6; }
.proitem .nypplefta .nyppulaa li:hover a {
	opacity: 1;
	color: #fff;
}
.proitem .nypplefta .nyppulaa li a span { color: #f00; }
.proitem .nypptit {
	font-size: 18px;
	margin-bottom: 40px;
	font-weight: bold;
	color: #000;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.proitem .nypprighta .nyppcccd {
	width: 100%;
	position: relative;
}
.proitem .nypprighta .nyppccc {
	width: 100%;
	box-shadow: 0px 1px 1px #ccc;
	position: relative;
}
.proitem .nypprighta .nyppccc .nyppleft {
	width: 52%;
	float: left;
	position: relative;
	height: 450px;
}
.proitem .nypprighta .nyppccc .nyppleft img {
	width: 100%;
	height: 450px;
}
.proitem .nypprighta .nyppccc .nyppleft .nypplogo {
	position: absolute;
	top: 15px;
	left: 15px;
}
.proitem .nypprighta .nyppccc .nyppleft .nypplogo img {
	width: 127px;
	height: 31px;
}
.proitem .nypprighta .nyppccc .nyppright {
	width: 48%;
	float: left;
	text-align: Justify;
	font-size: 14px;
	line-height: 22px;
	background-color: #f7f7f7;
	padding: 30px 40px;
	box-sizing: border-box;
	min-height: 450px;
}
.proitem .nypprighta .nyppccc .nyppright strong {
	text-transform: uppercase;
	font-size: 17px;
	display: block;
}
.proitem .nypprighta .nyppccc .nyppinn {
	background-color: #F6F6F6;
	padding: 20px;
	margin-top: 30px;
	font-size: 16px;
	box-shadow: 0px 1px 1px #ccc;
	text-align: Justify;
	text-justify: inter-ideograph;
}
.proitem .nypprighta .nyppccc .nyppinn img {
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	margin-right: 8px;
}
.proitem .nypprighta .nyppccc .nyppinn.ku { padding: 20px; }
.proitem .nypprighta .nyppccc .nyppinn.ku .ttablea { margin-top: 0; }
.proitem .nypprighta .nyppccc .nyppinn.ku .ttablea td { text-align: left; }
.proitem .nypprighta .nyppccc .nyppinn.ku .ttablea tr td {
	background-color: #fff;
	text-align: left;
}
.proitem .nypprighta .nyppccc .nyppinn.ku .ttablea tr:nth-child(2n+1) td { background-color: #F3F3F3; }
.proitem .nypprighta .nyppccc .nyppinn.ku .ttablea tr:first-child td {
	background-color: #396cb2;
	line-height: 24px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.mainbox .nypptit {
	font-size: 22px;
	margin-bottom: 40px;
	color: #000;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.ttablea {
	margin: 40px auto 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px;
}
.ttablea td {
	font-size: 14px;
	text-align: left;
	padding: 10px;
}
.ttablea tr:nth-child(2n+1) td { background-color: #F3F3F3; }
.ttablea tr:first-child td {
	background-color: #396cb2;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.ttablea.txtl tr td { text-align: center; }
.ttablea.txtl tr td:first-child { text-align: left; }
.zaixian {
	width: 100%;
	height: auto;
	display: flex;
	margin-bottom: 8px;
}
.zaixian a {
	font-size: 16px;
	line-height: 30px;
	color: #396cb2;
	text-align: center;
	display: block;
	font-weight: normal;
}
.zaixian a.zixun2x { display: none; }
.proitem .nypprighta .nyppccc .nyppright .ppycdh {
	width: 100%;
	height: 278px;
}
.proitem .nypprighta .nyppccc .nyppright .nylyaa {
	height: auto;
	width: 100%;
}
a.ppmorea {
	text-decoration: none;
	color: #396cb2;
	font-size: 16px;
	display: block;
	margin-top: 18px;
	text-align: right;
	position: absolute;
	top: 388px;
	right: 20px;
}
a.ppmorea {
	position: relative;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	font-weight: normal;
	margin-top: 10px;
	text-align: left;
	cursor: pointer;
}
a.ppmorea:hover { opacity: 0.8; }
.buypop {
	position: fixed;
	z-index: 1000;
	width: 400px;
	height: 385px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 40px;
	box-sizing: border-box;
	background: rgba(43, 43, 43, 0.9);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	display: none;
	z-index: 999;
}
.buypop .close {
	width: 56px;
	height: 56px;
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/buy_pop_close.png);
	position: absolute;
	right: 0;
	top: 0;
}
.buypop .nylxly {
	margin: 0px auto 0;
	flex-wrap: wrap;
	justify-content: center;
}
.buypop .nylxly span {
	font-size: 14px;
	line-height: 140%;
	color: #fff;
	display: block;
}
.buypop .nylxly .cen02ly .txta {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #666;
	text-indent: 15px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.buypop .nylxly .cen02ly .txtb {
	height: 50px;
	line-height: 20px;
	width: 100%;
}
.buypop .nylxly .cen02ly .btnaa {
	background: #0c4ca4;
	padding: 10px 20px;
	color: #fff;
	border: 0px;
	margin-top: 20px;
	font-size: 14px;
	display: block;
}
.newsmaincon h3 { cursor: pointer; }
.shao {
	display: none;
	margin-top: 20px;
	font-size: 16px;
	background-color: #f6f6f6;
	padding: 50px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0px 1px 1px #ccc;
}
.proitem .more {
	border-left: 1px solid rgb(222, 222, 222);
	margin-top: 30px;
}
.proitem .more a {
	width: 50%;
	box-sizing: border-box;
	line-height: 60px;
	height: 60px;
	font-size: 16px;
	color: rgb(102, 102, 102);
	display: block;
	float: left;
	border-width: 1px 1px 1px 0px;
	border-style: solid solid solid;
	border-color: rgb(222, 222, 222) rgb(222, 222, 222) rgb(222, 222, 222);
	border-image: initial;
	border-left: 0px;
	text-decoration: none;
	padding: 0px 20px;
	transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	overflow: hidden;
}
.proitem .nypprighta .nyppccc .nyppright .nylyaa li {
	padding: 2px 0;
	border-bottom: 1px dotted #ddd;
	font-size: 15px;
}
.gcallist { overflow: hidden; }
.gcallist .item {
	display: block;
	width: 32.666666%;
	margin-right: 1%;
	margin-bottom: 15px;
	float: left;
}
.gcallist .item img {
	display: block;
	width: 100%;
}
.gcallist .item:nth-child(3n) { margin-right: 0; }
@media (max-width: 1024px) {
	.topright { display: none; }
	.home_box01 .box{ width:100%;}
	.bottom .fr{ display:none;}
	
	.mainbox, .cen01about{ width:100%; padding:20px;}
	.inwrapper{ width:100%;}
	.inbanner .inbg .inmenu{ width:100%;}
	.inbanner .inbg .fr{ display:none;}
	
}
@media (max-width: 768px) {
	.mobile-inner { display: block; }
	.bannerslide .swiper-slide .textbox{ left:100px;}
	.homebox5 .probox2{ display: flex; justify-content: center;}
	.footer dl { width: 40%; margin-top:20px;}
	.footer dl:nth-child(2) {width: 60%;}
	.footer dl:nth-child(3) { width: 40%; }
	.footer dl:last-child { width: 40%; float:left; text-align:left;}
}
@media (max-width: 425px) {
	.bannerslide .swiper-slide .textbox .tit{ font-size:24px;}
	.bannerslide .swiper-slide .textbox{ width:80%;}
	.bannerslide .swiper-slide{ height:500px;}
	.bannerslide .swiper-slide .textbox{ left:50px; top:100px;}
	.bannerslide .swiper-slide .textbox .pad{ padding-bottom:50px;}
	.box_bg1 .box_content,.box_bg2 .box_content,.box_bg3{ padding:30px;}
	.box_bg1 .box_text,.box_bg1 .box_name{ width:100%;}
	.box_bg1,.box_bg2,.box_bg3,.box_bg4{ height:auto;}
	.box_bg1 .box_name .name{ font-size:36px;}
	.box_bg2 .box_line .box{ padding:0 10px;}
	.box_bg2 .box_line .box .boxtxt .name{ font-size:16px;}
	.box_bg2 .box_line .box .boxtxt{ width:100%;}
	.box_bg3 .model .m1,.box_bg3 .model .m2,.box_bg3 .model .m3,.box_bg3 .model .m4{ width:100%; margin:0 2% 2% 0;}
	.homebox3 .hometitle,.homebox4 .hometitle,.homebox5 .biaotise{ font-size:30px;}
	.homebox5 img{ max-width:100%; height:auto;}
	.footer{ padding:40px 0;}
	.footer dl:nth-child(1),.footer dl:nth-child(2),.footer dl:nth-child(3),.footer dl:nth-child(4),.footer dl:nth-child(5){ display:none;}
	.footer dl:last-child{ text-align:center; width:100%;}
	.homebox4 .boxitem{ width:100%; margin-top:20px;}
	
	.proitem .nypplefta{ width:100%;}
	.proitem .nypprighta{ width:100%;  margin-top:15px;}
	.proitem .nypprighta .nyppccc{ overflow:hidden;}
	.gcallist .item{ width:48%; margin:1%;}
	.gcallist .item:nth-child(3n){ margin-right:1%;}
	.honorlist li{ width:48%; margin:1%;}
}