html,body{min-width: 1200px;}
.content{width:1200px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}

.header{width:100%;height: 66px;background: #fff;position: fixed;top: 0;z-index: 11;}
.logo{width: 345px;height: 66px;line-height: 66px;}
.logo img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}
.nav{width: 600px;height: 66px;line-height: 66px;}
.nav .li_nav{float: left;width: 80px;text-align: center;margin-right: 50px;position:relative}
.nav .li_nav:last-child{margin-right: 0;}
.nav .li_nav>a{font-size: 16px;color: #2d2d2d;position: relative;display: block;width: 100%;height: 100%;}
.nav .li_nav.active>a{background: #4072ca;color: #fff;}
.nav .li_nav:hover>a{background: #4072ca;color: #fff;}
.nav .li_nav:hover .select{display:block}
.nav .li_nav .select{width:150px;position:absolute;top:66px;left:50%;margin-left:-75px;background:#fff;padding:13px 10px;box-sizing: border-box;display:none;}
.nav .li_nav .select:after{content:"";border: 8px solid;position:absolute;border-color: transparent transparent #fff transparent;top: -16px;left: 50%;margin-left: -8px;}
.nav .li_nav .select ul{border: 1px dashed #4072ca;box-sizing:border-box;padding:8px;}
.nav .li_nav .select ul li{height:33px;width:100%;line-height:33px;position:relative;font-size:14px;color:#333333}
.nav .li_nav .select ul li:after{content:"";position:absolute;width:5px;height:5px;background:#4072ca;border-radius:50%;left:10px;top:50%;margin-top:-2px}
.nav .li_nav .select ul li:hover{background:#4072ca;}
.nav .li_nav .select ul li:hover a{color:#fff}
.nav .li_nav .select ul li:hover::after{background:#fff}
form.search{margin-left: 80px;width: 170px;height: 100%;margin-top: 17px;position: relative;}
form.search .inputBox{width: 100%;height: 32px;border-radius: 30px;border:1px solid #818181;}
form.search .inputBox input[type=text]{border: 0;width: 120px;padding-left: 15px;font-size: 12px;height: 100%;line-height: 32px;border-bottom-left-radius: 18px;border-top-left-radius: 18px;}
form.search .inputBox input[type=submit]{border:0;width: 34px;height: 34px;position: absolute;right: 0;top: 0;display: inline-block;background: url(../img/searchIcon.png) center center no-repeat;}

.banner{width: 100%;height: 770px;position: relative;}
.banner .swiper-container,.mbanner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-slide,.mbanner .swiper-slide{width: 100%;height: 100%;background-size: cover!important;}
.banner .swiper-pagination,.mbanner .swiper-pagination {bottom: 42px;width: 100%;}
.banner .swiper-pagination-bullet,.mbanner .swiper-pagination-bullet {background: #fff;width: 10px;height: 10px;opacity: 1;margin: 5px 13px !important;cursor: pointer;border-radius: 50%;}
.banner .swiper-pagination-bullet-active,.mbanner .swiper-pagination-bullet-active {background: #4072CA;}
.banner .swiper-button-next{background: url(../img/bannerR.png) center center no-repeat;width: 66px;height: 66px;border:1px solid #fff;border-radius: 50%;right: 50%;margin-right: -633px;}
.banner .swiper-button-next:hover{background:rgba(255,255,255,.2) url(../img/bannerR.png) center center no-repeat;}
.banner .swiper-button-prev{background: url(../img/bannerL.png) center center no-repeat;width: 66px;height: 66px;border:1px solid #fff;border-radius: 50%;left:50%;margin-left:-633px}
.banner .swiper-button-prev:hover{background:rgba(255,255,255,.2) url(../img/bannerL.png) center center no-repeat;}
.banner .Text{margin-left: 80px;width: 1080px;margin-top: 266px;}
.banner .btn{margin-left: 80px;width: 104px;height: 30px;line-height:30px;border-radius: 30px;border:1px solid #fff;font-size: 12px;color: #fff;text-align: center;display: block;margin-top: 40px;display: none!important;}

.mbanner img{width:100%}

.footer{width: 100%;/* height:390px; */overflow: hidden;color: #fff;}
.footMsg{width:100%;/*height: 340px*/background: url(../img/footbk.png) center center no-repeat;padding: 60px 0 0px;box-sizing: border-box;}
.footMsg .left>ul{width: 615px;}
.footMsg .left>ul>li{float: left;padding-right:18px;margin-right: 15px;position: relative;}
.footMsg .left>ul>li:last-child{padding-right: 0;margin-right: 0;}
.footMsg .left>ul>li:after{content: "/";position: absolute;right: 0;top: 0;color: #fff;font-size: 16px;font-weight: 100;}
.footMsg .left>ul>li:last-child::after{content: "";}
.footMsg .left>ul>li a{color: #ffffff;display: block;font-size: 14px;}
.footMsg .left>ul>li ul{margin-top: 10px;}
.footMsg .left>ul>li ul li{line-height: 24px;}
.footMsg .left>ul>li ul li a{font-size: 12px;text-align: center;}
.footMsg .foot_Contact{width: 425px;}
.footMsg .foot_Contact i{width: 100px;height: 29px;line-height: 29px;font-size: 14px;background: #1d1f25;border-radius: 30px;text-align: center;display: block;font-style: normal;}
.footMsg .foot_Contact .info{margin-top: 5px;}
.footMsg .foot_Contact .info p{padding-left: 20px;position: relative;line-height: 24px;font-size: 12px;}
.footMsg .foot_Contact .info p:after{content: "";width: 5px;height: 5px;position: absolute;left:8px;top: 10px;border-radius: 50%;background: #1d1f25;}
.footMsg .codeBox{width: 156px;}
.footMsg .codeBox .Img{width: 100%;height: 156px;border-radius: 5px;overflow: hidden;}
.footMsg .codeBox p{font-size: 14px;color: #fff;margin: 10px 0;line-height: 16px;text-align: center;}
.footMsg .links{margin: 30px 0 47px;display: none;}
.footMsg .links div{display: inline-block;vertical-align: middle;margin-left: 15px;}
.footMsg .links i{width: 100px;height: 29px;line-height: 29px;font-size: 14px;background: #1d1f25;border-radius: 30px;text-align: center;display: inline-block;font-style: normal;}
.footMsg .links a{float: left;padding-right:18px;margin-right: 15px;position: relative;color: #fff;font-size: 14px;}
.footMsg .links a:last-child{padding-right: 0;margin-right: 0;}
.footMsg .links a:after{content: "/";position: absolute;right: 0;top: 0;color: #fff;font-size: 16px;font-weight: 100;}
.footMsg .links a:last-child::after{content: "";}
.copyRight{text-align: center;color: #f5f7fb;font-size: 12px;padding: 15px 0;line-height: 20px;overflow: hidden;background: #1d1f25;}
.mfootLink{display:none}
@media only screen and (max-width: 880px) {
	html, body{width:100%;min-width:0}
	.content{width:100%}
	.header{height:12vw}
	.header .logo{line-height:12vw;height: 12vw;width: auto;width: 85%;background:#fff;max-height: 100%;}
	.header .logo *{height: 100%;}
	.header .logo img{height: 70%;margin-left: 4vw;/* width: auto; */}
	.menu{width: 9vw;height:12vw;float:right;padding-right: 4vw;background: url(../img/menu.png) center center no-repeat;background-size: 5vw;}
	.nav{display:none;width: 100%;height: auto;background: #f4f8ff;padding: 3vw 4vw;box-sizing: border-box;}
	.nav>ul{width:100%;border: 1px dashed #4072ca;box-sizing:border-box;padding:8px;}
	.nav .li_nav{width:100%;float: none;text-align: left;background: #f4f8ff;/* height:10vw; */line-height:10vw;}
	.nav .li_nav>a{padding-left:7vw;box-sizing:border-box;position:relative}
	.nav .li_nav>a:after{position:absolute;width:1.6vw;height:1.6vw;content:"";background:#4072ca;left:3vw;top:50%;margin-top:-0.8vw;border-radius:50%;}
	.nav .li_nav.active>a:after{background:#fff}
	.nav .li_nav:hover>a:after{background:#fff}
	.nav .li_nav .select{position:static;width:100%;left: 0;margin-left: 0;margin-top: 2vw;background: #e9f0fb;padding: 1vw 0 1vw 7vw;}
	.nav .li_nav:hover .select{display:none}
	.nav .li_nav.active .select{display:block}
	.nav .li_nav .select:after{display:none}
	.nav .li_nav .select ul{border:0;padding: 0;}
	.nav .li_nav .select ul li:after{display:none}
	.nav .li_nav .select ul li a{font-size:16px;color: #777777;display: block;}
	.nav .li_nav .select ul li:hover{background:none;}
	.nav .li_nav .select ul li:hover a{color:#4072ca}
	.nav .li_nav .select ul li.active{background:none;}
    .nav .li_nav .select ul li.active a{color:#4072ca}
	form.search{display:none}

	.mbanner{height: 51vw;width:100%;margin-top: 12vw;position: relative;}
	.mbanner .swiper-pagination{bottom:2vw;}
	.mbanner .swiper-pagination-bullet{margin: 0 1vw!important;width: 7px;height: 7px;}
	.mbanner .Text{margin-left: 8vw;width: 100%;margin-top: 6vw;}
    //.mbanner .btn{margin-left:8vw;width: 20vw;height: 6vw;line-height: 6vw;border-radius: 5px;border:1px solid #fff;font-size: 10px;color: #fff;text-align: center;display: block;margin-top: 4vw;}
	.mbanner .btn{margin-left:8vw;width: 20vw;height: 6vw;line-height: 6vw;border-radius: 5px;border:1px solid #fff;font-size: 10px;color: #fff;text-align: center;display: block;margin-top: 4vw;display: none!important;}

	.footMsg{background-position:left center;padding: 4vw 0 5vw;}
	.footMsg .content{padding:0 4vw;box-sizing:border-box;display: flex;display: -webkit-flex;align-items: center;}
	.footMsg .left{display:none}
	.footMsg .foot_Contact{display:block;width:60%}
	.footMsg .codeBox{width: 25%;margin-left: 13%;vertical-align: middle;}
	.footMsg .codeBox .Img{height:auto;text-align: right;}
	.footMsg .codeBox .Img img{width: 100%;}
	.footMsg .codeBox p{font-size:12px;}

	.copyRight{color:#999}
	.mfootLink{display:flex;display:-webkit-flex;justify-content:space-around;}
	.mfootLink a{padding:25px 0 0;line-height:20px;margin:2vw 0 1vw;font-size:14px}
	.mfootLink a.about{background:url(../img/m1.png) center top no-repeat;background-size:40%}
	.mfootLink a.contact{background:url(../img/m2.png) center top no-repeat;background-size:40%}
	.mfootLink a.tel{background:url(../img/m3.png) center top no-repeat;background-size:35%}
	.mfootLink a.employ{background:url(../img/m4.png) center top no-repeat;background-size:40%}
}