@charset "utf-8";

/* CSS Document */

body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#666; overflow-x:hidden;}

a{color:#666; text-decoration:none; outline:none;}

a:active{star:expression(this.onFocus=this.blur());} 

img{border:0px; vertical-align:middle;}

a:link {text-decoration: none;/* outline:none; */}

a:visited{/* text-decoration: none; */outline:none;}

a:hover{text-decoration:none;color: #6c6aa9;outline:none;}

ul, p, dl, dt, dd{padding:0px; margin:0px;}

li{list-style-position:outside; list-style-type:none;}

h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}

h1{font-size:16px;}

h5{font-size:12px;}

.fl{float:left;}

.fr{float:right;}

.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}



.h10{height:10px; overflow:hidden; clear:both;}

.h30{height:30px; overflow:hidden; clear:both;}

.h60{height:60px; overflow:hidden; clear:both;}

.h70{height:70px; overflow:hidden; clear:both;}

.h100{height:100px; overflow:hidden; clear:both;}

input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}

em{font-style:normal;}

.btn1{cursor:pointer;}

.red{color:#cb1f18;}

.wal{width:16.8rem; margin:0px auto;}

.wal2{width:15.36rem; margin:0px auto;}

.w1092{ width: 10.92rem; }

.w1128{ width: 11.28rem; }

.w360{ width: 3.6rem; }



.gradient{

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

background-image: linear-gradient(to right,#6866a5,#a3a3e0);

}



.gradient2{

background-image: linear-gradient(to right,#6866a5,#a3a3e0);

}

.gradient2:hover{

background-image: linear-gradient(to right,#a3a3e0,#6866a5);
}



.line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.line4_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}



.indexPart1 .leftDiv, .indexPart2 .rightDiv, .indexPart3, .indexPart4, .indexPart5, .partnerPic li .box, .cultureBox .list li .conDiv, .cultureBox .botbot, .honor .list li .mxfDiv, .pic-modal-box .pic-box, .partner .botbot li .box{display: flex;

  display: -webkit-flex; }



.indexPart1 .leftDiv, .indexPart2 .rightDiv, .indexPart3, .indexPart4, .indexPart5, .partnerPic li .box, .cultureBox .list li .conDiv, .cultureBox .botbot, .honor .list li .mxfDiv, .pic-modal-box .pic-box, .partner .botbot li .box{

  align-items: center;

  -webkit-align-items: center; }



.partnerPic li .box, .honor .list li .mxfDiv, .pic-modal-box .pic-box, .partner .botbot li .box{justify-content: center;

  -webkit-justify-content: center; }





a,

.nav li a em:after,

.pageTop li a:after,

.headDiv,

.indexPart1 .thumb-box .name,




.indexPart2 .links li .ico img,

.indexPart2 .links li p,

.indexPart4 .tab2 li:after,

.indexPart4 .detail .name,

.indexPart4 .list li .name,

.indexPart4 .list li .content,

.indexPart4 .list li .time,

.sideTitleTel .con img,

.honor .list li .box,

.honor .list li .bg,

.job .list li .topDiv,

.news .list li .box,

.news .list li .botDiv,

.news .list li .name,

.news .list li .content,

.news .list li .time,

.newShow .share li img,

.recommend .swiper-slide .imgDiv:before,

.recommend .swiper-slide .imgDiv:after,

.recommend .swiper-slide .name,

.case .list li .box,

.case .list li .imgDiv:before,

.case .list li .imgDiv:after,

.case .list li .name{

transition:All 0.5s ease;

-webkit-transition:All 0.5s ease;

-moz-transition:All 0.5s ease;

-o-transition:All 0.5s ease;	

}





.indexPart1 .detail-box .layer{

transition:All 0.8s ease;

-webkit-transition:All 0.8s ease;

-moz-transition:All 0.8s ease;

-o-transition:All 0.8s ease;    

}



.cultureBox .list li .imgDiv img,

.indexPart3 .list li .imgDiv img,

.indexPart4 .detail .imgDiv img,

.news .list li .imgDiv img,

.case .list li .imgDiv img{

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;    

}



@font-face {font-family:GothamPro; src:url(../other/GothamPro-Bold.ttf);}





@keyframes myScale{from{transform: scale(1.1);}

    to{transform: scale(1);}}



@keyframes fadeOfOpacity {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



.Phone-Box{ display: none; }



.fangda{ overflow: hidden;}

.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}

.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}



/*按钮动画--start*/

.ico_h:hover{box-shadow: 0px 10px 26px 0px rgb(171 170 220);} 

/*按钮动画--end*/



.headDiv{ z-index:5; width:100%; position:fixed; left:0; top:0; height: 96px; background: #fff; box-shadow: 1px 0 10px 0 rgba(0,0,0,.2);}

.headDiv.hide { top: -96px; }

.headDiv .logo{position:absolute;left: 20px;/* top: 24px; */z-index: 2;}

.headDiv .logo img{/* width: 136px; */}

.logo{
	padding-top: 20px;
    display: block;
}

.nav{position: absolute;right: 360px;top: 0;box-sizing: border-box;}

.nav li{ float: left;}

.nav li a.name{ display: block; color: #000; font-size: 16px; height: 96px; line-height: 96px; overflow:hidden; padding: 0 36px; position: relative;}



@media screen and (min-width: 800px) {

  .nav .list {
    /* position: absolute; */
    top: -96px;
    width: 28px;
    /* height: 70px; */
    opacity: 0;
    visibility: hidden;
    /* background-image: linear-gradient(to right,#6866a5e6,#a3a3e0de);}

  .nav .list dl { display: flex; */
    left: 40%;
    transform: translateX(-40%);
    top: 0;
    /* background-image: linear-gradient(to right,#6866a5e6,#a3a3e0de); */
    }

  .nav .list a {display: block;color: #fff;height: 36px;/* padding: 0 30px; */line-height: 38px;font-size: 16px;position: relative;width: 200px;/* margin-left: -9px; */background-image: linear-gradient(to right,#6866a5e6,#a3a3e0de);padding-left: 20px;}

  .nav .list a:hover { text-decoration: underline; color: #fff; }

    /*.nav .list.list-1 dl {

      margin-left: -7rem; }

      .nav .list.list-1 dl dd {

        padding: 0 .1rem; }*/

/*    .nav .list.list-2 dl {

      margin-left: 3.16rem; }

    .nav .list.list-3 dl {

      margin-left: 5.62rem; }*/

  .nav li:hover a.name, .nav li a.on{ color: #0f3e89; }

  .nav li:hover .list { opacity: 1; visibility: visible; top: 96px; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } 

}



.headDiv .lan{position: absolute;right: 264px;top: 50%;margin-top: -15px;}

.headDiv .lan a{ display: block; height: 30px; line-height: 30px; font-size: 16px; text-transform: uppercase; color: #000; padding-right: 26px; }

.headDiv .lan a:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -11px;width: 20px;height: 20px;background: url(../images/nimg14_1.png) center no-repeat;}

.headDiv .lan a:hover{ color: #0f3e89; }



.headD{ height: 96px; }



.topSearch{

position: absolute;

right: 0;

top: 36px;

width: 222px;

height: 97px;

cursor: pointer;

/* background-image: -webkit-linear-gradient(left,#24549e,#4e86e3); */

background-image: -moz-linear-gradient(left,#24549e,#4e86e3);

background-image: -o-linear-gradient(left,#24549e,#4e86e3);

/* background-image: linear-gradient(to right,#24549e,#4e86e3); */

background-image: -moz-linear-gradient(to right,#24549e,#4e86e3);

background-image: -o-linear-gradient(to right,#24549e,#4e86e3);
}

.topSearch em{ display: block; width: 100%; height: 100%; text-align: center; line-height: 96px; }



/*导航触发效果*/

.sNav{position: absolute; z-index: 4; height: 70px; top: 86px; display: none; background: url(../images/sNavBg.png) center no-repeat; background-size: 100% 100%; width: 100%;}

.sNav .list{ position: absolute; padding-left: 0.36rem; }

.sNav .list li{ height: 70px; line-height: 70px; font-size: 16px; float: left; margin-right: 0.6rem;}

.sNav .list li a{ display: block; color: #fff;}

.sNav .list li a:hover{ text-decoration: underline;}



.search-form { width: 100%; position:fixed; left: 0; top: 96px; background: #fff; z-index: 2; padding: 35px 0; display: none; border-top: 1px solid #f7f8f9; box-shadow: 1px 0 10px 0 rgba(0,0,0,.2);}

.search-form .wal2 {

  position: relative;

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  align-items: center;

  border-bottom: 1px solid #d9d9d9;

}

.search-form .keywords { flex: 1; overflow: hidden; line-height: 56px; margin-left: 20px; font-size: 15px; color: #999;}

.search-form ::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #999;

}

.search-form :-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #999;

}

.search-form ::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #999;

}

.search-form :-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #999;

}

.search-form .icon-close {

  position: absolute;

  right: 0;

  top: 50%;

  z-index: 10;

  margin-top: -14px;

  transition: transform 0.3s ease;

  -webkit-transition: transform 0.3s ease;

  -moz-transition: transform 0.3s ease;

  -ms-transition: transform 0.3s ease;

  -o-transition: transform 0.3s ease;

}

.search-form .icon-close:hover {

  transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -o-transform: rotate(180deg);

}



.footBox{ overflow: hidden; position: relative; background: #1a1d23; padding-top: 100px;}

.footDiv{height: 320px;overflow: hidden;}

.footDiv .wen{font-size: 18px;color: #fff;line-height: 18px;font-weight: bold;margin-bottom: 30px;}

.footDiv .tel{color: #fff;font-size: 18px;line-height: 32px;}

.footNav{ width: 12.2rem; }

.footNav ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.footNav li h2 a{display: block;height: 45px;font-size: 18px;line-height: 18px;color: #fff;}

.footNav li dd{font-size: 14px;line-height: 38px;}

.footNav li dd a{ color: #bbb; }

.footNav li dd a:hover{ color: #fff; }





.foot{position: relative;height: 100px;background: #20242b;margin-top: 50px;}

.foot .leftDiv{ width: 4.6rem; }

.foot .share{ padding-top: 55px; }

.foot .share li{ float: left; margin-right: 20px; }

.foot .share li a{ display: block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background: #2b2f37;}

.foot .share li a:hover{ background: #2458a6; }

.foot .links{ padding-top: 40px; font-size: 14px; color: rgba(255,255,255,0.3); position: relative; left: -14px;}

.foot .links a{ padding: 0 14px; color: rgba(255,255,255,0.3); }

.foot .links a:hover{ color: #fff; }

.foot .ewmList li{ float: left; margin-right: 0.56rem; }

.foot .ewmList li .limg{ height: 120px; }

.foot .ewmList li .limg img{ width: 120px; }

.foot .ewmList li p{ text-align: center; padding-top: 16px; font-size: 14px; color: rgba(255,255,255,0.3); }

.foot .rightDiv{width: 7.8rem;padding-top: 52px;}

.foot .link2{ width:245px; float: right; position: relative; }

.foot .link2 .name{ height: 40px; line-height: 40px; font-size: 14px; color:rgba(255,255,255,0.3); padding-left: 16px; border: #3b3e43 solid 1px; position: relative; cursor:pointer;}

.foot .link2 .name:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -3px; width: 28px; height: 6px; background:url(../images/selectIco.png) center no-repeat;}

.foot .link2 dl{position:absolute; z-index:10; left:0; bottom:42px; width:100%; display:none;}

.foot .link2 dd{ border: #3b3e43 solid 1px; border-bottom:none; }

.foot .link2 a{display:block; height: 40px; line-height: 40px; padding-left: 16px; color:rgba(255,255,255,0.3); font-size: 14px;}

.foot .link2 a:hover{ color:#255bad;}

.foot .msg{padding-top: 40px;color: rgba(255,255,255,0.3);text-align: center;font-size: 16px;clear: both;}

.foot .msg a{ color: rgba(255,255,255,0.3); padding-left: 5px; }

.foot .msg a:hover{ color:#fff; }



.pageBox{ padding: 120px 0; }

.mxfDiv .txt{
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #fff;
    padding-top: 0.25rem;
}

.pageBanner{ height: 496px; background: center no-repeat; background-size: cover;}



.pageTop{ height: 104px; background: #f6f7fc; text-align: center; font-size: 0; }

.pageTop li{ display: inline-block; height: 104px; width: 168px; font-size: 16px; }

.pageTop2 li{ width: 218px; }

.pageTop li a{ display: block; color: #666; height: 104px; line-height: 104px; position: relative;}

.pageTop li a:after{ content: ''; opacity: 0; position: absolute; left: 50%; margin-left: -9px; bottom: 16px; width: 18px; height: 4px; background: #255bad; }

.pageTop li a.on{ background: #fff; color: #255bad; font-weight: bold; }

.pageTop li a.on:after{ opacity: 1; }



.pageTitleTel{ height:1.1rem; background:#255bad; position:relative;}

.sideTitleTel{ width:100%; height:1.1rem; position:absolute; left:0px; top:0px;}

.sideTitleTel .con{ font-size:0.36rem; height:1.1rem; line-height:1.1rem; position:relative; padding-right:10px;}

.sideTitleTel .con a{ color: #fff; display:block; height:1.1rem; padding-left:0.3rem;}

.sideTitleTel .con img{ position: absolute; right: 0.3rem; top: 50%; margin-top: -0.12rem; width: 0.4rem;}

.sideTitleTel .con.on img{ transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -o-transform: rotate(180deg);}

.sideTitleNav{ position:absolute; top:1.1rem; z-index:10; width:100%; background:#fff; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}

.sideTitleNav li{ font-size: 0.3rem; height:1.0rem; border-bottom:#d7d7d7 solid 1px;}

.sideTitleNav li a{ display:block; height:1.0rem; line-height:1.0rem; padding-left:0.3rem; color:#666;}

.sideTitleTel .con em{ display:block; color:#fff; padding-left: 0.3rem;}



.pageTitle .title1{ display: inline-block; font-size: 40px; line-height: 40px; font-family:GothamPro; padding-bottom: 20px; text-transform: uppercase;}

.pageTitle .title2{ font-size: 24px; line-height: 24px; color: #000; }



.pageNum{ text-align: center; }

.pageNum2{ text-align: left; }

.pageNum a{ display: inline-block; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #4d4d4d; background: #f6f7fc; margin: 0 4px;}

.pageNum a .img1{ display: none; }

.pageNum a:hover, .pageNum .aNow{ background: #255bad; color: #fff; }

.pageNum a:hover img, .pageNum .aNow img{ display: none; }

.pageNum a:hover .img1, .pageNum .aNow .img1{ display: inline-block; }

.pageNum .prev:before{ content: '<'; font-family: '宋体'; font-weight: bold; }

.pageNum .next:before{ content: '>'; font-family: '宋体'; font-weight: bold; }



.pageMore{ padding-top: 0.2rem; }

.pageMore a{ display: block; height: 1.0rem; line-height: 1.0rem; background: #255bad; color: #fff; text-align: center; font-size: 0.3rem; }



.tabContent{ display:none;}

.tab li{ cursor:pointer;}

.tabContent2{ display:none;}

.tab2 li{ cursor:pointer;}





.fadeInUp50 {

  -webkit-animation-name: fadeInUp50;

  -moz-animation-name: fadeInUp50;

  -ms-animation-name: fadeInUp50;

  animation-name: fadeInUp50;

}

@-webkit-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);


    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);


    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInLeft50 {

  -webkit-animation-name: fadeInLeft50;

  -moz-animation-name: fadeInLeft50;

  -ms-animation-name: fadeInLeft50;

  animation-name: fadeInLeft50;

}

@-webkit-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);


    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInRight50 {

  -webkit-animation-name: fadeInRight50;

  -moz-animation-name: fadeInRight50;

  -ms-animation-name: fadeInRight50;

  animation-name: fadeInRight50;

}

@-webkit-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}
.about{
	background: #434954;
	height: 100%;
}
.new{
	background: #434954;
	height: 909px;
}
@media (print), (prefers-reduced-motion: reduce) {

  .animated {

    -webkit-animation-duration: 1ms !important;

    animation-duration: 1ms !important;

    -webkit-transition-duration: 1ms !important;

    transition-duration: 1ms !important;

    -webkit-animation-iteration-count: 1 !important;

    animation-iteration-count: 1 !important;

  }

}
/*nav*/
.nav-wrap {
	height: 80px;
	float: right;
	margin: 10px 0px 0 0;
	width: 75%;
}
.navbrand {float: left;}
.navbrand ul {
	height: 100%;
}
.navbrand ul li {
	width: 110px;
	float: left;
	margin-right: 8px;
	position: relative;
}
.navbrand ul li>a {
	width: 100%;
	color: #585757;
	height: 80px;
	position: relative;
	display: inline-block;
	z-index: 20;
	text-align: center;
	line-height: 80px;
	font-size: 16px;
}
.navbrand ul li>a:hover, .navbrand ul li>a.navdown {color: #e20a0a;}
.navbrand ul li>a:before, .navbrand ul li>a:before {
	transition: 1s all;
}
.navbrand ul li:hover>a:before, .navbrand ul li>a:hover:before, .navbrand ul li>a.navdown:before {
	position: absolute;
	left: 50%;
	bottom: 15px;
	content: "";
	width: 65%;
	height: 2px;
	background: #6b69a8;
	transform: translate(-50%, 0);
}
.navbrand ul li>.nav_kid {
	width: 216px;
	position: absolute;
	top: 86px;
	left: 37%;
	margin-left: -95px;
	background: rgb(255, 255, 255);
	z-index: 999;
	display: none;
	box-shadow: 0px 2px 12px rgba(102, 102, 102, 0.17);
	padding: 15px 0;
	background-image: linear-gradient(to right,#6866a5,#a3a3e0);
}
.navbrand ul li>.nav_kid p {
	width: 100%;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
}
.navbrand ul li>.nav_kid p a {
	color: #fff;
	text-align: center;
	position: relative;
	display: inline-block;
	font-size: 15px;
}
.navbrand ul li>.nav_kid p>a:hover {
	color: white;
	font-weight: bold;
}
.navbrand ul li>.nav_kid p a:before {
	content: "";
	position: absolute;
	left: -14px;
	top: 18px;
	width: 0;
	height: 1px;
	background: #ffffff;
	transition: .5s all;
}
.navbrand ul li>.nav_kid p a:after {
	content: "";
	position: absolute;
	right: -14px;
	top: 18px;
	width: 0;
	height: 1px;
	background: #ffffff;
	transition: .5s all;
}
.navbrand ul li>.nav_kid p:hover >a:before {
	width: 20px;
	left: -32px;
}
.navbrand ul li>.nav_kid p:hover >a:after {
	width: 20px;
	right: -32px;
}
.nav{}