@charset "utf-8";
/* CSS Document */

.ibanner{ width:100vw; height:836px; max-height:100vh; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; background:#0080ff; overflow:hidden; position:relative;}
.ibanner .swiper-slide .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:2; transition:1s linear 2s; transform:scale(1.1,1.1);}
.ibanner .swiper-slide .txt{ width:83.2vw; min-width:1200px; color:#fff; font-size:28px; text-align:center; position:absolute; left:50%; top:48%; z-index:3; opacity:0; transform:translate(-50%,50%);}
.ibanner .swiper-slide .txt h4{ line-height:1; font-size:2.2857em;}
.ibanner .swiper-slide .txt p{ line-height:1; padding:1.1em 0 0;}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ transition:all ease 0.8s; transition-delay:0.5s; opacity:1; transform:translate(-50%,-50%);}
.ibanner .swiper-pagination{ height:26px; bottom:4.5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; background-clip:content-box; padding:6px; border:1px solid rgba(255,255,255,0); border-radius:50%; opacity:1; margin:0 14px !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ border-color:#fff; opacity:1;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:83.2vw; min-width:1200px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:1; font-size:24px; font-weight:normal; text-align:center; padding:2em 0 1.75em;}
.ibox h2.title em{ display:block; line-height:1.35; color:#333; font-size:1.5em; font-weight:bold; position:relative;}
.ibox h2.title span{ display:block; line-height:1.35; color:#9a9a9a; text-transform:uppercase;}
.ibox a.more{ display:block; width:7.5em; line-height:2.625; color:#fff; font-size:16px; text-align:center; overflow:hidden; background:#0c70cd; border-radius:1.32em; margin:0 auto;}
.ibox a.more:hover{ color:#fff; background:#0c70cd;}
.ibox a.more:hover img{ filter:brightness(0) invert(1);}

.box1{ background:#eee url(../images/icons/bg1.png) left bottom no-repeat; background-size:auto 56%; padding:20px 0 100px;}
.box1 h2.title{ text-align:left; padding-bottom:0.75em;}
.box1 .video{ width:730px; height:458px; overflow:hidden; border-radius:3vw 0; position:relative; float:right; margin:0 0 0 4.5%;}
.box1 .video video{ display:block; width:100%; height:100%; background:#000;}
.box1 .video .poster{ width:100%; height:100%; background:#000; position:absolute; left:0; top:0; z-index:9;}
.box1 .video .poster em{ display:block; width:64px; height:64px; background:rgba(0,0,0,0.46) url(../images/icons/video.png) center no-repeat; background-size:contain; background-clip:padding-box; border:2px solid rgba(255,255,255,0.46); border-radius:50%; position:absolute; left:50%; top:50%; z-index:9; transform:translate(-50%,-50%); cursor:pointer;}
.box1 .video .poster img{ display:block; width:100%; height:100%; opacity:0.8;}
.box1 .txt{ line-height:2.375; color:#444; font-size:16px; text-align:justify; overflow:hidden;}
.box1 a.more{ overflow:hidden; margin:1.25em 0 0;}
.box1 ul.data{ display:block; font-size:18px; overflow:hidden; position:relative; padding:3em 0 0;}
.box1 ul.data li{ display:block; width:27.33%; text-align:center; position:relative; z-index:3; float:left; margin:0 6% 0 0;}
.box1 ul.data li p{ display:block; height:4em; line-height:4em; color:#333; font-weight:normal; overflow:hidden;}
.box1 ul.data li p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.box1 ul.data li p img{ display:inline-block; height:2.5em; vertical-align:top; margin:0.75em 0.6em 0 0;}
.box1 ul.data li p b{ font-size:2.75em; margin:0 0.1em 0 0;}
.box1 ul.data li p sup{ display:inline-block; line-height:1; font-weight:bold; font-size:inherit; vertical-align:top; margin:0 0 0 2px;}
.box1 ul.data li p sub{ display:inline-block; line-height:1.4; font-weight:bold; font-size:inherit; vertical-align:bottom; margin:0 0 0 2px;}
.box1 ul.data li span{ display:block; line-height:2; overflow:hidden; border-top:1px solid #0c70cd;}

.box2{ background:url(../images/icons/bg2.jpg) center no-repeat; background-size:cover; z-index:5;}
.box2 ul{ display:flex; font-size:30px; margin:0 -6px; padding:0 0 100px;}
.box2 ul li{ display:block; width:25%; box-sizing:border-box; overflow:hidden; position:relative; transition:all ease 0.4s;}
.box2 ul li.wap{ display:none;}
.box2 ul li a{ display:block; height:686px; overflow:hidden; border-radius:0.7em; position:relative; margin:0 6px;}
.box2 ul li .bg{ display:block; width:100%; height:100%; background-size:auto 100% !important; transition:all ease 0.4s; opacity:1; position:relative;}
.box2 ul li .txt{ width:100%; line-height:1; color:#fff; padding:2em 2vw 2.5em; box-sizing:border-box; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); position:absolute; left:0; bottom:0; transition:transform ease-in-out 0.4s;}
.box2 ul li .txt img.ico{ display:block; height:1.8em;}
.box2 ul li .txt b{ display:block; font-weight:normal; padding:1em 0 0;}

@media only screen and (min-width:769px){
.box2 ul li .txt i:hover{ color:#0f94d0; background:#fff;}
.box2 ul li .txt i:hover font{ transform:translateY(-50%);}
.box2 ul.on li{ width:18%;}
.box2 ul li.on{ width:46%;}
}

.box3{ padding:0 0 60px;}
.box3 .news{ padding:6px; margin:0 -6px;}
.box3 .inner dl{ display:block; font-size:16px;}
.box3 .inner dl::before,
.box3 .inner dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 .inner dl dt{ width:49%; background:#fff; overflow:hidden; border-radius:10px; box-sizing:border-box; box-shadow:0 0 5px rgba(222,222,222,0.8); float:left; margin:0 2% 0 0; transition:all ease 0.4s;}
.box3 .inner dl dt::before,
.box3 .inner dl dt::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 .inner dl dt:hover{ border-color:#0c70cd;}
.box3 .inner dl dt a.pic{ display:block; overflow:hidden;}
.box3 .inner dl dt a.pic img{ display:block; width:100%; height:446px; object-fit:cover; transition:all ease 0.4s;}
.box3 .inner dl dt:hover a.pic img{ transform:scale(1.05);}
.box3 .inner dl dt a.title{ display:block; line-height:1.5; color:#333; font-size:1.375em; margin:1em 4% 0.5em; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner dl dt:hover a.title{ color:#0c70cd;}
.box3 .inner dl dt .txt{ display:block; height:4em; line-height:2; color:#666; margin:0.125em 4% 0.25em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner dl dt span{ display:block; line-height:3; color:#acacac; float:left; margin:0 4%;}
.box3 .inner dl dt a.view{ display:block; line-height:3; color:#acacac; float:right; margin:0 4% 18px; transition:all ease 0.4s;}
.box3 .inner dl dt:hover a.view{ color:#0c70cd;}

.box3 .inner dl dd{ display:block; background:#fff; padding:18px 1.75% 9px; overflow:hidden; border-bottom:9px solid #fff; border-radius:10px; box-shadow:0 0 5px rgba(222,222,222,0.8); margin:0 0 24px; transition:all ease 0.4s;}
.box3 .inner dl dd:hover{ border-color:#0c70cd;}
.box3 .inner dl dd a.title{ display:block; line-height:2.6; color:#333; font-size:1.25em; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box3 .inner dl dd:hover a.title{ color:#0c70cd;}
.box3 .inner dl dd .txt{ display:block; height:4em; line-height:2; color:#666;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner dl dd span{ display:block; line-height:3; color:#acacac; float:left; transition:all ease 0.4s;}
.box3 .inner dl dd a.view{ display:block; line-height:3; color:#acacac; float:right; transition:all ease 0.4s; transition:all ease 0.4s;}
.box3 .inner dl dd:hover a.view{ color:#0c70cd;}
.box3 a.more{ margin-top:30px;}

.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.box4 ul{ display:block; margin:0 -14px;}
.box4 ul::before,
.box4 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box4 ul li{ width:25%; float:left;}
.box4 ul li a{ display:block; overflow:hidden; background:#fff; margin:0 14px; box-shadow:0 0 7px 1px rgba(196,220,253,0.8);}
.box4 ul li a i{ display:block; overflow:hidden;}
.box4 ul li a img{ display:block; width:100%; transition:all ease 0.4s;}
.box4 ul li a span{ display:block; line-height:4; color:#333; font-size:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0.25em; transition:all ease 0.4s;}
.box4 ul li a:hover img{ transform:scale(1.1);}
.box4 ul li a:hover span{ color:#0c70cd;}

.box5{ background:url(../images/icons/bg5.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.box5 ul.data{ display:block; width:20%; font-size:20px; overflow:hidden; position:relative; float:left; margin:20px 0 0 40px;}
.box5 ul.data li{ display:block; overflow:hidden; position:relative; z-index:3; padding:0 0 5.5em;}
.box5 ul.data li::before{ content:''; display:block; width:0.8em; height:4.64em; background:linear-gradient(rgba(12,112,205,1), rgba(12,112,205,0)); float:left; margin-right:1.8em;}
.box5 ul.data li p{ display:block; height:0.9em; line-height:0.9em; color:#0c70cd; font-size:2.5em; font-weight:bold; overflow:hidden;}
.box5 ul.data li span{ display:block; line-height:1.28; color:#333; overflow:hidden; padding:0.68em 0 0;}
.box5 .about_setion_map{ overflow:hidden; position:relative; float:right;}
.box5 #about_setion_maps{ width:1000px; height:782px; color:#fff;}
.box5 .about_setion_map .box{ position:relative;}

.box5 .about_setion_map i{ display:block; position:absolute; z-index:3;}
.box5 .about_setion_map i font{ display:block; line-height:1; color:#0c70cd; font-size:14px; white-space:nowrap; padding:0.6em; position:absolute;}

.box5 .about_setion_map i.aomen{ left:646px; top:666px;}
.box5 .about_setion_map i.beijing{ left:685px; top:302px;}
.box5 .about_setion_map i.changchun{ left:828px; top:220px;}
.box5 .about_setion_map i.changsha{ left:634px; top:545px;}
.box5 .about_setion_map i.chengdu{ left:494px; top:494px;}
.box5 .about_setion_map i.chongqing{ left:552px; top:506px;}
.box5 .about_setion_map i.fuzhou{ left:731px; top:593px;}
.box5 .about_setion_map i.guangzhou{ left:640px; top:646px;}
.box5 .about_setion_map i.guiyang{ left:536px; top:575px;}
.box5 .about_setion_map i.haerbin{ left:861px; top:198px;}
.box5 .about_setion_map i.haikou{ left:593px; top:714px;}
.box5 .about_setion_map i.hangzhou{ left:731px; top:512px;}
.box5 .about_setion_map i.hefei{ left:698px; top:468px;}
.box5 .about_setion_map i.huhehaote{ left:608px; top:297px;}
.box5 .about_setion_map i.jinan{ left:696px; top:370px;}
.box5 .about_setion_map i.kunming{ left:478px; top:602px;}
.box5 .about_setion_map i.lanzhou{ left:489px; top:382px;}
.box5 .about_setion_map i.lasa{ left:300px; top:507px;}
.box5 .about_setion_map i.nanchang{ left:678px; top:537px;}
.box5 .about_setion_map i.nanjing{ left:721px; top:471px;}
.box5 .about_setion_map i.nanning{ left:564px; top:648px;}
.box5 .about_setion_map i.shanghai{ left:761px; top:483px;}
.box5 .about_setion_map i.shenyang{ left:787px; top:264px;}
.box5 .about_setion_map i.shijiazhuang{ left:655px; top:346px; display:none;}
.box5 .about_setion_map i.taibei{ left:759px; top:611px;}
.box5 .about_setion_map i.taiyuan{ left:622px; top:348px;}
.box5 .about_setion_map i.tianjin{ left:700px; top:319px;}
.box5 .about_setion_map i.wuhan{ left:653px; top:496px;}
.box5 .about_setion_map i.wulumuqi{ left:250px; top:234px;}
.box5 .about_setion_map i.xian{ left:573px; top:424px;}
.box5 .about_setion_map i.xianggang{ left:638px; top:670px;}
.box5 .about_setion_map i.xining{ left:456px; top:370px;}
.box5 .about_setion_map i.yinchuan{ left:532px; top:343px;}
.box5 .about_setion_map i.zhengzhou{ left:640px; top:416px;}

/*上*/
.box5 .about_setion_map i.beijing font,
.box5 .about_setion_map i.changchun font,
.box5 .about_setion_map i.haerbin font,
.box5 .about_setion_map i.huhehaote font,
.box5 .about_setion_map i.shenyang font,
.box5 .about_setion_map i.tianjin font,
.box5 .about_setion_map i.wulumuqi font{ left:50%; bottom:100%; transform:translate(-50%,0);}

/*下*/
.box5 .about_setion_map i.changsha font,
.box5 .about_setion_map i.chengdu font,
.box5 .about_setion_map i.chongqing font,
.box5 .about_setion_map i.guiyang font,
.box5 .about_setion_map i.hangzhou font,
.box5 .about_setion_map i.jinan font,
.box5 .about_setion_map i.kunming font,
.box5 .about_setion_map i.lanzhou font,
.box5 .about_setion_map i.lasa font,
.box5 .about_setion_map i.nanchang font,
.box5 .about_setion_map i.nanjing font,
.box5 .about_setion_map i.wuhan font,
.box5 .about_setion_map i.xian font,
.box5 .about_setion_map i.zhengzhou font{ left:50%; top:100%; transform:translate(-50%,0);}

/*左*/
.box5 .about_setion_map i.fuzhou font,
.box5 .about_setion_map i.guangzhou font,
.box5 .about_setion_map i.hefei font,
.box5 .about_setion_map i.nanning font,
.box5 .about_setion_map i.taiyuan font,
.box5 .about_setion_map i.xianggang font,
.box5 .about_setion_map i.xining font,
.box5 .about_setion_map i.yinchuan font{ right:100%; top:50%; transform:translate(0,-50%);}

/*右*/
.box5 .about_setion_map i.aomen font,
.box5 .about_setion_map i.haikou font,
.box5 .about_setion_map i.shanghai font,
.box5 .about_setion_map i.taibei font{ left:100%; top:50%; transform:translate(0,-50%);}

.box5 .about_setion_map b.shijiazhuang{ display:block; width:8px; height:8px; background:#0c70cd; border-radius:50%; position:absolute; left:655px; top:346px; transform:translate(-50%,-50%); z-index:3;}
.box5 .about_setion_map b.shijiazhuang::before,
.box5 .about_setion_map b.shijiazhuang::after{ content:''; display:block; width:100%; height:100%; background:rgba(12,112,205,0.15); border-radius:50%; position:absolute; top:0; left:0; z-index:1; animation:playBtn 2s linear infinite; opacity:0;}
.box5 .about_setion_map b.shijiazhuang::after{ animation-delay:1s;}
.box5 .about_setion_map b.shijiazhuang font{ display:block; line-height:1; color:#0c70cd; font-size:14px; white-space:nowrap; padding:0.6em; position:absolute; left:100%; top:50%; transform:translate(0,-50%);}
@keyframes playBtn{
	0%{ opacity:0; transform:scale(2);}
	20%{ opacity:1;}
	80%{ opacity:1;}
	100%{ opacity:0; transform:scale(4);}
}

@media only screen and (max-width:1440px){

.ibanner{ height:628px;}
.ibanner .swiper-slide .txt{ font-size:20px; top:54%;}
.ibanner .swiper-pagination{ height:20px; bottom:3.5%;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; padding:4px; margin:0 10px !important;}

.ibox h2.title{ font-size:22px;}
.ibox a.more{ font-size:14px; width:8em; line-height:3; border-radius:1.5em;}

.box1 .video{ width:546px; height:342px;}
.box1 .video .poster em{ width:48px; height:48px;}

.box2 ul{ font-size:22px;}
.box2 ul li a{ height:514px;}

.box3 .inner dl{ font-size:14px;}
.box3 .inner dl dt a.pic img{ height:409px;}

.box4 ul li a span{ font-size:15px;}

.box5 ul.data{ width:auto; font-size:16px;}
.box5 .about_setion_map{ width:862px; height:674px;}
.box5 .about_setion_map .box{ transform:scale(0.862); transform-origin:left top;}

}

@media only screen and (max-width:768px){

.ibanner{ height:64vw;}
.ibanner .swiper-slide .txt{ font-size:12px; top:60%;}
.ibanner .swiper-slide .txt h4{ font-size:2em; padding:0 0 0.15em;}
.ibanner .swiper-pagination{ height:13px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:7px; height:7px; padding:2px; margin:0 4px !important;}

.ibox .con{ width:calc(100% - 30px); min-width:0;}
.ibox h2.title{ font-size:16px;}
.ibox a.more{ font-size:13px;}

.box1{ padding:0;}
.box1 .video{ width:auto; height:57.5vw; float:none; margin:10px 0;}
.box1 .txt{ font-size:14px; line-height:2;}
.box1 ul.data{ font-size:13px; padding:36px 0;}
.box1 ul.data li{ width:31%; margin:0 0 0 3.5%;}
.box1 ul.data li:first-child{ margin-left:0;}
.box1 ul.data li p{ height:2.46em; line-height:2.46em;}
.box1 ul.data li p img{ height:1.54em; margin:0.5em 0.4em 0 0;}
.box1 ul.data li p b{ font-size:1.7em;}

.box2 ul{ padding:0 0 40px;}
.box2 ul{ display:block; overflow:hidden; font-size:14px;}
.box2 ul li{ width:50%; float:left;}
.box2 ul li a{ height:200px; margin:0 6px 12px;}
.box2 ul li .txt{ padding:14% 10%;}

.box3{ padding:0 0 40px;}
.box3 .inner dl{ font-size:13px;}
.box3 .inner dl dt{ width:auto; float:none; margin:0;}
.box3 .inner dl dt a.pic img{ height:186px;}
.box3 .inner dl dd{ margin:14px 0 0; padding:10px 4% 0;}

.box4{ padding:0 0 40px;}
.box4 ul{ margin:0 -6px;}
.box4 ul li{ width:50%;}
.box4 ul li a{ margin:0 6px 12px;}
.box4 ul li a span{ line-height:3; font-size:14px;}

.box5{ padding:0 0 40px;}
.box5 ul.data{ font-size:13px; float:none; overflow:hidden; margin:0 0 -10px 10px;}
.box5 ul.data li{ width:50%; float:left; padding:0 0 2em;}
.box5 ul.data li::before{ width:0.5em; margin-right:1.25em;}
.box5 ul.data li p{ height:1em; line-height:1em; font-size:2.25em;}
/*
.box5 .about_setion_map{ float:none; width:100%; height:calc((100vw - 30px) * 0.782);}
.box5 #about_setion_maps{ width:100%; height:calc((100vw - 30px) * 0.782); transform:none;}
*/
.box5 .about_setion_map{ width:330px; height:258px; margin:0 auto;}
.box5 .about_setion_map .box{ transform:scale(0.33);}


}





/**/