@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}


/* 轮播图默认样式 */
.swiper-container {
     width: 100%;
     height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    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;
}
.swiper-slide a,.swiper-slide a img,.swiper-slide img{ display: block; width: 100%; }
.swiper-pagination-bullet{  opacity: 0.8; background: #fff; width: 8px; height: 8px;}
.swiper-pagination-bullet-active{  background: #158b3d; opacity: 1;}


#fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 6px; height: 6px; background: #fff; margin:-3px 0 0 -3px; }
#fp-nav ul li, .fp-slidesNav ul li{ width: 14px; height: 14px; }
#fp-nav ul li a.active{ border: 1px solid #fff; border-radius: 100%; }
#fp-nav ul li a.active span{ width: 6px; height: 6px; margin:-3px 0 0 -3px; }

.header{ width: 100%; margin:0 auto; padding: 0 80px; height: 70px; line-height: 70px; box-sizing:border-box; position: fixed; z-index: 1000; }
.header-in{ max-width: 1760px; }
.header .logo{ float: left; }

.menulist{ float: right; }
.menulist li{ color: #fff; float: left; position: relative; height: 100%; }
.menulist li>a{ font-size: 14px; color: #fff; display: inline-block; padding: 0 30px; height: 100%; box-sizing:border-box; padding-top: 3px; position: relative;  }
.menulist li:hover>a{ background: #031b32; border-top: 3px solid #ffae00; padding-top: 0; }
.menulist .menuin{ display: none; position: absolute; top:70px; line-height: 36px; text-align: center; padding-bottom: 60px; 
	background-image: -moz-linear-gradient( -90deg, rgba(3,27,50,1) 0%, rgba(3,27,50,0.6) 60%, rgba(3,27,50,0.1) 100%); 
	background-image: -webkit-linear-gradient( -90deg, rgba(3,27,50,1) 0%, rgba(3,27,50,0.6) 60%, rgba(3,27,50,0.1) 100%);
	background-image: -ms-linear-gradient( -90deg, rgba(3,27,50,1) 0%, rgba(3,27,50,0.6) 60%, rgba(3,27,50,0.1) 100%);
}
.menulist .menuin a{ height: 36px; line-height: 36px; font-size: 14px; color: #fff; display: inline-block; width: 100%; border-top: 1px solid rgba(255,255,255,0.1); }
.menulist .menuin a:hover{ color: #ffae00; }

.menulist li:hover .menuin { display: block; }


.header .menu-icon{ width: 26px; height: 26px; display: inline-block; float: right; position: relative; z-index: 10; top:20px; display: none; }
.header .menu-icon em{ width: 26px; height: 2px; display: block; background: #0093dd; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; text-align: right;  position: absolute; right: 0;  }
.header .menu-icon em:first-of-type{ top:0px; }
.header .menu-icon em:nth-of-type(2){  top:10px;}                 
.header .menu-icon em:last-of-type{  top:20px;   }
.header .menu-icon.on em:first-of-type{    
	transform: translate(0, 10px) rotate(-45deg);
    -moz-transform: translate(0, 10px) rotate(-45deg);
    -webkit-transform: translate(0, 10px) rotate(-45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);}
.header .menu-icon.on em:nth-of-type(2){     
	transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);}                 
.header .menu-icon.on em:last-of-type{  
	transform: translate(0, -9px) rotate(45deg);
    -moz-transform: translate(0, -9px) rotate(45deg);
    -webkit-transform: translate(0, -9px) rotate(45deg);
    -ms-transform: translate(0, -9px) rotate(45deg);}


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

	.header{ padding: 0 3%; height: 64px; line-height: 64px;}
    .header .logo img{ height: 46px; }
	.header .menu-icon{ display: block; }
	.menulist{ width: 70%; height: 100%; background: rgba(0,0,0,.7); position: fixed; top:0; right:0; display: none; z-index: 9; padding-top: 60px; }
	.menulist li{ float: none; width: 100%; height: auto; }
    .menulist li:hover .menuin { display: none; }
    .menulist li:hover>a{ padding-top: 3px; }
	.menulist li a{ width: 100%; font-size: 16px; }
	.menulist a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right:5%;
    top: 21px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;}

    .menulist li>a.on:after {
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);}

    .menulist li:hover>a{ background: none; border: none;}
    .menulist .menuin{ position: static; background: none; text-align: left; padding-left: 70px; padding-bottom: 0; }
    .menulist .menuin a{ width: 100%; height: 70px; line-height: 70px; border: none; font-size: 16px; position: relative; }

}

@media screen and (max-width: 1200px){
    .header{  height: 58px; line-height: 58px; }
    .header .logo img{ height: 40px; }
    .header .menu-icon{ top:18px; }

}

@media screen and (max-width: 768px){
    .header{ height: 48px; line-height: 48px; }
    .header .logo img{ height: 30px; }
    .header .menu-icon{ top:12px; }

}


.footer{ background: #000; margin: 0 auto; width: 100%; box-sizing:border-box; padding:60px 80px 0; }
.footer-in{ max-width: 1760px; margin:0 auto; }
.ft-top{ border-bottom: 1px solid #0d0d0d; text-align: center; overflow: hidden; padding-bottom: 3%; }
.ft-top .ft-logo{ display: inline-block; vertical-align: middle; width: 15%; }
.ft-top .ft-logo img{ width: 100%; }
.ft-top .ft-nav{ display: inline-block;  vertical-align: middle; width: 60%; padding-bottom: 7%; box-sizing:border-box; padding-left: 4%; padding-right: 4%; margin-left: 3%; margin-right: 3%; border-left: 1px solid #262626;  border-right: 1px solid #262626;  }
.ft-top .ft-menulist li{ float: left; width: 20%; box-sizing:border-box; text-align: left; position: relative; padding-left: 20px; }
.ft-top .ft-menulist li:before{ content: ''; width: 10px; height: 2px; background: #0093dd; position: absolute; left: 0px; top:8px; }
.ft-top .ft-menulist>li>a{ font-size: 16px; line-height: 16px; color: #fff; display: inline-block; margin-bottom: 15px; }
.ft-top .ft-menulist .ft-menuin a{ color: #a3a3a3; font-size: 12px; display: block; line-height: 24px;  
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;  
}
.ft-top .ft-menulist .ft-menuin a:hover{ color: #fff; }

.ft-top .ft-right{ display: inline-block; vertical-align: middle; width: 17%; color: #fff; font-size: 12px; vertical-align: top; }
.ft-top .ft-right h3{ font-size: 16px; line-height: 16px; margin-bottom: 15px;  }
.ft-top .ft-right span{ width: 108px; height: 108px; display: inline-block; background: #fff; border-radius: 4px; margin-bottom: 8px; overflow: hidden; }
.ft-top .ft-right span img{ width: 100%; height: 100%; }
.ft-top .ft-right ul{ margin-top: 20px; }
.ft-top .ft-right ul a{ display: inline-block; width:36px; height: 36px; line-height: 36px; background: rgba(255,255,255,0.05) url(../images/icon-share.png) no-repeat left center; border-radius: 100%; margin-left: 10px; margin-right: 10px; }
.ft-top .ft-right ul .wx{ background-position: -36px center; }
.ft-top .ft-right ul .qq{ background-position: -72px center; }

.ft-bottom{ font-size:12px; line-height: 12px; overflow: hidden; color: #fff; padding: 1% 0%;  }
.ft-bottom p,.ft-bottom a{ display: inline-block; color: #747474; }
.ft-bottom .ft-link{ float: left;}
.ft-bottom .ft-right{ float: right; line-height: 18px; }
.ft-bottom .ft-link a{ border-left: 1px solid #747474; padding-left: 5px;}
.ft-bottom .ft-link a:first-of-type{ padding-left: 0; border-left: none;}


@media screen and (max-width: 1200px){
	.footer{ padding-left: 3%; padding-right: 3%;}
	.ft-top .ft-logo{ display: none; }
	.ft-top .ft-nav{border: none; width: 72%; margin-left: 0; margin-right: 0; padding: 0; }
	.ft-top .ft-right{ width: 20%; }
	.ft-top .ft-right ul{ margin-top: 5px; }
	.ft-top .ft-right ul a{ margin-left: 5px; margin-right: 5px; }
	.ft-bottom .ft-link,.ft-bottom .ft-right{ display: inline-block; text-align: center; width: 100%; margin-bottom: 10px; }


}

@media screen and (max-width: 768px){
    .footer{ padding-top: 20px; }
	.ft-top .ft-nav{ width: 100%; padding-bottom: 2%; }
	.ft-top .ft-menulist li{ width: 100%; padding-left: 0; }
	.ft-top .ft-menulist li:before{ display: none; }
	.ft-top .ft-menulist li:after{ content: '';  width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff;  position: absolute; right:1%; top:15px;
	transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s; }
    .ft-menuin{ display: none; }
    .ft-top .ft-right{  display: none; }

    .ft-top .ft-menulist li.on:after{
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
	
    }

    .ft-top .ft-menulist li a{ height: 44px; line-height: 44px; margin-bottom: 0; width: 100%; }
    .ft-top .ft-menulist .ft-menuin a{ padding-left: 20px; height: 40px; width: 100%; line-height: 40px; font-size: 14px; }
    .ft-top .ft-menulist li.on .ft-menuin{ display: block; }

}

@media screen and (max-width: 500px){
    .ft-top .ft-menulist li a{ font-size: 14px; height: 40px; line-height: 40px; }
    .ft-top .ft-menulist li:after{ width: 8px; height: 8px; }
}


/* 栏目样式 */
.ej-menu{ height: auto; border-bottom: 1px solid #e3e4e5; line-height: 60px; font-size: 14px; color: #666; overflow: hidden; background: #fff;}
.ej-menu .menu-left{ float: left; }
.ej-menu .menu-left span.home{ width: 16px; height: 16px; display: inline-block; background:url(../images/icon-home.png) no-repeat center; display: inline-block;vertical-align: middle; margin-top: -3px;}
.ej-menu .menu-left a{ color: #999; display:inline-block; vertical-align: middle; }
.ej-menu .menu-left a:before{ content: '>'; color: #999; display: inline-block; vertical-align: middle; margin: -2px 10px 0; }
.ej-menu .menu-left a:hover{ color: #333;}

.ej-menu .menu-right{ float: right; }
.ej-menu .menu-right li{ float: left; margin: 0 20px;  } 
.ej-menu .menu-right li a{ padding: 0 15px; display: inline-block; color: #666; }
.ej-menu .menu-right li a:hover{ color: #008ede; }
.ej-menu .menu-right li.on a{ color: #008ede; position: relative;  }
.ej-menu .menu-right li.on a:after{ content: '' ; width: 100%; height: 4px;  background: url(../images/menu-line.png) no-repeat center; position: absolute; bottom: 0; left: 0; background-size: 100%; }
.ej-menu .menu-right li:last-of-type{ margin-right: 0; }

@media screen and (max-width: 768px){
    .ej-menu .menu-left{ float: none; line-height: 50px; }
    .ej-menu .menu-right{  display: flex; width: 100%; text-align: center; line-height: 50px; }
    .ej-menu .menu-right li{ flex:1; font-size: 14px; line-height: 50px; margin: 0; }
    .ej-menu .menu-right li.on a:after{ height: 2px; }

}


.ej-page{ text-align: center; padding: 2% 3%; }
.ej-page a{ height: 36px; width: 36px; border-radius: 2px; line-height: 36px; display: inline-block; box-sizing:border-box; border: 1px solid #cecece; font-size: 14px; color: #999; margin: 5px; 
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;  }
.ej-page .button{ padding: 0 15px; width: auto; }
.ej-page a:hover,.ej-page a.on{ background: #008ede;  border-color: #008ede; color: #fff; }

.layout{ max-width: 1380px; margin: 0 auto; padding: 0 2%; box-sizing:border-box;}


/* 首页 */
.in-container .swiper-slide a,.in-container .swiper-slide a img,.in-container .swiper-slide img{ height: 100%; }
.in-container .swiper-pagination{ color: #fff; font-size: 20px; text-align: right; padding-right: 6%; box-sizing:border-box; bottom: 7%; }
.in-container .swiper-pagination-current{ font-size: 26px; font-weight: 600; margin-top: -10px;  }
.in-container .in-button-next,.in-container .in-button-prev{ width: 46px; height: 46px; border-radius: 100%; background: url(../images/icon-arr.png) no-repeat left center; position: absolute; bottom: 6%; right: 11%; z-index: 11;   }
.in-container .in-button-next{ margin-right: 75px; }
.in-container .in-button-next:active{ background-position: -56px; }
.in-container .in-button-prev{ background-position: -168px center; }
.in-container .in-button-prev:active{ background-position: -112px; }
.in-container .swiper-button-disabled{ opacity: 0.5; }

.fullpage .section{ background: url(../images/bg-prof.jpg) no-repeat center; background-size: 100% 100%; }

.fullpage .in-banner{ background: #002344; background-image: none; }

.in-title{ color: #fff; font-weight: 600; position: relative; padding-left: 120px; margin-bottom: 7%;  }
.in-title:before{ content: ''; width: 92px; height: 2px;  background: #a9a9a9;  position: absolute; left: 0; top:25px; transform:translate(-100%,0); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s; }
.in-title .cn{ font-size: 36px; transform:translate(0,-100%); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s; }
.in-title .en{ font-size: 52px; line-height: 52px; opacity: 0.1; position: absolute; left: 120px; top:20px; text-transform: uppercase; transform:translate(0,-100%); opacity: 0; transition: all ease .7s .2s; -moz-transition: all ease .7s .2s; -webkit-transition: all ease .7s .2s;  }

.in-title.visible .cn{ transform: translate(0,0); opacity: 1; }
.in-title.visible .en{ transform: translate(0,0); opacity: 0.1; }
.in-title.visible:before{ transform: translate(0,0); opacity: 1; }


.in-profile .layout{ overflow: hidden; }
.in-profile .prof-img{ width: 40%; float: left; box-sizing:border-box; padding-right: 3%; padding-bottom: 5%;  background: url(../images/bg-in-prof_03.png) no-repeat  bottom right; background-size: auto 90%; transform:translate(-100%,0); opacity: 0; transition: all ease .7s 0.1s; -moz-transition: all ease .7s 0.1s; -webkit-transition: all ease .7s 0.1s; }
.in-profile .prof-img img{ width: 100%; }
.in-profile .prof-intro{ width: 55%; float: right; }
.in-profile .prof-intro .intro-box{ margin-bottom: 9%; transform:translate(100%,0); opacity: 0; transition: all ease .7s 0.2s; -moz-transition: all ease .7s 0.2s; -webkit-transition: all ease .7s 0.2s; }
.in-profile .prof-intro .intro-box .tex{ font-size:16px; color:#fff; line-height:36px; }
.in-profile .prof-intro .more{ display: inline-block; border: 1px solid #fff; font-size: 16px; color: #fff; width: 160px; height: 50px; line-height: 50px; text-align: center;  transform:translate(100%,0); opacity: 0; transition: all ease .7s 0.3s; -moz-transition: all ease .7s 0.3s; -webkit-transition: all ease .7s 0.3s;  }

.in-profile.visible .prof-img{ transform: translate(0,0); opacity: 1; }
.in-profile.visible .prof-intro .intro-box{ transform: translate(0,0); opacity: 1; }
.in-profile.visible .prof-intro .more{ transform: translate(0,0); opacity: 1; }

.in-deve .deve-box{ position: relative;}
.in-deve .deve-list{ width: 407px; height: 480px; position: relative; overflow: hidden; padding-top: 228px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform:translate(0,-100%); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s; }
.in-deve .deve-list .intro-box{ position: absolute; }
.in-deve .deve-list .intro-box em{ content: ''; width: 10px; height: 10px; border-radius: 10px; background: #fff; position: absolute; left: 50%; margin-left: -5px; margin-top: 15px; }

.in-deve .deve-list.visible{ transform: translate(0,0); opacity: 1; }

.in-deve .deve-list p{ font-size: 18px; color: #fff; text-align: left; }
.in-deve .deve-list h3{ font-size: 24px; color: #fff; line-height: 24px; position: absolute; }
.in-deve .deve-list h3 em{ font-size: 38px; }
.in-deve .deve-list span{ display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; position: relative; }
.in-deve .deve-list span:after{ content: ''; height: 18px; width: 18px; border-radius: 20px; border: 1px solid #fff; display: block; position: absolute; left: 50%; margin-left: -10px; top:50%; margin-top: -10px; }
.in-deve .swiper-slide:nth-of-type(n) .deve-list span em{ display: inline-block; height: 115px; width: 1px; background: #fff; position: absolute; left: 50%; margin-left: -1px; bottom: 14px; }
.in-deve .swiper-slide:nth-of-type(2n) .deve-list span em{ top: 14px; }

.in-deve .deve-container{ position: relative; width: 93%;}
.in-deve .deve-container:after{ content: ''; width: 100%; height: 2px; background: rgba(255,255,255,0.6); position: absolute; top: 50%; margin-top: -1px; transform:rotate(-360deg); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s;  }
.in-deve .deve-container .swiper-slide{ background: transparent; cursor: pointer; }

.in-deve.visible .deve-container:after{ transform: rotate(0deg); opacity: 1; }

.in-deve .deve-container .swiper-slide-active .intro-box em{ background:#ffae00;  }
.in-deve .deve-container .swiper-slide-active .intro-box p,.in-deve .deve-container .swiper-slide-active h3{ color: #ffae00;}
.in-deve .deve-container .swiper-slide-active .deve-list span{ background: #ffae00; }
.in-deve .deve-container .swiper-slide-active .deve-list span:after{ border-color: #ffae00; }
.in-deve .deve-container .swiper-slide:nth-of-type(n).swiper-slide-active .deve-list span em{ background: #ffae00; }
.in-deve .deve-box .deve-botton{ height: 50px; width: 50px; border-radius: 50px; background: #fff;  top: 50%; margin-top: -25px; position: absolute; cursor: pointer; transform:translate(0,-100%); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s; }
.in-deve .deve-box .deve-botton:active{ background: #0093dd; }
.in-deve .deve-box .deve-botton:active:after{ border-color: #fff;}
.in-deve .deve-box .deve-botton:after{ content: ''; width: 10px; height: 10px; border-top: 1px solid #666; border-right: 1px solid #666; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -6px; transform:rotate(-135deg); }

.in-deve.visible .deve-box .deve-botton{ transform: translate(0,0); opacity: 1; }

.in-deve .deve-box .deve-button-prev{ right: 0;}
.in-deve .deve-box .deve-button-prev:after{ transform:rotate(45deg); margin-left: -9px; }

.in-deve .deve-box .deve-botton.swiper-button-disabled:active{ opacity: 0.6; background: #fff; }
.in-deve .deve-box .deve-botton.swiper-button-disabled:active:after{ border-color: #999; }


.in-honor .swiper-slide a, .in-honor .swiper-slide a img, .in-honor .swiper-slide img{ display: inline-block; width: auto; }
.in-honor .swiper-slide .honor-list{ display: block; width: 100%; transform:translate(0,-100%); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s;  }
.in-honor .honor-list .list-box{ width: 100%; height: 330px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.in-honor .honor-list .img-box{ background: url(../images/bg-holist.png) no-repeat center; background-size: 100% 100%;  padding: 5%; } 
.in-honor .honor-list .img-box .img-in{ width:100%; height: 230px; line-height: 230px; text-align: center; margin: 0 auto; }
.in-honor .honor-list .img-box .img-in img{ max-width: 95%; max-height: 95%; 
    box-sizing:border-box; 
    border: 17px solid transparent; 
    -moz-border-image:url(../images/bg-border.png) 17 17 stretch;
    -webkit-border-image:url(../images/bg-border.png) 17 17 stretch; 
    -o-border-image:url(../images/bg-border.png) 17 17 stretch;
    border-image:url(../images/bg-border.png) 17 17 stretch; 
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s; 
}
.in-honor .honor-list .img-box .img-in a{ display: inline; }
.in-honor .honor-list .intro-box{ font-size: 20px; color: #333; padding: 5% 3%; background: #fff; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.in-honor .honor-list .intro-box p{ width: 100%; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }

.in-honor .honor-list .intro-box .more{ font-size: 14px; line-height: 14px; color: #f08200; display: none; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;  }
.in-honor .honor-list:hover .intro-box .more{ display: block; }
.in-honor .honor-list:hover .list-box{ transform:translate(0,-3%); }

.in-honor .swiper-slide .honor-list.visible{ transform: translate(0,0); opacity: 1; }


.in-honor .swiper-slide{ text-align: left; }

.in-honor .hon-button-next,.in-honor .hon-button-prev{ width: 46px; height: 46px; border-radius: 100%; background: url(../images/icon-arr.png) no-repeat left center; position: absolute; top: 0; right: 1%; z-index: 11;  transform:translate(0,-100%); opacity: 0; transition: transform ease .7s 0.2s; -moz-transition: transform ease .7s 0.2s; -webkit-transition: transform ease .7s 0.2s;  }
.in-honor .hon-button-next{ margin-right: 75px; }
.in-honor .hon-button-next:active{ background-position: -56px; }
.in-honor .hon-button-prev{ background-position: -168px center; }
.in-honor .hon-button-prev:active{ background-position: -112px; }
.in-honor .swiper-button-disabled{ opacity: 0.5; }
.in-honor .honor-container { padding-top: 8%; }
.in-honor .honor-container .swiper-wrapper{  padding-bottom: 3%; }

.in-honor.visible .hon-button-next,.in-honor.visible .hon-button-prev{ transform: translate(0,0); opacity: 1; }


.in-news .news-container{ padding-top: 8%; }
.in-news .news-list{ transform:translate(100%,0); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s;  }
.in-news .news-list .img-box{ overflow: hidden; }
.in-news .news-list img{ width: 100%;  transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; }
.in-news .news-list .intro-box{ padding:3% 6%; background: #fff; text-align: left; }
.in-news .news-list .intro-box h3{ font-size: 18px; color: #333; height: 34px; line-height: 34px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; }
.in-news .news-list .intro-box p{ font-size: 14px; color: #999; height: 24px; line-height: 24px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; }

.in-news .news-list.visible{ transform: translate(0,0); opacity: 1; }

.in-news .news-list:hover img{ transform:scale(1.1); }
.in-news .news-list:hover .intro-box h3{ color: #0093dd; }

.in-news .news-button-next,.in-news .news-button-prev{ width: 46px; height: 46px; border-radius: 100%; background: url(../images/icon-arr.png) no-repeat left center; position: absolute; top: 0; right: 1%; z-index: 11;  transform:translate(0,-100%); opacity: 0; transition: transform ease .7s 0.2s; -moz-transition: transform ease .7s 0.2s; -webkit-transition: transform ease .7s 0.2s;  }
.in-news .news-button-next{ margin-right: 75px;}
.in-news .news-button-next:active{ background-position: -56px; }
.in-news .news-button-prev{ background-position: -168px center; }
.in-news .news-button-prev:active{ background-position: -112px; }
.in-news .swiper-button-disabled{ opacity: 0.5; }

.in-news.visible .news-button-next,.in-news.visible .news-button-prev{ transform: translate(0,0); opacity: 1; }

.in-contact .contact-box{ width: 100%; height:540px; overflow: hidden; }
.in-contact .map{ width: 65%; height: 100%; float: left; background-position: center; background-size: cover; transform:translate(-100%,0); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s; }
.in-contact .contact-rt{ height: 100%; background: #fff; width: 35%; float: left; box-sizing:border-box; padding: 6% 3%; transform:translate(100%,0); opacity: 0; transition: all ease .7s 0s; -moz-transition: all ease .7s 0s; -webkit-transition: all ease .7s 0s; }

.in-contact.visible .map{ transform: translate(0,0); opacity: 1; }
.in-contact.visible .contact-rt{ transform: translate(0,0); opacity: 1; }

.in-contact .contact-rt h3{ font-size: 24px; line-height: 28px; color: #333; font-weight: 600; padding-bottom: 30px; position: relative; margin-bottom: 30px;  }
.in-contact .contact-rt h3:after{ content: ''; width: 30px; height: 1px; background: #0093dd; position: absolute; bottom: 0; left: 0; } 

.in-contact .contact-rt ul{ margin-bottom: 50px; }
.in-contact .contact-rt ul li{ font-size: 14px; color: #333; line-height: 32px; padding: 10px 0 10px 40px; position: relative;}
.in-contact .contact-rt ul li p{ line-height: 24px; display:inline-block; vertical-align: middle;}
.in-contact .contact-rt ul li em{ font-size: 16px; color: #999; }
.in-contact .contact-rt ul li:before{  content: ''; width: 26px; height: 26px; background: url(../images/icon-contact.png) no-repeat left center;  position: absolute; left: 0px; top:50%; margin-top: -13px; }

.in-contact .contact-rt ul li:nth-of-type(2):before{ background-position: -36px center;}
.in-contact .contact-rt ul li:nth-of-type(3):before{ background-position: -72px center;}
.in-contact .contact-rt ul li:nth-of-type(3):before{ background-position: -108px center;}
.in-contact .contact-rt .share{ display: inline-block; font-size: 16px; color: #999; height: 42px; line-height: 42px;  }
.in-contact .contact-rt .share a{ display: inline-block; vertical-align: middle; box-sizing:border-box; width: 42px; height: 42px; border-radius: 100%; border: 1px solid #c1c1c1; margin-left: 12px; background: url(../images/icon-share1.png) no-repeat left center; }
.in-contact .contact-rt .share a:hover{ background: #0093dd url(../images/icon-share1.png); border-color: #0093dd; background-position:-156px center;  }

.in-contact .contact-rt .share .qq{ background-position: -52px center; }
.in-contact .contact-rt .share .qq:hover{ background-position: -208px center; }

.in-contact .contact-rt .share .wb{ background-position: -104px center; }
.in-contact .contact-rt .share .wb:hover{ background-position: -260px center; }

.in-container .swiper-slide .ban-img{  background-position: center; background-size: cover; height: 100%; width: 100%; position: relative; }

/* 视频背景 */
.in-container .swiper-slide .ban-img .bg-box{  position: relative; width: 100%; height: 100%; z-index: 1; background: #002344; }
.in-container .swiper-slide .ban-img .bg-box img{ position: absolute; z-index: -2; display: none; width: 100%; height: 100%; background-position: center;  }
.in-container .swiper-slide .ban-img #wDrop{ position: absolute; left: 0; width: 100%; height: 100%;}
.in-container .swiper-slide .ban-img #dotLine{ position: absolute; left: 0; z-index: -1; width: 100%; height: 100%;  background: #002344;  }
.in-container .swiper-slide .ban-img #line{ position: absolute; left: 0; width: 1920px; /* height: 980px; */ height: 100%;  z-index: -1; background-size:100% 100%; background-position: center; }
.in-container .swiper-slide .ban-img .video-box{ width: 80%; height: auto; position: absolute; top:-30%; right: -15%; z-index: -1; } 
.in-container .swiper-slide .ban-img .video-box video,.in-container .swiper-slide .ban-img .video-box img{ width: 100%; position: absolute; left: 0; top:0; }
.in-container .swiper-slide .ban-img .video-box img{ background-size: contain; background-position: center; background-repeat: no-repeat }
.in-container .swiper-slide .ban-img .layout{ height: 100%; position: absolute; top:0; z-index: 2; }
.in-container .swiper-slide:nth-of-type(1) .ban-img .layout{ left: 8%; }
.in-container .swiper-slide:nth-of-type(2) .ban-img .layout{ right: 8%; }
.in-container .swiper-slide:nth-of-type(3) .ban-img .layout{ left: 8%; }
.in-container .swiper-slide .ban-img .tex-box{ display: flex; align-items:center; color: #fff; width: 100%; height: 100%; }

.in-container .swiper-slide .ban-img .tex-box h3{ font-size: 62px; line-height: 62px;  margin-bottom: 40px;   transform:translate(-100%,0); opacity: 0; transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; }
.in-container .swiper-slide .ban-img .tex-box h3 em{ font-size: 30px; vertical-align: middle; }
.in-container .swiper-slide .ban-img .tex-box p{ font-size: 20px; line-height: 20px; opacity: 0.4;  transform:translate(100%,0); opacity: 0; transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; }

.in-container .swiper-slide.visible .ban-img .tex-box h3{ transform: translate(0,0); opacity: 1; }
.in-container .swiper-slide.visible .ban-img .tex-box p{ transform: translate(0,0); opacity: 1; }

@media screen and (max-width: 1380px){ 
    .in-deve .deve-list{ width: 100%; }
    /* .in-container .swiper-slide .ban-img{ height: 850px; } */

 }

@media screen and (max-width: 1200px){
    /* 清除滚动动画效果 */
    .in-container .swiper-slide .ban-img canvas{ display: none; }
    .in-container .swiper-slide .ban-img .bg-box img{ display: block; }
    .in-container .swiper-slide .ban-img .video-box{ height: 100%; top:-10%; } 
    .in-container .swiper-slide .ban-img .video-box video{ display: none; }
    .in-title .cn{ transform: translate(0,0); opacity: 1; }
    .in-title .en{ transform: translate(0,0); opacity: 0.1; }
    .in-title:before{ transform: translate(0,0); opacity: 1; }
    .in-profile .prof-img{ transform: translate(0,0); opacity: 1; }
    .in-profile .prof-intro .intro-box{ transform: translate(0,0); opacity: 1; }
    .in-profile .prof-intro .more{ transform: translate(0,0); opacity: 1; }

    .in-deve .deve-list{ transform: translate(0,0); opacity: 1; }
    .in-deve .deve-container:after{ transform: rotate(0deg); opacity: 1; }
    .in-deve .deve-box .deve-botton{ transform: translate(0,0); opacity: 1; }

    .in-honor .swiper-slide .honor-list{ transform: translate(0,0); opacity: 1; }
    .in-honor .hon-button-next,.in-honor .hon-button-prev{ transform: translate(0,0); opacity: 1; }

    .in-news .news-list{ transform: translate(0,0); opacity: 1; }
    .in-news .news-button-next,.in-news .news-button-prev{ transform: translate(0,0); opacity: 1; }

    .in-contact .map{ transform: translate(0,0); opacity: 1; }
    .in-contact .contact-rt{ transform: translate(0,0); opacity: 1; }

    .in-container .swiper-slide .ban-img .tex-box h3{ transform: translate(0,0); opacity: 1; }
    .in-container .swiper-slide .ban-img .tex-box p{ transform: translate(0,0); opacity: 1; }



    .in-container .swiper-slide .ban-img .tex-box h3{ font-size: 50px; line-height: 50px; margin-bottom: 20px; }
    .in-container .swiper-slide .ban-img .tex-box h3 em{ font-size: 24px; }
    .in-container .swiper-slide .ban-img .tex-box p{ font-size: 16px; line-height: 16px; }

    #fp-nav.right{ display: none; }
    .in-container .swiper-slide .ban-img{ height: 700px; }
    .in-container .swiper-slide .ban-img .video-box img{ height: 700px; }

    .in-container .in-button-next, .in-container .in-button-prev{ width: 40px; height: 40px; background-size: auto 40px; }
    .in-container .in-button-next{ margin-right: 60px; }
    .in-container .in-button-next:active{ background-position: -48px; }
    .in-container .in-button-prev{ background-position: -146px center; }
    .in-container .in-button-prev:active{ background-position: -97px; }
    .in-container .swiper-pagination{ font-size: 18px; }
    .in-container .swiper-pagination-current{ font-size: 22px; }

    .in-honor .hon-button-next, .in-honor .hon-button-prev{ width: 40px; height: 40px; background-size: auto 40px; }
    .in-honor .hon-button-next{ margin-right: 60px; }
    .in-honor .hon-button-next:active{ background-position: -48px; }
    .in-honor .hon-button-prev{ background-position: -146px center; }
    .in-honor .hon-button-prev:active{ background-position: -97px; }
    .in-honor .honor-list .list-box{ height: auto; }
    .in-honor .honor-list .img-box .img-in{ height: 220px; line-height: 220px; }
    .in-honor .honor-list .intro-box{ font-size: 18px; }
    .in-honor .honor-list:hover{ transform:none; }

    .in-news .news-button-next, .in-news .news-button-prev{ width: 40px; height: 40px; background-size: auto 40px; }
    .in-news .news-button-next{  margin-right: 60px; }
    .in-news .news-button-next:active{ background-position: -48px; }
    .in-news .news-button-prev{ background-position: -146px center; }
    .in-news .news-button-prev:active{ background-position: -97px; }
    .in-news .news-list:hover img{ transform:none; }

    .section .layout{  padding: 10% 3%;  }
    .in-title .cn{ font-size: 30px; }
    .in-title .en{ font-size: 40px; line-height: 40px; }
    .in-container .in-button-next, .in-container .in-button-prev{ right: 14%; }
    .in-title{ margin-bottom: 10%; }
    .in-profile .prof-img{ width: 50%; }
    .in-profile .prof-intro{ width: 100%; float: none; }

    .in-profile .prof-intro .intro-box{ margin-bottom: 5%; }
    .in-profile .prof-intro .intro-box .tex{ font-size: 14px; line-height: 28px; }
    .in-honor .honor-container,.in-news .news-container{ padding-top: 12%; }
    .in-honor .honor-list:hover .intro-box .more{ display: none; }

    .in-contact .contact-box{ height: 450px; }
    .in-contact .map{ width: 55%; }
    .in-contact .contact-rt{ width: 45%; padding: 6% 2.5%; }
    .in-contact .contact-rt h3{ padding-bottom: 20px; margin-bottom: 20px; }
    .in-contact .contact-rt ul{ margin-bottom: 35px; }
    .in-contact .contact-rt ul li{ padding: 5px 0 5px 40px; }

    .in-deve .deve-list{ height: 420px; padding-top:205px; }
    .in-deve .deve-list p{ font-size: 16px; }
    .in-deve .deve-list h3{ font-size: 20px; }
    .in-deve .deve-list h3 em{ font-size: 30px; }
    .in-deve .deve-box .deve-botton{ height: 44px; width: 44px; margin-top: -22px; }
}

@media screen and (max-width: 768px){
    .in-container .swiper-slide .ban-img .tex-box span{ text-align: left; }
    .in-container .swiper-slide .ban-img .tex-box h3{ font-size: 38px; line-height: 38px; margin-bottom: 15px; }
    .in-container .swiper-slide .ban-img .tex-box h3 em{ font-size: 20px; }
    .in-container .swiper-slide .ban-img .tex-box p{ font-size: 14px; line-height: 14px; }
    
    .in-container .swiper-slide .ban-img .video-box{ height: 550px; width: 550px;  }
    .in-container .swiper-slide .ban-img .video-box video{ display: none; }

    .in-container .swiper-slide .ban-img{ height: 550px; }
    .in-container .swiper-slide .ban-img .video-box img{ height: 550px;}

    .in-container .in-button-next, .in-container .in-button-prev{ right: 20%; width: 36px; height: 36px; background-size: auto 36px; }
    .in-container .in-button-next{ margin-right: 60px; }
    .in-container .in-button-next:active{ background-position: -44px; }
    .in-container .in-button-prev{ background-position: -131px center; }
    .in-container .in-button-prev:active{ background-position: -87px; }

    .in-honor .hon-button-next, .in-honor .hon-button-prev{ width: 36px; height: 36px; background-size: auto 36px; }
    .in-honor .hon-button-next{ margin-right: 60px; }
    .in-honor .hon-button-next:active{ background-position: -44px; }
    .in-honor .hon-button-prev{ background-position: -131px center; }
    .in-honor .hon-button-prev:active{ background-position: -87px; }
    .in-honor .honor-list .intro-box{ font-size: 14px; background: #fff; }
    .in-honor .honor-list .img-box .img-in{ height: 200px; line-height: 200px; }

    .in-news .news-button-next, .in-news .news-button-prev{ width: 36px; height: 36px; background-size: auto 36px; }
    .in-news .news-button-next{ margin-right: 60px; }
    .in-news .news-button-next:active{ background-position: -44px; }
    .in-news .news-button-prev{ background-position: -131px center; }
    .in-news .news-button-prev:active{ background-position: -87px; }


    .in-container .swiper-pagination{ font-size: 16px; }
    .in-container .swiper-pagination-current{ font-size: 20px; }
    .in-title .cn{ font-size: 20px; }
    .in-title .en{ font-size: 24px; line-height: 24px; left: 0; }
    .in-title:before{ display: none; }
    .in-title{ padding-left: 0; margin-bottom: 13%; }

    .in-profile .prof-img{ width: 100%; float: none; }
    .in-profile .prof-intro .more{ width: 120px; line-height: 42px; height: 42px; display: block; margin: 0 auto;  }
    .in-profile .prof-intro .intro-box .tex{ line-height: 24px; }
    
    .in-contact .contact-box{ height: auto; }
    .in-contact .map{ width: 100%; float: none; height: 250px; }
    .in-contact .contact-rt{ width: 100%; float: none; padding: 6% 3%;  }
    .in-contact .contact-rt ul{ margin-bottom: 15px; }
    .in-contact .contact-rt ul li{ padding: 2px 0 2px 40px; }
    .in-contact .contact-rt h3{ padding-bottom:10px; margin-bottom: 10px; font-size: 20px; line-height: 24px; }
    .in-contact .contact-rt ul li p{ line-height: 20px; }
    .in-contact .contact-rt ul li em{ font-size: 14px; }
    .in-contact .contact-rt .share{ font-size: 14px; }

    .in-deve .deve-list{ height: 370px; padding-top:172px; }
    .in-deve .deve-list p{ font-size: 12px; }
    .in-deve .deve-list h3{ font-size: 16px; }
    .in-deve .deve-list h3 em{ font-size: 20px; }
    .in-deve .deve-box .deve-botton{ height: 36px; width: 36px; margin-top: -18px; }

}

@media screen and (max-width: 600px){
    .in-container .swiper-slide .ban-img{ height: 450px; }
    .in-container .swiper-slide .ban-img .video-box img{ height: 450px; }
    .in-container .swiper-slide .ban-img .video-box{ height: 450px; width: 450px;  }
    .in-container .swiper-slide .ban-img .tex-box h3{ font-size: 26px; line-height: 26px; margin-bottom: 10px; }
    .in-container .swiper-slide .ban-img .tex-box h3 em{ font-size: 14px; }
    .in-container .swiper-slide .ban-img .tex-box p{ font-size: 12px; line-height: 12px; }

}

@media screen and (max-width: 480px){
    .in-container .swiper-slide .ban-img{ height: 350px; }
    .in-container .swiper-slide .ban-img .video-box{ height: 350px; width: 350px;  }

}


/* 联系我们 */

.banner{  background-position:center; background-size: cover; }
.banner .title-box{ display: flex; align-items:center; height: 500px; color: #fff; }
.banner .title-box span h3{ font-size: 38px; line-height: 38px; color: #fff; font-weight: 600; display: inline-block; }
.banner .title-box span em{ font-size: 24px;display: inline-block; }
.banner .title-box p{ font-size: 18px; line-height: 18px; padding-top: 15px; }

@media screen and (max-width: 1200px){
    .banner .title-box{  height: 450px;  }
    .banner .title-box span h3{ font-size: 32px; line-height: 32px;}
    .banner .title-box span em{ font-size: 20px; }
    .banner .title-box p{ font-size: 16px; line-height: 16px; }
}

@media screen and (max-width: 768px){
    .banner .title-box{  height: 300px;  }
    .banner .title-box span h3{ font-size: 26px; line-height: 26px;}
    .banner .title-box span em{ font-size: 18px; }
    .banner .title-box p{ font-size: 14px; line-height: 14px; padding-top: 5px; }
}

.contact{ width: 100%; height:540px; overflow: hidden; }
.contact .layout{ height: 100%; }
.contact .map{ width: 65%; height: 100%; float: left;  background-position: center; background-size: cover; }
.contact .contact-rt{ height: 100%; background: #fff; width: 35%; float: left; box-sizing:border-box; padding: 6% 3%; }

.contact .contact-rt h3{ font-size: 24px; line-height: 28px; color: #333; font-weight: 600; padding-bottom: 30px; position: relative; margin-bottom: 30px;  }
.contact .contact-rt h3:after{ content: ''; width: 30px; height: 1px; background: #0093dd; position: absolute; bottom: 0; left: 0; } 

.contact .contact-rt ul{ margin-bottom: 50px; }
.contact .contact-rt ul li{ font-size: 14px; color: #333; line-height: 32px; padding: 10px 0 10px 40px; position: relative;}
.contact .contact-rt ul li p{ line-height: 24px; display:inline-block; vertical-align: middle;}
.contact .contact-rt ul li em{ font-size: 16px; color: #999; }
.contact .contact-rt ul li:before{  content: ''; width: 26px; height: 26px; background: url(../images/icon-contact.png) no-repeat left center;  position: absolute; left: 0px; top:50%; margin-top: -13px; }

.contact .contact-rt ul li:nth-of-type(2):before{ background-position: -36px center;}
.contact .contact-rt ul li:nth-of-type(3):before{ background-position: -72px center;}
.contact .contact-rt ul li:nth-of-type(3):before{ background-position: -108px center;}
.contact .contact-rt .share{ display: inline-block; font-size: 16px; color: #999; height: 42px; line-height: 42px;  }
.contact .contact-rt .share a{ display: inline-block; vertical-align: middle; box-sizing:border-box; width: 42px; height: 42px; border-radius: 100%; border: 1px solid #c1c1c1; margin-left: 12px; background: url(../images/icon-share1.png) no-repeat left center; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.contact .contact-rt .share a:hover{ background: #0093dd url(../images/icon-share1.png); border-color: #0093dd; background-position:-156px center;  }

.contact .contact-rt .share .qq{ background-position: -52px center; }
.contact .contact-rt .share .qq:hover{ background-position: -208px center; }

.contact .contact-rt .share .wb{ background-position: -104px center; }
.contact .contact-rt .share .wb:hover{ background-position: -260px center; }

.ej-content{ background: #f8f8f8; padding-top: 5%; padding-bottom: 5%;}


@media screen and (max-width: 1200px){
    .contact{ height: 450px; }
    .contact .map{ width: 55%; }
    .contact .contact-rt{ width: 45%; padding: 6% 2.5%; }
    .contact .contact-rt h3{ padding-bottom: 20px; margin-bottom: 20px; }
    .contact .contact-rt ul{ margin-bottom: 35px; }
    .contact .contact-rt ul li{ padding: 5px 0 5px 40px; }
}


@media screen and (max-width: 768px){
    .contact{ height: auto; }
    .contact .map{ width: 100%; float: none; height: 350px; }
    .contact .contact-rt{ width: 100%; float: none; padding: 8% 3%;  }
    .contact .contact-rt ul{ margin-bottom: 30px; }
    .contact .contact-rt ul li{ padding: 5px 0 5px 40px; }
    .contact .contact-rt h3{ padding-bottom:15px; margin-bottom: 15px; font-size: 20px; line-height: 24px; }
    .contact .contact-rt ul li p{ line-height: 20px; }
    .contact .contact-rt ul li em{ font-size: 14px; }
    .contact .contact-rt .share{ font-size: 14px; }

}


/* 加入我们 */

.join .title{ overflow: hidden; margin-bottom: 3%; }
.join .title h3,.join .title p{ display: inline-block;  vertical-align: middle; }
.join .title h3{ font-size: 26px; color: #333; float: left; }
.join .title p{ font-size: 14px; color: #999; float: right; margin-top: 5px; } 
.join .title em{ font-size: 18px; font-weight: 600; color: #008ede; }

.join .join-in{ background: #fff; padding:0 2% 4%; }
.join .job-box{ padding-bottom: 3%; }
.join .job-box .list-box.on .ta-body{ background: #f8f8f8;  }
.join .job-box .list-box.on ul.ta-body{  border-bottom: 1px dashed #f2f2f2; }
.join .job-box .list-box.on ul.ta-body:after{ transform:rotate(-180deg);}

.join .job-box .list-box ul{ display: table; width: 100%; text-align: center; padding-right: 50px; box-sizing:border-box; }
.join .job-box .list-box ul li{display: table-cell; text-align: center; width: 33%;}
.join .job-box .list-box ul.ta-title{ height: 94px; line-height: 94px;  color:#333; font-size: 16px; }
.join .job-box .list-box ul.ta-body{ height: 80px; line-height: 80px; font-size: 14px;color: #666;  cursor: pointer; border-top: 1px dashed #f2f2f2;    position: relative; }
.join .job-box .list-box ul.ta-body:after{ content: ''; width: 20px; height: 10px; background: url(../images/icon-arr1.png) no-repeat center; position: absolute; right: 20px; top:50%; margin-top: -5px;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.join .job-box .intro-box{ width: 100%; padding: 4% 2%; overflow: hidden; box-sizing:border-box; font-size: 14px; color: #666; display: none;  text-align: left; }
.join .job-box .intro-box p.blue{ color: #008ede; line-height: 18px; font-size: 18px; margin-bottom: 4%; padding-top: 10px; }
.join .job-box .intro-box p.lh40{ line-height: 22px; padding-bottom: 10px; font-size: 14px; color: #666;}
.join .job-box .intro-box a.jo-button{ font-size: 14px; color: #fff; text-align: center; background: #008ede; width: 110px; height: 40px; line-height: 40px;  display: inline-block; cursor: pointer; margin-top: 4%; position: relative;}
.join .job-box .intro-box a:active.jo-button{ background: #0076b9;}
/* ej1026 */
/* .join .job-box .intro-box a.jo-button:before{ content: ''; width: 40px; height: 40px; background: #008ede; position: absolute; right: -44px; top:0; }
.join .job-box .intro-box a.jo-button:after{ content:''; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform:rotate(45deg); position: absolute; right: -27px; top:15px;}
 */
.join .job-box .intro-box .intro-in{ width: 100%; overflow: hidden; }
.join .job-box .intro-box .duty,.join .job-box .intro-box .requ{ width: 49%; float: left; padding-bottom: 2%; }
.join .job-box .intro-box .duty{ margin-right: 2%; }

.join .job-box .list-box ul.ta-title li:first-of-type,.list-box ul.ta-body li:first-of-type{ text-align: left; padding-left: 2%;}
.join .job-box .list-box:last-of-type{ border-bottom: 1px dashed #f2f2f2;}


@media screen and (max-width: 1200px){
    .join .title h3{ font-size: 24px; }
    .join .job-box .list-box ul.ta-title{ height: 80px; line-height: 80px; }
    .join .job-box .list-box ul.ta-body{ height: 70px; line-height: 70px; }

}


@media screen and (max-width: 768px){
    .join .job-box .intro-box .duty, .join .job-box .intro-box .requ{ width: 100%; float: none; }
    .join .job-box .intro-box .duty{ margin-right: 0; }
    .join .title h3{ font-size: 20px; }
    .join .job-box .list-box ul{ padding-right: 0; }
    .join .job-box .list-box ul.ta-title{ height: 60px; line-height: 60px; font-size: 14px; }
    .join .job-box .list-box ul.ta-body{ height: 50px; line-height: 50px; }
    .join .job-box .list-box ul.ta-body:after{ display: none; }
    .join .job-box .list-box ul.ta-title li:first-of-type, .list-box ul.ta-body li:first-of-type{ width: 44%; }
    .join .job-box .list-box ul.ta-title li:nth-of-type(2), .list-box ul.ta-body li:nth-of-type(2){ width: 28%; }
    .join .job-box .list-box ul.ta-title li:nth-of-type(3), .list-box ul.ta-body li:nth-of-type(3){ width: 28%; }

    .join .job-box .list-box ul.ta-body{ font-size: 14px; }

    .join .job-box .intro-box p.blue{ font-size: 14px; }
    .join .job-box .intro-box p.lh40{ font-size: 14px; line-height: 18px; padding-bottom: 6px; }

    .ej-page a{ width: 30px; height: 30px; line-height: 30px; margin: 3px; }
    .ej-page .button{ padding: 0 3%; }

    .join .job-box .intro-box a.jo-button{ width: 90px; height: 34px; line-height: 34px; }
    .join .job-box .intro-box a.jo-button:after{ right: -24px; top: 12px; }
    .join .job-box .intro-box a.jo-button:before{ width: 34px; height: 34px; right: -38px; }

}


/* 新闻资讯 */
.news .news-in{ overflow: hidden; }
.news .list-box{ display: block; width: 30%; margin-right: 5%; margin-bottom: 3%; float: left; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.news .list-box:nth-of-type(3n){ margin-right: 0; }
.news .list-box:hover{ box-shadow: 0px 0px 20px 10px rgba( 0, 0, 0,0.08 ); }
.news .list-box .img-box{ overflow: hidden; }
.news .list-box .img-box img{ transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; }
.news .list-box:hover .img-box img{ transform:scale(1.1); }

.news .news-list img{ width: 100%; }
.news .news-list .intro-box{ padding:6% 4%; background: #fff; text-align: left; }
.news .news-list .intro-box h3{ font-size: 18px; color: #333; height: 34px; line-height: 34px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.news .news-list .intro-box p{ font-size: 14px; color: #999; height: 24px; line-height: 24px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; }
.news .news-list:hover .intro-box h3{ color: #008ede; }

.more-box{ text-align: center; padding: 3% 0; }
.more-box .more{ display: inline-block; font-size: 16px; color: #333; padding: 2% 8%; background: #fff; border-radius: 100px; 
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}
.more-box .more:hover{ color: #fff; background: #0093dd; }

@media screen and (max-width: 1200px){
    .news .news-list .intro-box{ padding: 4%; }
    .news .list-box{ width: 48%; margin-right: 4%; }
    .news .list-box:nth-of-type(3n){ margin-right: 4%; }
    .news .list-box:nth-of-type(2n){ margin-right: 0; }
    .more-box .more{  font-size: 14px; }
}

@media screen and (max-width: 600px){
    .news .list-box{ width: 100%; margin-right: 0; }
    .news .news-list .intro-box{ padding: 3%; }
}



/* 新闻详情页 */

.news-art .layout{ background:#fff; padding-top: 5%;}

.ej-header1{ padding-bottom: 3%;  border-bottom: 1px solid #f4f4f4; }
.ej-header1 h3{ font-size: 30px; line-height: 40px; color: #333; padding-bottom: 3%;}
.ej-header1 p{ font-size: 12px; color: #c4c4c4; display: inline-block; }
.ej-header1 p:before{ content: ''; width: 12px; height: 12px; display: inline-block; margin-right: 6px;  background: url(../images/icon2.png) no-repeat -10px center; vertical-align: middle; margin-top: -4px;}

.ej-header1 span{ float: right; font-size: 12px; color: #c4c4c4; margin-top: 3px; }
.ej-header1 span a{ width: 20px; height: 20px; display: inline-block; background: url(../images/icon2.png) no-repeat -53px center; vertical-align: middle; margin-top: -4px; margin-left: 10px; }
.ej-header1 span a:nth-of-type(2){ background-position: -88px center;}
.ej-header1 span a:nth-of-type(3){ background-position: -121px center;}

.ej-art-box{ padding: 4% 0; border-bottom: 1px solid #f4f4f4; }
.ej-art-box .p14{ font-size: 14px; color: #333; line-height: 26px;}
.ej-art-box .ej-img{ margin-bottom: 2%; width: 100%;}

.ej-share-box{ overflow: hidden; border-bottom: 1px solid #f4f4f4; padding-top: 3%;  padding-bottom: 3%;}
.ej-share-box ul{ float: left; width: 80%; }
.ej-share-box ul li{ font-size: 14px ;color: #333; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ej-share-box ul li a{ color: #999999; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.ej-share-box ul li a:hover{ color: #008ede; }
.ej-share-box .break{ float: right; padding: 1.5% 4%; text-align: center; background: #b4b4b4;  display: block; font-size: 14px;  color: #fff; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.ej-share-box .break:hover{ background: #008ede;  }

@media screen and (max-width: 768px){
    .news-art .layout{ padding: 5% 3% 0;  }
    .ej-header1{ padding-bottom:2%; }
    .ej-header1 h3{ font-size: 24px; line-height: 34px; padding-bottom: 2%; }
    .ej-art-box{ padding: 3% 0; }
    .ej-share-box ul{ width: 100%; float: none; }
    .ej-share-box .break{ float: none; width: 26%; margin: 0 auto; margin-top: 3%; margin-bottom: 2%; }
}


@media screen and (max-width: 500px){
    .ej-header1 h3{ font-size: 18px; line-height: 24px;  padding-bottom: 3%; }

}


/* 合作伙伴 */

.partner .part-box{ width: 100%; overflow: hidden; margin-bottom: 5%; }
.partner .part-list{ float: left; width: 20%; padding: 4px; display: block; text-align: center; box-sizing:border-box; background: #fff; border: 1px solid #eee; 
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;  
}
.partner .part-list .list-box{ background: #fff;  width: 100%; padding: 5% 0 10%; }
.partner .part-list .pic-box{ width: 200px; height: 110px; line-height: 110px; text-align: center; margin: 0 auto; }
.partner .part-list .pic-box img{ max-width: 100%; max-height: 100%; }
.partner .part-list p{ font-size: 16px; line-height:20px; margin-top: 1%; color: #666; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; padding: 0 5px; }

.partner .part-list:hover{ background: #008ede; border-color: #008ede; }


@media screen and (max-width: 1200px){
    .partner .part-list{ width: 25%;}
    .partner .part-list .pic-box{ width: 170px; height: 85px; line-height: 85px; }

}

@media screen and (max-width: 768px){
    .partner .part-list{ width: 33%; padding: 3px;}
    .partner .part-list .pic-box{ width: 140px; height: 70px; line-height: 70px; }

}

@media screen and (max-width: 480px){
    .partner .part-list{ width: 50%; padding: 2px; }
    .partner .part-list .pic-box{ width: 120px; height: 60px; line-height: 60px; }

}



/* 投资者关系 */
.invest .layout{ }
.invest-in{ background: #fff; padding: 0 1%; }
.invest-in a{ display: block; padding: 2% 2%; border-bottom: 1px solid #e9e9e9; font-size: 16px; color: #999; line-height: 18px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.invest-in p{ display: inline-block; } 
.invest-in .date{ margin-right: 2%;}
.invest-in .title{ font-size: 18px; line-height: 18px; color: #333; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.invest-in a:hover{ background: #f5f5f5; }
.invest-in a:hover .title{ color: #0093dd; }


@media screen and (max-width: 1200px){
    .invest-in a{ padding: 3% 2%; }
    .invest-in .date{ font-size: 16px; line-height: 16px; }
    .invest-in .title{ font-size: 16px; line-height: 16px; }

}

@media screen and (max-width: 500px){
    .invest-in a{ padding: 3% 2%; }
    .invest-in .date{ font-size: 12px; line-height: 12px; }
    .invest-in .title{ font-size: 12px; line-height: 12px; }

}



/* 荣誉资质 */
.honor .honor-in{ overflow: hidden; }
.honor .honor-list{  display: block; float: left; width: 22.5%; margin-right: 3%; margin-bottom: 2%; }
.honor .honor-list:nth-of-type(4n){ margin-right: 0; }
.honor .honor-list .list-box{ width: 100%; }
.honor .honor-list .img-box{ background: url(../images/bg-holist.png) no-repeat center; background-size: 100% 100%;  padding: 5%; } 
.honor .honor-list .img-box .img-in{ width:100%; height: 230px; line-height: 230px; text-align: center; margin: 0 auto; }
.honor .honor-list .img-box .img-in img{ max-width: 95%; max-height: 95%; 
    box-sizing:border-box; 
    border: 17px solid transparent; 
    -moz-border-image:url(../images/bg-border.png) 17 17 stretch;
    -webkit-border-image:url(../images/bg-border.png) 17 17 stretch; 
    -o-border-image:url(../images/bg-border.png) 17 17 stretch;
    border-image:url(../images/bg-border.png) 17 17 stretch; 
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s; 
}
.honor .honor-list .intro-box{ font-size: 20px; color: #333; padding: 5% 3%; transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;  }
.honor .honor-list .intro-box p{ width: 100%; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;  }
.honor .honor-list:hover .intro-box{ background: #fff; color: #008ede; }
.honor .honor-list:hover .img-in img{ transform:scale(1.05); }

@media screen and (max-width: 1200px){
    .honor .honor-list{ width: 32%; margin-right: 2%; }
    .honor .honor-list:nth-of-type(4n){ margin-right: 2%; }
    .honor .honor-list:nth-of-type(3n){ margin-right: 0%; }
    .honor .honor-list .img-box .img-in{ height: 250px; line-height: 250px; }
    .honor .honor-list .intro-box{ font-size: 18px; }
}


@media screen and (max-width: 768px){
    .honor .honor-list{ width: 48%; margin-right: 4%; }
    .honor .honor-list:nth-of-type(4n){ margin-right: 4%; }
    .honor .honor-list:nth-of-type(3n){ margin-right: 4%; }
    .honor .honor-list:nth-of-type(2n){ margin-right: 0%; }
    .honor .honor-list .intro-box{ font-size: 14px; background: #fff; }
    .honor .honor-list .img-box .img-in{ height: 220px; line-height: 220px; }
}



/* 企业简介 */
.intro { padding: 0; background: #fff; }
.intro .layout{ overflow: hidden; padding: 0; height: 820px; min-height: 900px; max-width: 100%;}
.intro .intro-left{ float: left; width: 45%; height: 100%; overflow: hidden; position: relative; }
.intro .intro-left img{ height: 100%; position: absolute; right: 0; }
.intro .intro-right{ float: left; width: 55%; box-sizing:border-box; padding: 4% 3%; background: #fff;  position: relative; }
.intro .intro-right .title{ font-size: 32px; line-height: 32px; padding-bottom: 4%; color: #008ede; position: relative; margin-bottom: 4%; }
.intro .intro-right .title:after{ content: ''; width: 28px; height: 3px; background: #008ede; position: absolute; bottom: 0; left: 0; }
.intro .intro-right .tex{ font-size: 16px; color: #333; line-height: 36px; }

.intro .intro-right .data{ width: 120%; box-sizing:border-box; margin-left: -13%; background: rgba(0,0,0,0.8);font-size: 26px; line-height: 26px; color: #fff; overflow: hidden; padding: 4% 6%; margin-top: 6%; }
.intro .intro-right .data li{ float: left; width: 25%; padding-left: 55px; box-sizing:border-box; position: relative; }
.intro .intro-right .data li:before{ content: ''; width: 38px; height: 38px; position: absolute; left: 0; top:50%; margin-top: -19px; background: url(../images/icon-intro.png) no-repeat left center; }
.intro .intro-right .data h3{ font-size: 14px; line-height: 14px; padding-bottom: 10px; margin-bottom: 10px; position: relative; }
.intro .intro-right .data h3:after{ content: ''; width: 14px; height: 3px; background: #fff; position: absolute; bottom: 0 ; left: 0; }

.intro .intro-right .data li:nth-of-type(2):before{ background-position: -48px center; }
.intro .intro-right .data li:nth-of-type(3):before{ background-position: -96px center; }
.intro .intro-right .data li:nth-of-type(4):before{ background-position: -144px center; }


@media screen and (max-width: 1380px){
    .intro .intro-right .data{ width: 120%; padding: 3% 3%;  }
    .intro .intro-right .data li{ font-size: 22px; line-height: 22px; }

}

@media screen and (max-width: 1200px){
    .intro{ padding-top: 3%; }
    .intro .layout{ height: auto; }
    .intro .intro-right .title{ font-size: 28px; line-height: 28px; }
    .intro .intro-left,.intro .intro-right{ width: 100%; float: none; }
    .intro .intro-left{ height: 500px; line-height: 500px; }
    .intro .intro-left img{ width: 100%; height: 100%; }
    .intro .intro-right .data{ width: 106%; margin-left: -3%;}

}


@media screen and (max-width: 768px){
    .intro .intro-left{ height: 300px; line-height: 300px; }
    .intro .intro-right .title{ font-size: 22px; line-height: 22px; }
    .intro .intro-right .tex{ font-size: 14px; line-height: 28px; }
    .intro .intro-right .data h3{ font-size: 12px; line-height: 12px; }
    .intro .intro-right .data li{ font-size: 16px; line-height: 16px; width: 50%; padding: 3% 0 3% 25%; }
     .intro .intro-right .data li:before{ left: 25%; }

}



/* 发展历程 */

.devel{ background: url(../images/bg-deve.jpg) repeat ;  }
.devel .title{ text-align: center; color: #030303; margin-bottom: 1%; }
.devel .title .en{ font-size: 62px; line-height: 62px; padding-bottom: 2%; font-weight: 600; text-transform: uppercase; }
.devel .title .cn{ font-size: 30px; line-height: 30px; }
.devel .title:after{ content: ''; height: 48px; width: 1px; background: #008ede; display: inline-block; margin-top: 1%; }

.devel .deve-box{ position: relative;}

.devel .deve-container{ position: relative; width: 93%;}
.devel .deve-container:after{ content: ''; width: 100%; height: 23px; background: url(../images/deve-line.png) repeat-x; position: absolute; top: 50%; margin-top: -18px;}
.devel .deve-container .swiper-slide{ height: 540px; cursor: pointer; }

.devel .deve-box .deve-botton{ height: 50px; width: 50px; border-radius: 50px; background: #7f7f7f;  top: 50%; margin-top: -25px; position: absolute; cursor: pointer; z-index: 3;}
.devel .deve-box .deve-botton:active{ background: #0093dd; }
.devel .deve-box .deve-botton:active:after{ border-color: #fff;}
.devel .deve-box .deve-botton:after{ content: ''; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -6px; transform:rotate(-135deg); }

.devel .deve-box .deve-button-prev{ right: 0;}
.devel .deve-box .deve-button-prev:after{ transform:rotate(45deg); margin-left: -9px; }

.devel .deve-box .deve-botton.swiper-button-disabled:active{ opacity: 0.6; background: #fff; }
.devel .deve-box .deve-botton.swiper-button-disabled:active:after{ border-color: #999; }


.devel .deve-list{ text-align: left; padding: 6% 4%; border-radius: 10px; color: #fff; position: relative;    
    background-image: -moz-linear-gradient( -90deg, rgb(166,167,167) 0%, rgb(127,127,127) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(166,167,167) 0%, rgb(127,127,127) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(166,167,167) 0%, rgb(127,127,127) 100%); }

.devel .deve-list:before{ content: ''; width: 14px; height: 14px; position: absolute; left: -34px; top:50%; margin-top: -7px;
    background-image: -moz-linear-gradient( -90deg, rgb(166,167,167) 0%, rgb(127,127,127) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(166,167,167) 0%, rgb(127,127,127) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(166,167,167) 0%, rgb(127,127,127) 100%); 
}
.devel .swiper-slide-active .deve-list:before{ background: #008ede; }
.devel .deve-list .intro-box>em{ display: block; width: 1px; height: 100%; background: #ccc; position: absolute; left: -27px; z-index: -1; }
.devel .deve-list .intro-box h3{ font-size: 26px; padding-bottom: 5%; }
.devel .deve-list .intro-box h3 em{ font-size: 36px; font-weight: 600; }
.devel .deve-list .intro-box p{ font-size: 14px; line-height: 24px; padding-bottom: 1%; }

.devel .deve-container .swiper-slide-active .deve-list{ background: #008ede; }

@media screen and (max-width: 1380px){
    .devel .title:after{ height: 40px; }
    .devel .title .en{ font-size: 50px; line-height: 50px; padding-bottom: 1%; }
    .devel .title .cn{ font-size: 26px; line-height: 26px;  }

}
@media screen and (max-width: 1200px){
    .devel .title:after{ height: 30px; }
    .devel .deve-list .intro-box h3{ font-size: 20px; padding-bottom: 3%; }
    .devel .deve-list .intro-box h3 em{ font-size: 28px; }
    .devel .title .en{ font-size: 40px; line-height: 40px; }
    .devel .title .cn{ font-size: 20px; line-height: 20px;  }
    .devel .deve-container .swiper-slide{ height: 440px; }

}

@media screen and (max-width: 768px){
    .devel .title:after{ display: none;}
    .devel .title .en{ font-size: 28px; line-height: 28px; }
    .devel .title .cn{ font-size: 16px; line-height: 16px;  }
    .devel .deve-list .intro-box h3{ font-size: 12px; padding-bottom: 3%; }
    .devel .deve-list .intro-box h3 em{ font-size: 16px; }
    .devel .deve-list .intro-box p{ font-size: 12px; line-height: 18px; }
    .devel .deve-container .swiper-slide{ height: 360px; }
    

}



.visible{ transform: translate(0,0); opacity: 1; }


/* 图片放大插件样式 */
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 15%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 20px; top: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 40px; /* ej1026 */ }
.rebox-close:hover,.rebox-close:focus{
    -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); /* ej1026 */
}
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}