@charset "utf-8";

/*基本*/
/*html,body{height: 100%;}*/
html{font: 14px/1.6 'Source Sans Pro', sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{margin: 0;padding: 0;font-weight: 400;font-style: normal;}
strong,b{font-weight: 800;}
body{background-color: #fff;color: #646464;font-family: "Microsoft Yahei",Arial,Helvetica;/*font-family: 'Source Sans Pro', sans-serif;*/}/*"Microsoft Yahei", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif*/
ul,li,ol,em{list-style: none;}
a{color: #000;text-decoration: none;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor: pointer;}
input,button,select,textarea{font-family: inherit;font-size: inherit;line-height: inherit;}
table{border-spacing: 0;border-collapse: collapse;background-color: transparent;width: 100%;}
.clearfix:after{display: block;content: ' ';clear: both;visibility: hidden;height: 0;}
.clearfix{*zoom: 1;}
*:focus{outline: 0 !important;}
::-moz-placeholder{color: #999;}
::-webkit-input-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
input:placeholder{color: #999;}

.font_red{color: #f00;}
.font_white{color: #fff;}
.font_blue{color: #00f;}
.font_green{color: #0f0;}
.font_graya{color: #aaa;}
.font_gray6{color:#666}
.font_gray9{color:#999}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.vam{vertical-align: middle;}
.hand,.cu{cursor: pointer;}
.none,.hidden{display: none;}
.substring{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*全局常用*/
.yg-index{width: 100%;min-width: 1200px;margin-top: 40px;}
.yg-main{width: 1200px;margin: 0 auto;}
.flex{
	display: -moz-box;     /* Firefox */
	display: -ms-flexbox;  /* IE10 */
	display: -webkit-box;  /* Safari */
	display: -webkit-flex; /* Chrome, WebKit */
	display: flex;
}

/*头部*/
.yg-header{width: 100%;min-width: 1200px;}
.yg-header .logo{width: 220px;height: 100px;background: url(logo.png?0) 0 center no-repeat;float: left;}
.yg-header .slogan{float: left;line-height: 100px;font-size: 16px;}

/*演示*/
.yg-view{width: 100%;min-width: 1200px;height: 980px;background: url(view.jpg) center -100px no-repeat;}

/*切换菜单*/
.yg-nav{width: 100%;min-width: 1200px;text-align: center;margin-top: 40px;}
.nav-list{width: 1200px;margin: 0 auto;}
.nav-list li{width: 300px;height: 180px;float: left;position: relative;cursor: pointer;}
.nav-icon{width: 100px;height: 112px;margin: 0 auto;background: url(nav-bea14.png) no-repeat;-webkit-transition: all .3s;transition: all .3s;}
.nav-title{padding-top: 20px;font-size: 22px;line-height: 40px;}
.nav-strip{position: absolute;left: 50%;bottom: 0;display: none;width: 66px;height: 3px;margin-left: -33px;}
.nav-item.current .nav-strip,.nav-item:hover .nav-strip{display: block;}
.nav-item.current .nav-icon,.nav-item:hover .nav-icon{background-image: url(nav-cur-0659e.png);}
.nav-item-1 .nav-icon{background-position: 0 0;}
.nav-item-1 .nav-title{color: #3ec798;}
.nav-item-1 .nav-strip{background-color: #3ec798;}

.nav-item-2 .nav-icon{background-position: -120px 0;}
.nav-item-2 .nav-title{color: #31a5ff;}
.nav-item-2 .nav-strip{background-color: #31a5ff;}

.nav-item-3 .nav-icon{background-position: -240px 0;}
.nav-item-3 .nav-title{color: #d81e06;}
.nav-item-3 .nav-strip{background-color: #d81e06;}

.nav-item-4 .nav-icon{background-position: -360px 0;}
.nav-item-4 .nav-title{color: #fb9924;}
.nav-item-4 .nav-strip{background-color: #fb9924;}

/*切换内容*/
.yg-content{background: #f9f9f9;padding: 40px 0;}
.content-item{display: none;}
.strongTool{width: 1200px;margin: 0 auto;}
.strongTool ul li{width: 25%;float: left;text-align: center;}
.strongTool p{margin-bottom: 10px;line-height: 1.8;font-size: 15px;}
.strongTool .content-title{line-height: 50px;font-size: 16px;font-weight: 800;color: #3ec798;}
.strongTool .content-description{line-height: 20px;font-size: 14px;color: #666;}

.youshi{width: 1200px;height: 480px;margin: 0 auto;background: url(ysbg.png) no-repeat;}
.youshi ul li{height: 140px;padding-top: 20px;}
.youshi ul li.right{padding-left: 700px;}
.youshi ul li p{line-height: 1.7;font-size: 15px;}
.youshi ul li em{display: inline-block;margin-bottom: 15px;font-size: 24px;color: #31a5ff;font-weight: 400;border-bottom: 1px solid #e0e0e1;}

.difficult{justify-content: space-around;text-align: center;width: 1200px;margin: 0 auto;}
.difficult div p:nth-of-type(1){font-size: 20px;color: #666;padding: 218px 0 26px 0;}
.difficult div p:nth-of-type(2){font-size: 16px;color: #999;line-height: 26px;}
.difficult div{width: 328px;height: 360px;border-radius: 5px;background: url(newbody.png) center 50px no-repeat;background-color: #fff;padding: 0 20px;border:1px solid #eee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.difficult div:hover{box-shadow: 0 4px 10px 6px rgba(0,0,0,0.06);}
.difficult div:nth-of-type(2){background-image: url(newone.png);}
.difficult div:nth-of-type(3){background-image: url(rebuy.png);}

.jmlc{width: 1200px;margin: 0 auto;font-size: 0;text-align: center;}
.jmlc li{float: left;width: 25%;position: relative;width: 260px;height: 218px;padding-top: 70px;margin: 60px 20px 0;font-size: 12px;vertical-align: top;background-color: #fff;}
.content-3-icon-1{background-position: 0 -255px;}
.content-3-icon-2{background-position: -100px -255px;}
.content-3-icon-3{background-position: -200px -255px;}
.content-3-icon-4{background-position: -300px -255px;}
.content-3-icon{position: absolute;left: 50%;top: -49px;width: 98px;height: 98px;margin-left: -49px;background-image: url(icon-811e9.png);background-repeat: no-repeat;}
.content-3-step{padding-bottom: 10px;color: #9d9ea2;}
.content-3-title{padding-bottom: 16px;font-size: 16px;color: #33343d;}
.content-3-arrow{padding-bottom: 20px;}
.content-3-arrow i{display: inline-block;width: 18px;height: 11px;background: url(icon-811e9.png) -200px 0 no-repeat;}
.content-3-list{line-height: 26px;color: #858798;}

/*技术支持*/
.yg-box-tit{text-align: center;position: relative;}
.yg-box-tit i{height: 1px;display: block;position: absolute;width: 100%;background: #e4e4e4;top: 59px;left: 0;}
.yg-box-tit h3{height: 59px;line-height: 59px;font-size: 30px;color: #020202;border-bottom: 3px solid #989898;display: inline-block;}
.yg-box-tit p{min-height: 36px;line-height: 25px;padding: 11px 0 0 0;font-size: 16px;color: #969696;width: 1200px;margin: 0 auto;}

.yg-index .strong{justify-content: space-around;width: 1160px;margin: 0 auto;padding-top: 47px;}
.strong div{width: 268px;height: 320px;border: 1px solid #eee;background: url(team.png) center 76px no-repeat;background-color: #fff;border-radius: 5px;font-size: 18px;color: #666;padding-top: 254px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;transition: all .2s;}
.strong div:hover{margin-top: -20px;margin-bottom: 20px;}
.strong div:nth-of-type(2){background-image: url(find.png);}
.strong div:nth-of-type(3){background-image: url(afterbuy.png);}
.strong div:nth-of-type(4){background-image: url(structural.png);}

/*底部*/
.yg-footer{width: 100%;margin-top: 40px;}
.yg-footer .foot{width: 100%;height: 180px;padding: 20px 0;background: #2b3243;}
.yg-footer .foot .logo{float: left;width: 299px;height: 180px;border-right: 1px solid #465270;background: url(foot-logo.png) center center no-repeat;}
.yg-footer .foot .contact{width: 380px;margin: 0 40px;float: left;color: #9eb0dc;font-size: 15px;margin-top: 15px;}
.yg-footer .foot .contact h2{font-size: 34px;color: #5d5c5a;}
.yg-footer .foot .qrcode{float: left;width: 440px;}
.yg-footer .foot .qrcode li{float: left;width: 120px;color: #fff;font-weight: 800;margin-left: 20px;text-align: center;margin-top: 10px;}
.yg-footer .foot .qrcode li img{vertical-align: middle;width: 120px;}
.yg-footer .copy{line-height: 50px;width: 100%;margin: 0 auto;color: #fff;text-align: center;background: #272d3c;font-size: 12px;}
.yg-footer .copy a{color: #fff;}