a,a:hover,a:active,a:visited{text-decoration:none;}
body{background:#fff;font:12px/1.14 "Microsoft YaHei";color:#333;}
a,a:hover{ color: #333; text-decoration: none; }
img{ vertical-align: middle; }
.clear:after{ content: ""; clear: both; display: block; }
.clear{ zoom:1;  }

.container1{ padding:0; padding-top: 78px; }

.w1172{ width: 1172px; margin:0 auto; }

/* index */
.header{ width: 100%; background: #fff; height: 86px; line-height: 86px; position: fixed; top:0; left: 0; z-index: 1000;  -moz-box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc;box-shadow: 0 1px 3px #ccc;  }
.h-nav{ float: left;  list-style: none;  height: 86px; line-height: 86px;  }
.h-nav li{ list-style: none; float: left;  position: relative;   }
.h-nav a{ font-size: 16px; color: #666666; padding:12px 10px; }
.h-nav li.active a,.h-nav li:hover a{ color: #007aff; text-decoration: none; }
.h-nav li.i{ margin-right: 14px; }
.h-nav i{ border-color:#999 transparent transparent; border-style: solid; border-width: 5px; height: 0; position: absolute; right: -4px; top:42px;  }
.h-nav li:hover i,.h-nav li.active i{ border-color:#007aff transparent transparent; }
.h-nav .more-nav{ display: none;  background: #fff; position: absolute; left: -28px; top: 85px; width: 108px; z-index: 1; padding: 8px 0; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
.h-nav li .more-nav a{ display: block; float: left; color: #666; line-height: 38px; text-align: center; width: 100%;padding: 0; font-size: 14px;  }
.h-nav li .more-nav a:hover,.h-nav li .more-nav a.active{ color: #007aff; }
.h-nav li.xw .more-nav{ left: -10px; }
.logo{ float:left; margin-right: 30px;  }
.wx{ float: left; margin-right: 28px; }
.quick{ margin-left: 18px; margin-right: 10px; }
.quick a{  background:#007aff; color: #fff; border-radius: 4px;  }
li.quick:hover a{ color: #fff; background: #1f8afe; }
.login a{  padding:12px 26px; border:1px solid #d8d8d8; background: #fff; border-radius: 4px; overflow: hidden;  }
li.login:hover a{ background: #007aff; color: #fff; border:none; }

/* banner */
.banner{ width: 100%; position: relative; top:80px; z-index: 1;  min-width: 1172px; }
.banner img{ width: 100%; min-width: 1172px; }
#myCarousel .carousel-indicators li{ border:none; display: inline-block; width: 50px; height: 5px; background: #8c8c8c; border-radius: 0; }
#myCarousel .carousel-indicators .active{ margin:1px; width: 50px; height: 5px;  background: #dcdcdc; }

/* content */
.quickOpen{ text-align:center; margin-top:30px; margin-bottom: 60px;  position: relative; }
.quickOpen a{ position: relative; z-index: 2; display: inline-block; width: 480px; height:70px; background: #ff5A50; color: #fff; font-size: 40px; text-align: center; line-height: 70px; border-radius: 6px; }
.quickOpen a:hover{ color: #fff; background: #ff7870; text-decoration: none;  }
.quickOpen p{ text-align: center; margin-top:25px; color:#ff5A50; font-size: 32px; margin-bottom: 100px; }
.quickOpen h3{ font-size: 38px; color: #007aff; margin-bottom: 25px; font-weight: normal;  }
.quickOpen span{ font-size: 16px; color: #787878;  }
.quickOpen i{ position: absolute; top:28px; left: 0;  background: url("/assets/images/website2/index/kt-bg.png") no-repeat; background-size: 100%; height:10px; width: 100%;  z-index: 1; }


/* app */
.content{ position: relative; margin-bottom: 90px; height: 204px;  }
.app-btn{position: absolute; display: inline-block; width: 48px; height: 50px; background: url("/assets/images/website2/index/arrow.png") no-repeat;top:76px; }
.btn-prev{  left: 0;  }
.btn-next{ position: absolute; right: 0;  background-position:right top; }
.app{ position: absolute; top:0px; left:80px; height: 204px;  width:970px; overflow: hidden;  }
.app ul{ position: absolute; top:0; left: 0;  width: 5000px;  }
.app li{ margin-right: 80px; float: left; opacity: 0.4;   }
.app i{ display: block; margin-top: 24px;  width: 120px; height: 120px; border-radius: 8px;  background:url("/assets/images/website2/index/kaoqin.png") no-repeat; background-size: 120px 120px; }
.app li.larger i{ width: 170px; height: 170px; background-size: 170px 170px; margin-top: 0; transition: 0.3s;  }
.app li.larger{ opacity: 1;}
.app p{ margin-top: 16px; font-size: 16px; color: #333; text-align: center;  }
.app .i2{ background-image: url("/assets/images/website2/index/liucheng.png"); }
.app .i3{ background-image: url("/assets/images/website2/index/waiqin.png"); }
.app .i4{ background-image: url("/assets/images/website2/index/qingjia.png"); }
.app .i5{ background-image: url("/assets/images/website2/index/txl.png"); }
.app .i6{ background-image: url("/assets/images/website2/index/renwu.png"); }
.app .i7{ background-image: url("/assets/images/website2/index/baoxiao.png"); }
.app .i8{ background-image: url("/assets/images/website2/index/toupiao.png"); }
.app .i9{ background-image: url("/assets/images/website2/index/zhaopin.png"); }
.app .i10{ background-image: url("/assets/images/website2/index/hys.png"); }
.app .i11{ background-image: url("/assets/images/website2/index/baoxiao.png"); }
.app .i12{ background-image: url("/assets/images/website2/index/zck.png"); }
.app .i13{ background-image: url("/assets/images/website2/index/diaoyan.png"); }
.app .i14{ background-image: url("/assets/images/website2/index/rcgl.png"); }
.app .i15{ background-image: url("/assets/images/website2/index/wmp.png"); }
.app .i16{ background-image: url("/assets/images/website2/index/kefu.png"); }
.app .i17{ background-image: url("/assets/images/website2/index/hongbao.png"); }

/* intro */
.intro{ margin-bottom: 140px; margin-top: 60px;  }
.intro-txt{ width: 426px; float:left; margin-top:40px; padding-left: 64px; }
.intro-txt h3{  font-size: 34px; color: #333; font-weight: normal; margin-bottom: 45px; }
.intro-txt p{ font-size: 18px; color: #666; line-height: 48px; text-align: left;  }
.intro-txt a{ display: inline-block; padding-top: 25px; color: #007aff; font-size: 18px;  }
.intro-txt a:hover{ text-decoration: underline; color: #007aff; }
.intro-img{ float:left; width: 600px; }


/* scene */
.scene{ margin-bottom: 88px; }
.scene-intro h3{ font-size: 38px; color: #007aff; margin-bottom: 14px; font-weight: normal; }
.scene-intro p{ font-size: 14px; line-height: 30px; color: #787878;  }
.scene-intro{ margin-bottom: 50px; text-align: center; }
.scene-img{ width: 100%; }
.scene-img a{ float: left; width: 580px; height: 306px; margin-bottom: 10px; opacity: 1; filter:alpha(opacity=100);  }
.scene-img a:nth-child(2n-1){ margin-right: 10px; }
.scene-img a:hover{ opacity: 0.4; filter:alpha(opacity=40); }

/* free */
.free{ color: #007aff; text-align: center; margin-bottom: 100px;  }
.free h3{ font-size: 38px; margin-bottom: 50px; font-weight: normal; }
.free button{ display: inline-block; height: 54px; width: 400px; color: #007aff; background: #fff; line-height: 54px; border-radius: 4px;  border:1px solid #007aff; font-size: 18px; }
.free button:hover{ background: #007aff; color: #fff; }

/*company*/
.company{ position: relative; margin-bottom: 124px; }
.company h3{ display: inline-block; padding:0 30px; background: #fff; font-size: 38px; color: #333; font-weight: normal;  margin-bottom: 52px; position: relative; left: 40%; z-index: 2;  }
.company .line{ position: absolute; height: 3px; width: 100%; background: #e6e6e6; left: 0; top:37px; }
.add-company-bg{ width: 100%; height: 200px; background: url("/assets/images/website2/index/company.png") no-repeat; }
.add-company-bg a{  float: left; height: 110px;  }
.acb1{ width: 142px; }
.acb2{ width: 204px; }
.acb3{ width: 118px; }
.acb4{ width: 239px; }
.acb5{ width: 90px; }
.acb6{ width: 224px; }
.acb7{ width: 152px; }
.acb8{ width: 78px; }
.acb9{ width: 152px; }
.acb10{ width: 184px; }
.acb11{ width: 146px; }
.acb12{ width: 190px; }
.acb13{ width:120px; }
.acb14{ width:204px; }
.acb15{ width:96px; }

.add-company-bg a:hover{ background: url("/assets/images/website2/index/company-color.png") no-repeat; }
.add-company-bg .acb1:hover{ background-position: 0 0; }
.add-company-bg .acb2:hover{ background-position: -142px 0; }
.add-company-bg .acb3:hover{ background-position: -346px 0; }
.add-company-bg .acb4:hover{ background-position: -464px 0; }
.add-company-bg .acb5:hover{ background-position: -703px 0; }
.add-company-bg .acb6:hover{ background-position: -793px 0; }
.add-company-bg .acb7:hover{ background-position: -1017px 0; }
.add-company-bg .acb8:hover{ background-position: 0 -110px; }
.add-company-bg .acb9:hover{ background-position: -78px -110px; }
.add-company-bg .acb10:hover{ background-position: -230px  -110px; }
.add-company-bg .acb11:hover{ background-position: -414px  -110px; }
.add-company-bg .acb12:hover{ background-position: -560px -110px; }
.add-company-bg .acb13:hover{ background-position: -750px -110px; }
.add-company-bg .acb14:hover{ background-position: -870px -110px; }
.add-company-bg .acb15:hover{ background-position: -1074px -110px; }


 /*底部*/
 .bottom{ background: #3a3f4c; height: 170px; padding-top: 30px; }
.b-logo{ float: left; }
.bottom .dl-wrapper{ float: right; margin-bottom: 14px;}
.bottom dl{ float: left; margin-right: 94px; text-align: left;  }
.bottom dl:last-child{ margin-right: 0; }
.bottom dt{ color: #e6e6e6; font-size: 16px; margin-bottom: 10px; font-weight: normal; }
.bottom dd a{ color: #a0a0a0; }
.bottom dd a:hover,.bottom dd a:focus{ text-decoration:none; color: #fff; }
.bottom dd{ color: #a0a0a0; font-size: 14px; line-height: 26px; }
.bottom p{  color: #c8c8c8; font-size: 12px; text-align: center; padding-bottom: 2px;  }


/* 场景 */
/*场景导航*/
.scene-nav{ position: relative; top:80px; height: 90px; border-bottom: 1px solid #efefef; background:#fff;  }
.scene-nav-fixed{ position: fixed; top:0; left: 0; width: 100%; z-index: 10; }
.scene-nav li{ float: left ; margin-right: 110px; }
.scene-nav li:last-child{ margin-right: 0; }
.scene-nav li.mncz-nav{ margin-right: 0; }
.scene-nav i{ display: inline-block; margin-right: 14px;  background:url("/assets/images/website2/scene/nav-icon.png") no-repeat; background-size: 70px auto; width: 32px; height: 30px; position: relative; top:5px;  }
.scene-nav a{ display: inline-block; line-height: 87px; color: #666; font-size: 24px; padding-right: 4px;  }
.scene-nav li a:hover,.scene-nav li.active a{ border-bottom: 3px solid  #007aff; color: #007aff; }
.tdxz-nav i{ background-position:0 -41px ; }
.qywh-nav i{ background-position: 0 -169px; }
.rlzy-nav i{ background-position: 0 -125px; }
.mncz-nav i{ background-position: 0 -81px; }
.ydbg-nav:hover i,.ydbg-nav.active i{  background-position:-39px 0 ; }
.tdxz-nav:hover i,.tdxz-nav.active i{ background-position:-38px -41px ; }
.qywh-nav:hover i,.qywh-nav.active i{ background-position:-38px -169px; }
.rlzy-nav:hover i,.rlzy-nav.active i{ background-position:-38px -125px; }
.mncz-nav:hover i,.mncz-nav.active i{ background-position:-38px -81px; }

/*场景介绍*/
.scene-page-intro{ position: relative; top:80px;  }
.sp-bg{ height: 802px;   background:url("/assets/images/website2/scene/ydbg-bg.png") no-repeat;  }
.sp-ydbg{ background-image:url("/assets/images/website2/scene/ydbg-bg.png"); }
.sp-bg-hover>div{ padding:100px 122px; }
.sp-bg .txt { float: left; text-align: left;  color: #666; width: 70%; }
.sp-bg .txt>div{ cursor: pointer;  }
.sp-bg .txt h2{ margin-top: 40px; font-size: 38px; margin-bottom: 50px; font-weight: normal;}
.sp-bg .txt h3{ font-size: 26px; font-weight: normal; }
.sp-bg .txt p{ font-size: 18px; margin-top: 15px; margin-bottom: 30px; color: #999; }
.sp-bg .txt .active{ color: #007aff; }
.sp-bg .img-wrap{ float: left; width: 30%; height: 600px; text-align: right; position: relative; background: url("/assets/images/website2/scene/iphone-black.png") no-repeat center top; }
.sp-bg  .imgList{ width: 1400px; height: 436px; position: relative; top:0; left: 0; }
.sp-bg .img-outer{ position:relative; width:240px; height: 540px; overflow: hidden; top:76px; left:58px;}
.sp-bg .imgList li{ float: left; }
.sp-bg .circelList { position: absolute; width: 100%; left: 6px; bottom:0px; text-align: center; }
.sp-bg .circelList li{ display: inline-block; width: 10px; height: 10px; background:#ccc; border-radius: 50%; margin-right: 10px;  cursor: pointer; }
.sp-bg .circelList li.current{ background: #007aff;  }
.sp-phone-white .img-outer{ left: 25px; }

.sp-phone-white .txt{ width: 30%; }
.sp-phone-white .img-wrap{ width: 70%; background:url("/assets/images/website2/scene/iphone-white.png") no-repeat;}
.sp-tdxz{ background-image:url("/assets/images/website2/scene/tdxz-bg.png"); }
.sp-qywh{ background-image:url("/assets/images/website2/scene/qywh-bg.png"); }
.sp-rlzy{ background-image:url("/assets/images/website2/scene/rlzy-bg.png"); }

.scene-open{ top:80px; margin-top: 90px; padding-bottom: 120px; }
.scene-open p{ margin-bottom: 26px; }
.scene-open i{ top:74px; }

/*公告*/
.notice-content{ position:relative;  top:80px; }
.notice-title{ padding:50px 0 30px; border-bottom: 1px solid #d8d8d8; color: #333; cursor: pointer; }
.notice-title h3{ font-weight: normal; font-size: 32px; }
.notice-title h3 span{ font-size: 32px; color: #007aff; }
.notice-box-wrapper{ padding-top:50px 100px; }
.notice-box{ float: left; margin-top: 50px; border:1px solid #007aff; width: 478px; height: 180px; overflow:hidden; padding:60px 40px; border-radius: 8px; cursor: pointer; }
.notice-box:nth-of-type(2n-1){ margin-right: 50px; }
.notice-box>div{ float: left; }
.notice-box .notice-box1,.notice-box>div:first-child{ width: 138px; padding-right:20px; border-right: 1px solid #007aff; text-align: center;  }
.notice-box span{ display: block; margin-top: 26px; width: 100%; height: 60px; line-height: 27px; font-size: 24px; color: #007aff; }
.notice-box>div:last-child{ width: 296px; padding-left: 20px; text-align: left; height: 194px;  }
.notice-box .notice-box2{ width: 296px; padding-left: 20px; text-align: left; height: 194px;  }
.notice-box h4{ font-size: 22px; color: #333; line-height: 24px; margin-bottom: 6px;  }
.notice-box h4:hover{ color: #007aff;  }
.notice-box p{ font-size: 18px; line-height: 36px; color: #666; max-height: 140px; overflow: hidden;  }


/*活动*/
.activity-box{ cursor: pointer;  float: left; margin-top: 50px; width: 560px; height: 312px; overflow:hidden; border-radius: 8px; position: relative;}
.activity-box:nth-of-type(2n-1){ margin-right: 50px; }
.activity-box p{ position: absolute; bottom: 0; left: 0;  height: 52px; width: 100%; text-align: center; font-size: 30px; color: #fff; line-height: 52px; margin:0;background: rgb(255, 255, 255); background: rgba(0,0,0,0.4);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); }
.activity-box p:hover{ color: #007aff; text-decoration: underline; }

/*新闻*/
.news-box-wrapper{ padding-top: 20px; min-height: 800px; }
.news-box{ display: inline-block; padding:30px 0; border-bottom: 1px solid #d8d8d8; position: relative;  }
.news-box>div{ float: left; }
.news-box>div:first-child,.news-box .news-box1{ margin-right: 50px; width: 290px; margin-right: 50px; border-radius: 8px; overflow: hidden;  }
.news-box>div:last-child{ width: 830px; }
.news-box .news-box2{ width: 830px; }
.news-box h4{ font-size: 32px; color: #333; margin-bottom: 16px; line-height: 48px; cursor: pointer;  }
.news-box h4:hover{ text-decoration: underline; color: #007aff; }
.news-box p{ font-size: 18px; line-height: 28px; color: #666; height: 56px;  overflow:hidden; text-overflow:ellipsis; }
.news-box span{ display: inline-block; color: #999; font-size: 14px; width: 100%;  }
.news-box label{ font-weight: normal; }
.news-box .time{ margin-right: 34px; }
.news-box .share{ color: #007aff; padding-right: 124px; position: relative; top:-4px;  }
.news-box .share i{ display: inline-block; background: url("/assets/images/website2/share.png") no-repeat; width: 20px; height: 18px; position: relative; top:6px; left: 14px;  }
.news-box span a{ float:right;  width: 60px; height: 20px; }
.news-box .chat-msg-text{ top:158px; right: 0; }


.news-content-wrapper { padding:100px 0 200px; min-height: 800px; }
.news-content-wrapper h3{ font-size: 40px; color: #333; margin-bottom: 34px; text-align: center;  }
.news-content-wrapper .intro{ margin-bottom: 80px;  font-size: 16px; color: #999; text-align: center; }
.news-content-wrapper .intro span:not(:last-child){ margin-right: 14px;  }
.news-content-wrapper label{ font-weight: normal; }
.news-con-article{ padding:0 84px 60px; min-height: 600px; }
.news-con-article p,p.news-con-article-bottom{ font-size: 20px; color: #666; line-height: 50px;  }
.news-con-article img { display: block; margin:40px auto; max-width: 1000px;  }
p.news-con-article-bottom{ margin-right: 84px; text-align: right; margin-bottom: 50px; }
.news-con-bottom{ position: relative; }
.news-con-bottom p{ font-size: 20px; color: #333; height: 24px; }
.news-con-bottom p a{ float: right; color: #007aff;}
.news-con-bottom span{ margin-right: 10px; color: #333; }
.news-con-bottom span.disabled{ color: #999; }
.news-con-bottom span:not(.disabled):hover{ color: #333; }
.news-con-bottom .share{ padding-right: 30px; color: #007aff; }
.share i{ display: inline-block; background: url("/assets/images/website2/share-t.png") no-repeat; width: 20px; height: 18px; position: relative; top:2px; }
.news-con-bottom .next{ color: #007aff; }

.page{ position: relative;  width: 100%; text-align: center; margin-top: 100px; margin-bottom: 210px; }
.page a{ display: inline-block; height: 28px; margin-right: 10px; color: #333; background: #fff; border:1px solid #d8d8d8; border-radius: 4px;  text-align: center; line-height: 28px; }
.page a.active{ background: #007aff; color: #fff; border-color:#007aff; }
.page a.page-reverse{ width: 48px; border:none; font-size: 46px; position: relative; top:8px; color:#007aff; }
.page a.disabled{ color: #ddd; }
.page span{ display: inline-block; font-size:14px; line-height:28px; margin-right: 6px; height: 28px;  }
.page a:not(.page-reverse):hover{ color: #fff; background:#007aff; border-color: #007aff;  }
.page a:not(.disabled).page-reverse:hover{ color: #333; }
.page li.active a{background: #007aff;}

 .chat-msg-text { z-index: 2; position: absolute; top:-10px; right:92px; width: 100px; text-align: center; background: #fff; color: #b5b6b6; font-size: 15px; border: 1px solid #ccc; padding: 6px; border-radius: 6px;}
/*.chat-msg-text a{ display: block; padding:4px 10px;}
.chat-msg-text a:hover{ color: #007aff; }*/
.chat-msg-text:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -8px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #ccc;
}.chat-msg-text:after {
    content: "";
    position: absolute;
    top: 12px;
    left: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
} 


 #wrapper > figure > figcaption {
    text-align: center;
}
#wrapper > figure > figcaption {
    margin: 1em;
}
.demo h1,
.demo #wrapper > figure > figcaption {
    color: #fff;
}
.mis-slider li figcaption {
    font-weight: 500;
    letter-spacing: .5px;
}
.main {
    width: 80%;
    margin: 2em auto;
    /*display: block;*/
}
div.main pre {
    font-size: 1.1em;
    overflow: auto;
    max-height: 500px;
    background-color: #fff;
    padding: 0 1em 1em;
}
@media screen and (min-width: 1200px) {
    .main {
        width: 50%;
    }
}


.fixed-icon-new{ position: fixed; bottom: 0px; right: 0px; width: 80px; z-index: 100;  }
.fixed-icon-new li{ cursor: pointer;  position: relative;  width: 68px; height: 68px; padding:6px; background:#007aff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; margin-bottom: 8px; color: #fff; text-align: center; border:1px solid #007aff; font-size: 12px; }
.fixed-icon-new i{ display: block; width: 100%; height: 52px; margin-bottom: -4px; background:url("/assets/images/website2/fixed-icon.png") no-repeat; background-size: 40px auto;  }
.f-qq i{ background-position: center -40px;  }
.f-iphone i{ background-position: center -95px; }
.f-wx i{ background-position: center 6px; }
.fixed-icon-new .f-goup{ background: #fff; }
.f-goup i{ background-position: center -192px; height: 60px; }
.f-goup:hover {background: #007aff; }
.f-goup:hover i{ background-position: center -138px; height: 60px; }
.f-sm i{ background-position: center -338px;  height: 62px; background-size: 50px auto; }
.f-qq a,.f-qq a:hover{ color: #fff; text-decoration: none; }
.fixed-icon-new li:hover{ background: rgb(0,122,255); background: rgba(0,122,255,0.4);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); }

.fixed-text { display: none; z-index: 2; position: absolute; top:24px; right: 106px; width: 167px; text-align: center; background: rgb(0,122,255); background: rgba(0,122,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  color: #fff; font-size: 14px; padding: 6px; border-top-left-radius:6px; border-bottom-left-radius: 6px;}
.fixed-text:before {
    content: "";
    position: absolute;
    top: 11px;
    right: -14px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #007aff;
}


.f-sm .fixed-text{ background-color: #fff; border:6px solid #007aff; right: 110px; top:-135px; width: 190px; opacity: 1;  }
.f-sm .fixed-text:before{ top:154px; right: -24px; border-width: 12px; }

.f-qq:hover .fixed-text,.f-iphone:hover .fixed-text,.f-sm:hover .fixed-text{ display: inline-block; }