ol, ul, li {    list-style: none;}
a:hover{text-decoration: none;}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.animation-delay-2{     -webkit-animation-delay:0.25s;         animation-delay:0.25s;    }
.animation-delay-5{          -webkit-animation-delay:0.5s;          animation-delay:0.5s;     }
.animated{ opacity: 0;}

.header{line-height:20px;background-color:#fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding-top: 18px;padding-bottom:17px;}
.btn-primary{background-color: #e47816;    border-color: #e47816;}
.header .menu {    text-align: center;    text-transform: uppercase;}
.menu ul li{margin-left:30px;  text-align: center; }
.menu ul li * { transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;    -o-transition: all 0.5s;}
.menu ul li span { display: block;   font-size: 15px;    padding: 0 15px;    margin-top: 5px;    color: #626b72;}
.menu ul li.active span, .menu ul li a:hover span, .menu ul li.active label, .menu ul li a:hover label{    color: #e47816;}
.menu ul li em { display: block;   height: 8px;    width: 0px;    margin: 0 auto;    background: url(../images/icon1.png) no-repeat center center;}
.menu ul li a:hover em, .menu ul li.active em {    width: 100%;}
.menu ul li label {  transform: scale(0.6);   color: #626b72;    opacity: 0.39;    filter: alpha(opacity=39);}

.header_bk {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    box-sizing: border-box;
}


.animenu_nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu_nav > li:hover > a {  color: #fff;}

.animenu_nav .nav-item{position:relative;}
.animenu_nav_child {font-size:14px;  min-width: 100%;padding: 0px;  position: absolute;  top:56px;  left: -46px;  z-index: 1;
  opacity: 0;  visibility: hidden;  margin: 20px 0 0 0;  background-color: #fff;  transition: margin .15s, opacity .15s;}
.animenu_nav_child li {  width:155px;  padding:10px 20px;margin:0px!important;}
.animenu_nav_child li:hover{background:#f28100;color:#fff;cursor:pointer;transition: margin .15s, opacity .15s;}
.animenu_nav_child li:first-child a:after { content: '';  position: absolute;  height: 0;  width: 0;  left: 1em;  top: -6px;
  border: 6px solid transparent;  border-top: 0;  border-bottom-color: inherit;}
.animenu_nav_child > li:last-child {  border: 0;}
.animenu_nav_child a {  padding: 10px;  width: 150px;  border-color: #373737;}
.animenu_nav_child a:hover {background-color: #0186ba; border-color: #0186ba;  color: #fff;transition: margin .15s, opacity .15s;}



.phone_menu .dropdown .nav-link{padding: 0;margin-right:15px;    width: 65px;    height: 36px;    background: #e47816;    color: #fff;    border-radius: 5px;
    display: block;    margin-top: 10px;    line-height: 36px;    text-align: center;    float: right;}
.phone_menu .dropdown .dropdown-item{line-height:24px;font-size:14px;}
.phone_menu .dropdown-menu {right:0 !important; left:auto !important;min-width: 8rem;}
.phone_menu .dropdown-item.active, .dropdown-item:active{background-color: #f5f5f5;color:#e47816;}
.phone_menu .dropdown-menu.show{transform: translate3d(0px, 73px, 0px) !important; text-transform: uppercase;}

#carouselExampleIndicators .carousel-item{width:100%; height:auto;}
#carouselExampleIndicators .carousel-item img{width: 100%;   height:auto;}
#carouselExampleIndicators .carousel-item{-webkit-animation:bounceinL 2s ;-moz-animation:bounceinL 2s ;-ms-animation:bounceinL 2s ;animation:bounceinL 2s ;}



.work .work_pc{ display: block; overflow:hidden; border:1px solid #e1e1e1;position:relative;margin-bottom:10px;}
.work img { width: 100%; }
.work a:hover img {   transform: scale(1.3) rotate(0deg);  -webkit-transform: scale(1.3) rotate(0deg); -moz-transform: scale(1.3) rotate(0deg); -o-transform: scale(1.3) rotate(0deg);
    transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;    -o-transition: all 0.5s;}
.work_pc .cover2 {position: absolute; top: 0; left: 0; width: 100%; height:100%; background: rgba(0,0,0,.7); opacity: 0; -webkit-transition: opacity .2s;
    transition: opacity .2s; }
.work_pc:hover .cover2,.work_pc:active .cover2 {  opacity: 1;}
.work_pc .cover2 .prop2:before {    content: "—";color:#e47816;font-size:32px;font-weight:100;}
.work_pc .cover2 .prop2 {  box-sizing: border-box; padding: 30px; position: absolute;  bottom: 0;  line-height: 2;  color: #fff;  font-size: 18px;
    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.work_pc .cover2 .prop2 {  line-height: 1;  color: #fff;  font-size: 18px;  width:100%;}
.work_pc .cover2 .prop2 .intro{font-size: 28px; font-weight:700;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.work_pc .cover2 .prop2 .en{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.work_cont{padding:30px 0;}
#work_images .carousel-indicators {bottom:-40px;}
#work_images .carousel-indicators li{width:10px;height:10px;border-radius:50px;background-color: #ace4ec;}
#work_images .carousel-indicators .active{background-color: #e47816;}
#work_images .carousel-control-next,#work_images .carousel-control-prev{height: 45px;width:45px;top:45%; background: #333; border-radius: 50px;opacity: .3;margin: 0 2%;}
.work_related{margin-top:50px;}
.work_related h3{color:#999;font-weight:700;}

#partnerCaptions .carousel-indicators {bottom:-40px;}
#partnerCaptions .carousel-indicators li{width:10px;height:10px;border-radius:50px;background-color: #fff;}
#partnerCaptions .carousel-indicators .active{background-color: #e47816;}
#partnerCaptions .carousel-control-next,#work_images .carousel-control-prev{height: 45px;width:45px;top:45%; background: #333; border-radius: 50px;opacity: .3;margin: 0 2%;}


.index_title .title_2{text-transform: uppercase; font-size:1rem; font-weight: 400; color:#666;}
.index_title{line-height:18px; padding-bottom:30px;position:relative;}
.index_title a{color:#999;padding:0 10px;font-size:15px;}
.index_title a:hover{color:#e47816;}

.serviceitem { padding:15px 10px;    transition: all 0.3s ease-out 0s;}
.serviceitem:hover {    }
.serviceitem a { background: #fff;   padding: 0px;  display: block;width: 100%;height: 100%;border-bottom:2px solid #fff;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.serviceitem:hover a { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);border-bottom:2px solid #e47816;    transition: all 0.3s ease-out 0s;}

.serviceitem .service_img {   padding-top: 68%;  width:100%;   margin: 0 auto 24px;position: relative;display: block;overflow: hidden;}
.serviceitem .service_img img{transition: all 0.3s ease-out 0s;width:100%; height: auto; overflow: hidden;  position: absolute;top: 0;left: 0;}
.service_info{transition: all 0.3s ease-out 0s; padding:0 15px 10px;}
.service_info .title{transition: all 0.36s ease;color: #333;font-size: 18px;line-height: 25px;position:relative;}
.ellipsis {    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;    display: block;}
.description {    transition: all 0.36s ease;   font-size: 13px;   line-height: 26px;   height: 52px;    overflow: hidden;    color: #999;}
.serviceitem .service_info:after {    content: '';    width: 37px;    height: 20px;    display: block;
    position: absolute;    top: 72%;    right: 15px;    background: transparent url(../images/icon.png) no-repeat -30px -66px;
    transition: all 0.3s ease-out 0s;    margin-top: -11px;    border-left: 1px solid rgba(0, 0, 0, .0);}
.serviceitem:hover .service_info:after { background: url(../images/icon.png) no-repeat 16px -66px; border-left: 1px solid rgba(0, 0, 0, .1); top: 72%;  }
.more {color: #fff;background:#e47816;  display: block; line-height: 41px;  width: 200px;    text-align: center;
    margin: 30px auto 0;    font-size: 14px;    border: 1px solid rgba(170, 170, 170, 0.2);transition: all 0.36s ease;}
.more:hover {color:#fff;    background-color: #e47816;    border-color: #e47816;width: 250px; }

.index_about{background:url(../images/bg-1.png) no-repeat top center;padding-top:150px;padding-bottom:270px;line-height: 28px; }
.m-list2{background:#fff;border-radius:5px;display:block; padding:30px 0 50px;box-shadow: 0px 0px 30px rgba(7,18,101,.09);margin:10px 0;}
.m-list2 h4:after{bottom:auto!important;margin-top:35px;}
.m-list2 p{color:#333!important;    padding-top: 10px;  padding-bottom:10px;  line-height: 21px;}

.parallax{position: relative;height: 640px;background-repeat: no-repeat;	background-attachment: fixed;}
.parallax:after { position: absolute; left: 0; right: 0;  bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.0); z-index: 100; content: ' ';}
.parallax.parallax-1 {	background-image: url("../images/parallax_ser.jpg");background-position:top center;	}
.parallax .index_about_header {color: #fff;	position: relative;	z-index: 101;font-size: 48px;line-height: 1.5;text-align: center;}
.parallax .index_about_header p{margin-bottom:0;}
.parallax .index_about_cont{line-height:26px;font-size:14px;padding:50px ;}
.index_about_details{color: #fff;background:#ffffff47;  display: block; line-height: 41px;  width: 180px;    text-align: center;
    margin: 0px auto 0;    font-size: 14px;    border: 1px solid rgba(170, 170, 170, 0.9);transition: all 0.36s ease;}
.index_about_details:hover{width:200px;color: #fff;}

.index_news_header{display: block;padding: 90px 0 20px;}
.index_news_header p{margin-bottom:0;}

.index_news{padding-top:70px;position: relative;    top: -129px;}
.index_news img{max-width:100%; }
.newsbody { position: relative;line-height: 20px;vertical-align: middle;}
.newsbody .date {  display: block;  padding-right: 0px;top: 50px;    position: absolute;    padding-right: 16px;color: #999;font-size: 12px;margin-top: 2px;}
.newsbody .date .md {font-weight: 200; font-size:24px;  color: #888888;    display: block;    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-size: 22px;    padding-bottom: 5px;}
.newsbody .date .year { font-weight: 200;   color: #888888;    top: 22px;    font-size: 16px;    text-align: right;}
.newsbody .title {margin-left: 0; line-height: 26px; text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font-size: 16px;color: #333;}
.newlist:hover .title{color:#e47816;}
.newsbody .description {color: #979797;     font-size: 13px;    line-height: 26px;}
.list_line{padding: 25px 0;display:block;border-bottom:1px dotted #eaeaea;}
.date_list{top:0px !important;}
.news_list{margin-top: -5px; margin-left: 98px;  color: #979797;}
.pagination{margin:30px auto;}

.index_time{color:#fff;margin-top:-70px;}
.index_time .index_title h2{padding-top:80px;font-size:48px;}
.index_time .index_title p{line-height:32px;font-size:16px;}
.number {   font-size: 70px;  color: #fff;  text-align: center;font-weight:700;}
.jia-number{color:#fff; position:relative;top:-30px;font-size: 40px;left: -18px;}
.experience {    font-size: 18px;    color: #fff;    text-align: center;    margin-top: -10px;}
.client_text{text-align:center;color:#fff;font-weight:100;font-size:50px;margin:-70px 0 70px;letter-spacing:5px;line-height:50px;}

.partner{background:#f3f3f3; padding-top:70px;padding-bottom:30px;}
.p_img{text-align: center;    background: #fff;}
/*底部*/	
.footer{background-color:#2c2c2c;color: #95989e;font-size:0.9rem;line-height:24px;padding-top:50px;padding-bottom:50px;}
.footer_2{background-color:#222222;color: #9c9c9c;padding:20px 15px;font-size:0.8rem;}
.footer_2 a{color: #9c9c9c;}
.footer_nav a{display:block;color: #95989e;line-height:30px;}
.footer_nav a:hover{color:#fff;}
.footer_nav h5{font-size: 16px;    color: #eee;    margin-bottom: 25px;}
.footer .contact-list a {width: 34px;height: 34px;background: url(../images/contact.png) no-repeat;	display: inline-block;	margin-right: 16px;
margin-bottom: 16px;transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;	-webkit-transition: all .4s;-moz-transition: all .4s}
.footer .contact-list a:hover {	background: url(../images/contact2.png) no-repeat}
.footer .contact-list a:nth-child(1) {	background-position: 0 0}
.footer .contact-list a:nth-child(2) {	background-position: -50px -1px}
.footer .contact-list a:nth-child(3) {	background-position: -100px 0}
.footer .contact-list a:nth-child(4) {	background-position: 0 -51px}
.footer .contact-list a:nth-child(5) {	background-position: -50px -51px}
.footer .tell {	font-size: 14px}
.footer .tell img {	margin-right: 5px}
.footer .tell a {display:inline-block;color: #95989e;font-size: 18px;font-weight:700;transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease}	
.footer .tell a:hover {	color: #fff}
.weixin {	position: relative;	cursor: pointer}
.weixin .fix-img {position: absolute;left: -160px;top: -130%;opacity: 0;visibility: hidden;transition: all .3s ease;-ms-transition: all .3s ease;
	-o-transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease}
.weixin:hover .fix-img {opacity: 1;	left: -135px;visibility: visible}

/*底部end*/	

/*关于我们*/
.pageBanner {position:relative;}
.banner_title{position:absolute;top:30px;}
.web_b_banner{background:url(../images/web_b_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.live_s_banner{background:url(../images/live_s_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.app_banner{background:url(../images/app_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.web_banner{background:url(../images/web_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.live_room_banner{background:url(../images/live_roon_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.mt4_banner{background:url(../images/mt4_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.market_banner{background:url(../images/market_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.mobileapp_banner{background:url(../images/mobileapp_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.software_banner{background:url(../images/software_banner.jpg) no-repeat center top ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.plan_banner{background:url(../images/plan_banner.jpg) no-repeat center ;height:630px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center ;height:600px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center ;height:550px;text-align:center; color:#fff;padding-top:110px;line-height:28px;}

.about .mxfDiv {padding-top:150px;}
.pageBanner .mxfDiv { position: absolute;  left: 0;  top:-480px;  height: 135px;  margin-top: -67px;  text-align: center; width: 100%;}
.pageBanner .txt {font-size: 48px;color: #fff; position: relative;  font-weight: bold;}
.pageBanner .msg {    font-size: 16px;    color: #fff;    padding-top: 20px;    line-height: 30px;}
.pageBanner .english{color:#e47816;    text-transform: uppercase;font-size:18px;}
.pageBanner .listBox {    position: absolute;    left: 0px;    bottom: 130px;    width: 100%;}
.pageBanner .listBox .box {    margin-right: 1px;    height:180px;    background: #000000bf;    position: relative;transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;}
.pageBanner .listBox .ico {  text-align: center;    padding-top: 0px;}
.pageBanner .listBox .nameDiv { text-align: center;    padding-top: 43px;}
.pageBanner .listBox .name1 {    font-size: 18px;    font-weight: bold;    color: #fff;    padding-bottom: 5px;}
.pageBanner .listBox .box:hover {    background: #e47816;}
.pageTitle{padding:150px 0 0;}
.pageTitle .title_2{padding-top:10px;}
.onlineMessage {  display: inline-block;  height: 48px;  line-height: 48px; text-align: center;  color: #e47816;  
border: 1px solid #e47816;  font-size: 16px;   margin: 30px 0;   padding: 0 50px 0 50px;   border-radius: 100px;  background-color: #fff;
 background-position: 85% center;  background-repeat: no-repeat;  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;    -ms-transition: all 0.25s ease-in-out;    transition: all 0.25s ease-in-out;}
.onlineMessage.on:hover {    color: #fff;    border: 1px solid #e47816;    background-color: #e47816;  }
.onlineMessage.on {   color: #e47816;    border: 1px solid #e47816;    background-color: #fff; }

.content{padding-top:70px;padding-bottom:70px;}
.eLive1{padding-top:20px;}
.eLive1 h4{padding:20px 0 5px;}
.eLive1 p{font-size:14px;color:#666;}
.scene-green {background: #10be51;color:#fff;padding:30px 30px;}
.scene-green p{color:#fff;}
.scene-blue {background: #1088d5;color:#fff;padding:30px 30px;}
.scene-blue p{color:#fff;}
.scene-yellow {background: #ffa200;color:#fff;padding:30px 30px;}
.scene-yellow p{color:#fff;}
.icon-scene{ margin: 16px auto;width: 84px; height: 75px; overflow: hidden; background: url(../images/scene-list.png) no-repeat; cursor: pointer;}
.scene-1 {background-position: 10px 0;}
.scene-2 {  background-position:7px -80px;}
.scene-3 {    background-position: 5px -159px;}
.live_s_img{background:#ff8800;text-align:center;line-height:105px;height:105px;}
.live_s_div{background:#fff;height:105px}
.live_s_div h5{font-size:18px;font-weight:bold;}
.live_s_div p{font-size:14px;}
.software2_lt:before { position: absolute; z-index:-1; display: block; color: #f0f0f0; font-size: 50px; top: 10px; left: -10px;  font-size: 60px;}
.soft_01.software2_lt:before {   content: '01';}
.soft_02.software2_lt:before {    content: '02';}
.soft_03.software2_lt:before {   content: '03';}
.soft_04.software2_lt:before {    content: '04';}

.plan_cont{background:#f6f6f6;border-radius:150px;width:150px;height:150px;padding-top:20px;}
.about_wh{margin:0 auto;background:#e47816c9;width:130px;height:130px;padding:30px;border-radius:150px;line-height:32px;font-size:30px;color:#fff;font-weight:400;text-align:center;}
.abtou_p{color:#fff;font-weight:400;}
.about_cont{position:absolute;background:#fff;padding: 20px; top: 74px; left: 30%;  border: 11px solid #ffffffb3;line-height:26px;}
.contact_cont{height:726px;}
.bolg_cont{cursor: pointer;background:#fff;padding:20px;margin-bottom:30px;margin-top:10px;   }
.bolg_cont .bolg_title{font-size:24px; padding-bottom:15px;}
.bolg_cont p{font-size:14px;color:#666;padding-top:15px; line-height: 25px; height: 86px;  overflow: hidden;}
.bolg_cont a{color:#e47816;font-size:14px;}
.bolg_cont:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;transition: all 0.6s;}
.bolg_img { overflow: hidden;}
.bolg_img img{width:100%;}
.bolg_img:hover img {
    transform: scale(1.1) rotate(0deg);
    -webkit-transform: scale(1.1) rotate(0deg);
    -moz-transform: scale(1.1) rotate(0deg);
    -o-transform: scale(1.1) rotate(0deg);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.bolg_right{padding:20px;background:#fff;margin-top:10px;margin-bottom:10px; }
.bolg_show{background:#fff;padding:30px;margin-top:10px;}

.fm-foot-cmt-wrap { margin: 20px 0;  padding: 14px 25px 0; background-color: #f5f5f5;position: relative;}
.fm-dcmt-head { margin-bottom:14px; font-size:14px;line-height:20px;color: #666; display: flex;justify-content: space-between;align-items: center;}
.fm-dcmt-avatar { float: left; width: 36px; height: 36px;  border-radius: 50%;  overflow: hidden;}
.fm-dcmt-avatar img { width: 100%; height: 100%;}
.fm-cmt-wrap { min-height: 25px; font-size: 0;}
.fm-cmt-textarea {   box-sizing: border-box; resize: none;outline: none; border: 0;  padding: 10px 5px 10px 13px; margin: 0; color: #333;
    display: inline-block;  width: 100%;  min-height: 25px;  line-height: 22px;  background-color: transparent;  font-size: 14px;}
.fm-new-comment { }
.fm-cmt-wrap .fm-cmt-txt { position: relative; padding:0; min-height: 76px; background-color: #fff; border-radius: 4px;}
.cmtbtns{padding:10px 0 0;font-size:0}
.cmtbtns .cmtbtn{display:block;float:right;padding:0 36px;height:34px;background-color:#ff6e00;color:#fff;line-height:34px;margin-bottom: 10px;text-align:center;font-size:14px;border-radius:2px}
.cmtbtns .cmtbtn:hover{background-color:#ff4b4c}
.cmtbtns .lbtn{display:inline-block;font-size:14px;color:#a1a4ad;line-height: 34px;}
.cmtbtns .lbtn:hover{color:#ff6e00}

.lean_comment{ background-color: #fbfbfb; overflow: hidden; margin: 0 0 10px 0;  padding: 20px 15px 0 0; border-radius: 5px; }
 .lean_comment:hover {  background-color: #f6f6f6;}
.lean_comment .comment_img{float: left;width: 35px;height: 35px; margin-right: -65px;  padding: 0 15px;  border-radius: 50%;  position: relative;}
.lean_comment .comment_img .default-img{  width: 35px;  height: 35px;  border-radius: 50%;  background: url(../images/comment_img.png) no-repeat;
    background-size: 100%;}
.lean_comment .comment_info{    margin-left: 65px;}
.lean_comment .comment_info p{font-size: 14px; word-wrap: break-word; margin: 0px 0 20px 0; line-height: 24px;}
.lean_comment .comment_info p span{ font-size: 12px;}



.num { margin-left:10px;margin-top: 25px;  display: inline-block;  vertical-align: top;  width: 60px;   height: 60px;  background: #e47816;
    border-radius: 6px;  text-align: center;  line-height: 60px;  font-size: 30px;  color: #FFF;  margin-right: 15px;}
.li-on>div {  position: relative;  width: 100%;  height: 100%;  -moz-box-sizing: border-box;  box-sizing: border-box;   border-bottom: 1px dashed #CECECE;  -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;    transition: all .4s ease-out;}
.li-on:nth-child(even)>div {    background: #F9F9F9;}
.li-on>div:hover {  z-index: 1000;  margin-left: -5px;  box-shadow: 0 8px 35px rgba(0, 0, 0, 0.2);}
.text { margin-top: 35px;  position: relative;   display: inline-block;  vertical-align: top;}
.text p{font-size:12px;}

#main2 .holiday {width: 100%; height: 564px; background: url(../images/holiday_page3_img2.png) center no-repeat; position: relative;}
#main2 .holiday .p1 {  position: absolute;  top: -100px;  left: 33px;}
#main2 .holiday .left {   text-align: right;}
#main2 .holiday .w1 {    width: 280px;}
#main2 .holiday .p2 {   position: absolute;    top: 175px;    left: -255px;}
#main2 .holiday .p3 {   position: absolute;    top: 337px;    left: -253px;}
#main2 .holiday .p4 {   position: absolute;    top: 710px;    left: 33px;}
#main2 .holiday .p5 {    position: absolute;    top: -110px;    right: 95px;}
#main2 .holiday .right {    text-align: left;}
#main2 .holiday .w2 {    width: 210px;}
#main2 .holiday .p6 {    position: absolute;    top: 175px;    right: -100px;}
#main2 .holiday .p7 {    position: absolute;    top: 317px;    right: -113px;}
#main2 .holiday .p8 {    position: absolute;    top: 740px;    right: 95px;}
.wt1_img {position: absolute;  top: 50%;left: 50%; margin-left: -81px; animation: wt_img 5s ease-in-out infinite alternate; transform: scale(1);}
.wt2_img {   position: absolute;  top: 50%;  left: 50%;  margin-left: -62px;  margin-top: 10px;  animation: wt_img 5s ease-in-out infinite alternate;}
.holiday .jp_logo_img {   position: absolute;  top: 43%;  left: 50%;  margin-left: -50px;  transform: rotateY(360deg); /* transition: all 0.4s; */
    animation: jp_logo_img 3.5s ease-in-out infinite alternate;}
.wave { width: 400px; height: 400px; position: absolute;  top: 50%;  left: 50%;  margin-top: -200px;  margin-left: -217px;}
.wave * {    border: 3px solid #fbcc00;    position: absolute;    border-radius: 50%;}
.animate .wa1 {   visibility: visible;   -webkit-animation: opac 2.5s infinite;}
.animate .wa2 {   visibility: visible;   -webkit-animation: opac 2.5s infinite;   -webkit-animation-delay: 0.5s;}
.animate .wa3 {   visibility: visible;   -webkit-animation: opac 2.5s infinite;   -webkit-animation-delay: 1s;}
#main2 .holiday .especial h1 {    color: #333;    font-size: 22px;    font-weight: bolder;    margin-bottom: 10px;}
#main2 .holiday .especial p {    color: #666;    font-size: 14px;    line-height: 20px;    word-break: break-word;}

@keyframes jp_logo_img {
	0% {		transform: rotateY(360deg)	}
	50% {		transform: rotateY(0deg)	}
	100% {		transform: rotateY(360deg)	}
}


.nav_list_header{background-color: #fff;margin-top:-100px;height:100px;border-bottom:1px solid #f0f0f0;}
.nav_list_header p.title {text-align:left;white-space: nowrap;overflow: hidden;font-size: 22px; margin-bottom:0px; padding:20px 0 0 50px;  
   letter-spacing: 1px;  color: #333;}
.nav_list_header p.subtitle {text-align:left;letter-spacing: 0px;  font-size: 14px;  color: #999;  overflow: hidden;  margin-bottom: 8px;  padding:0px 0 0 50px; }
.nav_list_cont{margin-top:30px;    margin-left: 0;    padding-bottom: 35px;    width: 70%;    float: left;    text-align: left;    margin-left:10%;}

.nav_list_cont a{color:#666;padding-left: 20px;	float: none;display: block;font-size:14px;height: auto;line-height: 43px;
border-bottom: 1px solid #f0f0f0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav_list_cont a:hover{color:#333;  margin-left: 25px;}
.nav_list_cont a.active{color:#333;}
.nav_list_cont a.active:before { content: '';position: absolute;width: 3px;height: 12px;background: transparent;left: 45px;margin-top: 15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;   background: #206bd1;}
.nav_list_cont a:hover:before{    background: #34c9fb; left: 65px;}
.nav_list_cont a:before {  content: '';    position: absolute;    width: 3px;    height: 12px;    background: transparent;    left: 45px;    margin-top: 15px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}



.news_cont{padding:30px 15px;}
.news_cont .nav-tabs .nav-item{background:#eeeeee;border-right:3px solid #fff;}
.news_cont .nav-tabs .nav-link{ color:#333;}
.news_cont .nav-tabs .nav-link.active{background:#e47816;border-radius:0;border:none;color:#fff;}
.news_cont .nav-tabs{border:none;font-size:18px;}
.news_cont .nav-tabs .nav-link:hover{color:#fff;background:#e47816;border-radius:0;border:none;}
.news_cont .nav-link{    padding: .7rem 1rem;}
.news_list_cont .title{font-weight:700;color:#333;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.news_list_cont .title_02{font-size:14px;line-height:20px;padding-bottom:20px;color:#333;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.news_list_cont .description{color:#666;line-height:20px;height:auto;margin-bottom:10px;}
.news_list_cont .time{color:#999;}
.news_list_cont{margin:30px 0px;}
.news_list_cont .p-2{border-bottom:1px solid #e3e3e3;}
.news_list_cont:hover .p-2{border-bottom:0px;}
.news_list_cont:hover{margin-top: 20px; border:0; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_show{padding:30px 15px;}
.news_show img{padding:15px 0;}
.news_show_related h3{color:#999;}
.news_show_related a{display:block;color:#333;line-height:30px;}
.news_show_related .time{color:#999;font-size:14px;}
.news_show_related a:hover{color:#e47816;}

.services_cont .title{display:inline-block;color:#e47816;padding-bottom:20px;}
.services_cont .title h1{font-size:56px;margin-bottom:0;}
.services_cont .order{float:left;font-size:150px;color:#cfe7ec;padding-right:20px;}
.services_cont .float-left p{color:#666;line-height:32px;}

.parallax_ser{color:#fff;position: relative;height: 400px;background-repeat: no-repeat;	background-attachment: fixed; padding:80px 0 30px;}
.parallax_ser.parallax_ser-1 {	background-image: url("../images/live_room_parallax.jpg");background-position:center;	}
.parallax_ser .index_title{color:#fff;}

.parallax_ser_market{position: relative;height:830px;	background-attachment: fixed; padding:80px 0 30px;}
.parallax_ser_market.parallax_ser_market-1 {	background-image: url("../images/market_per.jpg");background-position:center;	}
.parallax_ser_market .index_title,.parallax_ser_market .title_2{color:#fff;}

.parallax_ser_mobileapp{position: relative;height:670px;	background-attachment: fixed; padding:80px 0 30px;}
.parallax_ser_mobileapp.parallax_ser_mobileapp-1 {	background-image: url("../images/mobileapp_per.jpg");background-position:center;	}
.parallax_ser_mobileapp .index_title,.parallax_ser_mobileapp .title_2{color:#fff;}

.parallax_ser_plan{position: relative;height:550px;	background-attachment: fixed; padding:80px 0 30px;}
.parallax_ser_plan.parallax_ser_plan-1 {	background-image: url("../images/plan_per.jpg");background-position:top center;	}
.parallax_ser_plan .index_title,.parallax_ser_plan .title_2{color:#fff;}

.parallax_ser_about{position: relative;height:550px; background-repeat:no-repeat;background-color:#333;	background-attachment: fixed; padding:80px 0 30px;}
.parallax_ser_about.parallax_ser_about-1 {	background-image: url("../images/about_per.jpg");background-position:center;	}
.parallax_ser_about .index_title,.parallax_ser_about .title_2{color:#fff;}

.new_list_cont .new_list{border-bottom:1px solid #f0f0f0; padding:35px 0;color:#333;margin:0;}
.new_list_cont .new_list .time {font-size:13px;color:#999; padding-bottom:10px;}
.new_list_cont .new_list .time .year{font-size:32px;}
.new_list_cont .new_list .list_cont{font-size:14px;}
.new_list_cont .new_list .list_cont .list_title{padding:10px 0;font-size:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:80%;}
.new_list_cont .new_list .list_cont .list_description{color:#999;line-height:24px;width:80%;}
.new_list_cont .new_list:hover .list_cont {padding-left:30px;transition: all 0.6s ease 0s;}
.new_list_cont .new_list:hover .list_cont .list_title{color:#4385d5;}
.new_list_cont .new_list .list_cont:after {    content: '';    width: 37px;    height: 20px;    display: block;
    position: absolute;    top: 65%;    right: 15px;    background: transparent url(../images/icon.png) no-repeat -30px -66px;
    transition: all 0.3s ease-out 0s;    margin-top: -11px;    border-left: 1px solid rgba(0, 0, 0, .0);}
.new_list_cont .new_list:hover .list_cont:after { background: url(../images/icon.png) no-repeat 16px -66px; border-left: 1px solid rgba(0, 0, 0, .1); top: 62%;  }
.new_show_cont{line-height:32px;padding:20px 10px;font-size:15px;color:#666;}
.new_show_cont p{margin:1rem 0;}

.location{font-size:14px;color:#999;}
.location a{color:#999;}
.location a:hover{color:#e47816;}


.ellipsis {

    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
@-webkit-keyframes opac {
	from {
		opacity: 0.2;
		width: 50%;
		height: 50%;
		top: 25%;
		left: 25%;
	}
	to {
		opacity: 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity:.5;
	    -webkit-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    -moz-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    -o-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    -ms-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	100% { opacity: 1 }
}
/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}


.swiper-container {     width: 100%;     height: 100%;    }
.swiper-slide { text-align: center; font-size: 18px;  background: #fff;  /* Center slide text vertically */  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;}
  
.m-list1 .icon { display: block;    height: 117px;    margin-bottom: 20px;    position: relative;    background-position: center center;
    background-repeat: no-repeat;	background-size: auto 105px;}
.m-list1 .icon em {position: absolute;    left: 0;    right: 0;    bottom: 0;   top: 0;  background-position: center;   background-repeat: no-repeat;
   transition: 1s;    -ms-transition: 1s;    -moz-transition: 1s;    -webkit-transition: 1s;    -o-transition: 1s;background-size: auto 105px;}	
.m-list1 .icon i {position: absolute;  left: 0; right: 0;  bottom: 6px;  height: 0;  background-position: bottom center; background-repeat: no-repeat;
   transition: 1s;    -ms-transition: 1s;    -moz-transition: 1s;    -webkit-transition: 1s;    -o-transition: 1s; background-size: auto 105px;}

.m-list1 h4{font-size:24px;color: #000;font-weight: normal;}
.m-list1 h4:after {  content: '';  position: absolute;  bottom: 23px;  left: 50%;  height: 1px;  width: 45px;  background-color: #8c8c8c;  -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);  -o-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%);    
	transition: .5s;    -ms-transition: .5s;    -moz-transition: .5s;    -webkit-transition: .5s;    -o-transition: .5s;}
.m-list1 .con:hover h4:after {    width: 100px;}
.m-list1 p { color:#999;font-size:14px;   margin: 0 20px;}

/* iPhone5/SE */
	@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	#carouselExampleIndicators .carousel-item{width:100%; height:auto;}
	#carouselExampleIndicators .carousel-item img{width:100%; height:auto;}
	#carouselExampleIndicators .carousel-item{-webkit-animation:bounceinL 2s ;-moz-animation:bounceinL 2s ;-ms-animation:bounceinL 2s ;animation:bounceinL 2s ;}
	#work_images .carousel-item{width:100%; height:auto;}
	#work_images .carousel-item img{width:100%; height:auto;}
	#work_images .carousel-item{-webkit-animation:bounceinL 2s ;-moz-animation:bounceinL 2s ;-ms-animation:bounceinL 2s ;animation:bounceinL 2s ;}
	#work_images .carousel-control-next,#work_images .carousel-control-prev{height: 45px;width:45px;top:45%; background: #333; border-radius: 50px;opacity: .1;margin: 0 2%;}
	
	.parallax{padding:50px 0;}
	.parallax .index_about_cont{padding:50px 10px;}
	.client_text{margin:0px;font-size:24px;line-height: 36px;}
	.number{font-size:50px;}
	.jia-number{font-size:30px;}
	.footer_bg{background:#e47816;}
	.parallax_ser h1{font-size:32px;}
	.parallax_ser{padding:50px 0 30px;}
	.services_cont .title h1{font-size:50px;}
	.web_b_banner,.live_s_banner,.app_banner,.web_banner,.live_room_banner,.mt4_banner,.about_banner,.contact_banner,
	.market_banner,.mobileapp_banner,.software_banner,.plan_banner{height:300px;}
	.about .mxfDiv {    padding-top: 40px;}
	.work{padding-right:15px;padding-left:15px;}
	.news_list_cont{margin:30px 15px;}
	
	.pageTitle{text-align:center;padding-top:50px;}
	.pageBanner .mxfDiv{top:-145px;}
	.parallax_ser_mobileapp,.parallax,.parallax_ser,.parallax_ser_market,.parallax_ser_about{height:auto;}
	.about_cont{left:5px;top:-50px;position:static;}
	.contact_cont {height: 490px;}
	.contact_cont .mxfDiv {  top: -185px;}
	}

	@media only screen and (min-width: 375px) and (max-width:768px) {
	
	}

	/* iphoneX */
	@media only screen and (width:375px) and (min-height:812px) {
	}

	/* iPad */
	@media only screen and (device-width: 768px) {
	}

	/* iPad Pro */
	@media only screen and (device-width: 1024px) {
	}