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

/* =============================== main_banner =============================== */
.jd-slider,.jd-slider .slide-inner {overflow:hidden;position:relative;width:100%}
.jd-slider {margin:0 auto;padding:0}
.jd-slider .slide-area {width:100%;margin:0;padding:0}
.jd-slider .slide-area:after {display:block;content:'';clear:both}
.jd-slider .slide-area li {display:none;float:left;width:100%}
.jd-slider .slide-area li:first-child {display:block}
.jd-slider .slide-area li img {display:block;width:100%}
.jd-slider .next,.jd-slider .prev {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:37px;height:37px;border-radius:3px;line-height:37px;text-align:center;font-size:20px;font-weight:bold;color:#fff;background:#000;opacity:.5;transition:ease-out .2s}
.jd-slider .next img ,.jd-slider .prev img {display:inline-block;padding-top:10px}
.jd-slider a:hover {text-decoration:none;opacity:.8}
.jd-slider .next {margin-right:3%}
.jd-slider .prev {margin-left:3%}
.jd-slider .hidden.next,.jd-slider .hidden.prev {display:none}
.jd-slider .prev {left:0}
.jd-slider .next {right:0}
.jd-slider .controller {width:100%;text-align:center}
.jd-slider .controller .auto {display:inline-block;vertical-align:middle}
.jd-slider .controller .auto i {display:none;color:#333}
.jd-slider .controller .auto.pause .fa-pause,.jd-slider .controller .auto.play .fa-play {display:block}
.jd-slider .controller .indicate-area {display:inline-block}
.jd-slider .controller .indicate-area a {display:inline-block;position:relative;width:42px;height:5px;margin:0 5px;font-size:0;color:transparent;vertical-align:middle}
.jd-slider .controller .indicate-area a:after {content:'';position:absolute;top:0;left:0;width:inherit;height:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;opacity:.5}
.jd-slider .controller .indicate-area a.on:after {background-color:#fff;opacity:1}
.jd-slider a {font-size:1.5rem}
.jd-slider.fade_s .slide-area li {display:block;position:absolute;top:0;left:0;height:800px;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);transition:ease-out .2s}
.jd-slider.fade_s .slide-area li p {font-size:50px;text-shadow: 3px 3px 5px black;color:#fff;z-index:999}
.jd-slider.fade_s .slide-area li p.tit {margin-top:220px;/* font-size:2.0rem; */font-weight:bold}
.jd-slider.fade_s .slide-area li p.txt {margin-top:2%;font-size:20px;line-height:150%;letter-spacing:-0.01em; padding:0 15px;}
.jd-slider.fade_s .slide-area li .link_btn {display:inline-block;width:133px;height:38px;margin-top:3%;line-height:38px;box-sizing:border-box;border-radius:4px;background:#000000;font-weight:normal;font-size:15px;color:#fff;transition:ease-out .2s}
.jd-slider.fade_s .slide-area li .link_btn:hover {background:#ebbc40}
.jd-slider.fade_s .slide-area li .link_btn:hover {opacity:1}
.jd-slider.fade_s .slide-area li:first-child {position:static;opacity:1}
.jd-slider.fade_s .slide-area li:nth-child(1) {background:url(/image/main_banner_00.jpg) center no-repeat; -webkit-background-size: cover;background-size: cover;}
.jd-slider.fade_s .slide-area li:nth-child(2) {background:url(/image/main_banner_01.jpg) center no-repeat; -webkit-background-size: cover;background-size: cover;}
.jd-slider.fade_s .slide-area li:nth-child(3) {background:url(/image/main_banner_02.jpg) center no-repeat; -webkit-background-size: cover;background-size: cover;}
.jd-slider.fade_s .slide-area li:nth-child(4) {background:url(/image/main_banner_03.jpg) center no-repeat; -webkit-background-size: cover;background-size: cover;}
.jd-slider.fade_s .slide-area li:nth-child(5) {background:url(/image/main_banner_04.jpg) center no-repeat; -webkit-background-size: cover;background-size: cover;}
.jd-slider.fade_s .slide-area li:nth-child(6) {background:url(/image/main_banner_05.jpg) center no-repeat; -webkit-background-size: cover;background-size: cover;}

.jd-slider.slider--none .controller,.jd-slider.slider--none .next,.jd-slider.slider--none .prev {display:none}
.jd-slider .slide-inner::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}
.jd-slider .slide-area > li {border-right:1px solid #888;border-left:0;box-sizing:border-box;text-align:center}
.jd-slider .slide-area > li:first-child {border-left:1px solid #888}
.jd-slider .slide-area > li > a {display:block;height:200px;line-height:200px;font-size:3em;font-weight:bold;outline:0}
.jd-slider .controller {position:absolute;bottom:6%;left:0;right:0}

/* =============================== main_content (section) =============================== */
.main_content section {overflow:hidden;padding:5% 0}
.main_content section .section_text_wrap {margin-bottom:3.5%;text-align:center}
.main_content section .section_text_wrap .eng_s {font-size:13px;text-transform:uppercase;color:#d2ae50}
.main_content section .section_text_wrap .eng_b {margin-top:1%; margin-bottom: 3.5%;  padding:0 3%;font-size:30px;line-height:1.333em;color:#184296;font-family:''Montserrat', Sans-serif !important'}

/* section01
.section01 .joint_ul {position:relative;margin:3.5% 0 4.5% 0;text-align:center}
.section01 .joint_ul li {display:inline-block;width:20%;margin-right:1.5%;padding:1.5% 1.5% 19%;box-sizing:border-box;text-align:left;transition:ease-out .2s;z-index:0}
.section01 .joint_ul li:hover {opacity:0.85}
.section01 .joint_ul li:hover p:before {width:80px}
.section01 .joint_ul a:nth-child(1) li {background:url(/image/joint_img1.jpg) top center no-repeat;background-size:cover}
.section01 .joint_ul a:nth-child(2) li {background:url(/image/joint_img2.jpg) top center no-repeat;background-size:cover}
.section01 .joint_ul a:nth-child(3) li {background:url(/image/joint_img3.jpg) top center no-repeat;background-size:cover}
.section01 .joint_ul a:nth-child(4) li {background:url(/image/joint_img4.jpg) top center no-repeat;background-size:cover}
.section01 .joint_ul li:last-child {margin-right:0}
.section01 .joint_ul li p {position:relative;font-size:20px;color:#fff}
.section01 .joint_ul li p:before {content:'';position:absolute;bottom:-15px;left:0;width:15px;height:1px;background:#fff;transition:ease-out .2s}
.main_content section.section01 .section_text_wrap {margin-bottom:0}
.bg_b p {margin-bottom:1.5%}
.bg_b_img {width:100%;height:250px;background:url(/image/joint_b.jpg) center top no-repeat}*/


/* section01 */
.section01 .jointBx {position:relative; max-width: 1540px;margin: 0 auto 4.5% auto; }
.section01 .joint_ul {margin-left: -5px; text-align:center}
.section01 .joint_ul:after{display: block;clear: both;content: "";}
.section01 .joint_ul li {float: left; width: calc(25% - 5px); margin-left: 5px;  height: 21.65vw; box-sizing:border-box;text-align:left;transition:ease-out .2s;z-index:0}
.section01 .joint_ul a{display: block; padding:10%; height: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.section01 .joint_ul a:hover {opacity:0.85}
.section01 .joint_ul a:hover p:before {width:80px}
.section01 .joint_ul li:nth-child(1){background:url(/image/joint_img1.jpg) center no-repeat;background-size:cover}
.section01 .joint_ul li:nth-child(2){background:url(/image/joint_img2.jpg) center no-repeat;background-size:cover}
.section01 .joint_ul li:nth-child(3){background:url(/image/joint_img3.jpg) center no-repeat;background-size:cover}
.section01 .joint_ul li:nth-child(4){background:url(/image/joint_img4.jpg) center no-repeat;background-size:cover}
.section01 .joint_ul li:last-child {margin-right:0}
.section01 .joint_ul li p {position:relative;font-size:20px;color:#fff}
.section01 .joint_ul li p:before {content:'';position:absolute;bottom:-15px;left:0;width:15px;height:1px;background:#fff;transition:ease-out .2s}
.main_content section.section01 .section_text_wrap {margin-bottom:0}
.bg_b p {margin-bottom:1.5%}
.bg_b_img {width:100%;height:1500px;background:url(/image/joint_b.jpg) center top no-repeat}


/* section02 */
.section02 {background-color:#eaf1f9}
.regular.latest {width:1200px;margin:auto}
.latest .slick-slide {margin:0px 20px}
.latest .slick-slide img {width:100%}
.latest .slick-prev:before,.slick-next:before {color:black}
.latest .slick-slide {transition:all ease-in-out .3s}
.latest .slick-dots {display:none !important}
.latest .slick-prev, .latest .slick-next {width:40px;height:40px;left:auto;right:19px;top:112%;bottom:0;z-index:99;background:#fff !important}
.latest .slick-prev:hover, .latest .slick-next:hover {background:#fff !important}
.latest .slick-prev:before, .slick-next:before {color:#000 !important}
.latest .slick-prev:before {content:url('/image/btn_p_b.png')}
.latest .slick-next:before {content:url('/image/btn_n_b.png')}
.latest .slick-prev {right:68px}
.latest .latest_rolling_wrap {transition:ease-out .2s}
.latest .latest_rolling_wrap:hover {box-shadow:5px 5px 15px rgba(0,0,0,.2)}
.latest .latest_rolling {padding:3%;background:#fff;border-radius:3px}
.latest .latest_rolling .img {overflow:hidden}
.latest .latest_text_wrap {padding:10% 5% 5%;font-size:20px;}
.latest .latest_text_wrap .date {font-size:13px;color:#8d8d8d;}
.latest .latest_text_wrap .tit {padding:0 0 7%;color:#174195;font-family:'Montserrat', sans-serif !important;letter-spacing:0.01rem; height:90px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:14px 0 24px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* ���μ� */
-webkit-box-orient: vertical;
word-wrap:break-word;
line-height: 1.450em;
}
.latest .latest_text_wrap .more {padding-top:7%;border-top:1px solid #eee;font-size:13px;font-weight:bold;color:#193366}
.latest .latest_text_wrap .more:hover {background:none}
.latest .latest_text_wrap .more:after {display:none}
.latest_btn_wrap {width:1160px;margin:auto}
.latest_menu_more {display:inline-block;margin-top:1.5%;font-weight:bold;font-size:18px;;color:#193366}
.latest_menu_more:after {display:none}
.latest_menu_more:hover {color:#193366}
.latest_menu_more span {color:#1858d8}
.latest_menu_more img {margin:-2px 0 0 10px;     vertical-align: middle;}
/* slider hover effect */
 .latest .slick-slide a {display:inline-block;position:relative;width:100%;/* height:100%*/}
.latest .slick-slide .img > a {width:100%; padding-bottom:72.72539227564%;  display:block; position:relative; overflow:hidden;}
.latest .slick-slide .img > a img { position: absolute; top: -9999px; 	right: -9999px;	bottom: -9999px;	left: -9999px;	margin: auto;	min-height: 100%; width:100%;}
/* .latest .slick-slide > a:after {content:url('/image/more_l.png');position:absolute;top:0;right:0;width:100%;height:100%;opacity:1;padding-top:30%;text-align:center;transition:ease-out.5s;background-color:rgb(23,65,149,.8);transform:translateY(68%)} */
.latest .slick-slide a:after {content:url('/image/more_l.png');position:absolute;top:0;right:0;width:100%;height:100%;opacity:1;padding-top:32%;text-align:center;transition:ease-out.5s;background-color:rgb(27,79,184,.8);transform:translateY(68%)}
/*.latest .latest_rolling:hover a:after {transform:translateY(0)}*/

/* section03 */
.section03 {padding:0 !important;background:url(/image/section03_bg.jpg) 95% top no-repeat;background-size:cover}
.section03 .cont {float:left;width:50%;padding:8% 0;box-sizing:border-box}
.section03 .cont.left {background:rgba(22,88,211,.8)}
.section03 .cont.left .cont_text_wrap {float:right;width:64%;padding-right:10%;box-sizing:border-box}
.section03 .cont.left .cont_text_wrap .eng_s {font-size:13px;color:#d2ae50}
.section03 .cont.left .cont_text_wrap .eng_b {margin-top:3%;font-size:30px;line-height:1.333em;color:#fff;font-family:'Montserrat', sans-serif !important}
.section03 .cont.left .cont_text_wrap .eng_bo {position:relative;margin-top:8%;padding-top:5%;font-size:16px;line-height:1.813em;color:#fff}
.section03 .cont.left .cont_text_wrap .eng_bo:before {content:'';position:absolute;top:0;left:0;width:23px;height:2px;background-color:#d2ae50}
.section03 .cont.right {text-align:center}
.section03 .cont.right a {display:inline-block;margin:22% 0;font-weight:bold;font-size:1rem;color:#fff}
.section03 .cont.right a img {display:inline-block;margin:0 5px 0 0}
.section03 .cont.right a:hover {text-decoration:none}
.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
#anim-four{float:left;animation:heartbeat .5s cubic-bezier(0.245, 0.325, 0.510, 1.305) infinite alternate}
#anim-four img {float:left}
@keyframes heartbeat {to {transform:scale(1.2)}}

.modal-video-close{opacity:0}
.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}
.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}
.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}
.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}
.modal-video-close-btn:before{transform:rotate(45deg)}
.modal-video-close-btn:after{transform:rotate(-45deg)}
.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
@keyframes modal-video{from{opacity:0}to{opacity:1}}
@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}

/* section04 */
/* .section04 {padding:12% 0 !important;background:url(/image/section04_bg.jpg) 80% center no-repeat;background-size:cover;} */
.section04 {padding:12% 0 !important;background:url(/image/section04_bg.jpg) 73% center no-repeat; background-size:cover;  background-attachment: fixed;}

.section04 .section_text_wrap .eng_b {color:#fff !important}
.section04 .section_text_wrap .eng_bo {position:relative;margin-top:1.5%;padding:1.5% 3% 0 3%;font-size:16px;line-height:1.813em;color:#fff}
.section04 .section_text_wrap .eng_bo:before {content:'';position:absolute;top:0;left:0;right:0;width:23px;height:2px;margin:auto;background-color:#d2ae50}
.section04 .section_text_wrap .link_btn {display:inline-block;width:133px;height:38px;margin-top:3%;line-height:38px;box-sizing:border-box;border-radius:4px;background:#d2ae50;font-size:15px;color:#fff}
.main_content section.section04 .section_text_wrap {margin-bottom:0}
/* section05 */
.regular.rolling {width:100%;margin:auto}
.rolling .slick-slide {margin:0px 20px}
.rolling .slick-slide img {width:100%}
.rolling .slick-prev:before,.slick-next:before {color:black}
.rolling .slick-slide {transition:all ease-in-out .3s}
.rolling .slick-prevm, .rolling .slick-next {display:none}
.rolling .slick-dots {top:-14%}
.rolling a {display:inline-block;position:relative}
.rolling a:hover span {opacity:1}
.rolling a span {display:inline-block;position:absolute;top:60%;left:0;right:0;width:80%;margin:auto;text-align:center;color:#fff;z-index:3;font-size:14px;line-height:150%;opacity:0}
/* slider hover effect */
.rolling .slick-track {padding:0}
.slick-slide a {display:inline-block;position:relative;width:100%;/* height:100% */}
.slick-slide a:hover:after {opacity:0.2}
.slick-slide a:after {content:url('/image/more_p.png');position:absolute;top:0;right:0;width:100%;height:100%;padding-top:35%;background-color:rgba(27, 79, 184, 0.80)  ;text-align:center;opacity:0;transition:ease-out.3s}
.section05 .slick-slide a { width:100%; padding-bottom:100%;  display:block; position:relative; overflow:hidden;}
.section05 .slick-slide a img{ position: absolute;/*  top: -9999px; 	right: -9999px;	bottom: -9999px;	left: -9999px;	margin: auto;	min-height: 100%; */ width:100%; max-height:100%; left:50%; top:50%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}


@media all and (max-width:1580px) {
.jd-slider.fade_s .slide-area li {height:700px}
.bg_b_img {width:100%;margin:auto;background-size:contain}
.section03 .cont.left .cont_text_wrap {width:100%;padding:0 5%}
.slick-list {margin-top:4% !important}
.rolling .slick-dots {top:-18% !important}
.slick-slide a:after {padding-top:20%}
.rolling a span {font-size:0.5rem}
}
@media all and (max-width:1280px) {
.section03 .cont.left .cont_text_wrap .eng_b {font-size:1rem;line-height:140%}
.section03 .cont.left .cont_text_wrap .eng_bo {font-size:14px;line-height:150%}
.section04 .section_text_wrap .eng_bo{font-size: 14px; line-height: 150%; }
.section04 .section_text_wrap .eng_bo br,
.section03 .cont.left .cont_text_wrap .eng_bo br  { display:none;}
.latest .slick-prev, .latest .slick-next {top:107%}
.regular.latest {width:100%}
.latest_btn_wrap {width:100%;box-sizing:border-box;padding:0 3%}
.slick-slide a:after {padding-top:35%}
.rolling a span {display:none}
}
@media all and (max-width:1000px) {
.jd-slider.fade_s .slide-area li {height:600px}
.jd-slider.fade_s .slide-area li p.tit {margin-top:150px}
.section01 .joint_ul {margin-top: -5px; }
.section01 .joint_ul li {width:calc(50% - 5px); margin-top: 5px; height: 51.65vw;	}
.bg_b_img {height:180px}
.slick-list {margin-top:8% !important}
.section03 .cont.right a {padding:35% 0}
.section03 .cont.right a img {margin:-3px 5px 0 0}


}
@media all and (max-width:780px) {
.jd-slider.fade_s .slide-area li {height:500px}
.main_content section .section_text_wrap .eng_s {font-size:0.75rem}
.latest_menu_more {margin-top:0}
footer .footer_cont ul:nth-child(1) {width:50%}
footer .footer_cont ul:nth-child(2) {width:50%}
footer .footer_cont ul:nth-child(3) {width:100%}
footer .footer_cont ul li.tit {margin-bottom:4%; font-size:1rem;}
footer .footer_cont ul li a { font-size:13px;}
footer .footer_cont ul:nth-child(3) li.tit {margin:4% 0 4% 0}
footer .footer_cont ul li p {padding-bottom:2%}
.latest .slick-slide a:after {padding-top:25%}
}
@media all and (max-width:680px) {
.latest .slick-prev, .latest .slick-next {width:30px;height:30px;top:105.5%}
.latest .slick-prev {right:60px}
.latest .slick-slide {margin:0 10px}
.section03 .cont.right a img {margin:-6px 5px 0 0}
.section01 .joint_ul li p{font-size: 16px; }
.section04{    background-attachment: inherit;}
}

@media all and (max-width:560px) {
.jd-slider.fade_s .slide-area li {height:400px}
.jd-slider.fade_s .slide-area li p.tit {margin-top:110px; /* font-size:1.3rem; */}

.bg_b_img {height:500px}
.main_content section .section_text_wrap .eng_s {padding:0 15px;}
.section03 .cont {width:100%}
.section03 .cont.left{background-color: rgba(22,88,211,1);}
.section03 .cont.right{    background: url(/image/section03_bg.jpg) 95% top no-repeat;background-size: cover;}
.section03 .cont.left .cont_text_wrap .eng_bo {margin-top:5%;padding-top:3%}
.section03 .cont.right a {padding:5% 0}
.section04 {padding:6% 0 !important;}
footer .footer_cont ul li p {margin-bottom:2%;line-height:150%}
footer .footer_cont ul li p img {float:left;margin:0 2% 0 0}
.slick-list {margin-top:10% !important}
.rolling .slick-dots {top:-25% !important}

}
@media all and (max-width:480px) {
.jd-slider.fade_s .slide-area li {height:260px}

.jd-slider .prev, .jd-slider .next {display:none}
.main_content section .section_text_wrap .eng_b {letter-spacing:-0.02em}
}
@media all and (max-width:390px) {
}