@charset "utf-8";
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.banner .swiper01{ width:100%; overflow:hidden}
.banner .swiper01 img{ width:100%}
.banner .swiper01 .pagination01{ width:1200px; position:absolute; bottom:60px; left:calc(50% - 600px); z-index:3; color:#fff; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; font-style:italic}
.banner .swiper01 .pagination01 .swiper-pagination-current{ font-size:48px}

.gcon_1{ background:#fff}
.gcon_1 .item01{ float:left; font-size:18px; color:#ff9600; font-weight:bold; line-height:80px}
.gcon_1 .item02{ float:left; font-size:16px; color:#000000; line-height:80px; margin-left:8px }
.gcon_1 .item03{ float:left; font-size:16px; color:#000; line-height:80px; margin-left:3px}
.gcon_1 .item03 a{ color:#000}
.gcon_1 .item03 a:hover{ color:#ff9600}
.gcon_1 .rt{ float:right; background:#f3f3f3}
.gcon_1 .rt .inp1{ display:block; width:250px; box-sizing:border-box; padding:0 20px; color:#333; font-size:16px; height:80px; float:left}
.gcon_1 .rt .inp2{ display:block; width:80px; height:80px; background:url(g_04.png) center center no-repeat; cursor:pointer}

.gcon_2{ background:#f5f6f9; border-top:1px solid #c7dddc; padding:50px 0 80px}
.gcon_2 .ihd{ text-align:center}
.gcon_2 .ihd .en{ font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#0054a7; font-weight:bolder; font-style:italic; line-height:1}
.gcon_2 .ihd .cn{ font-size:30px; color:#434343; font-weight:bold; line-height:1; margin-top:10px}
.gcon_2 .ibd{ margin-top:35px; position:relative}
.gcon_2 .ibd .swiper02{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide{ width:281px; margin-right:25px;}
.gcon_2 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.gcon_2 .ibd .swiper02 .swiper-slide a{ display:block; padding:7px; background:#fff}
.gcon_2 .ibd .swiper02 .swiper-slide a .pic{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_2 .ibd .swiper02 .swiper-slide a .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_2 .ibd .swiper02 .swiper-slide a .title{ padding:5px 8px 10px 2px}
.gcon_2 .ibd .swiper02 .swiper-slide a .title .p1{ font-size:16px; color:#000000; font-weight:bold; line-height:40px}
.gcon_2 .ibd .swiper02 .swiper-slide a .title .p2{ font-size:14px; color:#707070;  line-height:26px; background:url(g_07.png) right center no-repeat; height:26px;}
.gcon_2 .ibd .prev02{ background:url(g_08.png) center center no-repeat; width:17px; height:30px; position:absolute; left:-50px; top:calc(50% - 15px); cursor:pointer; z-index:2}
.gcon_2 .ibd .next02{ background:url(g_09.png) center center no-repeat; width:17px; height:30px; position:absolute; right:-50px; top:calc(50% - 15px); cursor:pointer; z-index:2}
.gcon_2 .ifd{ margin-top:50px}
.gcon_2 .ifd a{ width:170px; height:40px; background:#0054a7; color:#fff; font-size:14px;display:flex;align-items: center;justify-content: center; margin:0 auto}

.gcon_3{ width:100%; position:relative}
.gcon_3 .cont1{ width:100%; position:relative}
.gcon_3 .cont1 .mySwiper2{ width:100%; position:relative}
.gcon_3 .cont1 .mySwiper2 .swiper-slide{ width:100%; position:relative; overflow:hidden; color:#fff}
.gcon_3 .cont1 .mySwiper2 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3 .cont1 .mySwiper2 .swiper-slide .pic img{ width:100%}
.gcon_3 .cont1 .mySwiper2 .swiper-slide .cont{ width:540px; height:100%;display:flex;align-items: center; position:absolute; left:calc(50% - 600px); top:0; z-index:2; color:#fff}
.gcon_3 .cont1 .mySwiper2 .swiper-slide .cont .en{ font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bolder; font-style:italic; line-height:1; text-transform:uppercase}
.gcon_3 .cont1 .mySwiper2 .swiper-slide .cont .cn{ font-size:30px; color:#fff; font-weight:bold; line-height:1; margin-top:20px}
.gcon_3 .cont1 .mySwiper2 .swiper-slide .cont .intro{ margin-top:20px; font-size:14px; color:#ffffff; line-height:2; height:56px;}
.gcon_3 .cont1 .mySwiper2 .swiper-slide .cont .more{ width:170px; height:40px; box-sizing:border-box;display:flex;align-items: center;justify-content: center; border:1px solid #fff; font-size:14px; margin-top:30px}
.gcon_3 .cont2{ width:115px; height:330px; position:absolute; right:calc(50% - 600px); top:calc(50% - 165px); z-index:9; color:#fff;}
.gcon_3 .cont2 .a{ width:100%; height:100%; overflow:hidden}
.gcon_3 .cont2 .mySwiper{ width:100%; height:66px}
.gcon_3 .cont2 .prev3{ font-size:0; background:url(g_11.png) center center no-repeat; width:100%; height:20px; position:absolute; left:0; top:-30px; cursor:pointer}
.gcon_3 .cont2 .next3{ font-size:0; background:url(g_12.png) center center no-repeat; width:100%; height:20px; position:absolute; left:0; bottom:-30px; cursor:pointer}
.gcon_3 .cont2 .mySwiper .swiper-slide{ line-height:66px; font-size:18px; padding-left:32px; }
.gcon_3 .cont2 .mySwiper .swiper-slide.swiper-slide-thumb-active{background:url(g_13.png) left center no-repeat; font-weight:bold}
.gcon_3 .cont2:after{ content:""; display:block; width:1px; height:100%; position:absolute; left:1px; top:0; background:#fff; opacity:0.5}

.gcon_4{ width:100%; background:url(g_14.jpg) bottom center no-repeat; background-size:cover; padding:120px 0 170px}
.gcon_4 .ihd{ text-align:center}
.gcon_4 .ihd .en{ font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#0054a7; font-weight:bolder; font-style:italic; line-height:1; text-transform:uppercase}
.gcon_4 .ihd .cn{ font-size:30px; color:#434343; font-weight:bold; line-height:1; margin-top:10px}
.gcon_4 .ibd{ margin-top:45px; position:relative}
.gcon_4 .ibd .lt{ width:560px; float:left}
.gcon_4 .ibd .lt .intro{ font-size:14px; color:#707070; line-height:2; text-align:justify}
.gcon_4 .ibd .lt ul{display:flex;justify-content: space-between; margin-top:20px}
.gcon_4 .ibd .lt ul li .pic{ float:left; height:44px}
.gcon_4 .ibd .lt ul li .pic img{ height:44px}
.gcon_4 .ibd .lt ul li .title{ float:left; line-height:44px; font-size:16px; color:#000000; margin-left:10px}
.gcon_4 .ibd .lt .more a{ width:170px; height:40px; background:#0054a7; color:#fff; font-size:14px;display:flex;align-items: center;justify-content: center; margin-top:30px}
.gcon_4 .ibd .rt{ width:600px; float:right; position:relative}
.gcon_4 .ibd .rt .pic{ width:100%; overflow:hidden}
.gcon_4 .ibd .rt .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_4 .ibd .rt:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_4 .ibd .rt .intro{ position:absolute; right:0; bottom:40px; z-index:2; background:rgba(0,84,167,0.8); color:#fff; padding:25px 30px; font-style:italic; font-weight:bold; line-height:1}
.gcon_4 .ibd .rt .intro .cn{ font-size:34px}
.gcon_4 .ibd .rt .intro .en{ font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-top:10px}

.gcon_5{ background:url(g_20.jpg) center center no-repeat; background-size:cover; padding:75px 0; position:relative}
.gcon_5 .ihd{ text-align:center}
.gcon_5 .ihd .en{ font-size:30px;  color:#fff; font-weight:bolder; line-height:1; background:url(g_19.jpg) bottom center no-repeat; padding-bottom:22px}
.gcon_5 .ihd .cn{ font-size:14px; color:#fff;  line-height:1; margin-top:20px}
.gcon_5 .ibd{ margin-top:55px; position:relative;display:flex;justify-content: space-between;}
.gcon_5 .ibd .item{ width:250px; height:400px; box-sizing:border-box; border:1px solid rgba(255,255,255,0); border-radius:10px; float:left; color:#fff; text-align:center; position:relative; z-index:9; transition:all 0.5s linear}
.gcon_5 .ibd .item .pic{ padding-top:65px; transition:all 0.5s linear}
.gcon_5 .ibd .item .pic img{ height:84px}
.gcon_5 .ibd .item .num{ margin-top:40px; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(g_21.png) top center no-repeat; line-height:1; padding-top:32px; transition:all 0.5s linear}
.gcon_5 .ibd .item .title{ font-size:18px; font-weight:bold; line-height:1; padding:30px 0 20px; background:url(g_18.png) bottom center no-repeat; transition:all 0.5s linear}
.gcon_5 .ibd .item .intro{ font-size:12px; line-height:20px; opacity:0; visibility:hidden; transition:all 0.5s linear}
.gcon_5 .ibd .item:hover{ border:1px solid #fff}
.gcon_5 .ibd .item:hover .pic{ padding-top:40px}
.gcon_5 .ibd .item:hover .num{  background:url(g_22.png) center center no-repeat; width:103px; height:103px; padding:0; margin:0 auto; color:#0054a7;display:flex;align-items: center;justify-content: center; margin-top:20px;}
.gcon_5 .ibd .item:hover .title{ background:url(g_18.png)  center 200%  no-repeat }
.gcon_5 .ibd .item:hover .intro{ opacity:1; visibility:visible}
.gcon_5:after{ content:""; display:block; width:100%; height:2px; background:rgba(255,255,255,0.2); position:absolute; left:0; top:412px; z-index:0}



.col-e { padding: 94px 0 122px; background: url(g_23.jpg) no-repeat center; }
.col-e .hd { margin-bottom: 45px; }
.col-e .bd { margin-bottom: 15px; margin-top:55px }
.col-e .bd ul { margin-left: -30px; }
.col-e .bd .item { position: relative; float: left; width: 380px; margin:0 0 0 30px; background:#fff; line-height:20px; }
.col-e .bd .item:after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #fff; transition: all .6s; }
.col-e .bd .item a { position: relative; display: block; padding: 0; z-index: 1; }
.col-e .bd .item .pic { position: relative; overflow: hidden; }
.col-e .bd .item .pic img { width: 380px; height: 215px; transform: scale(1); transition: all .6s; }
.col-e .bd .item dl { position: relative; display:block; overflow:hidden; zoom:1; padding:17px 25px 26px; background: #f9f9f9; line-height: 24px; }
.col-e .bd .item dl .title { color: #000; font-size: 14px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.col-e .bd .item dl .descrition { height: 48px; margin: 0; opacity: .8; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.col-e .bd .item-hover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #0054a7; color: #fff; z-index: 1; opacity: 0; transition: all .3s ease; }
.col-e .bd .item-hover dl { padding: 42px 20px 0; background: #0054a7; color: #fff; }
.col-e .bd .item-hover dl .title { margin-bottom: 10px; color: #fff; }
.col-e .bd .item-hover dl .descrition { margin-bottom: 24px; }
.col-e .bd .item-hover dl .d-y { font-size: 18px; font-weight: bold; font-family: Arial; }
.col-e .bd .item-hover dl .d-m { margin-bottom: 36px; font-size: 60px; font-weight: bold; font-family: Arial; line-height: 70px; font-weight: bold; }
.col-e .bd .item:hover:after { box-shadow: 0 15px 15px rgba(0,0,0,.1); transform: scale(1); }
.col-e .bd .item:hover .item-hover { opacity: 1; }
.col-e .ft a { display: block; width: 173px; margin: 0 auto; background: #0054a7; color: #fff; line-height: 40px; text-align: center; }

.col-e .ihd{ text-align:center}
.col-e .ihd .en{ font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#0054a7; font-weight:bolder; font-style:italic; line-height:1}
.col-e .ihd .cn{ font-size:30px; color:#434343; font-weight:bold; line-height:1; margin-top:10px}