@font-face {
	font-family: 'iconfont';  /* project id 221123 */
	src: url('//at.alicdn.com/t/font_2h502wvflghhyqfr.eot');
	src: url('//at.alicdn.com/t/font_2h502wvflghhyqfr.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_2h502wvflghhyqfr.woff') format('woff'),
	url('//at.alicdn.com/t/font_2h502wvflghhyqfr.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_2h502wvflghhyqfr.svg#iconfont') format('svg');
}

.jiejue .left ,
.jiejue .right {float: left;width: 50%; position: relative; min-height: 640px;}
.jiejue .top { position: absolute; left: 0; right: 0; bottom: 32%; }
.jiejue .top .tac{ display: flex;justify-content: center;align-items: flex-start; }
.jiejue .title { text-align: center; background-color: rgba(255,255,255,0.7);height: 60px;line-height: 60px;color: #4e4e4e;font-size: 24px; }
.jiejue .top:after{content: '';position: absolute;height: 66px;width: 1px;left: -1px;background-color: rgba(255,255,255,0.4);bottom: 25px;}
.jiejue .top .btns a { display: inline-block; padding: 35px 30px; line-height: 15px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; position: relative;}
.jiejue .top .btns a .iconfont { display: block; margin-bottom: 20px; font-size: 35px;color: #fff; }
.jiejue .top .btns a.active{background-color: rgba(0,0,0,0.15);}
.jiejue .right .bottom{left: auto;}
.jiejue .top .btns a p { font-size: 12px; color:#fff;min-height: 28px;line-height: 1;}
.jiejue .bottom { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px;width: 94%; }
.jiejue .bottom dd { display: none; }
.jiejue .bottom dd.active { display: block; }
.jiejue .bottom dd li { float: left; width: 33.33%; box-sizing: border-box; padding: 15px;}
.jiejue .bottom dd li p{ margin-bottom: 0px; position: relative; padding-left: 30px;height: 32px;overflow: hidden;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;text-align: center;}

.jiejue .bottom dd li .face {  border-radius: 2px; overflow: hidden; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;margin-bottom: 15px;  }

.jiejue .bottom dd li:hover p{color: #41a784;}
@media screen and (max-height: 680px) {
	/*.jiejue .top { top: 10%; }*/
    /*.jiejue .top{bottom: 36%;}*/
}
@media screen and (max-width: 500px) {
	.jiejue .top { top:5%; }
}

.fd .cover { margin-top: 74px; background-position: center; background-size: cover; text-align: center; position:relative; }
.fd .cover .text { color: #fff; padding: 160px 0;position:relative; z-index:9; }
.fd .cover .text .iconfont { font-size: 35px; display: block; margin-bottom: 20px; }
.fd .cover .text p { font-size: 12px; }
.fd .cover .text h1 { font-size: 42px; margin-top: 35px; letter-spacing: 5px; }
.fd .content { padding: 60px 0; }


.fd .cover::after{display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.2);
  z-index: 1;}

.fd .block { /* margin-bottom: 80px; */ }
.fd .block.analyse { text-align: center; }
.fd .block.analyse .title { position: relative; margin-bottom: 45px; padding-bottom: 45px; }
.fd .block.analyse .title:after { content: ''; display: block; position: absolute; left: 50%; margin-left: -20px; width: 40px; background: #3cc78e; height: 2px; bottom: 0;}
.fd .block.analyse .title h1 { font-size: 28px; letter-spacing: 5px; letter-spacing: 5px; color:#000;}
.fd .block.analyse .desc p { line-height: 32px; font-size: 13px; color: #666; padding: 0 100px; text-align: left;}

.fd .block.feature { text-align: center; }
.fd .block.feature .title { position: relative; margin-bottom: 45px; padding-bottom: 45px; }
.fd .block.feature .title:after { content: ''; display: block; position: absolute; left: 50%; margin-left: -20px; width: 40px; background: #3cc78e; height: 2px; bottom: 0;}
.fd .block.feature .title h1 { font-size: 28px; letter-spacing: 5px; letter-spacing: 5px; color:#000;}
.fd .block.feature .items .item { float: left;width: 25%; }
.fd .block.feature .items.item3 .item { width: 33.333%; }
.fd .block.feature .items.item2 .item { width: 50%; }
.fd .block.feature .items.item1 .item { width: 100%; }
.fd .block.feature .items.item5 .item { width: 20%; }
.fd .block.feature .item i { display: inline-block; width: 90px; height: 90px; line-height: 90px; border-radius: 100%; background: #45d6c8;background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%);background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%);background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 ); color:#fff; font-size: 35px; margin-bottom: 35px; }
.fd .block.feature .item p { font-size: 16px; color: #333;height: 38px; }
.fd .block.feature .items {margin-bottom: 75px; }
.fd .block.feature .desc{ line-height: 32px; font-size: 13px; color: #666;text-align: left; padding: 0 100px; }

.fd .block.value { text-align: center; }
.fd .block.value .title { position: relative; margin-bottom: 45px; padding-bottom: 45px; }
.fd .block.value .title:after { content: ''; display: block; position: absolute; left: 50%; margin-left: -20px; width: 40px; background: #3cc78e; height: 2px; bottom: 0;}
.fd .block.value .title h1 { font-size: 28px; letter-spacing: 5px; letter-spacing: 5px; color:#000;}
.fd .block.value  .item { position: relative;margin-bottom: 90px; }
.fd .block.value  .item:after { content: '';display: block; clear: both; }
.fd .block.value  .item .face { float: right; width: 50%; box-shadow: 0 22px 73px rgba(0,0,0,0.20); }
.fd .block.value  .item .text { position: absolute; top: 0; left: 0; right: 50%;bottom: 0; text-align: left; }
.fd .block.value  .item:nth-child(2n+2) .face { float: left;}
.fd .block.value  .item:nth-child(2n+2) .text { position: absolute; top: 0; right: 0; left: 50%;bottom: 0; }
.fd .block.value  .item .text p { padding: 0 70px; position: relative; font-size: 14px;line-height: 32px;color: #666;}
.fd .block.value  .item .text p:before { content: '';display: block; position: absolute; top: 10px; left: 50px; width: 4px; height: 4px; border-radius: 100%; background: #262626; }

.fd .block.img {text-align: center; }

.fd .block.pingjia { text-align: center;}
.fd .block.pingjia .title { position: relative; margin-bottom: 45px; padding-bottom: 45px; }
.fd .block.pingjia .title:after { content: ''; display: block; position: absolute; left: 50%; margin-left: -20px; width: 40px; background: #3cc78e; height: 2px; bottom: 0;}
.fd .block.pingjia .title h1 { font-size: 28px; letter-spacing: 5px; letter-spacing: 5px; color:#000;}
.fd .block.pingjia .item { margin-bottom: 30px; }
.fd .block.pingjia .item .text { padding: 50px 75px; box-shadow:0 8px 24px -6px rgba(0,0,0,.15); position: relative;}
.fd .block.pingjia .item .text i { display: block;font-style: normal; }
.fd .block.pingjia .item .text:before { content: '';display: block; width: 22px; height: 19px; /*background: url('../images/quot1.png') no-repeat top center;*/ position: absolute; top: 35px; left: 10%; }
.fd .block.pingjia .item .text:after { content: '';display: block; width: 22px; height: 19px; /*background: url('../images/quot2.png') no-repeat top center;*/ position: absolute; bottom: 35px; right: 10%; }
.fd .block.pingjia .item .info { margin-top: 45px; display: inline-block; z-index: 2;position: relative; padding-left: 100px; text-align: left; }
.fd .block.pingjia .item .info i{ background-position:center;}
.fd .block.pingjia .item .face { width: 70px; height: 70px; border-radius: 100%;border:1px solid #f3f3f3; display: inline-block; background: #fff; position: relative; z-index: 1; margin-bottom: 21px; position: absolute; top: 50%; margin-top: -35px; left: 0;}
.fd .block.pingjia .item h5 { font-size: 16px; margin-bottom: 15px; color: #333; }
.fd .block.pingjia .item p {font-size: 12px; color: #bfbfbf; }

.fd .xiangguan .title { position: relative; margin-bottom: 45px; padding-bottom: 45px; text-align: center; }
.fd .xiangguan .title:after { content: ''; display: block; position: absolute; left: 50%; margin-left: -20px; width: 40px; background: #3cc78e; height: 2px; bottom: 0;}
.fd .xiangguan .title h1 { font-size: 28px; letter-spacing: 5px; letter-spacing: 5px; color:#000;}
.fd .xiangguan .item { float: left; width: 33.333%;text-align: center;  }
.fd .xiangguan .item .con { display: inline-block;/* opacity: .2;*/ }
.fd .xiangguan .item .face { display: block; }
.fd .xiangguan .item a { display: inline-block; position: relative; line-height: 34px; border-radius: 8px; padding: 0 30px; letter-spacing: 5px;color:#fff; opacity: 0; }
.fd .xiangguan .item:hover .con { opacity: 1; }
.fd .xiangguan .item:hover .face {  box-shadow: 0 5px 20px rgba(0,0,0,.1); }
.fd .xiangguan .item:hover a { opacity: 1; transform:translateY(-17px);-webkit-transform:translateY(-17px); }

.duibi .content { padding-top: 150px; padding-bottom: 100px; }
.pd .video video { width: 100%; height: 100%; background: #000; }

.page.canshu,
.page.ziliao,
.page.software {
	padding-top: 50px;
}

.canshu table { min-width: 600px;  }
.t170406 { overflow: scroll; }



  
@media screen and (max-width: 800px) {
	.jiejue .top { top: 0%; }
	.jiejue .left, .jiejue .right{height:300px!important;min-height: inherit;}
	.fd .cover .text { padding: 60px 0; }
	.fd .cover .text h1 {font-size: 20px; }
	.fd .block.analyse .desc p { padding: 0 20px; }
	.fd .content { padding: 30px 0; }
	.fd .block.analyse .title h1,
	.fd .block.feature .title h1,
	.fd .block.value .title h1,
	.fd .block.pingjia .title h1,
	.fd .xiangguan .title h1  { font-size: 16px; font-weight: normal; letter-spacing: 0; }
	.fd .block.feature .items .item { width: 50%; margin-bottom: 20px; }
	.fd .block.feature .item i { width: 60px; height: 60px; margin-bottom: 20px;line-height: 60px;font-size: 25px; }
	.fd .block.feature .desc { padding: 0 20px; }
	.fd .block.value .item { margin-bottom: 20px; box-shadow: 0 22px 73px rgba(0,0,0,0.20) }
	.fd .block.value .item .face,
	.fd .block.value .item:nth-child(2n+2) .text,
	.fd .block.value .item:nth-child(2n+2) .face, 
	.fd .block.value .item .text { width: auto; float: none; position: relative; top: auto; bottom: auto; left: auto; right: auto; box-shadow: none;}
	.fd .block.value .item .text  .vcenter { position: relative; top: auto; bottom: auto; left: auto; right: auto; }
	.fd .block.value .item .text p:before { display: none; }
	.fd .block.value .item .text p { padding: 0 20px; }
	.fd .block.pingjia .item .text { padding: 30px 20px; }
	.fd .xiangguan .item { width: 50%; }

	.pro .filter { margin: 30px 0; }
	.pro .filter .bg { width: 300px; height: 42px; background-size: 100% auto; }
	.pro .filter2 .item { width: 33.333%; }
	.pro .filter2 .item.active:before,
	.pro .filter2 .item.active:after { display: none; }
	.pro .filter2 .item:hover p, .pro .filter2 .item.active p { font-size: 14px; ;letter-spacing: 0;  }
	.pro .filter2 .item a { padding-bottom: 35px; }
	.pro .list { padding: 30px 0; }
	.pro .list .item { width: 50%; }
	.pro .list .item:nth-child(2n+1) { clear: both; }
	.pro .list .item .face { height: auto; }
	.pd .filter.fixed { top: 50px; }
	.pd .filter a { line-height: 25px; padding: 0 10px; border-radius: 25px; font-size: 12px; letter-spacing: 0; margin: 0 1px; }

	.pd .xiangqing .title h1 {  font-size: 20px; letter-spacing: 0;}
	.pd .xiangqing .block.type1 h2 { font-size: 14px; line-height: 2; letter-spacing: 0;font-weight: normal; padding: 0 20px; }
	.pd .xiangqing .block.type2 p { padding: 0 20px; }
	.t170406 table { /*min-width: 600px;*/ width: 100%!important; }
	.t170406 { overflow: scroll; }

	.header .menu .menulist { padding-left: 0; }
	.header .sub .submenus { overflow: hidden; }

	.uikit_slogan .text { padding: 60px 0; }
	.uikit_slogan .text .btns a { width: 128px; line-height: 40px; }
	.uikit_slogan .text .btns a span {  white-space: nowrap;text-overflow:ellipsis; overflow:hidden; letter-spacing: 0; }
	.uikit_slogan .text .btns a span font { letter-spacing: 0; }
	.uikit_slogan .text h1 { font-size: 20px; margin: 20px; padding-bottom: 20px; letter-spacing: 0; }
	.uikit_slogan .text small { letter-spacing: 0; }
	.partner > .tabs .icon { width: 90px; height: 90px; line-height: 90px; }
	.partner > .tabs .icon h2 { line-height: 88px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; letter-spacing: 0; }
	.partner > .tabs .md4 .con { padding: 30px 5px; }
	.partner > .content { padding: 40px 20px; }
	.partner .whytitle h1 { font-size: 20px; letter-spacing: 0; }
	.partner .reason .md4 { float: none; width: auto; margin-bottom: 20px; }
	.partner .support li {  width: auto; float: none; margin-bottom: 20px; }
	.partner .support li .icon { line-height: 50px; margin-bottom: 10px; }
	.partner .step li { float: none; width: auto; margin-bottom: 20px; }
	.partner .step li p { margin-top: 0; }
	.partner .plist .title p { font-size: 14px; line-height: 24px; }
	.partner .plist ul li { width: 50%; }
	.partner .plist .title h1,
	.partner .content .block .title h1 { font-size: 20px;letter-spacing: 0; font-weight: normal; }
	.partner .form .md8 label { float: none; width: auto;display: block; }
	.partner .form .top .md8 ,
	.partner .form .top .md4 { float: none; width: auto; }
	.partner .form .top ,
	.partner .form .bottom { padding: 10px 20px; }

	.about .content { padding: 50px 20px; }
	.innerbanner { padding-top: 50px; height: 123px;}
	.innerbanner .con{ height:50%;}
	.innerbanner h3 { font-size: 20px; letter-spacing: 0; }
	.about_box .list { width: auto; }
	.about_box .list li { margin-bottom: 20px; }
	.about_box .list li:nth-child(2n+1) .item { margin-right: 20px; }
	.about_box .list li:nth-child(2n) .item { margin-right: 20px; margin-left: 0 }
	.about_box .list li:nth-child(2n) { margin-left: 0; }
	.about_box .list li:nth-child(n) .item:before{border-color: transparent transparent transparent #d9d9d9;left:100%; right: auto;}
	.about_box .list li:nth-child(n) .item:after{border-color: transparent transparent transparent #fff;left:100%; right: auto;}
	.about_box .list li:nth-child(n):after{right: -8px; left: auto;}
	.about_box .list li:nth-child(n):before{right: -16px; left: auto;}
	.navtab1 li { width: 33.33%; }
	.navtab2 li { width: 50%; }
	.case_box .list .txt { padding: 20px; }
	.case_box .list .pic,
	.case_box .list .con { width: auto; float: none; }
	.fake:after, .fake:before { display: none; }
	.honor_box dl .list li { width: 50%; }
	.honor_box dl .list { padding: 0 20px; }
	.honor_box dl .list .pic { height: 100px; }
	.news_box .list .pic ,
	.news_box .list .con { float: none; width: auto; }
	.news_box .list .pic  { margin-bottom: 20px; }
	.news_box .list .txt { padding: 0; }
	.touzi .filter li { width: 50%;  }
	.touzi .filter .con { height: 40px; margin-bottom: 10px; }
	.touzi .filter .con h5 { line-height: 40px; }
	.touzi .nl dd p { padding: 0 20px;  line-height: 2;}
	.touzi .nl dd a:before { display: none; }
	.touzi .nl dd small { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; text-align: right; margin-top: 10px; padding: 0 20px; line-height: 1;}
	.touzi .filter li.active .con:before,
	.touzi .filter li.active .con:after { display: none; }
	.rukou .item { float: none !important; width: auto !important; margin: 10px 0; }
	.sj .slogan .text { padding: 60px 0; }
	.sj .slogan h1 { font-size: 20px; letter-spacing: 0; }
	.sj .xuqiu .item { float: none; width: auto; }
	.sj .xuqiu .item .con { margin: 0 20px; margin-bottom: 20px; }
	.sj .faq dl { padding: 20px; }
	.sj .liucheng .img { margin: 20px; padding: 20px; }
	.k .shzp .md4 { float: none; width: auto; }
	.k .filter { padding: 30px 0; }
	.k .jiazhiguan .items { padding: 0 20px; }
	.k .jiazhiguan .items .item .face { position: relative; top: auto; bottom: auto; left: auto; right: auto; height: 250px; width: auto; }
	.k .jiazhiguan .items .item .text { width: auto; float: none; }
	.k .jiazhiguan .items .item .text .con { padding: 0; margin-top: 20px; }
	.k .jiazhiguan .items .item .text h5 { margin-bottom: 15px; padding-bottom: 15px; }
	.ct .contact .face,
	.ct .contact .text { float: none; width: auto; }
	.ct .contact .face{position:relative;transform:none;}
	.ct .contact .text .con { padding: 20px; }
	.jiejue{background:#f7f7f7!important;}
	.jiejue .tac{height:94px;}
	.jiejue .right{margin-top:0!important;}
	.jiejue .top .btns a{height:100%;line-height:50px;}
	.jiejue .top .btns a > i{margin-bottom:0!important;}
	.jiejue .title{margin-bottom:5px;background-color:transparent;}
	.jiejue .bottom dd li{padding:5px!important;}
	.footer .sitemap dt a{font-size:14px;}
}

.zixun,
.index .tiyan { z-index: 999999999; }

@media screen and (max-width: 800px) {
	.pd .video h1 { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0 20px; margin-bottom: 10px; }
	.pd .video .cont { margin-left: 0; margin: 0 20px; height: 240px; }
	.pd .video .cont .play { position: relative; top: auto; bottom: auto; left: auto; right: auto; height: 220px; }
	.pd .video .playlist { position: relative; top: auto; bottom: auto; left: auto; right: auto; background: #333; }
	.pd .video .playlist li { float: none; width: auto; }
	.pd .software td span.new:before { display: none; }
	.pd .software td span.new { padding-left: 0; }
	.pd .filter a { box-sizing: border-box; margin: 0 1%; width: 31.333%; padding: 0; text-align: center; float: left; margin-bottom: 10px;  }
}
.fd .block.value  .item .face,
.pro .list .item .face { box-shadow: none; }
.index .news .new h5 { font-size: 18px; }
.innerbanner .picbg { background-color: #000; }
.solution .audio .btns ul li { -moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;}
.solution .video .btns ul li { -moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0; }
@media screen and (min-width:800px) {
	.pro .list .item:nth-child(3n+1) { clear: both; }
}
@media screen and (max-width:800px) {
	.duty_box dl { margin: 0; }
}
.pd .bg { background: none; }
.header .sub .submenus dd a { white-space: nowrap;	}

#z-az > .maxsize{}
#z-az > .maxsize .tab-box{
    background-color: #fff;
    height: 54px;line-height: 54px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #3cc799;
    display: flex;justify-content: space-between;align-items: center;position: relative;
}
#z-az > .maxsize .tab-box.fx{
    position: fixed;
    max-width: 1200px;
    width: 84%;
    top: 74px;
    left: 0;right: 0;margin:0 auto;
}
@media screen and (max-width: 800px){
    #z-az > .maxsize .tab-box.fx{
        top: 55px;
    }
}
#z-az > .maxsize .tab-box > a{font-size: 15px;color: #595757;display: inline-block;width: 200px;text-align: center;}
#z-az > .maxsize .tab-box .arrow{position: absolute;width: 200px;height: 10px;bottom: 0;transition: left 0.3s ease-in-out;}
#z-az > .maxsize .tab-box .arrow:after{content: "";position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #3cc799 transparent;bottom: 0;left: 0;right: 0;margin: auto; }
#z-az > .maxsize .tab-box .arrow:before{content: "";position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #fff transparent;bottom: -1px;left: 0;right: 0;margin: auto;z-index: 10;}
#z-az > .maxsize .tab-box > div{width: calc(100% - 300px);display: flex;justify-content: space-between;align-items: center;}
#z-az > .maxsize .tab-box > div > a{cursor: pointer;font-size: 15px;color: #595757;display: inline-block;width: 35px;text-align: center;}
#z-az > .maxsize{padding: 5vw 0;}
#z-az > .maxsize h1{margin-bottom: 20px;font-size: 17px;color: #595757;font-weight: normal;}
#z-az > .maxsize .wrap{}
#z-az > .maxsize .wrap .list{padding: 30px 0;border-bottom: 1px solid #eee;}
#z-az > .maxsize .wrap .list h2{font-weight: bold;height:30px;line-height: 30px;margin-bottom: 14px;color: #41a482;font-size: 16px;}
#z-az > .maxsize .wrap .list > ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#z-az > .maxsize .wrap .list > ul > li{color: #595757;cursor: pointer;margin-bottom: 10px;font-size: 15px;width: 50%;transition: all 0.3s ease-in-out;}
#z-az > .maxsize .wrap .list > ul > li > a{color: #595757;cursor: pointer;font-size: 15px;transition: all 0.3s ease-in-out;}
#z-az > .maxsize .wrap .list > ul > li:hover > a{color: #41a482;}
@media screen and (max-width:800px) {
    #z-az > .maxsize .tab-box > a{display: none;}
    #z-az > .maxsize .tab-box > div{width: 100%;}
    #z-az > .maxsize .tab-box .arrow{width: 24px;}
}