﻿.banner .swiper-pagination-bullet{width:27px;height: 27px;background: url(../images/icon-circle.png) center center no-repeat;opacity: 1;border-radius: 0;margin: 0px 10px!important;}
.banner .swiper-pagination-bullet-active{background: url(../images/icon-active.png) center center no-repeat;}
.banner .swiper-pagination{bottom: 20px;}
.content1 {width:1200px;margin:0 auto;background: url(../images/icon-en.png) center 20px no-repeat;}
.content1 .names{color: #004f9d;font-size: 36px;padding: 55px 0px 40px;text-align: center;font-weight:bold;}
.content1 .sum{font-size: 14px;color: #666666;line-height: 24px;text-align: center;width:950px;margin:0 auto;}
.content1 .more{width: 195px;height: 48px;border:1px solid #004f9d;display: block;margin: 40px auto 70px;color: #0357ab;text-align: center;line-height: 48px;border-radius: 3px;}
.content1 .more:hover{background:#004f9d;color:#fff;}


.content2 {width:1200px;margin:30px auto;}

.content .names1{font-size: 24px;line-height: 40px;}
.content .en{color: #cccccc;font-size: 18px;text-transform: uppercase;position: relative;}
.content .en::after{position: absolute;left: 280px;width: 910px;height: 1px;background: #e5e5e5;content:"";bottom: 12px;}
.content .en::before{content:"";width:10px;height:10px;background:#004EA0;display: block;border-radius: 50%;position: absolute;right: 0px;bottom: 8px;}

.content2 ul{margin:40px auto 30px;}
.content2 li{float: left;position: relative;margin: 10px 20px 20px 0px;width:285px;height:193px;  box-shadow: 0px 6px 15px 3px #eee;}
.content2 li:nth-child(4n){margin-right:0px;}
.content2 li .tit{background: url(../images/iProTBg.png) center top no-repeat;font-size: 14px;font-weight:bold;color: #ffffff;border-radius: 5px;position: absolute;width: 250px;height: 40px;top: -8px;text-align: center;line-height: 24px;left: 50%;margin-left: -125px;}
.content2 .li1{width:375px;height: 435px;background: #e1eaf3;margin: 0px;}
.content2 li .Img{width:100%;height:100%;overflow:hidden;}
.content2 li .Img img{width:100%;height:100%;transition:1s all ease;transform:scale(1.0);}
.content2 li:hover img{transform:scale(1.05);}

.content3{background: url(../images/indexbg.jpg) center top no-repeat;}
.content3Box{width:1200px;margin:0 auto;padding:40px 0px 0px 0px;}
.content3Box .names1{color: #fff;}
.content3Box .en{color: #fff;margin: 0px 0px 45px 0px;}
.content3Box .en::before{background: #fff;}
.content3Box .en::after{width:960px;left:230px;}
.content3Box li{width: 184px;height: 350px;background: #fff;box-shadow: 0px 10px 15px 0px #ddd;float: left;padding: 13px;margin: 0px 37px 0px 0px;}
.content3Box li:nth-child(5n){margin-right: 0px;}
.content3Box .t1{font-size: 18px;color: #666666;text-align: center;margin: 20px 0px;}
.content3Box .icon{display: block;width:100%;height: 30px;text-align: center;}
.content3Box .icon img{max-height: 100%;}
.content3Box .sum{width:145px;margin:20px auto;text-align: center;height: 133px;font-size: 14px;color: #666666;}
.content3Box .Img{width:185px;height: 85px;overflow: hidden;margin:0 auto;}
.content3Box .Img img{width:100%;height: 100%;transition: 1s all ease;transform: scale(1.0);}
.content3Box li:hover .Img img{transform: scale(1.3);}
.content3 .swiper-button-prev{display:none;}
.content3 .swiper-button-next{display:none;}

.content4{width:1200px;margin:110px auto 140px;display: none;}
.content4 .names1{color:#666;}
.content4L{width:315px;height: 415px;position: relative;float: left;}
.content4L .en::after{width:95px;}
.content4L .sum{color: #666666;font-size: 14px;line-height: 24px;margin:25px 0px 0px 0px;}
.content4L .more{width:200px;height: 48px;display: block;background: #004f9d;color: #fff;font-size: 14px;text-transform: uppercase;text-align: center;line-height: 48px;border-radius: 3px;bottom: 0px;position: absolute;}
.content4L .more::after{width:40px;height:1px;display:block;content:'';background:#35b2b7;position:absolute;right:-20px;top:50%;}
.content4R{width:840px;height: 415px;float: right;position: relative;}
.content4R .open{display: block;width:90px;height: 90px;position: absolute;background: url(../images/icon-circle1.png) center center no-repeat;left: 50%;margin-left: -45px;top:50%;margin-top:-45px;cursor: pointer;display: none;}
.content5{width:1200px;margin: 40px auto 55px;}
.content5 .en::before{background: #004F9F;}
.content5 .en::after{left: 235px;width: 955px;}
.content5 li{width: 289px;height: 188px;float: left;text-align: center;line-height: 188px;overflow: hidden;box-shadow: 0px 6px 15px 3px #eee;margin: 0px 13px 13px 0px;background:#ffffff;}
.content5 li img{max-width: 90%;max-height: 90%;transform: scale(1.0);transition: 1s all ease;vertical-align: middle;}
.content5 li:hover img{transform: scale(1.05);}
.content5 ul{margin:25px 0px 0px 0px;}
.content5 li:nth-child(4n){margin-right:0px;}
.content6{background: url(../images/map.jpg) center center no-repeat;height: 500px;width: 100%;}
.mapInfo{width: 840px;margin:0 auto;position: relative;padding: 155px 0px 0px 0px;}
.mapInfo .icon{position: relative;top: 20px;float: left;}
.mapIn{float: left;margin:0px 0px 0px 100px;background: #fff;border-radius:10px;width:470px;box-shadow: 0px 0px 10px 3px #ddd;}
.mapIn img{float:left;}
.mapInR{margin: 20px 0px 0px 20px;float: left;}
.mapInR p{color: #333333;font-size: 14px;}
.mapInR p.p2{font-size: 18px;margin: 12px 0px 0px 0px;/* font-weight: bold; */}

.PCbanner {display: block;}
.Mobilebanner{display: none;}
.banner img{width:100%;}
.banner .words{position:absolute;top:50%;margin-top:-100px;left:50%;margin-left:-540px;width:1000px;color:#fff;}
.banner .words .tit{font-size:60px;}
.banner .words .remark{font-size:18px;margin-top:20px;}
.banner .li1 .words .remark{font-size:36px;}
.banner .li2 .words .remark{font-size:30px;color:#004E9D;margin-top:10px;}
.banner .li3 .words .remark{font-size:26px;color:#004E9D;margin-top:10px;}
.banner .li4 .words .remark{font-size:24px;}
.banner .li2 .words{top: auto;margin-top:auto;bottom: 22vw;}
.banner .li3 .words{text-align:right;width: 1050px;margin-left: -600px;top: auto;margin-top:auto;bottom: 23vw;}
.banner .li1 .words{text-align:right;width: 1050px;margin-left: -500px;margin-top: -40px;}
.banner .li4 .words .remark{margin-left:100px;}
.banner .li3 .words .remark{margin-right:-35px;}
.banner .li1 .words .remark{margin-right:165px;}
.banner .words .remark li{margin:0px 90px 5px 0px;}

@media(max-width:1600px){
    .banner .words .tit{font-size:50px;}
    .banner .li1 .words .remark{font-size:18px;}
    .banner .li2 .words .remark{font-size:26px;}
    .banner .li3 .words .remark{font-size:30px;}
    .banner .li4 .words .remark{font-size:20px;}
    .banner .li2 .words{bottom:5vw;margin-left: 0px;}
	.content2 li .tit{background: url(../images/iProTBg.png) center top no-repeat;font-size: 14px;font-weight:bold;color: #002F5E;border-radius: 5px;position: absolute;width: 250px;height: 40px;top: -8px;text-align: center;line-height: 24px;left: 50%;margin-left: -125px;}
}


@media(max-width:1024px){

    .PCbanner {display: none;}
    .Mobilebanner{display: block;width:100%;}
    .banner .swiper-pagination{bottom: 10px;}
    .content1{width: 95%;background: url(../images/icon-en.png) center 20px no-repeat;background-size: contain;}
    .content1 .names{padding: 20px 0px 20px;font-size: 24px;}
    .content1 .sum{width:100%;}
    .content1 .more{width: 140px;height: 40px;line-height: 40px;margin: 25px auto 40px;}

    .content2{width:95%;}
    .content .en{font-size: 15px;}
    .content .en::after{left: 200px;bottom: 8px;width: calc(100% - 200px);}
    .content .en::before{bottom:4px;z-index:99999;}
    .content2 li{width: 48.7%;height: 30.8vw;margin: 15px 2.6% 2vw 0px;}
    .content2 .li1{width: 49.5%;height: 55vw;margin: 0px;}
    .content2 li:nth-child(2n){margin-right:0;}
    .content2 ul{margin: 25px auto 20px;}
	.content2 li .tit{background: url(../images/iProTBg2.png) center top no-repeat;font-size: 12px;font-weight:bold;color: #ffffff;border-radius: 5px;position: absolute;width: 174px;height: 40px;top: -8px;text-align: center;line-height: 24px;left: 50%;margin-left: -87px;}
    .content3{background: url(../images/indexbg1.jpg) center top no-repeat;background-size: 520px;}
    .content3B{position:relative;}
    .content3Box{width: 90%;padding: 30px 0px 20px;}
    .content3Box li{padding:0px;height: auto;box-shadow: 0px 2px 20px 1px #ddd;}
    .content3Box li a{padding:10px;display: block;}
    .content3B .swiper-button-prev{background:url(../images/icon-left.png) center center no-repeat;opacity: 1;width:45px;height:70px;left: 0px;background-size:44px;display: block;}
    .content3B .swiper-button-next{background:url(../images/icon-right.png) center center no-repeat;opacity: 1;width:45px;height:70px;right: 0px;background-size:44px;display: block;}
    .content3B .swiper-button-prev:hover{background:url(../images/icon-left1.png) center center no-repeat;background-size:44px;}
    .content3B .swiper-button-next:hover{background:url(../images/icon-right1.png) center center no-repeat;background-size:44px;}
    .content3Box .Img{width:100%;height: 16vw;}
    .content3Box .t1{margin:10px 0px 15px 0px;}
    .content3Box .sum{width:100%;line-height: 18px;}
    .content3Box .en{margin:0px 0px 30px 0px;}
    .content4{width:100%;margin: 25px 0px;position: relative;padding: 0px 0px 100px 0px;}
    .content4L{width:95%;float:none;margin:0 auto;height: auto;position: unset;}
    .content4R{width:100%;height: auto;margin: 20px 0px 0px 0px;float: none;}
    .content4L .more{margin:0 auto;height: 44px;bottom: 25px;width: 150px;line-height: 44px;left: 50%;margin-left: -75px;}
    .content4R img{width:100%;}
    .content4R .open{width:60px;height:60px;margin-top:-30px;margin-left:-30px;background-size:cover;}
    .content5{width:95%;margin: 0px auto 30px;}
    .content5 li{width:23.5%;height:14.5vw;line-height:14vw;margin:0px 2% 10px 0px;}
    /*.content5 li:nth-child(6n){margin:0px 2% 10px 0px;}*/
    .content5 li:nth-child(4n){margin-right:0px;}
    .content6{background: url(../images/map1.jpg) center center no-repeat;height: 225px;background-size: cover;}
    .mapInfo{width:95%;padding: 50px 0px 0px 0px;}
    .mapInfo .icon img{max-width: 75px;}
    .mapIn{width: calc(100% - 75px);margin: 0px;position: relative;top: 35px;}
    .mapIn img{max-width:60px;}
    .mapInR{width:calc(100% - 65px);margin: 0px 0px 0px 5px;}
    .mapInR p{font-size:10px;padding: 5px 0px 0px 0px;line-height: 14px;}
    .mapInR p.p2{font-size:12px;margin: 0px;}
    .mapInfo .icon{top:30px;}
    .content3Box .en::after{width: calc(100% - 180px);left: 180px;}
    .content5 .en::after{width: calc(100% - 195px);left: 195px;}
    

    .banner .words{position:absolute;top:50%;margin-top: -50px;left:2.5%;margin-left:0px;width:95%;color:#fff;}
    .banner .words .tit{font-size: 20px;}
    .banner .words .remark{font-size: 12px;margin-top: 5px;}
    .banner .li1 .words .remark{font-size: 14px;}
    .banner .li2 .words .remark{font-size: 14px;}
    .banner .li3 .words .remark{font-size: 14px;}
    .banner .li4 .words .remark{font-size: 14px;}
    .banner .li2 .words{top: auto;margin-top:auto;bottom: 38vw;left:5vw;}
    .banner .li3 .words{text-align:right;width: 95%;margin-left: 0px;margin-top: -30px;bottom: 38vw;}
    .banner .li4 .words .remark{margin-left: 10px;}
    .banner .li3 .words .remark{margin-right: 5px;}
    .banner .li1 .words .remark{margin-right: 10px;}





}
























