/*****wangmu 11-30******/
@charset 'utf-8';
article ,aside ,dialog ,footer ,header ,section ,footer ,nav ,figure ,menu {display:block;}
.width1200 {position:relative;width:1200px;margin:0 auto;padding-bottom:10px;}
.width1120 {position:relative;width:1120px;margin:0 auto;padding-bottom:1px;}
.width1000 {position:relative;width:1000px;margin:0 auto;padding-bottom:1px;}
.header {z-index:10;position:relative;margin:0 auto;}
.header .nav {height:36px;line-height:36px;background:#333;}
.header .nav>ul>li {float:left;width:50%;font-size:12px;color:#777;}
.header .nav li h2 {font-size:12px;font-weight:normal;}
.header .nav li a {color:#b0b0b0;}
.header .nav li.last {float:right;width:48%;text-align:right;}
.header .nav li.last a {color:#b0b0b0;}
.header .nav li.last p {float:left;padding-right:10px;}
.header .nav li.last ol {float:left;}
.header .nav li.last ol li {position:relative;float:left;width:auto;padding:0 15px;font-size:12px;color:#999;cursor:pointer;}
.header .nav li.last ol li .downloadApp {z-index:1;position:absolute;top:35px;left:-210px;width:420px;min-height:160px;font-size:16px;color:#333;text-align:left;display:none;background:#fff;border:1px solid #333;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.header .nav li.last ol li .downloadApp.small span {border:0;}
.header .nav li.last ol li .downloadApp.small span em {margin-top:-3px;margin-right:5px;display:inline-block;vertical-align:top;}
.header .nav li.last ol li:hover {color:#fff;}
.header .nav li.last ol li dl dd {margin-top:28px;font-size:0;line-height:15px;padding-left:25px;}
.header .nav li.last ol li:nth-child(2) dl dd:first-child{ }
.header .nav li.last ol li dl dd i {width:14px;height:14px;margin-right:10px;display:inline-block;vertical-align:top;background:url('../images/newicon.png') -8px -18px;}
.header .nav li.last ol li dl dd span {padding:0 10px;font-size:14px;line-height:15px;display:inline-block;vertical-align:top;border-left:1px solid #333;}
.header .nav li.last ol li .downloadApp.small dl dd span  a {color:#333!important;}
.header .nav li.last ol li .downloadApp.small dl dd span:hover  a {color:#01b45f!important;}
.header .nav li.last ol li dl dd span:nth-child(2) {border-left:0;}
.header .nav li.last ol li dl dd span:hover {color:#01b45f;}
.header .nav li.last ol li .downloadApp div {display:none;}
.header .nav li.last ol li .downloadApp div>i {position:absolute;top:0;right:0;width:26px;height:26px;background:#3cc782 url('../images/newicon.png');background-position:-303px -14px;}
.header .nav li.last ol li .downloadApp div {padding:2px 67px;}
.header .nav li.last ol li .downloadApp div p {width:100%;font-size:14px;color:#333;line-height:63px;text-align:center;}
.header .nav li.last ol li .downloadApp div span {width:140px;font-size:14px;color:#666;line-height:43px;text-align:center;display:inline-block;vertical-align:top;}
.header .nav li.last ol li .downloadApp div span img {max-width:100px;margin:0 auto;display:block;}
.header .nav li.last ol li a {color:#999;}
.header .nav li.last ol li.active ,.header .nav li.last ol li:hover {color:#fff;background:#19af64;}
.header .nav li.last ol li.active>a ,.header .nav li.last ol li:hover>a {color:#fff;}
.header .fixed_header {z-index:8;position:fixed;top:0;left:0;width:100%;margin:0;padding:10px 0;display:none;background:rgba(255, 255, 255, .89);background:#fff\9;box-shadow:0px 1px 5px #afacac;}
.trialTxt {float:right;width:860px;text-align:right;}
.trialTxt p {min-width:434px;padding:15px 0;font-size:16px;color:#9d9d9d;line-height:25px;display:inline-block;*display:inline;*zoom:1;}
.trialTxt p i {font-size:20px;color:#f1a41f;display:inline-block;}
.trialTxt div {display:inline-block;vertical-align:top;*display:inline;}
.trialTxt div a {width:96px;height:37px;margin-top:12px;font-size:14px;color:#fff;line-height:37px;text-align:center;display:inline-block;vertical-align:top;background:#00c568;border-radius:6px;margin-left:20px;}
.trialTxt div a.a2 {background:#f1a41f;margin-left:8px;}
.header .fixed_header {z-index:8;position:fixed;top:0;left:0;width:100%;margin:0;padding:10px 0;background:rgba(255, 255, 255, .89);background:#fff\9;box-shadow:0px 1px 5px #afacac;border-bottom:1px solid #afacac;}
.headerMenu {margin:0;padding:17px 0;}
.headerMenu .logo {float:left;width:auto;height:auto;}
.headerMenu ul {float:right;line-height:55px;}
.headerMenu ul li {float:left;font-size:18px;color:#333;margin-left:26px;}
.headerMenu ul li a {color:#333;}
.headerMenu ul li.active a ,.headerMenu ul li:hover a {color:#0fbb7c;}
.headerMenu {padding:17px 0;}
.newBanner ,.newBanner .bannerList>li {height:574px;overflow:hidden;background-color:#fff;}
.newBanner .switchButton {width:1200px;}
.newBanner .switchButton span {top:278px;}
.newBanner .bannerSpot li {*display:none;}
.banner {position:relative;width:100%;background:#d5eec3;}
.switchButton {position:relative;width:1120px;height:0px;margin:0 auto;display:none;}
.switchButton span {z-index:6;position:absolute;top:135px;width:60px;height:60px;display:inline-block;vertical-align:top;cursor:pointer;}
.switchButton span.prov {left:0;background:url(../images/prov.png);}
.switchButton span.next {right:0;background:url(../images/next.png);}
.banner .bannerList {height:574px;overflow:hidden;}
.bannerList ol {position:relative;width:100%;height:574px;}
.bannerList ol li {position:absolute;}
.bannerList .l1 {background:url('../images/kabg1.png') center ;}
.bannerList .l1 ol li.o1 {top:83px;left:102px;}
.bannerList .l1 ol li.o2 {top:438px;left:258px;}
.bannerList .l2 {background:url('../images/kabg2.png') center;}
.bannerList .l2 ol li.o1 {top:98px;left:180px;}
.bannerList .l2 ol li.o2 {top:214px;left:0;}
.bannerList .l3 {background:url('../images/kabg3.png') center;}
.bannerList .l3 ol li.o1 {top:41px;left:193px;}
.bannerList .l3 ol li.o2 {top:292px;left:164px;}
.bannerList .l4 {background:url('../images/kabg4.png') center;}
.bannerList .l4 ol li.o1 {top:115px;left:145px;}
.bannerList .l4 ol li.o2 {right:20px;bottom:0;}
.bannerList .l5 {background:url('../images/kabg5.png') center;}
.bannerList .l5 ol li.o1 {top:66px;left:79px;}
.bannerList .l5 ol li.o2 {right:6px;bottom:-25px;}
.bannerList .l6 .dataTableBanner {width:100%;height:574px;background:#18c66e;}
.bannerList .l6 .dataTableBanner ul {position:relative;width:1120px;height:574px;margin:0 auto;}
.bannerList .l6 .dataTableBanner ul li {position:absolute;}
.bannerList .l6 ul li.o1 {top:107px;left:14px;-webkit-animation:bounceInDown 1s ease 1 0s both;animation:bounceInDown 1s ease 1 0s both;}
.bannerList .l6 ul li.o2 {top:77px;right:-47px;-webkit-animation:bounceInRight 1s ease 1 .5s both;animation:bounceInRight 1s ease 1 .5s both;}
.bannerList .l6 ul li.o3 {bottom:0;left:0;}
.bannerList .l1.active ol li.o1 {-webkit-animation:bounceInDown 1s ease 0s 1 both;animation:bounceInDown 1s ease 0s 1 both;}
.bannerList .l1.active ol li.o2 {-webkit-animation:bounceInUp 1s ease .5s 1 both;animation:bounceInUp 1s ease .5s 1 both;}
.bannerList .l2.active ol li.o1 {-webkit-animation:zoomIn 1s ease 1s 1 both;animation:zoomIn 1s ease 1s 1 both;}
.bannerList .l2.active ol li.o2 {-webkit-animation:fadeInLeft 1s ease 0s 1 both;animation:fadeInLeft 1s ease 0s 1 both;}
.bannerList .l3.active ol li.o1 {-webkit-animation:fadeInDown 1s ease .5s 1 both;animation:fadeInDown 1s ease .5s 1 both;}
.bannerList .l3.active ol li.o2 {-webkit-animation:fadeInLeft 1s ease 0s 1 both;animation:fadeInLeft 1s ease 0s 1 both;}
.bannerList .l4.active ol li.o1 {-webkit-animation:bounceIn 1s ease 0s 1 both;animation:bounceIn 1s ease 0s 1 both;}
.bannerList .l4.active ol li.o2 {-webkit-animation:bounceInRight 1s ease .5s 1 both;animation:bounceInRight 1s ease .5s 1 both;}
.bannerList .l5.active ol li.o1 {-webkit-animation:fadeInUp 1s ease 0s 1 both;animation:fadeInUp 1s ease 0s 1 both;}
.bannerList .l5.active ol li.o2 {-webkit-animation:fadeInRight 1s ease .5s 1 both;animation:fadeInRight 1s ease .5s 1 both;}
.newBanner .bannerList .l3 {background:#16b866;}
.bannerList .l3 ol li.o1 {top:147px;left:37px;}
.bannerList .l3 ol li.o2 {top:139px;right:-230px;left:622px;}
.newBanner .bannerList .l4 {background:#13a98b;}
.bannerList .l4 ol li.o1 {top:135px;left:-23px;}
.bannerList .l4 ol li.o2 {right:-14px;bottom:0;}
.bannerList .l4.active ol li.o2 {-webkit-animation:bounceInUp 1s ease 0s 1 both;animation:bounceInUp 1s ease 0s 1 both;}
.newBanner .bannerList .l5 {background:#17c07b;}
.bannerList .l5 ol li.o1 {top:150px;right:-30px;}
.bannerList .l5 ol li.o2 {top:311px;right:-64px;}
.resplItems {padding-bottom:60px;}
.banner .bannerSpot {z-index:9;position:absolute;top:531px;bottom:20px;left:50%\9;width:100%;width:150px\9;text-align:center;margin-left:-75px\9;}
.banner .bannerSpot li {position:relative;width:11px;height:11px;margin-right:8px;display:inline-block !important;border:1px solid #fff;border-radius:100%;cursor:pointer;}
.banner .bannerSpot li.active {background:#fff;}
.bannerList .l1 ol li.o1 {top:120px;left:-5px;}
.bannerList .l1 ol li.o2 {top:341px;left:233px;}
.bannerList .l1 ol li.o3 {top:440px;left:240px;-webkit-animation:bounceInUp 1s ease 1s 1 both;animation:bounceInUp 1s ease 1s 1 both;}
.menuList {position:relative;position:absolute;bottom:-75px;width:100%;height:75px;line-height:75px;background:rgba(25, 175, 100, .82);background:rgb(25, 175, 100)\9;}
.menuList.detailsMenuList {position:relative;bottom:0px;background:rgb(25, 175, 100);}
.menuList ul a {color:#fff;}
.menuList>ul>li {float:left;width:109px;font-size:18px;color:#fff;text-align:center;cursor:pointer;}
.menuList ul li.indexActive {position:relative;width:215px;padding:0;background:#14995f;}
.menuList ul li.indexActive>a {color:#fffc01;}
.menuList ul li.indexActive>a>i {width:14px;height:14px;margin-top:30px;display:inline-block;vertical-align:top;background:url(../images/bannericon.png);background-position:-210px -19px;*margin-top:0;margin-left:20px;}
.menuList ul li.indexActive ol {position:absolute;top:75px;left:0;width:100%;height:500px;}
.menuList ul li.indexActive ol li h3>i ,.menuList ul li.indexActive ol li em {display:inline-block;vertical-align:top;background:url(../images/bannericon.png);}
.menuList ul li.indexActive ol li {position:relative;width:185px;padding:14px 15px;text-align:left;background:rgba(26, 202, 115, .8);background:url(../images/shouying2_07.png)\9;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer;*border-bottom:1px solid #46d28d;}
.menuList ul li.indexActive ol li:last-child {padding:16px 15px;padding-bottom:17px!important;border-bottom:0;}
.menuList ul li.indexActive ol li dl {position:absolute;top:-1px;left:100%;width:300px;padding:0 0px 26px 40px;display:none;background:rgba(23, 159, 84, .91);background:url(../images/shouyin1_03_03.png)\9;border:1px solid rgba(243, 245, 244, .2);border-left:0;}
.menuList ul li.indexActive ol li:hover ,.menuList ul li.indexActive ol li.active {background:rgba(23, 159, 84, .91);background:url(../images/shouyin1_03_03.png)\9;}
.menuList ul li.indexActive ol li:hover dl {/*display:block;*/}
.menuList ul li.indexActive ol li dl dd {float:left;width:120px;margin-right:20px;padding-top:30px;font-size:14px;color:#fff;line-height:25px;}
.menuList ul li.indexActive ol li dl dd a {color:#fff;}
.menuList ul li.indexActive ol li dl dd:hover a ,.menuList ul li.indexActive ol li.active a {color:#fffc01;}
.menuList ul li.indexActive ol li dl dd i {width:10px;margin-top:-1px;margin-right:4px;font-size:10px;line-height:25px;text-align:center;display:inline-block;vertical-align:top;}
.menuList ul li.indexActive ol li h3 {height:22px;font-size:16px;font-weight:normal;color:#fff;line-height:27px;}
.menuList ul li.indexActive ol li:hover h3 ,.menuList ul li.indexActive ol li.active h3 {color:#fffc01;}
.menuList ul li.indexActive ol li h3 i {width:30px;height:30px;margin-top:-2px;background-position:-3px -10px;}
.menuList ul li.indexActive ol li.l1 h3 i {background-position:-3px -10px;}
.menuList ul li.indexActive ol li.l2 h3 i {background-position:-37px -10px;}
.menuList ul li.indexActive ol li.l3 h3 i {background-position:-70px -10px;}
.menuList ul li.indexActive ol li.l4 h3 i {background-position:-103px -10px;}
.menuList ul li.indexActive ol li.l5 h3 i {background-position:-138px -10px;}
.menuList ul li.indexActive ol li.l6 h3 i {background-position:-170px -10px;}
.menuList ul li.indexActive ol li.l7 h3 i {background:url('../images/newicon.png');background-position:-265px -9px;}
.menuList ul li.indexActive ol li h3 em {width:14px;height:14px;margin-top:7px;background-position:-241px -19px;margin-left:8px;}
.menuList ul li.indexActive ol li:hover h3 em ,.menuList ul li.indexActive ol li.active h3 em {background-position:-275px -19px;}
.menuList ul li.indexActive ol li p {height:16px;margin-top:7px;font-size:12px;line-height:16px;}
.menuList ul li.indexActive ol li p span {padding-right:10px;}
.menuList ul li.indexActive ol li p span a ,.menuList ul li.indexActive ol li.active a {color:#fff;}
.menuList ul li.indexActive ol li p span a:hover {color:#fffc01;}
.dropDownList {position:absolute;top:74px;left:0;width:100%;background:rgba(23, 159, 84, .91);background:url(../images/shouyin1_03_03.png)\9;border-bottom:1px solid #139755;}
.menuList>ul>li span.up {position:absolute;bottom:-20px;left:50%;width:34px;height:34px;display:none;background:url(../images/bannericon.png);background-position:-258px -92px;margin-left:-17px;}
.menuList>ul>li:hover span.up {display:block;}
.menuList>ul>li>a {position:relative;width:100%;height:100%;color:#fff;display:inline-block;vertical-align:top;}
.menuList ul>li a:hover ,.menuList ul li.active a ,.menuList>ul>li:hover>a {color:#fffc01;}
.menuList ul li>ul {z-index:9;position:absolute;top:75px;left:-140px;width:360px;padding:10px 20px;display:none;background:rgba(25, 175, 100, .82);background:rgb(25, 175, 100)\9;border-radius:0 0 5px 5px;}
.menuList ul li:hover>ul {display:block;}
.menuList ul li>ul>li {width:90px;font-size:14px;line-height:25px;text-align:left;}
.bannerAside {z-index:2;position:absolute;top:102px;left:50%;width:295px;height:423px;font-size:14px;background:rgba(1, 174, 87, .8);background:url(../images/shouying2_07.png)\9;background-position:-265px -11px;margin-left:305px;}
.bannerTitle li {position:absolute;width:50%;height:52px;font-size:16px;color:#fff;line-height:52px;text-align:center;background:rgba(1, 160, 81, .8);background:rgb(1, 160, 81)\9;cursor:pointer;}
.bannerTitle li p {margin:18px 0;line-height:16px;border-right:1px dashed #dbfc6c;}
.bannerTitle li.active {color:#dbfc6c;}
.bannerTitle li.l1 {top:0;left:0;}
.bannerTitle li.l2 {top:0;right:0;}
.bannerTitle li.l3 {bottom:0;left:0;}
.bannerTitle li.l4 {right:0;bottom:0;}
.bannerTitle li.l2 p ,.bannerTitle li.l4 p {border:0;}
.bannerAside>i {z-index:1;position:absolute;top:-22px;right:-22px;width:43px;height:43px;background:url('../images/newicon.png');background-position:-890px -6px;cursor:pointer;}
.bannerArticle>li {display:none;}
.bannerArticle>li ul {height:304px;margin:66px 0;overflow:hidden;}
.bannerArticle>li ul li {padding:8px 30px;color:#fff;}
.bannerArticle>li ul li a {color:#fff;}
.bannerArticle>li ul li:last-child {text-align:right;}
.bannerArticle>li ul li p {font-size:14px;color:#fff;}
.bannerArticle>li ul li span {margin-top:12px;font-size:12px;color:#fff;}
.bannerArticle ::-webkit-scrollbar-thumb {background:#01a353;}
.sectionNav {width:100%;height:90px;background:#fff;border-bottom:1px solid #ededed;}
.sectionNav ul li {float:left;width:194px;height:13px;margin:38px 0;padding:0 25px;font-size:16px;color:#999;line-height:13px;text-align:center;border-right:1px solid #e3e3e3;}
.sectionNav ul li i {width:25px;height:25px;margin-top:-6px;margin-right:12px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');}
.sectionNav ul li.l1 i {background-position:-40px -14px;}
.sectionNav ul li.l2 i {background-position:-79px -14px;}
.sectionNav ul li.l3 i {background-position:-116px -14px;}
.sectionNav ul li.l4 i {background-position:-153px -12px;}
.sectionNav ul li.l5 i {width:37px;background-position:-186px -12px;}
.sectionNav ul li.l5 {padding-right:0;border-right:0;}
.sectionNav ul li.l2 em {color:#1abd6c;}
.sectionNav ul li  em {color:#fb5b58;}
.sectionNav ul li.l4 em {color:#2db3ab;}
.productTitle {width:100%;height:160px;background:#f8f8f8;}
.productTitle div {height:65px;padding-top:48px;line-height:65px;}
.productTitle ul {float:left;width:610px;}
.productTitle ul li {position:relative;float:left;width:270px;margin-right:30px;font-size:22px;color:#666;text-align:center;background:#fff;border-radius:6px;cursor:pointer;}
.productTitle ul li i {position:absolute;top:65px;left:104px;width:60px;height:12px;display:none;background:url('../images/newicon.png');background-position:-640px -24px;}
.productTitle ul li.active i ,.productTitle ul li:hover i {display:block;}
.productTitle ul li.active ,.productTitle ul li:hover {color:#16b866;}
.productTitle h3 {float:left;width:450px;height:65px;margin-left:40px;}
.productTitle h3 i {float:left;width:30px;height:30px;margin-top:18px;margin-right:5px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');background-position:-227px -11px;}
.productTitle h3 p {float:left;text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden;width:410px;}
.productTitle div>span {float:right;width:50px;height:20px;margin-top:22.5px;font-size:14px;color:#f59e21;line-height:20px;text-align:center;border:1px solid;border-radius:8px;cursor:pointer;}
.productTitle div>span a {color:#f59e21;}
.articleTable>.article {display:none;}
.productArticle {padding:22px 0;}
.productPropaganda {float:left;width:336px;}
.productPropaganda h2 {height:64px;font-size:24px;color:#333;line-height:72px;text-align:left;}
.productPropaganda h2 i {width:101px;height:31px;margin-top:21px;margin-right:10px;font-size:18px;color:#fff;line-height:31px;text-indent:14px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');background-position:-952px -628px;*margin-top:3px;}
.productPropaganda .propagandaCentent {position:relative;width:100%;height:580px;background:url('../images/index_1_03.png');}
.productPropaganda .propagandaCentent ul {position:absolute;bottom:24px;left:28px;width:292px;height:94px;}
.productPropaganda .propagandaCentent ul li {float:left;width:126px;height:37px;margin-right:18px;margin-bottom:12px;font-size:16px;color:#fff;line-height:37px;text-align:center;background:#00b162;border-radius:8px;}
.productPropaganda .propagandaCentent ul li a {color:#fff;}
.productPropaganda .propagandaCentent ul li i {width:22px;height:22px;margin-top:9px;margin-right:12px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');*margin-top:0;}

.productPropaganda .propagandaCentent ul li.l1 i {background-position:-350px -70px;}
.productPropaganda .propagandaCentent ul li.l2 i {background-position:-373px -67px;}
.productPropaganda .propagandaCentent ul li.l3 i {background-position:-399px -67px;}
.productPropaganda .propagandaCentent ul li.l4 i {background-position:-424px -67px;}
.productCentent {float:left;width:875px;margin-left:-11px;}
.productCentent .productListTitle {height:57px;margin-top:21px;font-size:16px;color:#333;text-align:right;border-bottom:2px solid #01b45f;}
.friendsCircle .productCentent .productListTitle { border-bottom:1px solid #e6e6e6;}
.productCentent .productListTitle li { padding:0 15px;line-height:30px;display:inline-block;vertical-align:top;cursor:pointer;*display:inline; margin-top:27px;}
.productCentent .productListTitle li.active ,.productCentent .productListTitle li:hover {background:#00b05d; color:#fff; }
.productListCentent {height:564px;border-right:1px solid #e6e6e6;border-bottom:1px solid #ededed;}
.productListCentent>li {display:none;}
.productListCentent>li.systemList nav {height:80px;height:80px;background:#fff;}
.productListCentent>li.systemList nav li {float:left;width:145px;height:71px;margin-top:10px;margin-bottom:-1px;font-size:16px;color:#333;line-height:71px;text-align:center;cursor:pointer;}
.productListCentent>li.systemList nav li:first-child {width:149px;}
.productListCentent>li.systemList nav li i {width:24px;height:24px;margin-top:26px;margin-right:6px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');*margin-top:0;}
.productListCentent>li.systemList nav li.l1 i {background-position:-178px -66px;}
.productListCentent>li.systemList nav li.l2 i {background-position:-205px -66px;}
.productListCentent>li.systemList nav li.l3 i {background-position:-232px -66px;}
.productListCentent>li.systemList nav li.l4 i {background-position:-260px -66px;}
.productListCentent>li.systemList nav li.l5 i {background-position:-287px -66px;}
.productListCentent>li.systemList nav li.l6 i {background-position:-313px -66px;}
.productListCentent>li.systemList nav li.l1:hover i ,.productListCentent>li.systemList nav li.l1.active i {background-position:-11px -66px;}
.productListCentent>li.systemList nav li.l2:hover i ,.productListCentent>li.systemList nav li.l2.active i {background-position:-38px -66px;}
.productListCentent>li.systemList nav li.l3:hover i ,.productListCentent>li.systemList nav li.l3.active i {background-position:-65px -66px;}
.productListCentent>li.systemList nav li.l4:hover i ,.productListCentent>li.systemList nav li.l4.active i {background-position:-93px -66px;}
.productListCentent>li.systemList nav li.l5:hover i ,.productListCentent>li.systemList nav li.l5.active i {background-position:-120px -66px;}
.productListCentent>li.systemList nav li.l6:hover i ,.productListCentent>li.systemList nav li.l6.active i {background-position:-146px -66px;}
.productListCentent>li.systemList nav li.active ,.productListCentent>li.systemList nav li:hover {background:#f8f8f8;}
.systemListCentent {background:#f8f8f8;border-left:1px solid #ededed;padding-left:19px;}
.systemListCentent>li {display:none;}
.iconList li:nth-child(3n) {width:285px;}
.iconList {border-top:0;}
.iconList li {float:left;width:283px;height:160px;font-size:18px;color:#333;text-align:center;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.iconList li.l7 ,.iconList li.l8 ,.iconList li.l9 {height:161px;border-bottom:0;}
.iconList li.l3 ,.iconList li.l6 ,.iconList li.l9 {width:285px;border-right:0;}
.iconList li a {width:100%;height:100%;color:#333;display:inline-block;}
.iconList li i {width:50px;height:50px;margin-top:39px;margin-bottom:10px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');}

.iconList li.l9 i {background-position:-879px -744px;}
.advantageList {padding-left:19px;}
.advantageList li {float:left;width:420px;height:140px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;cursor:pointer;}
.advantageList li:nth-child(2n) {border-right:0;}
.advantageList li span {float:left;width:54px;height:60px;margin-top:40px;margin-right:24px;font-size:32px;color:#ccc;line-height:60px;text-align:center;display:block;background:url('../images/newicon.png');background-position:-628px -1172px;margin-left:37px;}
.advantageList li div {float:left;width:296px;margin-top:40px;}
.advantageList li div h3 {font-size:14px;color:#333;}
.advantageList li div p {max-height:48px;margin-top:9px;font-size:12px;color:#999;line-height:16px;overflow:hidden;}
.advantageList li.l5 ,.advantageList li.l6 {border-bottom:0;}
.industryList .iconList li {width:289px;height:187px;}
.industryList .iconList li i {margin-top:53px;}
.industryList .iconList li:nth-child(3n) {width:294px;}
.upgrade {padding-top:12px;}
.upgrade h3 {height:56px;padding:0 32px;font-size:16px;color:#333;line-height:56px;background:#f8f8f8;}
.upgrade .upgradeCentent {float:left;width:389px;}
.upgrade .upgradeCentent ul li {width:193px;height:164px;border-right:1px solid #ededed;}
.upgrade .upgradeCentent ul li.l5 ,.upgrade .upgradeCentent ul li.l6 {height:165px;border-bottom:0;}
.upgrade .upgradeCentent ul li i {width:55px;height:55px;margin-top:30px;margin-bottom:8px;}
.upgrade .upgradeCentent ul li span {font-size:12px;color:#999;}
.upgrade .upgradeCentent .iconList li.l1 i {background-position:-320px -489px;}
.upgrade .upgradeCentent .iconList li.l2 i {background-position:-380px -489px;}
.upgrade .upgradeCentent .iconList li.l3 i {width:50px;background-position:-434px -489px;}
.upgrade .upgradeCentent .iconList li.l4 i {background-position:-481px -489px;}
.upgrade .upgradeCentent .iconList li.l5 i {width:60px;background-position:-536px -489px;}
.upgrade .upgradeCentent .iconList li.l6 i {background-position:-603px -489px;}
.dynamicList {float:left;width:450px;}
.dynamicList h3 span {float:right;}
.dynamicList ul {height:493px;overflow:auto;padding-left:30px;}
.dynamicList ul li {margin:40px 0;font-size:14px;color:#666;line-height:20px;}
.dynamicList ul p {margin-top:10px;font-size:12px;color:#999;line-height:20px;}
.dynamicList ul p span {width:350px;margin-right:12px;color:#999;display:inline-block;vertical-align:top;}
.dynamicList ul p i {color:#9d9d9d;}
.industryList.characteristicList li i {background:none;}
.industryList.characteristicList .iconList li.l9 i {background:url('../images/newicon.png');background-position:-1014px -1024px;}
.breakthroughList li {height:187px;}
.breakthroughList li span {width:70px;height:70px;margin-top:62px;margin-right:21px;background:none;border:1px solid #ccc;border-radius:50%;margin-left:31px;}
.breakthroughList li i {width:50px;height:50px;margin-top:10px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');}
.breakthroughList li.l1 i {background-position:-13px -492px;}
.breakthroughList li.l2 i {background-position:-65px -490px;}
.breakthroughList li.l3 i {background-position:-117px -490px;}
.breakthroughList li.l4 i {background-position:-168px -490px;}
.breakthroughList li.l5 i {background-position:-220px -490px;}
.breakthroughList li.l6 i {background-position:-271px -490px;}
.breakthroughList li div {width:260px;margin-top:53px;}

.newsInformation a:hover {color:#f7555e;}
.newsInformation .productPropaganda h2 i {width:4px;height:22px;margin-top:27px;background:#f7555e;*margin-top:0;}
.newsInformation .productPropaganda .propagandaCentent {height:398px;background:url('../images/index_16.png') no-repeat;}
.newsInformation .productCentent .productListTitle{ border-bottom:2px solid #f7555e;    margin-top: 22px;}
.newsInformation .productCentent .productListTitle li.active ,.newsInformation .productCentent .productListTitle li:hover {background:#f7555e;}

.newsInformation .productListCentent {position:relative;height:382px;}
.newsInformationlList>i {position:absolute;top:0;left:50%;width:1px;height:100%;background:#ededed;}
.newsInformationlList>span {position:absolute;right:30px;bottom:14px;font-size:14px;color:#f7555e;}
.newsInformationlList>span a {color:#f7555e;}
.newsInformationlList ul {padding:30px 0;}
.newsInformationlList ul li {float:left;width:406px;padding:8px 30px;padding-right:0;font-size:12px;color:#222;}
.newsInformationlList ul li i {color:#f7555e;display:inline-block;vertical-align:top;}
.newsInformationlList ul li p {max-width:328px;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;overflow:hidden;}
.newsInformationlList ul li:last-child p {width:100%;}
.newsInformationlList ul li p span {width:100%;color:#f7555e;text-align:right;display:inline-block;vertical-align:top;}
.newsInformationlList ul li a {color:#222;}
.videoList {padding:14px 8px;}
.videoList li {float:left;margin-top:35px;font-size:14px;color:#333;text-align:center;margin-left:63px;}
.videoList span {width:203px;height:98px;margin-bottom:12px;display:block;background:#edebed;border-radius:3px;}
.videoList span i {width:55px;height:55px;margin-top:25px;display:inline-block;vertical-align:top;background:url('../images/newicon.png');background-position:-950px -0;}
.videoList li.l6 span i {background-position:-1024px -0;}
/*******详情页面App*******/
.bgGray {background:#f8f8f8;}



.navigation>i.close {position:absolute;top:-36px;right:0;width:26px;height:36px;background:url('https://pigmcsdotcom.b0.upaiyun.com/statics/newpigcms/images/x.png'); cursor:pointer; }
span.navigationListClose {display:none; z-index:9;position:fixed;top:50%;left:0;width:26px;margin-top:-50px;padding:12px 6px;font-size:16px;color:#fff;line-height:17px;text-align:center;display:none;background:#ffab00;border-radius:0 5px 5px 0;cursor:pointer;}
span.navigationListClose i {width:22px;height:22px;margin-bottom:4px;display:inline-block;background:url('https://pigmcsdotcom.b0.upaiyun.com/statics/newpigcms/images/xfeng.png');background-position:-837px -26px;}

.sourceCode.navigation {margin-top:-149px;}
.navigation dt {line-height:37px;}
.navigation dt ,.technical .navigation dd.active ,.technical .navigation dd:hover {color:#fff;background:#ffab00;}
.navigation dd {height:37px;font-size:12px;line-height:37px;}
.navigation dd:last-child a {border-bottom:0;}
.navigation dd a {width:75px;height:100%;margin:0 7px;display:inline-block;vertical-align:top;border-bottom:1px dashed #ededed;}
.navigation dd a:hover {color:#ffab00;}
.technical .navigation dd:hover a ,.technical .navigation dd.active a {color:#fff;}
.navigation dd.active a {color:#ffab00;}

.footer {width:100%;margin-top:50px;background:#242424;border-top:6px solid #242424;}
.footer .footerOne {padding:28px 0;border-bottom:1px solid #464646;}
.footer .footerOne ul li {float:left;margin-left:98px;}
.footer .footerOne ul li:first-child {margin-left:0;}
.footer .footerOne ul li span {height:44px;margin-right:15px;padding:0 12px;font-size:38px;color:#fff;line-height:44px;text-align:center;border:2px solid #fff;border-radius:10px;;}
.footer .footerOne ul li .desc {color:#fff;}
.footer .footerOne ul li .desc h3 {font-size:24px;}
.footer .footerOne ul li .desc p {font-size:14px;color:#858585;}
.footer .footerTwo {padding:25px 0;text-align:center;}
.footer .footerTwo .ftColumns {width:auto;text-align:center;display:inline-block;vertical-align:top;margin-left:75px;*margin-left:20px;}
.footer .footerTwo .ftColumns {*display:inline;*width:130px;}
.footer .footerTwo .ftColumns:first-child {margin-left:0;}
.footer .footerTwo .ftColumns h2 {margin-bottom:20px;font-size:14px;font-weight:normal;color:#fff;}
.footer .footerTwo .ftColumns h2 i {width:50px;height:50px;margin:0 auto;margin-bottom:10px;display:block;background:url('../images/newicon.png') no-repeat;}
.footer .footerTwo .ftColumns h2 i.i1 {background-position:-730px -1615px;}
.footer .footerTwo .ftColumns h2 i.i2 {background-position:-807px -1615px;}
.footer .footerTwo .ftColumns h2 i.i3 {background-position:-883px -1615px;}
.footer .footerTwo .ftColumns h2 i.i4 {background-position:-958px -1615px;}
.footer .footerTwo .ftColumns h2 i.i5 {width:51px;height:51px;background-position:-732px -1553px;}
.footer .footerTwo .ftColumns h2 i.i6 {background-position:-808px -1553px;}
.footer .footerTwo .ftColumns .links li {position:relative;margin-bottom:5px;}
.footer .footerTwo .ftColumns .links li  div {display:none; z-index:2;position:absolute;top:-125px;left:-42px;width:150px;height:150px;background:#fff;box-shadow:0 0 15px #ccc;}
.footer .footerTwo .ftColumns .links li  div img{width:150px;height:150px;}
.footer .footerTwo .ftColumns .links li:first-child  div{ top:-100px;}
.footer .footerTwo .ftColumns .links li:hover div{display:block;}
.footer .footerTwo .ftColumns .links li a {font-size:12px;color:#898989;}
.footer .footerTwo .ftColumns .links li a:hover {color:#666;}
.footer .footerTwo .last {color:#858585;border-left:1px solid #eee;padding-left:75px;*padding-left:25px;*width:260px;}
.footer .footerTwo .last .qq {padding:6px 25px;color:#fff;display:inline-block;background:#0c61b0;border-radius:20px;}
.footer .footerTwo .last .qq {*display:inline;}
.footer .footerTwo .last .qq i {width:24px;height:24px;display:inline-block;vertical-align:top;background:url('../images/newicon.png') no-repeat -1047px -113px;}
.footer .footerTwo .last h3 {font-size:26px;}
.footer .footerTwo .last .phone {margin:15px 0;}
.footer .footerTwo .last p {font-size:12px;}
.footer .footerThree {padding:10px 0;color:#858585;background:#6b6b6b;}
.footer .footerThree .fl {float:left;}
.footer .footerThree .ftNav a {margin:0 10px;font-size:12px;font-size:12px;color:#b5b5b5;}
.footer .footerThree .ftNav a:first-child {margin-left:0;}
.footer .footerThree p a {margin-left:10px;}
.footer .footerThree p span {margin-right:10px;}
/*.footer .footerThree a:hover{color:#666;}*/
.w1200 {width:1200px;min-width:1200px;margin:0 auto;}
.fr {float:right;}
.fl {float:left;}
.backTop {z-index:6;position:fixed;right:5px;bottom:20px;width:94px;height:94px;display:block;display:none;background:url('../images/newicon.png') no-repeat -760px -1170px;}
.systemListCentent li .iconList li i ,.advantageList li span ,.industryList .iconList li i ,.upgrade .upgradeCentent .iconList li i ,.productListCentent .lifeList menu li i ,.productListCentent .communityList .iconList li i {opacity:1;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-backface-visibility:hidden;}
.systemListCentent li .iconList li:hover i ,.advantageList li:hover span ,.retailersCode .o2oShop.industryList .iconList li:hover i {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-animation:none;animation:none;}
.upgrade .upgradeCentent .iconList li:hover i ,.productListCentent .communityList .iconList li:hover i ,.developmentDynamic.advantageList li:hover a span ,.retailersCode .extension.industryList .iconList li:hover i {-webkit-animation:pulse 1s ease 1 0s both;animation:pulse 1s ease 1 0s both;}
.industryList .iconList li:hover i ,.productListCentent .lifeList menu li:hover i ,.retailersCode .distribution.industryList .iconList li:hover i {-webkit-animation:bounce 1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.breakthroughList li span {position:relative;}
.breakthroughList li span:after ,.wisdomProblem li span:after {z-index:10;position:absolute;top:-1px;left:-1px;width:100%;height:100%;padding:0;display:none;border:1px dashed #cacaca;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.breakthroughList li:hover span {border:1px solid transparent;}
.breakthroughList li:hover span:after ,.wisdomProblem li:hover span:after {display:block;-webkit-animation:spinAround 9s linear infinite;-moz-animation:spinAround 9s linear infinite;animation:spinAround 9s linear infinite;}
.wisdomProblem li:hover span:after {top:-2px;left:-2px;border:2px dashed #1abd6c;}
.wisdomProblem li:hover span {border:2px solid transparent;}
.wisdomShop .shopFunction.industryList .iconList li i ,.wisdomShop .industryList .iconList li.l9 i ,.wisdomShop .cashier.industryList .iconList li i ,.developmentDynamic.advantageList li:hover a span {-webkit-transition:none;-moz-transition:none;transition:none;}
.wisdomShop .shopFunction.industryList .iconList li:hover i ,.detailsArticle .industryList .iconList li:hover i {-webkit-animation:none;animation:none;}
@-webkit-keyframes spinAround {from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform:rotate(0deg);}
	to {-moz-transform:rotate(360deg);}}
@keyframes spinAround {from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}}

*body .history-date ul li dl dt {_font-size:12px!important;_font-weight:bold;}
*body .history-date ul li dl dt span {_font-weight:normal!important;}
*body .history-date ul li.green dl dt a {_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}
.qualification ul {margin-right:-45px;overflow:hidden;}
.qualification ul li {float:left;width:266px;height:295px;margin-right:45px;margin-bottom:45px;line-height:295px;text-align:center;}
.qualification ul li img {display:inline;vertical-align:middle;}
.qualification ul li h3 {font-size:14px;font-weight:normal;color:#9d9d9d;line-height:30px;text-align:center;}
.contactUs {height:800px;}
.contactUs .myMap {top:0;left:0;width:460px;height:377px;border:1px solid #eee;}
.contactUs .myMap img {width:100%;height:100%;}
.contactUs .myAddress {top:0;right:0;left:500px;}

.contactUs .myAddress .hd li {float:left;margin-right:10px;}
.contactUs .myAddress .hd li {width:180px;height:45px;font-size:18px;color:#9d9d9d;line-height:45px;text-align:center;display:block;background:#e5e5e5;cursor:pointer;}
.contactUs .myAddress .hd li.on {color:#fff;background:#ff7200;}
.contactUs .myAddress .bd {height:331px;border:1px solid #eee;}
.contactUs .myAddress .bd .row {display:none;}
.contactUs .myAddress .bd .row:first-child {display:block;}
.contactUs .myAddress .bd .mapAdress {padding:0 20px;}
.contactUs .myAddress .bd .mapAdress h3 {margin-top:20px;}
.contactUs .myAddress .bd .mapAdress p {line-height:30px;}

/****老官网banner****/
.banner {overflow:hidden;}

.bannerBtn {z-index:3;position:absolute;top:50%;width:100%;margin-top:-25px;}
.bannerBtn .w1000 {position:relative;}
/*.bannerBtn a {z-index:99;position:absolute;width:26px;height:51px;padding-top:74px;display:none;background:url('../images/sprite_1.png') no-repeat -115px 0;}*/
.bannerBtn a.prev {left:0;/*background-position:-0px -938px;*/}
.bannerBtn a.next {right:0;/*background-position:-26px -938px;*/}

/**新增banner201607011**/
.banner-b {background:#43cfc8;}
.banner-b .w1120 {height:348px;}
.banner-b img {position:absolute;}
.banner-b .b-1 {top:180px;right:72px;}
.banner-b .b-2 {top:180px;left:90px;}
.banner-b .b-3 {top:330px;left:50%;margin-left:-381px;}
.banner-b .b-s {bottom:0;}
.banner-b .b-s-1 {left:50px;width:100px;}
.banner-b .b-s-2 {left:160px;width:160px;}
.banner-b .b-s-3 {left:390px;width:58px;}
.banner-b .b-s-4 {right:359px;width:103px;}
.banner-b .b-s-5 {right:250px;width:150px;}
.banner-b .b-s-6 {right:0;width:65px;}
.banner-b .b-y {top:40px;}
.banner-b .b-y-1 {left:50%;margin-left:-20px;}
.banner-b .b-y-2 {left:0;}
.banner-b .b-y-3 {right:0;}
.banner-b .targetBtn {z-index:999;position:absolute;bottom:60px;left:352px;margin-top:20px;}
.banner-xr {background-image:url('../images/xr.jpg');background-repeat:no-repeat;background-position:top center;background-size:cover;}
.banner-xr .xr-1 {top:160px;right:-72px;}
.banner-xr .xr-2 {top:125px;left:0;}
.banner-xr .xr-4 {top:0;left:50%;margin-left:-400px;}
.banner-xr .xr-3-1 {top:260px;left:0;}
.banner-xr .xr-3-2 {top:232px;right:0;}
.banner .flashBox .banner-xr .xr-btn {position:absolute;bottom:20px;left:50%;width:282px;height:68px;overflow:hidden;background:url('../images/xr-btn.png') no-repeat;margin-left:-141px;}
.banner-kt {background:#1fbdd9;}
.banner-kt .kt_1 {z-index:1;top:148px;left:0;}
.banner-kt .kt_2 {top:319px;left:0;}
.banner-kt .kt_3 {z-index:0;right:0;bottom:0;}
.banner-kt .kt_4 {right:0;bottom:0;}
.banner-kt .kt_5 {right:86px;bottom:0;}
.banner-kt .kt_6 {top:410px;left:0;}
.flashBox ul li div.warp {width:1000px;}
.banner-zh {background:#03c36b;}
.banner-zh .zh-1 {bottom:0;left:0;}
.banner-zh .zh-2 {top:170px;left:50%;margin-left:-465px;}
.banner-zh .zh-3 {top:282px;left:50%;margin-left:-235px;}

.banner-a {background:url(../images/pigbg_02.png);}
.banner-a .zh-a-1 {z-index:9;top:77px;left:60px;-webkit-animation:bounceInDown 2s .5s 1 linear both;animation:bounceInDown 2s .5s 1 linear both;}
.banner-a .zh-a-2 {top:0;left:0;-webkit-animation:zoomIn 2s 0s 1 linear both;animation:zoomIn 2s 0s 1 linear both;}
/**新增banner20161017 by 董林**/
.banner-qiu {background:#fff6cc;}
.banner-qiu .q1 {top:45px;left:50%;margin-left:-350px;}
.banner-qiu .q2 {top:350px;left:50%;margin-left:-300px;}
.banner-qiu .q3 {top:0;left:50%;margin-left:-493px;}
.banner-qiu .q4 {bottom:55px;left:50%;margin-left:-90px;}

.phoneError {z-index:999;position:fixed;top:-500px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:rgba(0,0,0,.8);background:#000/9;border:1px solid #aaa;border-radius:8px;cursor:pointer;margin-left:-150px;}
.telNote {z-index:999;position:fixed;top:300px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:#fe5842;border:1px solid #fff;border-radius:8px;cursor:pointer;margin-left:-150px;}
.banner-year4{background:url('../images/year4-1.png')}
.banner-year4 img{top: 50%;left: 50%;margin-left: -405.5px;margin-top: -215px}
.warp {width:1000px;margin:0 auto;}