*{margin:0;padding:0}
*,:after,:before{box-sizing:content-box}
body{width:100%;height:100%; line-height: 1.25; font-size:12px;font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","STHeiti",sans-serif;background-color:#f2f2f2}
a{text-decoration:none;outline:0}
a:focus,button:focus{outline:0; text-decoration: none;}
a:hover{text-decoration:underline}
button,input,select,textarea{font-family:Microsoft YaHei,Arial,sans-serif;color:#444}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
ul{list-style-type:none}
h2,h3,h4{font-weight:normal;margin:0}
p{margin:0}
img{max-width:100%;border:0}
.ta-c{text-align:center}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.ml80{margin-left:80px}
.ml215{margin-left:215px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}
.pt110{padding-top:110px}
.pt120{padding-top:120px}
.pt130{padding-top:130px}
.pt140{padding-top:140px}
.pt150{padding-top:150px}
.pt160{padding-top:160px}
.pt170{padding-top:170px}
.pt180{padding-top:180px}
.pl15{padding-left:15px}
.pl30{padding-left:30px}
.pr5{padding-right:5px}
.pb80{padding-bottom:80px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pr15{padding-right:15px}
.fl{float:left}
.fr{float:right}
.c-gray{color:#666}
.fz13 {font-size:13px;font-weight:bold}
.fz14{font-size:14px}
.fz16{font-size:16px}
.fz17{font-size:17px}
.fz18{font-size:18px}
.fz20{font-size:20px}
.fz22{font-size:22px}
.fz24{font-size:24px}
.fz26{font-size:26px}
.fz30{font-size:30px}
.fz34{font-size:34px}
.fz42{font-size:42px}
.fz36{font-size:36px}
.fz50{font-size:50px}
.section p{position:relative}
.record-list{height:30px;overflow:hidden}
.news-wrap{max-width:302px}
.news-wrap li{height:30px;overflow:hidden}
.news-wrap li a{white-space:nowrap}
.triangle-right{width:0;height:0;margin:0 4px 0 0;border-top:6px solid transparent;border-left:6px solid #338be6;border-bottom:6px solid transparent;display:inline-block}
.section1{background-image:none}
.section-wraper1{width:1200px;margin:0 auto;color:#338be6;height:100%;position:relative}
.particles{width:100%;position:fixed;top:0;bottom:0;z-index:1;display:none}
.top{width:1000px;margin:0 auto;position:fixed;top:0;left:50%;margin-left:-500px;z-index:99}
.menu{position:relative;z-index:2}
.menu>li{float:left;position:relative}
.menu>li.active{border-bottom:3px solid #338be6}
.menu>li.active>a{color:#fff}
.menu>li>a{color:#fff;width:124px;height:47px;line-height:47px;text-align:center;display:block;font-size:14px}
.menu>li>a:hover{color:#fff;text-decoration:none}
.sub-menu{position:absolute;width:124px;padding:5px 0;background:rgba(218,218,218,0.6);display:none}
.sub-menu li a{height:42px;line-height:42px;text-align:center;color:#000;font-size:14px;display:block}
.logo{float:left;margin:12px 0 0 0}
.menu-wrap{width:870px;float:right}
.menu-bg{width:870px;height:47px;position:absolute;top:0;background:#000;opacity:.35;filter:alpha(opacity=35);right:0}
.mingyuan-adslide{position:relative}
.mingyuan-adslide:hover .mingyuan-ad-btn a{display:block}
.mingyuan-ad-btn a{position:absolute;top:50%;margin-top:-50px;width:40px;height:40px;outline:0;z-index:100;display:none}
.mingyuan-ad-btn .prev{left:20px;background:url(templetsstyleimageslarge_left.png) no-repeat}
.mingyuan-ad-btn .prev:hover{background-position:0 -40px}
.mingyuan-ad-btn .next{right:20px;background:url(templetsstyleimageslarge_right.png) no-repeat}
.mingyuan-ad-btn .next:hover{background-position:0 -40px}
.noticeDetail{position:relative;min-width:1200px}
.noticeDetail .big-banner{position:absolute;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:top center}
.my-ad-slide{position:relative}
.ball{width:800px;height:800px;position:absolute;top:50%;left:50%;margin-top:-400px;margin-left:-400px;background:url(templetsstyleimagesball.png) no-repeat;-webkit-background-size:contain;background-size:contain;overflow:hidden;display:none}
.circular-change{-webkit-animation:circular_change 60s infinite linear;animation:circular_change 60s infinite linear}
@-webkit-keyframes circular_change{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transition:rotate 1s;transition:rotate 1s;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circular_change{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.mingyuan-company-wrap{position:absolute;width:750px;top:50%;left:50%;margin-top:-375px;margin-left:-375px;z-index:2}
.fast-wrap{position: fixed; right: 0; bottom: 55px; z-index: 100; display: none;}
.pad {margin:10px 0}
.fast-sub-box{ 
	width:80px;
	height:80px;
	margin-top: 1px;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.fast-sub-box1{ 
	width:160px;
	height:30px;
	color: #fff;
	text-align: left;
	overflow: hidden;
}
.fast-sub-box span.iconfont{
	font-size: 30px;
}
.fast-sub-box span.icon-dianhua{
	font-size: 35px;
	height:44px;
	line-height: 44px;
}
.fast-sub-box span.icon-kefu{
	margin-top: 10px;
	display: block;
	height:42px;
	line-height: 42px;
}
.fast-sub-box h4{
 padding-top: 2px;
}
.dianhua-wrap{
	background: #eb6100;
}
.dianhua-wrap p{
	padding-top: 1px;
}
.kefu-wrap{
	background: #f39800;
}
.kefu-wrap a{
	color: #fff;
}
.kefu-wrap a:hover,.kefu-wrap a:focus{
	text-decoration: none;
}
.erwei-wrap{
	line-height: 80px;
	background: #fff;
}
.erwei-wrap img{
	width:76px;
}

.company-logo{margin-top:250px;-webkit-animation-delay:1s;animation-delay:1s}
.banner-text{letter-spacing:9px;-webkit-animation-delay:1s;animation-delay:1s}
.logo-list{width:460px;margin:10px auto 0}
/*.logo-list img{width:80px}*/
.logo-list li{float:left;margin:0 5px;height:34px;line-height:34px}
.logo-list li.logo-list-li1{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.logo-list li.logo-list-li2{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.logo-list li.logo-list-li3{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.logo-list li.logo-list-li4{-webkit-animation-delay:2s;animation-delay:2s}
.customer-wrapper{position:absolute;right:0;bottom:60px;color:#338be6}
.customer-wrapper a{color:#338be6}
.contect-box{height:80px;float:right;border-right: 1px solid #0064ca;}
.contect-box .fast-sub-box{color: #005cba; background: none; border:1px solid #0064ca; border-right: 0;}
.contect-box .fast-sub-box a{color: #005cba;}
.contect-box .fast-sub-box .icon-kefu{margin-top: 0;}
.contect-box .fast-sub-box1{color: #005cba; background: none; border:1px solid #0064ca; border-top:0;}
.contect-box .fast-sub-box1 a{color: #005cba;}
.contect-box .fast-sub-box1 .icon-kefu{margin-top: 0;}
.contect-box .erwei-wrap img{width:80px;}
.company-trends{width:402px;margin-top:12px;border:1px solid #0064ca;line-height:30px}
.company-trends .solution{border-bottom:1px solid #0064ca}
.company-trends .company-news{padding:0 10px 0 0;overflow:hidden}
.company-trends a{padding:0 8px}
.company-trends a:hover{text-decoration:underline}
.company-trends .trend-title{width:85px;margin-right:5px;float:left;text-align:center;background:#005cba}
.company-trends .trend-title>a{color:#000}
.section-wraper{width:1200px;margin:0 auto}
.section-wrap-left{opacity:0;-webkit-transition:all 1s .3s;transition:all 1s .3s;-webkit-transform:translate(-70px,0);-ms-transform:translate(-70px,0);transform:translate(-70px,0);float:left;width:355px;padding-left:10px;padding-right:10px}
.section-wrap-left p{color:#666;line-height:24px}
.section-wrap-left .details-btn{width:84px;height:24px;margin-top:30px;line-height:24px;text-align:center;color:#000;border:1px solid #616161;border-radius:15px}
.is-visible .section-wrap-left,.is-visible .section-wrap-right,.is-visible .section-wrap-center{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.section-wrap-right{opacity:0;-webkit-transition:all 1s .3s;transition:all 1s .3s;-webkit-transform:translate(70px,0);-ms-transform:translate(70px,0);transform:translate(70px,0);width:180px;float:right}
.section-wrap-center{opacity:0;-webkit-transition:all 1s .3s;transition:all 1s .3s;-webkit-transform:translate(0,-70px);-ms-transform:translate(0,-70px);transform:translate(0,-70px);margin-left:410px;margin-right:180px}
.platform-wrap{margin:0 auto;position:relative}
.note-book{width:513px;height:288px;background:url(templetsstyleimagesnote_book.png) no-repeat}
.note-book .plat-logo-item{left:110px}
.plat-phone2{width:98px;height:202px;float:right;margin-top:40px;margin-right:20px}
.plat-phone{width:455px;height:243px;background:url(templetsstyleimagesphone1.png) no-repeat}
.plat-logo-item{position:absolute;width:257px}
.ycg-plat-logo-xian{height:158px;top:55px}
.yk-plat-logo-xian{height:112px;top:60px;left:90px}
.yfw-plat-logo-xian{height:70px;top:71px;left:75px}
.erp-plat-logo-xian{height:70px;top:95px}
.plat-logo{-webkit-animation-delay:.6s;animation-delay:.6s}
.ycg-plat-logo{height:70px;top:95px}
.yk-plat-logo{top:60px;height:88px;left:90px}
.yl-plat-logo{height:70px;top:80px;left:80px}
.yfw-plat-logo{height:70px;top:75px;left:80px}
.erp-plat-logo{height:70px;top:95px}
.plat-title{font-size:30px;height:32px;line-height:32px;background:#338be6;width:130px;text-align:center;border-radius:5px;color:#fff}
.effect-list li{margin-top:50px}
.effect-list li.first{margin-top:20px}
.effect-list a{font-size:18px;color:#000;cursor:default}
.effect-list a:hover{text-decoration: none;}
.effect-list .icon-duihao{margin:-2px 15px 0 0;text-align:center;color:#338be6;display:inline-block;border-radius:50%;font-size:28px;vertical-align:middle}
.caigou-effect-list li{margin-top:25px}
.caigou-effect-list li .icon-duihao{line-height:30px}
.erp-effect-list li{margin-top:25px}
.erp-effect-list li .icon-duihao{line-height:28px}
.section-bottom{background:url(templetsstyleimagesstarry_sky_bottom.jpg) no-repeat;height:1090px;-webkit-background-size:cover;background-size:cover;font-size:16px}
.section-bottom .fp-tableCell{width:100%;bottom:0;background:url(templetsstyleimagesball2.png) no-repeat center bottom}
.section-bottom-wrap{width:1030px;margin:0 auto;color:#fff}
.section-bottom-wrap a{color:#fff;font-size:13px;cursor:default}
.section-bottom-wrap a:hover{text-decoration: none;}
.com-logo{width:115px;text-align:center}
.bottom-yk-logo img{width:104px}
.bottom-yfw-logo img{width:102px}
.bottom-erp-logo img{width:95px}
.product-list{width:850px;padding-bottom:20px;margin-top:8px;margin-left:50px;border-bottom:1px dashed #666}
.product-list li{float:left;width:120px}
.product-list li.last{width:120px;margin-right:0}
.product-list li a:hover span{text-decoration:none}
.product-list .icon-yuanxing{position:relative;color:#ccc;font-size:20px;height:20px;line-height:20px;vertical-align:middle;margin-right:6px;text-decoration:none}
.product-list .icon-duihao1{position:absolute;left:0;top:5px;line-height:12px;margin:0 0 0 3px;text-align:center;color:#333;display:inline-block;border-radius:50%;font-size:14px;vertical-align:middle}
.product-list.erp-product-list{border-bottom:0;margin-top:0}
.product-list.erp-product-list li{width:auto;margin-top:10px;margin-right:11px}
.product-list.erp-product-list li.last{margin-right:0}
.copy-right{font-size:12px}
.copy-right p{line-height:24px;color:#aaa}
.copy-right p a{font-size:12px;color:#aaa}
.copy-right .friend-link{font-size:13px}
.copy-right-index{width:890px;padding-left:10px;position:absolute;bottom:10px}
.toper{width:100%;height:285px;background:url(templetsstyleimagesnews_bg1.jpg) no-repeat center top;color:#fff}
.top-container{width:1000px;margin:0 auto}
.main{width:740px;margin:0 auto}
.main a{color:#000}
.main a:hover{text-decoration:none}
.article-main{width:1000px;margin:0 auto}
.bread{padding:30px 20px 0 0}
.article-pic{width:372px;height:186px;overflow:hidden}
.article-pic img{width:100%;height:100%}
.article-right{width:570px}
.article-right h3{max-height:70px;overflow:hidden}
.article-right .content-text{max-height:60px;overflow:hidden}
.article-list li{padding:55px 10px;border-bottom:1px dashed #837d7b}
.article-list li p{line-height:30px}
.detail-btn .icon-duihao{line-height:25px;margin:-4px 10px 0 0;text-align:center;color:#338be6;display:inline-block;border-radius:50%;font-size:26px;vertical-align:middle}
.footer{width:100%;height:233px;background:url(templetsstyleimagesnews_bg2.jpg) no-repeat center top;color:#fff}
.foot{width:800px;margin:0 auto}
.pagination{padding:30px 0 65px}
.pagination li{float:left;font-size:16px}
.pagination a{display:inline-block;padding:5px 8px;height:22px;line-height:22px}
.pagination a.current{color:#338be6}
.article-content{margin-bottom:80px;border:1px solid #ddd}
.article-content a:hover{text-decoration:underline}
.article-content .hd{padding:30px 15px 15px;border-bottom:1px solid #e0e0e0}
.article-content .bd{padding:15px 20px;line-height:28px;font-size:16px}
.video{background:#242424}
.video-btn{width:73px;height:73px;display:block;position:absolute;top:50%;left:50%;margin-left:-36px;margin-top:58px;background:url(templetsstyleimagesvideo.png) no-repeat;z-index:99;-webkit-animation-delay:2.5s;animation-delay:2.5s}
.modal-body{padding:0}
.modal-content{border-radius:0;background-color:#f5f5f5}
.modal-title{font-size:20px;font-weight:400;line-height:32px;color:#424242}
.modal-header{padding:14px 20px}
.modal-dialog{width:880px;height:600px;position:absolute;top:50%;left:50%;margin:-300px 0 0 -440px}
.modal-header .close{margin-top:0}
.close{font-size:42px;padding:0;color:#262535;width:30px;height:30px;line-height:30px;opacity:1;display:inline-block;text-align:center;cursor:pointer;z-index:10;border-radius:50%;vertical-align:middle}
.modal-header .close:hover{opacity:1}
.apply-from-modal .close{position: absolute; top: 8px; right: 10px;;}
.apply-from-modal .modal-content {background: #f2f3f5; border-radius: 15px; overflow: hidden;}
.apply-from-modal .modal-body{height: 490px;}
.apply-from-modal .modal-header{border-bottom: none;}
.apply-from-modal .modal-dialog{width:500px; height:450px; margin: -225px 0 0 -250px;}
