/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
	line-height: 1;
	text-align: center;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}
li{list-style: none;}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: #333;
    text-decoration: none;
    font-size: 18px;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*公用*/
.mwidth{width: 1400px;margin: 0 auto;}
.rela{position: relative;}
.abs{position: absolute;}
.block{display: block;}
.none{display: none;}
/*首页*/
.top-con{height: 130px;background: #fff;;}
.top-nav{height: 130px; background: url(../img/logo.png) no-repeat left center; background-size: 480px 130px;}
.top-nav ul{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	height: 100%;
}
.top-nav li a{
	display: block;
	padding: 10px 20px;
}
.top-nav li a.active{
	background: #097fca;
	border-radius: 20px;
	color: #fff;
}
.center-con{width: 100%;background: #097fca;height: 430px;overflow: hidden;}
.more-btn1,.more-btn2,.more-btn3{
	cursor: pointer;
	width: 135px;
	height: 40px;
	display: block;
	top: 856px;
}
.more-btn1{
	left: 254px;
}
.more-btn2{left: 736px}
.more-btn3{left: 1220px;}
.footer-box{background: #333;width: 100%;}
.footer-box2{background: #333;width: 100%;font-size: 16px;color: #acacac;padding-top: 30px;}
.contact-us{width: 100%;min-width: 1400px; height: 50px; background: #333 url(../img/footer-line.png) no-repeat center;}
.contact-con{padding: 55px 15px 80px 15px;display: flex; justify-content:flex-start}
.contact-con p{line-height: 2;}
.contact-con .left{width: 410px;text-align:left;}
.contact-con .center{height: 160px;width: 1px;background: url(../img/line-right.png) center;}
.contact-con .left span{margin-left: 16px;}
.contact-con .right{flex: 1;position: relative;padding-left: 130px;text-align: left;}
.contact-con .right span{margin-left: 50px;}
.guohui{padding-right: 20px;background: url(../img/guohui.png) no-repeat right center;display: inline-block;}
.footer-dw{position: absolute;left: 570px;bottom: 15px;}
/*产品*/
.product-cen{background: #f2f2f2;}
.nav-box{background: #f2f2f2;}
.nav-box ul{display: flex;height: 180px;align-items: center;justify-content: center;}
.nav-box li{font-size: 24px;cursor: pointer;color: #333333;position: relative;padding: 5px 0px; margin-left: 70px;}
.nav-box li.active{color: #097fca;}
.nav-box li.active:after{content: '';position: absolute;width: 100%;height: 2px;background: #097fca;
bottom: 0;left: 0;}
.jgtx-box{height: 580px;background: url(../img/product5.png) no-repeat; background-size: 100% 100%;}
.nav-box2{width: 900px;position: absolute;top: 60px;left: 300px;}
.nav-box2 ul{display: flex;height: 40px;align-items: center;justify-content: space-around;}
.nav-box2 li{font-size: 16px;cursor: pointer;color: #333333;}
.nav-box2 li.active{color: #097fca;}
.img-box img{position: absolute; top: 100px;left: 20px;}
/*客户*/
.client-con{width: 100%;background: #f2f2f2;}
/*招聘*/
.banner{width: 100%; background: #097fca;}
.zp-box{display: flex;justify-content: space-between;padding: 30px 0;}
.zp-box .left{width: 350px;}
.zp-box .left li{color: #999;font-size: 18px;cursor: pointer;border: 1px solid #ebebeb;height: 50px;line-height: 50px;width: 340px;text-align: center;display: block;margin-top: 30px;}
.zp-box .left li:first-child{margin-top: 0;}
.zp-box .left li.active{color: #097fca;border: 1px solid #097fca;}
.zp-box .right{width: 1000px;}
.zp-box .right table{width: 100%;}
.zp-box .right td{border: 1px solid #ebebeb;height: 60px;line-height: 60px;text-align: center;color: #999999;font-size: 16px;}
.c333{color: #333333 !important;font-weight: bold;}
.zb-info{padding: 40px 60px;border: 1px solid #EBEBEB;border-top: none;text-align: left;}
.zb-info p{font-size: 16px;color: #666;line-height: 30px;}
.zb-info p.title{color: #097fca;}
.zb-info pre{color: #666;font-size: 14px;color: #666;line-height: 30px;}
/*关于我们*/
.about-banner{
	width: 100%;
	height: 660px;
	background: url(../img/banner_bg.png) no-repeat;
	background-size: 100% 100%;
}
.about-banner img{position: absolute;top: 50px;right: 100px;}
.about-con{width: 100%; background: #f2f2f2;}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.kjjbj{
    position: absolute;
    width: 200px;
    height: 40px;
    cursor: pointer;
    left: 580px;
    top: 20px;
    z-index: 100;
}