.main>.content{display: flex;justify-content: space-between;margin-top: 30px}
.main>.content .left{width:220px}
.main>.content .right{width:790px}
img{max-width:100%}
.head{padding-bottom:9px;position:relative}
.head:after{content:"";position:absolute;width:100vw;right:0;background:url(../img/line.png) right no-repeat;height:2px;bottom:0}
.head .en{font-size: 24px;color: #c5c5c5;line-height: 1;text-transform: uppercase;font-weight: bold;}
.head .title{font-size: 20px;color: #0c54a6;line-height: 36px;}
.main>.content .left ul{width:100%;margin-top:25px;border:1px solid #dadada;box-sizing:border-box;margin-bottom:40px}
.main>.content .left ul li{text-align:center;line-height:27px;border-bottom:1px solid #dadada;box-sizing:border-box}
.main>.content .left ul li:last-child{border-bottom:0}
.main>.content .left ul li a{display:block;padding:14px 0;font-size:16px;color:#6b6b6b}
.main>.content .left ul li:hover,.main>.content .left ul li.active{background:#0c54a6}
.main>.content .left ul li:hover a,.main>.content .left ul li.active a{color:#fff;/* padding: 7px 0; */}
.location p{padding-left:22px;background:url(../img/location.png) left top no-repeat;display:inline-block}
.location,.location a{font-size:12px;color:#6f6f6f;text-align:right}
.pageBox{margin-top:20px;color:#333333;font-size:16px;margin-bottom:45px}
.aboutBox{line-height:2.5;}

.history .tab{position:relative;padding: 0px 80px 0 92px;background:url(../img/historyBk.png) center center no-repeat;margin-top:30px;height:100px;}
.history .tab .swiper-slide{width:auto;/* padding:0 10px 20px 10px; *//* margin: 0 8px; */color:#999;font-size:18px;position:relative;font-weight:bold;text-align: center;/* box-sizing: border-box; *//* width: 206px!important; */position:relative;height:40px}
.history .tab .swiper-slide::after{background: #999;content:"";position:absolute;left:calc(50% - 5px);top: 30px;width: 10px;height: 10px;z-index: 111;border-radius: 50%;}
.history .tab .swiper-slide.active{color:#19448e}
.history .tab .swiper-slide.active::after{background: #19448e;}
.history .tab .swiper-button-next,.history .tab .swiper-button-prev{margin-top: 0;top: calc(50% - 19px);width:38px;height:38px;background-size: 10px;opacity:1;left:0;background-color: #d8d8d8;background-repeat: no-repeat;background-position: center center;border-radius: 50%;left: 30px;}
.history .tab .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.history .tab .swiper-button-next{left:auto;right: 30px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
/* .history .tabBox{width:100vw;left: calc(calc(1200px - 100vw)/2);position: relative;min-height: 500px;} */
.history .tabBox{padding-left:43px;position:relative;}
.history .tabBox:after{height: calc(100% - 7px);width:1px;background:#cccccc;content:"";position:absolute;left:7px;bottom: 0;}
.history .tabBox li{margin-top:-10px;margin-bottom:30px;margin-top:30px;padding-bottom:30px;border-bottom:1px solid #e1e1e1;position:relative}
.history .tabBox li:before{height:8px;width:8px;background:#ed4d1b;content:"";position:absolute;left:-40px;top: 8px;z-index:2;border-radius:50%;box-sizing:border-box}
.history .tabBox li:after{height:14px;width:14px;border:1px solid #ed4d1b;background:#fff;content:"";position:absolute;left:-43px;top: 5px;z-index:1;border-radius:50%;box-sizing:border-box}
.history .tabBox li .info{margin-bottom:20px;color:#666666;font-size:18px}
.history .tabBox li .title{color:#ed4d1b;display:inline-block;font-size:18px;font-weight:bold}
.history .tabBox li:last-child{padding-bottom:0;border:0}

.honorBox ul{display:flex;flex-wrap:wrap;}
.honorBox ul li{width:250px;height:160px;overflow:hidden;margin-right:20px;margin-bottom:30px}
.honorBox ul li:nth-child(3n){margin-right:0}
.honorBox ul li img{transition:all .35s ease-in-out}
.honorBox ul li:hover img{transform:scale(1.2)}

.pages{text-align:center}
.pages span{display:none}
.pages a{display:inline-block;width:40px;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #cccccc;border-radius:5px;overflow:hidden;margin: 0 5px;color: #666}
.pages a.currentpage{background:#0c54a6;font-size:18px;color:#fff}
.pages a:nth-of-type(1){background:url(../img/left.png) center center no-repeat}
.pages a:last-child{background:url(../img/right.png) center center no-repeat}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../img/ico1.png)!important;background-size: cover!important;}
.fancybox-nav{width: 20px!important;}
.fancybox-prev,.fancybox-next{background-size: 100%!important;}

.list ul{margin-bottom:30px}
.list ul li a{display:flex;justify-content:space-between;line-height:57px;border-bottom:1px solid #d5d5d5;}
.list ul li .title{font-size: 16px;color:#333333;padding-left:18px;position:relative;width: calc(100% - 100px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list ul li .title:after{content:"";position:absolute;width:6px;height:6px;background:#0c54a6;left:0;top:calc(50% - 3px)}
.list ul li .time{font-size:14px;color:#666666}
.list ul li:hover .title,.list ul li:hover .time{color:#0c54a6}

.prolist ul{display:flex;flex-wrap:wrap;}
.prolist ul li{margin-right:30px;margin-bottom:10px}
.prolist ul li:nth-child(2n){margin-right:0}
.prolist ul li .imgBox{width:380px;height:210px;background: #efefef;text-align: center;line-height: 210px;overflow:hidden}
.prolist ul li .imgBox img{max-width:100%;vertical-align:center;transition:all .35s ease-in-out}
.prolist ul li .Text{line-height:50px;text-align:center;font-size:16px;color:#333333}
.prolist ul li:hover .Text{color:#0c54a6}
.prolist ul li:hover img{transform:scale(1.2)}

.loadmore{text-align:center;background:#0c54a6;width:100%;height:37px;line-height:37px;color: #fff;font-size: 14px;margin: 15px 0 60px;cursor: pointer;}

.proinfo .title{text-align:center;font-size:18px;color: #333;line-height:35px;margin-bottom: 10px}
.proinfo .info{
    line-height: 1.5;
}

.newsList ul{margin-bottom:30px}
.newsList ul li{padding-bottom:30px;margin-top:30px;border-bottom:1px solid #e4e4e4}
.newsList ul li a{display:flex;justify-content:space-between}
.newsList ul li img{transition:all .35s ease-in-out}
.main>.content .newsList ul li .left{width:270px;height:164px;overflow:hidden;}
.main>.content .newsList ul li .right{width:495px;height:164px}
.newsList .title{color:#1c1c1c;font-size:16px;line-height:25px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsList .time{font-size:14px;color:#515151;line-height:35px}
.newsList .summary{font-size:14px;color:#373737;line-height:22px;height:66px;overflow:hidden}
.newsList p{font-size:12px;color:#838383;margin-top:20px}
.newsList ul li:hover img{transform:scale(1.2)}
.newsList ul li:hover .title,.newsList ul li:hover p{color:#ed6602;text-decoration:underline}

.newsInfo .title{line-height:55px;text-align:center;font-size:18px;color:#333333;padding-bottom:10px;border-bottom:1px solid #dadada;margin-bottom:15px;padding: 12px 0;line-height: 31px;}
.newsInfo .time{color:#999999;font-size:16px;line-height:24px;text-align:center;}
.newsInfo .info{line-height: 2.5;}

.topicList ul{margin-bottom:30px;margin-top: 30px;}
.topicList ul li{background:#f2f2f2;line-height:60px;box-sizing:border-box;padding:0 34px 0 30px;margin-bottom: 20px;position:relative}
.topicList ul li:after{content:"";position:absolute;border:8px solid;top:0;left:0;border-color:#fff #dddddd #dddddd #fff}
.topicList ul li a{display:flex;justify-content:space-between}
.topicList ul li .title{font-size:16px;color:#333;width: calc(100% - 100px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topicList ul li .time{font-size:14px;color:#666666}
.topicList ul li:hover .title,.topicList ul li:hover .time{color:#0c54a6}

.cooperation ul{display:flex;flex-wrap:wrap;margin-bottom:10px}
.cooperation ul li{width:250px;height:120px;text-align:center;margin-right:20px;margin-bottom:20px;background:#f0f0f0;line-height:120px;overflow:hidden}
.cooperation ul li a{display:block;width:100%;height:100%}
.cooperation ul li:nth-child(3n){margin-right:0}
.cooperation ul li img{vertical-align:middle;max-width: 100%;max-height: 100%;transition:all .35s ease-in-out}
.cooperation ul li:hover img{transform:scale(1.2)}


.map{height:340px;margin-bottom: 15px}
.map .BMap_Marker{display: none;width:274px!important;height: 203px!important;background: url(../img/map1.png) center center no-repeat !important;background-size: 100%!important;}
.map .BMap_Marker:nth-child(2){display:block}
.map .BMap_Marker img{display: none!important;}
.map span img{display:none!important}
.contact ul{display:flex;flex-wrap:wrap;margin-top:10px;margin-bottom: 60px;}
.contact ul li{width:375px;height:66px;line-height:66px;border-bottom:1px solid #e3e3e3;margin-right:30px}
.contact ul li:nth-child(2n){margin-right:0}
.contact ul li p{padding-left:44px;font-size:16px;color:#535353;background-repeat:no-repeat;background-position:left center}



@media(max-width:880px){
	.head{padding-left:calc(220/750*100vw);width: calc(350/750*100vw);}
	.head:after{right:calc(150/750*100vw)}
	.head .en{font-size: 20px;}
	.head .title{font-size: 16px;}

	.position{display: block;width: 94%;margin: 0 3vw;padding: 3vw;box-sizing: border-box;}
	.location{display:none}
	
	.main>.content{display:block;width: 92vw;}
	.main>.content .left,.main>.content .right{width:100%}
	.main>.content .left ul{margin:20px 0 0px}
	.main>.content .left ul li{display:none}
	.main>.content .left ul li.active{display:block;border-bottom: 0;}
	.pageBox{margin-top: 15px;font-size: 14px;line-height:2}
	
	.history .tab{padding: 0 calc(72/750*100vw) 0 calc(84/750*100vw);margin-top: 20px;background-size: calc(603/750*100vw);}
	.main>.content .left ul li a{padding:7px 0}
	.history .tab .swiper-slide{height:50px}
	.history .tab .swiper-slide::after{width:6px;height:6px;top: 39px;left: calc(50% - 3px);}
	.history .tab .swiper-button-next, .history .tab .swiper-button-prev{left:0}
	.history .tab .swiper-button-next{right:0;left:auto}
	.history .tabBox li{margin-top:0}
	.history .tabBox li .info{line-height:1.5;font-size: 14px;margin-bottom: 10px;}
	.history .tabBox li .title{font-size:14px}

	.honorBox ul{margin-bottom: 10px;}
	.honorBox ul li{width: calc(275/640*100vw);height: calc(180/640*100vw);margin-right:5vw;margin-bottom:5vw}
	.honorBox ul li:nth-child(3n){margin-right:5vw}
	.honorBox ul li:nth-child(2n){margin-right:0}
	
	.pages a{width:30px;height:30px;line-height:30px;margin:0 2px;background-size: 6px!important;font-size:14px}
	.pages a.currentpage{font-size:14px}

	.prolist ul{display:block}
	.prolist ul li{margin-right:0}
	.prolist ul li .imgBox{width:100%}

	.main>.content .newsList ul li .left{width:50%;height: auto;}
	.main>.content .newsList ul li .right{width:45%;height: auto;}
	.newsList .title{font-size:14px;line-height: 1;}
	.newsList .time{line-height: 28px;}
	.newsList .summary{font-size:12px;line-height: 14px;overflow:hidden;height: 42px;}
	.newsList p{margin-top: 5px;line-height: 20px;}
	.newsList ul li{padding-bottom:5vw;margin-top:6vw}
	
	.newsInfo .title{margin-bottom:5px;font-size:16px;padding: 0 0 10px 0;}
	.newsInfo .time{font-size:12px;line-height: 2.5;}
	.newsInfo .info{line-height:2}

	.topicList ul li{padding:0 10px 0 20px;line-height:50px;}
	.topicList ul li .title{font-size:14px}

	.cooperation ul li{width:48%;height:30vw;line-height:30vw;margin-right:4%;margin-bottom:4vw}
	.cooperation ul li:nth-child(3n){margin-right:4%}
	.cooperation ul li:nth-child(2n){margin-right:0}

	.map{height: calc(500/750*100vw);}
	.map .BMap_Marker{display: none;/* width:150px!important; *//* height: 111px!important; */}
	.contact ul li{margin-right:0;line-height: 50px;height: 50px;}
	.contact ul li p{font-size:14px}

	
}