﻿.content{width: 1200px;margin: 0 auto;position: relative;}

/*.wrap{background:#f0f0f0}*/
.header{position:relative;/* background: #fff; */height: 95px;display: flex;justify-content: space-between;/* position: absolute; */z-index: 99;width: 100%;border-bottom: 1px solid #f1f1f1;top: 0;/* position: fixed; */margin-bottom: 15px;}
.header .content{display:flex;justify-content: space-between;/* height: 195px; */}
.header .logoBox{width: 238px;line-height: 90px;position: absolute;left: 50%;transform: translateX(-50%);height: 121px;text-align: center;box-shadow: 0 2px 5px rgba(185,185,185,0.25);background: #fff;}
.header .logoBox .logo{width:227px;height:132px;box-shadow: 0 2px 2px rgba(185,185,185,0.44);position: absolute;left: 50%;transform: translateX(-50%);background: #fff;display: block;line-height: 132px;}
.header .logoBox .logo i{width:227px;display:block;overflow:hidden;height: 145px;position: absolute;top: 0;}
.header .logoBox .logo i:after{position:absolute;content:"";width:240px;height:40px;background:#fff;border-radius:50%;bottom: 0;left:-7px;z-index: -1;}
.header .logoBox .logo img{max-width:100%;max-height:100%;vertical-align:middle;display:inline-block}
.header .nav {width: 823px;width: 1200px;}
.header .nav ul{display:flex;height: 60px;justify-content: space-between;margin-top: 30px;}
.header .nav ul li{position:relative;width: 130px;}
.header .nav ul li>a{display:block;line-height: 57px;color: #333333;font-size: 14px;box-sizing:border-box;text-align: center;color: #434343;box-sizing: border-box;}
.header .nav ul li:hover>a{color:#f4c22d}
.header .nav ul li.active>a{color:#f4c22d}
.header .nav ul li:nth-child(4){margin-right: 120px;}
.header .nav ul li:nth-child(5){margin-left: 120px;}
.header .nav ul li a:after{content:"";position:absolute;width:11px;height:9px;display:block;background:url(../img/icon.png);/* right: -20px; */top:calc(50% - 7px);right: -5px;}
.header .nav ul li:nth-child(4n) a:after{display:none}
/* .header .nav ul li:hover dl{display:block} */
.header .nav ul li dl{background:rgba(25, 42, 137, 0.84);overflow:hidden;display:none}
.header .nav ul li dl dd{padding:0 10px}
.header .nav ul li dl dd a{color:#eee;display:block;line-height: 35px;font-size: 13px;box-sizing:border-box;text-align: center;box-sizing: border-box;/* border-bottom:1px dashed #ccc; */}
.header .nav ul li dl dd:last-child a{border-bottom:0}
.header .nav ul li dl dd:hover{background:#1d53bd;}
.header .nav ul li dl dd:hover a{color:#fff}
.header .nav ul li dl dd.active1{background:#1d53bd;}
.header .nav ul li dl dd.active1 a{color:#fff}
.menu{display: none;}

.banner{width: 100%;/* height: 600px; */position: relative;}
.banner img{width:100%;}
.bannerPC{display: block}
.bannerM{display: none}
.banner .content{line-height:700px}
.banner .Txt{/* padding:40px 30px 30px; *//* background:rgba(66,152,204,0.9); */display:inline-block;line-height:80px;width: 100%;}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{width: 100%;height: 100%;}
.banner .swiper-pagination span{border:1px solid rgba(255,255,255,0.53);background:transparent;box-sizing:border-box}
.banner .swiper-pagination .swiper-pagination-bullet{opacity:1}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,0.53);border:0}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:13px}
.banner .swiper-slide{background-size:cover!important}


.footer{/* height:425px; */background:#313131;}
.footer .footHead{padding:46px 0 40px;text-align:center;border-bottom:1px solid rgba(255,255,255,.15)}
.footer .footNav{display:flex;border-bottom:1px solid rgba(255,255,255,.15)}
.footer .footNav>div{width:400px;margin:25px 0 40px;border-right:1px solid rgba(255,255,255,.15)}
.footer .footNav .left{display:flex;justify-content:space-between}
/* .footer .footNav .left a{display:inline-block;width:128px;height:128px;margin-right:24px;line-height:128px;text-align:center;background:#fff;overflow: hidden;} */
.footer .footNav .left a img{max-width:100%;max-height:100%;vertical-align:middle;-webkit-filter: grayscale(0%);}
.footer .footNav .code{width:128px}
.footer .footNav .link{width:240px;padding-top: 30px;}
.footer .footNav .link p{font-size:14px;color:rgba(255,255,255,.5);margin-bottom: 20px;}
.footer .footNav .link a{display:inline-block;width:33px;height:33px;margin-right:20px}
.footer .footNav .middle ul{margin-left: 40px;color: rgba(255,255,255,.57);font-size: 12px;margin-top: 18px;}
.footer .footNav .middle ul li{display:flex;font-size: 12px;background: url(../img/footIcon.png) left 0 no-repeat!important;margin:10px 0;}
.footer .footNav .middle ul li span{padding-left:38px;display: block;width: 80px;line-height: 20px;box-sizing: border-box;}
.footer .footNav .middle ul li:nth-child(2){background-position-y: -32px!important;}
.footer .footNav .middle ul li:nth-child(3){background-position-y: -62px!important;}
.footer .footNav .middle ul li:nth-child(4){background-position-y: -94px!important;}
/* .footer .footNav .middle ul li:nth-child(1){background:url(../img/address.png) left 0 no-repeat}
.footer .footNav .middle ul li:nth-child(3){background:url(../img/tel.png) left 0 no-repeat} */
.footer .footNav .middle ul li p{line-height:22px;width: calc(100% - 120px);}
.footer .footNav .right{padding-left: 47px;box-sizing:border-box;padding-top:20px;color:rgba(255,255,255,.57);border-right:0;}
.footer .footNav .right p{margin-bottom:18px;font-size:12px;}
.footer .footNav .right a{width:276px;height:24px;margin-bottom:20px;color: rgba(255,255,255,.5);background:#313131;border:1px solid rgba(255,255,255,.07);padding:0 17px;line-height:23px;box-sizing:border-box;font-size: 11px;display: block;width: 84px;height: 22px;margin-right: 26px;display: inline-block;padding: 0;text-align: center;line-height: 22px;font-size: 12px;}
.footer .footNav .right a:hover{color:#f4c22d}
.copyright{font-size:12px;color: rgba(255,255,255,.27);line-height: 64px;font-family: "arial";display: flex;justify-content: space-between;}
.copyright a{color: rgba(255,255,255,.27);}
.copyright a:hover{color:#ccc}
@media only screen and (max-width: 880px) {


	body{min-width: auto;}
	.content{width: 100%;}
    .header{border-top:0;height: 15.3vw;border-bottom: 1px solid #ececec;/* border-bottom: 0; */position: fixed;}
	.header .content{/* display:block */position: relative;}
	.header .logoBox .logo{line-height: 14vw;height: 15.3vw;border-right: 0;text-align: right;box-shadow: none;position: unset;transform: translateX(0);width: auto;padding-right: 5vw;}
	.header .logoBox .logo img{max-height: 10vw;/* height: 30%; */}
	.header .logoBox .logo i{display:none}
	.right{float:none;/* display: none; */}
	.header .lang{border-bottom:0;width: 32vw;line-height: 15.3vw;}
	.header .lang a{margin:0 5px}
	.header .nav{display:none;width: 100%;position: absolute;top: 16vw;z-index: 11;background: #000000;top: 15.3vw;left: 0;width: 100%;background: #252930;border-top: 1px solid;border-top: 1px solid rgba(255, 255, 255, .5);}
	.header .nav ul{display:block;height: auto;margin-top: 2vw;padding-bottom: 2vw;}
	.header .nav ul li{width:100%}
	.header .nav ul li a{position:relative;line-height:10vw;border-bottom:0;text-align: left;padding-left: 20px;padding-right: 20px;font-weight: lighter;color: #bbb;}
	.header .nav ul li.slide>a:after{position:absolute;width: 2vw;height: 2vw;content:"";background: url(../img/newsmore.png) -3px center no-repeat;right:20px;top:calc(50% - 1.5vw);border: 2px solid #bbb;border-left: 0;border-bottom: 0;transform: rotate(45deg);border-radius: 2px;}
	.header .nav ul li.up>a:after{position:absolute;width: 2vw;height: 2vw;content:"";background: url(../img/newsmore.png) -3px center no-repeat;right:20px;top:calc(50% - 1.5vw);border: 2px solid #bbb;border-left: 0;border-bottom: 0;transform: rotate(135deg);border-radius: 2px;}
	.header .nav ul li:hover>a{border:0;color:#fff;font-weight:bold}
	.header .nav ul li.active>a{border-bottom:0;color: #0c4da2;color: #fff;font-weight: bold;}
	.header .nav ul li:after{display:none}
	.header .nav ul li:nth-child(5){margin-left:0}
	.header .menu{display:inline-block;width:15.6vw;height:15.6vw;background:url(../img/menu.png) center center no-repeat;background-size: 7.8vw;/* margin-right: 2.6vw; */position: absolute;top: 0;left: 2vw;}
    .header .logoBox{width:100%;position: absolute;height: auto;right: 0;left: auto;transform: translateX(0);}
    .header .nav ul li dl{background: #252930;}
    .header .nav ul li dl dd a{border-bottom:0;text-align:left;padding-left: 10vw;color: #bbb;}
    .header .nav ul li dl dd.active1{background: #252930;}
    .header .nav ul li dl dd.active1 a{font-weight:bold}
    .header .nav ul li dl dd:hover{background: #252930;}
    .header .nav ul li:nth-child(3n) a:after{display:block}
    .header .nav ul li a:after{display: none!important;}
    
    .main{margin-top:15.3vw}
    .banner{/* height: 39vw; */}
    .bannerPC{display: none}
    .bannerM{display: block}
    .banner .content{line-height:67vw}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{margin-bottom: 0vw;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

    .footer .footHead{padding:5vw 0;}
    .footer .footHead img{max-height:10vw}
    .footer .footNav{display:block}
    .footer .footNav>div{width:100%;padding: 4vw 5vw;box-sizing:border-box;border-right: 0;border-bottom: 1px solid rgba(255,255,255,.15);margin: 0;}
    .footer .footNav .left{text-align:center}
    .footer .footNav .left a{/* width: 27vw; *//* height: 27vw; *//* line-height: 27vw; */margin-right: 3vw;}
    .footer .footNav .middle ul{margin:0}
    .footer .footNav .middle ul li{background-size: 5vw;margin: 1vw 0;min-height: 20px;}
    .footer .footNav .middle ul li span{padding-left: 7vw;width: auto;line-height: 18px;}
    .footer .footNav .middle ul li:nth-child(1),.footer .footNav .middle ul li:nth-child(3){background-size: 5vw;}
    .footer .footNav .middle ul li p{width:70vw;line-height:18px}
    .footer .footNav .right{padding-left:3vw;display: none;}
    .footer .footNav .right p{margin-bottom:4vw}
    .footer .footNav .right a{width:60vw;margin-bottom:4vw}
    .copyright{/* display:block; */padding:3vw 3vw 5vw;box-sizing:border-box;line-height:20px;}
}


