@charset "utf-8";
/* CSS Document */
@import "/font/webfont.css?v=1.15";
html, body {position: relative;height: 100%;margin:0;}
body{font-family:"siyuan";font-weight:normal;font-size:12px;color:#000;margin:0px;padding:0px; background:#fff; overflow-x:hidden}
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none; vertical-align:inherit;}
li{ list-style:none}
a{color:#000000;text-decoration:none;}
a:hover{ color:#1e4282}
.clear{clear:both;}
video{outline: none;}
.noselect{
-webkit-touch-callout: none;-webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; outline: none;
}
.noselect:focus{
      outline: -webkit-focus-ring-color auto 0px;
}
.content{width:1400px;margin:0 auto;}
.w1200{width:1000px;}

.index_video::-webkit-media-controls-fullscreen-button {display: none;}/*全屏按钮*/
.index_video::-webkit-media-controls-play-button {display: none;}/*播放按钮*/
.index_video::-webkit-media-controls-timeline {display: none;}/*进度条*/
.index_video::-webkit-media-controls-current-time-display{display: none;}/*观看的当前时间*/
.index_video::-webkit-media-controls-time-remaining-display {display: none;}/*剩余时间*/
.index_video::-webkit-media-controls-mute-button {display: none;}/*音量按钮*/
.index_video::-webkit-media-controls-toggle-closed-captions-button {display: none;}
.index_video::-webkit-media-controls-volume-slider {display: none;}/*音量的控制条*/

#pageloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
/*height: 100%;*/
overflow: hidden;
z-index: 2000;
}
#pageloader::after,#pageloader::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 50%;
background: #302522;
z-index: -1;
-webkit-transition: all 0.8s cubic-bezier(.77,0,.175,1) 0s;
transition: all 0.8s cubic-bezier(.77,0,.175,1) 0s
}
#pageloader::before {top: 0}
#pageloader::after {bottom: 0}
#pageloader .loader-icon {-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s}
#pageloader.hide::after,#pageloader.hide::before {height: 0}
#pageloader.hide .loader-icon {opacity: 0}
.gtco-loader { position: absolute; left: 0px;  top: 0px;  width: 100%;  height: 100%;background-color:#ebebeb; z-index: 10;justify-content: center; align-items: center;display: flex;}
.gtco-loader i{font-size:36px; position:absolute; color:#333;}


.top{background-color:#26417f; padding:0 55px; position:fixed; width:calc(100% - 110px);z-index:900;top:0;transition: all 0.5s;}
.top.up{top:-138px;transition: all 0.5s;}
.top.up.down{top:-0px;transition: all 0.5s;}
.top ul{display:flex;align-items: center; height:85px;}

.top li.logo a:before {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -27px;
    width: 120px;
    z-index: -1;
    height: 100%;
    background-image: url(/images/logo_bg_l.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.top li.logo a:after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -27px;
    width: 120px;
    z-index: -1;
    height: 100%;
    background-image: url(/images/logo_bg_r.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.top li{float:left; width:calc((100% - 400px) / 4); text-align:center;margin-top: -2px;}
.top li a{color:#fff;font-family:"oswald";font-weight:600;text-transform: uppercase;font-size:22px;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.top li a span{font-size:16px;font-family:"siyuan";font-weight:500; padding-top:2px; padding-left:8px;transition: all 0.3s;}
.top li a:hover{font-size:23px;transition: all 0.3s; letter-spacing:0.5px;}
.top li a:hover span{font-size:17px;transition: all 0.3s; letter-spacing:0.5px;}

.top li.logo{width:400px;display: flex;justify-content: center;}
.top li.logo img{height:90px;transition: all 0.2s;}
.top li.logo a{height:130px;position: absolute;top: 0; z-index: 10;width: 200px;background-color: #26417f;}
.top li.logo a:hover img{height:100px;transition: all 0.2s;}

.top.white{background-color: #fff;}
.top.white li a{color:#26417f}
.top.white li.logo a{background-color: #fff;}
.top.white li.logo a:before {
    background-image: url(/images/logo_bg_l_white.png);
}
.top.white li.logo a:after {
    background-image: url(/images/logo_bg_r_white.png);
}
.nav_top{font-size: 0;display:none;height:70px; background-color:#26417f;width:calc(100% - 50px); padding:0 25px;position: fixed;z-index:15;}
.nav_ph{display:none;}
.move_bg{position: relative;line-height: 0;overflow: hidden;height:100%;}
.index01{
	height:100%;
	/*background:url(/images/i_bg.jpg);*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display:flex;
	align-items: end;
	
	z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: ani_scaleIn 1.0s cubic-bezier(0.2, 1, 0.3, 1)!important;
    animation: ani_scaleIn 1.0s cubic-bezier(0.2, 1, 0.3, 1)!important;
	
}
.index01_h100{
	width:calc(100% - 0px);
	height:100%;
	margin:0 auto;position: relative;overflow: hidden; 
    background-image: url(/images/i_kuiyou.png);
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center 134px;
}
.index_swiper{display: flex;align-items: center;height: calc(100% - 233px);width: calc(100% - 200px);margin: 183px auto 50px;overflow: hidden; } 
.index_swiper .swiper-slide{display: flex;justify-content: center;height: auto;}
.index_swiper .swiper-slide video{
    margin: 0 auto;
    visibility: visible;
    height:100%;
	width:100%;
	/*object-fit: cover;*/
}
.index_swiper .swiper-slide a{display:block; width:100%; height:100%;}
.index_ban_next,.index_ban_prev{margin: -30px 0 0;padding: 0;background-image: none;outline: none;user-select: none;width:60px; height:60px;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.index_ban_prev{margin-left:100px;}
.index_ban_next{margin-right:100px;}
.index_ban_prev:after{
	content:'';border-width: 2px 0 0 2px;border-color: #f8f6f6;
	opacity:0.6;
    width: 60px;height: 60px;border-style: solid;
	transition:all .2s;
}
.index_ban_next:after{
	opacity:0.6;
	content:'';border-width: 0 2px 2px 0;border-color: #f8f6f6;
    width: 60px;height: 60px;border-style: solid;
	transition:all .2s;
}
.index_ban_prev:hover:after{opacity:1;border-color: #fff;margin-left: -10px;margin-top: -10px;transition:all .2s;}
.index_ban_next:hover:after{opacity: 1;border-color: #fff;margin-right: -10px;margin-bottom: -10px;transition:all .2s;}

.index02{
	height:300px;
	background:url(/images/i_bg02.jpg);background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display:flex;
	align-items: center;
	justify-content: center;
}
.index02 h2{color:#26417f;font-size:100px;font-family:"oswald";font-weight:bold; text-align:center;}
.index02 h2 p{color:#26417f;font-size:32px;font-family:"siyuan";font-weight:normal; letter-spacing:15px;padding-left: 25px;}
.index03{font-size: 0;display: flex;justify-content: space-between;}
.index03 ul{display: flex;width: 100%;}
.index03 li{width: 33.33%; background-color:#000;}
.index03 li:nth-child(2){margin-left: -0.01%;}
.index03 li a{position:relative;}
.index03 li a p{
	position:absolute; background-color: rgba(0, 0, 0, 0.6);
	height:0px;z-index: 1;width: 100%;
	bottom:0px; color:#fff; line-height:60px;
	transition:all .3s; opacity:1; 
}
.index03 li a:hover p{opacity:1;transition:all .3s;height:60px;}
.index03 li a p span{padding-left:20px;font-size:20px; }
.index03 li a img{width:100%;filter: grayscale(1);transition: all 0.3s;}
.index03 li a:hover img{filter: grayscale(0);transition: all 0.3s;}

.index04{font-size: 0;display: flex;justify-content: space-between; background-color:#000;}
.index04 .l{width:33.33%;float:left;}
.index04 .r{width:66.67%;float:left;}
.index04 a{position:relative;}
.index04 a p{
	position:absolute; background-color: rgba(0, 0, 0, 0.6);
	height:0px;z-index: 1;width: 100%;
	bottom:0px; color:#fff; line-height:60px;
	transition:all .3s; opacity:0; overflow:hidden;
}
.index04 a:hover p{opacity:1;transition:all .3s;height:60px;}
.index04 a p span{padding-left:20px;font-size:20px; }
.index04 a img{width:100%;filter: grayscale(1);transition: all 0.3s;}
.index04 a:hover img{filter: grayscale(0);transition: all 0.3s;}
/*works*/
.work_nav{position:fixed; right:4%; z-index:100; height:100%; display:flex;align-items: center; text-align:right; top:30px;}
.work_nav li{height:60px;}
.work_nav li a{font-family:"oswald";font-weight: 600;text-transform: uppercase;font-size:36px;display:flex;align-items: center;justify-content: right;transition: all 0.4s;}
.work_nav li a span{font-family: "siyuan";font-weight:500;font-size:20px; padding-left:8px;}
.work_nav li a:hover,.work_nav li a.cur{transform:translate3d(-25px,0,0) scale(1.15);transition: all 0.4s;color: #1e4282;}


.work01{
	display:flex;
	background-image: url(/images/works_bg.jpg);
    background-repeat:repeat-y;
	background-position: 0 top;
	background-size: contain;
}
.bg{
	background-image: url(/images/works_top_bg.jpg);
    background-repeat:no-repeat;
	background-position: 0 top;
	background-size: contain;
    margin: 0 auto;
    width: 100%;
}
.bg .txt{
	font-family: "oswald";
	font-weight: 500;
	font-size: 300px;
    position: absolute;
    right: 4%;
    top:50px;
    z-index: 10;
    color: #f1f1f1;
}
.work01 .work_list{width:calc(100% - 580px); float:left;padding:350px 0 100px;}
.work01 .work_list li{width:calc((100% - 40px) / 2); float:left;font-size:0; margin-left:20px; margin-bottom:20px;}
.work01 .work_list li.item_r{/*transform:translate3d(0,100px,0);*/}
.work01 .work_list li a{ position:relative;}
.work01 .work_list li a img{width:100%;filter: grayscale(1);transition: all 0.3s;}
.work01 .work_list li a:hover img{width:100%;filter: grayscale(0);transition: all 0.3s;transform:translate3d(0,-3px,0);}
.work01 .work_list li a p {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    height: 0px;
    z-index: 1;
    padding-left:15px;
    width: calc(100% - 15px);
    bottom:0px;
    color: #fff;
    line-height: 40px;
    transition: all .3s;
    font-size: 16px;font-weight:500;
    opacity: 0;
    overflow: hidden;
}
.work01 .work_list li a:hover p{opacity:1;transition:all .3s;transform:translate3d(0,-3px,0);height:40px;}
.work01 .work_list .layui-flow-more{padding-top:120px;}
.work01 .work_list .layui-flow-more a{padding:3px 0 5px;border: 1px solid #000;font-size: 16px;font-weight: 500;transition: all 0.3s;display: inline-block;width: 160px;}
.work01 .work_list .layui-flow-more a i{color: #000000;}
.work01 .work_list .layui-flow-more a:hover{border-color:#1e4282;transition: all 0.3s;}
.work01 .work_list .layui-flow-more em{font-style:normal;padding:3px 0 5px;border: 1px solid #c1c1c1;font-size: 16px;display: inline-block;width: 150px;height: 32px;line-height: 32px;}
.picbox__caption{font-size:15px;}


.work_details01{height:100%; position:relative; width:100%; background-color:#000;}
.work_details01 video{
	position: absolute;
    top:0px;
    width: 100%;
    height: calc(100% - 0px);
    cursor:pointer;
    /*object-fit: cover;*/
}
.work_details01 .playBtn{left: 50%; top:50%; margin-left:-35px; margin-top:-35px; width:70px; height:70px;position: absolute;z-index: 10;display: flex;justify-content: center;align-items: center; cursor:pointer;}
/*.work_details01 .playBtn:before{
    position: absolute;
    content: "\e764";
    font-family: "lsfont";
    color: #d4d4d4;
    font-size:68px;
    display: flex;
	justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
	z-index: 10;
    cursor:pointer;
    transition: all .3s;
}*/
.work_details01 .playBtn i:before{
    content: "\e764";
    font-family: "lsfont";
    color: #fff;
    font-size:65px;
    font-style:normal;
	z-index: 10;
    cursor:pointer;
    transition: all .2s;
}
.work_details01 .playBtn i:hover:before{color:#fff;transform:scale(1.1);transition: all .2s;}
.work_details01 .playBtn.play{background: rgba(0, 0, 0,0); display:none;}
.work_details01 .playBtn.play i:before{content:"";}
.work_details02{
	height:540px;width:100%; 
	background-image: url(/images/works_details01.jpg);
    background-repeat:no-repeat;
	background-position: left center;
	background-size:cover;
	display: flex;
    align-items: center;
}
.work_details02 .h{width:calc(100% - 120px);padding:0 60px;}
.work_details02 .h .l{float:left;width:50%;}
.work_details02 .h .l h2{font-family: "oswald";font-weight:bold;text-transform: uppercase;font-size:60px;line-height: 70px; margin-top:-10px;}
.work_details02 .h .l p{font-weight:500;font-size:30px; padding-left:2px; padding-top:10px;}
.work_details02 .h .r{float:right;width:50%;}
.work_details02 .h .r h2{font-weight:bold;font-size:40px;line-height:36px; padding-bottom:20px;}
.work_details02 .h .r li{border-bottom:1px solid #2b2b2b; padding:15px 0 10px;font-family: "oswald";font-weight: 500;font-size:26px;}
.work_details02 .h .r li span{font-family: "siyuan";font-weight:normal; float:right;font-size:24px;}

.work_details03{background-color:#333333; padding:60px 0 60px 60px;width:calc(100% - 60px);display: flex; align-items: center; position:relative;}
.work_details03 .l{width:25%;float:left; position: relative;}
.work_details03 .l h2{font-family: "oswald";font-weight: 500;text-transform: uppercase;font-size:60px;line-height: 70px; margin-top:-10px; color:#fff;}
.work_details03 .l p{font-weight:500;font-size:30px; padding-left:2px; padding-top:10px; color:#fff;}
.work_details03 .r{width:75%; float:right;}
.work_details03 .r .swiper-slide{float:left;width:calc(100% / 4); transition: transform 0.3s;}
/*.work_details03 .r .swiper-slide .info{border-left:2px solid #555; padding-left:20px;}*/
/*.work_details03 .r .swiper-slide.swiper-slide-active .info{border-left:0;transition: all .3s;}*/
.work_details03 .r .swiper-slide .pic{overflow: hidden;height:241px;}
.work_details03 .r .swiper-slide a{
	display:block;
    background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	filter: grayscale(1);
	width: 100%; height:100%;
    transition: all .3s;
}
.work_details03 .r .swiper-slide a:hover {
	transform:scale(1.10);
	filter: grayscale(0);
    transition: all 0.3s;
}
/*.work_details03 .r .swiper-slide.swiper-slide-active .info:before{display:none;}
.work_details03 .r .swiper-slide .info:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 0px;
    background-color: #767676;
    margin-top: 0px;
    transition: all 0.5s;
}
.work_details03 .r .swiper-slide:hover .info:before{background-color:#fff;height: 100%;transition: all .5s;}*/

.work_details03 .r .swiper-slide p{color:#fff; font-size:14px; padding-top:5px;}
.wroks_details_next,.wroks_details_prev{margin:0;padding: 0;background-image: none;outline: none;user-select: none; position:initial;display:inline-block; margin-top:15px}
.wroks_details_prev{margin-left:0px;}
.wroks_details_next{margin-left:25px;}
.wroks_details_prev:after{
    font-family: "lsfont";
	content: "\e755";
    color: #fff;
    font-size: 45px;
	transition:all .2s;
}
.wroks_details_next:after{
	font-family: "lsfont";
	content: "\e758";
    color: #fff;
	font-size: 45px;
	transition:all .2s;
}
/*about*/
.about_bg{
	background-image: url(/images/about_bg.jpg);
    background-repeat:repeat-y;
	background-position: 0 top;
	background-size: cover;
}
.about01{padding:180px 80px 0;width:calc(100% - 160px);}
.about01 .intro .lang ul{float:right;border: 1px solid #b2b2b2;padding: 8px 5px; background-color:#dadada; margin-bottom:35px;}
.about01 .intro .lang ul li{float:left;position:relative;}
.about01 .intro .lang ul li:nth-child(2):before{
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 1px;
    height: 15px;
    background-color: #767676;
}
.about01 .intro .lang ul li:nth-child(2):after{
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
    height: 15px;
    background-color: #767676;
}
.about01 .intro .lang ul li a{ font-size:16px; margin:0 10px;font-weight:bold;}
.about01 .intro .lang ul li a:hover,.about01 .intro .lang ul li a.cur{color:#26417f;}
.about01 .intro .l{width:50%; float:left;font-weight:500;}
.about01 .intro .r{width:calc(50% - 100px); padding-left:100px; float:right;}
.about01 .intro .l h2{font-size:90px;font-weight:bold; padding:150px 0 60px;}
.about01 .intro .l p{font-size:18px; line-height:40px; padding-bottom:50px;}
.about01 .intro .about_pic{}
.about01 .intro .about_pic.tr1_pic img{width:100%;transition: all 0.3s; opacity:0.9;}
.about01 .intro .about_pic.tr1_pic a:hover img{transition: all 0.3s; opacity:1.0;}
.about01 .intro .about_pic.tr2_pic{padding:20px 0 0;display: inline-block;}
.about01 .intro .about_pic.tr2_pic .l{width:40%;float:left; padding:0;font-size: 0;}
.about01 .intro .about_pic.tr2_pic .r{width:calc(60% - 20px);float:right; margin:80px 0 80px 20px;padding: 0;}
.about01 .intro .about_pic.tr2_pic img{width:100%;transition: all 0.3s;opacity:0.9;}
.about01 .intro .about_pic.tr3_pic img{width:calc(100% - 100px);padding-left: 100px;transition: all 0.3s;opacity:0.9;}
.about01 .intro .about_pic.tr2_pic a:hover img{transition: all 0.3s;opacity:1.0;}
.about01 .intro .about_pic.tr3_pic a:hover img{transition: all 0.3s;opacity:1.0;}


.about01.jp .intro .l h2{padding: 150px 0 40px;line-height: 110px;}
.about01.jp .intro .l p{font-size: 17px;line-height: 32px;padding-bottom: 26px;}
.about01.jp .intro .l{font-weight:400;}

.about01.en .intro .l h2{
    padding: 100px 0 40px;
    line-height: 80px;
    font-size: 70px;
    font-family: "oswald";
    text-transform: uppercase;
}
.about01.en .intro .l p{
    font-size: 18px;
    line-height: 36px;
    padding-bottom: 26px;
    font-family: "oswald";
}
.about01.en .intro .l{font-weight:400;}

.about02{padding:60px 0; clear:both;}
.about02 h2{font-size:75px;font-family: "oswald"; font-weight:bold;padding:30px 0 60px; text-align:center;}
.swiper_our_partners{position:relative; width:calc(100% - 160px); margin:0 80px;overflow:hidden; box-sizing: border-box;}
.swiper_our_partners .swiper-wrapper{height:320px;}
.swiper_our_partners .swiper-slide{float:left;width:100%;}
.swiper_our_partners .swiper_pagination_partners{width: 100%;margin-top:15px;text-align:center;}
.swiper_our_partners .swiper-pagination-bullet{width:auto; background:none; border-radius:0;display: inline-table; font-size:20px;padding: 0 15px;font-weight:bold; color:#000;opacity: 1;}
.swiper_our_partners .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#1e4282;}
.about02.en .swiper_our_partners .swiper-pagination-bullet{font-family: "oswald";font-weight: 400;}
.swiper_our_partners .swiper-slide .swiper {width:calc(100% - 0px);height:calc(100% - 0px);}
.swiper_our_partners .swiper-slide .swiper-slide {
        text-align: center;
        font-size: 18px;
		height: calc((100% - 1px) / 2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		position:relative;
}
.swiper_our_partners .swiper-slide .swiper-slide p{
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    border: 1px solid #adadad;
    margin: 0 0 -1px -1px;
    border-left: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.swiper_our_partners .swiper-slide .swiper-slide p img{
	width:calc(100% - 60px);
	margin:0 30px;
}
.swiper_our_partners .swiper-slide .swiper .swiper-slide.swiper-slide-active p:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #adadad;
}
.swiper_our_partners .swiper-slide .swiper .swiper-slide.swiper-slide-active + .swiper-slide p:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #adadad;
}
.swiper_our_partners .swiper-slide .swiper.line:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #adadad;
}
.swiper_our_partners .swiper-slide .swiper.line .swiper-slide.swiper-slide-active p:before{display:none;}
.swiper_our_partners .swiper-slide .swiper.line .swiper-slide.swiper-slide-active + .swiper-slide p:before{display:none;}
.about03{ height:100%; background-size: cover;background-position:center 0;background-repeat:no-repeat;position:relative;background-attachment:fixed;}

.about03:before{content:""; position:absolute;height:100%; width:100%;background-color:rgba(0,0,0,0.6);}
.about03 h2{font-family: "oswald";font-weight:bold;font-size:12em; color:#fff; position:absolute; left:60px;bottom:20%; line-height:1em;}

.about04{padding:80px 80px 60px; clear:both;width:calc(100% - 160px);}
.about04 .about_history{display: flex;}
.about04 .about_history .l{width:calc(35% - 45px); padding-right:45px; float:left;}
.about04 .about_history .l h2{font-size:9em;font-family: "oswald";font-weight:bold; text-align:left; color:#000;}
.about04 .about_history .r{width:calc(65% - 0px);float:right; padding:40px 0 80px;}
.about04 .about_history .r .list li{width:calc((100% - 60px) / 3); margin:0 10px 20px; float:left;transition: all 0.3s;}
.about04 .about_history .r .list li .pic{overflow: hidden;height:270px;}
.about04 .about_history .r .list li a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    filter: grayscale(1);
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.about04 .about_history .r .list li a p {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    height: 0px;
    z-index: 1;
    padding: 0 15px;
    width: calc(100% - 30px);
    font-size: 14px;
    bottom: 0px;
    color: #fff;
    line-height: 42px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}
.about04 .about_history .r .list li a:hover p {
    opacity: 1;
    height: 42px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.about04 .about_history .r .list li a:hover{
    filter: grayscale(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.about04 .about_history .r .list li:hover{
     transition: all 0.3s;
    -webkit-transform: translate3d(0,-4px,0);
    -moz-transform: translate3d(0,-4px,0);
    -o-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.12);
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.12);
}

.about04 .about_history .r .info{clear: both; padding:30px 10px 0; font-size:18px;font-weight:500;line-height: 40px; display:none;}
.about04 .about_history .r .info p{padding-bottom:50px;}

/*team*/
.team_bg{
	background-image: url(/images/team_bg.jpg);
    background-repeat:repeat;
	background-position: 0 top;
	background-size: cover;
}
.team01{padding:180px 40px 0;height: calc(100% - 180px);}
.team01 .l{width:16%; float:left;}
.team01 .l h2{font-family: "oswald";font-weight: bold; font-size:75px; text-transform: uppercase; padding-bottom:20px;}
.team01 .l li{padding:5px 0;}
.team01 .l li a{font-size:22px;font-weight:500;}
.team01 .l li a.cur{color: #1e4282;}
.team01 .r{width:calc(84% - 80px); float:right; padding-left:80px;}
.team01 .r li{float:left;width:calc(100% / 3);}
.team01 .r .swiper-slide a img{width:100%;}
.team01 .r .swiper-slide h2{font-weight:500; font-size:22px; padding-top:10px;}
.team01 .r .swiper-slide p{font-size:22px;font-weight:600;}
.team01 .r .swiper-slide p em{font-family: "oswald";font-weight:600; font-style:normal;text-transform: uppercase;font-size: 20px; display:block;}

.team_swiper_next,.team_swiper_prev{
	position:absolute;
	top:30px;margin: 0;padding: 0;
	background-image: none;outline: none;
	width:70px; height:70px;
	border: 1px solid #fff;border-radius: 50%; opacity:0;transition:all .3s;
}
.team_swiper:hover .team_swiper_prev,.team_swiper:hover .team_swiper_next{opacity:1;transition:all .3s;}
.team_swiper_prev{left:30px;}
.team_swiper_next{right:30px;}
.team_swiper_prev:before{content:'';height:1px;width:30px;background-color:#fff;transition:all .2s;position:absolute;margin-left: 5px;}
.team_swiper_prev:after{
	content:'';border-width: 1px 0 0 1px;border-color: #fff;
    width: 20px;height: 20px;border-style: solid;margin-left:0px;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .2s;
}
.team_swiper_prev:hover:before{opacity: 1;margin-left:-2px;transition:all .2s;}
.team_swiper_prev:hover:after{margin-left:-5px;transition:all .2s;}
.team_swiper_next:before{content:'';height:1px;width:30px;background-color:#fff;transition:all .2s;position:absolute; margin-right: 5px;}
.team_swiper_next:after{
	content:'';border-width: 0 1px 1px 0;border-color: #fff;
    width: 20px;height: 20px;border-style: solid;margin-right:0px;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .2s;
}
.team_swiper_next:hover:before{opacity: 1;margin-right:-2px;transition:all .2s;}
.team_swiper_next:hover:after{opacity: 1;margin-right:-5px;transition:all .2s;}
.team_swiper_prev.swiper-button-disabled,.team_swiper_next.swiper-button-disabled{opacity:0!important;transition:all .3s;}
.team02{clear:both; padding:80px 40px 0;}
.team02 .tit{font-family: "oswald";font-weight: bold;font-size: 75px;text-transform: uppercase;line-height: 80px;padding-bottom: 50px;}
.team02 .info{display:flex; padding-bottom:50px;}
.team02 .l{width:calc(50% - 0px); float:left;font-weight:500; font-size:16px;}
.team02 .l p{padding-bottom:50px; line-height:30px;}
.team02 .r{width:calc(50% - 0px); float:right;}
.team02 .r h2{font-weight:600;font-size:24px; padding-bottom:15px;}
.team02 .r .swiper-slide img{width:100%;}
.team02 .r .swiper-slide h3{font-weight:600;font-size:17px; padding:5px 0;}
.team02 .r .swiper-slide p{font-weight:500;font-size:14px; line-height:22px;}

.team02_swiper:hover .team_swiper_prev,.team02_swiper:hover .team_swiper_next{opacity:1;transition:all .3s;}
/*contact*/
.contact_bg {
    background-image: url(/images/about_bg.jpg);
    background-repeat: repeat-y;
    background-position: 0 top;
    background-size: cover;
}
.contact01{margin: 0 auto;padding:150px 80px 0;display:flex;width:calc(100% - 160px);}
.contact01 .l{width:calc(45% - 0px);float:left; padding-right:0px;}
.contact01 .l h2{font-size: 75px;font-family: "oswald";font-weight:bold;text-transform: uppercase;margin-left: -3px;margin-bottom: -15px;}
.contact01 .l h3{font-size:32px; font-weight:bold;}
.contact01 .r{width:calc(55% - 80px);float:left; padding-left:80px;}
.contact01 .r .map img{width:100%; padding-top:80px;}
.contact01 .l .address{padding-top:60px;}
.contact01 .l .address li{width:100%; border-bottom:1px solid #000; padding:26px 0px 15px;display: inline-block;}
.contact01 .l .address li span{font-size:18px; font-weight:bold; float:left;}
.contact01 .l .address li p{font-size:18px; font-weight:500; float:right;color: #111;}
.contact02{margin: 0 auto;padding:130px 80px 60px;width:calc(100% - 160px);}
.contact02 h2{font-size: 75px;font-family: "oswald";font-weight:bold;text-transform: uppercase;margin-left: -3px;margin-bottom: -15px;}
.contact02 h3{font-size:32px; font-weight:bold;}
.contact02 .input_data{padding:30px 0 10px;}
.contact02 .input_data ul{margin:0 -15px;}
.contact02 .input_data ul li{width:calc(50% - 30px);float:left; margin:0 15px;}
.contact02 .input_data ul li p{font-size:20px; font-weight:bold;}
.contact02 .input_data ul li em{font-size:22px; font-weight:bold;font-family:"oswald"; font-style:normal; padding-right:5px;}
.contact02 .input_data ul li input{border:1px solid #717171; margin:5px 0 20px;background-color: transparent; padding:10px 10px; font-size:16px; font-weight:500;width:calc(100% - 22px);}
.contact02 .input_data ul li:last-child{width:calc(100% - 30px); margin:0 15px;}
.contact02 .input_data ul li textarea{height:130px;border:1px solid #717171; margin:5px 0 20px;background-color: transparent; padding:8px 10px; font-size:16px; font-weight:500;width:calc(100% - 22px);}
.contact02_btn{width:160px; display:block; height:50px; line-height:50px;clear: both; font-size:20px; font-weight:bold; text-align:center; color:#fff; background-color:#1e4282; margin:0 auto;transition: all 0.3s;}
.contact02_btn:hover{color:#fff; background-color:#333;transition: all 0.3s;}
.contact03{padding:80px 80px 100px;width:calc(100% - 160px); background-color:#333333; display:flex; color:#fff;}
.contact03 .l{width:calc(50% - 60px); float:left; padding-right:60px;}
.contact03 .l h2{font-size: 80px;font-family: "oswald";font-weight:bold;text-transform: uppercase;margin-left: -3px;margin-bottom: -15px;}
.contact03 .l h3{font-size:32px; font-weight:bold;}
.contact03 .r{width:calc(50% - 60px); float:right; padding-left:60px;}
.contact03 .l p{padding:35px 0 25px;font-size:16px; font-weight:400;}
.contact03 .l .job_name{padding:5px 15px; border:1px solid #fff; font-size:16px; font-weight:400; display: inline-block; color:#fff;}
.contact03 .l form{padding-top:30px;}
.contact03 .l li{border-bottom: 1px solid #717171;}
.contact03 .l li input{border:0; background-color: transparent; padding:20px 0px; font-size:16px; font-weight:400;width:100%; color:#fff;}
.contact03 .r{font-size:16px; font-weight:400; line-height:26px; padding-top: 70px;}
.contact03 .r p strong{padding-bottom:2px;display: inline-block;}
.contact03_btn{padding:5px 20px; margin-top:30px; float:right; font-size:16px; font-weight:500; text-align:center; color:#fff;border: 1px solid #717171;transition: all 0.3s;}
.contact03_btn:hover{color:#fff; background-color:#717171;transition: all 0.3s;}

.r_fix{width:56px;position: fixed;right:0px;bottom:80px;z-index: 10;}
.r_fix .r_code:before{
    content: "\e759";
    font-family: "lsfont";
    color: #fff;
    font-size: 40px;
    padding-top: 8px;
    padding-bottom: 2px;
    display: block;
}
.r_fix .r_top:after{
    content: "\e75b";
    font-family: "lsfont";
    color: #fff;
    font-size:30px;
    display: block;
    padding-top: 13px;
}
.r_fix a{height:50px;padding: 0px 0 6px;background-color: rgba(0, 0, 0, 0.80); display:block;font-size:12px; text-align:center; color:#fff;transition: background 0.3s;}
.r_fix a:hover{background-color: rgba(0, 0, 0, 0.90);transition: background 0.3s;}
.r_fix a.r_top:before{content: "";width: 100%;height: 1px;position: absolute;left: 0;background-color: rgba(255, 255,255, 0.30);}
.layui-layer-setwin .layui-layer-close2{background: url(/images/cha.png) no-repeat center!important;background-color: transparent; border:0;right: 0!important;top: 0px!important;width: 16px!important;height: 16px!important;-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;-ms-transform:all ease-in-out 400ms;overflow:hidden;}
.layui-layer-setwin .layui-layer-close2:hover{background: url(/images/cha.png) no-repeat center!important;background-color: transparent; border:0;-webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);transform: rotate(180deg);}
.layui-layer-setwin .layui-layer-close2:before{display:none;}
.layui-layer-title{font-size: 16px;color: #fff;text-indent:20px; border-bottom:0; background-color: #26417f;line-height: 45px; height:45px;border-radius:0; padding:0 0 0 0;}
.layui-layer-setwin{right:15px; top:10px;}
.layui-layer-setwin .layui-layer-close{font-size:24px;width:24px; height:24px; line-height:26px; margin-left:0;-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;-ms-transform:all ease-in-out 400ms;overflow:hidden;}
.layui-layer-setwin .layui-layer-close:before{color:#fff;}
.layui-layer-setwin .layui-layer-close:hover{opacity:1;-webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);transform: rotate(180deg);}

.foot{height:70px; background-color:#000000; font-size:14px; color:#fff; text-align:center; width:100%; display:flex;align-items: center;justify-content: center;}
.foot a{color:#fff; margin-left:10px;}
.foot a:hover{text-decoration:underline;}