/*! ydh-portal-web minified css file author:ningyb 2016-02-19*/

.container-poster { margin:0 auto; margin-top:30px; width:1170px; }
.container-poster li.poster-item { float: left; width: 33%; height: 200px; position: relative; padding: 30px 0; border-left: 5px solid #fff; box-sizing: border-box }
.container-poster li.poster-item a:hover { text-decoration: none }
.container-poster li.poster-item .img-center { width: 478px; height: 200px; position: absolute; top: 0; left: 50%; margin-left: -239px; background-color: #f3f3f3 }
.container-poster li.poster-item1 { border-left: none }
.container-poster li.poster-item1-bg { background-color: #03b8cc }
.container-poster li.poster-item4-bg { background-color: #ff9e49 }
.container-poster li.poster-item4 h3 { font-size: 26px; color: #fff; line-height: 1em; margin-bottom: 15px }
.container-poster li.poster-item4 .item-text { position: absolute; width: 100%; top: 30%; left: 0; margin-top: -10px }
.container-poster li.poster-item1 .icon-mobile2 { width: 45px; height: 81px; background: url('') no-repeat scroll 2px -99px transparent; display: block; margin: 0 auto 15px }
.container-poster li.poster-item1 .icon-mobile2-bg { background-image: url(../images/mainbg.png) }
.container-poster li.poster-item4 .icon-notice { width: 72px; height: 72px; background: url(../images/mainbg.png) no-repeat scroll -65px -105px transparent; display: block; margin: 0 auto 15px }
.container-poster li.poster-item1 .item-text, .container-poster li.poster-item4 .item-text { text-align: center }
.container-poster li.poster-item1 .item-text h4, .container-poster li.poster-item1 .item-text p, .container-poster li.poster-item4 .item-text h4, .container-poster li.poster-item4 .item-text p { color: #fff }
.container-poster li.poster-item1 .item-text h4, .container-poster li.poster-item4 .item-text h4 { font-size: 16px; margin-bottom: 5px }
.container-poster li.poster-item1 .item-text p, .container-poster li.poster-item4 .item-text p { font-size: 14px }
.container-poster li.poster-item4 .item-text a { color: #fff }
.container-poster li.poster-item4 .item-text a:hover { text-decoration: underline }
.container-poster li.poster-item2, .container-poster li.poster-item3 { overflow: hidden; padding: 0; height: 200px }
.container-poster li.poster-item2 .poster-scroll { height: 100% }
.container-poster li.poster-item2 .poster-scroll li { height: 200px }
.poster-item .poster-bg1 { background: url(/style/default/images/tit_20151019_002.jpg) scroll no-repeat 0 0 transparent }
.poster-item .poster-bg2 { background: url(/style/default/images/tit_20150924_014.jpg) scroll no-repeat 0 0 transparent }
.icon-customer, .icon-feilv, .icon-niandu, .icon-order, .icon-promotion, .icon-sale, .icon-stock, .icon-xiaolv, .icon-yeji, .icon-zhaoshang { display: block; width: 80px; height: 80px; margin: 0 auto 30px }
.icon-customer-bg, .icon-feilv-bg, .icon-niandu-bg, .icon-order-bg, .icon-promotion-bg, .icon-sale-bg, .icon-stock-bg, .icon-xiaolv-bg, .icon-yeji-bg, .icon-zhaoshang-bg { background: url(../images/mainbg.png) scroll no-repeat 0 0 transparent }
.icon-order { background-position: 0 -900px }
.icon-customer { background-position: -80px -900px }
.icon-stock { background-position: -160px -900px }
.icon-sale { background-position: -240px -900px }
.icon-promotion { background-position: -320px -900px }
.icon-feilv, .icon-niandu, .icon-xiaolv, .icon-yeji, .icon-zhaoshang { width: 45px; height: 45px }
.icon-zhaoshang { background-position: -7px -1387px }
.icon-yeji { background-position: -67px -1387px }
.icon-niandu { background-position: -127px -1387px }
.icon-xiaolv { background-position: -200px -1387px }
.icon-feilv { background-position: -267px -1387px }
.icon-baobiao, .icon-cuxiao, .icon-dingdan, .icon-kehu, .icon-kucun, .icon-shangpin, .icon-weixin2, .icon-zijin { width: 75px; height: 75px; display: block; margin: 0 auto 25px }
.icon-baobiao-bg, .icon-cuxiao-bg, .icon-dingdan-bg, .icon-kehu-bg, .icon-kucun-bg, .icon-shangpin-bg, .icon-weixin2-bg, .icon-zijin-bg { background: url(../images/ydh02.v2.png) scroll no-repeat 0 0 transparent }
.icon-dingdan { background-position: -2px -2px }
.icon-shangpin { background-position: -83px -2px }
.icon-kehu { width: 85px; background-position: -158px -2px }
.icon-cuxiao { background-position: -242px -2px }
.icon-weixin2 { width: 85px; background-position: 2px -82px }
.icon-kucun { background-position: -82px -82px }
.icon-zijin { background-position: -157px -80px; width: 85px; height: 85px; margin-bottom: 15px }
.icon-baobiao { background-position: -240px -80px; width: 85px; height: 80px; margin-bottom: 20px }
.screen { padding: 60px 0 }
.screen h2 { font-size: 50px; color: #555; text-align: center; height: 50px; line-height: 50px; margin-bottom: 40px }
.screen2 { background-color: #fff }
.screen2 h2 { margin-bottom: 40px }
.screen2 .screen2-list li.screen2-item { float: left; width: 200px; text-align: center; margin-right: 30px }
.screen2 .screen2-list li.screen2-item-end { margin-right: 0 }
.screen2 .screen2-list li.screen2-item h4 { font-size: 25px; color: #555; height: 30px; line-height: 30px; margin-bottom: 20px }
.screen2 .screen2-list li.screen2-item .screen2-txt { font-size: 15px; color: #999; line-height: 27px }
.screen2 .screen2-more a.btn-linkmore { display: block; width: 230px; height: 55px; line-height: 55px; text-align: center; background-color: #fff; color: #03b8cc; border: 1px solid #03b8cc; border-radius: 3px; font-size: 22px; margin: 0 auto }
.screen2 .screen2-more a.btn-linkmore:hover { text-decoration: none; background-color: #03b8cc; color: #fff }
.screen2 p.screen-text { width: 1010px; margin: 0 auto 80px; font-size: 16px; color: #999; line-height: 25px; text-indent: 2em; text-align: center }
.icon-erp, .icon-mobile, .icon-weixin { display: block; width: 80px; height: 155px; background: url(../images/mainbg.png) scroll no-repeat 0 0 transparent; margin: 0 auto 20px }
.icon-weixin { background-position: 0 -1000px }
.icon-mobile { background-position: -80px -1000px }
.icon-erp { background-position: -160px -1000px }
.screen21 { padding-bottom: 100px; transition: .7s }
.screen21-bg { background: url(../images/bg_01.jpg) no-repeat scroll center center transparent }
.screen21 h2 { margin-bottom: 80px; color: #fff }
.screen21 .screen21-list li.screen21-item { position: relative; float: left; width: 206px; margin-right: 30px; background-color: #fff; padding: 102px 5px 40px; border-radius: 5px }
.screen21 .screen21-list li.screen21-item-end { margin-right: 0 }
.screen21 .screen21-list li.screen21-item h4 { font-size: 24px; color: #555; height: 30px; line-height: 30px; margin-bottom: 20px; text-align: center }
.screen21 .screen21-list li.screen21-item .screen21-txt { font-size: 15px; color: #999; line-height: 27px; margin: 0 5px }
.screen21 .screen21-list li.screen21-item .screen21-img { position: absolute; top: 35px; left: 50%; margin-left: -27px }
.screen22 { background-color: #fff; padding-top: 60px }
.screen22 h2 { margin-bottom: 80px }
.screen22 .screen22-list { width: 935px; margin: 0 auto 35px }
.screen22 .screen22-list li.screen22-item { float: left; width: 200px; height: 200px; text-align: center; margin: 0 45px 45px 0 }
.screen22 .screen22-list li.screen22-item-end { margin-right: 0 }
.screen22 .screen22-list li.screen22-item h4 { font-size: 22px; color: #888; height: 30px; line-height: 30px; margin-bottom: 10px }
.screen22 .screen22-list li.screen22-item .screen22-txt { font-size: 14px; color: #888; line-height: 22px }
.screen22 .screen22-more a.btn-linkmore { display: block; width: 230px; height: 55px; line-height: 55px; text-align: center; background-color: #fff; color: #03b8cc; border: 1px solid #03b8cc; border-radius: 3px; font-size: 22px; margin: 0 auto }
.screen22 .screen22-more a.btn-linkmore:hover { text-decoration: none; background-color: #03b8cc; color: #fff }
.screen22 p.screen-text { width: 1010px; margin: 0 auto 80px; font-size: 16px; color: #999; line-height: 25px; text-indent: 2em; text-align: center }
.screen3 { padding: 87px 0; transition: .7s }
.screen3-bg { background: url(../images/tit_20150924_003.jpg) no-repeat scroll center center transparent }
.screen3 h2 { margin-bottom: 100px }
.screen3 .screen3-list { width: 900px; margin: 0 auto 60px }
.screen3 .screen3-list li.screen3-item { display: inline-block; width: 200px; text-align: center; margin-right: 135px }
.screen3 .screen3-list li.screen3-item-end { margin-right: 0 }
.screen3 .screen3-list li.screen3-item h4 { font-size: 26px; color: #fff; height: 30px; line-height: 30px; margin-bottom: 20px }
.screen3 .screen3-list li.screen3-item .screen3-txt { font-size: 16px; color: #fff; line-height: 27px; margin-bottom: 50px }
.screen3 .screen3-more a.btn-linkmore { display: block; width: 230px; height: 55px; line-height: 55px; text-align: center; background-color: #00b9a0; color: #fff; border: 1px solid #fff; border-radius: 3px; font-size: 22px; margin: 0 auto }
.screen3 .screen3-more a.btn-linkmore:hover { text-decoration: none; background-color: #fff; color: #00b9a0; border: 1px solid #00b9a0 }
.screen4 { transition: .7s }
.screen4-bg { background-color: #f5f5f5 }
.screen4 .screen4-type, .screen4 h2 { margin-bottom: 60px }
.screen4 .screen4-type td { background-color: #fff; height: 48px; line-height: 48px; width: 125px; text-align: center; font-size: 17px; color: #999; border: 1px solid #f0f0f0 }
.screen4 .screen4-type td a { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; text-decoration: none; display: block; color: #999 }
.screen4 .screen4-type td a:hover, .screen4 .screen4-type td.on { color: #fff; background-color: #03b8cc }
.screen4 .screen4-type td.on a { color: #fff }
.screen4 .screen4-scroll { margin-bottom: 50px; position: relative }
.screen4 .screen4-scroll .screen4-scroll-wrapper { height: 200px }
.screen4 .screen4-scroll .fc-bgSet { width: 800px; margin: 0 auto }
.screen4 .screen4-scroll .fc-bgSet li { height: 200px }
.screen4 .screen4-scroll .fc-bgSet .scroll-img { float: left; width: 136px; height: 136px }
.screen4 .screen4-scroll .fc-bgSet .scroll-img10 { background: url(../images/sp1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img11 { background: url(../images/sp2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img12 { background: url(../images/sp3.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img20 { background: url(../images/js1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img21 { background: url(../images/js2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img30 { background: url(../images/hz1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img31 { background: url(../images/hz2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img40 { background: url(../images/sx1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img41 { background: url(../images/sx2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img50 { background: url(../images/fs1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img51 { background: url(../images/fs2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img60 { background: url(../images/cy1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img61 { background: url(../images/cy2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img70 { background: url(../images/yyao1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img71 { background: url(../images/yyao2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img80 { background: url(../images/my1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img81 { background: url(../images/my2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img90 { background: url(../images/zb1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img91 { background: url(../images/zb2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img100 { background: url(../images/qc1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img101 { background: url(../images/qc2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img110 { background: url(../images/dz1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img111 { background: url(../images/dz2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img112 { background: url(../images/dz3.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img120 { background: url(../images/sj1.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-img121 { background: url(../images/sj2.png) scroll no-repeat 0 0 transparent }
.screen4 .screen4-scroll .fc-bgSet .scroll-txt { float: right; width: 600px }
.screen4 .screen4-scroll .fc-bgSet .scroll-txt h4 { font-size: 18px; line-height: 30px; color: #555; margin-bottom: 15px }
.screen4 .screen4-scroll .fc-bgSet .scroll-txt p { font-size: 14px; color: #999 }
.screen4 .screen4-scroll .fc-imgSet { height: 100% }
.screen4 .screen4-customer-logo { width: 1120px; margin: 0 auto 100px }
.screen4 .screen4-customer-logo li { float: left; width: 216px; margin-right: 10px }
.screen4 .screen4-customer-logo li.end { margin-right: 0 }
.screen4 .screen4-more a.btn-linkmore:hover { text-decoration: none; background-color: #03b8cc; color: #fff }
.screen4 .screen4-more a.btn-linkmore { display: block; width: 230px; height: 55px; line-height: 55px; text-align: center; background-color: #fff; color: #03b8cc; border: 1px solid #03b8cc; border-radius: 3px; font-size: 22px; margin: 0 auto }
.screen4 .screen4-next, .screen4 .screen4-prev { width: 30px; height: 75px; background: url(../images/mainbg.png) scroll no-repeat 0 0 transparent; top: 35px }
.screen4 .screen4-next { background-position: -345px -380px }
.screen4 .screen4-prev { background-position: -305px -380px }
.screen4 .freeCarousel .fc-menuWrap .fc-menuSet { top: 180px }
.screen05 { padding: 92px 0 }
.screen05-bg { background: url(../images/tit_20150924_005.jpg) no-repeat scroll center center #09a3c0 }
.screen05 .screen05-list .screen05-item { float: left; width: 360px; text-align: left; margin-right: 20px }
.screen05 .screen05-list .screen05-item-end { margin-right: 0 }
.screen05 .screen05-list .screen05-item h2 { font-size: 30px; color: #fff; text-align: left }
.screen05 .screen05-list .screen05-item .screen05-item-list { height: 153px; margin-bottom: 70px; background-color: #fff; padding: 30px; border-radius: 5px }
.screen05 .screen05-list .screen05-item .screen05-item-list li { line-height: 40px; height: 42px; overflow: hidden; text-align: left }
.screen05 .screen05-list .screen05-item .screen05-item-list li a { color: #fff; font-size: 18px }
.screen05 .screen05-list .screen05-item .screen05-item-more { text-align: left }
.screen05 .screen05-list .screen05-item .screen05-item-more a { position: relative; font-size: 18px; color: #fff; padding: 0 25px 0 0 }
.screen05 .screen05-list .screen05-item .screen05-item-more i { position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url(../images/mainbg.png) no-repeat scroll -380px -380px transparent }
.screen05 .stitle { font-size: 18px; line-height: 1.414em; margin-bottom: 10px; color: #555; overflow: hidden }
.screen05 .stime { color: #ccc; margin-bottom: 15px; font-size: 14px; overflow: hidden }
.screen05 .scontent { font-size: 15px; line-height: 1.414em; height: 60px; color: #555; overflow: hidden }
.screen05 .shref:hover { color: #0ea9c5 }
.screen05 .screen05-more a.btn-linkmore { display: block; width: 230px; height: 55px; line-height: 55px; text-align: center; background-color: #09a3c0; color: #fff; border: 1px solid #fff; border-radius: 3px; font-size: 22px; margin: 0 auto }
.screen05 .screen05-more a.btn-linkmore:hover { text-decoration: none; background-color: #fff; color: #09a3c0; border: 1px solid #09a3c0 }
.screen05 .iconKr-bg { background: url(../images/mainbg.png) scroll no-repeat 0 0 transparent }
.screen05 .iconKr { display: block; width: 380px; height: 36px; background-position: 0 -1280px; margin: 0; float: left }
.screen05 .iconKr.iconKr2 { background-position: 0 -1320px; margin-left: 40px; float: left; width: 260px }
.screen.screen05 h2 { color: #fff }
.mb50 { margin-bottom: 50px!important }
.mb130 { margin-bottom: 130px!important }
.icon-ali-bg, .icon-apple-bg, .icon-yongyou-bg { background: url(../images/mainbg.png) scroll no-repeat 0 0 transparent }
.icon-ali, .icon-apple, .icon-yongyou { display: block; width: 60px; height: 60px; margin: 0 auto 30px }
.icon-ali { background-position: -240px -1000px }
.icon-apple { background-position: -300px -1000px }
.icon-yongyou { background-position: -360px -1000px; width: 100px }
.screen6 { background-color: #485b64; padding: 86.5px 0 }
.screen6 h2 { color: #fff; margin-bottom: 60px }
.screen6 .screen6-list { width: 850px; margin: 0 auto }
.screen6 .screen6-list li.screen6-item { float: left; width: 200px; text-align: center; margin-right: 125px }
.screen6 .screen6-list li.screen6-item-end { margin-right: 0 }
.screen6 .screen6-list li.screen6-item h4 { font-size: 25px; color: #555; height: 30px; line-height: 30px; margin-bottom: 20px }
.screen6 .screen6-list li.screen6-item .screen6-txt { font-size: 15px; color: #95a4ab; line-height: 27px }
a.ind-video-play { display: inline-block; height: 58px; width: 122px; line-height: 58px; font-size: 19px; color: #FFF; text-align: center; background-color: #03e4ff; padding: 0 30px; border-radius: 3px; position: absolute; top: 400px; left: 50%; margin-left: -90px; transition: .7s }
a.ind-video-play:hover { background-color: #04bed4; text-decoration: none }