@charset "utf-8";
/* CSS Document */

body, div, ol, ul, 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%;
	font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #fff;
}
textarea {
	resize: none;
}
iframe, img {
	border: 0;
}
img{ max-width:100%;}
ul, 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: none;
	color: #62b15d;
}
/* 清理浮动 */
.clearfix {
	clear: both;
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* 全局浮动 */
.fl {
	float: left;
}
.fr {
	float: right;
}


/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar {
width:5px;
height:5px;
}
::-webkit-scrollbar-button:vertical {
display:none;
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#FFF
}
::-webkit-scrollbar-thumb:vertical {
background-color:#c2c2c2;
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#A0A0A0
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#FF6E00
}
.bgtable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.bgtable td {
	border: 1px solid #ccc;
	line-height: 2;
	text-align:center;
}
.boxshadow {
	-moz-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
}
.roundsa {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

/*首页css*/
.container{ padding:0 40px; width:100%; box-sizing:border-box;}
.wrapper {
	margin: 0 auto;
	width: 1200px;
}

.topbar{ border-bottom:#eee 2px solid; height:40px; line-height:40px;}
.topbar .fl{ text-align:left; color:#666; font-size:12px;}
.topbar .fr a{ display:inline-block; color:#666; font-size:12px;}
.topbar .fr .sprict{ color:#ccc; font-size:12px; padding:0 12px;}

/*导航栏*/
.header{ margin:15px 0; position:relative; /*height:50px;*/}
.header .logo{ width:29%; float:left;}
.header .nav{ width:56%; float:left;}
.header .menuBox{ margin:0 auto;}
a.topmenu:link {
	font-family: "Microsoft Yahei", "微软雅黑", "Arial", "Verdana", "sans-serif";
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a.topmenu:visited {
	font-family: "Microsoft Yahei", "微软雅黑", "Arial", "Verdana", "sans-serif";
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a.topmenu:active {
	font-family: "Microsoft Yahei", "微软雅黑", "Arial", "Verdana", "sans-serif";
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a.topmenu:hover {
	font-family: "Microsoft Yahei", "微软雅黑", "Arial", "Verdana", "sans-serif";
	font-size: 14px;
	color: #91c4f9;
	font-weight: bold;
	text-decoration: none;
}

.header .hotline{ width:15%; float:left; text-align:right;}
.header .hotline .txt{ font-size:13px; color:#012a40;}
.header .hotline .txt img{ vertical-align:middle; padding-bottom:4px; padding-right:6px;}
.header .hotline .tel{ font-weight:bold; font-size:17px; font-family:Verdana, Geneva, sans-serif; color:#012a40;}
.header .menu01 {
	display:none;
    max-width: 100px;
    width: 20%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background:url(../images/menu.png) no-repeat center center;
	border-left: 1px solid #ddd;
}
.header .menu01 a {
    display: block;
    height: 100%;
}

/*banner*/
.bannertop{ height:25px; width:100%; background:url(../images/toplinebg.jpg) repeat center center;}
.bannerbackground{  background:url(../images/bannerbg.jpg) repeat-x center center; height:700px;}

.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 620px;}
.bannerslide .swiper-slide a { position: absolute;	left: 0; top: 0; right: 0;	bottom: 0;	display: block;	text-decoration: none;	text-align: center;	color: #fff;}
.paginationw {	position: absolute;	left: 0; text-align: center; bottom: 50px !important; width: 100%;	z-index: 9;}
.swiper-pagination-bullet {	background: #ddd;}
.swiper-pagination-bullet-active { background: #e79601;}
.bannerslide .swiper-button-prev { position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 25px; height: 20px;}
.bannerslide .swiper-button-next { position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 25px; height: 20px;}


/*隐现效果*/
.article-block .pageBoxT2 .hometitle, .article-block .pageBoxT2 .hometext, .article-block .pageBoxT2 .Loomingbox {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}
.articleShow .pageBoxT2 .hometitle, .articleShow .pageBoxT2 .hometext, .articleShow .pageBoxT2 .Loomingbox {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}
.article-block .pageBoxT2 .hometitle {
	transition: all 500ms ease-in-out 0s;
}
.article-block .pageBoxT2 .hometext {
	transition: all 700ms ease-in-out 0s;
}
.article-block .pageBoxT2 .Loomingbox {
	transition: all 900ms ease-in-out 0s;
}

/*通用标题*/
.hometitle {
	font-size: 30px;
	font-weight: bold;
	display: block;
	width: 100%;
	font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	margin-bottom: 10px;
	text-align: center;
	color: #666;
}
.hometext {
	font-size: 14px;
	text-align: center;
	line-height: 160%;
	display: block;
	width: 100%;
	color: #666;
}


/*公司简介*/
.homebox1 {
	background:#FFF url(../img/newb1g.png) no-repeat center center;
	padding-top: 70px;
	padding-bottom: 70px;
}
.compybox{ margin:0 auto; height:100%; width:100%; padding:50px 40px 0px 40px; box-sizing:border-box;}
.compybox .copmpybg{ background:#f4f4f4; height:auto; float:left;}
.compybox .compleft{ width:52%; float:left; text-align:left; background:url(images/line.png) no-repeat bottom right; height:440px;}
.compybox .compleft .textbox{ padding:70px 70px; width:80%;}
.compybox .compleft .textbox .title{ font-size:21px; margin-bottom:30px;}
.compybox .compleft .textbox .text{ margin-bottom:20px;}
.compybox .compleft .more{ width:130px; float:left;  height:40px; line-height:40px; text-align:center; margin-top:30px; background:#012a40;}
.compybox .compleft .more a{ color:#fff;}
.compyright{ width:48%; float:left; background:url(../images/companybg.jpg) no-repeat bottom left; height:440px;}


/*产品展示*/
.homebox2{ background:#f3f8fc; padding:70px 0;}
.probox2 {
	padding-top: 50px;
	padding-bottom: 30px;
	margin-left: 40px;
	margin-right: 40px;
}
.probox2 .item {
}
.probox2 .item:hover a {
	text-decoration: none;
}
.probox2 .item .pic {
	display: block;
}
.probox2 .item .pic img {
	display: block;
	width: 100%;
}
.probox2 .item .info {
	background:#fff;
	padding: 15px 20px;
	text-align: center;
}
.probox2 .item .info .name {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	font-weight:bold;
}
.probox2 .item .info .text {
	font-size: 14px;
	color: #777;
	line-height: 20px;
	height: 56px;
	overflow: hidden;
	margin: 20px auto;
	text-align: center;
	margin-bottom: 0px;
}
.probox2 .item .info .text .box{ width:70px; height:30px; line-height:30px; border:#ccc 1px solid; color:#6c6f73; font-size:12px; margin:0 auto; display:inline-block;}


/*人才招聘*/
.homebox3 {	padding-top: 70px; padding-bottom: 70px; background: url(../images/careerbg.jpg) no-repeat center center; background-size: cover; margin:40px 40px; height:500px;}
.homebox3 .jobtext{ width:550px; display:block; text-align:center; margin:0 auto; margin-top:100px;}
.homebox3 .jobtext .line{ width:16px; height:3px; background:#e79601; display:block; margin:0 auto; margin-bottom:20px;}
.homebox3 .jobtext .en{ line-height:140%; font-size:12px; display:block; text-transform:uppercase; padding-bottom:30px; width:100%; color:#FFF;}
.homebox3 .jobtext .title{ font-size:36px; padding-bottom:10px; display:block; text-align: center; color:#FFF; font-weight:bold; margin-bottom:10px; font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.homebox3 .jobtext .text{ line-height:160%; font-size:14px; display:block; width:100%; color:#FFF; text-align: center; margin-bottom:40px;}
.homebox3 .jobtext .more{ width:140px; height:40px; line-height:40px; text-align:center; margin-top:20px; background:#012a40; font-size:14px; margin:0 auto;}
.homebox3 .jobtext .more a{ color:#fff;}

/*联系我们*/
.homebox4{ background:#f1f8fc; padding:70px 0;}
.homebox4 .hometext{ padding-top:10px;}
.homebox4 .hometext a.active{ padding:10px 21px; background:#012a40; color:#FFF; line-height:20px; margin-bottom:3px; display: inline-block;}
.homebox4 .hometext a{ padding:10px 21px; background:#fff; border-bottom:#dde2e5 1px solid; border-right:#dde2e5 1px solid; line-height:20px; margin-bottom:3px; display: inline-block;}
.contactbox{ padding-top:50px; margin-left:40px; margin-right:40px;}
.contactbox .contbox{ margin:0 auto; margin-top:20px; height:100%;}
.contactbox .contbox .cleft{ width:50%; float:left; text-align:left;}
.contactbox .contbox .cleft .formtext {
	z-index: 0;
	transform-origin: bottom;
	transform: scaleY(1);
	height:516px;
	background:url(../images/contactbgs.jpg) no-repeat center right;
}
.contactbox .contbox .cright{ width:50%; float:left; text-align:left;}
.contactbox .contacttext {
	z-index: 0;
	transform-origin: bottom;
	transform: scaleY(1);
	background: #fff url(../images/lines.png) no-repeat bottom right;
	padding:70px 60px; 
	height:516px; 
	box-sizing:border-box;
}
.contactbox .contacttext .t-20{ margin-bottom:20px;}
.contactbox .contacttext .t-5{ margin-bottom:5px;}
.contactbox .contacttext .t-tel{ font-size:24px; font-weight:bold; margin-bottom:5px; font-family:Verdana, Geneva, sans-serif;}

/*底部*/
.footer {
	background-color: #012a40;
	padding: 60px 0;
	color: #666;
	font-size: 14px;
	line-height: 160%;
	border-top: #e6a501 5px solid;
}
.footer .fotmenu {
	border-bottom: #183a51 1px solid;
	padding: 19px 0 30px 0;
}
.footer .fotmenu ul li {
	float: left;
	padding-right: 20px;
}
.footer .fotmenu ul li img{ padding-right:10px;}
.footer .fotmenu ul li a {
	color: #989da6;
}
.footer .fotmenu ul li:last-child{ padding-right:0;}
.footer .foot {
	margin-top: 20px;
	color:#989da6; 
	text-align:center;
}
.footer .foot ul li {
	float: left;
	background: #0380ff;
	padding: 8px 20px;
	color: #fff;
	margin-left: 10px;
}

@media (max-width: 1200px){
	.container,.wrapper{ width:100%; padding:0 20px; margin:0 auto; box-sizing:border-box;}
	.header .nav{ float:right; width:auto;}
	.header .menuBox{ width:100%;}
	.header .hotline{ display:none;}
	.bannerbackground{ height:580px;}
	.bannerslide .swiper-slide{ height:500px;}
}
@media (max-width: 960px){
	.topbar .fr{ display:none;}
	.header .menu01{ display:block;}
	.header .nav{ display:none;}
	.bannerbackground{ height:430px;}
	.bannerslide .swiper-slide{ height:350px;}
	.compybox .compleft{ width:100%;}
	.compyright{ width:100%;}
	.contactbox .contbox .cleft{ width:100%;}
	.contactbox .contbox .cright{ width:100%;}
	.homebox4 .hometext{ padding-top:0;}
}

@media (max-width: 640px){
	.topbar{ display:none;}
	.header .logo{ width:80%;}
	.header .logo img{ display:block; width:100%;}
	.bannerbackground{ height:250px;}
	.bannerslide .swiper-slide{ height:180px;}
	.hometitle{ font-size:22px;}
	.compybox{ padding:50px 20px 0px 20px;}
	.compybox .compleft .textbox{ width:100%; box-sizing:border-box; padding:30px;}
	.compybox .compleft{ height:auto; padding:30px 0;}
	.homebox3{ height:300px; margin:0;}
	.homebox3 .jobtext{ width:100%; box-sizing:border-box; margin-top:0;}
	.homebox3 .jobtext .title{ font-size:22px;}
	.contactbox{ margin-left:20px; margin-right:20px;}
	.contactbox .contacttext{ height:auto;}
	.footer .fotmenu .fr{ display:none;}
}

/*结束*/


/*内页css*/
.inpage{ background:#e6e6e6; padding-bottom:60px;}
.main{
	max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding: 70px 8% 5% 8%;
    border-radius: 0 0 20px 20px;
}
.main .title{ font-size:30px; font-weight:bold; color:#09153b;}
.main .title span {
    color: #bdbdbd;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    margin-left: 30px;
}
.main .content{
	padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #bdbdbd;
	line-height:30px;
}
.main .content .contact{ float:left; width:30%;}
.main .content .mapbox{ float:right; width:60%;}

/*高德地图*/
#map {
	height: 400px;
	z-index: 4;
}
#map .info {
	border: solid 1px silver;
}
#map div.info-top {
	position: relative;
	border-bottom: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	background: none repeat scroll 0 0 #F9F9F9;
}
#map div.info-top div {
	display: inline-block;
	padding: 0 10px;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 31px;
}
#map div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}
#map div.info-top img:hover {
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
#map div.info-middle {
	padding: 6px;
	font-size: 14px;
	line-height: 20px;
}
#map div.info-bottom {
	clear: both;
	width: 100%;
	height: 0;
	text-align: center;
}
#map div.info-bottom img {
	position: relative;
	z-index: 104;
}
#map span {
	margin-left: 5px;
	font-size: 11px;
}
#map .info-middle img {
	float: left;
	margin-right: 6px;
}

/*人才招聘*/
.job{ padding-top:30px;}
.job .item{ float:left; width:calc(100% - 50px - 60%); margin-right:50px; border-radius:30px; padding:50px; margin-bottom:50px;}
.job .item:nth-child(2n){ margin-right:0;}
.job .item .name{
	font-size: 24px;
    font-weight: bold;
    color: #185abd;
    letter-spacing: 3px;
	margin-bottom:20px;
}
.job .item h3{ color: #185abd; margin-bottom:10px;}
.job .item h3:before{ content:"●"; font-size:14px; padding-right:10px; vertical-align:bottom;}

/*网上订单*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8cec2; color: #333; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagebtn.btnon { background: #42a340; }


/*产品展示*/
.prolist .item{ float:left; width:30%; margin-right:4%; margin-bottom:4%; border:1px solid #eee;}
.prolist .item:nth-child(3n){ margin-right:0;}
.prolist .item:hover a {
	text-decoration: none;
}
.prolist .item .pic {
	display: block;
	overflow:hidden;
}
.prolist .item .pic img {
	display: block;
	width: 100%;
	transition: all .36s ease;
}
.prolist .item:hover .pic img{
	-webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.prolist .item .info {
	background:#fff;
	padding: 15px 20px;
	text-align: center;
}
.prolist .item .info .name {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	font-weight:bold;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	text-transform:capitalize;
}
.prolist .item .info .text {
	font-size: 14px;
	color: #777;
	line-height: 20px;
	height: 56px;
	overflow: hidden;
	margin: 20px auto;
	text-align: center;
	margin-bottom: 0px;
}
.prolist .item .info .text .box{ width:70px; height:30px; line-height:30px; border:#ccc 1px solid; color:#6c6f73; font-size:12px; margin:0 auto; display:inline-block;}

.proshow{}
.proshow .name{ text-align:center; margin-bottom:20px;}
.proshow .name .cn{ text-align:center; font-size:24px; font-weight:bold;}
.proshow .box{ line-height:2;}
.proshow .box .mm{ display:inline; text-align:left; font-weight:bold; color:#054fab; font-size:18px; margin:10px 0;}


/*新闻*/
.innews{ padding-top:30px;}
.innews .item{ border-right:#d7d6d6 1px solid; border-bottom:#c0bebf 1px solid; border-top:#f3f3f3 1px solid; border-left:#f9f9f9 1px solid; margin-bottom:20px; transition: all .6s;}
.innews .item:hover {
    box-shadow: 0 2px 20px rgba(0,0,0,.09);
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
}
.innews .item .pic{ float:left; margin-right:3%; width:25%;}
.innews .item .pic img{ display:block; width:100%; height:auto;}
.innews .item .info{ padding:5% 6%;}
.innews .item .info .name a{
	color: #012a40;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}
.innews .item .info .text{ font-size:14px; line-height:160%; color:#666;}


@media (max-width: 1200px){
	.main{ max-width:inherit; box-sizing:border-box;}
	.prolist .item .info .text{ height:auto;}
	.prolist .item .info .text .box{ margin-bottom:5px;}
}
@media (max-width: 960px){
	.prolist .item{ margin:1%; margin-right:0; width:48%;}
	.job .item{ width:100%; box-sizing:border-box; margin-right:0;}
	.main .content .contact{ width:100%;  margin-bottom:20px;}
	.main .content .mapbox{ width:100%;}
}
@media (max-width: 640px){
	.main .title{ font-size:24px;}
	.prolist .item{ width:100%;}
}